*{
	margin:0px;
	padding:0px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
}

body{
	background:url(../imgs/interfaz/fondo_pag.jpg);
}

#contenedor_fondo{
	width:100%;
	min-height:400px;
	margin:0px;
	background:url(../imgs/interfaz/fondo_sup__pag.jpg) repeat-x;
}

#contenedor_total{
	width:750px;
	min-height:600px;
	margin:0px auto;
}



/* -------------------------------------- */
/* --------------- HEADER -------------- */

#contenedor_header{
	height:225px;
	background:url(../imgs/interfaz/banner_sup.jpg) no-repeat;
	clear:both;
}


/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA EL BOTON DE INICIO Y ROTULO -------------- */

#contenedor_botones{
	margin:1px 0px 0px 0px;
	height:36px;
	clear:both;
}

.nombre_sitio{
	float:left;
}

.btn_inicio{
	width:105px;
	height:36px;
	display:block;
	background:url(../imgs/botones/btn_inicio.jpg) no-repeat;
}

.rotulo_inicio{
	width:397px;
	height:36px;
	display:block;
	float:right;
	background:url(../imgs/interfaz/rotulo_inicio.jpg) no-repeat;
}



/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA EL CONTENIDO -------------- */

#contenedor_contenido{
	margin:10px 0px 0px 0px;
	clear:both;
	background:url(../imgs/interfaz/fondo_cont.jpg) no-repeat;
}


.titulo_seccion{
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 20px;
	background:url(../imgs/interfaz/etiqueta1.jpg) no-repeat;
	font: 20px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	clear:both;
}

.titulo_seccion a{
	color:#000000;
}

#dos_col1, #dos_col2{
	width:335px;
	padding:0px 20px 0px 20px;
	float:left;
}


/* ----------------------------------------------------------------------- */
/* --------------- CONTENIDO HOME -------------- */

#contenido_home{
	height:375px;
	clear:both;
	background:url(../imgs/interfaz/fondo_centro_home.jpg) bottom left no-repeat;
	padding:0px 0px 0px 250px;
}


/* ----------------------------------------------------------------------- */
/* --------------- GENERALES -------------- */

p, li{
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
}

.parrafo{
	padding:0px 15px 0px 20px;
	clear:both;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
}

.parrafo_blanco{
	padding:0px 15px 0px 20px;
	clear:both;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.invisible{
	display:none;
}

.sin_lista{
	list-style-type:none;
	float:left;
}

.salto{
	clear:both;
}

img{
	border:none;
}

select, input, option, textarea{
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
}

.ancho205{
	width:180px;
	padding:2px 0px 2px 0px;
}

.ancho150{
	width:150px;
}


.btn_go{
	width:33px;
	height:33px;
	display:block;
	background:url(../imgs/botones/go.jpg) no-repeat;
}

.color_azul{
	color:#336699;
}



/* ----------------------------------------------------------------------- */
/* --------------- GALERIA -------------- */


#albums{
	clear:both;
}

.album{
	width:235px;
	height:220px;
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	padding:10px 0px 0px 9px;
	background:url(../imgs/galeria/fondo_album.jpg) no-repeat;
}

.album_thumb{
	width:224px;
	height:158px;
	display:block;
	border:1px solid #999999;
	margin:0px 0px 20px 0px;
	clear:both;
}

.albumdesc{
	width:170px;
	float:left;
}

.album_go{
	width:33px;
	height:33px;
	display:block;
	padding:3px;
	float:left;
}

.album_nombre{
	margin:0px;
	padding:0px 0px 0px 10px;
	clear:both;
	font: 14px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	background:url(../imgs/interfaz/etiqueta2.jpg) no-repeat;
	list-style-type:none;
}

.album_nombre a{
	color:#000000;
	text-decoration:none;
}

.album_fecha{
	margin:0px;
	padding:0px 0px 0px 10px;
	clear:both;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


/* resultados de busquedas */

.galeria_buscar{
	width:31%;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	font: 14px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	background:url(../imgs/interfaz/etiqueta2.jpg) no-repeat;
	list-style-type:none;
}


/* pagina de imagenes , contenido de un album */

.nombre_album_actual{
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}


#images{
	clear:both;
	padding:0px 0px 0px 20px;
}

.image{
	width:165px;
	height:135px;
	display:block;
	float:left;
	margin:0px 7px 0px 10px;
	padding:10px 0px 0px 5px;
}

.image_thumb{
	width:165px;
	height:115px;
	display:block;
	margin:0px 0px 0px 0px;
	clear:both;
	border:1px solid #FFFFFF;
}

.image_nombre{
	margin:0px;
	padding:0px 0px 0px 0px;
	clear:both;
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
}


/* pagina de imagen en grande */

#image{
	text-align:center;
	clear:both;
	border:none;
}

#imagemetadata{
	display:none;
}

#narrow{
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	border:none;
	clear:both;
}


/* area de navegacion */

.imgnav{
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	clear:both;
	padding:5px 0px 15px 0px;
}

.imgprevious, .imgnext, .btn_nav{
	float:left;
	width:78px;
	height:20px;
	display:block;
}


.imgnext{
	float:right;
}

.pagelist{
	height:20px;
	display:block;
	text-align:center;
	margin:0px auto;
	padding:0px 0px 0px 20px;
}

.pagelist ul{
	margin:0px auto;
	text-align:center;
}

.pagelist li{
float:left;
	display:inline;
}

.prev, .imgprevious{
	background:url(../imgs/botones/btn_prev.jpg) no-repeat;
}

.next, .imgnext{
	background:url(../imgs/botones/btn_sigui.jpg) no-repeat;
}

