@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file		basemod_draft.css
 * @creator		YAML Builder v0.3 Preview
 * @link		http://builder.yaml.de
 */


 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  * {
	margin:0pt;
	padding:0pt;
	}
	
	
  
body {
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 891px;
	font-family:Arial, Helvetica, sans-serif;
}


  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
#page_margins { 
	width: 891px;

}

a {
	text-decoration:none;
}	
    
.header {
	height: 207px;

}
	
#telefono{
	height: 36px;
	padding-top: 4px;
	text-align: right;
	width: 778px;
	float: left;
  	}
	
#cabeTel{
	float:left;
	background-image: url(../imagenes/fondoTel.gif);
	background-repeat:   repeat-x;
	width: 891px;
	}

#idioma{
	height:21px;
	width:100px;
	float:left;
	padding-top: 15px;
	padding-left: 10px;
	}
  
#logo {
	height: 166px;
	}
  
#nav *{
  	border:0px none !important;
	}	

#nav {
	height: 35px;
	background-image: url(../imagenes/menu.gif);
	background-repeat:   repeat-x;
	}
	
#nav_main{
	display:inline;
	float:left;
	line-height:0pt;
	overflow:hidden;
	text-align: center;
	}
	
#nav ul {
	margin-left:5px;
	}
  
#nav_main ul {
	display:inline;
	float:left;
	}

#nav_main ul li {
	display:inline;
	float:left;
	font-size:1em;
	line-height:1em;
	width: 140px;
	}

#nav_main ul li#current a, 
#nav_main ul li#current a:focus, 
#nav_main ul li#current a:hover, 
#nav_main ul li#current a:active {
	color:#5e4fa2;
	font-weight:bold;
}


#nav_main ul li#current a, 
#nav_main ul li#current a:focus, 
#nav_main ul li#current a:hover, 
#nav_main ul li#current a:active {
	color:#5e4fa2;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#nav_main ul li a{
	color:#5e4fa2;
	display:block;
	font-size:13px;
	margin:0pt;
	text-decoration:none;
	width:auto;
	background-color: transparent;
	padding-top: 0.6em;
	padding-right: 0.1em;
	padding-bottom: 0.5em;
	padding-left: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

#home{
	height: 425px;
}

#alojamiento{
	height: 37px;
	}

.alojaDestacado#alojamiento{
	background-image: url(../imagenes/fondoAlojaDestacado.gif);
	background-repeat:    repeat-x;

}
.alojaOferta#alojamiento{
	background-image: url(../imagenes/fondoUltimaOferta.gif);
	background-repeat:    repeat-x;
}
.alojaAvanzada#alojamiento{
	background-image: url(../imagenes/fondoBuscaAvanzado.gif);
	background-repeat:    repeat-x;
}

.alojaBusca#alojamiento{
	background-image: url(../imagenes/fondoBuscaAloja.gif);
	background-repeat:   repeat-x;
}

h1{
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 12pt;
}

h1 a{
	color: #FFFFFF;
	padding-top: 5px;
	font-size: 12pt;
}


h2{
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 16pt;
}
	
#cuadro {
	height: 124px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#cuadroA{
	width: 275px;
	margin-left: 27px;
	margin-top: 15px;
	}

#fotoCuadroA{
	float: left;
	text-align: center;
	}

#fotoCuadroA img{
	border: 2px solid #f2c021;
	}

#txtCuadroA{
	height: 97px;
	width: 165px;
	float: left;
	}
	
#txtCuadroA p{
	color:#9d7a02;
	font-family: Arial;
	font-size: 10pt;
	margin-left: 10px;
	}
	
#txtCuadroA p span{
	color:#9d7a02;
	font-size: 18pt;
	}


#cuadroAO{
	margin-top: 10px;
	margin-left: 10px;
	}

#fotoCuadroAO{
	text-align: center;
	float: left;
	}

#fotoCuadroAO img{
	border: 2px solid #e54fa3;
	}

