/* Hotel Rocamar 2008, Cristi�n Freire */
/* globales */
h1, h2, h3, h4, h5, h6, p, form, ul, li{
	margin:0px;
	padding:0px;
}

body{
	background:#4b4841 url(/img/body_bg.jpg) repeat-x left top;
	width:950px;
	margin:auto;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5e6463;
}
a{
	text-decoration:none;
}
ul li{
	list-style-type:none;
}
h1{
	float:left;
	width:510px;
}
h1 a{
	text-indent:-10000px;
	display:block;
	background:url(/img/logo.gif) no-repeat 0px 12px;
	height:60px;
	overflow:hidden;
}
h2{
	display:none;	
}
hr{
	clear:left;
	visibility:hidden;
}
/* particulares */
#container{
	width:950px;
	text-align:left;
}
#header{
	height:354px;
	background:url(/img/header_bg3.jpg) no-repeat left bottom;
}

/* IDIOMA */
#lang{
	float:right;
	/*width:310px;*/
	width:400px;
	padding:36px 0px 0px 0px;
}
#lang li{
	text-align:right;
	float:left;
	width:100px;
}
#lang a:link, #lang a:visited, #lang strong{
	color:#fff;
	font-family:times new roman, bookman old style, garamond, serif;
	font-weight:bold;
}
/*#lang a:hover, #lang .activo a:link, #lang .activo a:visited{*/
#lang a:hover, #lang strong{
	color:#2c4d58;
}
/*#lang .activo a:link, #lang .activo a:visited{*/
#lang strong{
	cursor:default;
}
/* FI IDIOMA */

/* menu_prin */
#menu_prin{
	clear:both;
	height:34px;
}
#menu_prin li{
	float:left;
	/*width:190px;*/
	/*width:150px;*/
	width:130px;
	text-align:center;
}
#menu_prin li a:link, #menu_prin li a:visited, #menu_prin li strong{
	display:block;
	/*width:190px;*/
	/*width:140px;*/
	width:150px;
	height:34px;
	text-indent:-10000px;
	overflow:hidden;
}

/*cat
================================================
*/
#menu_prin .ca #m0 a:link, #menu_prin .ca #m0 a:visited, #menu_prin .ca #m0 strong {
	background:url(/img/situacion_cat.gif) no-repeat 0px 0px;
}
#menu_prin .ca #m1 a:link, #menu_prin .ca #m1 a:visited, #menu_prin .ca #m1 strong {
	background:url(/img/actividades_cat.gif) no-repeat 0px 0px;
}
#menu_prin .ca #m2 a:link, #menu_prin .ca #m2 a:visited, #menu_prin .ca #m2 strong {
	background:url(/img/precios_cat.gif) no-repeat 0px 0px;
}
#menu_prin .ca #m3 a:link, #menu_prin .ca #m3 a:visited, #menu_prin .ca #m3 strong {
	background:url(/img/contactar_cas.gif) no-repeat 0px 0px;
}
#menu_prin .ca #m4 a:link, #menu_prin .ca #m4 a:visited, #menu_prin .ca #m4 strong {
	background:url(/img/rentacar_cas.gif) no-repeat 0px 0px;
}
#menu_prin .ca #m5 a:link, #menu_prin .ca #m5 a:visited, #menu_prin .ca #m5 strong {
	background:url(/img/entorno_cat.gif) no-repeat 0px 0px;
}
#menu_prin .ca #m6 a:link, #menu_prin .ca #m6 a:visited, #menu_prin .ca #m6 strong {
	background:url(/img/reservas_cat.gif) no-repeat 0px 0px;
}