.prev, .next{
	width:78px;
	height:20px;
	display:block;
}

.pag{
	width:15px;
	height:20px;
	display:block;
}

.current, .pagelist li{
	list-style-type:none;
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 10px 0px 0px;
}



/* ratings */


#rating{
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	clear:both;
	padding:5px 0px 15px 0px;
}


/* area de buscar */

#area_buscar{
	height:33px;
	display:block;
	clear:both;
}

#search{
	width:250px;
	float:left;
}

#buscar_mes{
	width:250px;
	float:left;
	text-align:center;
	margin:2px 0px 0px 0px;
}

#buscar_year{
	width:250px;
	float:left;
	text-align:right;
	margin:3px 0px 0px 0px;
}



/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA EL AREA DE NOSOTROS -------------- */

#nosotros {
	background:url(../imgs/nosotros/ilustracion.jpg) no-repeat;
	padding:0px 0px 0px 310px;
}

.titulo{
	height:26px;
	display:block;
	clear:both;
	background:url(../imgs/interfaz/etiqueta2.jpg) no-repeat;
	padding:0px 0px 0px 20px;
	margin:5px 0px 0px 0px;
}

.t01, .t02, .t03, .t04, .t05, .t06{
	height:26px;
	display:block;	
}

.t01{
	background:url(../imgs/nosotros/rotulo_jugos.jpg) no-repeat;
}

.t02{
	background: url(../imgs/nosotros/rotulo_kareaoka.jpg) no-repeat;
}

.t03{
	background: url(../imgs/nosotros/rotulo_playg.jpg) no-repeat;
}

.t04{
	background: url(../imgs/nosotros/rotulo_babyc.jpg) no-repeat;
}

.t05{
	background: url(../imgs/nosotros/rotulo_fuente.jpg) no-repeat;
}

.t06{
	background: url(../imgs/nosotros/rotulo_inflable.jpg) no-repeat;
}


.sep01, .sep02, .sep03, .sep04, .sep05{
	height:14px;
	display:block;
	clear:both;
	margin:8px 15px 8px 20px;
	font-size:4px;
}

.sep01{
	background:url(../imgs/nosotros/sep01.jpg) repeat-x;
}

.sep02{
	background:url(../imgs/nosotros/sep02.jpg) repeat-x;
}

.sep03{
	background:url(../imgs/nosotros/sep03.jpg) repeat-x;
}

.sep04{
	background:url(../imgs/nosotros/sep04.jpg) repeat-x;
}

.sep05{
	background:url(../imgs/nosotros/sep05.jpg) repeat-x;
}



/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA EL AREA DE PLANES -------------- */

.lista_titulo{
	font: 12px "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.lista_blanca{
	list-style-type:none;
	padding:0px 15px 15px 20px;
	clear:both;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../imgs/interfaz/etiqueta2.jpg) no-repeat;
}

.lista_negra{
	list-style-type:none;
	padding:0px 15px 5px 20px;
	clear:both;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(../imgs/interfaz/etiqueta2.jpg) no-repeat;
	line-height:12px;
}

.raya_blanca{
	font-size:8px;
	border-bottom:1px solid #FFFFFF;
	margin:0px 0px 10px 0px;
}

.aviso_precios{
	height:24px;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../imgs/planes/fondo_avisos_precios.jpg) no-repeat;
	text-align:center;
	line-height:24px;
}

.planes_pasapalos{
	width:50px;
	height:19px;
	display:block;
	margin:0px 0px 0px 273px;
}

.planes_horario{
	background:url(../imgs/planes/rotulo_horarios.jpg) no-repeat;
	height:19px;
}




/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA LA SECCION DE CONTACTO -------------- */

#contacto{
	background:url(../imgs/contacto/fondo_contacto.jpg) bottom left no-repeat;
	padding:0px 0px 0px 245px;
}

.nombre_campo{
	width:62px;
	height:19px;
	display:block;
	background:url(../imgs/contacto/fondo_label.jpg) no-repeat;
	text-align:center;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:none;
	line-height:19px;
}

.fondo_input{
	background:#CCCCCC;
	padding:3px;
}

.mensaje{
	height:130px;
}


/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA EL AREA DE CONTACTO EN EL FOOT -------------- */

#contenedor_contacto{
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#contacto_tope{
	height:36px;
	width:750px;
	display:block;
	clear:both;
	background:url(../imgs/interfaz/rotulo_ven.jpg) no-repeat;
	margin:0px 0px 3px 0px;
}

#contacto_direccion{
	width:40%;
	float:left;
	line-height:13px;
	padding:0px 0px 0px 15px;
}

#contacto_bienvenida{
	width:50%;
	float:right;
	line-height:13px;
	padding:0px 40px 0px 0px;
}

.contacto_bienv_titulo{
	width:299px;
	height:22px;
	display:block;
	margin:5px 0px 5px 0px;
	padding:0px;
	background:url(../imgs/interfaz/rotulo_bienv.jpg) no-repeat;
}



/* ----------------------------------------------------------------------- */
/* --------------- ESPACIO PARA EL FOOTER -------------- */


#contenedor_foot{
	height:155px;
	display:block;
	margin:1px 0px 0px 0px;
	clear:both;
	background:url(../imgs/interfaz/fondo_foot.jpg) bottom center no-repeat;
}

#foot_vinculos{
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../imgs/interfaz/raya_foot.jpg) no-repeat;
	padding:10px 0px 0px 15px;
}

.foot_opcion{
	font: 11px "trebuchet MS", Arial, Helvetica, sans-serif;
	color:#336699;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}

a:hover.foot_opcion{
	text-decoration:underline;
}