/* reset.css */


html {margin:0;padding:0;border:0;}


body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}


body {line-height:1.5;background:white;}


table {border-collapse:separate;border-spacing:0;}


caption, th, td {text-align:left;font-weight:normal;float:none !important;}


table, th, td {vertical-align:middle;}


blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}


a img {border:none;}
:focus {outline:0;}







/* typography.css, con aņadidos */

html {font-size:100.01%;}


body, .wf-loading body, .wf-inactive body { font-size:62.5%; color:#000; background:#fff; font-family: Verdena, sans-serif; }


.wf-active body { font-family: Open Sans,sans-serif; -webkit-font-smoothing: antialiased; font-smooth: always; text-rendering: optimizeLegibility; }


h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}


h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}


h2 {font-size:2em;margin-bottom:0.75em;}


h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}


h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}


h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}


h6 {font-size:1em;font-weight:bold;}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


p {margin:0 0 1.5em;}


img.left, div.left {float:left;margin: 0 1em 1em 0 !important;padding:0;}


img.right, div.right {float:right;margin: 0 0 1em 1em !important;}


a:focus, a:hover {color:#09f;}


a {color:#06c;text-decoration:underline;}


blockquote {margin:1.5em;color:#666;font-style:italic;}


blockquote em, blockquote i {font-style:normal;}


strong, dfn {font-weight:bold;}


em, dfn {font-style:italic;}


sup, sub {line-height:0;}


abbr, acronym {border-bottom:1px dotted #666;}


address {margin:0 0 1.5em;font-style:italic;}


del {color:#666;}


pre {margin:1.5em 0;white-space:pre;}


pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}


ul, ol {margin:0 0 1.5em 1.5em;}


ul {list-style-type:disc;}


ol {list-style-type:decimal;}


dl {margin:0 0 1.5em 0;}


dl dt {font-weight:bold;}


dd {margin-left:1.5em;}


table {margin-bottom:1.4em;width:100%;}


th {font-weight:bold;}
thead th {background:#c3d9ff;}


th, td, caption {padding:4px 10px 4px 5px;}


tfoot {font-style:italic;}


caption {background:#eee;}


.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}


.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}


.hide {display:none;}


.quiet {color:#666;}


.loud {color:#000;}


.highlight {background:#ff0;}


.added {background:#060;color:#fff;}


.removed {background:#900;color:#fff;}


.first {margin-left:0;padding-left:0;}


.last {margin-right:0;padding-right:0;}


.top {margin-top:0;padding-top:0;}


.bottom {margin-bottom:0;padding-bottom:0;}





/*STYLE BODY*/

.dialcomercial-hora {width:100%;height:100%;}
.white{ background:white;}

.dialcomercial-hora .grid{width:800px; overflow:hidden; float:left; position:relative;}
.dialcomercial-hora .grid .barra_sup_cierre{width:800px; overflow:hidden; float:right;position:relative;}
.dialcomercial-hora .guia_dias{clear: both;content: ".";display: block;height:70px;border-bottom:1px solid #f3f3f3;}
.dialcomercial-hora .diases .guia_dias{width:60px;/*background:white;*/}
.dialcomercial-hora .diases .guia_dias .Deejay_dias p{line-height:60px;font-size:11px;}
.dialcomercial-hora .diases .guia_dias a{float:left;}

#barra_sup_guia{position:absolute;background:white;width:800px;}
.dialcomercial-hora .horario{clear: both;content: ".";display: block;height:30px;border-bottom:1px solid #fff;background-color:#34373B;color:#fff;}

.dialcomercial-hora .programacion a p.Deejay{color:#fff;}

.dialcomercial-hora .programacion .Deejay{margin:0px;font-size:11px;font-weight:bold;font-family:arial;line-height:9px;padding:5px 4px 2px 2px;}

.dialcomercial-hora .programacion .Nombre-programa-grande{margin:0px;font-size:14px;font-weight:bold;text-shadow:white 0px 0px 10px;font-family:arial;line-height:9px;padding:5px 4px 2px 2px; text-align:center;}

.dialcomercial-hora .programacion .Nombre-programa-peque{margin:0px;font-size:12px;font-weight:bold;text-shadow:white 0px 0px 10px;font-family:arial;line-height:9px;padding:5px 4px 2px 2px; text-align:center;}

.dialcomercial-hora .programacion .hora-libre-grande{margin:0px;font-size:11px;color:#FFF000;text-shadow:white 0px 0px 10px;font-weight:bold;font-family:arial;line-height:20px;padding:15px 4px 2px 2px; text-align:center;}

.dialcomercial-hora .programacion .hora-libre-peque{margin:0px;font-size:11px;color:#FFF000;text-shadow:white 0px 0px 10px;font-weight:bold;font-family:arial;line-height:20px;padding:15px 4px 2px 2px; text-align:center;}


.dialcomercial-hora .programacion .horarios{margin:0px;padding:0px;font-size:10px;color:#f3f3f3;}
.dialcomercial-hora .programacion .duracion{color:#f3f3f3;margin:0px;padding:0px;font-size:10px;float:left;padding:0px 2px 0px 2px;border-right:1px dotted #ccc;margin:0px 2px 0px 0px;}
.dialcomercial-hora .programacion . dialcomercial a:hover .programa{background-color:#3BADE2;}
.dialcomercial-hora .programacion a p.pequenyo{font-size:18px;}
.dialcomercial-hora .horario .hora{height:100%;float:left;overflow: hidden;position: relative;border-right:1px solid #484848;text-align:center;line-height: 30px;font-size:12px;background-image:url(../imagenes/stripe_2.png);}
.dialcomercial-hora .diases{position:absolute;z-index: 70;background:white;width:70px;text-align:center;padding-top:66px;}
.fixed{position:fixed!important;top: 0; z-index:60; padding-top:5px;}
.dialcomercial-hora .diases img{margin:5px auto 0;display:inline;}
.dialcomercial-hora .programacion .programa{overflow:hidden; }
.dialcomercial-hora .programacion {  margin-left:70px; position:relative; }
.dialcomercial-hora .programacion .vacio{background:url(./css/stripe_2.png) !important;}
.dialcomercial-hora .programacion .programa{height:100%;float:left;overflow: hidden;position: relative;background-image:url(../imagenes/linea-sep.png);background-position:right;background-repeat:no-repeat;}
.dialcomercial-hora .programacion . dialcomercial .activo{background-color:#37a1d3;}
.dialcomercial-hora .programacion . dialcomercial .activo p{color:#fff;}
.dialcomercial-hora .programacion . dialcomercial .activo .horarios{color:#000;}
.dialcomercial-hora .programacion . dialcomercial .activo .duracion{ border-right: 1px dotted #484848;color:#fff;}


.dialcomercial-hora .dias ul{margin:0px 0px 10px 0px;padding-top:4px;float:left;}
.dialcomercial-hora .dias ul li.marcado a{color:black!important;}
.dialcomercial-hora .dias a{color:#fff;}
.dialcomercial-hora .dias a:hover{color:#000;text-decoration:none;}
.dialcomercial-hora .dias{margin:0px 0px 0px 65px !important;height:35px;}
.dialcomercial-hora .dias{float:left;}
.dialcomercial-hora .dias .reloj{display:block;float:left;}
.dialcomercial-hora .dias img{margin:0px 3px 0px 3px;}
.dialcomercial-hora .dias .f_izq{float:left;margin-top:5px;}

.dialcomercial-hora .horarios-dialcomercial ul{margin:0px 4px 10px 0px;padding-top:4px;float:left;}
.dialcomercial-hora .horarios-dialcomercial ul li{font-weight:bold;margin:0px 0px 0px 4px;padding:0px;color:#fff;list-style-type:none;display:inline;font-size:10px;padding:5px;background:#3BADE2;}
.dialcomercial-hora .horarios-dialcomercial a{color:#fff;}
.dialcomercial-hora .horarios-dialcomercial a:hover{color:#000;text-decoration:none;}
.dialcomercial-hora .horarios-dialcomercial .horarios{ float:right; background:#3BADE2; color:white;padding: 2px 4px;font-size: 12px;}
.dialcomercial-hora .horarios-dialcomercial .horarios select{background: transparent;color:white; border: 1px solid white;border-radius: 0px;-webkit-appearance: none;margin: 0 0 0 10px;font-size: 12px; }
.dialcomercial-hora .horarios-dialcomercial .ver_diases li{background-color:#d09800 !important;}
.dialcomercial-hora .horarios-dialcomercial .ver_diases li.activo a{color:black;}
.dialcomercial-hora .horarios-dialcomercial ul.ver_diases {float:left; margin-left: 20px;}

.guia_colora{background-image:url(../imagenes/fondo-azul.jpg);}
.guia_colorb{background-image:url(../imagenes/fondo-verde.jpg);}

.dialcomercial-controles .izquierda a{border-right:2px solid #fff;font-size:20px;padding:2px 3px 1px 3px;background:url("../imagenes/stripe.png") repeat scroll 0 0 #3BADE2;color:#fff;font-weight:bold;cursor:pointer;}
.dialcomercial-controles .izquierda {float:left;}
.dialcomercial-controles .derecha {float:right;}
.dialcomercial-controles .derecha a{border-left:2px solid #fff;font-size:20px;padding:2px 3px 1px 3px;background:url("../imagenes/stripe.png") repeat scroll 0 0 #3BADE2;color:#fff;font-weight:bold;cursor:pointer;}
.dialcomercial-controles {top:0px;z-index: 60;position:absolute;left:70px;width:730px}
.dialcomercial-controles a:hover{text-decoration:none;color:#3BADE2;background:#000;}

.capa_actual{position:absolute;z-index:55;margin-top: -2px;width:60px}
.capa_actual .hora{color:#654;background:#3BADE2;height:30px;width:60px;font-size:16px;line-height: 30px;text-align: center;font-weight:bold;color:#fff;background-image:url(../imagenes/stripe.png);border-bottom:3px solid #fff;}
.capa_actual .linea{background-image:url(../imagenes/linea_hora.png);background-repeat:repeat-y;)}

.google_over a{color:#0E75BC;}
.google_over .imagen{ width:40px;float:left;}
.google_over .lugar{width:300px;float:left;margin-left:10px;}





/* STYLE LINKS */



body { background: #fff; margin: 0; padding: 0; }


a { color: #000; text-decoration: none; }


a img { border: 0; display: block; }


a:hover, a:hover div, a:hover b, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover center, .bloque .unico a:hover h1, .masleidas div.tab li a:hover, .bloque .caja ul li a:hover *, .bloque .blogs .destacados li a.post:hover, a.comentarios:hover { text-decoration: underline; color: #336183; }


a:hover img { opacity: 0.7; filter: alpha(opacity=70); }


h1 { font-family: Arial,Helvetica,sans-serif; margin-bottom: 0.2em;  }


.wf-active h1 { font-family: Lato; }



