/* 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: "" "";}


/* estilos básicos */
body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.4em;
	background: #e5e5e5 url(fondo.png) repeat-x top left;
}
.accesible {display:none !important;}
strong {font-weight:bold;}
a {color:#E71D1D; text-decoration:none;}
a:hover{text-decoration:underline;}

h2 {font-size: 18px; color: #3F4040; font-weight: bold; line-height: 23px; padding: 0 0 5px; margin: 0 0 10px;}
h2:after {
	display: block;
	height: 2px;
	margin-top: 5px;
	background: #ccc;
	content:" ";
	overflow: hidden;
	
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 );
	
}

#sidecol h2 {padding-left: 0;}

#debug {position: absolute; bottom: 5px; right: 5px; border: 1px solid #f00; padding: 5px;	}
#debug span {display: block;}


#container {width: 953px; margin: 0 auto; position: relative; padding-bottom: 10px;}
@media all and (min-width: 1200px){
	#container {width: 1193px;}
}



#body {
	
	border: 1px solid #999;
	border-bottom: none;
	background-color: #f4f4f4;
	margin: 0;
	z-index: 1;

}



#topmenu {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
	border: 1px solid #999;
	border-bottom-width: 0;
	height: 40px;
	border-radius: 10px 10px 0 0;
	background: #fff;
	z-index: 2;
	position: relative;
	}
#topmenu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #999;
	height: 40px;
	position: relative;
	font-size: 20px;
	
	
}
#topmenu li.active {
	border-bottom: 3px solid #f00;
	height: 38px;
}
#topmenu li a, #topmenu li span{
	margin: 0;
	padding: 0 20px;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 75px;
	color: #999;
	text-decoration: none;
	}
#topmenu strong {
	color: #666;
	font-weight: normal;
}
#topmenu li.home {
	border-radius: 9px 0 0 0;
}
#topmenu li.buscar {background-color: #f4f4f4; position: absolute; right: 0; border-right: none; width: 330px; border-radius: 0 9px 0 0;}
#topmenu li.buscar:hover {background-color: #f4f4f4;}

@media all and (min-width: 1200px){
	#topmenu li.buscar { border-left: 1px solid #999; }
}

#topmenu li.home a{
	width: 40px;
	padding: 0;
	background: transparent url(home.png) no-repeat center center;
	overflow: hidden;
	text-indent: -900em;
}
#topmenu li:hover {
	background-color: #eee;
}
#topmenu li:hover ul {
	display: block;
}


#topmenu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 3;
	top: 40px;
	left: -1px;
	border: 1px solid #999;
	display: none;
	}
#topmenu ul li {
	float: none;
	border-width: 0;
	font-size: 14px;
	background: #fff;
}
#topmenu ul li a, #topmenu ul li span {
	color: #666;
	width: 140px;
	overflow: hidden;
}
#topmenu ul li.active {
	border-bottom: none;
	height: 40px;
}
#topmenu ul li.active a, #topmenu ul li.active span {
	color: #c00;
}


#intro {background-color: #666; height: 240px;}
#introimage {position: relative; width: 620px; height: 240px;
	background-color:#ccc;
	margin: -11px 0 0 -11px;
	border: 1px solid #333;
	border-bottom: 5px solid #1A0B03;
	 }
@media all and (min-width: 1200px){
	#introimage {
		width: 860px;
	}
}


#maincol {padding: 10px; width: 600px; float: left; background-color: #fff; position: relative; border-right: 1px solid #ccc; min-height: 400px;}
#maincol.wide {width: 750px; }
@media all and (min-width: 1200px){
	#maincol {width: 840px;}
	#maincol.wide {width: 990px;}
}

#sidecol {padding: 15px; width: 300px; float: left; position: relative;}
#sidecol.narrow {width: 150px;}


