@charset "utf-8";
/* CSS Document */

/*Body Backgrounds*/

body{margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC;
background-image:url(images/background.jpg); 
background-repeat:no-repeat;
/*background-position: center top*/
background-position:left top;
background-color:#020204;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}

.contenedor_cuerpo {
	background-color: #2d2c2c;
	margin-top: 10px;
	padding: 15px 8px 6px 8px;
	overflow:hidden;
}

#contenedor_cuerpo_oscuro {
	background-color: #181818;
	margin-bottom: 20px;	
}

/*HEADER*/
.header_top{
	background-color:#4084ab;
	height:36px;
	padding-left:340px;
	overflow:hidden;
	border-bottom: 1px solid #FFFFFF;
}

.logo{
	display:block;
	width:128px;
	height:83px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	position:relative;
	top:14px;
	left:13px
}

.socialtab{overflow:hidden; width:156px; background-image:url(images/txt_encuentranos.gif); background-repeat:no-repeat; background-position:left center; padding-left:91px; float:left }

.socialtab .social{ display:block; width:35px; height:34px; float:left; background-image:url(images/icons_social.gif)}
.socialtab .fb{ background-position:0px 0px}
.socialtab .st{ background-position:-37px 0px}
.socialtab .tw{ background-position:-77px 0px}
.socialtab .dg{ background-position:-118px 0px}
.socialtab .fb:hover{ background-position:0px -34px}
.socialtab .st:hover{ background-position:-37px -34px}
.socialtab .tw:hover{ background-position:-77px -34px}
.socialtab .dg:hover{ background-position:-118px -34px}

