@charset "utf-8";
body {
	margin: 0 auto;
	width:1020px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(bg2.jpg);
}.top {
	float: left;
	height: 132px;
	width: 1020px;
	position: relative;
	
}
.foto_big {
	float: left;
	height: 522px;
	width: 1020px;
	position: relative;
	top: 40px;

}


.foto_intro {
	background-image: url(bg_intro.jpg);
}

.foto_hotel {
	background-image: url(bg_hotel.jpg);
}

.foto_restaurant {
	background-image: url(bg_restaurant.jpg);
}

.foto_development {
	background-image: url(bg_development.jpg);
}

.foto_herradura {
	background-image: url(bg_herradura.jpg);
}

.foto_contact {
	background-image: url(bg_contact.jpg);
}

.foto_gallery {
	background-image: url(bg_gallery.jpg);
}


.left {
	float: left;
	height: 522px;
	width: 280px;
	position: relative;
}
.menu {
	float: left;
	height: 400px;
	width: 180px;
	position: relative;
}
.menu_button {
	float: right;
	height: 30px;
	width: 180px;
	position: relative;
}

.title {
	float: left;
	height: 30px;
	position: relative;
	width: 180px;
}

.color1 { background-color: #869901; }
.color2 { background-color: #b3282f; }
.color3 { background-color: #e55d0f; }
.color4 { background-color: #f3ab01; }
.color5 { background-color: #00adef; }
.color6 { background-color: #004a80; }

.color7 { background-color: #9e005d; }
.color8 { background-color: #662d91; }


.menu_button_txt {
	float: left;
	height: 14px;
	width: 155px;
	position: relative;
	left: 8px;
	top: 8px;
	font-size: 12px;
	font-weight: bold;
}

.title_txt {
	float: left;
	height: 14px;
	position: relative;
	left: 8px;
	top: 8px;
	font-size: 12px;
	font-weight: bold;
}


.menu_button_txt a:link, .menu_button_txt a:visited {

	width: none;
	color: #FFF;
	text-decoration: none;
}


.menu_button_txt a:hover {
	color: #FFF;
	text-decoration: underline;
	left: 3px;
	float: left;
	position: relative;
}





.main {
	float: left;
	width: 1020px;
	position: relative;
}
.pdf {
	float: right;
	height: 19px;
	width: 19px;
	position: relative;
	top: 5px;
	right: 5px;
}
.arrange {
	float: left;
	height: 60px;
	width: 272px;
	position: relative;
	top: 62px;
	background-color: #ed1c24;
}
.arrange_txt {
	width: 211px;
	float: right;
	height: 50px;
	position: relative;
	padding: 5px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
.arrange_txt_small {
	font-size: 10px;
	font-weight: normal;
	float: left;
	position: relative;
	color: #FFF;
}

.arrange_txt_small a:link, .arrange_txt_small a:visited {


	color: #fff;
	text-decoration: underline;
}


.arrange_txt_small a:hover {
	color: #330305;
	text-decoration: underline;

}



.arrange_foto {
	float: left;
	height: 60px;
	width: 51px;
	position: relative;
	background-image: url(arrange_foto.jpg);
}
.right {
	float: right;
	height: 522px;
	width: 400px;
	position: relative;
	background-image: url(bg_black.png);
	background-repeat: repeat;
	color: #FFF;
}

.right_txt {
	float: left;
	position: relative;
	width: 380px;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.footer {
	float: left;
	height: 30px;
	width: 1020px;
	position: relative;
	top: 40px;
}
.right_txt2 {
	float: left;
	position: relative;
	width: 380px;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.middle {
	float: left;
	position: relative;
	width: 280px;
	background-image: url(bg_black.png);
	color: #FFF;
}
.middle_txt {
	float: left;
	position: relative;
	width: 280px;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.form {
	float: left;
	width: 370px;
	position: relative;
	top: 10px;
	bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.form_left {
	float: left;
	width: 140px;
	position: relative;
	font-size: 16px;
	text-align: right;
}
.form_field {
	font-size: 18px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #004A80;
}
.form_right {
	float: right;
	width: 210px;
	position: relative;
}



ul.contact_button {
	height: 24px;
	width: 57px;
	margin: 0;
	position: relative;
	float: right;
	right: 30px;

}




ul.contact_button li {
	height: 24px;
	width: 57px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #f80a08;
}


ul.contact_button a:link, ul.contact_button a:visited {
	height: 24px;
	width: 57px;
	display: block;
	text-decoration: none;
	color: #000;

}

ul.contact_button a:hover {
	height: 24px;
	width: 57px;
	background-color: #70726f;
}


.contact_button h1
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	float: left;
	width: 40px;
	position: relative;
	left: 10px;
	top: 5px;
	height: 15px;
}
.right_gallery {
	float: right;
	height: 522px;
	width: 350px;
	position: relative;
	background-image: url(bg_black.png);
	background-repeat: repeat;
	color: #FFF;
}



#tabs {
	font-size:1.038em;
	float:left;
	line-height:normal;
	position: relative;

	top: 0px;
	width: 320px;
}
#tabs ul {
	list-style:none;
	float:left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
	
}	
#tabs li {
	display:inline;
	height: 102px;
	width: 130px;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
	margin: 6px;
}.gallery_foto {
	float: left;
	height: 92px;
	width: 120px;
	position: relative;
	left: 5px;
	top: 5px;
}
.middle_gallery {
	float: left;
	height: 522px;
	width: 350px;
	position: relative;
	background-image: url(bg_black.png);
	background-repeat: repeat;
	color: #FFF;
	left: 10px;
}