﻿/*--AZUL DE FONDO DE LA PAGINA--*/
div.wrapper{
	overflow:hidden;
	background-color:#276480;
}

/*DEFINE EL COLOR DE FONDO - La imagen se define en el theme particular de cada sitio*/
div.pageContent{
	background-color:#fff;
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:0 10px;
	width:910px;
	float:left;
	padding:25px 25px 160px 25px;
	color:#333;
}


/*--CTA HEADER Y LATERAL - CONTEMPLA AMBOS MODELOS------------------------------------------*/
div.new-cta-top{
	width:214px;
	position:absolute;
	right:25px;
	bottom:25px;
}

div.new-cta-top div.cta-open{
	width:214px;
	height:22px;
	background:url('/img_ektron/bg-cta-top.png') no-repeat left top;
}

div.new-cta-top div.cta-open h3{
	text-align:center;
	font-family:"Trebuchet MS";
	color:#333;
	font-size:14px;
	padding-top:5px;
}

div.model-2 div.cta-open h3{
 	padding-top:2px;
}

div.new-cta-top div.cta-wrapper{
	background:url('/img_ektron/bg-wrapper-cta.jpg') repeat-y left top;
	overflow:hidden;
}

div.new-cta-top div.cta-wrapper div.cta-content{
	background:url('/img_ektron/bg-cta-content.jpg') no-repeat left top;
}

div.new-cta-top div.cta-content div.content-img{
	text-align:center;
	padding-top:15px;
	margin-bottom:10px;
}

div.new-cta-top div.cta-content table{
	width:187px;
	margin:0 auto;
}


div.new-cta-top div.cta-content table tr.tachado{
	color:red;
	text-decoration:line-through;
}
div.new-cta-top div.cta-content table tr td{
	font-family:arial;
	font-weight:bold;
	font-size:11px;
	padding-bottom:7px;
}
div.new-cta-top div.cta-content table tr td.price{
	text-align:right;
}
div.new-cta-top div.cta-content table tr td span{
	color:#00abe3;
}
div.new-cta-top div.cta-content table tr td.price span{
	color:black;
}





div.new-cta-top div.cta-content table tr td p.comp{
	color:#A5A0A6;
	font-size:9px;
	margin-top:-8px;
}

div.new-cta-top div.cta-content div.combo-gris{
	width:194px;
	height:30px;
	margin:5px auto 0 auto;
	background:url('/img_ektron/bg-combo-gris.jpg') no-repeat left top;
	padding:0 5px;
}

div.new-cta-top div.cta-content div.combo-gris h4{
	float:left;
	font-family:Arial;
	font-size:11px;
	color:#333;
	padding:8px 0 0 0;
}

div.model-2 ul.cta-model-2{
	text-align:left;
	clear:both;
	padding-left:9px;
	margin-bottom:10px;
	overflow:hidden;
}

div.model-2 ul.cta-model-2 li{
	color:#333;
	font-size:12px;
	position:relative;
	overflow:hidden;
	padding:0;
	line-height:18px;
}

div.model-2 ul.cta-model-2 li a.blue-sky{
	color:#00abe3;
	font-weight:bold;
	background-image:none;
	font-size:12px;
	text-align:left;
	width:100%;
}

div.new-cta-top div.cta-content div.combo-gris a, div.model-2 ul.cta-model-2 li a{
	float:right;
	background:url('/img_ektron/bg-a-cta.jpg') no-repeat left top;
	width:83px;
	height:17px;
	display:block;
	text-align:center;
	color:white;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	margin-top:7px;
	line-height:18px;
}

div.model-2 ul.cta-model-2 li a{
	float:left;
	background:url('/img_ektron/bg-a-cta-model2.jpg') no-repeat left top;
}

div.new-cta-top div.cta-close{
	width:214px;
	height:5px;
	background:url('/img_ektron/bg-cta-bottom.png') no-repeat left bottom;
}


/*ESTRUCTURA NUEVA PARA EL HEADER--------------------------------------------------------------------------------------------*/