/*cas
================================================
*/
#menu_prin .es #m0 a:link, #menu_prin .es #m0 a:visited, #menu_prin .es #m0 strong {
	background:url(/img/situacion_cas.gif) no-repeat 0px 0px;
}
#menu_prin .es #m1 a:link, #menu_prin .es #m1 a:visited, #menu_prin .es #m1 strong {
	background:url(/img/actividades_cas.gif) no-repeat 0px 0px;
}
#menu_prin .es #m2 a:link, #menu_prin .es #m2 a:visited, #menu_prin .es #m2 strong {
	background:url(/img/precios_cas.gif) no-repeat 0px 0px;
}
#menu_prin .es #m3 a:link, #menu_prin .es #m3 a:visited, #menu_prin .es #m3 strong {
	background:url(/img/contactar_cas.gif) no-repeat 0px 0px;
}
#menu_prin .es #m4 a:link, #menu_prin .es #m4 a:visited, #menu_prin .es #m4 strong {
	background:url(/img/rentacar_cas.gif) no-repeat 0px 0px;
}
#menu_prin .es #m5 a:link, #menu_prin .es #m5 a:visited, #menu_prin .es #m5 strong {
	background:url(/img/entorno_cas.gif) no-repeat 0px 0px;
}
#menu_prin .es #m6 a:link, #menu_prin .es #m6 a:visited, #menu_prin .es #m6 strong {
	background:url(/img/reservas_cas.gif) no-repeat 0px 0px;
}
/*eng
================================================
*/
#menu_prin .en #m0 a:link, #menu_prin .en #m0 a:visited, #menu_prin .en #m0 strong {
	background:url(/img/situacion_eng.gif) no-repeat 0px 0px;
}
#menu_prin .en #m1 a:link, #menu_prin .en #m1 a:visited, #menu_prin .en #m1 strong {
	background:url(/img/actividades_eng.gif) no-repeat 0px 0px;
}
#menu_prin .en #m2 a:link, #menu_prin .en #m2 a:visited, #menu_prin .en #m2 strong {
	background:url(/img/precios_eng.gif) no-repeat 0px 0px;
}
#menu_prin .en #m3 a:link, #menu_prin .en #m3 a:visited, #menu_prin .en #m3 strong {
	background:url(/img/contactar_eng.gif) no-repeat 0px 0px;
}
#menu_prin .en #m4 a:link, #menu_prin .en #m4 a:visited, #menu_prin .en #m4 strong {
	background:url(/img/rentacar_eng.gif) no-repeat 0px 0px;
}
#menu_prin .en #m5 a:link, #menu_prin .en #m5 a:visited, #menu_prin .en #m5 strong {
	background:url(/img/entorno_eng.gif) no-repeat 0px 0px;
}
#menu_prin .en #m6 a:link, #menu_prin .en #m6 a:visited, #menu_prin .en #m6 strong {
	background:url(/img/reservas_eng.gif) no-repeat 0px 0px;
}
/*deu
================================================
*/
#menu_prin .de #m0 a:link, #menu_prin .de #m0 a:visited, #menu_prin .de #m0 strong {
	background:url(/img/situacion_deu.gif) no-repeat 0px 0px;
}
#menu_prin .de #m1 a:link, #menu_prin .de #m1 a:visited, #menu_prin .de #m1 strong {
	background:url(/img/actividades_deu.gif) no-repeat 0px 0px;
}
#menu_prin .de #m2 a:link, #menu_prin .de #m2 a:visited, #menu_prin .de #m2 strong {
	background:url(/img/precios_deu.gif) no-repeat 0px 0px;
}
#menu_prin .de #m3 a:link, #menu_prin .de #m3 a:visited, #menu_prin .de #m3 strong {
	background:url(/img/contactar_deu.gif) no-repeat 0px 0px;
}
#menu_prin .de #m4 a:link, #menu_prin .de #m4 a:visited, #menu_prin .de #m4 strong {
	background:url(/img/rentacar_deu.gif) no-repeat 0px 0px;
}
#menu_prin .de #m5 a:link, #menu_prin .de #m5 a:visited, #menu_prin .de #m5 strong {
	background:url(/img/entorno_deu.gif) no-repeat 0px 0px;
}
#menu_prin .de #m6 a:link, #menu_prin .de #m6 a:visited, #menu_prin .de #m6 strong {
	background:url(/img/reservas_deu.gif) no-repeat 0px 0px;
}

