@charset "utf-8";
/* CSS Document */
body {font: 100%/1.4 Arial, Helvetica, sans-serif;background:#fff url(http://estaticos.qdq.com/img/barra_fondo_sup_mini.jpg)  0 0 repeat-x ;color: #000;}
#alerta{  background-color:#2E90CF; margin-top:5px;
-moz-border-radius:3px; /* Para Mozilla compatible con FireFox */
  -webkit-border-radius:3px; /* Para Safari, Chrome y basados en Webkit */
 -ms-border-radius:3px; /*IE*/
 border-radius:3px; /* CSS3 disponible en Opera 10.5 y últimos navegadores con el estándar CSS3) */  }
#alerta p{ color:#fff; padding:8px; font-size:0.75em;}
#alerta p a{ color:#fff; text-decoration:underline; font-weight:bold}
section#principal{clear:both;   position:relative; width:990px; margin-top:5px;}
hr{ clear:both; margin:15px 0; border:0; background-color:#f0f0f0; line-height:2px; height:2px; font-size:2px;}
section#principal .derecha{ right:15px;-moz-border-radius:3px; /* Para Mozilla compatible con FireFox */
  -webkit-border-radius:3px; /* Para Safari, Chrome y basados en Webkit */
 -ms-border-radius:3px; /*IE*/
 border-radius:3px; /* CSS3 disponible en Opera 10.5 y últimos navegadores con el estándar CSS3) */
  box-shadow: 3px 3px 10px #000;
   -webkit-box-shadow:3px 3px 10px #000;
   -moz-box-shadow:3px 3px 10px #000;border:1px solid #fff; }
section#principal .izquierda{ left:15px;-moz-border-radius:3px; /* Para Mozilla compatible con FireFox */
  -webkit-border-radius:3px; /* Para Safari, Chrome y basados en Webkit */
 -ms-border-radius:3px; /*IE*/
 border-radius:3px; /* CSS3 disponible en Opera 10.5 y últimos navegadores con el estándar CSS3) */
  box-shadow: 3px 3px 10px #000;
   -webkit-box-shadow:3px 3px 10px #000;
   -moz-box-shadow:3px 3px 10px #000;border:1px solid #fff; }
section#principal .abajo{bottom:15px;}
section#principal .arriba{top:15px;}
section#principal .medio{top:25%;} 
section#principal .contenidoPrincipal{position:absolute;width:375px;  background-color:#fff; padding:15px;filter:alpha(opacity=95);opacity:0.95;}
section#principal img{-moz-border-radius:3px; /* Para Mozilla compatible con FireFox */
  -webkit-border-radius:3px; /* Para Safari, Chrome y basados en Webkit */
 -ms-border-radius:3px; /*IE*/
 border-radius:3px; /* CSS3 disponible en Opera 10.5 y últimos navegadores con el estándar CSS3) */}
