@charset "utf-8";
/* CSS Document */
/* Elementos que queremos limpiar completamente: */

* {
        margin: 0;
        padding: 0;
        border: none;
 }

html {
        font: 75% "Trebuchet MS", Verdana, Arial, SansSerif;
        /*text-shadow: #000 0px 0px 0px; Elimina el efecto bold en Safari */
 }

ul {
	list-style-type: square;
	list-style-image: none;
	text-indent: -13px;
	padding-left: 10px;
 }

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        font-weight: normal;
        margin: 0 0 1em 0;
 }

cite, em, dfn {
        font-style: italic;
 }

sup {
        position: relative;
        bottom: 0.3em;
        vertical-align: baseline;
 }

sub {
        position: relative;
        bottom: -0.2em;
        vertical-align: baseline;
 }

li, dd, blockquote {
	list-style-type: square;
	left: 10px;
	margin-left: 20px;
	text-indent: 0px;
 }

code, kbd, samp, pre, tt, var, input[type=‘text’], textarea {
        font-size: 100%;
        font-family: monaco, "Lucida Console", courier, mono-space;
 }

del {
        text-decoration: line-through;
 }

ins, dfn {
        border-bottom: 1px solid #ccc;
 }

small, sup, sub {
        font-size: 85%;
 }

abbr, acronym {
        text-transform: uppercase;
        font-size: 85%;
        letter-spacing: .1em;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
 }

a abbr, a acronym {
        border: none;
 }

sup {
        vertical-align: super;
 }

sub {
        vertical-align: sub;
 }

h1 {
        font-size: 2em;
 }

h2 {
        font-size: 1.8em;
 }

h3 {
        font-size: 1.6em;
 }

h4 {
        font-size: 1.4em;
 }

h5 {
        font-size: 1.2em;
 }

h6 {
        font-size: 1em;
 }

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
        /*
        Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
        
        outline: 0;
        
        Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
        */
        text-decoration: none;
 }

a img {
        border: none;
        text-decoration: none;
 }

img {
        border: none;
        text-decoration: none;
        /*
        Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
        */
 }

/* Formularios */

label, button {
        cursor: pointer;
 }

input:focus, select:focus, textarea:focus {
        background-color: #FFF;
 }

fieldset {
        border: none;
 }

/* Clases útiles */

.clear {
        clear: both;
 }

.float-left {
        float: left;
 }

.float-right {
        float: right;
 }

/* Para empezar un layout centrado: */
body {
	text-align: center;
	/*background-color: #9C3000;*/
	background-image: url(../images/fondo.gif);
	background-repeat:repeat-x;
	background-position: center top;
	background-color:#CFCFCF;
	background-repeat:repeat-x;	
	height:100%;	
 }

h1{
	margin:0;
	padding:0;
}

h2{
	color: #5B0343;

}

#contenedor{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fondocontenedor.gif);
	background-repeat:repeat-y;
	height:100%;
	background-color: #649200;
}

#izquierda{
	width:285px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	background-color: #FFFF9C;
	background-image: url(../images/menu.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#derecha{
	width:575px;
	margin-left:auto;
	margin-right:auto;
	float:right;
	text-align:left;
}

#header{
	margin-left:auto;
	margin-right:auto;
	width:575px;
	height:221px;

}

.cabecera{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;	
}

.cabecera1{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;	
}

.cabecera2{
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;	
}

.cabecera3{
	background-image: url(../images/header3.jpg);
	background-repeat: no-repeat;	
}

.cabecera4{
	background-image: url(../images/header4.jpg);
	background-repeat: no-repeat;	
}

.cabecera5{
	background-image: url(../images/header5.jpg);
	background-repeat: no-repeat;	
}

.cabecera6{
	background-image: url(../images/header6.jpg);
	background-repeat: no-repeat;	
}

.cabecera7{
	background-image: url(../images/header7.jpg);
	background-repeat: no-repeat;	
}

.cabecera8{
	background-image: url(../images/header8.jpg);
	background-repeat: no-repeat;	
}

.cabecera9{
	background-image: url(../images/header9.jpg);
	background-repeat: no-repeat;	
}

.cabecera10{
	background-image: url(../images/header10.jpg);
	background-repeat: no-repeat;	
}

.cabecera11{
	background-image: url(../images/header11.jpg);
	background-repeat: no-repeat;	
}

.cabecera12{
	background-image: url(../images/header12.jpg);
	background-repeat: no-repeat;	
}


#localizacion{
	margin-top:-19px;
	height:19px;
	padding-left:15px;
	background-image: url(../images/loc.png);
	background-repeat: no-repeat;
}

#localizacion a{
	color:#000000;
	text-decoration:underline;
}

#imagenmenu{
	padding-top:20px;
	padding-bottom:20px;
	width:285px;
	margin-left:auto;
	margin-right:auto;
}

#menu{
	width:51px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

#botones{
	width:234px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	font-size:14px;
	
	color:#FFFF99;
	font-family: "Trebuchet MS", Verdana, Arial, SansSerif;	
}

#botones ul{
	margin:0;
	padding:0;
}

#botones ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF99;
}

#botones ul li a{
	color:#FFFF99;	
	line-height:20px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	background-image:url(../images/botondes.gif);
	text-decoration:none;
	font-weight:bold;
}

#botones ul li a:hover{
	color:#5B0343;
	text-decoration:none;
}

#botones ul li a.selec{
	background-image:url(../images/botonsel.gif);
}

#contenido{
	min-height:500px;
	padding:15px;
}

#contenido a{
	color:#000000;
	text-decoration:underline;
}

