@charset "UTF-8";
/* CSS Document */

body{
font-size:13px;
color:#333;
font-family: 'Yanone Kaffeesatz', sans-serif;
margin:0;
line-height:20px;
}
img{
border:0;
}
.horizontal-scroll-contenedor{
width: 70%;
height: 550px;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
float:right;
}
.texto{
float:left;
width:26%;
padding:0px 2%;
font-size:11px;
font-family: 'Noto Sans JP', sans-serif;
line-height:22px;
color:#333;
}
.horizontal-scroll-contenedor > div {
width: 674px;
height: 450px;
margin: 10px;
padding: 0;
display: inline-block;
text-align: center;
}
.horizontal-scroll-contenedor > div img{
width: 100%;
height: auto;
}
.piedefoto{
padding:10px 0px;
font-style:italic;
}
.clear{
clear:both;
}
.centrador{
width:1100px;
margin:auto;
}
#header{
background: -moz-linear-gradient(top, rgba(2,0,0,1) 0%, rgba(2,1,1,0) 100%);
background: -webkit-linear-gradient(top, rgba(2,0,0,1) 0%,rgba(2,1,1,0) 100%);
background: linear-gradient(to bottom, rgba(2,0,0,1) 0%,rgba(2,1,1,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020000', endColorstr='#00020101',GradientType=1 );
height:200px;
}
#header2{
background-color:#000;
border-bottom:1px solid #000;
}
#wrapper{
position:absolute;
height:100%;
width:100%;
}
.masonry2 { /* Masonry container */
column-count: 2;
column-gap: 1em;
}
.masonry3 { /* Masonry container */
column-count: 3;
column-gap: 1em;
}
.masonry4 { /* Masonry container */
column-count: 4;
column-gap: 1em;
}
.item { /* Masonry bricks or child elements */
display: inline-block;
margin: .5em 1em;
width: 100%;
}
#barra{
color:#000;
}
#barra h2{
font-size:16px;
margin: 10px 0px;
}
#nombre{
color:#FFF;
font-size:20px;
position:absolute;
padding: 25px 2% 10px;
}
#nombre2{
color:#000;
position:absolute;
padding:20px;
}
#maximage{
	background-color:#000;
}
#nombre h1, #nombre2 h1{
font-size:30px;
text-transform:uppercase;
text-align:center;
margin:0px;
padding:0px;
}
#nombre h3, #nombre2 h3{
font-size:10px;
text-transform:uppercase;
margin:0px;
padding:0px;
text-align:center;
}
#nombre2 a{
text-decoration:none;
color:#000;
}
#nombre a{
text-decoration:none;
color:#FFF;
}
#menu, #menu2{
margin:auto;
text-transform:uppercase;
}
#menu ul, #redes ul, #galeriacategoria ul, #menu2 ul{
list-style:none;
padding:0px;
margin:0px;
text-align:center;
}
#menusuperior, #menusuperior2 {
padding:20px;
position:absolute;
right:0px;
}
#menusuperior ul, #menusuperior2 ul{
list-style:none;
padding:0px;
text-align:right;
margin:0px;
}
#menusuperior li, #menusuperior2 li{
display:inline-block;
}
#menusuperior li a{
color:#FFF;
text-decoration:none;
font-size:11px;
margin:0px 10px;
}
#menusuperior2 li a{
color:#000;
text-decoration:none;
font-size:11px;
margin:0px 10px;
}
#menu li, #menu2 li{
font-size:14px;
margin: 10px;
display:inline-table;
}
#menu li a{
color:#FFF;
text-decoration:none;
padding:15px;
display:block;
}
#menu2 li a{
color:#000;
text-decoration:none;
padding:15px;
display:block;
}	
#redes{
width:100%;
text-align:center;
position:fixed;
bottom:3%;
}
#redes li{
display:inline-block;
margin-right:10px;
width:22px;
margin-top:100px;
}
#redes li img{
height:auto;
width:100%;
opacity:0.5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#redes li img:hover{
opacity:1;
}
#contenido{
position:relative;
height:100%;
color:#000;
padding-top:50px;
}
#fondohome{
background-image:url(images/bg.jpg);
background-size:cover;
background-position:right;
position:relative;
height:100%;
color:#000;
}
#galeriade3{
width:67%;
margin: 0px auto 100px;
}
#galeriade4{
width:75%;
margin:auto;
}
#galeriade3 li{
width:30%;
margin:1%;
display:inline-block;
}
#galeriade3 ul{
list-style:none;
padding:0px;
margin:0px;
}
#galeriade4, #galeriade2, #galeriade3{
padding:0px 2%;
float:right;
}
#galeriacategoria{
padding-top:30px;
width:100%;
}
#galeriade4 img, #galeriade3 img, #galeriade2 img{
max-width:100%;
height:auto;
display:block;
width:100%;
}
#galeriacategoria img{
width:100%;
height:auto;
}
#galeriacategoria li{
display:inline-table;
width:22%;
margin:1%;
}
#galeriacategoria h2{
font-size:16px;
}
#fondoproyecto{
background-size:cover;
background-position:right;
}
#textoproyecto{
color:#333;
float:left;
width:20%;
line-height:22px;
font-size:11px;
padding-left:20px;
font-family: 'Noto Sans JP', sans-serif;
}
#textoproyecto h3{
margin:5px 0px;
font-size:12x;
font-weight: normal;
}
#textoproyecto h4{
margin:5px 0px;
font-size:12x;
font-weight: normal;
}
#textoproyecto2{
color:#333;
float:left;
width:17%;
font-size:11px;
font-family: 'Abril Fatface', cursive;
line-height:22px;
color:#333;
padding-left:20px;
}
#textoproyecto2 h2{
margin:5px 0px;
font-family: 'Abril Fatface', cursive;
font-size: 50px;
line-height: 50px;
}
#textoproyecto2 h3{
margin:5px 0px;
font-size:12x;
font-weight: normal;
}
#textoproyecto2 h4{
margin:5px 0px;
font-size:12x;
font-weight: normal;
}
#descripcionserie{
float:left;
width:400px;
margin-top:50px;
padding-bottom:30px;
}
#texto{
padding: 0px 0px 120px 40%;
max-width: 600px;
line-height:25px;
font-family: 'Noto Sans JP', sans-serif;
}
.texto h2, #texto h2, #textoproyecto h2{
font-family: 'Abril Fatface', cursive;
font-size: 50px;
line-height: 50px;
}
.animate-in {
-webkit-animation: fadeIn .5s ease-in;
animation: fadeIn .5s ease-in;
}
.animate-out {
-webkit-transition: opacity .5s;
transition: opacity .5s;
opacity: 0;
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.opacidad{
opacity:0.7;
}
.botonmenumovil, #menumovil, #menumovil2{
display:none;
text-align:right;
}
.botonmenumovil{
text-align:right;
padding:10px;
}
#menumovil ul, #menumovil2 ul{
list-style:none;
padding:0px;
margin:0px;
}
#menumovil, #menumovil2{
}
#menumovil li a{
display:block;
text-decoration:none;
color:#FFF;
padding:4px 10px;
}
#menumovil2 li a{
display:block;
text-decoration:none;
color:#000;
padding:4px 10px;
}
.wpcf7-submit{
background-color:#000;
padding:10px;
color:#FFF;
border:0;
}
.wpcf7-text, .wpcf7-textarea{
background-color:#EEE;
padding:5px;
border:0px;
}
#fotolibro{
margin-left:250px;
}
.issuuembed{
width:100%;
height:700px;
}