body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #58722b; color: #444; }
a {COLOR: #000000; text-decoration: none; font-size:13px;}
a:visited {COLOR: #000000; text-decoration: none;}
a:hover {COLOR: #58722b; text-decoration:underline; font-size:14px;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; color:#58722b}
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(images/bg2.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 0px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }

 


#header {
background:  url(images/header4.jpg)  no-repeat;
height: 273px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #eee;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#wrap { padding: 10px 10px 3px 10px; width: 950px; margin:20px auto; background: #fff;}
#left { float:left; width:190px; background: #bfd474; margin-bottom: 5px; margin-top: 20px;}
#left ul { padding: 5px 10px 10px 10px; margin-top:0px; }
#right { margin-bottom: 5px; float: right; width:730px; padding: 0 10px 10px 15px; margin-top: 5px;}	
#footer { font-size: 14px; text-align:left; border-top: 0px solid #ccc; padding: 10px 5px; }
#right2 { margin-bottom: 5px; float: right; width:740px; padding: 0 10px 10px 10px; margin-top: 5px;}
#fotos { margin-bottom: 5px; float: right; width:740px; height:500px; padding: 0 10px 10px 10px; margin-top: 5px;}

.contacto{color: #444;  font-size: 12px; margin-left:10px; margin-right:30px; text-align::left; font-family:Arial; font-size:12px; background-image:url(images/contacto.jpg); background-repeat:no-repeat; background-position:right;}
.alojamiento{color: #444;  font-size: 12px; margin-left:20px; margin-right:32px; text-align:left; font-family:Arial; font-size:12px;}
.alojamiento2{ background-image:url(images/casa2.jpg); background-repeat:no-repeat; background-position:right;}
.paseos{color: #444;  font-size: 12px; margin-left:0px; margin-right:30px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.otros_servicios{color: #444;  font-size: 12px; margin-left:0px; margin-right:10px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(images/caballo.jpg); background-position:right; background-repeat:no-repeat;}
.mapa{background-image:url(images/mapa.jpg); background-position:center; background-repeat:no-repeat;}
.texto_inicio{color: #444;  margin-left:80px; margin-right:80px; text-align:center; font-family:"Californian FB" ;font-size:20px; font-style: italic; }
.texto_inicio2{color: #444;    margin-left:50px; margin-right:25px; text-align:right; font-family:"Californian FB" ;font-size:22px; font-style: italic; }
.rutas{color: #444;  font-size: 12px; margin-left:40px; margin-right:30px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.t_paseos{color: #444;  font-size: 12px; margin-left:0px; margin-right:60px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.excursiones{color: #444;  font-size: 12px; margin-left:0px; margin-right:30px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.caballos{color: #444;  font-size: 12px; margin-left:0px; margin-right:5px; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
.imagenes{color: #444;  font-size: 12px; margin-left:0px; margin-right:5px; text-align:justify; font-family:Arial, Helvetica, sans-serif;}










/*GALERIA DE IMAGENES Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 110px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*Diseņo de tablas */


 		table {
			font: 12px verdana,verdana, arial;
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			border-color:#33CC33;
			text-align: left;
			color: #333;
			line-height: 19px;
			width:600px;
		}
		
		caption {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: left;
			text-transform: uppercase;
		}
		
		td {
			margin: 0;
			padding: 10px 10px;
			border: 1px dotted #f5f5f5;
			border-color:#33CC33;
		}
		
		
		th {
			font-weight: normal;
			text-transform: uppercase;
		}
		
		thead tr th {
			background-color: #575757;
			padding:  20px 10px;
			color: #fff;
			font-weight: bold;
			border-right: 2px solid #333;
			text-transform: uppercase;
			text-align:center;
		}
		
		tfoot tr th, tfoot tr td {
			background-color: transparent;
			padding:  20px 10px;
			color: #ccc;
			border-top: 1px solid #ccc;
		}
		
		tbody tr th {
			padding: 20px 10px;
			border-bottom: 1px dotted #fafafa;
		}
		
		tr { 
			background-color: #FBFDF6;
		}
		tr.odd {
			background-color: #EDF7DC;
		}