/*************************************************************/
body {
margin:5px 0; padding:0; 
font: 74% Arial, Sans-Serif; line-height: 1.4em; 
background : #000000;
}
.contenido { 
margin: 0 auto; padding: 0; 
width: 798px; 
background: #FFFFFF; color: #505050;
}
/*************************************************************/
/*** Cabecera ***/
.bienvenida {
background: #FFFFFF url(../img/bienvenida.jpg) no-repeat center top;
padding: 0; height: 328px; width: 798px;
}
.habitacion {
background: #FFFFFF url(../img/habitaciones.jpg) no-repeat center top;
padding: 0; height: 328px; width: 798px;
}
.convencion {
background: #FFFFFF url(../img/convenciones.jpg) no-repeat center top;
padding: 0; height: 328px; width: 798px;
}
.restaurante {
background: #FFFFFF url(../img/restaurante.jpg) no-repeat center top;
padding: 0; height: 328px; width: 798px;
}
.servicio {
background: #FFFFFF url(../img/servicios.jpg) no-repeat center top;
padding: 0; height: 328px; width: 798px;
}
.contacto {
background: #FFFFFF url(../img/contacto.jpg) no-repeat center top;
padding: 0; height: 328px; width: 798px;
}
/*************************************************************/
#menuPrincipal {
font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; text-align: center;
}
#menuPrincipal ul, li {
list-style-type: none;
}
#menuPrincipal ul {
margin: 0; padding: 0;
}
#menuPrincipal li {
float: left; width: 130px;
}
#menuPrincipal a {
text-decoration: none; text-align: center; font-weight: bold;
display: block; border-right: 1px solid #e6a3db;
padding: 3px 10px; 
}
#menuPrincipal .bienv a {
color: #004477; 
}
#menuPrincipal .habit a {
color: #FFFFFF; 
}
#menuPrincipal .conve a {
color: #004477; 
}
#menuPrincipal .resta a {
color: #FFFFFF; 
}
#menuPrincipal .servi a {
color: #004477;
}
#menuPrincipal .conta a {
color: #FFFFFF; 
}
#menuPrincipal a#primero {
margin: 0 0 0 0; padding: 3px 0;
}
#menuPrincipal a#ultimo {
border-right: none;
}
#menuPrincipal a.actual {
/*color: #c0bcbf;*/
color: #000;
}
#menuPrincipal a.actual:hover {
color: #FFFFFF; cursor: pointer;
}
#menuPrincipal a:hover {
background: #e6a3db; color: #000;
}
/*************************************************************/
.informacion{
padding: 0 10px 0 0; color: #505050;
}
#colBienvenida1{
padding: 6px; margin: 0 20px 0 40px; text-align: justify;
background: #f5d8a9; width: 300px; float: left;
}
#colBienvenida2{
float: left; padding: 0 0 0 20px; width: auto;
}
#colBienvenida3{
float: left; padding: 10px 5px 0 10px; margin: 0 0 0 0; width: auto;
}
#colBienvenida4{
float: left; margin: 10px 0 0 20px; width: 430px; text-align: justify;
}
#colHabitacion1{
float: left; padding: 0; margin: 0 20px 0 20px; width: auto;
}
#colHabitacion2{
float: left; padding: 10px; background: #cde064; width: 370px; text-align: justify;
}
#colHabitacion2 li{
list-style: disc; width: auto;
}
#colHabitacion3{
float: left; padding: 0; margin: 20px 0 0 20px; width: 300px; text-align: justify;
}
#colHabitacion4{
float: left; padding: 0 20px 0 0; margin: 20px 0 0 20px; height: 280px; width: 388px;
background: url(../img/formHab.jpg) no-repeat center top;
text-align: right; color: #FFF;
}
#colHabitacion4 h3{ 
font-size: 18px; font-weight: bold; line-height: 0.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center; color: #000;
}
#colConvencion1{
float: left; padding: 10px; margin: 0 20px 0 20px; background: #ffd062; width: 330px; text-align: justify;
}
#colConvencion2{
float: left; padding: 0; width: auto;
}
#colConvencion3 li{
list-style: disc; width: auto;
}
#colConvencion3{
float: left; padding: 0; margin: 20px 0 0 20px; width: 300px;
}
#colConvencion4{
float: left; padding: 0 20px 0 0; margin: 20px 0 0 20px; height: 280px; width: 388px;
background: url(../img/formCon.jpg) no-repeat center top;
text-align: right; color: #FFF; 
}
#colConvencion4 h3{ 
font-size: 18px; font-weight: bold; line-height: 0.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
#colConvencion5{
float: left; padding: 10px 0 0 0; margin: 0; width: auto;
}
#colConvencion6{
float: left; padding: 20px 45px 0 50px; margin: 0 auto; text-align: center; width: auto;
}
#colRestaurante1{
float: left; padding: 0; margin: 0 0 0 20px; width: auto;
}
#colRestaurante2{
float: left; padding: 10px 10px 0 0; margin: 0 0 20px 0;  width: 330px; height: 210px; text-align: justify;
background: #ffc98a url(../img/esquina.jpg) no-repeat right top;
}
#colRestaurante2 li{
list-style: disc; width: auto;
}
#colRestaurante3{
float: left; padding: 0; margin: 20px 0 0 20px; width: 300px;
}
#colRestaurante4{
float: left; padding: 0 20px 0 0; margin: 20px 0 0 20px; height: 267px; width: 400px;
background: url(../img/formRes.jpg) no-repeat center top;
text-align: right; color: #FFF; line-height: 2.4em; 
}
#colRestaurante4 h3{ 
font-size: 18px; font-weight: bold; line-height: 0.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
#colServicio1{
float: left; padding: 0; margin: 0 20px 0 60px; background: #FFF; width: 210px;
}
#colServicio2{
float: left; padding: 0; margin: 0 20px 0 0; background: #FFF; width: 210px;
}
#colServicio3{
float: left; padding: 0; margin: 0 0 0 0; background: #FFF; width: 210px;
}
.dos1, .tres1, .tres2{
padding: 0;  background: #FFF; width: 210px; height: 143px; text-align: justify;
}
.dos1 li, .tres1 li, .tres2 li{
list-style: disc; width: auto;
}
#colContacto1{
float: left; padding: 0; margin: 0 20px 0 20px; width: auto;
}
#colContacto2{
float: left; padding: 0 10px 0 20px; background: #cde064; width: auto;
}
#colContacto3{
float: left; padding: 0 0 0 20px; width: auto;
}
#colContacto3 input[type="text"], textarea{
background: #8acd37;
}
.featured{
background: #FFFFFF; color: #000000;
padding: 2px; width: auto;
}
.calendario img{ /* Calendario */
text-decoration: none; border: none; width: auto;
}

