@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-repeat: repeat;
	background-position: top;
	background-color: #999999;
	background-image: url(img/logo_harley2.jpg);
}
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003333;
	font-weight: bold;
}
a:hover {
	color: #009999;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #CC3300;
	font-size: 15px;
	line-height: 14px;
	padding: 5px 0px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	font-size: 12px;
}



p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003333;
}
#container  {
	width: 1000px;
	margin: auto;
} 
#logo {
	position: absolute;
	visibility: visible;
	float: left;
}
#logo a {
	color: #FFFFFF;
}
#logo a:hover {
	color: #FFFFFF;
}
	
/* HEADER: =header
----------------------------------------------- */
	#header {
	text-align: left;
	float: left;
	width: 1000px;
	padding: 20px 0px 10px 0px;
	background-color: #FFFFFF;
	background-image: url(images/bg_content.jpg);
}


#header  h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header2 {
	text-align: left;
	float: left;
	width: 1000px;
	height: 350px;
	padding: 0px 0px 0px 0px;
}
#header2 a {
	color: #FFCC00;

}
#header2 a:hover {
	color: #00B3E7;
}
#sub_header {
	text-align: left;
	float: left;
	width: 1000px;
	background-color: #FF6600;
	padding: 0px 0px 0px 0px;
}

#menu {
	text-align: left;
	float: left;
	height: 25px;
	background-color: #336600;
	padding: 0px 15px;
	width: 970px;
	vertical-align: top;
	border-bottom: 6px solid #BDB814;
}
	#signin {
	float: right;
	width: auto;
	background-color: #0066CC;
	margin: 0;
	padding: 0px 15px;
}
#signin p {



}


#sidebar1  {
	padding: 5px 10px;
	width: 239px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
	background-image: url(images/post.jpg);
	background-repeat: no-repeat;
}


#mainContent  {
	background-position: bottom;
	width: 1000px;

} 

	#splash {
	width: 100%;
	height: 198px;
	background-image: url(../images/HEADER.jpg);
}
#footer  p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
}

/* LAYOUT: =layout
----------------------------------------------- */
	#wrapper-outer {
	float: left;
	width: 100%;
	padding: 0 0 1px 0;
}
#terreno {
	width: 900px;


}
#footer  {
	padding: 10px 10px 0 20px;
	float: left;
	background-color: #000000;
	background-position: bottom;
	width: 970px;
} 

	#footer .nav {
	float: right;
	padding-left: 40px;
}
#footer .nav1 {
	float: left;
	color: #FFFFFF;
}
blockquote {
	padding-left: 18px;
}

#tabla {
	width: 680px;
	float: none;
	margin: 0;

}

#columna {
	padding: 35px 10px 10px;
	background-repeat: no-repeat;
	width: 175px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #054621;
	background-color: #FFFFFF;
}
#columna_ {
	padding: 10px 5px;
	background-repeat: no-repeat;
	width: 160px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	background-image: url(images/gota1.jpg);
	background-position: right top;
}
#columna1 {
	padding: 10px 10px 0px 10px;
	background-repeat: no-repeat;
	width: 510px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #C3C218;
}


#columna2 {
	padding: 5px 15px;
	background-color: #E8F8FF;
	background-repeat: repeat-x;
	width: 670px;
	float: left;
	position: relative;
	height: 130px;
	background-image: url(../images/1.jpg);
}
#columna3 {
	background-repeat: no-repeat;
	width: 250px;
	float: left;
	position: relative;
	padding: 35px 10px 20PX;
	border-bottom: 0px solid #C3C218;
	height: auto;
	background-color: #FFFFFF;
}
#columna4 {
	background-repeat: no-repeat;
	width: 250px;
	float: right;
	position: relative;
	padding: 35px 10px 20PX;
	border-bottom: 0px solid #C3C218;
	height: auto;
}

#columna_index {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
}
#sub_columna1 {
	padding: 30px 10px 0px 20px;
	width: 700px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
}

#sub_columna_int {
	padding: 10px 5px;
	background-repeat: no-repeat;
	width: 340px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 1px solid #054621;
	background-position: right top;
}
li {
	text-decoration: none;
	padding-left: 18px;
}

#columna_cont {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
}
#columna_cont2 {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #0099CC;
	background-image: url(_turismo/kayak_b.jpg);
	background-position: 420px;
}
#columna_cont_gastro {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	background-image: url(_gastronomia/g_1.jpg);
	background-position: 0px bottom;
	background-repeat: repeat-x;
}

#columna_cont_turismo {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	background-image: url(_turismo/kayak_b.jpg);
	background-position: 420px 300px;
	background-repeat: repeat-x;
}
#columna_cont_empresa {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	background-image: url(galeria/eve/eve_4.jpg);
	background-position: 420px bottom;
	background-repeat: repeat-x;
}
#columna_cont_aloja {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	background-image: url(_alojamiento/Hotel_con_Piscina.jpg);
	background-position: -50px bottom;
	background-repeat: repeat-x;
}

#columna_cont_eve {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	background-image: url(galeria/eve/eve_8.jpg);
	background-position: 420px bottom;
	background-repeat: repeat-x;
}

#columna_cont_promo {
	padding: 0px 0px 0px 0px;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFED5;
	background-image: url(_turismo/kayak_b.jpg);
	background-position: 420px;
	background-repeat: repeat-x;
}



