body{ margin:0; font-family: 'zonefont'; }


@font-face {
    font-family: 'zonefont';
    src: url('../stuff/zonefont.eot');
    src: url('../stuff/zonefont.eot?#iefix') format('embedded-opentype'),
         url('../stuff/zonefont.woff') format('woff'),
         url('../stuff/zonefont.ttf') format('truetype'),
         url('../stuff/zonefont.svg#zonefont') format('svg');
    font-weight: normal;
    font-style: normal;

}
div.salto{clear:both;height:0}
a{outline:none}




div#topBlanco{ background-color:#f8f8f8; padding:52px 0 52px 0 }
#logo{ display:block; margin:0 auto; width:167px; height:203px }
div#fondoBotonera{ height:70px; background-color:#212121;}
div#botonera{ position:relative; width:960px; margin:0 auto; padding-top:23px; z-index:10 }
div#botonera a.boton{ display:inline-block; margin-right:61px; text-decoration:none; color:#f8f8f8; font-size:20px; float:left; }
div#botonera a#lastButton{ margin-right:0; float:right }
div#botonera a#despInstr{ padding-right:16px; margin-right:44px; background:url(../img/mas_buttons.png) no-repeat right; cursor:default }
div#botonera a#despNinos{ padding-right:16px; margin-right:44px; background:url(../img/mas_buttons.png) no-repeat right; cursor:default }

div#botonera div#contInstrumentos{ position:absolute; top:47px; display:none; padding-top:23px}
div#botonera div#contNinos{ position:absolute; top:47px; left:471px; display:none; padding-top:23px}

div#botonera div.desplegable{ padding:14px 0 13px 15px; background-color:#cd572a}
div#botonera div.desplegable a{ font-size:18px; color:#fff; font-weight:normal; margin-right:20px; text-decoration:none }

div#botonera a:hover{ color:#d1d1d1 }
div#botonera div.desplegable a:hover{ color:#ff8d4c }





div#fondoContenido{background:url(../img/bg_orange.png) repeat-x }
 
div#pasafotos{ width:960px; margin:0 auto; height:574px; position:relative }

a.imgRulo{ display:none;position:absolute;top:68px }


div#bolas{ width:198px; height:18px; margin:0 auto; padding:531px 0 0 0; }
div#bolas span{display:block;width:18px;height:18px;background-image:url(../img/bola.gif); float:left; margin-right:42px; cursor:pointer }


div.contenido{ width:960px; margin:0 auto; padding:58px 0 50px 0; position:relative }

div#guitarra{ background:url(../img/guitarra.png) no-repeat 0 90px }
div#baile{ background:url(../img/baile.png) no-repeat 0 90px }
div#bajo{ background:url(../img/bajo.png) no-repeat 0 60px }
div#bateria{ background:url(../img/bateria.png) no-repeat 0 115px }
div#canto{ background:url(../img/canto.png) no-repeat 0 85px }
div#creacion{ background:url(../img/creacion.png) no-repeat 0 90px }
div#deejay{ background:url(../img/deejay.png) no-repeat 0 90px }
div#lenguaje{ background:url(../img/lenguaje.png) no-repeat 0 30px }
div#movimiento{ background:url(../img/movimiento.png) no-repeat 0 75px }
div#piano{ background:url(../img/piano.png) no-repeat 0 60px }


