﻿body
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Georgia, Serif;
	background: url(top_bg.gif) #03718c repeat-x left top;
	color: #004866;
}

h1
{
	font-size: 18px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: center;
	color: #6699cc;
	text-transform: uppercase;
	font-family: Verdana;
	font-weight: 400;
}

h2
{
	font-size: 14px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: center;
	font-family: Verdana;
	border-bottom: #447da4 2px solid;
}

h3
{
    padding: 3px 0 0 0;
	margin: 0;
	font-size: 14px;
}

h4
{
    padding: 3px 0 0 0;
	color: #6699cc;
	margin: 0;
	font-size: 12px;
}
/* elementos de la parte superior del marco*/
#top_items
{
	clear: both;
	width: 681px;
	height: 15px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: right;
}
#top_items ul
{
	color: White;
	padding: 0;
	margin: 0;
}
#top_items ul, li
{
list-style-type : none;
}
#top_items li {
padding : 0 10px 0 0;
display: inline;
}
#top_items a
{
	text-decoration: none;
	color: #3399cc;
	font-weight: 700;
}
#top_items a:hover {
	color : #fff;
	cursor: pointer;
}

/* ESTILOS PARA DIBUJAR LA CAJA CONTENEDORA PRINCIPAL*/
/* dibuja parte superior del marco*/
#box_top
{
	clear: both;
	width: 681px;
	height: 25px;
	margin: 0 auto;
	padding:0;
	background-position: left top;
	background-image: url(box_top_bg.gif);
	background-repeat: no-repeat;
}
/* parte superior y logotipo*/
#box_logo
{
	clear: both;
	width: 681px;
	height: 105px;
	margin: 0 auto;
	padding:0;
	background-position: left top;
	background-image: url(box_top_logo.gif);
	background-repeat: no-repeat;

}
/* menu parte superior */
#box_top_menu
{
	clear: both;
	width: 681px;
	height: 30px;
	margin: 0 auto;
	padding:0;
	text-align: center;
	background-position: left top;
	background-image: url(box_top_menu.gif);
	background-repeat: no-repeat;

}
/* cuerpo */
#box_body
{
	clear: both;
	width: 681px;
	margin: 0 auto;
	padding: 0;
	background-position: left top;
	background-image: url(box_body_bg.gif);
	background-repeat: repeat-y;
	overflow: auto;		/*para evitar el efecto no deseado en los elementos float interiores*/
}
/* parte inferior del marco*/
#box_bottom
{
	clear: both;
	width: 681px;
	height: 27px;
	margin: 0 auto;
	padding:0;
	background-position: left top;
	background-image: url(box_bottom_bg.gif);
	background-repeat: no-repeat;
}

/* Contenido inferior al cuadro*/
#page_bottom
{
	clear: both;
	width: 681px;
	height: 27px;
	margin: 0 auto;
	padding:0 25px 0 0;
	font-size: 10px;
	color: #f1f2f3;
	text-align: right;
}
#page_bottom a
{
	color: #00ccff;
}


/* titulo*/
.titulo
{
	clear: both;
	width: 650px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-position: center center;
	background-image: url(title_bg.gif);
	background-repeat: no-repeat;
}

/*contenedor del cuerpo variable de las paginas*/
.content
{
	width: 400px;
	padding-right: 29px;
	padding-top: 5px;
	float: right;
	color: #26546c;
	text-align: justify;
}
.content li
{
	color: #004866;
	padding-left: 20px;
	font-weight: 500;
	list-style-type: circle;
}
/* Contenedor del formulario de reserva*/
.left_content
{
	width: 220px; 
	float: left;
	padding-left: 25px;
}

/*Fin elemento superior para idiomas*/

.galeria
{
	margin: 0 auto;
	padding: 10px 25px 15px 55px;
	width: 600px;
	float: left;
}
.thumbImageLabel
{
	text-align: center;
	font-weight: 600;
	color: #59889a;
}
.thumbImageLabel a
{
	text-align: center;
	font-weight: 600;
	color: #59889a;
	text-decoration: none;
}
.thumbImageLabel a:hover
{
	color: #67d7f4;
	text-decoration: none;
}
/*titulo de los testimonial*/
.blueTitle11
{
	text-align: left;
	font-weight: 600;
	color: #2f6270;
	font-size: 12px;
	padding: 5px 0 5px 0;
}
/*Para testimonios*/
.marcoTestimonial
{
	width: 400px;
	float: left;
}
/**/
.litleBlueLink
{
	text-align: right;
	font-weight: 600;
	color: #59889a;
}
.litleBlueLink a{
	font-weight: 600;
	color: #59889a;
	text-decoration: none;
}
.litleBlueLink a:hover
{
	color: #67d7f4;
	text-decoration: none;
}

.formLabel
{
	font-size: 11px;
	text-align: right;
	color: #996600;
	font-weight: 600;
}

.formInput input, textarea, select
{
	font-size: 10px;
	color: #663300;
	padding: 1px 0 0 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#live-chat
{
    position:fixed;
    bottom: 0px;
    left:0px;
    height:46px;
    background-color: Transparent;
    color: #000000;
    cursor: pointer;
}