body{
	margin: 0;
	color : black;
	background: #003 url(/layout/img/fon-bot.jpg);
	font-family: Arial;
	font-size: .8em;
}
body *{
	margin: 0;
	padding: 0;
}

a{
	color: #d1d1df;
}
a img{
	border: none;
}


.clear{
	clear: both;
}
.tcenter{
	text-align: center;
}


#wtop{
	padding-top: 30px;
	background: url(/layout/img/fon-top.jpg);
}
    #ctop{
		width: 960px;
   		min-height: 400px;		
		margin: auto;
		padding: 20px 0;
		color: white;
		background: #000033 url(/layout/img/deg-top.png) repeat-x bottom center;
	}
	    #coltopi{
	        float: left;
			width: 360px;
			x-height: 370px;
			margin: 20px 28px 0 30px;
			overflow: hidden;
		}
		#coltopd{
			z-index: 1;
			position: relative;
			float: left;
			width: 510px;
			margin: 20px 30px 0 0;
			-moz-border-radius: 1px;
		}
		#main_logo{
			text-align: center;
		}
		
		#main_photos{
			border: solid 1px #eee;
		}
		#main_photos img{
			width: 510px;
			height: 360px;
		}
		#main_photos_extras{
			z-index: 100;
			position: absolute;
			bottom: 0px;
			width: 490px;
			padding: 10px;
			color: black;
			background: #eee;
			opacity: .6;
			filter: alpha(opacity=60);
		}
		#mp_info{
			float: left;
			text-align: center;
			width: 40%;
		}
		#mp_prev, #mp_next {
			float: left;
			width: 30%;
			text-align: center;
			cursor: pointer;
		}		
		#mapa{
			width: 510px;
			height: 360px;
			color: black;
			border: solid 1px #eee;
		}

#menu{
    position: relative;
	top: -10px;    
	z-index: 10;
	height: 53px;
	color: #003;
	background: url(/layout/img/fon-menu.png) repeat-x center top;
}
    #menu ul{
        width: 960px;
		margin: auto;
		list-style: none;
	}
	#menu li{
		float: left;
		height: 24px;
		width: 120px;
		margin: 0;
		padding: 14px 0;
		text-align: center;
		font-size: 1.3em;
		font-weight: bold;
       	letter-spacing: -1px;
		cursor: pointer;
	}
	#menu li:hover{
	    background: url(/layout/img/fon-menu-hover.png) repeat-x center 3px;
	}
	#menu li.selected{
		padding: 14px 0 14px 0;
	    background: url(/layout/img/fon-menu-sel.png) repeat-x center 3px;
	}
	#menu a{
		color: #003;
		text-decoration: none;
	}

#wbot{
	background: url(/layout/img/fon-bot.jpg);
}
    #cbot{
    	position: relative;
    	top: -20px;
		width: 960px;
		min-height: 360px;
		margin: auto;
		padding-top: 20px;
		color: white;
		background: #040435 url(/layout/img/deg-bot.png) repeat-x top center;
	}
	.footer{
		clear: both;
	    width: 960px;
	    margin: 0 auto 1em auto;
	    color: #003;
	}
	    .footer a{
	        color: #003;
		}
	
	
#content_area{
}
	h2{
	    margin: 1em 0 5px 0;
		border-bottom: solid 2px white;
		font-size: 1.2em;
	}
	/*
	h3, h4{
		border-bottom: solid 1px white;
	}
	*/
	.texto{
		font-size: .85em;
		line-height: 1.2em;
	 	text-align: justify;
	}
	.texto p{
		margin: .5em 0;
	}
	.lista{
		margin: .5em 0 .5em 2em;
	}

#banners{
	margin: 0 15px;
	padding-top: 15px;
}
.banner, .camera{
    float: left;
	width: 280px;
	height: 280px;
	margin: 0 14px;
	background: #eee;
	border: solid 1px #eee;
	-moz-border-radius: 1px;
}
.camera{
	position: relative;
	overflow: hidden;	 
}
.camera p{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px;	
	color: black;
	background: white;
	opacity: .5;
}
.camera img{
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
}
#banner_mapa{
	color: black;
}

