* { margin: 0; padding: 0; }

body {
	background:#C9DFED url(images/fnd-body.jpg) no-repeat top;
	font: 1em Verdana, Tahoma, arial, sans-serif;
	color: #333; 
}

a, a:visited {
	text-decoration: none;
	color:#ffeeaa;

}
a:hover {
	color: #ffffaa;
}
p {
	margin-bottom:20px;
}
h1, h3, h4{
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight:bold;
	padding: 10px;
	margin: 0;
}
h1 {
	font-size: 200%;
	color:#65001C;
	font-style:italic;
	text-align:center;
	margin-top:10px;
}
h2 {
	font-size:100%;
 	background-color:#edebeb;
 	text-align:center;
 	font-weight:bold;
	margin-bottom:15px;
	color:#846630;

}
h3 {
	font-size: 110%;
        color: #737442;
	font-weight:normal;
}
h4 {
	font-size: 105%;
        color: #569184;
}
hr{
	background-color:#fff;
	border:solid 1px #fff;
	height:1px;
	margin:5px 0 15px 0;
}
ul{
    margin-left:20px;
}
div {
	margin:0;
	padding:0;
}
img.float-right {
  margin: 5px 0px 10px 10px;
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

form {
	margin:10px; padding: 5px 5px;
	border: 1px solid #f2f2f2;
	background-color: #FAFAFA;
}
#form_contacto p{
	float:left;
	font-size:90%;
	margin-left:1px;
	width:506px;
}
#form_contacto label {
	display:block;
	margin:5px 0;
	width:100px;
	float:left;
}
input {
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:420px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ccc;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	font: bolder 14px Arial, Sans-serif;
	border: 1px solid #CCC;
	padding: 2px 3px;
	background: #FFF;
	color: #589182;
}
.disponibilidad {
  height:40px;
  width:250px;
  padding: 15px 0 0 80px;
  border:solid 1px #EED6A7;
  background:#FFF1D6 url('images/disponibilidad.gif') no-repeat 15px;
}
.disponibilidad a {
  font-weight:bold;
}
.alerta{
	font-size:90%;
	color:red;
	margin-left:15px;
}
.alerta li{
	margin-left:50px;
}
.clear{
	clear:both;
}
#contenedor {
	width: 800px;
	margin: 0 auto;
}

#encabezado {
	width: 800px;
	float:left;
	height: 488px;
	padding: 0;
	font-size: 12px;
	color: #333;
        text-align:left;
	border:none;
	background:#cca258;
}
* html #encabezado {
	height: 485px;
}
#encabezado #logo {
	background:#cca258;
	height:191px;
	padding: 0;
 	width:330px;
	float:left;
	font-size:1.2em;
}
#encabezado #logo a{
	color:#fff;
}
#encabezado #logo img{
	border:none;
	float:left;
}
#encabezado #logo #dibujo{
	margin-top:05px;
}
#encabezado #logo #letras{
	margin-top:25px;
}
#encabezado p{
	color: #fff;
	text-align:center;
	font-size:95%;
}
#encabezado #collage{
	float:left;
	margin:0;
	width:470px;
	height:356px;
}
#encabezado #collage img{
	float:left;
	margin-top:37px;
}
#encabezado #menu{
	height:331px;
	width:237px;
	margin-top:-180px;
	float:left;
	background:#E9E8E6 url(images/fnd-menu.jpg) no-repeat top;
}
* html #encabezado #menu{
	height:313px;
	margin-top:-180px;
}
#encabezado #salto-termal{
	margin-top:-100px;
}
* html #encabezado #salto-termal{
	margin-top:-110px;
}
#salto-termal-index{
  float:left;
  width:85px;
  height:400px;
  /*margin:0 0 0 238px;*/
  margin-top:-135px;
  text-align:center;
  _margin-top:-145px;
  _height:100px;
}
#salto-termal-index img{
  margin:0;
  padding:0;
}
* html #encabezado #salto-termal-index{
  _margin-top:-145px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#encabezado #menu ul{
	display:block;
  	float: left;
 	margin: 0;
 	padding: 0;
  	width: 220px;
	margin-top:18px;
}
#encabezado #menu li{
	list-style-type:none;
	display:block;
  	float: left;
  	width: 220px;
	text-align:center;
	font-style:italic;
}
#encabezado #menu li a:hover{
	font-weight:bold;
}

#encabezado #menu #habitaciones{
	margin-top:30px;
}
#encabezado #menu #servicios{
	margin-top:32px;
}
#encabezado #menu #tarifas{
	margin-top:36px;
}
#encabezado #menu #contacto{
	margin-top:36px;
}
#encabezado #menu #como-llegar{
	margin-top:28px;
}
#encabezado #menu a{
	display:block;
	color:#0075C7;
	font-size:130%;
}

