@charset "iso-8859-1";
/* CSS Document */

/*MAIN*/
/*Marco ppal que contiene todo menos el bajo*/
#MAIN{
position:relative;
visibility:visible;
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
}

/*CABECERA*/
/*Cabecera con nombre de posada y manchas de uva*/
#BANNER{
position:relative;
visibility:visible;
float:left;
width:100%;
height:102px;
background:url(imgs/banner.jpg) no-repeat;
}

/*MENU*/
/*Menu dentro de columna izquierda*/
#MENU{
position:relative;
visibility:visible;
float:left;
width:200px;
height:auto;
min-height:550px;
color:#b5a6cf;
font-family:sans-serif, Helvetica, Verdana, Arial;
font-size:24px;
}
/*Separa a los botones del menu entre si*/
._botones{
margin-top:50px;
}
/*Quita bordes azules y ubica horizontalmente a los botones del menu*/
._botones img{
margin-left:20px;
border:0px;
}
/*Mueve botones del menu al ubicar el mouse encima*/
._botones img:hover{
padding-left:20px;
}

/*CONTENIDO*/
/*Caja donde se carga cada seccion de la pagina: Posada, Habitaciones, etc...*/
#CONTENIDO{
position:relative;
visibility:visible;
float:left;
width:800px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:3px;
color:#333333;
padding-top:50px;
}
/*Agrega color y quita subrayado a los links de la caja CONTENIDO*/
#CONTENIDO a{
text-decoration:none;
color:#856285;
}
/*Le agrega bordes bordo a las imagenes de la caja CONTENIDO*/
.bordeImg{
border:3px #990066 groove;
}
/*Le agrega borde bordo a la imagen de como_llegar.php*/
.imgComoLlegar{
width:718px;
height:405px;
border:3px #990066 groove;
}

/*BAJO*/
/*Estilos del bajo donde esta el logo de Trip advisor*/
#BAJO{
position:relative;
visibility:visible;
width:100%;
height:99px;
float:left;
background:url(imgs/bajoDer.jpg) right top no-repeat; 
}
/*Ubicacion del logo de Trip Advisor*/
._triplogo{
padding-top:50px;
margin-left:30px;
width:162px;
height:36px;
}

/*FOTOS*/
/*Caja ubicada dentro de CONTENIDO que muestra los thumbs del album de fotos*/
.CatalogoFotos{
position:relative;
visibility:visible;
float:left;
width:42%;
height:auto;
}
/*Caja ubicada dentro de CONTENIDO que muestra las fotos seleccionadas en CatalogoFotos*/
.MuestraFotos{
position:relative;
visibility:visible;
float:left;
width:50%;
height:auto;
}
/*Div que contiene los thumbs que se repiten de acuerdo a los subidos en la base de datos*/
.thumb{
position:relative;
visibility:visible;
float:left;
width:100px;
height:70px;
margin:2px;
}
/*Copia de la imagen subida a la base de datos en dimensiones menores*/
.thumb img{
width:80px;
height:60px;
border:1px #990066 groove;
}
/*Aplica un aumento del thumb al pasar el mouse por encima*/
.thumb img:hover{
width:82px;
height:62px;
}
/*Marco de la foto grande de MuestraFotos, segun el thumb clickeado*/
.marcoFoto{
position:relative;
visibility:visible;
margin-left:20px;
width:400px;
height:300px;
}
/*Dimensiones y borde de la imagen grande mostrada en MuestraFotos*/
.marcoFoto img{
width:355px;
height:200px;
border:3px #990066 groove;
}

/*CONTACTO*/
/*Separa la tabla del formulario del menu*/
.tablaContacto{
margin-left:100px;
}
.tablaContacto td{
height:30px;
}
/**/
.titulosFormContacto{
padding-right:20px;
}
.txtBoxContacto{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:3px;
color:#333333;
}