
body {
	padding:0px;
	margin:0px;
	background-color:#7B0000;
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}

img {
	border:none;
}
/*------------HEAD---------------*/
#contenedor{
	margin:5px auto;
}
#head{
	background:url(../img/head.jpg) bottom right no-repeat;
	width:1024px;
	height:183px;
	margin:0px auto;
}

h1 {
	width:240px;
	height:81px;
	float:right;
	margin:81px 100px 0 0;
	padding:0px;
}

#menu  {
	font: bold 70% Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	width:1024px;
	height:17px;
	float:right;
	text-align:right;	
}

#menu ul{
	margin:0px;
	padding: 3px 115px 0 0;
}

#menu li {
	list-style-type:none;
	display:inline;
	padding:0px 10px; 
}

a {
	color:#000;
	text-decoration:none; 
}

a:hover {
	color:#FF6A6A;
}

/*a:link {
	color:#000;
	text-decoration:none;
}

a:active {
	color:#FF6A6A;
}
a:visited {
	color:#000;
}
*/
.activo{
	color:#FF6A6A;
}
/*----------------CONTENIDO---------------------*/

#contenido{
	background:url(../img/contenido.jpg) top right no-repeat;
	width:1024px;
	height:400px;
	margin:0px auto;
}

#col_index {
	background:url(../img/fondo_index.jpg) top right no-repeat;
	width:800px;
	height:402px;
	padding:0px;
	margin: 0px 0px 0px 124px;
}

#col_index p {
	font:bold 95% Tahoma, Arial, Helvetica, sans-serif;
	color:#E86060;
	padding-left:100px;
}

#cajafotos {
	width:307px;
	height:307px;
	margin-left:70px;
	padding:30px 0 0 32px;
}

#txt_decha {
	width:250px;
	height:200px;
	margin:40px 80px 0 0;
	float:right;
}

#txt_decha_sitios{
	width:280px;
	min-height:200px;
	margin:0px 50px 0 0;
	float:right;
}

#txt_decha p, #txt_decha_sitios p{
	font:80% Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6A6A;
	text-align:justify;
}

#mapa {
	width:400px;
	height:300px;
	margin:60px 0 0 30px;
	float:left;
	border: 2px solid #000;
}

#columna {
	width:776px;
	height:402px;
	padding:0px;
	margin: 0px 0px 0px 150px;
}

#hostal {
	background:url(../img/fondo_hostal.jpg) top left no-repeat;
	width:446px;
	height:393px;
	float:left;
}

#sitios {
	background:url(../img/fondo_sitios.jpg) top left no-repeat;
	width:446px;
	height:393px;
	float:left;
}

h2{
	font: bold 90% Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	text-decoration:underline;
	margin:0px;
	padding:25px 0 20px 90px;
}

h3{
	font: bold 70% Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}

/*-- Galeria --*/


.col-galeria {
	float:left;
	width:400px;
	padding:4px;
}
#loadarea {
	width:400px;
	margin:50px 0 10px 0;
	border:4px solid #000;
}

.foto_peq {
	width:400px;
	height:50px;
	margin:0 auto 2px auto;
}

.foto_peq ul{
	text-align:center;
	margin:0px;
	padding:0px;
}
.foto_peq li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display: inline;
}
.foto_peq img {
	width:45px;
	height:25px;
	margin:0 0 2px 3px;
	border:2px solid #000;
}



/*--------------AVISO-----------------*/
#aviso {
	overflow:auto;
	width:620px;
	height:340px;
	margin-left:90px;
}

#aviso p {
	font: 90% Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6A6A;
	text-align:left;
}

#aviso ol{
	font: 90% Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6A6A;
	text-align:left;
}



/*----------------PIE---------------------*/

#pie{
	background:url(../img/pie.jpg) top right no-repeat;
	width:1024px;
	height:150px;
	margin:0px auto;
	padding:0px;
} 

#pie p {
	font: normal 80% Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	padding:8px 0 0 130px;
	margin:0px;
}

#pie p a{
	font: normal 80% Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}


#pie p a:hover{
	color:#FF6A6A;
}

#pie a:link{
	color:#000;
}

#pie p a:active {
	color:#FF6A6A;
}


/* -------------------------------
--------- Xfade para la HOME-----*/

#imageContainer {
	position:relative;
	margin:0px auto;
	width:307px;
	height:307px;
	background: url(../img/loading.gif) center no-repeat;
}

#imageContainer img {
	display: none;
	opacity: 0.1;
}

.clear {
	clear: both;
}