#menu_prin .ca #m0 a:hover, #menu_prin .ca #m1 a:hover, #menu_prin .ca #m2 a:hover, #menu_prin .ca #m3 a:hover, #menu_prin .ca #m4 a:hover, #menu_prin .ca #m5 a:hover, #menu_prin .ca #m6 a:hover,
#menu_prin .es #m0 a:hover, #menu_prin .es #m1 a:hover, #menu_prin .es #m2 a:hover, #menu_prin .es #m3 a:hover, #menu_prin .es #m4 a:hover, #menu_prin .es #m5 a:hover, #menu_prin .es #m6 a:hover,
#menu_prin .en #m0 a:hover, #menu_prin .en #m1 a:hover, #menu_prin .en #m2 a:hover, #menu_prin .en #m3 a:hover, #menu_prin .en #m4 a:hover, #menu_prin .en #m5 a:hover, #menu_prin .en #m6 a:hover,
#menu_prin .de #m0 a:hover, #menu_prin .de #m1 a:hover, #menu_prin .de #m2 a:hover, #menu_prin .de #m3 a:hover, #menu_prin .de #m4 a:hover, #menu_prin .de #m5 a:hover, #menu_prin .de #m6 a:hover{
	background-position:0px -34px;
}

#menu_prin .ca #m0 strong, #menu_prin .ca #m1 strong, #menu_prin .ca #m2 strong, #menu_prin .ca #m3 strong, #menu_prin .ca #m4 strong, #menu_prin .ca #m5 strong, #menu_prin .ca #m6 strong,
#menu_prin .es #m0 strong, #menu_prin .es #m1 strong, #menu_prin .es #m2 strong, #menu_prin .es #m3 strong, #menu_prin .es #m4 strong, #menu_prin .es #m5 strong, #menu_prin .es #m6 strong,
#menu_prin .en #m0 strong, #menu_prin .en #m1 strong, #menu_prin .en #m2 strong, #menu_prin .en #m3 strong, #menu_prin .en #m4 strong, #menu_prin .en #m5 strong, #menu_prin .en #m6 strong,
#menu_prin .de #m0 strong, #menu_prin .de #m1 strong, #menu_prin .de #m2 strong, #menu_prin .de #m3 strong, #menu_prin .de #m4 strong, #menu_prin .de #m5 strong, #menu_prin .de #m6 strong{
	background-position:0px -34px;
	cursor:default;
}
/* content */
#content{
	background:#fff url(/img/container_bg.gif) repeat-y center;
	padding:20px 28px;
}
#main{
	float:left;
	width:570px;
}
#main h3{
	font-size:2.4em;
	font-weight:normal;
	color:#cb484b;
	text-transform:uppercase;
	font-family:times new roman, bookman old style, garamond, serif;
	background:url(/img/main_h3_bg.gif) no-repeat center bottom;
	padding:0px 0px 6px 0px;
}
#main h4{
	color:#978579;
	font-family:microsoft sans serif, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	margin:0px 0px 6px 0px;
}
#main li h4{
	margin:0px;
	padding:3px 0px 0px 0px;
}
#main p{
	font-size:0.9em;
	line-height:130%;
	padding:0px 0px 25px 0px;
	background:url(/img/main_h3_bg.gif) no-repeat center bottom;
	overflow:auto;
}
#main p.accept{
	padding:10px 0px 25px 0px;
	background:none;
}
#main li{
	font-size:0.9em;
	margin:0px 0px 5px 0px;
	border-bottom:1px dotted #ddddd4;
	padding:0px 0px 5px 20px;
	background:url(/img/li_bg.gif) 0px 3px no-repeat;
}
#main p a:link,#main p a:visited,
#main li a:link,#main li a:visited{
	color:#a80004;
	font-weight:bold;
}
#main p a:hover,
#main li a:hover{
	text-decoration:underline;
}
#main p img{
	background:#fff;
	padding:6px;
	border:1px solid #ddddd4;
	margin:0px 8px 0px 0px;
	float:left;
}
#main .main_img{
	background:#fff;
	padding:6px;
	border:1px solid #ddddd4;
	margin:0px 0px 4px 0px;
	float:none;
}

a:link img, a:visited img{
	background:#fff;
	padding:4px;
	border:1px solid #ddddd4;
	margin:0px 4px 4px 0px;
}
a:active img,a:hover img{
	border:1px solid #928b7b;
	background:#000;
}
#main table{
	width:100%;
	border-bottom:1px solid #ddddd4;
	border-collapse:collapse;
	margin:0px 0px 26px 0px;
}
#main table.form, #main table.form table{
	width:100%;
	border:none;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
