/* CSS Document */

*,html{margin:0;padding:0;}

body{background:url(../img/bg_pagina.jpg) repeat-y center #333333; font-family:Verdana, Arial, Helvetica, sans-serif;}

ul,ol,dl{margin-left:5px;margin-bottom:5px;}
li{margin-bottom:2px;margin-left:5px;}
p{margin-bottom:12px; font-size:11px; text-align:left; line-height:18px; color:#cccccc;}


a{color:#ffffff;text-decoration:none; cursor: pointer;}
a:hover{text-decoration:underline; color:#efa125;}
a img{border:none;}

h1{	color: #9ffb533; font-size:12px; font-weight:normal; margin-bottom:5px; border-bottom:1px solid #000000; border-top:1px solid #000000;}

/*layout*/
#global { margin:20px auto; width:740px; padding-bottom:20px; }

#cabecera { width:740px; padding:0; float:left; margin-bottom:20px;}

.idiomas{float:right; color:#efa125; font-size:10px; }
.idiomas ul{ list-style:none; padding-top:30px;}
.idiomas li{float: left; display:block; position:relative; padding-left:10px; border-left:1px solid #333;}
.idiomas li a{color:#666666;}
.idiomas li a:hover{color:#cccccc; text-decoration:none;}
.idiomas li.iactivo{color:#cccccc; margin-right:5px; text-decoration:none; border:none;}

.logo{ float:left;}

#contenido {float:left; clear:both;}
.columna-izquierda { float:left; width:230px; margin-right:20px; }
.columna-izquierda-grande { float:left; width:460px; margin-right:20px; }
.columna-izquierda-contacto { float:left; width:260px; margin-right:20px; }
.columna-izquierda-contacto p { margin-top:10px; }
.columna-izquierda p { padding:0; margin:0;}
.columna-medio { width:230px; float:left; margin-right:20px;}
.columna-derecha { float:right; width:230px;  }
.columna-derecha-form { float:right; width:460px; }
.columna-unica { width:700px; float:left; margin-bottom:15px;}

.columna-derecha-listas { float:right; width:220px; border-left:1px solid #333; padding-left:10px; margin-bottom:10px;  }
.columna-derecha-listas p{ height:40px;}

.columna-medio ol, .columna-izquierda ol, .columna-izquierda-grande ol, .columna-unica ol{ font-size:11px; color:#999; line-height:15px; float:left; }
.columna-medio li, .columna-izquierda li, .columna-izquierda-grande li, .columna-unica li  { font-size:11px; color:#999; padding-bottom:2px; list-style-image:url(../img/cuadro_listas.gif); list-style-position:outside;  }

#footer { width:740px; margin-top:20px; margin-bottom:20px; padding:10px 0 10px 0; clear:both; color:#FFFFFF; font-size:10px; border-top:1px dotted #333; }
#footer a { color:#fff; padding-left:0; margin-bottom:20px;}
#footer a:hover { color:#b0b0b6; text-decoration:none;}
.foot_izquierda{width:200px; float:left; line-height:15px; color:#666666;}
.foot_derecha{text-align:right; width:540px; float:right; color:#666666;}

/*menú principal*/
.menu{background-color:#efa125; width:725px; height:30px; float:left; padding-right:15px; background-image:url(../img/bg_menu.gif); background-repeat:repeat; }
.menu ul{ list-style:none;  padding:0; font-family:Verdana, sans-serif; font-size:12px; float:right; }
.menu li{cursor:pointer; padding:8px 0 0 15px; float: left; display:block; }
.menu li a{ color:#ffffff; }
.menu li a:hover{ text-decoration:none; color:#000000; }
.menu li.activo{color:#000000; font-weight:bold;}
.menu a { text-decoration:none; color:#ffffff;}


/*contenidos*/
.flash{ clear:both; float:left; margin-bottom:20px;}

.destacados{width:164px; margin-right:28px; float:left; font-size:11px; border-top: 1px solid #444; padding:0;}
.destacados-fin{width:164px; float:left; font-size:11px; border-top: 1px solid #444;}

.destacados-titulos{color:#efa125; font-size:11px; height:10px; padding:5px 0 3px 0;}
.destacados-titulos a{color:#efa125; height:10px;}
.destacados-titulos a:hover{color:#ffffff; font-size:11px; text-decoration:none;}
.destacados-textos{color:#cccccc; font-size:10px;}

.fotos-contenidos{border:1px solid #333; padding:2px;}

.titulo-rutas{color:#efa125; font-weight:bold; font-size:13px;}
.foto-rutas{border:none; margin-right:5px; float:left;}
.textos-rutas{font-size:11px; line-height:13px; color:#FFFFFF;}
.textos-rutas-descripcion{font-size:10px; line-height:13px; color:#999999;}
.info-rutas {margin-left:15px; }
.info-rutas a{color:#efa125;}
.info-rutas a:hover{color:#FFFFFF; text-decoration:none;}

/*cabecera espcial seccion rutas turisticas*/
.cabecera-rutas{width:700px; height:260px; background: url(../img/bg_rutas_cabecera.jpg) no-repeat center; clear:both; float:left; margin-bottom:20px; padding:20px;}
.cabecera-rutas p{padding-left:230px;}

/*listado rutas turisticas grandes*/
.ficha-ruta{width:220px; margin-right:20px; margin-bottom:20px; float:left; line-height:14px;}
.ficha-ruta-fin{width:220px; float:left; margin-bottom:20px; }
.ficha-ruta-foto{float:left; margin-right:12px;}

/* formulario de contacto */

form{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ccc; float:right; margin-bottom:25px;}
fieldset{border: 0px solid #dadada;}

	div.medidas {margin: 5px 0;}
	div.medidas label{float:left; width:80px; line-height:23px; clear:both;}
	div.medidas input[type="submit"]{width:80px;}
	div.medidas input[type="reset"]{width:80px;}
	
	div.medidas input[type="text"]{ 
	padding:3px;
	width: 264px;
		height: 16px;
        background-color:#ccc;
		border:#ccc 0px solid;
		color:#000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;}
	div.medidas input[type="text"]:focus, .cform textarea:focus {
		padding:3px;
	width: 264px;
		height: 16px;
        background-color:#fff;
		border:#ccc 0px solid;
		color:#000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;}
	}
	
	textarea{ background-color:#ccc; height:60px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; width: 260px; border:none; padding:5px;}


#contenidotextoform {
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	vertical-align: top;
}

.cform input[type="text"]:focus, .cform textarea:focus, .cform select:focus{ background-color:#ccc;  border:none; color:#000000;}
.cform p{
	width: 264px;
	clear: left;
	margin: 0;
	padding-left: 50px; /*width of left column containing the label elements*/
	border-top: 0px dashed gray;
	padding-right: 0;
	}

.cform label{
font-weight: bold;
float: left;
margin-left: -55px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;}

.cform textarea{
width: 450px;
height: 150px;
background-color:#fff;
}

.bots{ width:100px; margin-right:10px; margin-top:10px; cursor:pointer; color:#000; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.enviado{text-align:left; margin-left:60px; margin-top:10px;}