header{
background-color: #333;
}
header a, header a:hover{
color: #FFF;
}
h2.titulo{
font-size: 60px;
font-weight: 700 !important;
}
.columnas{
max-width: 851px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.caja{
max-width: 851px;
border: 1px solid #D2D2D2;
padding: 30px 20px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.caja.intro{
margin-top: 30px;
margin-bottom: 30px;
}
.caja .intro{
font-size: 14px;
line-height: 27px;
}
.caja .imagen{
padding-top: 50px;
}
/*.img{
width: 110px;
}*/
.info{
/*max-width: 230px;*/
font-size: 16px;
}
.izquierda {
padding-left: 0px;
}
/*.derecha{
padding-right: 0px;
padding-top: 40px;
}*/
.columnas .caja{
margin-bottom: 20px;
}
.boton{
display: inline-block;
color: #FFF;
padding: 3px 20px 2px;
margin-bottom: 30px;
font-size: 14px;
}
.boton a:hover, .boton:visited{
color: #FFF;
}
#contexto .boton{
background-color: #9596C1;
}
#laminas .boton{
background-color: #C54832;
}
#manuscrito .boton{
background-color: #DEA029;
}
#explorar .boton{
background-color: #4168B5;
}
#viajes .boton{
background-color: #88D1D1;
}
#episodios .boton{
background-color: #7CB03F;
}
#vocabulario .boton{
background-color: #3EA36E;
}
#fabrica .boton{
background-color: #9E005D;
}


/*#contexto .img{
padding-top: 45px;
}
#laminas .img{
padding-top: 105px;
}
#manuscrito .img{
padding-top: 10px;
}
#explorar .img{
padding-top: 40px;
}
#viajes .img{
padding-top: 30px;
}
#episodios .img{
padding-top: 50px;
}
#vocabulario .img{
padding-top: 25px;
}
#fabrica .img{
padding-top: 20px;
}*/

/** Carousel **/
body#inicio{
background-image: none;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#container{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.frase{
background-color: rgba(51, 51, 51, .3);
color: #FFF;
padding: 20px 50px;
display: inline-block;
}
#container a{
text-decoration: none;
}
.frase .a{
font-size: 19px;
}
.frase .b{
font-size: 16px;
margin-top: 10px;
}
body#inicio .titulo{
color: #FFF;
font-weight: normal;
}
body#inicio .boton{
margin-top: 20px;
display: inline-block;
color: #000;
background-color: #FBF6F4;
padding: 10px 50px;
}
body#inicio .boton:hover{
color: #000;
text-decoration: none;
}