@import url(reset.css);
@import url(text.css);


/*GENERAL*/

.clear{
	clear:both;
}

.no_margin{
	margin:0;
	}

/*LAYOUT*/

html, body{
	height:100%;
}

body#index{
	background:#fff;	
}


#wrapper{
	width:1024px;
	height:768px;
	margin:0 auto;	
	position:relative;
	z-index:0;
}

#index #wrapper{
	background:url(../img/bg_home.jpg) no-repeat left top;
}

#quienes #wrapper{
	background:url(../img/quienes_bg.jpg) no-repeat left top;
}

#servicios #wrapper{
	background:url(../img/servicios_bg.jpg) no-repeat left top;
}

#grupo #wrapper{
	background:url(../img/grupo_bg.jpg) no-repeat left top;
}

#quienesquien #wrapper{
	background:url(../img/quienesquien_bg.jpg) no-repeat left top;
}

#promociones #wrapper{
	background:url(../img/promociones_bg.jpg) no-repeat left top;
}

#promo_detalle #wrapper{
	background:url(../img/promo_detalle_bg.jpg) repeat-x left top;
}

#contacto #wrapper{
	background:url(../img/contacto_bg.jpg) no-repeat left top;
}


/*MENU*/

#nav{
	overflow:hidden;
	position:absolute;
	left:55px;
	top:0;
	}


#index ul#nav{
	position:absolute;
	top:95px;
	}

#nav li,#subnav_sup li{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
	}
	
#nav li a,#subnav_sup li a{
	background-color:#988600;
	width:101px;
	height:17px;
	padding:18px 0 8px 5px;
	display:block;
	}
	
#index #nav li a{
	height:23px;
	padding:50px 0 5px 5px;
	background-color:#988600;
	display:block;
}


#nav li.active{
	background-color:#988600;
	width:101px;
	height:23px;
	padding:50px 0 5px 5px;
	color:#040404;
}

#nav li.active a{
	color:#000;	
	padding:0;
	display:inline;
}
	
#nav li a,#subnav li a,#subnav_sup li a, .nav_disponibles li a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	cursor:pointer;
}

#nav li a:hover,#subnav li a:hover,#subnav_sup li a:hover, .nav_disponibles li a:hover{
	color:#000;
}

ul#subnav{
	margin:20px 0 0 55px;
	position:absolute;
	top:78px;
	}
	
#subnav li,.nav_disponibles li{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
}



#subnav li a,.nav_disponibles li a{
	background-color:#988600;
	width:101px;
	height:23px;
	padding:50px 0 5px 5px;
	display:block;
}


#subnav li.active{
	color:#040404;
	background-color:#988600;
	width:101px;
	height:23px;
	padding:50px 0 5px 5px;
}

#promociones ul#subnav{
	margin:20px 0 0 166px;
	}

ul#subnav_sup{
	position:absolute;
	left:664px;
}
	
#subnav_sup li.active{
	color:#040404;
	background-color:#988600;
	width:101px;
	height:17px;
	padding:18px 0 8px 5px;
}

#subnav_sup li.volver a{
	background-color:#000;
	display:block;
}

#subnav_sup li.volver a:hover{
	color:#988600;
}

ul.nav_disponibles{
	position:absolute;
	margin-left:55px;
	top:197px;
	width:335px;
}

.nav_disponibles li{
	margin-bottom:5px;	
}


/* Animar elementos del menu segun se carga la pagina*/
.animable li{
	height:78px;
}
#subnav.animable li a, .nav_disponibles.animable li a, .nav_finalizadas.animable li a, #index #nav.animable li a{
	opacity:0;
	filter:alpha(opacity=0);
	height:1px;
	padding-top:0;
	overflow:hidden;
}



/*CONTENIDO*/

.subtitle{
	position:absolute;
	top:415px;
	font-size:16px;
	color:#fff;
	margin-left:55px;
	}
	
#contenido_fondo{
	background:transparent url(../img/content_bg.png) repeat-y left top;
	width:460px;
	float:right;
	display:inline;
	margin:78px 120px 0 0;
	height:550px;
	position:relative;
	}
	
#contenido{
	padding:54px;
	color:#fefefe;
	min-height:441px;
}

#contenido strong{
	font-size:17px;
	font-weight:bold;
}

#contenido h2{
	font-size:20px;
	margin:15px 0;
	border-top:4px double #cac07c;
	font-weight:normal;
	width:295px;
	padding-top:7px;
}

#contenido ul{
	list-style:none;
	margin-bottom:0;
}

#contenido ul li{
	background:url(../img/bullet_dash.gif) no-repeat left 10px;
	margin-left:0px;
	padding-left:14px;
	line-height:17px;
}

#contenido ul li li{
	background:url(../img/bullet_green.gif) no-repeat left 8px;
	padding-left:12px;
	}

.bottom_bg{
	background:transparent url(../img/bottom_content_bg.png) no-repeat left top;
	height:57px;
	width:35px;
	position:absolute;
	bottom:-57px;
}

/*Servicios*/

#servicios #contenido_fondo, #quienesquien #contenido_fondo{
	background:transparent url(../img/content_bg_white.png) repeat left top;
	height:565px;
	margin-right:142px;
	width:499px;
	}
	
#servicios #contenido{
	padding:60px 35px 35px;
	color:#000;
}

#servicios #contenido p{
	font-size:17px;
}

#servicios .bottom_bg, #quienesquien .bottom_bg{
	background:transparent url(../img/bottom_content_bg_white.png) no-repeat right top;
	right:0;
}