#txtCuadroAO{
	height: 97px;
	float: left;
	}
#txtCuadroAO p{
	color:#e54fa3;
	font-family: Arial;
	font-size: 8pt;
	margin-left: 5px;
	}
	
#txtCuadroAO p span{
	color:#e54fa3;
	font-size: 15pt;
	}


#mapa{
	width: 100%;
	text-align: center;
	}
	
#txtMapa{
	display: block;
	height: 205px;
	}
	
#txtMapaA{
	float: left;
	margin-left: 2px;
	width: 154px;
	width: 49% !important;
	}

#verMas{
	float: right;
	padding-right: 15px;
	}
	
#verMas a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #9b2231;
	font-weight: bolder;
	}

#cuerpoListado{
	height: 50px; /* para IE5+ */

	}
#contList{
	height:60px;
	}

#txtMapaBusca{
	float: left;
	margin-left: 2px;
	width: 154px;
	width: 49% !important;
	}

#txtMapaBusca li {
	list-style-type: none;
	margin-left: 10px;
	line-height: 19px;
	}


#txtMapaA li {
	list-style-type: none;
	margin-left: 5px;
	line-height: 15px;
	}

#txtMapaA li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #9b2231;
	}

#txtMapaBusca li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #9b2231;
	}

.alojaBusca#txtMapaA{
	width:160px;
	}
	
#txtMapaB{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9b2231;
	margin-bottom: 5px;
	}

#txtMapaB h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #9b2231;
	
	}

#txtMensaje{
	height:100%;
	}
	
#txtMensaje p{
	font-family: Arial;
	font-size: 10pt;
	margin-left: 10px;
	text-align: center;
	margin-top: 15px;
	}

#buscaAloja{
	background-image: url(../imagenes/fondoBuscaAloja.gif);
	background-repeat:   repeat-x;
	height: 37px;
}

#buscaAvanzado{
	background-image: url(../imagenes/fondoBuscaAvanzado.gif);
	background-repeat:      repeat-x;
	height: 37px;
}

#ofertasUltimas{
	height:37px;
	background-image: url(../imagenes/fondoUltimaOferta.gif);
	background-repeat:  repeat-x;
}
  
.footer {
	width: 891px;
	height: 23px;
	background-image: url(../imagenes/fondoFooter.gif);
	background-repeat:    repeat-x;
	float: left;
	margin-top: 5px;
	clear:both;
}

#textoPie{
	text-align: center;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
	padding-top: 3px;
	
	}

#textoPie a{
	text-align: center;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
	padding-top: 3px;
	text-decoration: underline;	
	}


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

#col1 {
	width: 312px;
	float: left;
	height: 425px;
	background-color: #F7EECF;

}

.alojaDestacado#col2 {
	margin-left: 241px !important;
	margin-left: 239px;
	}
.alojaOferta#col2 {
	margin-left: 241px !important;
	margin-left: 239px;
	}
.alojaAvanzada#col2 {
	margin-left: 241px !important;
	margin-left: 239px;
	}		
.alojaBusca#col2 {
	margin-left: 241px !important;
	margin-left: 241px;
	}

.contacto#col2 {
	margin-left: 241px !important;
	margin-left: 239px;
	}

.quienes#col2 {
	margin-left: 241px !important;
	margin-left: 239px;
	}
	
.ficha#col2 {
	width: 891px;
	}

#contactar{
	background-image: url(../imagenes/fondoContacto.gif);
	background-repeat:   repeat-x;
	height: 37px;
	}
	
#quienes{
	background-image: url(../imagenes/fondoContacto.gif);
	background-repeat:   repeat-x;
	height: 37px;
	}

#ficha{
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeb709;
	}

#ficha h2{
	color:#eeb709;
	font-family: Verdana;
	font-size: 18px;
	text-transform: capitalize;
	text-align: center;
	}

#txtFicha{
	margin-top: 10px;
	}

