@charset "utf-8";
/* ESTRUCTURA GENERAL  ************************************/
body {
background: #ecfbf9;	
margin: 0px; padding: 0px;
font-family: Arial, Helvetica, sans-serif normal;
color: #000;
text-align: center;
font-size: 12px;
}
p{font-size: 12px;}
#wrap{width:750px; margin:0px; padding:0px; margin-left: auto; margin-right: auto;}
div {border: 0px solid #000000;}
table{border:0px solid #FF9900; float: left; clear: both; margin:0; padding:0; border: none;}
td{padding:0; margin:0; border:none;}
/* LEFT COL ************************************************************/
.leftcol{float:left; width:150px; padding:0; border:none;}
	.menu{margin:0; padding:0px; background:#66cccc; float: left; width: 150px;}
		.menu ul{list-style:none; margin:110px 0px 0px 0px; padding:0 20px; font: 11px Arial, Helvetica, sans-serif; background:#66cccc;}
		.menu li{ float: left; display: block; margin:5px 0; padding:0 0 7px 0; text-align: right; width: 90%; border: solid #ecfbf9; border-width: 0 0 1px 0;}
		.menu li a{color:#fff; text-decoration:none; background: url(imgs/sq_blue.gif) right center no-repeat; padding: 0 15px 0 0;}
		.menu li a:hover, .menu li.activo a, .menu li.activo a:hover{color: #128BB4; background: url(imgs/sq_blue_dark.gif) right center no-repeat;}
	.menuend{ background: url(imgs/menuend.jpg) no-repeat; height: 176px; margin:20px 0 0 0px; padding: 0 0 0 0px; clear: both;}
	.login{float:left; background: #F4F4F4; width:234px; margin: 20px 0 0 0; padding: 0px; text-align: center;}
	.tx-newloginbox-pi1{float:left; display: inherit; margin:20px 0 0 0px; padding:0 0 10px 37px; width:155px;}
	.tx-newloginbox-pi1 h1{float:left; text-align:left; color:#666666; text-decoration:none; text-transform: uppercase; font-weight: bold; margin:0; padding:0 0 0 0px; font-size: 11px;}
	.tx-newloginbox-pi1 p{float:left; text-align:left; font-size:12px; margin:5px 0 0 0; padding:0; width:155px;}		
		.login form{ margin:0; padding:0px 0px 0px 0px; border: 0px solid #000;}
		.login input.field{float: left; margin:10px 0px 0px 0px; padding:2px; width:155px; border:1px solid #666;}
		.login input.button{float: left; margin:10px 0px 0px 0px; padding:0 0 0 0px; border:1px ridge #ffa615; background: #ff9900; color:#fff; width: auto;}		
		.login label{visibility: hidden; height:0; margin:0; padding:0; display: none;}
		.login a{ text-decoration: none; color:#666666;}
		.login a:hover{ text-decoration: underline; color: #FF9900;}
/* RIGHT COL ***********************************************************/
.rightcol{float:right; width:580px; border:none;}
	#home .header{background:url(imgs/head_index.jpg) left top no-repeat; width:580px; height: 317px;}
	#hotel .header{background:url(imgs/head_hotel.jpg) left top no-repeat; width:580px; height: 317px;}
	#rates .header{background:url(imgs/head_rates.jpg) left top no-repeat; width:580px; height: 317px;}
	#surroundings .header{background:url(imgs/head_surroundings.jpg) left top no-repeat; width:580px; height: 317px;}
	#contact .header{background:url(imgs/head_contact.jpg) left top no-repeat; width:580px; height: 317px;}
	.idiomas{ text-align: right; padding: 10px 10px 0 0; margin:0;}
	.idiomas ul {list-style: none;}
	.idiomas li {float: right; margin: 0 0 0 10px;}
	.headerbg{background:url(imgs/header_bg.gif) repeat-x; height: 35px; margin:1px 0 0 0; clear: both; width:580px;}
	.body{clear: both; text-align: left; margin:0 0 10px 0;}
	.body ul{ list-style:none; width:99%; margin:0 10px; padding:0;}
	.body li{ margin:10px 0; padding:0 15px; font-size: 12px; background:url(imgs/sq_yellow.gif) 0px 5px no-repeat; color: #666;}
	.body li a{text-decoration: none;}
	.body li a:hover{text-decoration: none;}
	.bodythirdleft ul{ list-style:disc; width:99%; margin:0px 0px 15px 0px; padding:0; list-style-position:inside;}
	.bodythirdleft li{ margin:0px 0px 5px 10px;font-size: 12px; color: #666; padding:0;}
	.bodythirdleft li.noBotMar{ margin:0px 0px 0px 10px;}
	.bodyhalfleft{ width:45%; float: left; margin:0 0 10px 0; border: 1px solid #000;}	
	.bodyhalfright{ width:45%; float: right; margin:0 0 10px 0; border: 1px solid #000;}	
	.bodyhalfright, .bodyhalfleft{ border:0px solid #FF00cc; border: 1px solid #000;}	
	.bodythirdleft{ width:365px; float: left; margin:0 10px 10px 0; border:solid #66cccc; border-width:0; padding:0 10px 0 0px;}	
	.bodythirdright{ width:165px; float: left; margin:0 0 10px 0px; padding: 0 0 0 15px; border: solid #66cccc; border-width: 0 0 0 1px; overflow:hidden;}	
	.bodythirdright, .bodythirdleft{}	
	.picleft{float: left; margin: 0px 10px 10px 0px;}
	.picright{float: right; margin: 0px 0px 10px 10px;}	
	.rightcol h1{color:#339999; margin:0px 0px 15px 0px; padding:0; font: normal 20px "Book Antiqua", "Times New Roman"; letter-spacing: 0.0em; line-height: 1.2em; vertical-align:top;}
	.rightcol h1 a{color:#FFA615; text-decoration:none;}
	.rightcol h1 a:hover{color: #333; text-decoration:none;}
	.rightcol h2{color:#339999; margin:0px 0px 2px 0px; padding:0; font: bold 15px "Book Antiqua", "Times New Roman"; letter-spacing: 0.0em; vertical-align:top; font-weight: bold;}
	.rightcol h2.intro{color:#339999; font: normal 17px "Book Antiqua", "Times New Roman"; margin:4px 0px 12px 0px; padding:0; line-height: 1.1em;}
	.rightcol h2 a{color:#339999; text-decoration:none;}
	.rightcol h2 a:hover{color: #66cccc; text-decoration:none;}
	.rightcol td h2{margin:0px 0px 5px;}
	.rightcol p{color:#666; font: normal 12px Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:0;}
	.rightcol p.first{margin:0 0 20px 0;}
	.rightcol p.bot10 {margin:0px 0px 10px 0px;}	
	.rightcol p.form{margin:8px 0px 10px 0px;}
	.rightcol .data{display:none;}
	.rightcol p.cterrmsg, .rightcol p.ctsendmsg {font: bold 14px "Book Antiqua", "Times New Roman";color:#339999;}
	.rightcol textarea{height:125px; width: 285px; font: normal 12px Arial, Helvetica, sans-serif; margin:7px 0px;}
	.rightcol a{text-decoration: none; color:#339999;}
	.rightcol a:hover{ text-decoration: underline; color: #66cccc;}	
	.rightcolmenu{ width:99%; float: right;}
	.rightcolmenu ul{width:99%; margin:0; padding:0; list-style: none;}
	.rightcolmenu li{margin:7px 0; padding:0;background: none; text-align:left;}
	.rightcolmenu a{text-decoration:none; text-transform: uppercase; font-size:11px; color:#b6b6b6; font-weight: bold; background: url(imgs/dot_y.gif) left center no-repeat; padding:0 0 0 10px; margin:0; border:0px solid #000; display: block;}
	.rightcolmenu a:hover, .rightcolmenu li.sub-act a, .rightcolmenu li.sub-act a:hover{text-transform: uppercase; color: #666666; background: url(imgs/dot_g.gif) left center no-repeat; border:0px solid #000; padding:0 0 0 10px;}	
/* FOOTER **************************************************************/
.footer{clear:both; text-align:center; font-size: 12px; padding: 20px 0 0 0; border-top: 1px solid #66cccc; margin: 10px 0 0 0;}
	.footer ul{list-style:none; padding:0; margin:0; text-align:center; width:100%;}
	.footer li{margin: 0 10px 0 0; padding:0; display: inline;}
	.footer a{ text-decoration: none; color:#66cccc;}
	.footer a:hover{ text-decoration: underline; color: #128BB4;}	
	.footer p{ clear:both; padding:0; margin:5px 0; font-size:11px; color: #666;}
.clear{clear:both;}
.height37{height:37px;}
.height1{height:1px;}