@charset "utf-8";


/* CSS Document */

/********************* LAYOUT ************************/
body{
	color: #FFFFFF;
	font: 11px Verdana;
	background-color: #4F3F3F;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}
img {
	behavior: url(iepngfix.htc);
	float: left;
}
a:hover {
	text-decoration: none;
	color: #FFAE00;
}
#wrapper_home{
	top:0;
	width:1007px;
	height:800px;
	z-index:1;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
}

#cabecera {
	float:left;
	width: 935px;
	padding-left: 35px;
	height: 115px;
	z-index: 0;
	padding-right: 35px;
}
#cabecera   .logo {
	float:left;
	z-index: 0;
	width: 330px;
	margin-bottom: 0px;
}
#cabecera    img {
	z-index: 0;
	margin-top: 5px;
	margin-left: 25px;
}


#left{
	float:left;
	width: 310px;
	height: 480px;
}
#left  .lugar{
	float: left;

}
#left h2{
	margin-bottom: 2px;
	color: #FF6600;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#left h2 a{
	
}
#left h2 a:hover{
	color: #FFAE00;
	
}
#galeria{
	float:left;
	width: 600px;
	height: 550px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
}


#center{
	width: 940px;
	height: 525px;
	line-height: 16px;
	position: relative;
	padding-left: 30px;
	padding-right: 32px;
	margin-bottom: 32px;
	float: left;
	margin-top: 0px;
}
#center  img{



}
#center p{
	line-height: 20px;
	margin-bottom: 15px;
}
#center  h2     {
	margin-bottom: 20px;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#center   h3     {
	margin-bottom: 5px;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#center  #home{
	height: 480px;
	margin-top: 22px;
	* html margin-top: 17px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 900px;
}
#center  .lugar{
	height: 410px;
	width: 278px;
	padding-top: 20px;
	padding-right: 16px;
	padding-left: 16px;
}
#center       .galeria {
	width: 155px;
	padding: 5px;
	background-color: #F5F2E3;
	float: left;
	margin-right: 6px;
	text-align: center;
	margin-left: 6px;
	height: 100px;
}
#right_appart{
	float:right;
	width: 375px;
	height: 480px;
	padding-right: 15px;
}
#right_appart     h2        {
	margin-bottom: 8px;
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 15px;
}
#left_appart{
	float:left;
	width: 480px;
	height: 460px;
	padding-top: 20px;
	margin-left: 15px;
}

#right{
	float:right;
	width: 560px;
	height: 460px;
	position: relative;
	padding-bottom: 20px;
	line-height: 18px;
	padding-right: 15px;
}
#right  p{
	margin-bottom: 15px;
}
#rightvideo{
	float:right;
	width: 450px;
	height: 450px;
	line-height: 18px;
	position: relative;
	padding-right: 50px;
	padding-top: 10px;
}
#right a{
	text-decoration: none;
}
#right  ul{
	text-decoration: none;
}
#right   ul li{
	text-decoration: none;
	list-style-type: square;
	list-style-position: inside;
	margin-left: 50px;
}
#right  h2     {
	text-align: left;
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
#right   h2 a     {
	text-align: left;
	color: #FF6600;
	margin-top: 10px;
}
#right   h2 a:hover     {
	text-align: left;
	font-size: 22px;
	color: #FFAE00;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#left_contacto{
	float:left;
	width: 310px;
	height: 460px;
	position: relative;
	padding-bottom: 20px;
	line-height: 18px;
	padding-right: 15px;
}
#middle_contacto{
	float:left;
	width: 369px;
	height: 460px;
	position: relative;
	padding-bottom: 20px;
	line-height: 18px;
	padding-left: 15px;
	text-align: left;
	margin-right: 5px;
}
#middle_contacto     h2     {
	text-align: left;
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
#right_contacto{
	float:right;
	width: 180px;
	height: 460px;
	position: relative;
	padding-bottom: 20px;
	line-height: 18px;
	text-align: center;
	background-color: #AA8477;
	z-index: 0;
}
#right_contacto    h2     {
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
}



/* FORMATO DE AGENDA DE EVENTOS */
.calendarBox {
	position: relative;
	top: 30px;
	margin: 0 auto;
	padding: 5px;
	width: 390px;
	border: none;
}

.calendarFloat {
	float: left;
	width: 31px;
	height: 25px;
	margin: 1px 0px 0px 1px;
	padding: 1px;
	border: 1px solid #000;
}
/*-----------PIE DE LA PAGINA------------*/
#footer {
	height: 30px;
	width: 100%;
}
#footer p {
	color:#666666;
	font-size:0.9em;
	text-align: center;
	color:#F4FCE5;
	line-height: 2em;
}

#footer a {
	color:#666666;
	font-size:0.9em;
	text-align: center;
	color:#FFB900;
}
#links{
	width: 940px;
	height: 85px;
	position: relative;
	padding-left: 40px;
	padding-right: 32px;
	float: left;
	margin-top: 0px;
}

