/* CSS Document */

*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
/* end Reset */

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.block{ clear:both; float:left; width:100%;}

a{ text-decoration:none; color:#fff; }
a:hover{text-decoration:underline;}


body{
	background:#414142;
	color:#fff;
	font:13px Georgia, "Times New Roman", Times, serif;
}


#wrapper{ margin:0 auto; width:792px; width:894px;}


#bgTop,
#bgBot,
#container,
#top,
#menu,
#idiomas,
#content,
#footer{clear:both; float:left; width:100%;}

#bgTop{ background:url(images/bg-top.gif) no-repeat; height:22px;}
#bgBot{ background:url(images/bg-bot.gif) no-repeat; height:17px;}
#container{
	background:url(images/bg-mid.gif) repeat-y;
	width:792px;
	padding:15px 51px;


}


#top{ height:164px;}
#top img{ height:94px;}

#top h1 a{
	background:url(images/logo.gif) no-repeat;
	display:block;
	height:54px;
	margin-bottom:15px;
	text-indent:-9999px;
	width:792px;
	overflow:hidden;

}

#menu{
	background:url(images/menu.gif) repeat-x;
	border:3px solid #982d28;
	height:34px;
	margin-top:10px;

	width:785px;
}
	#menu ul li{
		float:left;
		display:inline;
	}
	#menu ul li span{float:left; display:inline; padding:8px 6px 0 6px; color:#c3957b;}
	#menu ul li a{
		float:left; display:inline;
		height:25px;
		padding:9px 26px 0 26px;
	}
	#menu ul li a.activo,
	#menu ul li a:hover{
		background:url(images/menu-over.gif) repeat-x;
		text-decoration:none;
	}


#idiomas{
	padding:12px 0 20px 0;
	text-align:right;
	}
	#idiomas ul li{
		display:inline;
	}


#content{
	background:url(images/line.gif) repeat-y 586px top;
	position:relative;


}


#sLeft{
	float:left; display:inline;
	width:564px;
	padding-bottom:55px;
}

h2,h3{
	color:#efd7bd;
	font-size:18px;
	margin-bottom:10px;
}
h3{ font-size:16px;}


#sRight{
	
	height:400px;
	float:right; display:inline;
	width:180px;

}

	#sRight div{
	background:#fff;
	height:95px;
	float:right; 
	width:168px;
	margin:3px 5px;

}


/* Habitaciones */
.habitaciones #sLeft .left{
	width:295px;
}
.habitaciones #sLeft .left p{ margin-bottom:10px;}
.habitaciones #sLeft .left ul li{ padding:2px 0;}
.habitaciones #sLeft .left  strong{ color:#efd6bd;}
.habitaciones #sLeft .right{
	border:4px solid #9e592c;
	width:228px;
}

/* Servicios */
.servicios #sLeft .left{ width:360px;}
.servicios #sLeft .right{ width:170px;}
.servicios #sLeft ul li{ padding:3px 0;}
.servicios #sLeft .right ul li{ padding:6px 0;}


#servImages img{ margin-top:20px;}
#servImages img.margins{ margin:20px 20px 0 20px; }


/* Contacto */
form table{ margin-top:15px; margin-left:20px;}
form table td,
form table th{
	font-weight:normal;
	text-align:right;
	padding:6px 10px;
	vertical-align:top;
}
form table th{ padding-top:10px;}

form input,
form textarea{
	color:#fff;
	background:#5a1400;
	border:1px solid #cca388; border-top:1px solid #fff;
	
	font:12px Georgia, "Times New Roman", Times, serif;
	padding:3px 3px; 
	width:245px;  
}
form label{display:block;}
form textarea{ height:100px; overflow:auto; }

form table td.checks{ text-align:left;}
form table td.checks input{ width:40px; text-align:right;}

form input.btn{
	background:url(images/btn-submit.gif) no-repeat;
	border:0;
	color:#5a1400;
	padding:0;
	cursor:pointer;
	height:20px;
	width:58px; 
}

form input.btn:hover{ color:#000; text-decoration:underline;}

label.error{ font-size:11px; color:red; padding-top:2px;}





#footer{
	position:absolute;
	bottom:-71px; left:26px;
	border-top:1px solid #1c1614;
	color:#ddd7c0;
	font-size:11px;
	padding:15px 0 0 0;
	margin-top:15px;
	text-align:center;
	width:564px;
}

#video{width:520px; height:270px; margin:20px 0;}




/*--------festivales--------*/

.festivales{width:550px; height:auto; float:left; margin:10px; font-family:Arial, Helvetica, sans-serif; border-bottom:#ff9900 solid 1px;}
.festivales .foto_fest{width:130px; height:100px; float:left;}
.festivales h1{width:380px; font-size:20px; color:#FFF; float:left; margin:5px; color:#FF9900;}
.festivales h2{width:380px; font-size:14px; color:#FFF; float:left;margin:0px 0 5px 15px;}
.festivales a{width:auto; font-size:14px; color:#FFF; clear:both; float:right; margin:10px;}
.festivales a:hover{ text-decoration:none; color:#ff9900;}