/* Hoja de estilos para senderosorianos.es */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, em, font, img, q, s, dl, dt, dd, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { 
	font: 15px Georgia,Geneva;
	color: black;
	background-color: #94aed3;
	background-image: url('../imagen/fondo_roquedo2.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
}

h1{ font-size: 1.9em; }
	
h2{ 
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	color: #005d00;
}

h3{ 
	font-size: 1.2em; 
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	color: #005d00;
}

h4{ 
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1.1em; 
	font-weight: normal;
	color: #005d00;
}

h5{ 
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1.05em; 
	font-weight: normal;
	color: #005d00;
}

ul{ list-style-type: none; }

iframe{
	padding: 5px;
	width: 400px;
	height: 480px;
	border: 1px solid #005d00;
}

a:link{
	text-decoration: none;
	color: #277fd7;
}

a:visited{
	text-decoration: none;
	color: #277fd7;/*#4778fc;*/
}

a:hover, a:active{
	text-decoration: none;
	color: #29dce0;
}  
 
/* Estilos para los contenedores principales */
#base{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	/*border: 1px solid #005d00;*/
}

#cabecera{
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
}

#contenido{
	margin: 0 0 0 220px;
	padding: 0;
	/*border: 1px solid #005d00;*/
}
#menu{
	float: left;
	margin: 45px 0;
	width: 190px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #005d00;
	border-bottom: 1px solid #005d00;
}
#pie{
	clear: both;
	margin: 0;
	padding: 10px 0 60px 0;
	text-align: center;
	font-weight: bold;
	/*border: 1px solid #005d00;*/
}

/* Resto de estilos */

/*---CABECERA---*/

.logo{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 10px;
	top: 5px;
	z-index: 2;
}

.buitre{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 800px;
	top: 0;
	z-index: 2;
}
.ratonero{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 550px;
	top: 10px;
	z-index: 2;
}

.halcon{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 400px;
	top: 10px;
	z-index: 2;
}

.lemaenCielo{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 300px;
	top: 20px;
	z-index: 1;
}

#lema{
	padding: 100px 0 0 150px;
	background-image: url('../imagen/fondo.png');
	background-repeat: repeat-y;
	background-position: center top;
}

#lema h2{
	padding: 10px 10px 10px 40px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #005d00;
	background-color: #94aed3;
	border-top: 1px solid #005d00;
	border-bottom: 1px solid #005d00;
}

/*---MENU a la IZQUIERDA---*/

#enlacesMenu ul{
	list-style-type: none;
	padding: 10px 0;
}

#enlacesMenu li{
	padding: 5px;
	font-weight: bold;
	font-style: italic;
	color: #6f829e;
}

/*---CONTENIDO---*/

ul#menuHoriz{
	margin: 0;
	padding: 9px 0 7px 10px;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	border-bottom: 1px solid #005d00;
}

ul#menuHoriz li{
	display: inline;
	margin-left: 25px;
	padding: 5px 0;
	color: #6d95fc;
}

#menuHoriz h3{ display: inline; }

div.carrusel{
	margin: 0;
	padding: 0;
}

.carrusel ul{
	margin: 5px 40px;
	padding: 0;
}

.carrusel li{
	margin: 0;
	padding: 0 30px;
	font-size: 0.9em;
	background-image: url('../imagen/flecha.png');
	background-repeat: no-repeat;
	background-position: left center;
}

.carrusel p, .actividades p{
	padding: 5px 0;
	text-align: justify;
	text-indent: 2em;
}
.carrusel p:first-letter , .actividades p:first-letter 
{
	margin: 0 2px 0 0;
	padding: 0;
	color: #005d00; /*#94aed3;*/
	font-weight: bold;
	font-style: normal;	
	/*background-color: #005d00;*/
	/*border: 1px solid #005d00;*/
	font-size: 1.2em;
}

.carrusel img, .actividades img{
	float: right;
	margin: 0 0 25px 25px;
	padding: 2px;
	text-align: justify;
	border: 1px solid #005d00;
}

ul.talleresactivos{
	margin: 0 0 0 20px;
	padding: 10px;
	width: 740px;
}

ul.talleresactivos li{
	display: block;
	float: left;
	width: 300px;
	height: 107px;
	margin: 10px 5px;
	padding: 0;
	padding-left: 50px;
}

.talleresactivos h4{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.08em;
}

.talleresactivos h5{
	margin: 35px 0 0 20px;
	padding: 0 5px;
	color: white;
	text-align: center;
	font-size: 1.15em;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.06em;
	background-image: url('../imagen/fondoTransp.png');
	background-repeat: repeat;
	background-position: right top;
}

.talleresactivos h5 a:link, .talleresactivos h5 a:visited{ color: white; }

.talleresactivos h5 a:hover{ color: #29dce0; }

li.roquedos-sabina{
	background-image: url('../imagen/roquedos-sabina.png');
	background-repeat: no-repeat;
	background-position: left top;
}
li.agua-desierto{
	background-image: url('../imagen/agua-desierto.png');
	background-repeat: no-repeat;
	background-position: left top;
}
li.efectoborde{
	background-image: url('../imagen/efectoborde.png');
	background-repeat: no-repeat;
	background-position: left top;
}
li.observ-aves{
	background-image: url('../imagen/observ-aves.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.observ-aves h4{
	padding: 0;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.02em;
}

#ellugar{
	margin: 0;
	padding: 0;
	background-image: url('../imagen/SanEsteban1.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#testimonios, .recomendaciones{
	margin: 0;
	padding: 10px;
	color: black; /*#515f74;*/
	border-top: 1px solid #005d00;
	border-bottom: 1px solid #005d00;
	background-image: url('../imagen/fondoTransp.png');
	background-repeat: repeat;
	background-position: right top;
}

#testimonios p, .recomendaciones p{
	padding: 5px 0;
	text-align: justify;
	font-size: 0.9em;
}

h3.actividades{
	clear: right;
	margin: 30px 0;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #005d00;
}

.actividades h4{
	clear: right;
}

.actividades h5{
	margin: 10px 0;
	padding: 5px 0;
	letter-spacing: 0.15em;
}

div.tarifas, div.anuncios{padding: 20px;}

p.contacto{
	margin-top: 50px;
	margin-bottom: 30px;
	padding: 5px;
	font-size: 1.1em;
	line-height: 2em;
	text-align: justify;
}

#mapa{
	float: right;
	margin: 30px 0;
	padding: 0;
	width: 412px;
}
#textoSituacion{ margin: 60px 440px 100px 30px; }