/*--COMPARTIR PAGINA---------------------*/
div.sharebox{
    float:right;
    margin-top:5px;
    position:relative;
	z-index:1;
	margin-right:10px;
	display:none;
}

div.sharebox ul{
    background:url(/img/minisitios/sharebox_bg.png) no-repeat scroll 0 0;
    display:none;
    height:146px;
    margin-top:2px;
    padding:7px 0 0 16px;
    position:absolute;
    width:97px;
}
div.sharebox ul li{
    margin-bottom:3px;
    padding-left:24px;
	line-height:1.7em;
}
div.sharebox ul li.enviar{
    background:url(/img/minisitios/share_enviar.png) no-repeat 1px 3px;
}
div.sharebox ul li.imprimir{
    background:url(/img/minisitios/share_imprimir.png) no-repeat 0 3px;
}
div.sharebox ul li.favoritos{
    background:url(/img/minisitios/share_favoritos.png) no-repeat 0 3px;
}
div.sharebox ul li.facebook{
    background:url(/img/minisitios/share_facebook.png) no-repeat 0 3px;
}
div.sharebox ul li.digg{
    background:url(/img/minisitios/share_digg.png) no-repeat 0 3px;
}
div.sharebox ul li.delicious{
    background:url(/img/minisitios/share_delicious.png) no-repeat 0 3px;
}

div.sharebox ul li a{
    background:none;
    color:#62C1E9;
    font-family:"Trebuchet MS";
    font-size:10px;
    padding-left:0;
    text-decoration:none;
	font-weight:bold;
}
div.sharebox ul li a:hover{
	text-decoration:underline;
}

div.sharebox a{
	background:url(/img/minisitios/globo_link.gif) no-repeat 0 0;
	color:#7AA9BC;
	font-size:9px;
	padding-left:16px;
	text-decoration:none;
	font-weight:bold;
}
div.sharebox a:hover{
	text-decoration:underline;
}
div.sharebox ul li.close a{
    display:block;
    height:11px;
    position:absolute;
    right:11px;
    top:10px;
    width:11px;
}

/*HEADERS--------------------------------*/

div.headerTall{
	background-position:left top;
	background-repeat:no-repeat;
	width:958px;
	height:353px;
	margin:0 auto;
}

div.headerTall div.elements-left{
	float:left;
	width:711px;
}

div.headerTall h1.solo{
    display:block;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	float:left;
}

div.headerTall h1.solo span{
	color:#69cbef;
	font-size:14px;	
}

div.headerTall ul.channel{
	margin:10px 0 0 30px;
}

div.headerTall ul.channel li{
	font-family:"Trebuchet MS";
	color:white;
	font-weight:bold;
	font-size:21px;	
}

div.headerTall ul.channel li.number-channel{
	font-weight:normal;
	font-size:12px;
}

div.headerTall div.elements-left div.registerBtn{
	margin:320px 0 0 19px;
}

div.headerTall div.elements-left div.registerBtn a.button-header{
	color:white;
	text-align:center;
	background:url('/img_ektron/bg-a-button-header.png')no-repeat left top;
	width:110px;
	height:18px;
	display:block;
	padding-top:4px;
} 

div.headerTall div.elements-right{
	float:right;
	width:239px;
	height:353px;
	position:relative;
}

div.headerTall div.elements-right div.red-offer{
	margin-top:20px;
	float:left;
}

div.headerSmall{
	width:958px;
	height:118px;
	border:white solid 1px;
	float:left;
	position:relative;
	background-repeat:no-repeat;
}


/*-TABS NAVEGACION-------------------------------------------------------------------------------------------*/
div.navigation{
	width:960px;
	height:30px;
	float:left;
}

