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

@font-face {
    font-family: trajan;
    src: url(../fonts/TrajanPro.otf);
}

@font-face {
    font-family: shruti;
    src: url(../fonts/shruti.ttf);
}




body {background:#000000;}

#contenedor {max-width:840px; height:auto; margin:auto; padding-top:90px;}

h1 {font-family:trajan; font-size:45px; color:#FFFFFF;  text-align:center; font-weight:normal;}

section { text-align:center; padding-top:70px;}	


#social {width:90px; height:35px; }
#social img { margin-right:10px; }


.cuadrix { display:inline-block; margin-left:10px;  text-align:center; }





.cuadrixAnima {   transform: translate(0px,-10px) scale(1.05,1.05)}

.margenArriba { padding-top:80px; }

.cuadrixSale { font-family:shruti; font-size:1.2em;  color:#FFFFFF; }

.amarillo {color:#006CA9;}

.doubleSize {font-size:1.5em; }

.foto1, .foto2, .foto3 { cursor:pointer;width:249px ; height:182px;transition:all 1s;} /*  width:29%*/
.foto1 { background:url(../images/docencia.jpg);  }
.foto2 { background:url(../images/consultoria.jpg);}
.foto3 { background:url(../images/blog.jpg); }


.foto1:hover { background:url(../images/hover/docencia.jpg); }
.foto2:hover { background:url(../images/hover/consultoria.jpg); }
.foto3:hover { background:url(../images/hover/blog.jpg); }



@media screen and (max-width: 400px)
{
	.foto1, .foto2, .foto3 { cursor:pointer;width:162px ; height:117px;transition:all 1s; background-size:162px 117px;} /*  width:29%*/
	
	#contenedor {padding-top:30px;}
}