/** GENERAL **/
HTML {
	margin: 0px;
	padding: 0px;
	background: url('img/new/bg_html3.jpg') repeat left top fixed transparent;
	}

BODY {
	margin: 1em auto;
	padding: 0px;
	width: 920px;
	font-family: Arial, sans-serif;
	font-size: .8em;
	line-height: 1.4;
	color: #000;
	/* background: url('img/new/bg_body.jpg') repeat-y top left transparent; */
	}

A:link, A:active, A:visited {
	color: #069;
	text-decoration: none;
	font-weight: bold;
	}

A:hover {
	text-decoration: none;
	}

A IMG {
	border: 0px;
	}

.clear {
	clear: both;
	}

H2 {
/*	font-size: 1.5em; */
	margin: 0px;
	}

H3 {
/*	font-size: 1.2em; */
	margin: 0px;
	}

H4 {
/*	font-size: 1.1em; */
	margin: 0px;
	}

HR {
	border: 0;
	border-bottom: 1px solid #fff;
	margin: .5em 0;
	}

.centrar{
	text-align: center;
	}

.infoExtra {
	color: #888;
	}

.infoExtraSecundario {
/*	font-weight: bold; */
	}

LI {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

OL.conEstilo LI {
	list-style: decimal;
	margin: 3px 0px 3px 25px;
	}

UL.conEstilo LI {
	list-style: disc;
	margin: 3px 0px 3px 15px;
	}

UL, OL {
	margin: 0px;
	padding: 0px;
	}

.textoCentrar {
	text-align: center;
	}

.textoIzquierda {
	text-align: left;
	}

P {
	margin: 5px 0px;
	}

.flotarDerecha {
	float: right;
	margin: 5px 0px 5px 5px;
	}

.flotarIzquierda {
	float: left;
	margin: 5px 1em 5px 0px;
	}

DIV.cont OPTION {
	text-align: left;
	}

OPTGROUP {
	padding: .5em 0 0 .5em;
	font-size: 1em;
	font-style: normal;
	text-align: left;
	}

OPTION {
	padding: 0 0 0 .5em;
	font-size: 1em;
	text-transform: uppercase;
	}


/** BARRA SOCIAL **/

DIV#barrasocial {
	width: 890px;
	height: 80px;
	margin: 0 auto 1em;
	padding: 0;
	}


DIV#bannercabecera {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	height: 80px;
	}

DIV#iconssocial {
	float: right;
	margin: 30px 0 0;
	padding: 0;
	width: 155px;
	height: 50px;
	}

/** CABECERA **/
DIV#cabecera {
	width: 920px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
	background: url('img/new/bg_cabecera3.jpg') no-repeat left top transparent;
	}
	
	#homeLink{
	
display:block;
float:left;
height:130px;
margin:0 0 0 15px;
width:350px;
	}

TD.error SPAN {
	background: #FFC300;
	padding: 1px 3px;
	color: #282418;
	font-weight: bold;
	vertical-align: text-top;
	cursor: help;
	font-size: 0.8em;	
	}


/** MENU **/
UL#menu {
	margin: 0;
	padding: 12px 0 0 20px;
	width: 920px;
	height: 20px;
	background: url('img/new/bg_menu3.jpg') no-repeat left top transparent;	
	list-style: none;
	line-height:none;
	}

LI.alternar A {
	color: #EFEFEF;
	}

LI.alternar A:hover {
	color: #FFC300;
	}

LI.nivel1 {
	color: #EFEFEF;
	display: inline;
	position: relative;
	margin: 0px 4px;
	font-weight:bold;
	}

LI.nivel1.idioma {
	float: right;
	margin:  0 50px 0 20px;
	top: 4px;
	}

/** SUBMENU **/
LI.nivel1 LI A {
	position: relative;
	display: block;
	padding: 0 0 0 10px;
	color: #069;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0;
	background: url('img/new/bg_menu0.png') no-repeat left top transparent;
	text-shadow: 0 -1px #fff;
	}

