/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}

/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	vertical-align:top;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	vertical-align:top;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	

img {
border:none;
}


form {
margin:0.25em;
margin-top:20px;
}


form div {
margin: .4em;
}

form div label {
width: 40%;
float: left;
text-align:right;
text-transform:capitalize;
font-weight:bold;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
margin:0.2em;
border-bottom:1px solid black;
color:#009933;

}

form div label.vacia {
border:none;
}

fieldset {
border-style:groove;
background-color:#80FF80;
}
/*
legend {
font-size:1em;
border:1px solid black;
padding:0.5em;
font-weight:bold;
color:white;
background-color:#339900;
}
*/

legend {
font-size:1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif
border:1px solid black;
padding:5px;
text-align:center;
color:white;
background-color:#339900;
}


.titulo_largo {
text-align:center;
color:#00CC33;
font-size:1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
}

input, select {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #6F6F6F;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D0C8;
	border-right-color: #A8A8A8;
	border-bottom-color: #A8A8A8;
	border-left-color: #D4D0C8;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}



checkbox {
padding:0;
margin:0;
border:1px solid black;
}


.button {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#009933; /*#A8A8A8;*/ /*#FF9933;*/
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D0C8;
	border-right-color: #A8A8A8;
	border-bottom-color: #A8A8A8;
	border-left-color: #D4D0C8;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
	margin-right:5px;
}


.checkbox {
border:0;
margin:0;
}


.borrar {
background-color:#FF0000;
border: 1px solid black;
margin:2px;
color:#FFFFFF;
font-weight:bold;
font-size:0.8em;

}

.insertar {
background-color:#00FF00;
border: 1px solid black;
margin:2px;
color:#FFFFFF;
font-weight:bold;
font-size:0.8em;
}


/*************  GALERIA DE IMAGENES ********/

#galeria {
text-align:center;
}

#galeria #imagenes {
text-align:center;
border-collapse:collapse;
width:100%;
margin:0;
}

#galeria #imagenes td {
padding:1em;
border-top:1px solid black;
}

#galeria .accion {
border:1px solid black;
margin:0.5em;
background-color:#00FF99;
padding:0;
float:left;
}

#galeria div {
float:left;
}

#galeria .accion img {
border:none;
}

#galeria .accion a {
display:block;
padding:0.5em;
font-size:0.8em;
color:white;
text-decoration:none;
font-weight:bold;
}

img.ampliar {
width:100%;
border:none;
}

#galeria td {
text-align:center;
width:25%;
border:1px solid blue;
background-color:#FFFFCC;
}


.titulo_imagen {
color:#00CC33;
font-size:1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif
}


#logotipo {
margin:0;
}

#contenido {
margin: 0;
}



/***** barra de idiomas ***/

.idiomas {
text-align:center;
/*background-color:#CCFF99;
padding:0.25em;*/
padding:5px;
padding-left:25%;
margin:0;
}

.idiomas img {
border:0;
width:50px;
height:30px;
display:block;
float:left;
margin-right:50px;
}

.limpiar {
clear:both;
}

/*** listado ****/

table.listado {
border-top:1px solid white;
border-collapse:collapse;
}

table.listado td {
border-bottom:1px solid white;
padding-top:10px;
padding-bottom:10px;
}



/*****/

.subtitulo {
font-weight:bold;
text-align:center;
font-size:1.2em;
}




/******calendarios *****/

.calendario_reservas td {
/*vertical-align:top;*/
}

.calendario, .agenda {
background-color:#33FF66;
border-collapse:collapse;
margin:20px;
margin-top:0;
width:100%;
}

.calendario a, .agenda a{
color:white;

}

.calendario td, .agenda td {

padding: 0.7em;
border: 1px solid;
border-color:#ffffff;
border-collapse:collapse;
border-spacing:0;
font-weight:bold;

}

.fin_semana, .agenda .fin_semana a {
color:#FFFF66;
}

.reservado {
background-color:#FF0000;
}

.libre {
background-color:#33FF66;
}

.dia {
background-color:#669966;
}




/**** portada en inicio ***/

.portada  img{
margin:20px;
margin-top:0;
border:2px blue solid;
}


.bienvenida {
text-align:justify;
}



/*** menu de opciones de cortijo rural ***/

.subopciones {
width:100%;
background-color:#3366CC;
border-collapse:collapse;
}

.subopciones td {
border:1px solid white;
}

.subopciones a {
color:#FFFFFF;
text-decoration:none;
display:block;
padding:5px;
}

.subopciones .seleccionado {
background-color:#33CC33;

}



#ofertas .titulo {
font-size:1.2em;
font-weight:bold;
color:#330099;

}



.agenda {
width:100%;
}


.opciones {
width:40%;
}


table.contacto td {
padding:5px;
}

table.contacto a {
color:#00FF99;
}

table.contacto td+td {
background-color:#336699;
color:white;
font-weight:bold;
}

table.cabecera td{
color:white;
}

/******** meses del aņo ****/

.meses {
width:100px;
background-color:#3366CC;
border-collapse:collapse;
}

.meses td {
border:1px solid white;
}

.meses a {
color:#FFFFFF;
text-decoration:none;
display:block;
padding:2px;
font-size:0.8em;
}

.meses .seleccionado {
background-color:#33CC33;

}


.fontanar {
text-align:center;
}

.ALTA {
background-color:#FF3300;
color:black;
}

.MEDIA {
background-color:yellow;
color:black;
}

.ALTA a, .MEDIA a {
color:black;
}

#pie {
padding:10px;
}

