@charset "UTF-8";
/* CSS Document */


/* Generic Classes */

.clear        { clear:both; }
.left         { float:left; }
.right        {
	float:right;
	padding-right: 80px;
}
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}


/* Layout */

body{font:0.7em Helvetica, Arial, Sans-Serif;color: #333366;} /*#963;*/

div#container{width:795px;margin:0 auto}
div#navigation{float:left;width:675px; height: 167px}
div#navigation-long{float:left;width:435px; height: 300px}
div#extra{float:right;width:200px; height: 200px;}
div#footer{clear:both;width:100%}


/* Nayith*/
#footer2{
	width:675px;
	height:auto;
	float:left;
	/*background-image:url(../img/layout/rep_foo.png);
	background-repeat:repeat;
	background-color:#FDF5E5;*/
	border-top:1px solid #F6E0BA;
	margin-top:20px;
}
.tex_fo2 a:hover{
	text-decoration:underline;
}
.tex_fo2{
	color:#333366;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	text-decoration:none;
	text-align:center;
	line-height:15px;
}
#columna{
	width:200px;
	height:100px;
	float:left;
	padding:5px;
	margin:5px;
	border-right:1px solid #f6e0ba;
}
#columna3{
	width:200px;
	height:100px;
	float:left;
	padding:5px;
	margin:5px;
}
#columna2{
	width:auto;
	height:auto;
	float:left;
	padding:5px;
	margin:5px;
	text-align:center;
}
#maps{
	width:250px;
	height:300px;
	float:left;
	position:absolute;
	border:5px solid #fdddaa;
	margin-top:70px;
	margin-left:480px;
	background-color:#FFF;
}
/* Nayith */



/* Styles */

body {background: url(../img/layout/bg.png) repeat-x top}

/* Header */

div#header{height:90px; padding: 20px 0 0 0 }

div#header #logo{ width: 261px; height: 88px}

div#header #address{width:250px; text-align: center; font-size: 12px; line-height: 1.35em; padding: 5px 0 0 0 }


/* Content */

div#content {
	background: white url(../img/layout/content-bg.png) repeat-y;
	border:6px white solid;
	border-top: 0;
	height: 358px
} /*+70px*/
/*menu*/
div#content ul#navigation-1{
	list-style:none;
	height: 20px;
	font-size:11px;
	padding-top: 18px;
}

div#content ul#navigation-1 li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	height: 20px
}

div#content ul#navigation-1 li a:link,
div#content ul#navigation-1 li a:visited{
	padding: 0 12px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#963;
}

div#content ul#navigation-1 li:hover a,
div#content ul#navigation-1 li a:hover,
div#content ul#navigation-1 li a:active	{
	padding: 0 12px;
	display:block;
	text-align:left;
	text-decoration:underline;
}
  	
div#content ul#navigation-1 li ul.navigation-2	{ margin:7px 0 0 0 ;  list-style:none; display:none; background:url(../img/layout/menu-down-bg.png) ; width:230px; position:absolute;  }

div#content ul#navigation-1 li:hover ul.navigation-2{ display:block; }

div#content ul#navigation-1 li ul.navigation-2 li	{clear:left;/* width:100%;*/ text-align: left; padding: 5px 20px;background: transparent }

div#content ul#navigation-1 li ul.navigation-2 li a:link,
div#content ul#navigation-1 li ul.navigation-2 li a:visited { clear:left; background:none; padding:4px 0; position:relative; z-index:1000; }

div#content ul#navigation-1 li ul.navigation-2 li:hover a,
div#content ul#navigation-1 li ul.navigation-2 li a:active,
div#content ul#navigation-1 li ul.navigation-2 li a:hover{ clear:left; padding:4px 0;border:none; position:relative; z-index:1000;text-decoration:underline; }

div#content ul#navigation-1 li ul.navigation-2 li:hover{background:url(../img/layout/menu-down-bg.png); width: 190px}


/*Bar*/

div#bar{
	height: 55px;
	background: url(../img/layout/bar-bg.png) repeat-x top;
	width: 785px;
	color: white;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



