body{background: #fff;font-family: Helvetica;text-align:center;padding:0;margin:0;}

img{border:none;}
ul{margin:0;padding:0;}
span,strong{display:block;}
li{list-style:inside;}


@font-face {
	font-family: 'Glasgow-Medium';
	src: url("../fonts/Glasgow-Medium.otf") format("opentype");
}

/** Premate **/
#premate{display:block;width:100%;height:100%;position:fixed;background:transparent;background: url(../img/bg.jpg) #fff no-repeat bottom;background-size: cover;}
#premate #superior{width: 100%;height: 30%;position: absolute;background: none;display: none;z-index: 11;}
#premate #inferior{background: none;width: 100%;height: 50%;display: block;top: 50%;position: absolute;z-index:1}
#premate #letter{color: #D5692D;font-size: 26px;font-family: Arial;margin-top: 120px;position: absolute;width: 100%;z-index:100}
#premate #derecha{width: 50%;height: 270px;position: absolute;top: 70px;display:none;z-index: 10;           background: url(../img/lateral-1.png),url(../img/lateral-3.png);background-repeat: no-repeat ,repeat;background-position:left center;background-size: contain;left: 0px;display: block;}
#premate #izquierda{width: 50%;height: 270px;position: absolute;top: 70px;right: 0;display:none;z-index: 10;background: url(../img/lateral-2.png),url(../img/lateral-3.png);background-repeat: no-repeat ,repeat;background-position:right center;background-size: contain;right: 0px;display: block;}
#logos{position: relative;top: 109px;height: 270px;}
 
#avance{/*background: url(../img/barra.jpg) repeat-x;*/width: 0%;height: 185px;display: block;position: relative;/*box-shadow: 0px 0px 10px #999;*/}


/** General **/
body{/*background:  url(../img/bg.jpg) #fff no-repeat;background-size: cover;*/}
#all{display:none;position:absolute;z-index:10;margin-top: -40px;}
#all.home{background: none}
/** Home **/
#home {position:relative}
#home #side{width: 27%;float: left;height: 100%;background: rgba(0,0,0,.75);position:absolute;} 
.dialogos{position: absolute;top: 200px;width: 50px;height: 70px;left: 320px;}
.dialogos .over{width:100%;height:100%;display:block}
.dialogos .diag{background: url(../img/dialog.png);width: 175px;height: 177px;top: -155px;position: absolute;left: -160px;display:none}
.dialogos#diag-2{top: 270px;left: 515px;}
.dialogos#diag-2 .diag{background-position: 0 -174px;left: 25px;}
.dialogos#diag-3{top: 110px;left: 570px;}
.dialogos#diag-3 .diag{background-position: -178px 0px;left: 25px;}

.foot .dir{color: #fff;font-size: 16px; font-family: 'Glasgow-Medium';}
.foot .dir a {background:/* url(../img/mail.jpg)*/ no-repeat center left;/*padding-left: 32px;*/line-height: 18px;text-decoration: none;color: #fff}
.foot .dir a:hover{text-decoration:underline;color: #fff}
.foot .redes span{color: #4E4E50;text-decoration: none;float: left;line-height: 40px;}
.foot .redes a{float:left;width:18%;}
.foot .redes .logo{background: url(../img/redes.png) 0 -5px;width: 32px;height: 32px;float: left;}
.foot .redes #red1 {margin-left: 225px;}
.foot .redes #red2 {width:105px;}
.foot .redes #red3 {width:140px;}
.foot .redes #red4 {width:110px;}
.foot .redes #red5 {width:115px;}

.estudio{margin-top:-30px}

.foot{position: absolute;bottom: 0;width: 100%;}
.foot .redes #red2 .logo{background-position: 0 -32px;}
.foot .redes #red3 .logo{background-position: 0 -55px;}
.foot .redes #red4 .logo{background-position: 0 -78px;}
.foot .redes #red5 .logo{background-position: 0 -109px;}

#home .estudio img{margin-top: -9px;}
#home .estudio img.no-visible{display:none;}
#home .estudio img.visible{display:block}