LI.nivel1 LI A:hover {
	color: #fff;
	text-shadow: none;
	background: url('img/new/bg_menu0_over.png') no-repeat left top transparent;
	}

LI.nivel1 LI:first-child A {
	padding-top: 18px;
	background: url('img/new/bg_menu1.png') no-repeat left top transparent;
	}

LI.nivel1 LI:first-child A:hover {
	color: #fff;
	text-shadow: none;
	background: url('img/new/bg_menu1_over.png') no-repeat left top transparent;
	}

LI.nivel1 UL {	
	position: absolute;
	width: 176px;
	padding: 0 0 16px 0;
	display: none;
	z-index:15;
	text-align: left;
	
	top: 14px !important; left: 0px !important;
	top: 25px; left: 4px;
	
/*	top: 28px !important; left: 0px !important;
	top: 39px; left: 4px;	*/
	
	clip: rect(100,100, 100, 100);
	background: url('img/new/bg_menu2.png') no-repeat left bottom transparent;
	}

UL#submenu {
	background: url("img/fondoBlanco.png") repeat;
	padding: 10px 0px;
	text-align: center;
	padding: 5px 10px 7px 10px;
	margin: -17px 0px 15px;
	}

UL#submenu LI {
	position: relative;
	display: inline;
	padding: 7px;
	}

UL.alternar A {
	color: #EFEFEF;
	}

UL.alternar A:hover {
	color: #FFC300;
	}


/** MIGAS **/
DIV#migas {
	margin: 0 0 2em;
	padding: 0;
	}

A.secundario:link,
A.secundario:active,
A.secundario:visited {
	text-decoration: none;
	font-weight: bold; 	
	}

A.secundario:hover {
	text-decoration: none;
	}


/** CONTENIDO **/
DIV#contenido {
	width: 920px;
	margin: 0px auto;
	background: url('img/new/bg_contenido.jpg') repeat-y top left transparent;
	}


/** CONTENIDO PRINCIPAL **/
DIV#contenidoPrincipal {
	float: left;
	width: 660px;
	margin: 15px 0 15px 15px;	
	/* background: url('img/new/bg_contprin.jpg') repeat-y top left transparent; */
	}

DIV#contenidoPrincipal H2 { /****/
	margin: 1em 0 1.5em 15px;
	}


DIV#contenidoPrincipal H3,
DIV#contenidoPrincipal H4 { /****/
	margin-bottom: 1em;
	font-family: Verdana, 'Verdana', sans-serif;
	font-style: italic;
	color: #069;
	}

DIV#contenidoPrincipal a {
	border: 0;
	border-bottom: 1px dotted #069;
	}

DIV#contenidoPrincipal select {
	width: 200px;
	margin: 0 0 2em;
	}

DIV.cont {
	margin: 0px 16px 1em; /*Tambien se utiliza en el contenido secundario*/
	padding-bottom: 1em; 
	}

DIV.atras {
	display: none;
	text-align: right;
	margin-top: 10px;
	}

DIV#bannerbarralateral {
	margin-left: 10px;
	width: 200px;
	text-align: center;
	}


/** CONTENIDO SECUNDARIO **/
DIV#contenidoSecundario {
	width: 220px;
	float: right;
	margin: 4em 15px 15px 0;
	}

DIV#contenidoSecundario select {
	width: 185px;
	margin: 0 0 .5em;
	}

DIV.marco {
	background: #d00;
	margin-bottom: 1em;
	line-height: 1.2;
	background: url('img/new/bg_marco.png') no-repeat left bottom transparent;
	}

DIV.marco .cont {
	margin-top: 1em;
	}

DIV.marco H2 {

	}

div.marco2{
margin:0 0 0 -4px;
padding-bottom:1em;
}

div.marco22{
margin-top:1em;
margin:0 21px 1em;
padding-bottom:1em;
}