section#principal .contenidoPrincipal h1 {color:#F1591F;font-family:'AvenirLTStd35Light', Arial, Helvetica, sans-serif; font-size:1.4em; display:block; font-weight:bold; line-height:1em;}
section#principal .contenidoPrincipal h1 span{display:block; color:#666; font-size:0.65em; font-weight:normal}
section#principal .contenidoPrincipal .historial{border-top:1px dotted #ccc; margin-top:10px; padding-top:10px;} 
section#principal .contenidoPrincipal p{font-size:0.85em; color:#333;font-weight:bold;}
section#principal .contenidoPrincipal p span{ float:right;}
section#principal .contenidoPrincipal p span a{ color:#999; font-size:0.75em; text-decoration:underline}
section#principal .contenidoPrincipal p span a:hover{ text-decoration:none}
section#principal .contenidoPrincipal ul{display:block; padding:0px;}
section#principal .contenidoPrincipal ul li{display: inline; font-size: 0.75em; line-height:1.4em; }
section#principal .contenidoPrincipal ul.busquedas{ margin-bottom:10px; padding-top:5px;}
section#principal .contenidoPrincipal ul.busquedas li:after {content: " - ";}
section#principal .contenidoPrincipal ul.busquedas li:last-child:after {content: "";}
section#principal .contenidoPrincipal ul li a{ color:#999;text-decoration:none}
section#principal .contenidoPrincipal ul li a span{ color:#135999; font-size:1.2em}
section#principal .contenidoPrincipal ul li a:hover{text-decoration:underline;color:#135999;}
section#principal .contenidoPrincipal ul.negocios li{ font-size:0.75em; color:#666; line-height:1.4em;display:block}
section#principal .contenidoPrincipal ul.negocios a { margin-left:5px;}
section#principal .contenidoPrincipal ul.negocios a span{  font-size:0.9em; font-weight:bold }
section#principal .datosNegocio  {position:absolute;/* padding-top:9px; */width:180px;/* background:transparent url(http://estaticos.qdq.com/img/fndo_negocio_principal.gif) left top no-repeat;*/filter:alpha(opacity=95);opacity:0.95;background-color:#FFF;}
section#principal .datosNegocio .contenidoNegocio{  padding:10px; display:block;}
section#principal .datosNegocio .contenidoNegocio h3 { color:#000;text-align:center;font-family:'AvenirLTStd35Light', Arial, Helvetica, sans-serif; font-size:1em;display:block; font-weight:bold; line-height:1.1em;}
section#principal .datosNegocio .contenidoNegocio p.provincia{ color:#F1591F; text-align:center; font-size:0.75em; font-weight:bold; margin-top:5px;}
section#principal .datosNegocio .contenidoNegocio .dato{ font-size:0.75em; border:1px dotted #666; color:#666; text-align:center; padding:5px; margin:5px 0; font-style:italic; border-left:0; border-right:0}
section#principal .datosNegocio .contenidoNegocio ul li{display: inline; font-size: 0.7em; font-family:Tahoma, Geneva, sans-serif;}
section#principal .datosNegocio .contenidoNegocio ul{  padding-top:5px; text-align:center;}
section#principal .datosNegocio .contenidoNegocio ul li:after {content: " - ";}
section#principal .datosNegocio .contenidoNegocio ul li:last-child:after {content: "";}
section#principal .datosNegocio .contenidoNegocio ul li a{ color:#135999;text-decoration:underline}
section#principal .datosNegocio .contenidoNegocio ul li a:hover{text-decoration:none;}

