/* Eric Meyer - Reset relodaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1; color:black; background:white; zoom: 1;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* layout basado en el holy grail de alistapart.com */
body {min-width: 750px;}
#hd {margin: 0 auto;}
#container{width:750px; margin:0 auto;}
#bd {padding-right:180px; /* RC width */ width:570px; margin:0 auto;}
#bd .column {position:relative; float:left;}
#center {width:100%;}
#right {width:180px; /* RC width */ margin-right:-100%;}
#ft {clear:both;}

/* estilos básicos */
* {zoom:1;}
body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.4em; background-color: #d7d7d7}
.accesible {display:none;}
strong {font-weight:bold;}
a {color:#AD1616; text-decoration:none;}
a:hover{text-decoration:underline;}

/* estilo del contenido */
#hd {position:relative; display:block; width:750px; height:58px; background:#E71D1D url('cabecera_sprites.png') top left no-repeat;}
	h1 {position:relative; display:block; width:420px; height:23px; left:10px; top:25px;}
	h1 span {background:url('cabecera_sprites.png') 0 -70px no-repeat; position:absolute; width:100%; height:100%;}
	#hd a img {border-width:0;}
	h1.en span {background-position: 0 -100px}
	h1.de span {background-position: 0 -130px}
	
	#menuIdiomas {position:absolute; right:190px; bottom:0px; height:33px; list-style:none;}
	#menuIdiomas li {display:block; float:left; width:21px; height:23px; list-style:none; background:transparent url('cabecera_sprites.png') -450px -70px no-repeat; }
	#menuIdiomas li a {display:block; width:21px; height:23px; overflow:hidden; text-indent:22px;}
	#menuIdiomas li.on{height:33px; text-indent:22px; overflow:hidden;}
	#menuIdiomas li.en{background-position:-471px -70px;}
	#menuIdiomas li.de{background-position:-492px -70px;}

	form#cajaBuscar { position: absolute; right:18px; bottom:17px; display:block; width:142px; height:12px;}
	form#cajaBuscar #query {width:142px; height:14px; border:solid 0 #E71D1D; background:transparent; line-height:1em; font-size:110%;}

#bd {margin-top:10px;}
	/* documentos generales de texto */
	.cajaTexto {margin:10px; font-size: 110%; }
	.cajaTexto h3 {font-size:152%; margin-top:5px; color:#3F4040;}
	.cajaTexto h4 {font-size:129%; margin:15px 0 0; color:#3F4040; font-weight:bold;}
	.cajaTexto p {margin:5px 0 10px;}
	.cajaTexto strong {font-weight:bold;}
	.cajaTexto ul{list-style-type:disc; margin:10px 0 10px 10px;}
	.cajaTexto ul li{margin-left:20px;}

	/* resultados de la búsqueda */
	#searchForm {margin:15px;}
	#searchForm .query { padding:2px; border-width:1px; border-style:solid; background-color:#f7f7f7; border-color:#999 #aab3b3 #d5dddd #aab3b3 !important;}
	#searchForm .query:focus { background-color:#fff !important; border-color:#6ab94b #94da78 #aedf9a #94da78 !important;}

	/* portada */
		/* intro */
		#intro {margin: 10px auto 0; position: relative; width: 750px; height: 205px; background: #eee url('intro.jpg') top no-repeat; }
		#intro p { margin: 0 10px 15px 360px; padding-top: 60px; font-size:140%; text-align:left; color:#333;}
		#recuento {position:absolute; width:85px; right:3px; top:22px; text-align:center; font-weight:bold; font-size:130%; }
		#recuento strong {display:block; font-size:200%; line-height:100%; font-weight:bold;}
		
		/* familias */
		#categorias {margin:5px 0 5px 15px;}
 		.cat {position:relative; text-align:left; width:120px; float:left; font-size: 110%; margin-right:15px;}
 		.cat h3 { display:block; width:118px; height:100px; border:1px solid #333; top: 0; background-repeat:no-repeat; background-position:bottom; background-color: #666; }
 		.cat1 h3 {background-image: url(cats/familia1.jpg);}
 		.cat2 h3 {background-image: url(cats/familia2.jpg);}
 		.cat3 h3 {background-image: url(cats/familia3.jpg);}
 		.cat4 h3 {background-image: url(cats/familia4.jpg);}
 		
		.cat h3 a {position:absolute; left:4px; top:2px; text-decoration:none; color:#fff; font-weight:bold; font-size: 120%;}
		.cat p {margin-top:7px; margin-bottom:5px;}
		.cat ul li{}

#ft {position: relative; width:560px; height:45px; background: transparent url(pie.png) top left no-repeat; margin-bottom:10px;}
	#ft p {padding-top: 5px;}
	#commons {border-width:0pt; float:left; margin:5px 10px 0 10px; width:88px; height:31px;}
	#nedstat {display:block; position:absolute; right:13px; top:10px; height:18px; width:18px}
	#copy {position: absolute; left: 105px; top: 2px;}

/* caja 560px */
.b_560, .b_560 .b_head, .b_560 .b_foot {background:transparent url('fondos_560_sprites.png') 0 0 repeat-y;}
.b_560 {width:560px; background-position:-1680px 0; position:relative; margin-bottom:10px;}
.b_gris {background-position:-560px 0;}
.b_560 .b_head {position:relative; display:block; text-align:left; background-position:-1120px 0; padding:5px 12px; }
.b_560 .b_h_gris {background-position: 0 0;}
.b_560 .b_head h3 {font-size:130%; font-weight:bold; margin-top: 10px;}
.b_560 .b_foot {background-position:-1120px 100%; padding:5px 10px; clear:both;}
.b_gris .b_foot, .b_560 .b_f_gris {background-position:0 100%;}


/* caja 180px */
.b_180, .b_180 .b_head, .b_180 .b_foot {background:transparent url('fondos_180_sprites.png') 0 0 repeat-y;}
.b_180 {width:180px; background-position:-180px 0; position:relative; margin-bottom:10px;}
.b_180 .b_head {display:block; text-align:left; background-position:0 0; padding:7px 8px 5px;}
.b_180 .b_h_oscuro {background-position:-360px 0;}
.b_180 .b_head h3 {font-size:130%; font-weight:bold; background:transparent url('iconos_sprites.png') -3px 0 no-repeat; height:20px; padding-left:23px; line-height: 20px}
.b_180 .b_foot {background-position:0 100%; padding:7px 10px; clear:both;}

/* separadores cajas */
.separadorgris {border-top:2px solid #ccc; margin:0 2px; height: 0; clear:both;}
.separadorrojo {border-top:2px solid #e71d1d; margin:0 2px; clear:both;}

/* banderas de idioma */
.flag {display:block; overflow:hidden; width:16px; height:11px; text-indent: -900px; background: transparent url(flags_sprite.png) no-repeat 0 0; font-size:smaller; text-align:center; }

.flag_ntx{background-position:0 -15px}
.flag_esp{background-position:0 -30px}
.flag_eng{background-position:0 -45px}
.flag_fra{background-position:0 -60px}
.flag_deu{background-position:0 -75px}
.flag_ita{background-position:0 -90px}
.flag_por{background-position:0 -105px}
.flag_jap{background-position:0 -120px}
.flag_ned{background-position:0 -135px}
.flag_dan{background-position:0 -150px}
.flag_est{background-position:0 -165px}
.flag_fin{background-position:0 -180px}
.flag_pol{background-position:0 -195px}
.flag_cat{background-position:0 -210px}
.flag_tur{background-position:0 -225px}

/* sidebar */

/* caja de extras */
#cajaextras ul{margin-top:5px;}
#cajaextras li{margin-left:10px; display:block; height:100%; padding:3px 0 5px 20px; background:transparent url('iconos_sprites.png') -3px 0 no-repeat; font-size:110%;}
#cajaextras li a{color:#3F4040;}
#cajaextras #xtra_rss {background-position:-3px -120px}
#cajaextras #xtra_contacto{background-position:-3px -140px}
#cajaextras #xtra_info{background-position:-3px -160px}
#cajaextras #xtra_register{background-position:-3px -180px}

/* caja de categorías */
#cajacategorias ul {margin: 5px 10px 5px 30px;}
#cajacategorias ul ul {margin: 0 0 0 18px;}
#cajacategorias li, #cajacategorias li li {font-size:110%; line-height: 17px; position: relative;}
#cajacategorias li li {font-size: 100%; }
#cajacategorias li a{color:#3F4040;}

#cajacategorias .bullet {display: block; position: absolute; top: 3px; left: -15px;  width: 10px; height: 10px; background: #f0f0f0 url('iconos_sprites.png') no-repeat 0 -265px;}
#cajacategorias li li .bullet {background-position: 0 -283px;}
/* 2px -262px;  -280px */


/* caja de login */
#cajalogin div h3{background-position:-3px -40px;}
#cajalogin form{margin:5px 10px;}
#cajalogin form input {padding:2px; border:1px solid #ccc; margin-bottom:10px; width:155px;}
#cajalogin form input#entrar {border:1px solid #999; background-color:#CCC; float:right; width:auto; margin-bottom:0;}

/* caja de publicidad */
#cajaadsense p {margin:10px;}
#cajaadsense div h3{background-position:-3px -80px;}


/* familia, tipo y detalle */
#migas {margin-top:5px;}
#cajaTipos h3, #cajaPlanos h3, #cajaDetalle h3 {font-size:150%; margin-top:5px; color:#3F4040;}
#cajaTipos p.descripcion, #cajaPlanos p.descripcion {margin:10px; font-size:110%;}
#cajaTipos p.descripcion .thumbFamilia, #cajaPlanos p.descripcion .thumbFamilia {margin:0 0 10px 10px; float:right; width:150px; height:150px; border:1px solid #000;}

#cajaDetalle h3{margin-left: 30px;}
#cajaDetalle .imagenPlano {margin:10px; float:left; width:200px; height:200px; border:1px solid #000;}
#cajaDetalle .detalles { margin:10px 0px 10px 0px; position:relative; font-size:110%; margin: 10px 10px 10px 220px;}
#cajaDetalle .detalles p {margin-bottom: 10px;}
#cajaDetalle .flag {position: absolute; left:10px; bottom:5px;}
#cajaDetalle .paginacion {margin: 0 2px; padding:5px 10px; text-align:right	; background-color: #eee;}
#cajaDetalle .anterior {float: left;}

#cajaDetalle .descripcion { height:65px; margin-bottom: 0; width: auto;}


#cajaDetalle .boton {
	display:block; position:relative; width:270px; height:65px; background:transparent url(fondos_enlaces_sprites.png) 0 0 no-repeat;
}
#cajaDetalle .boton strong{
	font-weight: bold; font-size: 120%;
}
#cajaDetalle .boton a {
	display:block; position:absolute; left:69px; top:19px; color:#fff;	
}
#cajaDetalle .botonMiror {
	background-position: 0 -70px;
}
#cajaDetalle .botonEspaciador {
	background-image: none;
} 

/* publicidad */
.publi468 {width:468px; height:60px; margin:5px auto 15px;}
.publi_180 {margin-bottom: 10px;}

/*
#cajaTipos .ficha{height:64px; width:375px; font-size:110%;}
.ficha .fecha {float:right; margin:2px 4px; color:#333; }
.ficha .cantidad {position:absolute; top:4px; left:395px;}
#cajaTipos .ficha .thumb{margin-right:10px; width:60px; height:60px;}

/* fichas */
.fechaAgrupada {display: block; text-align:center; margin: 10px 10px -10px; padding:3px 5px; font-size:110%; color:#000; background-color:#ccc;}

.listaPlanosSimple, .listaTipos, .gridPlanos, .listaPlanos {display:block; margin:10px; width:540px;} 


.ficha {position:relative; display: block; background-color:#eee; font-size:110%;}
.par {background-color: transparent}

.ficha .thumb img {border-width:0; width:100%; height:100%;}

.ficha .flag {position: absolute; left: 54px; top:3px; width:16px;	}

.rating {display:block; float: left; overflow:hidden; width:50px; height:11px; text-indent:-900px; background: transparent url('iconos_sprites.png') 0 -200px repeat-x; font-size:smaller; text-align:center; }

.star4 {width: 40px;}
.star3 {width: 30px;}
.star2 {width: 20px;}
.star1 {width: 10px;}
.star0 {width: 0}



.listaPlanosSimple .ficha {height:52px; clear: left;}
.listaPlanosSimple .ficha .thumb {position:absolute; width: 48px; height: 48px; top:2px; left:0 }
.listaPlanosSimple .ficha .nombre {margin-left: 78px;}
.listaPlanosSimple .ficha .nombre strong {padding-right: 0.5em}
.listaPlanosSimple .ficha .detalles {margin-left: 78px;}


.listaTipos .ficha {height:79px; width: 375px}
.listaTipos .ficha .thumb {position:absolute; width: 75px; height: 75px; top:2px; left:2px; }
.listaTipos .ficha .nombre {margin-left: 85px;}
.listaTipos .ficha .nombre strong {display:block;}
.listaTipos .ficha .detalles {position: absolute; left: 390px; top: 2px;}



.gridPlanos {margin: 8px 0 ; width: 560px; padding-bottom: 30px;}

.gridPlanos .ficha {
	float:left;
	width:98px;
	height:111px;
	font-size:100%;
	margin: 5px 2px 32px 10px;
	background-color:#333;
	}

.gridPlanos .ficha .thumb {
	position:absolute;
	top: 1px;
	left: 1px;
	width: 96px;
	height: 96px;
	
}

.gridPlanos .nombre { width: 98px; position:absolute; top:116px; left:0; white-space: nowrap; overflow: hidden; line-height: 1.2em}
.gridPlanos .ficha .nombre strong{
	display:block; 
	}

.gridPlanos .ficha .detalles .comen { display: none;  }
.gridPlanos .ficha .detalles {display:block; position: absolute; top:auto; bottom: 1px; height: 13px;width: 96px; left:1px; background-color: #999; }
.gridPlanos .ficha .flag {position:absolute; top: auto; bottom:1px;  left:1px; z-index: 4;}

.gridPlanos .ficha .detalles .rating { position:absolute; top: 0; right: 2px; z-index:1; background-position: 0 -220px; }





.listaPlanos .flag {position:absolute; top: auto; bottom:0; left:53px;}
.listaPlanos .ficha {width:264px; height:48px; float: left; margin-bottom: 10px; background-color:#f0f0f0; border-bottom: 1px solid #E71D1D;}
.listaPlanos .par {margin-left: 10px;}
.listaPlanos .ficha .thumb {position: absolute; width:48px; height:48px;}
.listaPlanos .nombre {position:absolute; top:2px; left:53px; white-space: nowrap; width: 100%; overflow: hidden;}
.listaPlanos .nombre strong {display: block;}
.listaPlanos .detalles {position: absolute; bottom: 2px; }
.listaPlanos .comen {float: right;}
.listaPlanos .ficha .detalles .rating { position:absolute; bottom: 2px; left: 80px; z-index:1; }


.listatop20 {margin: 10px 5px 5px 10px;}
.listatop20 .fichatop20 {white-space: nowrap; line-height: 1.2em; position: relative; margin-bottom: 6px; width: 160px; font-size: 110%;}
.listatop20 .fichatop20 .flag {float: left; margin-right: 5px;}
.listatop20 .fichatop20 .num {display: block; float: left; margin-right: 5px; padding: 2px 0; color: #fff; background-color: #888; width: 18px; text-align: center;}

.paginador {
	text-align: center;
	position: relative;
	margin: 3px 0 8px;
	font-size: 110%;
}
.paginadorSup {
	margin: 10px;
	}
.paginador a.nums, .paginador strong{
	border: 1px solid #999;
	padding: 1px 3px;
	background-color: #fff;
}
.paginador a.nums {
	color: #999;
	}

.paginador a.nums:hover {
	background-color: #ddd;
	}
.paginador strong{
	border-color: #AD1616;
	color: #AD1616;
	}
.paginador a.newer {
	position: absolute;
	right: 0;
}
.paginador a.older {
	position: absolute;
	left: 0;
}

#cambiaVista{
	display: block;
	width:100px;
	height: 25px;
	position: absolute;
	left: 11px;
	top: 195px;
	line-height: 1em;

}
#cambiaVista span{
	text-indent: -900em;
	display: block;
	width: 20px;
	height: 25px;
	margin-top: -1em;
	background: transparent url(iconos_sprites.png) 0 -300px;
	float: right;
	margin-left: 10px;
}
#cambiaVista.botonlistaPlanos .lista {background-position: 0 -350px; cursor:default; }
#cambiaVista.botongridPlanos .lista {background-position: 0 -375px; cursor: pointer; }

#cambiaVista.botongridPlanos .grid {background-position: 0 -300px;  cursor:default;}
#cambiaVista.botonlistaPlanos .grid {background-position: 0 -325px; cursor: pointer;}


#compartirEnlaces {
	margin: 10px;
	}

#compartirEnlaces h4 {
	font-size: 14px;
	margin: 5px 0 5px 210px;
	padding: 0 0 1px 0;
	border-bottom: 2px solid #E71D1D;
	}

#compartirEnlaces label {
	width: 200px;
	float: left;
	margin-right: 10px;
	text-align: right;
	display: block;
	font: 11px arial,verdana normal;
	}
#compartirEnlaces textarea {
	width:325px;
	font-size: 11px;
	margin-bottom: 5px;
	overflow: hidden;
	background-color: #e7e7e7;
	border: 1px solid #ccc;
}


@media print {
	.noprint {
		display: none;	
	}
}