div.navigation ul.msTabs{
	background:url(/img_ektron/bg-tabs.jpg) repeat-x left bottom #010101;
    height:26px;
    padding-left:5px;
    padding-top:5px;
    margin-top:-11px !important!;/*IE-specific rule*/
    margin:0 0 0 0;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    width:955px;
}
div.navigation ul.msTabs li{
	display:inline;
    float:left;
    height:26px;
    line-height:26px;
}
div.navigation ul.msTabs li a{
	background:url(/img_ektron/bLeft.jpg) no-repeat left top;
    color:#A8A8A8;
    float:left;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
    height:26px;
    line-height:24px;
    padding:0 20px;
    position:relative;
}
div.navigation ul.msTabs li a span{
	background:url('/img_ektron/bRight.jpg') no-repeat scroll left top transparent;
    height:25px;
    position:absolute;
    right:-1px;
    top:0;
    width:6px;
}
div.navigation ul.msTabs li a:hover, div.navigation ul.msTabs li a:hover span, div.navigation ul.msTabs li a.current, div.navigation ul.msTabs li a.current span{
	background-position:0 -26px;
	color:#FFF;
}


/*--ESTRUCTURA CONTENIDO INFORMATIVO DE LA PAGINA---------------------------------------------------------------------------------------------------------------*/

/*-ESTILOS PARA AMBOS COLUMNAS---------------------------------------------------------------------------------*/
div.pageContent div.leftColumn{
	width:680px;
	float:left;
}

div.pageContent div.rightColumn{
	width:214px;
	float:right;
}

/*-primer bloque introductorio de texto-*/
div.pageContent div.textIntro,
div.pageContent div.msIntro{
	width:680px;
}

div.pageContent div.textIntro p,
div.pageContent div.msIntro p{
	font-size:14px;
	margin-bottom:20px;
	width:453px;
	line-height:19px;
}

/*--estilos para los h2--*/
div.pageContent div.textIntro h2, div.pageContent div.msIntro h2, 
div.pageContent div.table-info h2, div.pageContent div.control-plus h2, 
div.pageContent div.next-event h2{
	margin:-4px 0 5px;
	font-family:"Trebuchet MS",sans-serif,Helvetica,Arial,Verdana;
	font-size:19px;
	font-weight:bold;
	padding:0 0 6px;
}

/*-images para el subrayado de los h2-*/
div.pageContent h2{
	background:url('/img_ektron/bg-h2-textIntro.jpg') no-repeat left bottom;
}

/*--ESTILOS PARA CUANDO ES NECESARIO MOSTRAR LA TABLA CON EVENTOS PARA GRABAR--*/
div.table-info{
	width:680px;
}

div.table-info h2{
	background:none!important;
}

/*--BLOQUE DE CONTROL PLUS--*/
div.pageContent div.control-plus{
	margin-top:50px;
	width:645px;
}

div.pageContent div.control-plus img{
	float:left;
	margin-right:18px;
}

div.pageContent div.control-plus p{
	font-size:12px;
	line-height:18px;	
}

div.pageContent div.control-plus a{
	font-weight:bold;
	color:#009fcc;
	display:inline-block;
	margin-top:17px;
	font-size:12px;
}

/*--estilos para los cta del footer--*/
div.pageContent div.ad-ctaFooterContent{
	float:left;
	margin-top:50px;
	width:680px;
}

