/*
Sitio maquetado por: Hector Cabrera
Email: yo at soyunduro dot com
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

a {
	color:#999;
}

/* Clases genericas */
.clear {
	float:none;
	clear:both;
	width:100%;
}

/* Contenedores ==================================== */
#wrapper {
	margin:0 auto;
	width:786px;
}

	/* HEADER */
	#header {
		padding:14px 0 0 0;
		width:786px; /*786*/
		height:154px; /*168*/
	}
	
		#header h1 {
			margin:0 0 12px 0;
		}
		
			#header h1 a {
				display:block;
				width:194px;
				height:92px;
				background:url(../images/logo.gif) left top no-repeat;
			}
			
				#header h1 a span {
					display:none;
				}
				
		#nav {
			margin:0;
			padding:1px 0 0 84px;
			width:786px; /*786*/	
			border-top:#f4e2c9 30px solid;
		}
		
			#nav li {
				display:inline;
				list-style:none;
				margin:0;
				padding:0;
			}
			
				#nav li a {
					display:inline;
					float:left;
					height:18px;
				}
				
				#nav li a:hover, .currentSection a {
					background-position:left bottom!important;
				}
				
					#nav li a span {
						display:none;
					}
					
				.nav_separador img {
					display:inline;
					float:left;
					width:2px;
					height:18px;
				}
					
				#btn_quienes a {
					width:96px;
					background:url(../images/btn_quienes.gif) left top no-repeat;
				}
				
				#btn_instalaciones a {
					width:153px;
					background:url(../images/btn_instalaciones.gif) left top no-repeat;
				}
				
				#btn_estetica_facial a {
					width:100px;
					background:url(../images/btn_estetica_facial.gif) left top no-repeat;
				}
				
				#btn_estetica_corporal a {
					width:120px;
					background:url(../images/btn_estetica_corporal.gif) left top no-repeat;
				}
				
				#btn_relajacion a {
					width:76px;
					background:url(../images/btn_relajacion.gif) left top no-repeat;
				}
				
				#btn_promociones a {
					width:88px;
					background:url(../img_home/btn_promocion.gif) left top no-repeat;
				}
				
				#btn_consejos a {
					width:68px;
					background:url(../images/btn_consejos.gif) left top no-repeat;
				}
				
	/* MAIN */
	#main {
		overflow:hidden;
		float:none;
		clear:both;
		margin:0 0 20px 0;
		width:786px;
	}
	
		#colIzq {
			float:left;
			width:285px;
		}
		
			#display {
				width:285px;
			}
			
			#listado {
				margin:34px 0 0 0;
				padding:0 0 0 0;
				width:284px;
				height:285px;
				border-right:#ecb277 1px solid;				
			}
			
			#listado {
					   margin:34px 0 0 0;
					   /*padding:0 0 0 0;*/
					   padding:0 0 5px 0;
					   width:284px;
					   /*height:285px;*/
					   border-right:#ecb277 1px solid;
			   }

				.promociones {
					   overflow:hidden;
					   margin:0 0 15px 0;
					   padding:0 8px 0 0;
					   width:276px; /*284*/
					   /*height:268px;*/
			   }

 

				
					.promociones li {
						margin:0 0 1px 0;
						padding:0 0 0 14px;
						font-size:10px;
						font-weight:bold;
						color:#ecb277;
						background:url(../images/bullet_naranja.gif) 0px 4px no-repeat;
					}
					
					.promociones li.promoActiva {
						background:url(../images/bullet_gris.gif) 0px 4px no-repeat;
					}
					
						.promociones li span {
							margin:0 7px 0 0;
							color:#777;
						}
						
						.promociones li a {
							text-transform:uppercase;
							color:#a9a9a9;
						}
						
						.promociones li a:hover {
							color:#ecb277;
						}
						
				.paginador {
					margin:0;
					padding:0;					
				}
				
				#listado .paginador {
					text-align:center;
				}
				
					.paginador li {
						display:inline;
						list-style:none;
						margin:0;
						padding:0;
					}
					
						.paginador li a {
							text-decoration:none;
						}
						
						.paginador li.currentPage a {
							font-weight:bold;
							text-decoration:underline;
						}
						
						.paginador li a:hover {
							text-decoration:underline;
						}
		
		#colDer {
			/*float:right;*/
			float:left;
			width:500px;
		}
		
			.noticia {
				overflow:hidden;
				padding:34px 0 0 20px;
				width:480px; /*500*/
			}
			
			.noticiaHome {
				overflow:hidden;
				padding:34px 0 0 20px;
			}
			
				.subtitulo {
					margin:0 0 11px 0;
					font-size:12px;
					font-weight:100;
					color:#999;
				}
										 
				.titulo {
					 margin:0 0 18px 0;
					 width:252px; /*new*/
					 font-size:30px;
					 font-weight:100;
					 line-height:32px; /*new*/
					 color:#ecb378;
					 text-transform:uppercase;
					 word-wrap: break-word; /*new*/
					}
				
					.titulo a {
						color:#ecb378;
						text-decoration:none;
					}
					
					.titulo a:hover {
						text-decoration:underline;
					}
					
				.sumario {
					font-size:15px;
				}
				
				.noticia p, .noticiaHome p {
					margin:0 0 12px 0;
				}
				
				.btn_reservar {
					display:block;
					width:106px;
					height:23px;
					background:url(../images/btn_reservar.gif) left top no-repeat;
				}
				
				.btn_reservar:hover {
					background-position:left bottom;
				}
				
					.btn_reservar span {
						display:none;
					}
				
				.noticia img, .noticiaHome img {
					border:none;
				}
				
				.fotoNoticia {
					width:203px;
				}
				
					.fotoNoticia img {
						width:203px;
						border:#f4a15e 1px solid;						
					}
					
					.fotoNoticia p {
						margin:0;
						padding:30px 0 0 0;
						font-size:11px;
						text-align:right;
					}
				
				.alignLeft {
					float:left;
					margin:0 25px 0 0;
				}
				
				.alignRight {
					float:right;
					margin:0 0 0 25px;
				}
			
			.flash	{
				margin:0 0 0 5px;
				width:496px;
			}
			
	/* FOOTER */
	#footer {		
		float:none;
		clear:both;
		margin:0 0 6px 0;
		width:786px;
		height:23px;
		color:#fff;
		background:#ecb378;
	}
	
		#footer p {
			float:left;
			margin:0;
			padding:3px 0 0 240px;
			font-size:11px;
		}
	
		#footer ul {
			float:right;
			margin:0;
		}
		
			#footer ul li {
				display:inline;
				list-style:none;
				margin:0;
				padding:0;
			}
			
				#footer ul li a {
					display:inline;
					float:left;
					height:23px;
				}
				
					#footer ul li a span {
						display:none;
					}
				
				#btn_home a {
					width:68px;
					background:url(../images/bottom_home_.png) left top no-repeat;
				}
				
				#btn_registro a {
					margin:0 0 0 1px;
					width:68px;
					background:url(../images/btn_registro.gif) left top no-repeat;
				}
				
				#btn_contacto a {
					margin:0 0 0 1px;
					width:69px;
					background:url(../images/btn_contacto.gif) left top no-repeat;
				}
				
	/* REPRODUCTOR */
	#reproductor {
		overflow:hidden;
		margin:0 0 0 6px;
		height:22px;
	}
	
		#controles {
			display:inline;
			float:left;
			width:28px;
			height:22px;
		}
	
			#player_play {
				background:url(../images/btn_play.jpg) left top no-repeat;
			}
			
			#player_pause {			
				background:url(../images/btn_pause.jpg) left top no-repeat;
			}
		
			#player_play, #player_pause {
				display:block;
				width:28px;
				height:22px;
			}
			
				#player_play span, #player_pause span {
					display:none;
				}
				
		#volumen {
			display:inline;
			float:left;
			margin:0 0 0 8px;
			width:21px;
			height:22px;
		}
				
			#btn_mute {
				display:block;
				width:21px;
				height:22px;
				background:url(../images/btn_mute.jpg) left top no-repeat;
			}
			
			#btn_vol {
				display:block;
				width:21px;
				height:22px;
				background:url(../images/btn_vol.jpg) left top no-repeat;
			}
		
				#btn_mute span, #btn_vol span {
					display:none;
				}