div.contenido h1{ margin:0 0 1px -1px; padding:0; color:#cd572a; font-size:48px; font-weight:normal; }
div.contenido h2{ margin:0 0 31px 0; padding:0; color:#fff; font-size:38px; font-weight:normal; line-height:45px; }
div.contenido div#pLeft{ width:425px }
div.contenido p{ margin:0 0 18px 0; padding:0; color:#f8f8f8; font-size:20px; line-height:1.30em }


div#precios { position:absolute; bottom:-65px; width:970px}
div#precios h3{  float:left; margin:0; padding:10px 0 10px 0; font-size:38px; font-weight:normal; background-color:#eb6430; width:600px; color:#622a14}
div#precios h3 span{ color:#f8f8f8 }
div#precios h4{  float:left; margin:0; padding:10px 0px 0px 40px; font-size:38px; font-weight:normal; background-color:#cd572a;  width:305px; color:#84381b}
div#precios h4 span{ color:#f8f8f8 }
div#fondoPrecio{ float:left; height:65px; background-color:#eb6430; width:50%;}
div#fondoMatricula{ float:left; height:65px; background-color:#cd572a; width:50%;}


div#fondoContenidoOscuro{ background-color:#212121 }
div#contenidoOscuro{ width:960px; margin:0 auto; padding:61px 0 48px 0 }
div#contenidoOscuro h3{ margin:0 0 25px 0; padding:0; color:#cd572a; font-size:30px; font-weight:normal;}

div#contenidoOscuro div.pLeftOscuro{ width:450px; float:left }
div#contenidoOscuro div.pRightOscuro{ width:450px; float:right }
div#contenidoOscuro p{ margin:0 0 14px 0; padding:0; color:#767474; font-size:20px; line-height:1.30em }
div#contenidoOscuro span{color:#f8f8f8}

div#contenidoOscuro p a{ color:#767474; text-decoration:none }
div#contenidoOscuro p a:hover{ color:#615f5f }

div#contenidoOscuro img{ display:block; float:left; margin:0 0 28px 0}

div#contenidoOscuro div.imgRight{ width:255px; float:right }

div#contenidoOscuro h1{  font-weight:normal; font-size:28px; color:#ffffff; padding:0; margin:-4px 0 5px 0  }
div#contenidoOscuro h2{  font-weight:normal; font-size:24px; color:#cd572a;  padding:0; margin:0 0 0 -1px}


div#contenidoProfe{ width:960px; margin:0 auto; padding:68px 0 62px 0 }
div#contenidoProfe h3{ margin:0 0 25px 0; padding:0; color:#cd572a; font-size:30px; font-weight:normal;}

div#contenidoProfe div.pLeftOscuro{ width:450px; float:left }
div#contenidoProfe div.pRightOscuro{ width:450px; float:right }
div#contenidoProfe p{ margin:0 0 0px 0; padding:0; color:#767474; font-size:20px; line-height:1.30em }
div#contenidoProfe span{color:#f8f8f8}

div#contenidoProfe p a{ color:#767474; text-decoration:none }
div#contenidoProfe p a:hover{ color:#615f5f }

div#contenidoProfe img{ display:block; float:left; margin:0 0 28px 0}

div#contenidoProfe div.imgRight{ width:255px; float:right }

div#contenidoProfe h1{  font-weight:normal; font-size:28px; color:#ffffff; padding:0; margin:-4px 0 5px 0  }
div#contenidoProfe h2{  font-weight:normal; font-size:24px; color:#cd572a;  padding:0; margin:0 0 0 -1px}







div#fondoPromos{ background-color:#212121 }

div#promos{ width:960px; margin:0 auto; padding:50px 0 62px 0 }

div.contPromos{ width:285px; float:left; }
div.contPromos h1{ font-size:42px; font-weight:normal; color:#f8f8f8; padding:0; margin:0 0 17px 0}
div.contPromos p{ margin:0 0 18px 0; padding:0; color:#767474; font-size:20px; line-height:1.30em}
div.contPromos p.naranja{ margin-bottom:0; color:#cd572a;}
div#combos{ float:left; margin-right:53px }
div#eventos{ float:left}
div#promociones{ float:right}











div#fondoRedes{ background-color:#f8f8f8 }
div#redes{ width:960px; margin:0 auto; padding:60px 0 40px 0; position:relative }

div#redes h1{ font-size:42px; font-weight:normal; color:#cd572a; padding:0; margin:0 0 0 0}
div#redes h2{ font-size:36px; font-weight:normal; color:#767474; padding:0; margin:0 0 20px 0}
div#redes p{ margin:0 0 36px 0; padding:0; color:#767474; font-size:20px; line-height:1.30em}
div#redes a{ font-size:20px; color:#767474; text-decoration:none }
div#redes a:hover{ color:#615f5f }

div#redes img.foto{ display:block; float:left; margin:0 52px 45px 0; cursor:pointer}
div#redes img.video{ display:block; float:left; margin:0 60px 36px 0; cursor:pointer}


#hoverNav{position:absolute;top:0;left:0;width:100%;z-index: 10;background-color:#000000;display:none}
div.caja{position:absolute;z-index:50;display:none; background-color:#FFFFFF;}
div.marco{border-left:6px solid #f8f8f8;border-right:6px solid #f8f8f8;border-bottom:6px solid #f8f8f8}
div.closeBox{cursor:pointer;position:absolute;top:11px;right:6px;width:53px;height:30px;background-color:#212121; color:#ffffff; padding:11px 0 0 16px;font-size:16px}
div.closeBox:hover{color:#767474}
div#cableIzd{cursor:pointer;position:absolute;top:50%;left:100px;width:78px;height:78px;background-image:url(../img/cableIzd.png); z-index:100; display:none}
div#cableIzd:hover{background-position:0 -80px}
div#cableDer{cursor:pointer;position:absolute;top:50%;right:100px;width:78px;height:78px;background-image:url(../img/cableDer.png);  z-index:100; display:none}
div#cableDer:hover{background-position:0 -80px}
p.pie{color:#000000;padding:12px 22px 11px 22px;margin:0;border-top:5px solid #cd562b; font-size:25px;}


img#clavija{ position:absolute; bottom:-7px; left:442px }











div#fondoFooter{ background-color:#212121; }
div#footer{ width:960px; margin:0 auto; padding:68px 0 55px 0; /*background:url(../img/banda.jpg) no-repeat bottom center*/ }

div#sigue{ width: 238px; float:left; margin-right:106px }
div#sigue h4{ margin:0 0 32px 0; font-size:24px; color:#f8f8f8; font-weight:normal }
a#twitter{ display:block; height:8px; float: left; padding:0 0 30px 43px; background:url(../img/twitter_icon.png) no-repeat 0 4px; font-size:20px; color:#6a6a6a; text-decoration:none }
a#facebook{ display:block; height:8px; float: right; padding:0 0 30px 44px; background:url(../img/facebook_icon.png) no-repeat 0 4px; font-size:20px; color:#6a6a6a; text-decoration:none }
a#twitter:hover, a#facebook:hover{ background-position: 0 -40px; color:#615f5f}

div#escuelas{ float:left; width:382px; }
div#escuelas h4{ margin:0 0 31px 0; font-size:24px; color:#f8f8f8; font-weight:normal }
div#pueblo{ width:170px; float:left; }
div#colonia{ width:167px; float:right }
div#escuelas p{ font-size:20px; color:#6a6a6a; margin:0 0 8px 0; line-height:27px }
div#escuelas p.naranja{ color:#cd572a }
div#escuelas a{ font-size:20px; color:#6a6a6a; text-decoration:none }
div#escuelas a:hover{ color:#615f5f }

img#whatsapp{position:relative; top:5px; left:5px}

div#copy{ width: 128px; float:right }
div#copy h4{ margin:0 0 31px 0; font-size:24px; color:#f8f8f8; font-weight:normal }
a#copyZone{ display:block; width:77px; height:83px; background-image:url(../img/logo_grey.png); margin:0 0 26px 25px }
a#copyEscena{ display:block; width:93px; height:14px; background-image:url(../img/logo_escena.png); margin-left:17px }
a#copyEscena:hover{ background-position:0 -46px }

p#legal { position:relative; text-align:center; top: 30px}
p#legal a{ color:#767474; text-decoration:none }
p#legal a:hover{ color:#615f5f }