#textoSituacion ul{ 
	list-style-type: circle;
	padding: 0 0 0 15px;
}

#textoSituacion p, li{
	text-align: justify;
	margin: 0;
	padding: 5px 0;
	line-height: 1.5em;
}

#textoSituacion p{ padding: 5px 0; }

#textoSituacion li{ padding: 5px 0 5px 5px; }

#textoSituacion img{ 
	margin: 10px 0;
	padding: 2px;
	border: 1px solid #005d00;
}

/*---OTROS ESTILOS---*/

.sepDcha{ padding-left: 50px; }

.espacio{ margin-bottom: 100px;}

ul.lista{
	margin: 0;
	padding: 10px 40px;
}

ul.lista li{
	margin: 0;
	padding: 2px 20px;
	letter-spacing: 0.05em;
	text-align: justify;
	background-image: url('../imagen/camino.png');
	background-repeat: no-repeat;
	background-position: left top;
}

.filtro{
	margin: 10px 0;
	padding: 10px;
	color: black;
	background-image: url('../imagen/fondoTransp.png');
	background-repeat: repeat;
	background-position: right top;
	border-top: 1px solid #005d00;
	border-bottom: 1px solid #005d00;
}

.recomendaciones{
	margin: 20px;
}

.rojo {
	color: red;
	font-weight: bold;
}

.azul {
	color: #0045fc;
	font-style: italic;
}

.destacado{ 
	margin: 0;
	padding: 1px 4px;
	font-weight: bold;
	font-style: normal;
	border: 1px solid #005d00;
	color: white;
	background-image: url('../imagen/fondoTransp.png');
	background-repeat: repeat;
	background-position: right top;
}

p.tarifas_horarios, span.tarifas_horarios{
	padding: 3px;
	font: 15px Tahoma;
	letter-spacing: 0.05em;
}

span.tarifas_horarios{
	padding: 0 10px;
	font-size: 0.9em;
	color: black;
}

.telefono{
	padding: 0 10px 0 30px;
	font-size: 1.1em;
	background-image: url('../imagen/telefono.png');
	background-repeat: no-repeat;
	background-position: center left;	
}

.limpiar{ clear: both;}

/* Provisional ---opinion--- */

h4.opinion{ 
	padding: 15px 35px 5px 0;
	text-align: right;
	letter-spacing: 0.05em;
	background-image: url('../imagen/comentario.png');
	background-repeat: no-repeat;
	background-position: right top;
}

.opinion a{ 
	color: black; 
	font-weight: bold;
}

.opinion a:hover, a:active{
	text-decoration: none;
	color: aqua;
}

/*Tabla*/

table {
	width: 100%;
	border-left: 1px solid #005d00;
	border-bottom: 1px solid #005d00;
}

table caption{
	padding: 3px;
	width: 70%;
	text-align: center;
	border: 1px solid #005d00;
	border-bottom: 0;
	background-image: url('../imagen/fondoTransp.png');
	background-repeat: repeat;
	background-position: right top;
}

table thead th {
	padding: 3px 1px 1px 1px;
	font-weight:bold;
	text-align: center;
	letter-spacing: 0.05em;
	border: 1px solid #005d00;
	border-left: 0;
	border-bottom: 0;
}

table tbody td {
	padding: 3px 1px 1px 1px;
	text-align: center;
	color: green;
	font-weight:bold;
	border: 1px solid #005d00;
	border-left: 0;
	border-bottom: 0;
}

table tfoot td {
	padding: 3px 1px 1px 1px;
	text-align: left;
	border: 1px solid #005d00;
	border-left: 0;
}

td.abajoIzq {
	padding: 7px;
	border-right: 0;
}

td.abajoDcha {
	padding: 7px;
	text-align: right;
}

div.calendario{
	float: left;
	margin: 0;
	padding: 40px 25px;
	width: 210px;
}

p.calendario{ 
	clear: left;
	margin: 0 0 20px 0;
	padding: 0 15px;
	text-align: center;
}

ul.calendario{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}

ul.calendario li{
	margin: 0;
	padding: 2px 10px;
	font-size: 0.8em;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05em;
	color: #6f829e;
}

ul.calendario img{
	margin: 0;
	padding: 0;
}

#box4{
	position:absolute;
}
#box4 div{
	width:760px;
	height:350px;
	float:left;
	margin: 10px;
}

.mask3{
	position:relative;
	width:780px;
	height:370px;
	padding: 15px 0 70px 0;
	overflow:hidden;
}

ul.buttons{
	margin: 0;
	padding:0;
}

ul.buttons li{
	margin: 0;
	padding:0;
}

.buttons li.active{
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #005d00;
}

ul.directorio_imagenes {
	padding: 40px;
	padding-bottom: 100px;
}

ul.directorio_imagenes li{
	padding: 15px;
	text-align: center;
}