/*Grupo*/

#grupo #contenido_fondo{
	background:transparent url(../img/content_bg_white.png) repeat left top;
	width:605px;
	height:400px;
	margin-right:143px;
}

#grupo #contenido{
	padding:60px 35px;
	min-height:0;
}

#grupo .bottom_bg{
	background:transparent url(../img/bottom_content_bg_white.png) no-repeat right 0;
	right:0;
}


/*Quien es quien*/

#quienesquien #contenido_fondo{
	height:530px;
}

#quienesquien #contenido{
	padding-bottom:37px;
	min-height:0;
}

.miembros{
	text-align:center;
}
	
#contenido .miembros h2{
	border-top:none;
	width:auto;
	font-size:15px;
	margin-bottom:5px;
}

#contenido .miembros p{
	color:#000;
	font-size:12px;
}

#contenido .miembros li{
	background-image:none;
}

/*Promociones*/

.left_col{
	width:245px;
	float:left;
	display:inline;
	margin:105px 0 0 33px;
}

#miniaturas{
	margin-left:20px;
	overflow:hidden;
}

#miniaturas li{
	float:left;
	list-style:none;
	margin:0 2px 2px 0;
	line-height:0;
	position:relative;
}

#miniaturas li span{
	display:block;
	position:absolute;
	height:40px;
	width:54px;
	opacity:0.6;
	filter:alpha(opacity=60);
	background-color:#988600;
	top:0;
	left:0;
}

#miniaturas li a:hover span{
	opacity:0;
	filter:alpha(opacity=0);
}

#miniaturas img{
	height:40px;
	width:54px;
}

#miniaturas li span.invisible{display:none;}

.promotor{
	margin:40px 0 0 20px;
}

.promotor p{
	font-size:11px;
}

.right_col{
	float:left;
	display:inline;
	margin-top:105px;
	position:relative;
}

#informacion{
	position:absolute;
	left:497px;
	top:-55px;
	display:none;
}

.info_promo{
	background:transparent url(../img/info_promo_bg.png) repeat-x left bottom;
	height:405px;
	width:195px;
	padding:15px 20px 0 10px;
}

.info_promo p{
	color:#fff;
	font-size:12px;
	padding-left:15px;
}

.info_promo a{
	color:#fff;
	text-decoration:none;
	background:url(../img/green_arrow.png) no-repeat left 3px;
	font-size:12px;
	display:block;
	margin-bottom:11px;
	padding-left:15px;
}

#informacion .bottom_bg{
	background:transparent url(../img/info_promo_bottom.png) no-repeat left top;
}

#posicion_precio{
	position:relative;
}

#precios{
	background:transparent url(../img/content_bg_white.png) repeat left top;
	color:#988600;
	padding:40px 30px 10px;
	position:absolute;
	top:-21px;
	left:-405px;
	width:300px;
	height:300px;
}

.invisible{
	display:none;
}

#precios h2{
	color:#988600;
	font-size:24px;
	font-weight:bold;
	border-top:4px double #988600;
	padding-top:15px;
	margin-bottom:20px;
}

#precios p{
	margin-bottom:30px;
	color:#988600;
	padding-left:0;
}

#precios span{
	font-size:20px;
	line-height:24px;
}

#precios .bottom_bg{
	background:transparent url(../img/precios_right_bg.png) no-repeat left top;	
	position:absolute;
	right:-35px;
	top:0;
}

/*Contacto*/

#contacto #contenido_fondo{
	background:transparent url(../img/content_contacto_bg.png) repeat-x left top;
	margin:95px 287px 0 0;
	height:548px;
	position:relative;
}

#contacto .clear{
	overflow:hidden; 
	margin-bottom:15px;
}

#contacto p{
	font-size:24px;
	color:#fff;
	text-align:left;
	line-height:26px;
}

#contact label{
	font-size:13px;
	color:#fff;
	float:left;
	width:95px;
	display:block;
}

#contact label.gran{
	width:165px;
}

#contact input, #contact textarea{
	background-color:#dfdfdf;
	border:none;
	width:253px;
	height:12px;
	float:left;
	padding:1px 2px;
}

#contact .doble input{
	width:92px;
}

#contact .doble .derecha{
	width:65px;
}

#contact input.petit{
	width:183px;
}

#contact textarea{
	height:35px;
}

#contact #submit{
	font-size:20px;
	color:#000;
	float:right;
	height:25px;
	width:145px;
}

#contacto .bottom_bg{
	background:transparent url(../img/bottom_content_bg_black.png) no-repeat left 6px;
	position:absolute;
	bottom:-51px;
	left:0;
}

/*Success - Error*/

.success span{
	font-size:24px;
	margin-bottom:30px;
	display:block;
}

#contacto .success p{
	font-size:13px;
	line-height:18px;
	margin-bottom:20px;
}

/*FOOTER*/

#footer{
	position: absolute;
	top:690px;
	left:55px;
}

#index #footer{
	top:715px;
	background:none;
}

#footer p, #footer a{
	font-size:11px;
	color:#1a171b;
	float:left;
	margin-right:45px;
}

#footer a{
	font-size:11px;
	color:#1a171b;
	margin-right:45px;
	background:url(../img/logo_footer.png) no-repeat left top;
	padding-top:28px;
	text-decoration:none;
}

#index #footer a{
	color:#fff;
	font-size:13px;
	float:left;
	background-image:none;
	padding-top:0;
	}