#main table td{
	font-family:microsoft sans serif, helvetica, sans-serif;
	border:1px solid #edede7;
	color:#978579;
	font-size:11px;
	padding:5px;
	vertical-align:top;
}
#main table.form td{
	border:none;
	padding:2px 5px;
	margin:0px;
}
#main table .par{
	background:#edede7;
}
#main table .impar{
	background:#f8f8f4;
}
#main table th{
	font-family:microsoft sans serif, helvetica, sans-serif;
	text-transform:uppercase;
	background:#b8b7a8;
	line-height:100%;
	color:#fff;
	padding:10px;
	font-size:10px;
	border-bottom:3px solid #959487;
	border-top:1px solid #b8b7a8;
	border-left:1px solid #b8b7a8;
}
#main table.form th{
	text-transform:none;
}
#main table.form img{
	padding:0px;
	margin:0px;
	border:none;
}
#main table .text_arte{
	color:#c00;
}

/* form 
==================================================================
*/
form{
	font-size:11px;
}
label{
	width:160px;
	display:block;
	float:left;
	padding:0px 8px 4px 0px;
}
.accio label{
	display:inline;
	width:auto;
	float:none;
}
.accio{
	border-bottom:1px dotted #ddddd4;
	padding:0px 0px 6px 0px;
}
.campo{
	clear:left;
	margin:0px 0px 8px 0px;
}
input{
	width:240px;
}
form a:link img, form a:visited img, form h3{
	padding:0px;
	margin:0px;
	border:none;
	background:none;
	position:relative;
	top:4px;
}
form h3{
	padding:0px;
	margin:0px;
	border:none;
	background:none;
}
input, textarea, select{
	font-family:microsoft sans serif, arial, helvetica, sans-serif;
	border:1px solid #ddc;
	font-size:11px;
	padding:2px 4px;
	color:#5e6463;
}
select{
	padding:0px;
}
.boto{
	width:70px;
	border:1px solid #bba;
	padding:3px 6px;
	color:#5e6463;
}
textarea{
	width:100%;
	height:150px;
}
.radio, .checkbox{
	background:none;
	width:auto;
	border:none;
}
/*sidebar
=======================================================================
*/
#sidebar{
	margin:0px 0px 0px 590px;
	height:300px;
	font-family:times new roman, bookman old style, garamond, serif;
	font-size:1.1em;
}
#sidebar h3{
	color:#cb484b;
	font-weight:normal;
	font-size:1.8em;
	background:url(/img/sidebar_h3_bg.gif) repeat-x left bottom;
	margin:0px 0px 7px 0px;
}
#banners{
	margin:0px 0px 20px 0px;
}
#banners a{
	display:block;
	height:52px;
	border-bottom:1px solid #fdfdfb;
	text-indent:-10000px;
}
.tahiti a:link, .tahiti a:visited{
	background:url(/img/tahiti.gif) no-repeat 0px 0px;
}
.playamar a:link, .playamar a:visited{
	background:url(/img/playamar.gif) no-repeat 0px 0px;
}
.rocamar a:link, .rocamar a:visited{
	background:url(/img/rocamar.gif) no-repeat 0px 0px;
}
.tahiti a:hover, .playamar a:hover, .rocamar a:hover{
	background-position:0px -52px;
}

#footer{
	font-size:0.9em;
	background:#c8c7b5;
	height:50px;
	line-height:50px;
	padding:0px 28px;
}
#footer a:link,#footer a:visited{
	color:#a80004;
	font-weight:bold;
}
#footer a:hover{
	text-decoration:underline;
}



/* lightbox 2.0 
==================================================================
*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ 
	padding: 10px; 
	background:#000;
}
#imageData:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#bottomNavClose img{
	padding:0px;
	border:none;
}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	/*background-image: url(data:image/gif;base64,AAAA); */
	/* Trick IE into showing hover */ 
	display: block; 
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #000; 
	margin: 0 auto; 
	line-height: 1.4em; 
	/*overflow: show; */
	overflow: visible;
	width: 100%	; 
}

#imageData{	padding:0 10px; color: #ddd; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left:0px;z-index: 90; width: 100%; height: 500px; }


/* form pago */

form#formPago fieldset{
	padding:0px;
	margin:0px;
	border:none;	
}
form#formPago fieldset legend {
	display: none;	
}

form#formPago fieldset label {
	width:110px;	
}
form#formPago fieldset input {
	width:385px;	
}
form#formPago fieldset input.boto, 
form#formPago fieldset input#imp{
	width:70px;	
}
/* fi form pago */