DIV.marco A:link,
DIV.marco A:active,
DIV.marco A:visited {
	color: #069;
	text-decoration: none;
	font-weight: normal; 	
	}

DIV.marco A:hover {
	text-decoration: none;
	color: #fff;
	background-color: #069;
	}

DIV.marco .infoExtraSecundario {
	font-size: .9em;
	}

DIV.marco UL.conEstilo {
	margin: 0;
	padding: 0;
	}

DIV.marco UL.conEstilo LI {
	border: 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	}

A.mas {
	padding: 0 .5em;
	font-size: 0.9em;
	color: #fff !important;
	background: #069;

	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

A.mas:hover {
	background-color: #bbb;
	border: 0 !important;
	}


/** PIE **/
DIV#pie {
	width: 920px;
	padding: 3em 0 2em;
	margin: 0;
	color: #069;
	/* height: 93px; */	
	background: url('img/new/bg_footer.jpg') no-repeat left bottom transparent;
	}

DIV#pieConBanner {
	width: 920px;
	padding: 3em 0 2em;
	margin: 0;
	color: #069;
	/* height: 200px; */	
	background: url('img/new/bg_footer.jpg') no-repeat left bottom transparent;
	}

DIV#pie A, DIV#pieConBanner A {
	color: #069;
	}

DIV#pie DIV.datos,
DIV#pieConBanner DIV.datos {
	margin: 0 auto;
	padding: 1em 0 .5em;
	width: 900px;
	text-align: center;
	border: 0;
	border-top: 1px solid #acd;
	}

DIV#pie P, DIV#pieConBanner P {
	margin: 0px;
	}

DIV#bannerpie {
	
	text-align: center;
	}
/* Localized */



























.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #aaa;
}
.jScrollPaneDrag {
    position: absolute;
    background: #006699;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}


a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
.hidden {

    display:none;
}


div.video{
border-bottom:1px solid #006699;
float:left;
margin:10px 0 8px;
width:100%;

}
div#contenidoPrincipal .video img {
float:left;
margin:0 20px 14px 0;

}
div#contenidoPrincipal .video h3 {

float:left;
}



#sliderUL {
-moz-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
background:none repeat scroll 0 0 #006699;
color:#FFFFFF;
float:left;
list-style:none outside none;
margin:0 265px;

margin:0 260px;
width:123px;
font-family:verdana;
}

#sliderUL li{
list-style:none;
float:left;
}

#sliderUL li a{
border:medium none;
color:#FFFFFF;
float:left;
font-size:1em;
margin:0 2px 0px;
text-decoration:none;
}

#sliderUL li.selected a , #sliderUL li a:hover{
color:#000000;
font-weight:bold;
}
br.clear{
    clear:both;
}


#YouTubeReloadedPlayer{
float:left;
margin:10px 0 0 50px;
}
#videoContainer{

float:left;
margin:40px 0 0;
}

div#contenidoPrincipal .video img.play_image2 {
	float:left;
margin:26px 0 0 -86px;
opacity:0.8;
position:relative;
width:31px;
	}

	
	.dynh2{
	   background:url('../img/es/comodin.gif');
	   color:#006699;
font-size:1.2em;
font-style:italic;
font-weight:bold;
height:21px;
padding:8px 0 0 20px;
	}
	
	
	#sponsors{
	   height:105px;
	
padding:15px 15px 0;
	}
	
	
.destacado{

    font-style: italic;
    margin: 2px 10px 2px 15px;
}

.hText{
    color: #006699;
    display: block;
    float: right;
    font-size: 1.2em;
    font-weight: bold;
    margin: 42px 0 0;
    text-align: center;
    width: 309px;
}
.hText ul{}
.hText ul li{}


.sponLine {
    float: left;
    text-align: center;
    width: 100%;
        margin: 10px 0;
}
.spon{
	display: inline;
    margin: 0 15px;
}