/* CSS PAGINA */

body { margin:0; padding: 0; font-family: arial, verdana, sans-serif; background-color:#fff;}

#p-00 { margin:0; line-height: 20px; text-align:center;}

#p-04, #p-05 { margin: 0 auto; border-collapse: collapse; width:96.6em; font-size:62.5%;}
html>body #p-04, html>body #p-05 { width:96em;}

td { padding:0; vertical-align:top;} 

#p-00 p  { margin-top: 1em;}

td#mid{ margin:0 !important; padding:0 !important; width:57.4em!important; text-align:center;}
html>body td#mid{ width:57em!important;}


td#right, td#left { width:19.6em !important; height:100%; padding-bottom:.2em !important;}


/*-----ENLACES--------*/

#enlaces { height:9em; padding-top:1.2em;}
html>body #enlaces {margin-top:2em; padding:0;}

#enlaces img{ height:5.4em; width:100%; border:.1em solid #E1E1E1; float:left}
#enlaces ul{ /*position: relative; top:1.5em; left:.2em */ margin-top:-4.5em; float:left}
#enlaces ul li{ float:left; list-style:none; border-right:.2em solid #ddd; height:3.5em; vertical-align:middle; margin: 0; width:16em}
html>body #enlaces ul li { width:15.8em}
#enlaces ul li.item6{ border:0;}
#enlaces ul li img{ margin-top:0; width:auto; height:3.5em; float:left; border:0; margin-left:.8em; margin-right:0;}
#enlaces ul li h3 { font-size:1.2em; float:right; margin:.8em .1em;}
#enlaces ul li h3.lin2{margin:.2em;}
#enlaces ul li h3 a { color:#767676; }
#enlaces ul li h3 a span.normal {font-size:1em; color:#767676; font-weight:normal; margin:0; padding:0; background:none;}

#enlaces ul li.item1 h3{width:7.2em;}
#enlaces ul li.item2 h3{width:7.4em;}
#enlaces ul li.item3 h3{width:6em;}
#enlaces ul li.item4 h3{width:6.5em;}
#enlaces ul li.item5 h3{width:7.9em;}
#enlaces ul li.item6 h3{width:6.5em;}





/*---- VIDEO HOME PLAYERFLASH----*/
#videoHome object { width:1000px; height:800px; background-color:#000000;/* z-index:999999999; *//*overflow:hidden;*/}
/*html>body #videoHome object{width:57em;height:39em;}*/
#videoHome { text-align:left; margin-bottom:0.2em;}
html>body #videoHome { margin-bottom:0em;}
#videoHome p{ font-size:1.1em;}

#videoHome div { background-color:#F9F9F9; border:0.1em solid #E1E1E1; margin:1.5em 0 0; padding:1em 2em;}
#videoHome ul.masvideos{ list-style:none; margin-bottom:-2.6em;}
#videoHome ul.masvideos li{ float:left; height:10em; margin:0 0 1.5em 1.5em; width:12.1em; text-align:left; /*background-color:#FF00FF;*/}
#videoHome ul.masvideos li.col1{ margin-left:0;}
#videoHome ul.masvideos span{ font-size:1.1em;}
#videoHome ul.masvideos img{ width:9.9em; margin:0 0 .2em;}
html>body #videoHome ul.masvideos img{ width:9.8em;}
#videoHome div h2 { font-size:1.2em; margin-top:2em;}

/*--- REPRODUCTOR IMAGENES (como centros) ---*/

#flashHome {width:57.4em; text-align:left; padding-bottom:.2em;}
html>body #flashHome {width:57em; padding-bottom:0;}
#flashHome h1, #newContent h1.tituloCentros {display:none;}

/*--- alternativo flash imágenes ---*/
#flashHome img.img_flash {border:.1em solid #cccccc; border-bottom: none; width:57.2em;}
html>body #flashHome img.img_flash {width:56.8em;}
#flashHome #flash {background-color:#F9F9F9; border:0.1em solid #E1E1E1; margin:0 0 1.5em 0 ; padding:.5em 2em 1em 2em; width:57.4em;}
html>body #flashHome #flash {width:52.8em;}
#flashHome #flash p{ font-size:1.1em;}
#flashHome #flash p img{ font-size:.91em;}

#flashHome object{ margin:0; width:57.4em; height:31.2em;}
html>body #flashHome object{ margin:0 0 -.3em; width:57em; height:30.9em;}

#flashHome .txtPrincipal { background-color:#FBFBFB; padding:1em 1em 2em; border:.1em solid #cccccc; border-top: none;}
#flashHome span{ position: static; display:block; margin:0!important;}
#flashHome span.tipo{ font-size:1.3em; color:#666666; font-weight:bold;}
#flashHome span.titular{ font-size:2em; color:#333; font-weight:bold;}
#flashHome span.titular2{ font-size:2.1em; color:#333; line-height:.7em;font-weight:bold;}
#flashHome span.centro{ font-size:1.8em; color:#333; font-weight:bold;}
#flashHome span.fecha{ font-size:1.5em; color:#666; margin-top:.5em!important;}
#flashHome .txtPrincipal a{color:#333333; text-decoration:none;}
#flashHome .txtPrincipal span img{ font-size:0.5em;}
#flashHome .txtPrincipal span img.flecha{ vertical-align:middle !important;}


/*---- Agendas DIGITALES ----*/
#agendasdigitales { margin:1em 0; height:5.5em}
#agendasdigitales a { color:#333;}
#agendasdigitales img{ float:left; width:6em; margin:0 1em 0 .5em;}
#agendasdigitales span{ float:left; font-size:1.1em; font-weight:bold; width:9em; margin:.5em 0 0;}



td#mid{ /*overflow:hidden;*/ position:relative; width:100%;}

td#footer{position:relative;}



/*--- NUEVO VIDEO---*/
#playerHome{ height:24.9em; width:57.4em; border:.1em solid #e3e3e3; border-bottom:none; margin:0;
overflow:hidden; /*position: absolute;*/}
html>body #playerHome{ height:24.7em; width:56.8em;}

