/*
   Css Framework 
   =============
   	 - see http://www.contentwithstyle.co.uk/Articles/17/a-css-framework
   	   for more info.
*/
@import url("../../framework/tools.css");
@import url("../../framework/typo.css");
@import url("../../framework/forms.css");

/*  Swap layout stylesheet: 
	layout-navtop-localleft.css
	layout-navtop-subright.css
	layout-navtop-3col.css
	layout-navtop-1col.css
	layout-navleft-1col.css
	layout-navleft-2col.css
*/
@import url("../../framework/layout-navtop-subright.css");
@import url("../../framework/layout.css");

@import url("../template.css");
@import url("contacto.css");
@import url("habitaciones.css");
@import url("empresa.css");
@import url("servicios.css");
@import url("ubicacion.css");
@import url("gallery.css");

/**************
  Scroll Styles
***************/
@import url("../../jScrollPane.css");
@import url("scrollStyles.css");

div#headerPage{
	background-image: url(../../../../images/microsite/template2/blanco/header.gif);
}

div#page, div#content{
	background-color: #FFFFFF;
}

div.variableContent, div#fancy_bg{
    background:transparent url(../../../../images/microsite/template2/blanco/Body.png) repeat scroll 0 0;	
}

div#tabs li.separe{
	background-image: url('../../../../images/microsite/template2/blanco/barra.gif');
	height: 20px;
	width: 2px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

div#content, BODY{
	background-color: #FFFFFF;
}

body, div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {
	color:#7B7B7B;
}

#page a, #page a:ACTIVE, #page a:VISITED, #page a:HOVER{
	width: 120px;
	background-color: transparent;
	color: #a1a1a1;
	font-size:15px;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration: none;
}

div#nav li{
	border-left: none;
	border-right: none;	
}

div#tabs ul.topMenu{
	background-image: url('../../../../images/microsite/template2/blanco/menu.gif');
}

#marcologo{
	background-image: url('../../../../images/microsite/template2/blanco/marco.png');
}

#freecall, #separeCall_mail, #email{
	background-image:url("../../../../images/microsite/template2/blanco/llame.gif");
}

#separeCall_mail{
	background-position:52px 50%;	
}

#email{
	background-position:35px 50%;
}

a, a:ACTIVE, a:VISITED, a:HOVER{
	width: 120px;
	background-color: transparent;
	color:#a1a1a1;
	text-decoration: none;
}

a:HOVER {
	text-decoration: underline;
}

div#footer{
	color: black;
	background-image:url(../../../../images/microsite/template2/blanco/footer.gif);
	background-color: transparent;
	background-repeat: no-repeat;
}

div#buttonFooter{
	background-image: url("../../../../images/microsite/template2/blanco/botonFooter.png");
}

div#infoFooter{
	color:#555555;
}

.phonesExpanded{
	background-image: url(../../../../images/microsite/template2/blanco/fondo_telefonos.gif);
	background-repeat: repeat-x;
	margin-left: 7px; /* para corregir el corrimiento que hay que hacer por los bordes */
}
.phonesHidden .leftBorder, .phonesHidden .rightBorder{
	display: none;
}
.phonesExpanded .leftBorder, .phonesExpanded .rightBorder{
	display: block;
	position: absolute;
	width: 5px;
	top: 0;
	height: 120px;
	background-repeat: no-repeat;
}
.phonesExpanded .leftBorder{
	background-image: url(../../../../images/microsite/template2/blanco/fondo_telefonos_l.gif);
	left: -5px;
}
.phonesExpanded .rightBorder{
	background-image: url(../../../../images/microsite/template2/blanco/fondo_telefonos_r.gif);
	right: -5px;
}
div.fotoSeccion{
	background-image: url("../../../../images/microsite/template2/blanco/fondo_foto.png");
}

.titulo h1{
	color:#790000;
}

#subtitulo{
	color:#790000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;	
}

.inLinetext{
	color:#AD6406;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;	
	font-weight:bold;
}

ul{
	list-style-type:none;	
}

.separador{
	background-image: url("../../../../images/microsite/template2/blanco/barrahorizontal.gif");
	background-repeat: no-repeat;
}

.separadorLong{
	background-image: url("../../../../images/microsite/template2/blanco/barrahorizontalLong.gif");
	background-repeat: no-repeat;
	height:4px;
	width:752px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.separadorSmall{
	background-image: url("../../../../images/microsite/template2/blanco/barrahorizontalSmall.gif");
	background-repeat: no-repeat;
	height:9px;
	width:256px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.separador2{
	background-image: url("../../../../images/microsite/template2/blanco/barrahorizontal2.gif");
	background-repeat: no-repeat;
	height:4px;
	width:444px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.separadorSmall2{
	background-image: url("../../../../images/microsite/template2/blanco/barrahorizontalSmall2.gif");
	background-repeat: no-repeat;
	height:7px;
	width:285px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;	
}

.imageInMarco{	
	padding: 18px;
}

.variableContent p{
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #3A372F;
}

.variableContent h2{
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #3A372F;
}

.variableContent h3{
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #3A372F;
}

.variableContent ul, .benefit-title, .bluearrow{
	font-size: 12px;
	color: #685111;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #3A372F;
}

div#beneficios{
	background-image: url(../../../../images/microsite/template2/blanco/beneficios.gif);
	padding: 10px;
	background-repeat: no-repeat;
	max-height:67px;
	overflow-x:hidden;
	
}

div#nav div.controles a, 
div#nav div.controles a:link, 
div#nav div.controles a:active, 
div#nav div.controles a:visited{
	color:#790000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}

.miniDot{
	background-image: url(../../../../images/microsite/template2/blanco/miniDot.gif);
}
div#variableContent-home .benefits li{
	background:transparent url(../../../../images/microsite/template2/blanco/dot.gif) no-repeat scroll 5px 5px;
	margin:0;
	padding-left:20px;
}
#tabs .ui-tabs-selected span{
	color: #ad0a0a;
}

.rightBox .separador,.rightBox .separador2{
	margin-left: -9px;
} 

 #footerCreadoPor span{
	color:#a1a1a1;
 }