/*Bloque Promociones*/
.promosHome{  border:1px solid #f3f3f3; 
 box-shadow:1px 1px 0px #eee;
   -webkit-box-shadow: 1px 1px 0px #eee;
   -moz-box-shadow: 1px 1px 0px #eee;
   -moz-border-radius:3px; /* Para Mozilla compatible con FireFox */
  -webkit-border-radius:3px; /* Para Safari, Chrome y basados en Webkit */
 -ms-border-radius:3px; /*IE*/
 border-radius:3px; /* CSS3 disponible en Opera 10.5 y últimos navegadores con el estándar CSS3) */ background-color:#fdfdfd; margin:5px 0}
.promosHome .bloque{ float:left; width:299px; padding:5px 15px}
.promosHome .bloque img {float:left; margin-right:5px}
.promosHome .bloque p.antetitulo{color:#666; text-transform:uppercase; font-size:0.7em; margin-top:5px;}
.promosHome .bloque h3{font-size:1.1em;font-weight:bold; line-height:1.1em}
.promosHome .bloque h3 a{ color:#135999; }
.promosHome .bloque h3 a:hover{ text-decoration:underline}
.promosHome .bloque p{ font-size:0.8em; color:#434A58; display:table-cell}

/*Zona Central*/
h2{color:#F1591F;font-family:'AvenirLTStd35Light', Arial, Helvetica, sans-serif; font-size:1.1em; display:block; font-weight:bold; line-height:1em;}
h3{color:#F1591F;font-family:'AvenirLTStd35Light', Arial, Helvetica, sans-serif; font-size:1.1em; display:block; font-weight:bold; line-height:1em;}
.zonaCentral{ background:transparent url(http://estaticos.qdq.com/img/1px_zonacentral.gif) 0 0 repeat-y; margin:15px 0;} 
.contenidoCentral{ background:transparent url(http://estaticos.qdq.com/img/1px_doscol.gif) 0 0 repeat-y; float:left; width:660px; margin-right:15px; } 
.zonaCentral aside{float:left; width:300px; margin-left:15px;}
.contenidoCentral .colDos{background-color:#fff; padding-bottom:5px;}
.contenidoCentral .colDos ul{ list-style:none; float:left; width:49%; padding:15px 0; font-weight:normal}
.contenidoCentral .colDos ul li{ font-size:1em; color:#666; padding-left:15px; line-height:1.7em }
.contenidoCentral .colDos ul.categoriasHome{list-style:none;padding:10px 0 0;margin:0; width:auto;  float:none; }
.contenidoCentral .colDos ul.categoriasHome li{ display:block;color:#333; font-weight:bold; line-height:1.9em; padding:0;  font-size:0.85em }
.contenidoCentral .colDos ul.categoriasHome li ul{ display:inline;padding:0; margin:0; width:auto; float:none; padding-left:5px;}
.contenidoCentral .colDos ul.categoriasHome li ul li{ display:inline; padding: 0; list-style-type:square; font-weight:normal; padding:0; font-size:0.95em }
.contenidoCentral .colDos ul.categoriasHome li ul li:after {content: " - ";}
.contenidoCentral .colDos ul.categoriasHome li ul li:last-child:after {content: "";}
.contenidoCentral .colDos  a{ color:#135999;  }
.contenidoCentral .colDos  a:hover{ text-decoration:underline}
.contenidoCentral .colDos .anuncio{ clear:both; background-color:#f0f0f0; text-align:center; padding:5px;margin:10px 0 15px 0 ;}
.contenidoCentral .colIzq{float:left; width:305px; margin-right:15px; padding-right:10px}
.contenidoCentral .colDer{float:left;width:320px; padding-left:10px;}
.contenidoCentral .entrada{ clear:both; margin:10px 0;} 
.contenidoCentral .entrada  header{ clear:both; margin:0; padding:0; width:auto}
.contenidoCentral .blog a{  color:#135999; font-weight:normal}
.contenidoCentral .blog a.enlace{ font-size:0.7em;  }
.contenidoCentral .blog a:hover{ text-decoration:underline}
.contenidoCentral .blog .entrada h4{ font-size:0.9em;; line-height:1.1em; padding-bottom:5px;}
.contenidoCentral .blog .entrada h4 a{  font-weight:bold; }
.contenidoCentral .entrada p{ color:#999; font-size:0.75em;  display:block;}
.contenidoCentral .entrada p:last-child{display:none;}
.contenidoCentral .entrada span.fecha{ font-weight:bold ; display:block; font-size:0.9em}
.contenidoCentral .entrada img{ float: left;margin: 5px 10px 1px 0;width: 40%;}
.contenidoCentral .destacado{clear:both; margin:10px 0; }
.contenidoCentral .destacado p{ color:#999; font-size:0.75em; display:table-cell}
.contenidoCentral .destacado img{ float:left; margin:0 10px 5px 0}
.contenidoCentral .destacado img.centrada{ float:none; margin:5px 0; width:100%;}
.contenidoCentral .destacado a{  color:#135999; font-weight:normal}
.contenidoCentral .destacado a:hover{ text-decoration:underline}
.contenidoCentral .ultimosNegocios { clear:both; margin:10px 0; background-color:#f0f0f0; padding:10px 10px 0;}
.contenidoCentral .ultimosNegocios ul{ list-style:none; font-size:0.75em; margin:10px 0}
.contenidoCentral .ultimosNegocios ul li{ line-height:1.3em; padding-bottom:10px;}
.contenidoCentral .ultimosNegocios ul li span{  color:#999; display:block;}
.contenidoCentral .ultimosNegocios ul li a{ color:#135999}
.contenidoCentral .ultimosNegocios ul li a:hover{ text-decoration:underline}


/*Nuevo módulo últimos Negocios en QDQ*/
section.negociosQDQ{clear:both; margin:10px 0;padding:10px 0;}
section.negociosQDQ ul{ list-style:none; display:inline-block; width:98%; border-bottom:1px solid #F3F3F3 ; margin:10px auto 0; padding:15px 1%;
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
section.negociosQDQ ul li{float:left; width:10%; margin:5px auto; text-align:center; }
section.negociosQDQ ul li a figure figcaption{clear:both; font-size:0.7em; line-height:1.1em; color:#333; visibility:hidden; position:absolute; bottom:0; background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #f8f8f8 0%,#ffffff 100%); /* W3C */ display:block; width:93%;  padding:5px 0; overflow:hidden; height:86%;
-webkit-transition: all 0.3s ease-in; 
	-moz-transition: all 0.3s ease-in;  
	-ms-transition: all 0.3s ease-in;  
	-o-transition: all 0.3s ease-in;  
	transition: all 0.3s ease-in;
	}
section.negociosQDQ ul li a figure:hover figcaption{ visibility:visible;filter:alpha(opacity=90);opacity:0.90;
	 }
section.negociosQDQ ul li figure{width:85%; padding:0 5%; position:relative;}
section.negociosQDQ ul li figure img{width:100%; border:1px solid #e8e8e8;
/*
filter: gray; 
-webkit-filter: grayscale(1);  
filter: url("http://estaticos.qdq.com/css/filter.svg#grayscale") ;   */
}

/*
section.negociosQDQ ul li figure:hover img{ width:100%;
filter: none; 
-webkit-filter: grayscale(0);}*/

/*Social*/
section.social{ border:1px solid #f0f0f0; clear:both; margin:10px 0; padding:10px; width:970px}
section.social h3{ float:left; padding:8px 0 0 8px;}
section.social ul.logosSocial{ float:left;  margin:0; padding:0}
section.social ul.logosSocial li{ float:left; font-size:0.75em; padding:0 5px 0 15px; display:block}
section.social ul.logosSocial li img{ vertical-align:middle; margin-right:5px; display:inline}
section.social ul.logosSocial li a{ color:#135999; display:block}
section.social ul.logosSocial li a:hover{filter:alpha(opacity=75);opacity:0.75;}

/*Aside Extras*/
aside .zonaFacebook{ clear:both;}
aside .zonaFacebook h2{ margin-bottom:15px;}
aside .zonaTwitter{ clear:both; margin-bottom:15px;}
aside .zonaTwitter h3{ margin-bottom:15px;}
aside .zonaTwitter .cabTwitter{ height:45px; border-bottom:1px solid #ccc;}
aside .zonaTwitter .modTwitter{ border:1px solid #ccc;  }
aside .zonaTwitter .modTwitter .tweet { line-height: 1.2em; font-size:0.75em; color:#666; margin: 0;padding:8px;width: auto; border-bottom:1px dotted #ccc}
aside .zonaTwitter .modTwitter .tweet:hover{ background-color:#f8f8f8;}
aside .zonaTwitter .modTwitter .tweet a{ color:#135999}
aside .zonaTwitter .modTwitter .tweet a:hover{ text-decoration:underline}
aside .zonaTwitter .modTwitter .tweet .acciones{ display:block;   font-size:0.8em; margin-top:2px; color:#999}
aside .zonaTwitter .modTwitter .tweet .acciones ul{ display:inline; visibility:hidden; padding-left:5px;  }
aside .zonaTwitter .modTwitter .tweet .acciones ul li{ display:inline;  }
aside .zonaTwitter .modTwitter .tweet .acciones ul li:after {content: " · ";}
aside .zonaTwitter .modTwitter .tweet .acciones ul li:last-child:after {content: "";}
aside .zonaTwitter .modTwitter .tweet:hover .acciones ul{ visibility:visible; cursor:pointer}

/*Banner QDQMEDIA*/
aside .bannqdqmedia{ clear:both; margin-bottom:15px; display:inline-block;}