div#bar #reservations{
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#bar td {vertical-align: top}

div#bar #submit { background:  url(../img/layout/input-go.png) no-repeat; border: 0; width: 54px; height: 16px;  margin: 1px 0 0 15px; cursor: pointer }

/*-------------------------------------------------------------*/
div#bar #botonDer {
padding:0 0 0 20px;
float:left;
width:425px;
}

div#bar #botonDer1 {
float:right;
width:127px;
height:55px;
}

.tamano {
width:420px;
}

.mes{
width:50px;
}
.dia{
width:50px;
}
.ano{
width:65px;
}
.noches{
width:44px;
padding-right:6px;
}
.adultos{
width:44px;
padding-right:6px;
}
.ninos{
width:44px;
padding-right:6px;
}
/*----------------Formulario Contato-------------------*/
#form {
    border:1px solid #FFCC66;
    width:710px;
    margin:auto;
}
#form legend{
font-family: "Trebuchet MS", Tahoma, Arial;
    font-weight:bold;
    font-size:12px;
	margin:5px;
}
#cont_izq{

float:left;
margin: 0 0 0 20px;
width:200px;
}
#cont_der{

float:right;
margin: 0 20px 0 0px;
width:320px;
}

#form ol{
    list-style:none;
}
#form ol li{
    padding-bottom:5px;
	
}
#form ol li label{
    font-family: "Trebuchet MS", Tahoma, Arial;
	width:120px;
    float:left;
    text-align:left;
}
#form ol2{
    list-style:none;
	float:right;
}
#form ol2 li{
    padding-bottom:5px;
	
}
#form ol2 li label{
    font-family: "Trebuchet MS", Tahoma, Arial;
	width:120px;
    float:left;
    text-align:left;
}
#form textarea{
font-family: "Trebuchet MS", Tahoma, Arial;	
	float: right;
    border:1px solid #FEE1A3;
	width: 320px;
	height: 100px;
	margin: 0 0 5px;
	background:none;
	
}

#form select{
font-family: "Trebuchet MS", Tahoma, Arial;
	float:left;
    border:1px solid #FEE1A3;
	width: 320px;
	background:none;
}

#form input[type=text] {
font-family: "Trebuchet MS", Tahoma, Arial;
	float:left;
    border:1px solid #FEE1A3;
	width: 320px;
	background:none;
}
#form input[type=checkbox] {
font-family: "Trebuchet MS", Tahoma, Arial;
    border:1px solid #FEE1A3;
	float: left;
	background:none;
}

#form input.btn {
    padding:3px;
	font-family: "Trebuchet MS", Tahoma, Arial;
    color: #999999;
    background-color: #FFCC66;
	border:1px solid #FFCC66;
	float: right;
	margin: 0 0 20px 0;
}
#form input.btn:hover {
font-family: "Trebuchet MS", Tahoma, Arial;
    padding:3px;
    color:#FFFFFF;
    background-color: #FF9900;
	border:1px solid #FFCC66;
	float: right;
	margin: 0 0 20px 0;
}

/*-----------------------------------------------------*/
/*div#bar select {width: 51px; background: transparent; border: 0 transparent; color: #fff; }*/


/* Navigation */

div#navigation{
background:#FDF5E5 url(../img/layout/navigation-bg.png);
background-repeat:repeat-x;
top:auto; 
height:100%; 
padding:33px 60px 0 60px;}

div#navigation h2 {margin: 0 0 16px 0}
div#navigation h3 {margin: 0 0 6px 0}

div#navigation_contact{
background:#FDF5E5 url(../img/layout/navigation-bg.png);
background-repeat:repeat-x;
top:auto; 
height:100%; 
padding:33px 60px 0 40px;}


/*Footer*/

div#footer {font-family: "Arial Narrow",  sans-serif ; text-align:center; font-stretch:ultra-condensed; background-color:#FDF5E5; width:100%; height:40px; padding-top:15px; float:left;}

div#footer #small{font-size: 8px}

div#footer #big{font-weight: bold; font-size: 11px; font-family: "Arial Narrow", sans-serif}