.searchtop{
	float:left;
	background-image: url(images/txt_suscribe.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:218px;
	padding-left: 150px;
	height: 28px;
	padding-top: 6px;
}

.inputsuscribe{ border:1px solid #FFF; float:left}
.btnsuscribe{
	background-image:url(images/btn_enviar.gif);
	width:55px;
	height:22px;
	border:0;
	cursor:pointer;
	margin-left: 7px;
}

.header_mid{ background-image:url(images/trans_black.png); height: 124px; margin-bottom:0px;}

/*MENU TOP*/
.header_menu {
	background-image: url(images/trans_gray.png);
	height:20px;
	padding-left: 400px;
	padding-top:9px;
	background-repeat:no-repeat; 
}
.menu{ display:block; height:12px; background-image: url(images/menutop.png); float:left}

.portada{ width:65px; background-position:0 -12px}
.quienes{width:99px; background-position:-65px -12px}
.eventos{width:68px; background-position:-164px -12px}
.promos{width:93px; background-position:-231px -12px}
.blog{width:47px; background-position:-324px -12px}
.galeria{ width:65px; background-position:-371px -12px} 
.contactenos{width:71px; background-position:-436px -12px}

.portada:hover{background-position:0 0}
.quienes:hover{background-position:-65px 0}
.eventos:hover{background-position:-164px 0}
.promos:hover{background-position:-231px 0}
.blog:hover{background-position:-324px 0}
.galeria:hover{background-position:-371px 0} 
.contactenos:hover{background-position:-436px 0}


.header_video {
	background-image: url(images/trans_gray2.png);
	height: 318px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 20px 0 0 560px;
}
.videoplayer {
	height: 201px;
	width: 336px;
	border:0px solid #e1e1e1;
}

/*-----------------------H O M E - BEGIN-----------------------------*/

/*BOX EVENTOS ACTUALES*/
.eventosactuales {
	background-color: #181818;
	padding:20px 30px ;
}

.eventosactuales .titulo {
	background-image: url(images/tit_boxes.gif);
	background-position: 0px 0px;
	display: block;
	width: 224px;
	height: 30px;
	float: left;
}
/*LISTADO DE EVENTOS DESTACADOS*/

.listaeventos{
	background-color:#282727;
	border-top:1px solid #191919;
	border-bottom:1px solid #191919;
	padding:15px 5px;
	overflow: hidden;
}

.listaeventos img:hover{
filter: alpha(opacity=75); opacity: .7 }


.listaeventos ul{
list-style:none;
margin:0;
display:inline;

}

.listaeventos li{
	display:inline;
	float:left;
	margin-right:7px
}

.btn_newsfeed {
	float:right;
	color:#999999;
	font-size:9px;
	text-decoration:none;
	padding-top:9px;
	background-image: url(images/btn_newsfeed.gif);
	width: 183px;
	height: 21px;
	display: block;
	background-repeat: no-repeat;
}

.contenedor_cuerpo a{
color:#999999; font-size:9px; text-decoration:none; padding-bottom:3px
}

.contenedor_cuerpo a:hover{
	color:#CCCCCC;
	 
}

.btn_scroll{display:block; position:relative; width:26px;left:416px; /*top:4px;*/ height:13px; float:left; background-image:url(images/btn_scroll.gif); background-repeat:no-repeat}

.btn_scrolldown{display:block; position:relative; width:26px;left:416px; height:16px; float:left; background-image:url(images/btn_scroll.gif); background-repeat:no-repeat; background-position:0px -15px}


/*BOX PROXIMAMENTE*/
.proximamente {
	float:left;
	width:545px;
	background-image: url(images/trans-prox.png);
	background-repeat:no-repeat;
	height: 236px;
	margin-top: 15px;
	padding: 20px 30px;
	
}

.proximamente .titulo {
	background-image: url(images/tit_boxes.gif);
	display: block;
	background-position: 0px 316px;
	width: 218px;
	height: 28px;
}

.proximamente img {
	margin:20px 32px 8px 0px;
}

.proximamente img:hover {
filter: alpha(opacity=75); opacity: .7 
}


/*BOX ENCUESTA*/
.encuesta{float:right; width:283px; 
	background-image: url(images/trans-enc.png);
	background-repeat:no-repeat;
	height: 236px;
	margin-top: 15px;
	color:#FFFFFF;
	padding: 20px 30px;}

.encuesta .titulo {
	background-image: url(images/tit_boxes.gif);
	display: block;
	background-position: 0px 284px;
	width: 104px;
	height: 28px;
}
.pregunta { color:#FFFFFF; margin-top:10px; font-weight:bold;}

label{ margin-top:10px}

.campocont{ margin:10px 0;}
.campocont2{
	padding:44px 0 0 224px;
	
}
.btnenviarenc{
	border:0;
	cursor:pointer;
	width:63px;
	height:21px;
	background-image: url(images/btn_enviarencuesta.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 44px;
    *top: 41px; 
	left: 224px;
}



/*----------------------- E V E N T O S - BEGIN -----------------------------*/


.seccion_eventos {
	background-color: #181818;
	padding:20px 30px;
}

.seccion_eventos .titulo {
	background-image: url(images/tit_boxes.gif);
	display: block;
	background-position: 0px 251px;
	width: 108px;
	height: 28px;
	float: left;
}



/*----------------------- Q U I E N E S  S O M O S (Incluye CSS comun de PROMOCIONES) - BEGIN -----------------------------*/


.seccion_quienes {
	background-color: #181818;
	padding:20px 30px;
}

.seccion_quienes .titulo {
	background-image: url(images/tit_boxes.gif);
	display: block;
	background-position: 0px 220px;
	width: 183px;
	height: 28px;
	float: left;
}

.contenedor_quienes, .contenedor_promociones {
 	width: 880px;
	background-color: #1d1d1d;
	clear: both;
	position:relative;
 	margin: 0 auto 0;
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;	
}

#contenedor_quienes_claro, #contenedor_promociones_claro {
 	width: 880px;
	background-color: #242323;
	clear: both;
	position:relative;
 	margin: 0 auto 0;
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;	
}

.quienes_year{	
 	width: 175px;
	background-color: #1d1d1d;
	position:relative;
	float: left;
	display:inline;	
	border: 0px;	
}

.quienes_year_text, .promociones_year_text {
 	width: 670px;
	position:relative;
	float: left;		
 	margin: 10px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#777777;		
}

#quienes_year_text_claro, #promociones_year_text_claro {
 	color:#888888;		
}



/*----------------------- P R O M O C I O N E S - BEGIN -----------------------------*/


.seccion_promociones {
	background-color: #181818;
	padding:20px 30px;
}

.seccion_promociones .titulo {
	background-image: url(images/tit_boxes.gif);
	display: block;
	background-position: 0px 125px;
	width: 164px;
	height: 29px;
	float: left;
}

.contenedor_quienes {
 	width: 880px;
	background-color: #1d1d1d;
	clear: both;
	position:relative;
 	margin: 0 auto 0;
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;	
}

#contenedor_quienes_claro {
 	width: 880px;
	background-color: #242323;
	clear: both;
	position:relative;
 	margin: 0 auto 0;
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;	
}

.promociones_pic{	
 	width: 175px;
	height: 175px;
	background-color: #1d1d1d;
	position:relative;
	float: left;
	display:inline;	
	border: 1px solid #999999;	
	margin: 5px;
}

.promociones_text {
 	width: 670px;
	position:relative;
	float: left;		
 	margin: 10px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#777777;		
}

#promociones_text_claro {
 	color:#888888;		
}




