/* - - - - - - - - - - - - - - - - - - - - -

Título : HOSTAL NABI

Autor : Sergio Ballestero » Elpana 

Descripción : hostal.css

Creado : 09 de Febrero, 2009

- - - - - - - - - - - - - - - - - - - - - */

* {
	margin:0;
	padding:0;
	text-decoration: none;
	list-style: none;
	border: none;
}

body {
	background: url(../gfx/fondo/fondo.jpg) repeat-x #103e59;
	font: 11px Verdana;
	color: #fff;
	padding-top: 4px;
}

a {
	color: #fff;
}

a:hover {
	color: #9ccde7;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #9ccde7;
}

#wrap {
	width:790px;
	margin:0 auto;
}

.center {
	text-align: center;
}

#contenedor, #top, #botonera, #footer {
	width:790px;
	float: left;
}

#main {
	width: 757px;
	padding-left: 33px;
	padding-top: 12px;
	float: left;
}

#ubicacion #main,
#servicios #main,
#fotos #main,
#reservas #main,
#contactos #main {
	width:736px;
	padding-left: 54px;
}

#footer {
	padding: 20px 0 20px 0;
}

#top {
	padding-bottom: 15px;
}

#contenedor {
	background: url(../gfx/fondo/fondo_isla.jpg) no-repeat 50% 0%;
}

#botonera {
	width:790px;
	float: left;
}

#botonera ul {
	width:682px;
	float: left;
	padding: 19px 0 19px 108px;
	background: url(../gfx/fondo/fondo_botonera.jpg) no-repeat;	
}

#botonera ul li {
	float: left;
	/*margin-right: 40px;*/
	margin-right: 35px;
}

#botonera span {
	visibility: hidden;
}

#botonera div {
	float: left;
}

/* ------ BOTONES ACTIVOS ------ */

#botonera ul li #btn_inicio:hover,  
#botonera ul li #btn_ubicacion:hover,
#botonera ul li #btn_servicios:hover,
#botonera ul li #btn_fotos:hover,
#botonera ul li #btn_reservas:hover,
#botonera ul li #btn_contactos:hover,

#inicio #botonera ul li #btn_inicio,
#ubicacion #botonera ul li #btn_ubicacion,
#servicios #botonera ul li #btn_servicios,
#fotos #botonera ul li #btn_fotos,
#reservas #botonera ul li #btn_reservas,
#contactos #botonera ul li #btn_contactos

{ background-position:bottom; }

#logo {
	width: 567px;
	float: left;
}

#idioma, #audio {
	width: 50px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#idioma a {
	padding-bottom: 5px;
	float: left;
}

#idioma a:hover {
	color: #296a90;
}

#audio {
	float: right;
}

/* ------ INDEX ------ */

.seccion_index {
	width:224px;
	float: left;
	margin-right: 10px;
}

.seccion_index div{
	clear: both;
}

.fondo_azul{
	background-color:#0e3952;
	padding: 10px;
}

.texto {
	background-color:#296a90;
	padding: 8px;
	border: 1px solid #3177a1;
	line-height: 18px;
	margin-bottom: 20px;
}

.campo_input {
	width: 462px;
	float: left;
	padding: 8px;
	line-height: 18px;
	margin-bottom: 20px;
}

.campo_input div {
	width: 150px;
	float: left;
	margin-right: 20px;
}

.campo_input input {
	padding: 5px;
}

.seccion_index a {
	color: #fff;
}

/*---- INTERNAS ---- */

#col1_int {
	width: 140px;
	float: left;
	margin-right: 30px;
}

#col2_int, #cont_fotos, #paginacion {
	width: 480px;
	float: left;
}

#paginacion {
	margin: 0px 0 10px 0;	
}

#paginacion a {
	padding: 5px;
	color: #fff;
	background-color:#296a90;
	display: block;
	float: left;
	margin-right: 10px;
}

#paginacion a:hover {
	background-color:#9ccde7;
}

.fotos {
	width: 94px;
	height: 76px;
	float: left;
	margin: 0 20px 20px 0;
	background-position: 50% 5px;
	/*background-position: 3px 5px;*/
	background-repeat: no-repeat;
}

.imageOver{
	background:url(../gfx/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

#video_servicios {
	width: 350px;
/*	float: left;*/
	clear: both;
	background-color:#296a90;
	padding: 8px;
	border: 1px solid #3177a1;
	margin-bottom: 20px;
}