

.hidden{ display:none;}

 
legend{color:; font-weight:600; padding: 0 2px;}

.letra_peq{ font-size:0.9em;}
.negrita{ font-weight:600;}

.padding_4px{ padding-top:4px; }
.padding_2px{ padding-top:2px; }

.current a{ color:; }


#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}


#maincat {
  margin: 30px 0;
  position: relative;
}

#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
#tiles li {
  width: 200px;
  background-color: #ffffff;
  border: 1px solid #dedede;
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
  padding: 4px;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
}

/**
 * Grid item text
 */
#tiles li p {
  color: #666;
  font-size: 13px;
line-height: 20px;
text-align: center;
font-weight: 200;
  margin: 7px 0 2px 7px;
}

.info_web{
	float:left;
	width:995px;
	height:18px;
	margin-bottom:10px;
	padding: 2px 0 0 20px;
	color:#333;
	font-size:0.9em;
	text-align:center;
	background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 0 59px;
	*background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 0 58px;
}

#logo{
	float: left;
	width:85px;
	height:80px;
	margin-left: 20px;
}

.enlaces_login{
	float:right;
}

.enlaces_login li{
	display:block;
	margin:0 0 0 20px;

}

.enlaces_login li span:hover{ text-decoration:underline; }

.rss{
	float: right;
	margin: 30px 4px 0 0;
	padding: 6px 0 0 30px;
	height: 20px;
	background: url(https://www.rankhogar.com/imagenes/rss.jpg) no-repeat;
}

#pop-login, #pop-recordar{
	float:left;
	position: absolute;
	background-color: #F6F6F6;
	border: solid 1px #E0E0E0;
	z-index: 4;
	left: 480px;
	margin-top: 56px;
	width: 538px;
	height: 100px;
	color:#333;
}

#pop-login .login-left, #pop-login .login-right, #pop-recordar .login-left, #pop-recordar .login-right{
	float:left;
	margin:10px 0 0 10px;
}

#pop-login .login-left,#pop-recordar .login-left{
	border-right: 1px solid #333;
	padding-right:10px;
	width:240px;
}

#pop-login .login-right,#pop-recordar .login-right{
	font-size:0.9em;
	color:#666;
	width:240px;
}

#pop-login .fila,#pop-recordar .fila{
	float:left;
	width:100%;
	margin-bottom:10px;
}

#pop-login .fila .col1,#pop-recordar .fila .col1{
	float:left;
	width:90px;
	text-align:right;
	padding: 0 4px 0 0;
}

#pop-login .fila .col2,#pop-recordar .fila .col2{
	float:left;
	width:140px;
}

#pop-login .fila .col2-1, #pop-login .fila .col2-2,#pop-recordar .fila .col2-1, #pop-recordar .fila .col2-2{float:left;}



.redes_sociales{
	float:left;
	margin:-5px 0 0 25px;
}

.buscador{
	margin:-27px 0 0 0;
	float:right;
	width:246px;
	height:30px;
	padding:28px 0 0 14px;
	background: url(https://www.rankhogar.com/imagenes/barra_buscar.png) no-repeat;
}
body:not(:-moz-handler-blocked) .buscador{ margin:-29px 0 0 0; } /* Solo Firefox */


.buscador input{ border:0; background:none; padding:2px; }

#pop-buscador{
	float:left;
	position: absolute;
	background-color: #FFF;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
	z-index: 4;
	left: 900px;
	margin-top: 90px;
	width: 100px;
}

#pop-buscador{
	float:left;
	padding: 10px 0 10px 20px;
}
#pop-buscador li{
	width:100%;
}



.bloque #boletin_1{
	float: left;
	margin-top: 8px;
}

#navigation{
	float: left;
	width: 100%;
	margin-top: 30px;
	*margin-top: 0;
	font-size:0.86em;
}

#navigation li{
	float: left;
	padding-right:4px;
}

#navigation li a{ text-decoration:underline;}