#columna_programas {
	padding: 30px 10px 0px 10px;
	background-repeat: repeat-y;
	width: 370px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
}
#columna_3 {
	padding: 30px 30px 0px 20px;
	background-repeat: repeat-x;
	width: 350px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-image: url(_turismo/taco_.jpg);
}
#columna2_programas {
	padding: 50px 20px 50px 20px;
	background-repeat: repeat-x;
	width: 530px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	background-position: right top;
}




#columna_int {
	padding: 5px 5px;
	background-repeat: no-repeat;
	width: 240px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	background-image: url(images/gota1.jpg);
	background-position: right top;
}
#columna_int1 {
	background-color: #FFFFFF;
	opacity: .7;

	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	opacity: 0.7;
	padding: 20px;
}

#columna_int2 {
	padding: 5px 5px;
	background-repeat: no-repeat;
	width: 230px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	background-color: #FFFFFF;
}
#columna_int3
 {
	padding: 20px;
	width: 300px;
	float: left;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
}
#columna_int4 {
	padding: 31px;
	background-repeat: no-repeat;
	width: 638px;
	float: left;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
}
#columna_full {
	padding: 10px 0px 0px 0px;
	background-repeat: no-repeat;
	width: 1000px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	text-align: center;
}
#columna_full2 {
	padding: 10PX 50px;
	background-repeat: no-repeat;
	width: 900px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	text-align: center;
}
#columna_full3 {
	padding: 20px;
	background-repeat: no-repeat;
	width: 640px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #C3C218;
	background-color: #FFFFFF;
	text-align: center;
}

#columna_dr {
	padding: 10px 5px;
	background-repeat: no-repeat;
	width: 220px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	background-image: url(images/gota1.jpg);
	background-position: right top;
}
#columna_intx2 {
	background-repeat: no-repeat;
	float: right;
	position: absolute;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	opacity:100;
	height: 350px;
	padding: 0px 0px 0px 0px;
	width: 400px;
	left: 589px;
	top: 48px;
}
#columna_promo {
	padding: 8px 6px;
	width: 115px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	background-image: url(images/bg_content.jpg);
}
#columna_opacidad3 {
	background-repeat: no-repeat;
	position: absolute;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	opacity:.9;















/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	width: 400px;
	height: -137px;
	top: 10px;
}
#columnab {
	padding: 60px 15px 0PX;
	background-repeat: no-repeat;
	width: 140px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #054621;
}



#hor {
	background-repeat: no-repeat;
	width: 1000px;
	float: left;
	position: relative;
	border-bottom: 20px solid #000000;
	background-color: #FFFFFF;
}
#footer2 {
	position: relative;
	width: 900px;
	margin: 0;
	float: left;
	border-bottom: 5px solid #000000;
}
#menu a {
	color: #FFFFFF;

}
#menu a:hover {
	color: #FFFFFF;
	background-color: #064621;
}
#menu1 {
	text-align: left;
	float: left;
	height: 20px;
	background-color: #FF3300;
	padding: 5px 5px 0PX 5PX;
	width: 250px;
	vertical-align: top;
}
#menu2 {
	text-align: left;
	float: left;
	height: 20px;
	background-color: #FF3300;
	padding: 5px 5px 0PX 5PX;
	width: 460px;
	vertical-align: middle;
}
#menu3 {
	text-align: center;
	float: left;
	height: 20px;
	background-color: #FF3300;
	padding: 5px 5px 0PX 5PX;
	width: 260px;
	vertical-align: top;
}
#menu1  a, #menu2  a   {
	color: #FFFFFF;
}

#menu3 a {
	color: #003300;
}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover {
	color: #009900;
	background-color: #FFFFFF;
}
#intro {
	padding: 15px 15px;
	width: 220px;
	float: left;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	background-color: #FFFFFF;
	background-image: url(images/bg_content_txt.jpg);
}


#sidebar3 {
	width: 900px;
	float: left;
	position: relative;
}

.twoColFixRtHdr #header2 {

}

#signin  a {
	color: #FFFFFF;

}
#signin a:hover {
	color: #003333;
	background-color: #FFFFFF;
}

#subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#columna_intx {
	background-repeat: no-repeat;
	float: right;
	position: relative;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	opacity:.2;
	background-color: #006699;
	height: 290px;







	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	width: 210px;
	padding: 30px;
}
#blockquote {

}

#columna_opacidad2 {
	padding: 30px 0px 0px 150px;
	background-repeat: no-repeat;
	position: absolute;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #054621;
	opacity:.9;















/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	width: 221px;
	height: -137px;
	top: 230px;
}

#calendario {
	background-repeat: no-repeat;
	width: 100px;
	background-image: url(images/icon/blog-calendar.gif);
	background-position: right top;
	height: 100px;
	float: left;
}
#txt


 {
	background-repeat: no-repeat;
	float: left;
	width: 200px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.box{
background: #fff;
}
.boxholder{
	clear: both;
	padding: 5px;
	width: 500px;
	float: right;
}


.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
#banner {
	position: absolute;
	visibility: visible;
	width: 265px;
	height: 305px;
	left: 802px;
	top: 50px;
}
#header p {
	font-size: 12px;

}
#columna_img {
	width: 700px;
}
#sub_header_tarifa {
	text-align: left;
	float: left;
	width: 1000px;
	height: 498px;
	background-color: #694D26;
	padding: 0px 0px 0px 0px;
}
#columna_int_left {
	background-color: #FFFFFF;
	opacity: .7;










	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=80);
	opacity: 0.8;
	padding: 20px;
	height: auto;
}
#footer .tw {
	color: #FFFFFF;
	position: inherit;
	float: left;
}