/*************************************************************/
/*** Recuadro princial ***/
#principal { 
margin: 0; min-height: 400px; 
color: #030303; 
}
/*************************************************************/
/*** Pie de página ***/
#pie { 
color: #a0a0a0; text-align: center; font-size: 90%;
clear: both; background: #000;
}
#pie .espacio{
background: #FFFFFF;
height: 20px;
}
#pie .texto{
background: #000000;
padding: 30px 0 0 0; margin: 0;
}
#pie .enlaces{
background: #000000; text-align: right;
padding: 2px 0 0 0; margin: 0;
}
#pie .enlaces a{
color: #444;
}
	#pie a { 	
	color: #999; text-decoration:none; 
	}
	#pie a:hover {		
	text-decoration: underline; color: #e2ae54;
	}	
/*************************************************************/
/*** Indicador de carga ***/
img.carga{
width: 130px; height: 15px;
position:absolute; top:275px; left:44%;
}

.exitoNombre{
font-weight: bold; color: #000;
}

div.error-message {
clear: both;
color: #000; font-weight: bold; background: #c6cacb; 
}
.mapa img{
cursor: pointer;
}
/*************************************************************/
/*** General ***/
.padding { /* agrega 15px de espacio */
padding: 15px;
}
table{
border-collapse:collapse;
}
p { 	
margin: 0 0 5px 0; padding: 0; 
color: #555; background: inherit; 
}
a { 	
color: #0F5B7F; text-decoration:none; background: inherit;
}
	a:hover { 	
	background: inherit; text-decoration: underline; 
	}
h1 { 
padding:0; margin:0; background: inherit;
font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; color: #0F5B7F;
}
	h1 a {
	color: #0F5BFF; background: inherit;
	}
h2 { 
background-color: inherit; color:#0F5B7F; font-size:140%; font-weight:bold; 
margin: 10px 0 10px 0; padding:0; 
}
	h2 a { 
	color: #0F5B7F; 
	}	
	h2 a:hover { 	
	color: #0F5BAF; text-decoration: none;
	}