.hc_footer{
	width: 780px;
	margin: auto;
}
.hc_footer div.widget{
	float: left;
	margin: 0 .65em;
}

.hc_widget{
	margin-bottom: 1em;
}


/*
	cosas del contenido 
*/

h1, h2{
	letter-spacing: -1px;
}
h3{
	margin: 1em 0;
}

.content_text{
	text-align: justify;
	line-height: 1.15em;
}
.content_text_info{
	font-size: .9em;
	text-align: right;
}

.selectHabitaciones{
	width: 3em;
}

.message{
	margin: 1em 0;
	padding: 1em;
	color: black;
	background: #fff1a8;
	border: solid 1px #edd400;
	text-align: center;
}

.error{
	margin: 1em 0;
	padding: 1em;
    color: #660000;	
    background-color: #FFEEEE;
    border: 1px solid #666600;
    text-align: center;
}

dt{
	padding: 1em;
 	background: #282853;
}
dd.infopanel{
	margin-top: 0;
}
dd p{
	margin: 1em 0;
}


form fieldset,
.infopanel{
	margin: 1em 0;
	padding: 1em;
	background: #626281;
	border: none;	
}
	form fieldset legend{
		padding: .5em 1em;
		background: #626281;
		border-bottom: solid 1px #424268;
	}

form div.input{
	clear: both;
	margin: 5px;
}
form label{
	display: block;
	float: left;
	width: 25%;
	margin-right: 5%;
	text-align: right;
}
form .input input, 
form .input textarea,
form .input select{
	width: 68%;
	font-size: 1em;
	font-family: Tahoma, sans;	
}
form .input textarea{
	height: 6em;
}

form .input.radio label,
form .input.checkbox label{
	display: inline;
	float: none;
	width: auto;	
	text-align: left;
}
form .input.radio input,
form .input.checkbox input{
	width: auto;
	margin-right: 1em;
}

form .input.radio input{
	display: inline-block;
	clear: left;
}

form .input.date select{
	width: 20%;
	margin-right: 1%;
}

form .fullinput textarea{
	width: 100%;
	height: 5em;
}

form .submit{
	text-align: center;
}

form .submit input{
	padding: .5em 2em;
	color: white;
	background: #003;
	border: double 4px #636383;
	font-size: 1em;
}

form .dual.submit input{
	margin: auto 1em;
}

form .input.error{
	padding: 5px;
	border: none;
}
form div.error-message{
	text-align: center;
	color: red;
}


form fieldset li{
	list-style: none;
	padding: .5em 1em;
	border-bottom: solid 1px #424268;
}
form #habitaciones label{
	float: none;
	display: inline;
}
form #habitaciones span,
form #habitaciones label{
	margin-right: 5em;
}

form #otra_habitacion{
	text-align: right;
	padding: .5em 0;
}


/* formulario reserva */

#nav-reservas li{
	list-style: none;
	float: left;
	width: 23%;
	padding: .5em 1%;
	text-align: center;
	background: #282853;
}
#nav-reservas li.active{
	background: #626281;
}
#nav-reservas li a{
	color: white;
	text-decoration: none;	
}
#nav-reservas li a.disabled{
	color: #aaa;
	cursor: wait;	
}

.paso{
	margin-top: 2em;
}

.habitaciones_reserva{
	width: 100%;
}
	.habitaciones_reserva th{
		padding: .5em;
		background: #424268;
		text-align: center;
	}
	.habitaciones_reserva td{
		padding: .3em;
		text-align: center;
	}



#UserEditForm div.input{
	margin: 1em 0;
}



/*
	usuarios
*/
.profile_photo{
	float: right;
	margin: 1em 0;
	padding: .5em;
	background: #eee;
}
	.profile_info dt{
		font-weight: bold;
	}
	.profile_info dd{
		margin: 0 0 .5em 1em;
	}