.ficha#fotoCuerpoZ{
	width: 410px;
	float: left;

	}

.ficha#fotoCuerpoZ img{
	margin-bottom: 10px;
	}


.ficha#txtCuadroF{
	margin-left: 420px;
	}

.ficha#txtCuadroF p{
	font-family: Verdana;
	font-size: 14px;
	color:#524297;
	margin-left: 10px;
	text-align: justify;
	}

#encabezadoTexto{
	height: 30px;
	}

#encabezadoTexto h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #eeb709;
	font-style: italic;
	text-transform: capitalize;
	}

#encabezadoTexto a{
	font-family: verdana;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	}
	
#ref{
	width:200px;
	height: 30px;
	float: left;
	}
	
#reservar{
	width:120px;
	background-color: #eeb709;
	float: right;
	height: 20px;
	padding-top: 5px;
	padding-left: 3px;
	}

#txtReserva{
	display:inline-block;
	width:80px;
	float:left;
	margin-left: 10px;
	}

#flechaReserva{
	display:inline-block; 
	float:left; 
	width:20px
	}

#col3 {
	width: 339px !important;
	float: left;
	height: 425px;
	background-color: #ffe3da;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}
#txtMapa h1 a{
	color:#9b2231;
	text-decoration:none;
	}
#col1_content {
	background-color: #F7EECF;
	padding: 0px;
	}
	
#col3_content {
	background-color: #ffe3da;
	padding: 0px;
	height: 100%;
	}
	
#col4 {
	width:236px;
	float: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#col4_content {
	height: 268px !important;
	height: 265px;
	padding: 0px;
	background-color: #E2D3EB;
}

#col4b_content {
	height: 152px !important;
	height:150px;
	padding: 0px;
	background-color: #f5b9da;
}

/* ------------------------------------------------------------
 para el tema de los input y formularios
 ------------------------------------------------------------*/
 
 /* 
Estilo para elementos label. 
Muestra los elementos label en bloque 
y con la letra negrita. 
*/ 
#formulario{
	padding-left: 27px;
	width: 200px;
	}
	
#formulario label {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #9669b1;
} 
 
/* 
Estilo para elementos legend. 
Crea un titulo con el texto de legend. 
*/ 
#formulario legend { 
 font-size:120%; 
} 
 
/* 
Estilo para elementos fieldset. 
Elimina los bordes del formulario. 
*/ 
#formulario fieldset {
	border:none;
	margin-top: 3px;
} 


/* Estilo para elementos input y textarea. 
Crea un borde de 1px negro. 
*/ 

#formulario input[type=hidden]{
	display: none;
} 


#formulario input{
	border:1px solid #656565;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #656565;
	width: 165px;
	display: inline;
} 

#formulario select {
	border:1px solid #656565;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 165px;
	display: inline;
	}
/* Estilo para elementos input y textarea con foco. 
Cuando se selecciona uno de estos 
elementos el color de fondo cambia. 
*/ 
#formulario input:focus, textarea:focus { 
 background:#E2D3EB; 
} 

#boton{
	text-align: right;
	display: inline;
	}
#boton input{
	background-color:#FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	color: #9669b1;
	width: 80px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
 /*-------------------------------------------------------------------------------------

 Estilos para contenidos que no sean de la home
  
 --------------------------------------------------------------------------------------- */
  

.contenido{
	clear: both;
	background-image: url(../imagenes/fondoCuerpo.gif);
	background-repeat:  repeat-y;
	}

#contenidoF{

	}

.contenido#col1 {
	width: 238px;
}

.contenido#col1_content {
	height: 413px;
	background-color: #F7EECF;
	padding: 0px;
	}
.contenido#col4_content {

	height:420px;
}

#filtro{
	height: 60px;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	}
	
#filtro p{
	font-family: Verdana;
	font-size: 10pt;
	color: #d9b026;
	line-height: 30px;
	}