.colHead {min-height: 32px; position: relative;}
.colHead h2 {background-image: none; font-size: 18px; color: #e71d1d; margin: 20px 0 0;}
.colHead h2:after {content: none}
.colHead h2 span {color: #999;}
.colHead h2 .title .author {color: #999; font-size: 18px; font-weight: normal;}
.colHead h2 strong {color: #3f4040;}
.colHead h2 .title {
display: block;
font-size: 28px;
font-weight: bold;
padding: 10px 0 5px;
}
.colHead h2 a {color: #999;}
.colHead h2 a:hover {color: #e71d1d;}

#maincol .colHead {background-color: #fff; border-bottom: 2px solid #ccc; margin: -10px 10px 0 10px;}

#sidecol .colHead {border-bottom: 2px solid #e71d1d; background-color: #dfdfdf; margin: -15px -15px 15px;}

#sidecol .colHead h2 {left: 5px;}




/* estilo del contenido */

#hd {position:relative; display:block; margin: 30px 0 0; height: 100px;}

	@media all and (min-width: 1200px){
		#hd {height: 100px;}
	}

	h1 {position:absolute; display:block; width:358px; height:69px; left:0; top:10px; }
	h1 a {display:block; width:358px; height:69px; left: 0; top: 0;}
	h1 span {display:block; width:0; height:0; overflow: hidden;}
	#hd.es h1 a {background: transparent url(main_logo_es.png) no-repeat 0 0;}
	#hd.en h1 a {background: transparent url(main_logo_en.png) no-repeat 0 0;}

	/*@media all and (min-width: 1200px){*/
		h1 {top: 20px;}
		h1 a {width: 429.6px; height: 82.8px;  background-size: 429.6px 82.8px  !important; }
	/*}*/

	#switch_lang {
		display: block;
		position: absolute;
		height: 20px;
		top: -30px;
		right: 0;
		padding: 5px 10px 0;
		background: #fff;
		border-radius: 0 0 7px 7px;
		border: 1px solid #999;
		border-top: 0;
		line-height: 13px;
		cursor: pointer;
	}
	#switch_lang:hover {
		text-decoration:none;
	}
	#switch_lang .flag{
		display: inline-block;
		margin-right: 7px;
		vertical-align: baseline;
	}
	
	#cajaBuscar { position: absolute; right:15px; bottom:10px; display:block; width:300px; height:20px;}
	#cajaBuscar #query {position: absolute; top: -2px; left: 0; 
		border-radius: 5px;
		background: #eee url(search.png) no-repeat 3px 3px;
		font-size: 14px;
		width:198px; height:22px; padding: 0; border:1px solid #ccc; line-height:22px; text-indent: 2em;}
	
	#cajaBuscar #query:hover {
		background-color: #fff;
	}
	
	#cajaBuscar #submit {position: absolute; top: -2px; left: 200px; width:98px; height:24px; background: transparent; padding: 0; border: none;
		color: #999;
		font-size: 20px;
		}
	#cajaBuscar #submit:hover {color: #666;}
	

	

#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 */
		
		/* recuento */
		#plancount {display: block; float: right; width: 140px; height: 60px; margin: 10px 10px -30px 0;}
		#plancount .count {display: block; color: #333; font-size: 40px; line-height: 40px; font-weight: bold; text-align: center;}
		#plancount .title {display: block; text-align: center; line-height: 1em;}


		/* familias */
		#categorias {margin: 0;}
		 .cat {position:relative; text-align:left; width:150px; margin: 0 0 15px 0; float:left; font-size: 110%;}
		 .cat h3 {margin: 0; display:block; width:150px; height:150px; top: 0; background-repeat:no-repeat; background-position:bottom; background-color: #fff; }
		 .cat1 h3 {background-image: url(../thumbs_cats/cat_1.png);}
		 .cat2 h3 {background-image: url(../thumbs_cats/cat_2.png);}
		 .cat3 h3 {background-image: url(../thumbs_cats/cat_3.png);}
		 .cat4 h3 {background-image: url(../thumbs_cats/cat_4.png);}	
		.cat h3 a {position:absolute; left:22px; top:21px; text-decoration:none; color:#fff; font-weight:bold; font-size: 14px;}
		.cat p {margin:2px 10px 5px;}
		.cat ul {list-style: none; padding: 0; margin: 0;}
		.cat ul li{margin: 0 10px 3px; padding: 0;}

		@media all and (min-width: 1200px){
			.cat {padding: 0 30px;}
			.cat h3 a {left: 52px;}
		}

#ft {clear: left;position: relative;  height:51px;
	background: #c00; border: 1px solid #300; margin-bottom:10px; border-radius: 0 0 10px 10px; color: #fff;}
	#ft p {padding-top: 5px;}
	#commons {border-width:0pt; float:left; margin:9px 10px 0 20px; width:88px; height:31px;}
	#nedstat {display:block; position:absolute; right:13px; top:10px; height:18px; width:18px}
	#copy {float: left; margin-top: 3px;}
	#ft a {color: #ff9;}


/* aviso de cookies */
#cookies_container {
	background: #fff;
	border-top: 1px solid #ccc;
}
#cookies_content {width: 953px; margin: 0 auto; padding: 15px 0;}
@media all and (min-width: 1200px){
	#cookies_content {width: 1193px;}
}	


/* separadores cajas */
.separadorgris {border-top:1px solid #ccc; margin:0 1px; height: 0; clear:both;}
.separadorrojo {border-top:1px solid #e71d1d; margin:0 1px; 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 {margin:-15px -15px 15px; padding: 10px 15px; display: block; height: 68px; background: #e8e8e8; border-bottom: 1px solid #bebebe; list-style: none; overflow: hidden;}
#cajaextras li{margin:0 5px; display:block; width: 62px; padding:0;  font-size:110%; float: left; text-align: center;}
#cajaextras li span {display: block; width: 32px; height: 32px; margin: 0 auto 5px; background:transparent url('sociales_32.png') no-repeat 0 0 ;}
#cajaextras li a{color:#333; font-size: 11px;}
#cajaextras #xtra_rss span{background-position:-64px 0}
#cajaextras #xtra_contacto span{background-position:-32px 0}
#cajaextras #xtra_info span{background-position:0 0}
#cajaextras #xtra_twitter span {background-position:-96px 0}

/* caja de categorías */
#cajacategorias ul {margin: 10px 0 0;}
#cajacategorias li { margin-bottom: 10px; background-color: #dfdfdf; padding: 0;}
#cajacategorias li.open {padding-bottom: 5px; border: 1px solid #ccc; border-bottom: 1px solid #E71D1D;}
#cajacategorias li.open a {border: none;}

#cajacategorias li a {width: 278px; color:#3F4040; font-size: 13px; line-height: 25px; height: 25px; font-weight: bold; display: block; margin: 0px; padding: 0 10px; border: 1px solid #bebebe;}
#cajacategorias li a:hover {text-decoration: none; background-color: #ccc; border-bottom: 1px solid #E71D1D; color: #e71d1d; }
#cajacategorias li.open a:hover {border: none; background-color: #dfdfdf;}


#cajacategorias ul ul {margin: 0 5px; padding: 5px 0; background-color: #fff; }
#cajacategorias li li {line-height: 17px; position: relative; background-color: #fff; padding: 0; margin: 0 5px; width: 130px; float: left; border: none;}
#cajacategorias li li a {color: #E71D1D; font-size: 12px; margin: 0; padding: 0 5px; line-height: 20px; height: 20px; width: 120px;}
#cajacategorias li li a:hover {background-color: #dfdfdf; text-decoration: none; border: none;}
#cajacategorias li li strong a {background-color: #e71d1d; color: #fff;}



/* 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;}


/* familia, tipo y detalle */
#migas {}
#cajaTipos {position: relative;}
#cajaTipos h3, #cajaPlanos h3, #cajaDetalle h3 {font-size:150%; margin-top:5px; color:#3F4040;}
#cajaTipos p.descripcion, #cajaPlanos p.descripcion {padding-top: 20px; font-size: 12px;}
#cajaTipos p.descripcion .thumbFamilia, #cajaPlanos p.descripcion .thumbFamilia {margin:-5px 5px 10px 0; float:left; width:150px; height:150px;}

#cajaDetalle h3{margin-left: 30px;}
#cajaDetalle .imagenPlano {margin:10px; float:left; width:200px; height:200px; border:1px solid #000;}
#cajaDetalle .plansDetails { margin:10px 0px 10px 0px; position:relative; font-size:110%; margin: 10px 10px 10px 220px;}
#cajaDetalle .plansDetails h2 {padding: 10px 0 0 30px; font-weight: normal; margin: 0 0 20px; }
#cajaDetalle .plansDetails h2:after {content: none}
#cajaDetalle .plansDetails h2 strong {display: block; font-size: 28px; font-weight: bold; padding: 0 0 5px; }

#cajaDetalle .plansDetails p {margin-bottom: 10px;}
#cajaDetalle .flag {position: absolute; left:5px; top:10px;}
#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; margin-left: 20px;
}
#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;
} 

#social_buttons {margin-left: 15px;}
#social_buttons td {vertical-align: bottom; padding-left: 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 {clear: left; display: block; margin: 0 10px 0; padding:3px; font-size:110%; font-weight: bold; color:#999; background-color: #eee; border: 1px solid #ccc;}

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


.ficha {position:relative; display: block;}
.par {background-color: transparent}

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

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

.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 {
	float:left;
	width:150px;
	height:150px;
	background-color:#666;
	margin: 0 0 40px 0;}


.listaTipos .ficha .thumb {position:absolute; width: 150px; height: 150px; top:0; left:0; }
.listaTipos .ficha .nombre {position: absolute; top: 150px; left: 0; text-align: center; width: 150px;}
.listaTipos .ficha .nombre strong a {font-size: 13px; color: #333;}
.listaTipos .ficha .detalles {position: absolute; top: 166px; text-align: center; width: 150px; text-align: center; color: #e71d1d;}


.gridPlanos {margin: 20px 0 ; padding-bottom: 30px;}

.gridPlanos .ficha {
	float:left;
	width:130px;
	height:130px;
	background-color:#666;
	margin: 0 10px 43px 10px;
	}


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

@media all and (min-width: 1200px){
	.gridPlanos .ficha {
		width: 140px;
		height: 140px;
	}
	.gridPlanos .ficha .thumb {
		width: 128px;
		height: 128px;
		}
}

.gridPlanos .ficha .nombre { width: 100%; position:absolute; top:133px; left:0; white-space: nowrap; overflow: hidden; line-height: 1.2em; color: #3f4040; }
.gridPlanos .ficha .nombre a { text-decoration: none; font-weight: bold;}
.gridPlanos .ficha .nombre strong{display:block; }
.gridPlanos .ficha .detalles {position: absolute; top:auto; bottom: 1px; height: 16px; left:1px; right: 1px; background-color: #cc4b4b; display: none; padding-left: 22px;}
.gridPlanos .ficha:hover .detalles {display:block;}

.gridPlanos .ficha .flag {position:absolute; top: auto; bottom:1px; left:1px; z-index: 4; border: 1px solid #fff;}
.gridPlanos .ficha .detalles .rating { position:absolute; bottom: 1px; right: 1px; z-index:1; background-position: 0 -220px; }

@media all and (min-width: 1200px){
	.gridPlanos .ficha { width: 148px; height: 148px; }
	.gridPlanos .ficha .thumb {	width: 146px; height: 146px;}
	.gridPlanos .ficha .nombre { top: 151px; } 
}




.listaPlanos .ficha {width:280px; height:48px; float: left; margin: 0 10px 10px 10px; }
.listaPlanos .detalles {width: 198px; padding-left: 27px; padding-bottom: 3px; display: block; border-bottom: 1px solid #ddd; position: absolute; bottom: 0; left: 55px;}

@media all and (min-width: 1200px){
	.listaPlanos .ficha {width:259px;}
	.listaPlanos .detalles {width: 178px;}
}




.listaPlanos .flag {position:absolute; top: -29px; left:0px;}
.listaPlanos .par {}
.listaPlanos .ficha .thumb { position: absolute; width:48px; height:48px;}
.listaPlanos .nombre {position:absolute; top:-3px; left:81px; white-space: nowrap; overflow: hidden;}
.listaPlanos .nombre strong {display: block;}
.listaPlanos .comen {float: right;}
.listaPlanos .ficha .detalles .rating { position:absolute; bottom: 2px; left: 78px; z-index:1; }

.book {width: 128px; height: 160px; border: 1px solid #ddd; margin: 10px 10px 10px 10px; float: left;}
.book:hover {border-color: #E71D1D; text-decoration: none;}
.book .thumb { margin: 4px 0;}
.book .name {line-height: 15px; margin: 0; padding: 0 5px; text-align: center; border: none; width: 116px; white-space: nowrap; overflow: hidden;}


#book_container {width:730px; height: 600px; margin-top: 10px; margin-left: 10px;}
@media all and (min-width: 1200px){
	#book_container {width:970px;}
}


#listaFeatured {}
#listaFeatured .ficha {margin-left: 0; width: 300px;}
#listaFeatured .detalles {width: 215px;}


.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: 0 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 12px;
	background-color: #eee;;
	clear: left;
}
.paginadorSup {
	margin: 10px;
	}
.paginador a.nums, .paginador strong{
	border: 1px solid #999;
	padding: 1px 5px;
	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: 5px;
}
.paginador a.older {
	position: absolute;
	left: 5px;
}

#cambiaVista{
	display: block;
	width:100px;
	height: 25px;
	position: absolute;
	right: 11px;
	bottom: 10px;
	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.botonlist .list {background-position: 0 -350px; cursor:default; }
#cambiaVista.botongrid .list {background-position: 0 -375px; cursor: pointer; }

#cambiaVista.botongrid .grid {background-position: 0 -300px;  cursor:default;}
#cambiaVista.botonlist .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;
}

#tag_strip a {float: left; margin: 0 10px 10px 0; display: block; width: 50px; height: 50px;}
img.pegatina_tag  {border: 1px solid #333; width: 48px; height: 48px;}


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


/*********** PUBLICIDAD ***********/

.publi300 {width:300px; height:250px; margin-bottom: 15px;}
.publi300600 {width:300px; height:600px; margin-bottom: 15px;}

/*#big_banner_container {height: 60px; width: 100%;}*/


/*#small_banner {position: absolute; top: 10px; right: 0; width: 468px; height: 60px;}*/
#head_banner {position: absolute; top: 10px; right: 0; width: 468px; height: 90px; overflow: hidden}
#body_banner {height: 90px; width: 468px; margin: 10px auto 0;  overflow: hidden}


@media all and (min-width: 1200px){ 
	#head_banner {width: 728px;}
	#body_banner {width: 728px;}
}



/*

@media all and (min-width: 1200px){
	
	#container {padding-bottom: 0;}

	
	#big_banner_container {
		position: absolute; top: 10px; bottom: auto; right: 0; width: 728px;
	}
	/* 468x60 * /
	#maincol { padding-bottom: 75px; }
	#small_banner {bottom: 60px; left: 195px; top: auto;}
	

	body.plans_item .publi300{
		position: absolute;
		bottom: auto; left: -841px; top: 111px;
	}
	#cajaDetalle {height: 270px; padding-left: 320px;}
	#cajaDetalle .imagenPlano {margin-bottom: 20px;}
}
*/