/*----------------------- C O N T A C T E N O S - BEGIN -----------------------------*/


.seccion_contactenos {
	background-color: #181818;
	padding:20px 30px;
}

.seccion_contactenos .titulo {
	background-image: url(images/tit_boxes.gif);
	display: block;
	background-position: 0px 157px;
	width: 164px;
	height: 29px;
	float: left;
}

.content_contact_form {
	width: 350px;
	/*height: 425px;
	background:url(images/bg-contact.jpg) no-repeat 50px 0px;*/
	position: relative;
	margin: 0 0 0 18px;
	float: left;
	background-color: #131313;
	padding: 20px;

}

.col_izquierda {
	width: 350px;
	margin: 0 0 0 20px;
	float: left;
	position: relative;
}

/*- Form CSS--------------------------- */ 

form.elegante input {
	padding: .2em;
}

label {
	display: inline;
	margin: .5em 0 0 0;
}
/*.btn {
	display: inline;
	margin: 1em 0;
}*/

#div_contact {
	margin: .4em 0;
}

#div_contact label {
	width: 25%;
 	float: left;
}

.btn_contact {
	background-image:url(images/btn_enviar.gif);
	width:55px;
	height:22px;
	border:0;
	cursor:pointer;
	margin-left: 150x;
}

/*- Form CSS--------------------------- */ 



/*FOOTER*/
.footer {
	padding-top: 10px;
	*padding-top: 5px;}

.footer_links {
	background-color: #01466f;
	color: #FFFFFF;
font-size: 10px;
}
.footer_copy {
	background-image: url(images/trans_footer.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	height: 22px;
	padding-top: 8px;
	padding-left: 570px;
	background-position: top center;
 }

.info_acerca {
	background-image: url(images/tit_acerca.gif);
	background-repeat: no-repeat;
	width: 245px;
	float: left;
	padding: 42px 35px 10px 20px;
	background-position: 20px 20px;
}

.info_sitemap{
	background-image: url(images/tit_sitemap.gif);
	background-repeat: no-repeat;
	width: 95px;
	float: left;
	padding: 42px 35px 10px 20px;
	background-position: 20px 20px;
}
	
.info_sitemap a{ text-decoration:none;
color:#FFFFFF; 
}

.info_sitemap a:hover{ text-decoration:underline;
color:#83cffd
}

.info_social{
/*background-image: url(images/tit_encuentranos.gif);
	background-repeat: no-repeat;*/
	width: 165px;
	float: left;
	padding: 42px 35px 10px 20px;
	background-position: 20px 20px;
}

.info_contacto{
	background-image: url(images/tit_contacto.gif);
	background-repeat: no-repeat;
	width: 200px;
	float: left;
	padding: 42px 35px 10px 20px;
	background-position: 20px 20px;
}

.info_sitemap ul {
margin:0; padding:0; list-style:none
}
.resaltado{color:#83cffd}

.info_social .social{
	display:block;
	width:35px;
	height:34px;
	float:left;
	background-image:url(images/icons_socialbottom.gif)
}
.info_social .fb{ background-position:0px 0px}
.info_social .st{ background-position:-37px 10px}
.info_social .tw{ background-position:-77px 0px}
.info_social .dg{ background-position:-118px 0px}
.info_social .fb:hover{ background-position:0px -34px}
.info_social .st:hover{ background-position:-37px -34px}
.info_social .tw:hover{ background-position:-77px -34px}
.info_social .dg:hover{ background-position:-118px -34px}

.info_social .rss{ background-position:-161px 0px; margin-top:20px; *margin-right:15px}
.info_social .rss:hover{ background-position:-161px -34px}

.info_social a{ margin-right:5px}

/*RESETS*/

h2 {margin:0; padding:0}

p {
	margin:0; padding:0;
	color: #CCCCCC;	
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
} 

img{ border:0} 
  
.clear{ clear:both;}

#header_ad{
	float:left;
	display:block;
	width:728px;
	height:90px;
	position:relative;
	background-color: #FF0000;
	top:14px;
	left:190px
}