@charset "utf-8";
/* CSS Document */

html, body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d641e;
	height: 100%;
	line-height: 150%;
}

.izquierda{
	text-align:left;
}

.centro{
	text-align:center;
}

.derecha{
	text-align:right;
}

#contenedor{
	width: 996px;
	background-color : #FFFFFF;
	margin: auto;	
}

#cabecera{
	width: 996px;
	height: 219px;
	margin: auto;	
}

#cuerpo{
	width: 1025px;
	margin: auto;	
}

#cuerpo_index{
	width: 998px;
	margin: auto;	
}
* html #cuerpo_index{
	width: 1000px;
	margin: auto;	
}

#buscador{
	width: 250px;
	height: 18px;
	float: right;
	margin-bottom: 10px;
}

.pie{
	text-align: left;
	width: 996px;
	height: 35px;
	margin: auto;
	background-image:url(../images/pie.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom: 30px;
	float: left;
}

#cabecera_btn{
	text-align: left;
	background-color : #c4d57c;
	width: 995px;
	height: 33px;
	margin: auto;
	margin-bottom: 3px;	
}

#cabecera_cab{
	text-align: left;
	width: 996px;
	height: 180px;
	margin: auto;
	margin-bottom: 3px;
	background-image:url(../images/img_cabecera.png);
	background-repeat:no-repeat;
}

#enlaces{
	width:800px;
	float:left;
	
}

#publicidad{
	width: 191px;
	height: 800px;
	float: right;
	text-align:center;
	margin: 0px auto;
}

#publicidad_santander{
	width: 191px;
	height: 610px;
	float: right;
	text-align:center;
	margin: 0px auto;
}

#enlaces_ruta{
	width:820px;
	float:left;
}

#enlaces_contacto{
	width:993px;
	float:left;
	
}

#publicidad_ruta{
	width:186px;
	height: 600px;
	float:left;
	text-align:center;
	margin: 0px auto;
}

* html #publicidad_ruta{
	width:163px;
	height: 600px;
	float:left;
	text-align:center;
	margin: 0px auto;
}

.lista_rutas{
	width: 387px;
	height: 156px;
	float: left;
	border: 1px solid #c7d299;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;	
}

.lista_rutas_larga{
	width: 820px;
	float: left;
	border: 1px solid #c7d299;
	margin:auto;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 3px;	
} 

.lista_rutas_foto{
	float: left;
	border: 1px solid #c7d299;
	margin:auto;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 3px;	
	width:993px;	
}

.cab_lista_rutas_foto{
	height: 15px;
	float: left;
	margin:auto;
	padding: 0px;
	margin-bottom: 3px;
	margin-right: 1px;
	background-color:#cfdd95;
	line-height: 80%;
	width:993px;
}

.cab_lista_rutas{
	width: 387px;
	height: 15px;
	float: left;
	margin-bottom: 3px;
	background-color:#cfdd95;
}

.cab_lista_rutas_santander{
	width: 387px;
	height: 15px;
	float: left;
	margin-bottom: 3px;
	background-color:#cfdd95;
	line-height: 80%;
}

.cab_lista_rutas_larga{
	width: 820px;
	height: 15px;
	float: left;
	margin-bottom: 3px;
	background-color:#cfdd95;
	line-height: 80%;
}

.cab_lista_rutas_contacto{
	width: 990px;
	height: 15px;
	float: left;
	margin-bottom: 3px;
	background-color:#cfdd95;
	line-height: 80%;
}

.contenido_rutas_larga{
	width: 790px;
	float: left;
	background-color:#f2f7da;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.contenido_rutas_contacto{
	width: 958px;
	float: left;
	background-color:#f2f7da;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.img_cuadro{
	width: 100px;
	height: 138px;
	float: left;	
}

.txt_cuadro{
	width: 287px;
	height: 78px;
	float: left;
	padding-top: 50px;	
}

.txt_cuadro_ruta{
	width: 650px;
	height: 102px;
	float: left;
	padding-top: 45px;	
}

.texto_cab{
	padding-top: 3px;
	float:left;
}


.formulario{
	padding-top: 3px;
	float:left;
}

.caja_comentarios{
	width: 730px;
	padding-top: 3px;
	padding-left: 15px;
	padding-right: 15px;
	float:left;
	border-top-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #5a6e02;
	background-color:#FFFFFF;
	margin-bottom: 3px;
	border-bottom-width: thin;
	border-bottom-color: #5A6E02;
}

.lista_fotos{
	width: 179px;
	float: right;
	border: 1px solid #c7d299;
	margin:auto;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color:#FFFFFF	
}


.fotos {
margin:auto;
padding:2px 2px 2px 2px; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
} 

.fotos img{
	text-align:center;
	margin:auto;
	display:block;
	position:relative;
	top: -3px; /* Desfasamos la imagen hacia arriba */
	left:-3px; /*Desfasamos la imagen hacia la izquierda */
	padding:5px;
	background:#FFFFFF; /*Definimos un color de fondo */
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:2px solid;
	border-right:2px solid;
	border-color: #9ba44a #666666 #666666 #9ba44a /*Creamos un marco para acentuar el efecto */
}

INPUT,SELECT {
	font-size : 8pt;
	color: #5d641e;
	border: 1px solid #c7d299;
}

TEXTAREA{
	font-size : 8pt;
	color: #5d641e;
	border: 1px solid #c7d299;
}
A {
	text-decoration:none;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d641e;
	height: 100%;
	line-height: 150%;
}

.subrayado {
	text-decoration:underline;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d641e;
	height: 100%;
	line-height: 150%;
}
A:HOVER {
	text-decoration:underline;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d641e;
	height: 100%;
	line-height: 150%;
}


.menu {
	text-decoration:none;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d641e;
	height: 100%;
	line-height: 150%;
}
.menu:HOVER {
	text-decoration:underline;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d641e;
	height: 100%;
	line-height: 150%;
}


.textofotos {
  text-align: center;
  font-style: italic;
  font-weight: bold;
  font-size: smaller;
  text-indent: 0;
  margin-top: 0.1em;
}