/*
   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/verde/header.gif);
}

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

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

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

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

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

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

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

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

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

#separeCall_mail{
	background-position:56px 50%;	
	position:absolute;
	top:-344px;
}

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

#webaddress a{
	color: #FFFFFF;
}

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

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

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

div#infoFooter{
	color:#555555;
}

.phonesExpanded{
	background-image: url(../../../../images/microsite/template2/verde/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/verde/fondo_telefonos_l.gif);
	left: -5px;
}
.phonesExpanded .rightBorder{
	background-image: url(../../../../images/microsite/template2/verde/fondo_telefonos_r.gif);
	right: -5px;
}
div.fotoSeccion{
	background-image: url("../../../../images/microsite/template2/verde/fondo_foto.png");
}

.titulo h1{
	color:#3F6E7D;
}

#subtitulo{
	color:#1e6442;
	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/verde/barrahorizontal.gif");
	background-repeat: no-repeat;
}

.separadorLong{
	background-image: url("../../../../images/microsite/template2/verde/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/verde/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/verde/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/verde/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: #206241;
}

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

div#nav div.controles a.ant, div#nav div.controles a.sig{
	color:#206241;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}

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

#servicios-content .separadorLong{
	margin-left: -10px;
}
div#fancy_bg {
	background-image: url("../../../../images/microsite/template2/verde/greenBackground.gif");
	background-repeat: repeat;
}

#footerCreadoPor{
	color:#829a7c;
}