/*-------------- DISEÑO DE TABLAS ---------------------*/


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 570px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	color: #FFFFFF;
}
#one-column-emphasis td
{
	padding: 1px 5px 1px 5px;
	color: #FFFFFF;
	border-top: 1px solid #AA8477;
}
.oce-first
{
	background-color: #91695B;
}

#one-column-emphasis tr:hover td
{
	color: #FFFFFF;
	background-color: #AA8477;
}

/*************** GALERIA ****************/
#gallery {
	position:relative;
	width:605px;
	padding:10px 10px 10px 0;
	height: 558px;
	float: right;
	background-color: #E2E5D0;
}
#images {
	border:2px solid #f5f2e3;
	height:225px;
	background:#eef5f6;
	margin-bottom:20px
}
#image {
	position:relative;
	width:590px;
	height:395px;
	padding:5px;
	background:#f5f2e3 url(images/loading.gif) center center no-repeat
}
#image img {
	position:absolute; 
	top:5px; 
	left:5px
}
#thumbwrapper {
	margin-top:25px;
	padding:5px 0;
	width:598px;
	height:100px;
	border:2px solid #f5f2e3;
	background:#f5f2e3
}
#thumbarea {
	position:relative;
	overflow:hidden;
	height:100px;
	width:600px;
}
#thumbs {
	position:absolute;
	list-style:none;
	margin-left:5px;
	height:100px;
	width:10000px;
	border-right:5px solid #f5f2e3
}
#thumbs li {
	float:left; 
	margin-right:5px; 
	cursor:pointer}
.imgnav {
	position:absolute; 
	height:375px; 
	width:20%; 
	z-index:100; 
	height:375px; 
	width:20%; 
	z-index:100; 
	outline:none; 
	cursor:pointer}
#previmg {
	left:0;
	background:url(images/left.gif) left center no-repeat;
	border-left:5px solid #f5f2e3
}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {
	right:0;
	background:url(images/right2.gif) right center no-repeat;
	border-right:5px solid #f5f2e3
}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


/********************MENU PRINCIPAL**************/
#menu {
	margin-top: 15px;
	height: 32px;
	float: right;
	width: 600px;
}
#menutop/********************MENU PRINCIPAL**************/
 {
	margin-top: 30px;
	height: 30px;
	float: right;
	width: 600px;
}
#menutop p/********************MENU PRINCIPAL**************/
 {
	text-align: right;
	color: #E4E4E4;

}
#menutop  p a/********************MENU PRINCIPAL**************/
 {
	color: #E4E4E4;

}
#menutop   p  a:hover/********************MENU PRINCIPAL**************/
 {
	color: #FFAE00;

}

#slider {
	width: 900px; /* important to be same as image width */
	height: 287px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
	width: 900px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 384px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*------------ RECUADRO DE FOTOS ----------*/
.fotol
 {
	background-color: #F7FAE9;
	padding: 4px;
}
.fotor {
	background-color: #493B3A;
	float: right;
	border: 1px solid #e4e2d3;
	margin-left: 10px;
	padding: 7px;
	margin-top: 2px;
}
/*********** FORMULARIO **************/
form{
	width:369px;
	padding:5px 0;
	height: 400px;
}
fieldset{
	border: 0px solid #000;
}

/*Ahora definimos las medidas del div que contiene al formulario, tanto el margen, ancho y alto.*/

div.medidas,div.check{
	margin: 1px 0 1px 1px;
}

.medidas label {
	float:left;
	width:120px;
	line-height:23px;
	margin-top: 5px;
}
.medidas input {
	width:200px;
	margin-top: 5px;
}
.medidas  .etiqueta {
	float:left;
	width:120px;
	line-height:23px;
}
#etiquetapick    {
	float:left;
	width:120px;
	line-height:23px;
}
.etiquetaalta    {
	float:left;
	width:120px;
	line-height:23px;
	height: 95px;
}
.medidas  .campo {
	width:150px;
	float: left;
}
#fechas/*Ahora definimos las medidas del div que contiene al formulario, tanto el margen, ancho y alto.*/

{
	margin: 1px 0 1px 1px;
	width: 365px;
	height: 28px;
	float: left;
}
#comentarios      {
	width:248px;
	float: left;
	height: 90px;
	margin-top: 5px;
}
#submit      {
	width:240px;
	float: left;
	height: 35px;
	margin-top: 15px;
	padding-left: 120px;
}
#submit .button      {
	width:150px;
	float: left;
	height: 35px;
	background-color: #AA8477;
	color: #FFFFFF;
}
.medidas   .pick {
	float: left;
}
.datedesde      {
	width:75px;
	margin-top: 5px;
	float: left;
}
.datehasta      {
	width:75px;
	margin-top: 5px;
	float: left;
}
.medidas .comment {
	width:250px;
	margin-top: 5px;
	height: 100px;
	display: inline;
}