#encabezado #contenedor-imagenes{
  _margin:0;
  _position:absolute;
  _left:465px;
  _top:370px;
	width:563px;
	height:132px;
	background:#E8E8E6 url(images/fnd-contenedor-imagenes.jpg) repeat-x top;
}
* html #encabezado #contenedor-imagenes{
	height:133px;
	margin-top:-14px;
}
#encabezado #contenedor-imagenes a img{
	margin:18px 15px 0 27px;
	border: 3px solid #fff;
	text-decoration:none;
}
#encabezado #contenedor-imagenes a:hover img{
	border: 3px solid #c7a159;
	text-decoration:none;
}
/*#encabezado #contenedor-titulo{
	height:70px;
	width:563px;
	float:left;
	background:#fff url(images/fnd-titulo.jpg) no-repeat right;
}*/

#encabezado #titulo{
	width:419px;
	float:right;
}
#contenido {
        float:left;
	clear: both;
	width: 760px;
	margin: 0 auto;
	background:#fff url(images/fnd-borde.jpg) repeat-x top;
	padding:20px 20px 10px 20px;
}
#contenido p{
	color:#846630;
	font-style:italic;
}
#contenido a{
	color:#792140;
}
#contenido a:hover{
	color:#a41748;
}
#contenido ul{
	width:50%;
	float:left
}
#serie-imagenes{
	margin-top:22px;
	text-align:left;
}
.imagenes{
	margin:0 0 15px 0;
	float:left;
	width:100%;
}
.imagenes img{
	margin:3px;
}
.banners{
	float:left;text-align:center;width:100%;margin-top:20px;
}
.banners img{
	margin-left:25px;
}

#menu_col {
  width:100%;
  text-align:center;
}
#menu_col ul {
  display:block;
  float: left;
  margin: 0;
  padding: 0;
  width: 700px;
  margin-top:18px;
  text-align:center;
}
#menu_col li{
  list-style-type:none;
  display:block;
  float: left;
  width: 123px;
  text-align:center;
  font-style:italic;
  padding:3px;
  background:url(images/separador-menu.gif) no-repeat left;
}
#encabezado #menu li a:hover{
	font-weight:bold;
}

#col-izq {
  width:28%;
  float:left;
  margin-right:5px;
}
#col-izq ul {
  width:100%;
}
#col-der {
  width:70%;
  float:left;
}
#form_contacto_col {
  width:85%;
}
#form_contacto_col input {
  width:98%;
}
#form_contacto_col textarea {
  width:98%;
}
#pie {
	background:#C9A35C;
	color: #fff;
	clear: both;
	width: 800px;
	height: 90px;
	text-align: center;
	font-size: 85%;
	margin:0 auto;
}
#pie p{
	margin:0 0 0 20px;
}
#pie a { color:#525866;margin-right:10px }
#pie #desarrollo{float:right}

.mensaje {
  border:1px solid #ccc;
  background:#FFE0E0;
  font-size:90%;
  width:100%;
}
.mensaje ul{
  float:left;
  margin-top:0;
  font-size:90%;
}
.mensaje p{
  margin-bottom:0;
}

 .lista-habitaciones p  {
 margin-bottom:10px;
}
 .lista-habitaciones ul {
 padding-left:80px;
 color:#534630;
 font-style:italic;
}
.lista-habitaciones li {

 background: url(images/tic.png) no-repeat;
 display:inline;
 padding-left: 30px;
}
.cuadro-mapas{
 float:right;
 margin:0 50px 0 30px; 
}
.nota{
 font-size:80%;
 font-style:italic;
}
.gps{

 background: url(images/gps.gif) no-repeat;
 padding-left:30px;
 font-size:80%;
 background-color:#f6f4f4;
 width:470px;
}
#lista-portugues{
	float:right;
	margin-right:5px;
	margin-top:5px;
	font-size:12px;
}
#lista-portugues li{
	list-style-image:url(images/idioma-brasil.gif);
}
#lista-portugues li a{
	text-decoration:underline;
}
#lista-portugues li a:hover{
	text-decoration:none;
}
#lista-espanol{
	float:right;
	margin-right:5px;
	margin-top:5px;
	font-size:12px;
}
#lista-espanol li{
	list-style-image:url(images/idioma-espanol.gif);
}
#lista-espanol li a{
	text-decoration:underline;
}
#lista-espanol li a:hover{
	text-decoration:none;
}
#direccion{
	 clear:right;
}
.check{
	 background:#E2E3C2;
}
.check p{
	font-size:80%;
	font-weight:bold;

}