.alojaOferta#filtro p{
	font-family: Verdana;
	font-size: 10pt;
	color: #e54fa3;
	line-height: 30px;
	}
.alojaAvanzada#filtro p{
	font-family: Verdana;
	font-size: 10pt;
	color: #8e60ab;
	line-height: 30px;
	}		
#filtro p select{
	font-family: Verdana;
	font-size: 10pt;
	color: #d9b026;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #d9b026;
	border-bottom-color: #d9b026;
	margin-left: 10px;
	}
.alojaOferta#filtro p select{
	font-family: Verdana;
	font-size: 10pt;
	color: #e54fa3;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #e54fa3;
	border-bottom-color: #e54fa3;
	margin-left: 10px;
	}
.alojaAvanzada#filtro p select{
	font-family: Verdana;
	font-size: 10pt;
	color: #8e60ab;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #8e60ab;
	border-bottom-color: #8e60ab;
	margin-left: 10px;
	}	

#txtFiltro{
	background-color:#CC0000;
	}

#paginador{
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.alojaDestacado#paginador{
	border: 1px solid #dab026;
	background-color: #f7eecf;

	}
.alojaOferta#paginador{
	border: 1px solid #e54fa3;
	background-color: #f5b9da;
	}
	
.alojaAvanzada#paginador{
	border: 1px solid #8e60ab;
	background-color: #e2d3eb;
	}
	
#txtCuerpo{
	height: 142px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
		
.alojaDestacado#txtCuerpo{
	border: 1px solid #dab026;
	}
.alojaOferta#txtCuerpo{
	border: 1px solid #e54fa3;
	}
.alojaAvanzada#txtCuerpo{
	border: 1px solid #8e60ab;
	}		

#txtCuerpoBusca{
	width: 640px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 10px;
	height: 420px;
}

.contacto#txtCuerpo{
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	height:100%;
	}

.quienes#txtCuerpo{
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	height:100%;
	}

#listPropiedades{
	width:auto !important;
	width:646px;
	padding-left: 3px;
}


#fotoCuerpoBusca{
	background-color: #f3e9e9;
	width: 300px;
	float: left;
	height: 320px;
	margin-right: 10px;
	text-align: center;
	padding-top: 100px;
	}

#fotoCuerpo{
	margin-right: 10px;
	float: left;
	}

#fotoCuerpo img{
	border:none;
	}
	
#txtCuerpoA{
	float: left;
	width: 198px;
	height: 134px;
	margin-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	}

.alojaDestacado#txtCuerpoA{
	border-left-color: #dab22c;
	}
.alojaOferta#txtCuerpoA{
	border-left-color: #e54fa3;
	}
.alojaAvanzada#txtCuerpoA{
	border-left-color: #dc55e1;
	}		

#txtContBusca{
	float: left;
	width: 320px;
	height: 420px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9b2231;
	}
#txtContBusca h1 a{
	color:#9b2231;
	text-decoration:none;
	}
#txtCuerpoA p{
	font-family: Arial;
	font-size: 10pt;
	margin-left: 5px;
	}
	
.alojaDestacado#txtCuerpoA p{
	color:#9d7a02;
	}	
.alojaOferta#txtCuerpoA p{
	color:#e54fa3;
	}
.alojaAvanzada#txtCuerpoA p{
	color:#8e60ab;
	}
.alojaDestacado#txtCuerpoA a{
	color:#9d7a02;
	}	
.alojaOferta#txtCuerpoA a{
	color:#e54fa3;
	}
.alojaAvanzada#txtCuerpoA a{
	color:#8e60ab;
	}

#txtCuerpoA p span{
	font-family: Arial;
	font-size: 13pt;
	margin-left: 5px;
	}
		
.alojaDestacado#txtCuerpoA p span{
	color:#9d7a02;
	}
.alojaOferta#txtCuerpoA p span{
	color:#e54fa3;
	}
.alojaAvanzada#txtCuerpoA p span{
	color:#8e60ab;
	}
		