div.pageContent div.ad-ctaFooterContent h3{
	float:left;
    font-family:"Trebuchet MS",Arial;
    font-size:16px;
    font-weight:bold;
	line-height:19px;
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter{
    background:url('/img_ektron/bg-cta-bottom.jpg') no-repeat left top;
    float:left;
    height:74px;
    margin-top:8px;
    position:relative;
    width:565px;
	padding:15px 20px;
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter{
    background:url('/img_ektron/bg-cta-bottom.jpg') no-repeat left top;
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter ul{
    float:left;
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter ul.cta-left{
    float:left;
    width:300px;
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter ul.cta-right{
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter ul li{
    font-size:12px;
    margin-bottom:4px;
}

div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter ul li a.sky{
    color:#00abe3;
    font-size:12px;
    font-weight:bold;
}
div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter a.buttons, div.pageContent div.next-event div.info div.info-bottom a,
div.pageContent div.ad-ctaFooterContent div.ad-ctaFooter a.buttons, div.pageContent div.next-event div.info a.button{
    background:url('/img_ektron/btn-cuenta.jpg') no-repeat left top;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    display:block;
    width:83px;
    height:17px;
    padding-top:1px;
}

/*RIGHT COLUMN-----------------------------------------------------------------*/
/*posicion del cta*/
div.rightColumn div.new-cta-top{
	position:relative;
	right:0;
	top:0px;
	bottom:0px;
	margin-bottom:30px;
}
div.pageContent div.rightColumn div.lateralDynamic{
    background:url('/img_ektron/bg-lateral-grey-content.jpg') repeat-y left top;
    margin:0;
    width:214px;
}

div.rightColumn div.lateralDynamic div.lateralTopSpacer{
    background:url('/img_ektron/bg-lateral-grey-open.jpg') no-repeat left top;
    height:11px;
    margin-bottom:0;
}


div.pageContent div.lateralDynamic .lateralContentWrapper{
    overflow:hidden;
    padding:11px 0 0 0;
    text-align:left;
    width:194px;
    margin:0 auto;
}

div.pageContent div.lateralDynamic .lateralBottomSpacer{
    background:url(/img_ektron/bg-lateral-grey-close.jpg) no-repeat left bottom;
    height:9px;
    margin-bottom:30px;
    position:relative;
    width:214px;
}

div.rightColumn div.lateralDynamic .lateralContentWrapper h3{
	color:#333;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    margin:2px 0 0 0;
    text-align:left;
    line-height:19px;
}

div.rightColumn div.lateralDynamic .lateralContentWrapper p{
	font-size:12px;
	line-height:18px;
	margin-top:3px;
}

div.rightColumn div.lateralDynamic .lateralContentWrapper img{
    margin:0 0 10px 0;
}
div.rightColumn div.lateralDynamic .lateralContentWrapper a{
    color:#00ABE3;
    font-weight:bold;
    margin:0;
    font-size:12px;
    display:inline-block;
    margin-top:10px;
}

div.rightColumn div.lateralDynamic div.lateralWrapperImage h3, 
div.rightColumn div.lateralDynamic div.lateralWrapperImage ul.hd{
	margin-left:27px;
	margin-right:27px;
}


/*ESTILOS PARA LAS LISTAS VERTICALES--------------------------------------------------------------*/
div.pageContent div.verticalList{
	float:left;
	width:680px;
	margin-top:50px;
}
div.pageContent div.verticalList div.verticalListTopSpacer{
	background:url(/img_ektron/bg-open-box-grey.jpg) no-repeat left top;
	float:left;
	height:14px;
	width:680px;
}
div.pageContent div.verticalList div.contentWrapper{
	background:url(/img_ektron/bg-box-gray.jpg) repeat-y left top;
	float:left;
	width:680px;
}
div.pageContent div.verticalList div.contentWrapper h2{
	font-family:"Trebuchet MS",sans-serif,Helvetica,Arial,Verdana;
	font-size:19px;
	font-weight:bold;
	margin:0 0 10px 10px;
	padding:0 0 10px 0;
	color:#FFF;
	line-height:19px;
	background:url(/img_ektron/bg-h2-textIntro-dark.jpg) no-repeat left bottom;
	float:left;
	width:660px;
}
div.pageContent div.verticalList div.contentWrapper ul{
	background:url(/img_ektron/bg-close-gray.jpg) no-repeat left bottom;
	float:left;
	margin-top:0;
	padding:0 0 22px;
	width:682px;
}
div.pageContent div.verticalList div.contentWrapper ul li{
	float:left;
	margin-left:10px;
	width:214px;
}
div.pageContent div.verticalList div.contentWrapper ul li img{
	width:214px;
}
div.pageContent div.verticalList div.contentWrapper ul li h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:5px;
	color:#FFF;
	line-height:19px;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
div.pageContent div.verticalList div.contentWrapper ul li p{
	font-size:12px;
	margin-bottom:5px;
	color:#FFF;
	line-height:17px;
}
div.pageContent div.verticalList div.contentWrapper ul li span{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	line-height:19px;
}
div.pageContent div.verticalList div.contentWrapper ul li a{
	color:#00ABE3;
	display:block;
	font-weight:bold;
	margin-top:3px;
	line-height:19px;
}


/*BOX CON GRADIENT AZUL---------------------------------------------------------------------------------*/
div.d-gradient{
	background:url('/img_ektron/bg-gradient-box.jpg') no-repeat left top;
	width:658px;
	height:286px;
	padding:12px;
}

div.d-gradient h2{
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#e68d00;
	font-size:19px;	
}

div.d-gradient h2 span{
	color:white;
	font-size:19px;
}

div.d-gradient h3, div.d-gradient h3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e68d00;
	font-weight:bold;
	margin:18px 0 3px 0;
}

div.d-gradient h3 a{
	text-decoration:underline;
}

div.d-gradient p{
	color:white;
	font-size:12px;
	line-height:18px;
	font-family:Arial;
}

div.d-gradient ul{
	padding:15px 0;
}

div.clear{
	clear:both;
}

div.d-gradient ul li{
	float:left;
	margin:0 8px 0 0;
}

div.d-gradient ul li.no-margin{
	margin:0!important;
}

div.d-gradient a.button-reg{
	background:url('/img_ektron/bg-button-reg-orange.jpg') no-repeat left top;
	width:152px;
	height:30px;
	display:block;
	text-align:center;
	margin:13px auto;
	color:white;
	font-weight:bold;
	font-size:14px;
	padding-top:13px;
	font-family:Arial;
	text-decoration:none;
}

/*CONTENT INFO CHANNELS----------------------------------------------------*/
div.infoContent {
width: 910px;
margin: 0 25px 0 25px !important!;/*IE-specific rule*/;
margin: 25px 25px 25px 25px;
padding: 0 0 0 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
float: left;
}
div.infoContent div.channels{
	float:left;
	margin-top:42px;
	width:680px;
}
div.infoContent div.channels h2{
	background:url(/img_ektron/bg-h2-textIntro-dark.jpg) no-repeat left bottom;
	padding-bottom:4px;
	width:680px;
	font-family:"Trebuchet MS",sans-serif,Helvetica,Arial,Verdana;
	font-size:19px;
	font-weight:bold;
	margin-bottom:5px;
	padding:9px 0 6px;
	line-height:19px;
	color:#FFF;
}
div.infoContent div.channels h3{
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	margin-bottom:12px;
	width:680px;
	line-height:19px;
	color:#FFF;
}

/*CAJA AZUL------------------------------------------------------------*/
div.bbmf{
 	background:url('/img_ektron/bg-bbmf.png') no-repeat left top;
 	width:628px;
 	height:104px;
 	padding:18px 22px 0 22px;
 	margin-bottom:30px
}

div.bbmf h2{
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:bold;
	color:#e58200;
}

div.bbmf h2 span{
	color:white;
	font-size:18px;
}

div.bbmf p{
	color:white;
	font-family:Arial;
	font-size:14px;
	float:left;
	width:470px;
	line-height:18px;
	margin-top:27px;
}

div.bbmf p a{
	color:white;
	font-size:14px;
	text-decoration:underline;
}

div.bbmf a.reg{
	color:white;
	font-size:14px;
	font-weight:bold;
	width:140px;
	height:22px;
	background:url('/img_ektron/bg-a-reg.jpg') no-repeat left top;
	font-family:Arial;
	float:right;
	display:block;
	text-align:center;
	text-decoration:none;
	padding-top:8px;
	margin-top:32px;
}

div.leftColumn small.legal {
    color: #999;
    display: block;
    float: left;
    font-size: 9px;
    line-height: 15px;
    margin-top: 25px;
    width: 680px;
}