#playerHome object { margin:0; padding:0; width:1000px; height:800px;}

#fondoHome{ background-color: #fff; /*z-index:999999999;*/ width:96.6em; height:96em; position:absolute; filter:alpha(opacity=70); opacity: 0.7;overflow:hidden; }
html>body #fondoHome{ width:96em;}
/*.invisible{filter:alpha(opacity=50); opacity: 0.5;}*/
#carrito.invisible{ display:none;} 
#enlaces.invisible{ margin-top:13em;} 
#playerHome{ /*position: absolute; */z-index:999999999999; background-color:#000; }
#playerHome #flashcontent{ position:relative;}
#playerHome #flashcontent p{ font-size:1.1em; position: absolute; top:18em; width:35em; left:18em; text-align:left;}
#playerHome #flashcontent p img{ font-size:.92em;}
#p-04{ position:relative;}
/*#fondo2{ background-color: #fff; z-index:999999999; width:57.4em; height:20em; position:absolute; filter:alpha(opacity=70); opacity: 0.7;overflow:hidden; margin-top:-20em; left:0;}
html>body #fondo2{ width:57em;}
*/
#newContent img.carrousel { margin-top:0;}




/*--- Titular del Vídeo ---*/
#titular{ border-left:.1em solid #E3E3E3; border-right:.1em solid #E3E3E3; text-align:left; padding:0; width:57.4em; padding-top:246px; text-align:center;}
html>body #titular{ width:56.8em;}
#titular h2{ margin:0; padding:1em 1.3em .3em; font-size: 1.8em;}
#titular p{ margin:0; padding:0 2em .5em; font-size: 1.1em;}
#titular img.bg{ height:.6em; margin:1em auto 1.5em;}
#titular ul { margin:0; padding:0; list-style:none; text-align:left;}

#titular, #videosHome { display:none;}













/*CARROUSELL*/
/*--- General Carrousel---*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: .1em;
    right: .1em;
    width: 2.7em;
    height: 17.4em;
    cursor: pointer;
}
#videosHome .jcarousel-skin-tango .jcarousel-next-horizontal, #videosHome .jcarousel-skin-tango .jcarousel-prev-horizontal {
    height: 7em; width:10em;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
	display:none !important;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: .1em;
    left: .1em;
    width: 2.7em;
    height: 17.4em;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal img.bg, .jcarousel-skin-tango .jcarousel-next-horizontal img.bg { width:100%; height:100%;}

.jcarousel-skin-tango .jcarousel-prev-horizontal img.flechaRight, .jcarousel-skin-tango .jcarousel-prev-horizontal img.flechaLeft, .jcarousel-skin-tango .jcarousel-next-horizontal img.flechaRight, .jcarousel-skin-tango .jcarousel-next-horizontal img.flechaLeft { position:absolute;}

/*--- Flechas SIGUENTE ANTERIOR ---*/
.jcarousel-skin-tango .jcarousel-prev-horizontal img.flechaLeft { top:7.5em; left:.5em;} 
.jcarousel-skin-tango .jcarousel-next-horizontal img.flechaRight{ top:7.5em; right:.5em;} 

#videosHome .jcarousel-skin-tango .jcarousel-prev-horizontal img.flechaLeft { top:2.3em; left:0;} 
#videosHome .jcarousel-skin-tango .jcarousel-next-horizontal img.flechaRight{ top:2.3em; right:0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	display:none!important;
}



/*--- Vídeo Carrousel ---*/
#videosHome .jcarousel-skin-tango .jcarousel-container-horizontal { width: 53.7em; padding: 0em 1.8em .1em;}
html>body #videosHome .jcarousel-skin-tango .jcarousel-container-horizontal { width: 53.6em; padding: 0 1.6em .1em;}

#videosHome .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  53.6em; height: 7.7em;}
html>body #videosHome .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  53.5em; height: 7.7em;}

#videosHome li{ list-style:none; position:relative; float:left; height:10.7em; width:10.7em;/* background-color:#00CCFF;*/}
html>body #videosHome li{ height:7.5em; width:10.7em; }
#videosHome li a img{border:.4em solid #fff; filter:alpha(opacity=80); opacity: 0.8;}
#videosHome li .activada a img{ border:.4em solid #3c91b8; filter:alpha(opacity=100); opacity: 1;}
#videosHome li a:hover img{ border:.4em solid #3c91b8; filter:alpha(opacity=100); opacity: 1;}
#videosHome {border:.1em solid #E3E3E3; border-top:none; padding-bottom:.6em; width:56.8em;}