#txtCuerpoB{
	float: left;
	width: 230px;
	border-left-width: 1px;
	border-left-style: solid;
	height: 134px;
	overflow: hidden;
	}

.alojaDestacado#txtCuerpoB{
	border-left-color: #dab22c;
	}

.alojaOferta#txtCuerpoB{
	border-left-color: #e54fa3;
	}
.alojaAvanzada#txtCuerpoB{
	border-left-color: #8e60ab;
	}	

#txtCuerpoB p{
	font-family: Arial;
	font-size: 10pt;
	margin-left: 5px;
	}
	
.alojaDestacado#txtCuerpoB p{
	color:#9d7a02;
	}
	
.alojaOferta#txtCuerpoB p{
	color:#e54fa3;
	}
	
.alojaAvanzada#txtCuerpoB p{
	color:#8e60ab;
	}		

#botonesCuerpo{
	float: left;
	width: 230px;
	text-align: right;
	}
	
#botonesCuerpo input{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	width: 75px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	}

.alojaDestacado#botonesCuerpo input{
	background-color: #d9b026;
	}
	
.alojaOferta#botonesCuerpo input{
	background-color: #e54fa3;
	}
	
.alojaAvanzada#botonesCuerpo input{
	background-color: #8e60ab;
	}	
		
#txtPaginador{
	float: left;
	width: 220px;
	}

#txtPaginador p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin-left: 10px;
	}

.alojaDestacado#txtPaginador p{
	color:#d9b026;
	}

.alojaOferta#txtPaginador p{
	color:#e54fa3;
	}	
	
.alojaAvanzada#txtPaginador p{
	color:#8e60ab;

	}
#txtNumeros {
	float: left;
	width: 300px;
	}

#txtNumeros a img {
	border:none;
	}
		
#txtNumeros a {
	color: #d9b026;
	font-family: verdana;
	font-size: 10pt;
	}
	
#txtNumeros a:hover{
	color: #d9b026;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;	
}

#txtNumeros a:active {
	color: #d9b026;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
}

#txtNumeros span.current {
	font-weight: bold;
	color: #d9b026;
	font-family: Verdana;
	font-size: 11pt;
}
.alojaAvanzada#txtNumeros a {
	color: #8e60ab;
	font-family: verdana;
	font-size: 10pt;
	}
	
.alojaAvanzada#txtNumeros a:hover{
	color: #8e60ab;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;	
}

.alojaAvanzada#txtNumeros a:active {
	color: #8e60ab;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
}

.alojaAvanzada#txtNumeros span.current {
	font-weight: bold;
	color: #8e60ab;
	font-family: Verdana;
	font-size: 11pt;
}
.alojaOferta#txtNumeros a {
	color: #e54fa3;
	font-family: verdana;
	font-size: 10pt;
	}
	
.alojaOferta#txtNumeros a:hover{
	color: #e54fa3;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;	
}

.alojaOferta#txtNumeros a:active {
	color: #e54fa3;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
}

.alojaOferta#txtNumeros span.current {
	font-weight: bold;
	color: #e54fa3;
	font-family: Verdana;
	font-size: 11pt;
}
	
#txtNumeros span.disabled {
	color: #999999;
}

/* -----------------------------------------------------------------------------

formulario de contacto

------------------------------------------------------------------------------*/

.contacto#formulario{
	width: 474px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}
	
.contacto#formulario label {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #524297;
} 
 
/* 
Estilo para elementos legend. 
Crea un titulo con el texto de legend. 
*/ 
.contacto#formulario h3 {
	font-family: Verdana;
	font-size: 12pt;
	color: #FFFFFF;
} 

#tituloContacto{
	background-image: url(../imagenes/fondoFormContacto.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 464px;
	padding-top: 6px;
	padding-left: 10px;
	}
 
/* 
Estilo para elementos fieldset. 
Elimina los bordes del formulario. 
*/ 
.contacto#formulario fieldset { 
 border:none; 
} 
 
