/*
CSS Credit: http://www.templatemo.com/
*/
  
body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #241c1a;
	background: #d1d1d1;

}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
} 

a:active, a:hover {
	color: #750000;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;

}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #ffdf47;

}



#templatemo_container {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_cafeteria.jpg);
	background-repeat: no-repeat;
}

#templatemo_container_hostal {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_hostal.jpg);
	background-repeat: no-repeat;
}

#templatemo_container_cafeteria {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_cafeteria.jpg);
	background-repeat: no-repeat;
}

#templatemo_container_restaurante {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_comedor.jpg);
	background-repeat: no-repeat;
}
#templatemo_container_alojamiento {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_habitaciones.jpg);
	background-repeat: no-repeat;
}

#templatemo_container_servicios {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_servicios.jpg);
	background-repeat: no-repeat;
} 
 
#templatemo_container_entorno {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_entorno.jpg);
	background-repeat: no-repeat;
}
#templatemo_container_contacto {
	width: 950px;
	margin: auto;
	background-image: url(images/fondo_contacta.jpg);
	background-repeat: no-repeat;
}

#templatemo_top_section {
	float: left;
	width: 920px;
	height: 40px;
	color: #000;
	margin-top: 27px;
	margin-left: 29px;

}

#templatemo_top_left{ 

	float: left;

	width: 338px;

	height: 230px;

	background: url(images/templatemo_top_photo.jpg) no-repeat;

}

#templatemo_top_mid {

	float: left;

	width: 429px;

	height: 230px;

}

#templatemo_top_title {

	float: left;

	width: 354px;

	padding:40px 0px 0px 20px;;

	font-weight: bold;

	font-size: 24px;

	line-height: 1.6em;

}

.templatemo_topmenu{
	float: left;
	width: 420px;
	margin-top: 10px;

}



.templatemo_topmenu ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}



.templatemo_topmenu li {

	display: inline;

}



.templatemo_topmenu li a {
	
	font-size: 11px;

	color: #fff;

	width: 80px;

	height: 30px;

	margin-left: 12px;

	padding: 0px 0px 0px 15px;

	background: url(images/templatemo_bullet.png) no-repeat;

	background-position: left;

}


.templatemo_topmenu li a:hover {
	color: #000;
}

#templatemo_login_left {

	float: left;

	width: 200px;

	height: 50px;

	margin: 20px 0px 0px 30px;

	font-size: 18px;

	font-weight: bold;

	color: #782311;

	padding-top: 30px;

	background: url(images/templatemo_login_arrow.jpg) no-repeat;

	background-position: right;

}

#templatemo_login_right {

	float: right;

	width: 180px;

	margin: 25px 0px 0px 0px;

	color: #8c2914;

}

#templatemo_top_right {

	float: right;

	width: 76px;

	height: 230px;

	background: url(images/templatemo_top_right.jpg) no-repeat;

}

#templatemo_left_section {
	float: left;
	width: 280px;

}

.templatemo_leftmenu {
	width: 280px;
	margin: 0px;
	height: 330px;

}

.templatemo_leftmenu ul {

	list-style-type: none;

	margin: 0px;

	padding: 20px 0px 0px 40px;

}

.templatemo_leftmenu li a {

	display: block;

	height: 25px;

	font-size: 11px;

	color: #fff;

	background: url(images/templatemo_bullet.png) no-repeat;

	padding-left: 20px;

	font-weight: bold;

	background-position: left;

	text-decoration: underline;

}

.templatemo_leftmenu li a:hover ,.templatemo_leftmenu li .current{

	background: url(images/templatemo_current.png) no-repeat;

	background-position: left;

	text-decoration: underline;

	color:#CCCCCC;

}



#templatemo_news {

	float: left;

	padding-left: 40px;

	width: 170px;

	text-align: justify;

	color: #fff;

}

#templatemo_contact {
	float: left;
	padding-left: 35px;
	width: 240px;
	color: #900;

}
#templatemo_contact1 {
	float: left;
	padding-left: 15px;
	width: 620px;
	color: #5E0000;
	margin-top: 10px;
	height: 270px;
	text-align: justify;

}
#templatemo_contact2 {
	float: left;
	padding-left: 15px;
	width: 360px;
	color: #000;
	margin-top: 5px;
	height: 270px;
	text-align: justify;
	padding-right: 10px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 10px;

}

#templatemo_contact3 {
	float: left;
	padding-left: 20px;
	width: 240px;
	color: #900;
	margin-top: 17px;
	height: 270px;
	text-align: justify;
}

#templatemo_right_section {
	float: left;
	width: 650px;
	padding: 20px 10px 10x 20px;
	height: 330px;

}

#templatemo_right_bot {	

	float: left;

	width: 470px;

}

#templatemo_footer {
	clear: both;
	width: 950px;
	height: 41px;
	font-weight: bold;
	color: #FFFFFF;

}

#username {

	width: 100px;

	font-size: 10px;

	margin: 10px 0px 0px 5px;

}



#password {

	width: 100px;

	font-size: 10px;

	margin: 3px 0px 0px 10px;

}

#login {

	font-size: 10px;

	font-weight: bold;

	height: 20px;

	background: #9e5846;

	border: 1px solid #8e4d3d;

	color: #FFFFFF;

	margin: 3px 0px 0px 67px;

}

.border {

	float: left;

	border-top: solid 1px #836b68;

	margin-top: 20px;

	margin-left: 40px;

	width: 170px;

}

.templatemo_product {

	float: left;

	width: 455px;

	height: 105px;

	padding: 10px;

	background: url(images/templatemo_products.jpg) no-repeat;

}

.templatemo_product img {

	float: left;

	padding-right: 10px;

}
.foto-izquierda {
	text-align: left;
	padding-right:23px;
	float: left;

}

.foto-derecha {
	text-align: right;
	padding-left:23px;
	float: right;
}
.oferta {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px; 
	color: #030;
	line-height: 12px;
}