#ultimas_noticias{
	float: left;
	width: 100%;
	height: 30px;
	margin: 20px 0 10px;
	background: url(https://www.rankhogar.com/imagenes/caja_4.jpg) no-repeat;
}

#ultimas_noticias .titulo{
	padding: 5px 0 0 50px;
	float: left;
	color: #333;
}

#ultimas_noticias .contenido{
	color: #6E6E6E;
	padding: 5px 0 0 80px;
	float: left;
	width: 700px;
}

#ultimas_noticias .contenido a{ color:#6E6E6E; }

.bloque1, .bloque2, .bloque3{ float:left;margin-top:20px; }
.bloque2{ width:505px; margin-right:5px; *margin-right:2px}
.caja_sup1, .caja_sup2, .caja_sup3{ 
	float:left; 
	display:block;
	height:40px;
	color:#000;
}

.caja_sup5{
	float:left;
	background: url(https://www.rankhogar.com/imagenes/caja5.jpg) no-repeat;
	height:14px;
}
.caja_centro5{
	float:left;
	background:#F6F6F6;
	border-right:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
}
.caja_inf5{
	float:left;
	height:14px;
}

  
.caja_sup1 li{
	display:block;
	width:254px;
	height:30px;
	text-align:center;
	font-size:1.1em;
	padding:10px 0 0 0;
}

.caja_sup1 .descripcion{
	width:700px;
	font-size:1em;
	color:#333;
	text-align:left;
	padding-left:20px;
}

.caja_sup2 li{
	display:block;
	width:400px;
	height:30px;
	text-align:center;
	font-size:1.1em;
}

.caja_sup2 li a, .caja_sup1 li a{ color:; }

.caja_sup1 .caja1_boton1{ background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 0 40px;}
.caja_sup1 .caja1_boton2, .caja_sup1 .caja1_boton3{ background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 508px 40px; }
.caja_sup1 .caja1_boton4{ background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 254px 40px; }

.caja_sup1 .caja1_boton1_hover{ background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 0 140px; }
.caja_sup1 .caja1_boton2_hover, .caja_sup1 .caja1_boton3_hover{ background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 508px 140px; }
.caja_sup1 .caja1_boton4_hover{ background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 254px 140px; }


.caja_sup2 .caja2_boton1{  background: url(https://www.rankhogar.com/imagenes/caja2.png) 0 40px; }
.caja_sup2 .caja2_boton2{  background: url(https://www.rankhogar.com/imagenes/caja2.png) 253px 40px; }

.caja_sup2 .caja2_boton1_hover{  background: url(https://www.rankhogar.com/imagenes/caja2.png) -1px 156px; }
.caja_sup2 .caja2_boton2_hover{  background: url(https://www.rankhogar.com/imagenes/caja2.png) 254px 156px; }

.caja_sup1 .caja1_boton2 .imagen, .caja_sup1 .caja1_boton2_hover .imagen{
	float:left;
	margin:0 0 0 60px;
	*margin:0 0 0 30px;
	padding: 0 0 0 26px;
	background: url(https://www.rankhogar.com/imagenes/favoritos_panel_min.gif) no-repeat;
	height:30px;
}

.caja1_contenido{
	float:left;
	width:1013px;
	background: ;
	border-right: 1px solid ;
	border-left: 1px solid ;
}

.caja2_contenido{
	float:left;
	width:503px;
	background: ;
	border-right: 1px solid ;
	border-left: 1px solid ;
}

.caja1_inf{
	float:left;
	width:1015px;
	height:10px;
	background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 0 49px;
	*background: url(https://www.rankhogar.com/imagenes/caja1.jpg) 0 55px;
}

.caja2_inf{
	float:left;
	width:505px;
	height:10px;
	background: url(https://www.rankhogar.com/imagenes/caja2.png) 0 50px;
	*background: url(https://www.rankhogar.com/imagenes/caja2.png) 0 56px;
}

.caja3_inf{
	float:left;
	width:1015px;
	height:10px;
	background: url(https://www.rankhogar.com/imagenes/caja3.jpg) 0 14px;
	*background: url(https://www.rankhogar.com/imagenes/caja3.jpg) 0 14px;
}

.caja_sup3 .titulo{
	float:left;
	display:block;
	font-size:1.2em;
	padding:15px 0 0 20px;
}

.caja_sup3 .info{
	float:right;
	display:block;
	padding:15px 20px 0 0;
}

#mapadiv, #mapadiv_peq, #mapas, #mapa{
	float:left;

}

#mapadiv{
	width:310px;
	height:260px;
}



/* carrusel*/
#carousel {
	float: left;
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 90px;
	width: 940px;
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin:0 10px 10px 0;
}

#carousel .panel {
	height:90px
	float: left; /* Necesario */
	overflow: hidden;
	margin: 6px 18px 9px;
	text-align:center;
}

#carousel .panel table{
	height:90px;
	vertical-align:middle;
}

			/* Botones del carousel */
			
.button-prev {
	height:60px;
	width:37px;
	float:left;
}


.button-next {
	height:60px;
	width:35px;
	float:right;
}

.button-next a, .button-prev a  {
	display:block;
	padding:5px;
	margin-top:30px;
}

.titulo_flecha{
	float:left;
	height:35px;
	padding: 0 0 0 30px;
	background: url(https://www.rankhogar.com/imagenes/flecha.gif) no-repeat;
}

.bloque_google{
	float:left;
	width:336px;
	height:280px;
}

.google3{
	float:left;
	width:925px;
	height:90px;
	text-align:center;
	margin: 10px 0 0 25px;
	*margin: 10px 0 0 10px;
	border:1px solid #CCC;
	background:#FCFCFC;
	padding:10px 6px 10px 12px;
}

.bloque_google_img{
	float:left;
	width:336px;
	height:280px;
	margin: 5px 0 5px 20px;
	*margin: 5px 0 5px 10px;
	border:1px solid #CCC;
}

.paginado{
	float: left;
	max-width: 640px;
	padding: 10px 0 20px 30px;
}


.paginado .pag{color:#222;}

.paginado li{
	display:inline;
	float:none;
}

.paginado a{ color:#666;}
.paginado .current { color: ; text-decoration:underline;}

 
.patrocinador{
	float: left;
	padding: 20px 0 60px 0;
	text-align:left;
	margin-left:30px;
}

.patrocinador td{ padding-right: 12px;}

.bloque_directorio{
	float:left;
	padding: 10px 0 0 20px;
	height:300px;
}

.bloque_directorio_catalogo{
	float:left;
	padding: 10px 0 0 20px;
	height:680px;
}

.bloque_directorio2{
	float:left;
	padding: 10px 0 0 10px;
	height:80px;
}

.bloque_actividades{
	float:left;
	margin-left:18px;
	width:662px;
}

.bloque_actividades .titulo_flecha{
	width:560px;
}

.actividades{
	float:left;
	display:block;
	margin:0 0 10px 30px;
	*margin:0 0 10px 10px;
}

.actividades span{ font-size:0.8em; color:#666; font-weight:100;}

.actividades li{
	padding:0 0 10px 10px;
	width:200px;
	font-size: 0.9em;
}

.top_empresas{
	float:left;
	width:200px;
	margin-left:20px;
	*margin-left:10px;
	font-size: 0.9em;
}

.top_empresas li{
	width:180px;
}

.empresa_top{
	float:left;
	height:110px;
	margin: 10px 0 0 25px;
	*margin: 10px 0 0 10px;
	border:1px solid #CCC;
	background:#FCFCFC;
	padding:10px 6px 10px 12px;
}
.empresa_top_pag{
	float:left;
	width:100%;
    	max-width:280px;
        min-width:280px;
	height:100%;
	margin: 60px 0 0 25px;
	*margin: 10px 0 0 10px;
	border:1px solid #CCC;
	background:#FCFCFC;
	padding:10px 6px 10px 12px;
}
.empresa_opi{
	float:left;
	width:440px;
	height:auto;
	margin: 10px 0 0 25px;
	*margin: 10px 0 0 10px;
	border:1px solid #CCC;
	background:#FCFCFC;
	padding:10px 6px 10px 12px;
}
.empresa_top_google{
	float:left;
	width:440px;
	height:80px;
	margin: 50px 0 25px 25px;
	*margin: 10px 0 0 10px;
	border:1px solid #CCC;
	background:#FCFCFC;
	padding:10px 6px 10px 12px;
}

.empresa_top .logo{
	float:left;
	width:95px;
	height:85px;
	background:#FFF;
}
.empresa_top .logo table{ width:100%;text-align:center; vertical-align:middle; height:85px}

.empresa_top .img_oferta{
	float:left;
	width:114px;
	height:90px;
	background:#FFF;
}
.empresa_top .img_oferta table{ width:100%;text-align:center; vertical-align:middle; height:90px}

.empresa_top .texto{
	float:left;
	width: 330px;
	padding-left:6px;
}

.empresa_top .texto_long{
	float:left;
	width: 425px;
	padding-left:6px;
}

.empresa_top .texto .titulo, .empresa_top .texto_long .titulo{
	float:left;
}

.empresa_top .texto .entradilla, .empresa_top .texto_long .entradilla{
	float:left;
	font-size:0.9em;
}
.empresa_top .imagenes{
	float:left;
	padding: 4px 5px 0 ;
}

.empresa_top .texto .entradilla .imagenes img{border:1px solid #666;}

.empresa_top .texto .entradilla span, .empresa_top .texto_long .entradilla span{
	color:#333;
}

.empresa_top .texto .entradilla .naranja, .empresa_top .texto_long .entradilla .naranja{ color: #333; }

.contenido_empresas_top{
	float:left;
	background:#FFF;
	margin: 20px 0 0 10px;
	padding-bottom:20px;
	width:990px;
	*width:980px;
}

.info_valora{
	float:left;
	width:100%;
	text-align:center;
	padding: 20px 0 20px 0;
	font-size:1.4em;
	color:#333;
}

.info_valora span{
	color:#666;
	font-size:0.7em;
}

.empresa_listado .titulo_dest1, .empresa_listado .titulo_dest2, .empresa_top .titulo_dest1, .empresa_top .titulo_dest2{
	float: left;
	width: 100%;
	height: 30px;
	padding-top:4px;
}

.empresa_listado .titulo_dest1, .empresa_top .titulo_dest1 {background: url(https://www.rankhogar.com/imagenes/c_naranja.jpg) no-repeat;}
.empresa_listado .titulo_dest2, .empresa_top .titulo_dest2 {background: url(https://www.rankhogar.com/imagenes/c_azul.jpg) no-repeat;}

.empresa_listado .titulo_dest1 span, .empresa_listado .titulo_dest2 span, .empresa_top .titulo_dest1 span, .empresa_top .titulo_dest2 span{
	float:left;
	margin-left:10px;
	color:#FFF;
	font-size:1.6em;
	width:30px;
	display:block;
}

.empresa_listado .entradilla{
	float: left;
	width: 100%;
	font-size: 0.8em;
	color: #666;
	margin-bottom: 2px;
}

.tit_listado{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #666;
	margin-bottom: 2px;
}

.star-rating_listado {
	list-style:none;
	margin: 4px 0 0 0;
	padding:0px;
	width: 150px;
	height: 14px;
	position: relative;
	background: url(https://www.rankhogar.com/imagenes/barra_puntos_hover.gif) no-repeat;	
}

/*Scroll*/

#mycustomscroll {
	width: 250px;
	height: 160px;
	overflow: auto;
	position: relative;
	margin: 0.3em auto;
	padding-left:20px;
}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 6px;
	background-color: white;
}
.vscrollerbar {
	width: 6px;
	background-color: black;
}
.hscrollerbase {
	height: 6px;
	background-color: white;
}
.hscrollerbar {
	height: 6px;
	background-color: black;
}

.scrollerjogbox {
	width: 6px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}

/* Scroll de los divs */
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:300px;
	height:200px;
	margin:-120px 0 0 -150px;
	border:1px solid #CCC;
	background:#FCFCFC;
	text-align:left;
	padding: 10px;
	font-size:1.5em;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

.emergente{
	float:left;
	margin-top:10px;
}

#form .cerrar{
	float:right;
	height:20px;
	width:100%;
	text-align:right;
	
}

#form .cerrar a{color: #006699;}

.emergente .fila{
	float:left;
	text-align:center;
	width:100%;
	margin-bottom:10px;
}

.emergente .fila_consulta{
	float:left;
	font-size:0.8em;
	margin-bottom:6px;
}

.emergente .nombre{ float:left; width:60px;}
.emergente .input{ float:left; width:200px;}
.emergente .input input{ width:100%;}
.emergente .fila_parrado{
	float:left;
	width:100%;
	margin-bottom:10px;
	font-size:0.85em;
	text-align: justify;
}

#contenido_contacto{
	width:200px;
	height:60px;
}

.objMovible { position:absolute; cursor:pointer }

.google_long{
	float:left;
	width:160px;
	padding:0px 0 0 30px;
}

.banner_navegadores{ 
	float:left; width:100%; 
	height:100px; color:#000; 
	text-align:center; padding:10px 0 0 0; 
	background:#FFF9D4;
	margin:0 0 20px 0;
}

.banner_navegadores .titulo{ float:left; width:100%; height:40px; p}
.banner_navegadores .navegadores{
	float:left; display:block; padding:0 0 0 110px;
}

.banner_navegadores .navegadores li{ float:left; display:block; width:200px; text-align:center;}

.tags{ float:left; width:940px; padding:10px 0 0 20px; }
.tags .titulo{ float:left; width:100%; height:20px; }

.tags .contenido{ float:left; display:block; width:100%; }
.tags .contenido li{ float:left; display:block; padding:0 10px 5px 0; height:20px; }
.tags .contenido li .par{ color:; }

.especialistas{ float:left; color:#333; margin:0 0 0 40px; width:100%; }
.especialistas p{ float:left; width:100%; display:block; margin:0 0 10px 0;}
.especialistas img{ width:117px;}
.especialistas a{ float:left; display:block; margin:0 10px 10px 0;}

.pantalla-precarga{
	display:none;
	position:fixed;
	
	width:100%;
	height:100%;
	background:#FFF;
	opacity:0.7;
	
	text-align:center;
	font-size:20px;
	
	z-index:1000;
	color:#000;
	
	vertical-align:middle;
	line-height:550px;
}

#pop-login2{ position:fixed; width:700px; height:300px; left:50%; top:50%; margin:-150px 0 0 -350px; background:#FFF; border:1px solid #CCC; border-radius:6px; z-index:1000; }

#pop-login2 .titulo{ font-size:14px; color:#000; padding:16px 0 0 20px;}

#pop-login2 .login{ float:left; width:340px; height:220px; border-right:1px solid #CCC; margin:20px 0 0 0; }
#pop-login2 .login .titulo2{ width:280px; font-size:15px; color:#006699; padding:20px 0 0 30px; }
#pop-login2 .login .titulo2 span{ font-size:12px; color:#666; }

#pop-login2 .login table{ margin:20px 0 0 30px; }
#pop-login2 .login table td{ height:26px; color:#333; }
#pop-login2 .login table td input[type=text],#pop-login2 .login table td input[type=password]{ width:170px; padding:2px 5px; }



/* Favoritos */

.info-favoritos{ position:fixed; z-index:2000; right:0; background:#FFF; width:50px; font-size:14px; color:#000; padding:10px 5px 10px 10px; border-radius:4px; margin:300px -1px 0 0; box-shadow: 1px 1px 4px #CCC; }

.info-favoritos a{  color:#000; }

.info-favoritos #num_favoritos{ float:left; width:50px; background:#000; color:#FFF; padding:4px 0; margin:0 0 6px 0; text-align:center; border-radius:2px; }

#insert_favorito{ float:left; display:block; margin:0 0 0 40px; cursor:pointer; }


.columna_opiniones{ float:left; width:100%; margin:40px 0 0 26px; }
.columna_opiniones .opinion{ float:left; width:100%; text-align:center;}

.columna_opiniones .dejar_opinion{ float:left; width:100%; margin:20px 0 0 0; }
.columna_opiniones .dejar_opinion textarea{ float:left; width:280px; height:60px; margin:0 0 0 74px; }

.estrellas_puntos_valoraciones{ float:left; width:210px; height:20px; background:url('https://www.rankhogar.com/imagenes/ranking10.png') no-repeat -5px -3px; }

.estrellas_puntos_valoraciones_1{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -24px; }
.estrellas_puntos_valoraciones_2{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -46px; }
.estrellas_puntos_valoraciones_3{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -67px; }
.estrellas_puntos_valoraciones_4{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -88px; }
.estrellas_puntos_valoraciones_5{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -110px; }
.estrellas_puntos_valoraciones_6{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -125px; }
.estrellas_puntos_valoraciones_7{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -140px; }
.estrellas_puntos_valoraciones_8{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -165px; }
.estrellas_puntos_valoraciones_9{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -180px; }
.estrellas_puntos_valoraciones_10{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -255px; }

.estrellas_puntos{ float:left; width:110px; height:20px; background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -3px; }

.estrellas_puntos_1{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -24px; }
.estrellas_puntos_2{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -46px; }
.estrellas_puntos_3{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -67px; }
.estrellas_puntos_4{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -88px; }
.estrellas_puntos_5{ background:url('https://www.rankhogar.com/imagenes/ranking.png') no-repeat -5px -110px; }

.botones-panel{ z-index:1000; position:relative; float:left; width:500px; margin:20px 0 0 20px; }
.botones-panel li{ float:left; padding:5px 10px; border:1px solid #CCC; cursor:pointer; }
.botones-panel .current{ border-bottom:1px solid #FFF; background:#FFF; font-weight:600; }

.bloque_marcas{ float:left; border:1px solid #CCC; margin:-1px 0 0 20px; padding-bottom:20px; width:520px; }

.marca-panel{ float:left; margin: 0 0 0 15px;  }
.marca-panel li{ float:left; display:block; position:relative; border:1px solid #CCC; width:110px; height:150px; text-align:center; margin:10px 4px 0px 6px; cursor:pointer; background:#FFF; }
.marca-panel li .logo{ float:left; width:100%; height:80px; margin-top:5px; }
.marca-panel li .logo img{ max-width:80%; max-height:90%; }

.marca-panel li .boton{ position:absolute; float:left; width:110px; bottom:0; border-top:1px solid #CCC; padding:4px 0; background:#93c817; color:#FFF; }

.marca-panel li .quitar{ background:#CCC; }

#abecedario_marcas{ float:left; margin:0 0 0 60px; width:400px; }
#abecedario_marcas li{ float:left; padding:0 3px; }
#abecedario_marcas li .current{ color:; }

#paginado_marcas{ float:left; text-align:center; width:480px; margin:10px 0 0 20px; }
#paginado_marcas li{ float:auto; text-align:center; display:inline; width:auto; padding:0 3px; }
#paginado_marcas li .current{ color:; }

.marcas-ficha{ float:left; margin:10px 0 0 40px; width:700px; }
.marcas-ficha li{ float:left; padding:0 10px 5px 0; width:222px; }

.listado_categorias .elim_subcat{ cursor:pointer; }
.elim_img{ position:absolute; margin: -10px 0 0 120px; cursor:pointer; color:#000; }


.galeria_marca{ float:left; width:96%; margin:30px 0 0 2%; }
.galeria_marca h2{ color:#fb6a00; font-size:16px; }
.galeria_marca img{ float:left; width:304px; margin:10px 20px 10px 0px;}


.comenrarios_resumen{ color:#4595d8; padding:8px 0 0 35px; margin-left:65px; background:url('https://www.rankhogar.com/imagenes/bocadillo.png') no-repeat;}

.titulo_opina{ margin:30px 0 0 0;}

#dejar_opinion{ float:left; }
#dejar_opinion textarea{ width:680px; height:80px; margin:10px 0 0 30px; padding:10px; }

.opinion{ float:left; margin:30px 0 0 30px; width:700px;}
.opinion .info_opinion{ float:left; margin:0 0 10px 0; color:#4595d8; }

.celta_opinion_txt{ width:80px; text-align:right; padding:0 5px 0 0; }

.descripcion_foto{ float:left; margin:20px 0 0 0;}


.presupuestp-reformas{ position:fixed; width:800px; height:600px; background:#FFF; border:1px solid #CCC; top:50%; left:50%; margin:-300px 0 0 -400px; z-index:1000; box-shadow:0 0 10px rgba(0,0,0,0.3); }

.presupuestp-reformas form{ float:left; width:720px; margin: 20px 40px 40px 40px; font-size:12px; }
.presupuestp-reformas form td{ padding:5px 5px 5px 10px; text-align:right; }
.presupuestp-reformas form .titulo{ text-align:left; font-weight:600; font-size:16px; padding-top:20px; }
.presupuestp-reformas form input, .presupuestp-reformas form select{ width:200px; }
.presupuestp-reformas form textarea{ width:572px; height:80px;}

.presupuestp-reformas form input[type=checkbox]{ width:20px; }
.presupuestp-reformas form li{ width:230px; }

<!-- -->

.formulario_contacto{ position:fixed; width:400px; height:300px; background:#FFF; border:1px solid #CCC; top:50%; left:50%; margin:-150px 0 0 -200px; z-index:1000; box-shadow:0 0 10px rgba(0,0,0,0.3); }

.formulario_contacto form{ float:left; width:720px; margin: 20px 40px 40px 40px; font-size:12px; }
.formulario_contacto form td{ padding:5px 5px 5px 10px; text-align:right; }
.formulario_contacto form .titulo{ text-align:left; font-weight:600; font-size:16px; padding-top:20px; }
.formulario_contacto form input, .formulario_contacto form select{ width:200px; }
.formulario_contacto form textarea{ width:572px; height:80px;}

.formulario_contacto form input[type=checkbox]{ width:20px; }
.formulario_contacto form li{ width:230px; }

.formulario_mejorar{ position:fixed; width:500px; height:450px; background:#FFF; border:1px solid #CCC; top:50%; left:50%; margin:-160px 0 0 -300px; z-index:1000; box-shadow:0 0 10px rgba(0,0,0,0.3); }

.formulario_mejorar form{ float:left; width:720px; margin: 20px 40px 40px 40px; font-size:12px; }
.formulario_mejorar form td{ padding:5px 5px 5px 0px; text-align:left; }
.formulario_mejorar form .titulo{ text-align:left; font-weight:600; font-size:16px; padding-top:20px; }
.formulario_mejorar form input, .formulario_mejorar form select{ width:200px; }
.formulario_mejorar form textarea{ width:272px; height:80px;}

.formulario_mejorar form input[type=checkbox]{ width:20px; }
.formulario_mejorar form li{ width:230px; }

/* CSS para la animacion y localizacion de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:11%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #fff;
bottom:0px;
position:fixed;
left: 0px;
background-color: #000;
opacity:1;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #000;
display:inline;
opacity:1;
filter:alpha(opacity=100);
position:absolute; 
left:72%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}

#overlay{ display:none !important; }
#lightbox{ display:none !important; }

/* Responsive */
@media screen and (max-width: 1000px) {
    
    .caja_sup5{ display:none; }
    .caja_centro5{ width:90%; margin-left:5%; }
    
    /* Login */
    #pop-login, #pop-recordar{ left:auto; right:0; }
}

@media screen and (max-width: 600px) {
    
    
    /* Login */
    #pop-login, #pop-recordar{ width: 248px; height: auto; padding-bottom:10px; }
    #pop-login .login-left, #pop-recordar .login-left{ border:0; }
}

@media screen and (max-width: 510px) {
	
	#pop-login, #pop-recordar{ top:40px; }
}