/*--- Común Carrousel inferiores---*/
#carrito{ margin:0; padding:0;}

#carrito img#border01, #carrito img#border03 { width:2.7em; height:35.2em; margin-left:-.3em;margin-bottom:-17.7em; margin-right:-.3em; border:.1em solid #e1e1e1; float:left;}
#carrito img#border02, #carrito img#border04 {width:2.8em; height:35.2em; margin-right:-.3em;margin-left:-.3em; margin-bottom:-17.7em; border:.1em solid #e1e1e1; border-left:none; float: right;}

#carrito ul{ float:left;}
html>body #carrito ul{ float:none;}


#carrito img#border01.activa, #carrito img#border03.activa {height:17.5em; margin:0; margin-left:-.3em; margin-bottom:-17.7em;}

#carrito img#border02.activa, #carrito img#border04.activa {height:17.5em; margin:0; margin-right:-.3em; margin-bottom:-17.7em;}
html>body #carrito img#border01, html>body #carrito img#border02, html>body #carrito img#border03, html>body #carrito img#border04{height:35em; margin:0;}
html>body #carrito img#border01.activa, html>body #carrito img#border02.activa, html>body #carrito img#border03.activa, html>body 

#carrito img#border04.activa{height:17.4em; margin:0;}

#carrito li{ position:relative; float:left; border-right:.1em solid #e1e1e1; height:17.7em; border-top:.1em solid #e1e1e1; border-bottom:.1em solid #e1e1e1; background-color:#efefef;padding:10em 1em 0; list-style:none;}
html>body #carrito li{ height:7.4em;}
#carrito ul{ margin:0; padding:0;}

#carrito li a{ color:#000;}
#carrito li img{ position:absolute; top:0; left:0; height:9.1em;}
html>body #carrito li img{ height:9em;}
#carrito li a span img.flecha{ width:1.4em; height:1.3em;}

#destacamos h3, #terecomendamos h4{ display:none;}
#carrito p{ font-size:1.1em;}

#newContent .listado img{ margin:0;}
#newContent .listado img.carritoFlecha{ width:2.7em; height:17.5em; }
html>body #newContent .listado img.carritoFlecha{height:17.4em; }
#carrito {clear:left; margin:3.5em 0 0; width:96.6em;}
html>body #carrito {width:96em;}
#carrito .conjunto { background-color:e1e1e1;}

/*--- Destacamos Carrousel ---*/
#destacamos .jcarousel-skin-tango .jcarousel-container-horizontal {width: 32.2em; padding: 0em 2.9em .1em;}
html>body #destacamos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 32.1em; padding: 0 2.8em .1em;}

#destacamos .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  32.2em; height: 17.6em;}
html>body #destacamos .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  32em; height: 17.5em;}

#destacamos li{ width:16.1em;}
html>body #destacamos li{ width:13.9em;}

#destacamos li span{ font-size:1.2em; font-weight:bold; }
#destacamos li a span img{ position: relative; font-size:.84em;}
#destacamos li a img{ width:16em;}
html>body #destacamos li a img{ width:15.9em;}
#destacamos p{ margin:.4em 0 0;}

#destacamos { margin-right:1.4em; width:38.1em; float:left;}
html>body #destacamos { width:37.8em;}

/*--- Te recomendamos Carrousel ---*/
#terecomendamos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 51.3em; padding: 0em 2.9em .1em;}
html>body #terecomendamos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 51.1em; padding: 0 2.8em .1em;}

#terecomendamos .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  51.3em; height: 17.6em;}
html>body #terecomendamos .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  51em; height: 17.5em;}

#terecomendamos li{ width:17.1em;}
html>body #terecomendamos li{ width:14.9em;}

#terecomendamos li a span{ font-size:1.1em; font-weight:bold; }
#terecomendamos li a span img{ position: relative; font-size:.91em;}
#terecomendamos li a img{ width:17em;}
html>body #terecomendamos li a img{ width:16.9em;}
#terecomendamos p{margin:0;}
#terecomendamos h3{ margin-bottom:.4em; font-size:1.2em}
#terecomendamos{ width:57.2em;  float:left;}
html>body #terecomendamos{ width:56.8em;}





td#mid{ padding:0 0 .2em 0 !important; }
html>body td#mid{ padding:0 !important; }



#meGusta h3.facebook{ font-size:1.2em; margin:0 0 .5em;}
#meGusta { margin:0 .9em; border-top:0.1em solid #E1E1E1; padding:1em 0 1em;}

#meGusta .txt{ width:8.5em; float:left;}
#meGusta .txt h4{ margin:.2em 0 .3em ; font-size:1.2em;}
#meGusta .meGusta{ width:7.5em; float:left; }
#meGusta .meGusta iframe{ width:7.5em!important;}
#meGusta .centro01, #meGusta .centro02{ height:2.3em;}