/* Estilo para elementos input y textarea. 
Crea un borde de 1px negro. 
*/ 
.contacto#formulario input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #524297;
	width: 357px;
	display: inline;
	background-color: #f9f4e2;
	border: 1px solid #524297;
	height: 20px;
} 

.contacto#formulario textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #524297;
	width: 357px;
	display: inline;
	background-color: #f9f4e2;
	border: 1px solid #524297;
	height: 80px;
} 

.contacto#formulario input[type=hidden]{
	display: none;
}

.contacto#formulario input[type="button"], .contacto#formulario input[type="submit"] {
	width:70px;
	background-color: #524297;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	text-transform: uppercase;
	}
.contacto#formulario button{
	width:70px;
	background-color: #524297;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	text-transform: uppercase;
	}
	
.contacto#formulario input[type=button]:focus , .contacto#formulario input[type="submit"]:focus{
	background-color: #524297;
	}

.contacto#formulario input[type=button]:hover, .contacto#formulario input[type="submit"]:hover {
	cursor: pointer;
	}

.contacto#formulario select {
	border:1px solid #656565;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 165px;
	display: inline;
	}
/* Estilo para elementos input y textarea con foco. 
Cuando se selecciona uno de estos 
elementos el color de fondo cambia. 
*/ 
.contacto#formulario input:focus, textarea:focus {
	background-color: #f9f4e2;
	border: 1px solid #524297;
} 

.contacto#boton{
	margin-top: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b690cd;
	padding-top: 2px;
	text-align: right;
	}
.contacto#boton input{
	background-color:#FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	color: #9669b1;
	width: 80px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#cuerpoContacto{
	background-color:#cbc6e0;
	/*height: 255px;*/
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #524297;
	border-bottom-color: #524297;
	border-left-color: #524297;
	padding-left: 25px;
	padding-top: 5px;
	}

#cuerpoContacto p{
	margin-top: 5px;
	margin-bottom: 5px;

	}
#cuerpoContacto h6{
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#524297;
	}
.contacto#txtCuadroC{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	}

.contacto#txtCuadroC p{
	font-family: Verdana;
	font-size: 12px;
	color:#524297;
	margin-left: 15px;
	}
	
.quienes#txtCuadroQ{
	width: 640px;
	margin-top: 10px;
	}

.quienes#txtCuadroQ p{
	font-family: Verdana;
	font-size: 12px;
	color:#524297;
	margin-left: 15px;
	text-align: justify;
	}
	
#mapaGoogle{
	height:220px;
	border: 1px solid #eeb709;
	margin-top: 20px;
	}
	
#txtTablas{
	height: 100%;
	margin-top: 20px;
	}
	
#txtTablas table{
	border: 1px solid #eeb709;
	width:100%;
	border-collapse:collapse;
	margin-bottom: 15px;
		
	}

#txtTablas table thead th{
	border: 1px solid #eeb709;
	background-color:#FCF1CE;
	font-size: 16px;
	text-align: left;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#txtTablas table tbody th{
	padding:3px;	
	font-size: 14px;
	width:50%;
	text-align: right;
	border: 1px solid #eeb709;
	}


#txtTablas table tbody td{
	padding:3px;
	font-size: 14px;
	border: 1px solid #eeb709;	
}

#txtTablas table th {
	background-color: #fcf1ce;
	color: #5a5a5a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
#txtTablas table th span {
	background-color: #fcf1ce;
	color: #5a5a5a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	}
#txtTablas table button {
	background-color: #fcf1ce;
	color: #5a5a5a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 350px;
	}
#txtTablas table textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90%;
	font-size: 12px;
	}
#medio{
	height:114px;
	overflow:hidden;
	text-align: justify;
	}
#naturalpixel {
	padding-top: 10px;
	text-align: center;
}
naturalpixel a{
	font-size: 10px;
}