@charset "utf-8";html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baselinebaseline; background: transparent; font-family: Open Sans Condensed, sans-serif;}
body { background-image:url(../images/back.png); background-repeat:repeat;background-attachment:fixed;background-position:top;}
/* //////////////////// WRAPPER EXTERIOR, INTERIOR //////////////////// */
#WrapperExterior{height: auto; width: 990px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto;}
#WrapperInterior{height: auto; width: 990px; float:left; padding-left:10px; background-color:#FFF; border-left:1px; border-left-style:solid; border-left-color:#CCC;
/*Border Exterior para efecto de sombra*/
-moz-box-shadow: 3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
box-shadow: 3px 3px 4px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
/* //////////////////// DIV, FECHA| LOGIN //////////////////// */
#DivFechaHoraClimaLogin{position:relative; width:980px; height:35px; float:left; background-color:#FFF; }
.DivFecha{width:180px; height:35px; float:left; padding-top:5px; background-color:#605d5d; color:#fff; font-size:16px;}
#DivHoraClimaLogin{width:800px; height:33px; float:left; background-color:#FFF; border-top-width:1px; border-top-color:#999; border-top-style:solid; border-bottom-width:1px; border-bottom-color:#999; border-bottom-style:solid;}
.DivHora{width:100px; height:32px; float:left; padding-top:10px; padding-left:20px; color:#999999; font-size:12px; }
#TxtReloj{BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: medium none; LINE-HEIGHT: normal; BORDER-BOTTOM: medium none; color:#666; size:8;width:90px;}
.DivClima{width:100px; height:32px; float:left; margin-top:-3px; padding-top:-5px; padding-left:0px; }
.DivLogin{width: 570px; height:32px; float:right;}
/* ////// FORMULARIO DE LOGUEO /////*/
#DivRegistrate{width:60px;height: 32px;float:left;margin-left:399px;padding-left:10px;padding-right:10px;padding-top:5px;border-left-width:1px;border-left-color:#999; border-left-style:solid;}
#DivRegistrate a{font-size: 16px;color:#666; float:left;cursor:pointer; text-decoration:none;}
#DivRegistrate a:hover{ text-decoration:underline}
#DivSesion{ width:60px;height: 28px;padding-top:5px;float:left;padding-left:30px;background-color:#d91218;font-size: 16px;color: #fff;cursor:pointer;}
#DivSesion:hover{ text-decoration:underline}
#DivAvatarImage{float:left;}
#DivAvatarNick{font-size: 18px;color: #333; float:left; margin-top:5px;}
#DivLogout{width:60px;height: 32px;float:left;font-size: 18px;color: #333;padding-top:-5px; cursor:pointer;margin-left:300px;padding-left:30px;padding-right:10px; padding-top:5px;border-left-width:1px;border-left-color:#999; border-left-style:solid;}
#DivLogout:hover{ text-decoration:underline}
#DivDivision{font-size: 24px;color: #333;float:left;}
#DivLoginFormulario{ background-image:url(../images/FondoCuadroLogin.png); background-repeat:repeat;z-index:100; position:absolute;
margin-left:134px;font-size: 14px;color:#FFF;}
#TxtCorreoLogin, #TxtPasswordLogin{text-decoration:none;font-size: 14px;color:#000;}
#DivRecuperaContraseña a{ text-decoration:none; font-size: 14px;color:#FFF;}
#DivRecuperaContraseña a:hover{ text-decoration:underline}
.button, .button:visited { background: #222 url(../site/zavaletaster/Home/overlay.png) repeat-x;display: inline-block;padding: 5px 10px 6px; color: #FFF;text-decoration: none;-moz-border-radius: 6px;-webkit-border-radius: 6px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-top: 0px; border-left: 0px; border-right: 0px;border-bottom: 1px solid rgba(0,0,0,0.25);position: relative; cursor:pointer;}
/* //////////////////// HEADER LOGO, PUBLICIDAD IZQUIERDA Y DERECHA //////////////////// */
#DivHeaderLogo{position:relative;width:980px; height:140px; float:left; background-image:url(../images/FondoCabezal.png); background-repeat:repeat-x}
.DivLogo{width:380px; height:100px; float:left; padding-top:30px; cursor:pointer;}
.DivBanner{width: 300px; height:100px; float:left; padding-top:20px;}
/* //////////////////// CABEZALES Y REDES SOCIALES | BUSCADOR //////////////////// */
#DivRedesBuscador{position:relative;width:980px; height:30px; float:left; margin-bottom:4px; border-top-width:1px; border-top-color:#999999; border-top-style:solid;}
.DivRedes{float:left; height:30px; width:325px;}
.DivBuscador{float:right; height:30px; width:300px;}
.placeholder { color: #aaa; }
#botonconnect{height:30px; width:28px; margin-top:7px; float:left; clear:none;}
#connectFB{display: block;width: 28px;height: 24px;background-image: url(../images/Facebook22.png);background-repeat: no-repeat;}
#connectFB:hover{background-position:0 -25px;}
#connectFB:active{position:relative; top:1px;}
#connectTW {display:block; width:28px; height:24px; background-image:url(../images/Twitter22.png); background-repeat: no-repeat;}
#connectTW:hover{background-position: 0 -25px;}
#connectTW:active{position: relative; top:1px;}
#connectRSS:active{position:relative; top:1px;}
#connectRSS{display:block; width:28px; height:24px; background-image:url(../images/RSS22.png);background-repeat: no-repeat;}
#connectRSS:hover{background-position:0 -25px;}
#connectYT{display:block; width:28px; height:24px; background-image:url(../images/YouTube22.png); background-repeat: no-repeat;}
#connectYT:hover{background-position:0 -25px;}
#connectYT:active{position:relative; top:1px;}
#connectGP{display:block; width:28px; height:24px; background-image:url(../images/GooglePlus.png); background-repeat: no-repeat;}
#connectGP:hover{background-position:0 -25px;}
#connectGP:active{position: relative; top:1px;}
#connectFB:hover,#connectTW:hover,#connectRSS:hover,#connectYT:hover,#connectGP:hover{background-position:0 -25px}
#connectFB:active,#connectTW:active,#connectRSS:active,#connectYT:active,#connectGP:active{position:relative;top:1px}
/* //////////////////// MENU //////////////////// */
#DivMenuSuperior{ width:980px; height:20px; float:left; margin-top:5px; margin-bottom:5px;}
/* //////////////////// MENU INFERIOR ////////////////////////////////////////////////// */
#DivMenuInferior{position:relative;width:980px; height:10PX; float:left; margin-top:5px; }
#DivMenuInferior a{ font-size:14px; color: #000; cursor:pointer; text-decoration:none;}
/* //////////////////// DIV LEGALES //////////////////////////////////////////////////*/
#DivLegales {position:relative;width:980px; height:30px; float:left; margin-top: 20px;}
#DivLegales a{font-size:14px; color: #000; cursor:pointer; text-decoration:none;}
/* //////////////////// DIV REVISTA EMERGENTE //////////////////////////////////////////////// */
#DivEmergente {position:relative;position:fixed; bottom: 0;}
.show_hide {display:none;}