/********************************************************************************/
/********************************* LISTAS ***************************************/
/********************************************************************************/

/*estilo de los menus horizontales*/
ul.menuHorizontal{
	list-style-type: none;
	text-align: right;
	font-variant: small-caps;
	margin-bottom: 0px;
	margin-top: 0;
}

/** estilo para la lista del menu principal */
ul.menuHorizontalInf{
	list-style-type: none;
	text-align: left;
	margin: 0;
	white-space: nowrap;
	padding-left: 15px;
}

/*estilo de los elementos de los menus superior*/
li.menuHorizontal{
	display: inline;
	color: white;
	padding-left: 5px;
	margin-right: 8px;
	height: 21px;
	padding-bottom: 2px;
}

/*estilo de los elementos del menu principàl*/
li.menuHorizontalInf{
	display: inline;
	color: white;
	margin-right: 0;
	background-image: url(../imagenes/lineaSeparadora.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin-right: 4px;
}

/* formato del primer elemento del menu principal */
li.menuHorizontalInf_first_child{
	display: inline;
	color: white;
	margin-right: 0;
	padding-left: 8px;
	margin-right: 4px;
}

/** estilo para la lista que forma el menu lateral*/
ul.menuLateral{
	margin: 0;
	padding-left: 20px;
}

/* estilo de los elementos del menu lateral */
li.menuLateral{
	padding-bottom: 4px;
	
}

/*********************************************************************************/
/********************************** LINKS ****************************************/
/*********************************************************************************/

a {
	color: #6B3916;
}

/*formato de los enlaces de los elementos del menu superior*/
a.menuSuperior, a.menuSuperior:visited{
	text-decoration: none;
	color: White;
	font-variant: small-caps;
	margin: 0px;
	padding-right: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 2px;
}

/*estilo de los elementos del menu superior cnd el raton esta encima*/
a.menuSuperior:hover{
	background-color: #75BF10;
	background-image: url(../imagenes/pestañaDerecha.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

/** estilo de los elementos del menu principal */
a.menuPrincipal, a.menuPrincipal:visited{
	text-decoration: none;
	color: White;
	padding-right: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*estilo de los elementos del menu principal cuando el raton esta sobre ellos*/
a.menuPrincipal:hover{
	 color: #CDFF9E;
}

/** estilo de los componentes del camino */
a.parteCamino,  a.parteCamino:visited{
	text-decoration: none;
	font-size: small;
	color: gray;
}

/** estilo del camino cuando el raton esta encima*/
a.parteCamino:hover{
	color: #65BF08;
}

/** estilo de los componentes del menu lateral*/
a.menuLateral, a.menuLateral:visited{
	color : #6B3916;
	text-decoration: none;
	font-size: 14px;
}

/** estilo de los componentes del menu lateral cuando el ratón está sobre ellos */
a.menuLateral:hover{
	text-decoration: none;
	border: none;
}

a.enlaceBloques, a.enlaceBloques:visited{
	text-decoration: none;
	border: none;
	color: #6B3916;
}

a.enlaceBloques:hover{
	color: black;
	text-decoration: underline;
}

a.subCategorias, a.subCategorias:visited{
	color: #6B3916;
	text-decoration: none;
	font-weight: bold; 
   font-size: 14px;
}

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

a.infoLegal, a.infoLegal:visited{
	color: black;
	text-decoration: none;
	font-size: 16px;
}

a.infoLegal:hover{
	color: black;
	text-decoration: underline;
}

a.mailInfo, a.mailInfo:visited{
	color: black;
	text-decoration: none;
}

a.mailInfo:hover{
	color: black;
	text-decoration: underline;
}
/*******************************************************************************/
/********************************** IMG ****************************************/
/*******************************************************************************/

/**estilo de las imagenes de los logos*/
img.logos{
	margin-left: 8px;
	margin-bottom: 20px;
	margin-right: 20px;
}

/** estilo de la imagen de fondo de la cabecera */
img.imagenFondoCabecera{
}

/** estilo de la imagen de cabecera */
img.imgCabecera{
	z-index: 2;
	text-align: center;
}

/** estilo de la imagen del bus*/
img.bus{
	position: relative;
	left: 215px;
	top: -90px;
}

img.flecha{
	border: none;
	padding-top: 5px;
}

/*******************************************************************************/
/********************************** TEXTO **************************************/
/*******************************************************************************/
p{
	margin-top:0;
	margin-left: 0;
	/*padding: 6px;*/
   padding: 0px 6px 0px 6px;
}

p.textoMenuLateral{
	margin-top:0;
	margin-left: 0;
	color: #6B3916;
}

h3.textoAgencia{
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top:2px;
	margin-left: 40px;
	color: #6B3916;
}

h3.textoAgencia a{
   text-decoration: none;
}

h3.textoAgencia a:hover{
   text-decoration: underline;
}

p.textoAgencia{	 
	margin-top: 0;
	margin-left: 40px;
	margin-right: 60px;
	color: black;
	font-size: x-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


p.textoInfoContacto{
	margin-top:2px;
	margin-bottom: 1px;
	margin-left: 10px;
	margin-right: 10px;
	color: black;
	font-size: 12px;
	padding: 0;
}

p.textoPiePagina{
	margin: 0;

	font-size: 14px;
	color: black;
}

p.textoPiePagina a{
   color: #000000;
   text-decoration: none;
}

p.textoPiePagina a:hover{
   text-decoration: underline;
}

h1.textoPrincipal{
	color: #5A9306;
	margin-top: 0px;
	font-size: 17px;
}

.letraTexto p{
	color: black;
   margin: 0px;
   padding: 0px;
   font-size: 14px;
}

.letraTexto ul{
   color: black;
   font-size: 14px;
   list-style-image: url(/imagenes/vinetaMW1.gif);   
   list-style-position: outside;
   margin: 0px 0px 0px 16px;
   padding: 0px;
}

.letraTexto li{
   margin: 0px;
   padding: 0px;
}

.textoDestacado{
   color: #5A9306;   
}



p.error{
	color: red;
}

hr.separador{
	color: #E9F3D0;
	background-color: #E9F3D0;
}

p.textoMasInfo{
	width:500px;
	margin:10px;
	margin-top:0;
	padding-bottom: 6px;
	clear:both;
	background-color: #F2F6E5;
	float:left;
}

div.indicePaginas{
   margin: 0em 0em 1em 0em;
}

div.indicePaginas div{
   margin: 0.3em 0em 0em 0em;
   height: 100%;
   overflow: auto;
}

/*********************************************************************************/
/********************************** FORMS ****************************************/
/*********************************************************************************/

input.formularioContacto{
	font-family: Book Antiqua, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-width: 1px;
	margin-bottom: 15px;
}

input.formularioReserva{
	margin-bottom: 15px;
	font-family: Book Antiqua, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-width: 1px;
	float:left;
}

select.formularioReserva{
	margin-bottom: 15px;
	margin-right: 5px;
	font-family: Book Antiqua, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-width: 1px;
	float: left;
}

textarea.formularioContacto{
	font-family: Book Antiqua, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
	width: 480px;
	border-width: 1px;
	
}

img.botonCalendario{
	float: left;
	margin-left: 10px;
	position: absolute;
   cursor: pointer;
}

html>body img.botonCalendario{
	float: left;
	margin-left: 10px;
	position: relative;
}
/************ MAPA WEB *************************/

div.mapaWebNivel1{
   background-color: #D0E9B0;
   padding: 5px 5px 5px 10px;   
   margin-top: 5px;
   margin-bottom: 1px;
   
}

div.mapaWebNivel2{
   padding: 5px 5px 5px 20px;   
   margin-top: 1px;
   margin-bottom: 1px;
   background-image: url(/imagenes/vinetaMW1.gif);
   background-repeat: no-repeat;
   background-position: 10px 12px;
}

div.mapaWebNivel3{
   padding: 5px 5px 5px 27px;   
   margin-top: 1px;
   margin-bottom: 1px;
   background-image: url(/imagenes/vinetaMW2.gif);
   background-repeat: no-repeat;
   background-position: 18px 12px;
}

div.mapaWebNivel4{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 5px;
   /* el padding-left depende el nivel, ya que esta clase sirve del
   nivel 4 en adelante*/
   /*padding-left: 40px;*/
   margin-top: 1px;
   margin-bottom: 1px;
}



div.mapaWebNivel1 a, div.mapaWebNivel2 a, div.mapaWebNivel3 a, div.mapaWebNivel4 a {
   text-decoration: none;
}

div.mapaWebNivel1 a{
   color: #2B6900;
   font-size: 14px;   
}

div.mapaWebNivel2 a, div.mapaWebNivel4 a{
   color: #000000;
}

div.mapaWebNivel3 a{
   color: #693C15;
}


div.mapaWebNivel1 a:hover, div.mapaWebNivel2 a:hover, div.mapaWebNivel3 a:hover, div.mapaWebNivel4 a:hover{
   text-decoration: underline;
}


/* ----------------------------- */
/*        PARA LAS FOTOS         */
/* ----------------------------- */


.arc90_imgcaptionTXT {
	font-size: 12px;
   font-weight: normal;
	color: #000000;
	text-align: left;
   padding: 0px;
}

p.arc90_imgcaptionALT {
   display: none; /*no queremos que se muestre el alt*/
}

span.arc90_imgcaptionALT {
}

.arc90_imgcaption {
	text-align: center;
	border: 1px solid #ffffff;
   background-color: #ffffff;
	padding: 8px;
   margin-top: 0px;
   margin-bottom: 0px;
	/*width: 64px;*/
   /*position: relative;
   z-index: 2;*/
}

.floatl { float: left; margin-right: 8px; }
.floatr { float: right; margin-left: 8px; }


/*para las imagenes sin pie*/
.imagenIzq, .imagenDcha, .imagenIzqNoB, .imagenDchaNoB { 
   margin-top: 0px;
   margin-bottom: 0px;
   z-index: 2;
 }

.imagenIzq, .imagenIzqNoB { 
   float: left; 
   margin-right: 8px;
 }
 
/* imagen alineada a la derecha */ 
/* mezcla de arc90_imgcaption + floatr */
.imagenDcha, .imagenDchaNoB{ 
   float: right; 
   margin-left: 8px;
 }
 
.imagenIzq, .imagenDcha {
	border: 1px solid #ffffff;
   background-color: #ffffff;   
   padding: 8px;   
}

.imagenIzqNoB, .imagenDchaNoB {
	border: none;
}


/********* página principal *********/

div.pralFila{
   width: 100%;
   clear: right;
   margin: 0px 0px 0px 0px;
}

div.pralFila img{
   border: none;
   margin: 5px 0px 10px 0px;
}

div.pralFila div.pralcIzq{
   float: left;
   width: 265px;   /*46%;*/
}

div.pralFila div.pralcDcha{
   float: right;
   width: 265px;   /*46%;*/
}


div.pralFila div.pralcIzq p.titulo, div.pralFila div.pralcDcha p.titulo{
 	color: #6B3916;
   font-weight: bold;
   margin: 30px 0px 5px 0px;
   padding: 0px;
   text-align: left;
}

div.pralFila div.pralcIzq p.titulo a, div.pralFila div.pralcDcha p.titulo a{
   text-decoration: none;
}

div.pralFila div.pralcIzq p.titulo a:hover, div.pralFila div.pralcDcha p.titulo a:hover{
   text-decoration: underline;
}


div.pralFila div.pralcIzq p.texto, div.pralFila div.pralcDcha p.texto{
   margin: 0px 0px 2px 0px;
   padding: 0px;
   text-align: left;
 	color: #6B3916;   
   font-size: 14px;
}


/*************************************************************************/
/******************    FORMULARIO DE CONTACTO    *************************/
/*************************************************************************/
div.cajaFormulario{
	background-color: #F2F6E5;
	float: left;
	width: 593px;
	color: black;
	padding: 16px;
	font-size: 12px;
	background-image: url(../imagenes/formulario/hojaLibreta.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.columnaFormulario{
	float:left;	
	width: 280px;
	padding-left: 10px;
}

div.datosFormularioContacto{
	border-bottom: 2px dotted Silver;
	width: 100%;
	overflow: auto;
}

div.comentarios{
	margin-top: 10px;
	margin-bottom: 20px;
	clear:both;
	padding: 10px;
	background-color: #E9F3D0;
}

div.labelContacto{
	width: 80px;
	font-variant: small-caps;
	color: #6B3916;
	float: left;
}

div.labelReservaDerecha{
	width: 80px;
	float:left;
	font-variant: small-caps;
	color: #6B3916;
	padding-bottom: 15px;
	margin-left: 16px;
	text-align: right;
	padding-right: 10px;
}

div.labelReservaIzquierda{
	width: 80px;
	float:left;
	clear: both;
	font-variant: small-caps;
	color: #6B3916;
	padding-bottom: 15px;
	padding-left: 10px;
}

div.labelReserva{
	width: 80px;
	float:left;
	clear: both;
	font-variant: small-caps;
	color: #6B3916;
}

div.botonFormularioContacto{
	clear: both;
	position: relative;
	top: 0;
	left: 0;
}

div.separador{
	border-top: 2px dotted Silver; 
	margin-left: 100px;
}

div.MasInfo{
	display: none;
	width: 100px;
	background-color:  #F2F6E5;
}