#contenido a:hover{
	color: #5B0343;	
}

#pie{
	clear:both;
	background-color: #FFFF9C;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding:10px;
	text-align:right;
	
}

#pie a{
	color:#000000;
	text-decoration:underline;
}

#buscador{
	float:right;
	margin-right:20px;
	margin-top:20px;
	width:282px;
}

#buscador #cajabusqueda{
	width:194px;
	height:20px;
	background-image: url(../images/input.png);
	background-repeat: no-repeat;
	float:left;
}

#buscador #cajabusqueda input{
	height:16px;
	line-height:16px;
	font-size:12px;
	border:none;
	width:186px;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
}

#buscador #cajasubmit{
	width:72px;
	height:20px;
	background-image: url(../images/submit.png);
	background-repeat: no-repeat;
	float:right;
/*	margin-left:10px;*/
}

#buscador #cajasubmit input{
	height:16px;
	line-height:16px;
	font-size:12px;
	border:none;
	width:64px;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	background-color: #5B0343;
	background-image: none;
	color:#FFFFFF;
	
}

#listadoalojamientos{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}

#listadoalojamientos th{
	color:#FFFFFF;
	background-color:#5B0343;
	padding:5px;
}

#listadoalojamientos tr{
	margin-bottom:5px;
	padding-bottom:5px;
}

#listadoalojamientos td{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFD324;
	padding:5px;
}

#listadoalojamientos td h3{
	margin-bottom:0;
	padding-bottom:0;
}

#listadoalojamientos td h3 a{
	color:#333300;
}

#listadoalojamientos td h3 a:hover{
	color:#336600;
}

/* Sortable tables */
table.sortable thead th{
    font-weight: bold;
    cursor: pointer;
	text-decoration:underline;
}

table.sortable thead th.sorttable_nosort{
	text-decoration:none;
}

table.sortable tr td{
	background-color: #DFFEC6;
}

table.sortable tr.odd td {
	background-color: #FFFF9C;
}
table.sortable tr.even td {
	background-color: #FFFFFF;
}

.fotocasa{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border: 1px solid #5B0343;
}

#fotos img{
	margin:6px;
	border: 1px solid #5B0343;
	padding:1px;
}

#noticias{
	width:49%;
	float:left;
	border: 1px solid #FFFF9C;
	margin-bottom:2%;
	min-height:200px;
}

#ruta{
	width:48%;
	float:left;
	border: 1px solid #FFFF9C;
	margin-left:2%;
	margin-bottom:2%;
	min-height:200px;	
	text-align:center;
}

#alojamientos{
	clear:both;
	width:49%;
	float:left;
	border: 1px solid #FFFF9C;
	min-height:200px;
	text-align:center;

}

#alojamientos img{
/*	float:left;
	margin-right:10px;*/
}

#eltiempo{
	width:48%;
	float:left;
	border: 1px solid #FFFF9C;
	margin-left:2%;
	min-height:200px;
	text-align:center;
}

#eltiempo table{
	margin-left:30px;	
}


#noticias h3, #ruta h3, #alojamientos h3, #eltiempo h3{
	margin:0;
}

#noticias h3 a, #ruta h3 a, #alojamientos h3 a, #eltiempo h3 a{
	text-align:center;
	background-color:#FFFF9C;
	font-size:14px;
	text-decoration:none;
	padding:3px;
	display:block;
	font-weight: bold;
	color: #649200;
	margin:0;
	padding-bottom:0;
}

.cuadroconte{
	padding:5px;
	padding-left:0;
	padding-right:0;
}

#noticias .cuadroconte, #eltiempo .cuadroconte{
	padding:10px;	
}

.cuadroconte h4{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
	word-spacing:-1px;
}

#noticias h4{
	word-spacing:-1px;
	font-weight:normal;
	text-align: justify;	
}


.cuadroconte img{
	margin-top:5px;
	margin-bottom:5px;
}

.cuadroconte .star{
	margin:0 !important;	
}

.titular{
	padding-bottom:10px !important;
	margin-top:-5px !important;
}

.titular a{
	font-size:1.5em;
	font-weight:bold;
	color: #5B0343 !important;
	text-decoration:none !important;
}	

.titular a:hover{
	text-decoration:underline;
}	

.fotonoticia{
	float:left;
	margin-right:10px;
}	

.noticia{
	margin-bottom:30px;
	clear:both;
}


.enlacecalendario{
	padding-left:23px;
	background-image: url(../images/calendario.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	font-size:1.1em;
}

h3{
	margin-bottom:0px;
	color: #649200;
}

.sonet{
	font-size:0.8em;
	color:#333;
}

.logodipu{
	float:left;
	padding:8px;
	background-color:#FFF;
	margin-top:10px;
	margin-left:15px;
}

.logofacebook{
	float:left;
	padding-left:100px;
	background-color:#FFF;
	margin-top:10px;
	margin-left:15px;
	background-color:#ffff9c;
}

a{
	color:#000;	
}

a:hover{
	color: #5B0343;	
}

.rss{
	text-align:right;
}	

.rss a{
	padding-left:20px;
	background-image: url(../images/rss.png);
	background-repeat: no-repeat;
	background-position: left center;	
}

.propietario{
	text-align:right;
	margin-top:15px;
}

.entradaTexto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000;
}
.boton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #666;
	cursor: hand;
}

#ladoizquierdo{
	float:left;
	text-align:justify;
	margin-top:20px;
	width:200px;
}

#ladoderecho{
	float:right;	
	margin-top:50px;
	width:200px;
}

.imagenladoderecho{
	padding-bottom:245px;
}