/* 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 {  padding-top:1.2em; position:relative;}
html>body #enlaces {margin-top:2em; padding:}

#enlaces img{ height:5.4em; width:96em; border:.1em solid #E1E1E1; margin-bottom:1.5em;}
html>body #enlaces img{ width:95.8em;}
#enlaces img.margen{ margin-bottom:0;}
#enlaces ul{ position:absolute; left:.2em;}
#enlaces ul li{ float:left; list-style:none; margin: 0 0 1.5em; width:19.2em; height:5.6em; position:relative;}
html>body #enlaces ul li { width:19.1em; margin: 0 0 1.5em;}
#enlaces ul li img {border:0; margin:0;}
#enlaces ul li img.bg{ height:5.6em; width:100%; }
#enlaces ul li img.bg2{ height:3.5em; width:19em; border-right:.2em solid #ddd; top:1em; position:absolute;}
#enlaces ul li img.icon{ width:7em; height:4.4em; position:absolute; top:.6em; left:1em;}
#enlaces ul li span{background: none;
color:#767676;
margin:0;
padding:0;}
#enlaces ul li span.lin1 { font-size:1.2em; position:absolute; top:1.7em; left:7.5em;cursor:pointer;}
#enlaces ul li span.lin2 { font-size:1.2em; position:absolute; top:1em; left:7.5em;cursor:pointer;}
#enlaces ul li span.iconFlecha { position:absolute; background-color:#5591C1;
	color:#fff;
	padding:0.1em 0.2em 0 .3em;
	font-size:.73em;
	font-weight:bold;
	position:absolute; top:3.3em; right:1em; text-decoration:none !important; cursor:pointer;
}
#enlaces ul li h3 { display:none;}
#enlaces ul li a { color:#767676; margin-top:-.8em;}
#enlaces ul li.centrar4 {margin-left:7em;}
#enlaces ul li.centrar3 {margin-left:16.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; margin-bottom:-.3em;}
html>body #flashHome img.img_flash {width:56.8em; margin:0;}
#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:41.9em;}
html>body #flashHome object{ margin:0 0 -.3em; width:57em; height:41.6em;}

#flashHome .txtPrincipal { background-color:#FBFBFB; padding: 2em 1em 7.5em; /*padding:2em 1em 2.5em;*/ border:.1em solid #cccccc; border-top: none; margin-bottom:-.2em;}
#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:2.8em; color:#333; font-weight:bold;}
#flashHome span.titular2{ font-size:2.1em; color:#333; margin-top: -0.1em !important; 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.titular img{ font-size: 0.357em;}
#flashHome .txtPrincipal span.titular2 img{ font-size:0.476em;}
#flashHome .txtPrincipal span img.flecha{ vertical-align:middle !important;}

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

td#footer{position:relative;}

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

#playerHome object { margin:0; padding:0; width:1000px; height:800px;}
#playerHome #flashcontent{ position:relative;}
#fondoHome, #fondoHome2{ background-color: #fff; /*z-index:999999999;*/ width:96.6em; height:58em; position:absolute; filter:alpha(opacity=70); opacity: 0.7;/*z-index:9999999;*/}
html>body #fondoHome{ width:96em;}
#fondoHome2{z-index:999999999999; height:55em;}
/*.invisible{filter:alpha(opacity=50); opacity: 0.5;}*/
/*#carrito.invisible{ display:none;} 
#enlaces.invisible{ margin-top:13em;} */
#playerHome{ background-color:#000; z-index:8000; }
#playerHome #flashcontent p{ font-size:1.1em; position: absolute; bottom:.8em; width:33em; 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:354px; 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 ul ul{margin:0 2em;}
#titular ul ul li{float:left; width:17.5em;}

#titular, #videosHome { display:none;}

/*CARROUSEL*/

/*--- 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:2em; 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;padding:10em .9em 0;}
#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, #terecomendamos .destacamos h3{ 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:2em 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:14.1em;}

#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, #terecomendamos .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:15.1em;}

#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:15em; float:left; }
#meGusta .centro01, #meGusta .centro02{ height:4.2em;}


#bancosAlimentos{ position:relative; width:57.4em; text-align:left;}
html>body #bancosAlimentos{ width:57em;}
#bancosAlimentos img{ width:100%; margin:0; border:0;} 

#bancosAlimentos h2{ cursor:default; color:#4891B7; font-size:3em; font-style:italic; font-weight:bold; left:1.15em; margin:0; position:absolute;top:0.8em; }
#bancosAlimentos h2.segundo{top:1.7em;}

#bancosAlimentos .productos{cursor:default; position:absolute; font-size:2em; color:#000; top:4.5em; left:1.7em; margin:0;}

#bancosAlimentos .plato{cursor:default; position:absolute;font-size:3.6em; color:#000; font-style:italic; font-weight:bold; top:5.5em; left:5em; margin:0; text-align:center; line-height:1em;}
#bancosAlimentos .platoCa{ position:absolute;font-size:3.9em; color:#000; font-style:italic; font-weight:bold; top:5.5em; left:4.85em; margin:0; text-align:center; line-height:1em;cursor:default;}


#bancosAlimentos div.logo { position:absolute; right:2em; text-align:center; top:1.6em; width:12.9em;}
#bancosAlimentos div.logo img{ width:10.4em;}
html>body #bancosAlimentos div.logo img{ width:10.3em;}
#bancosAlimentos div.logo p { font-weight:bold; margin-bottom:0.5em; font-size:1.1em;cursor:default;}

#bancosAlimentos .btn{ position:absolute; width:26em; top:47.5em; left:15.5em;}
html>body #bancosAlimentos .btn{  width:25.8em; top:47.2em; left:15.4em;}
#bancosAlimentos .btn span{ position:absolute; color:#fff; font-size:1.7em; font-weight:bold; width:15.3em; text-align:center; cursor:pointer; top:.5em;}
html>body #bancosAlimentos .btn span{ width:15.2em;}
#bancosAlimentos .btn a{ text-decoration:none;}

/****************************************************************/


img.barranadal {position:absolute; top:2.8em; left:2em; width:57em !important;}

/**********************************************/


#titular .link h2 {display:none;}
#titular li {position:relative;}
#titular .link a {text-decoration:none; color:#000;}
#titular .link a span {cursor:pointer;}
#titular .link a span.tituloo {font-size:1.8em; position:absolute; margin:1.5em 2em; left:0; font-weight:bold;}
#titular .link a span.tituloo img{font-size:.556em;}
html>body #titular .link a span.tituloo {margin:1em 1.2em;}
#titular .link a:hover span.tituloo {text-decoration:underline;}
#titular .link a span.txt {font-size:1.1em; position:absolute; margin:0 2em; left:0;}
#titular .link a span.txt01 {top:4em;}
#titular .link a span.txt02 {top:6.2em;}
#titular .link a img.bgLink {width:56.8em;}
#titular .link a img.lineas2 {height:7em;}
#titular .link a img.lineas3 {height:8.8em;}
#titular .link a img.lineas3B {height:9.3em;}
#titular .link a img.lineas4 {height:10em;}


@media screen and (-webkit-min-device-pixel-ratio:0) { #menuLeft, html>body #menuRight { height:57em !important;}} 

#menuRight ul#agendasdigitales{height:10em; margin:0!important;}
#menuRight ul#agendasdigitales{ padding-top:.5em;}
#menuRight ul#agendasdigitales li{ padding-top:.3em;}

html>body #menuRight ul#agendasdigitales{ padding-top:0;}
html>body #menuRight ul#agendasdigitales li{ padding-top:1em;}

/*---- El Alma No Cambia----*/
#elAlma { position:absolute; z-index:9999999999999999999; top:9em; }
#elAlma .cerrar{ float:right; margin:0;}
#elAlma .cerrar a{ color:#fff;}
#elAlma .cerrar img{ width:1.6em;}
#elAlma img, #elAlma object, #elAlma{ width: 96.6em;}
html>body #elAlma img, html>body #elAlma object, html>body #elAlma{ width: 96em;}

#elAlma object{ height: 96.6em; }
html>body #elAlma object{ height: 96em; }

/*---- Encuesta----*/
#encuesta { position:absolute; z-index:9999999999999999999; top:9em;}
#encuesta .cerrar{ float:right; margin:0;}
#encuesta .cerrar a{ color:#fff;}
#encuesta .cerrar p{ margin:0;}
#encuesta .cerrar img{ width:1.6em;}
#encuesta{ width: 96.6em;}
html>body #encuesta{ width: 96em;}
#encuesta #fondoBlanco{background-color: #fff; width:100%; height:42em; filter:alpha(opacity=70); opacity: 0.7;z-index:9999999;}


/*#newcontent ul.espectaculos {margin-top:2em;}
#newContent ul.espectaculos li {float:left; width:17em;}
#newContent ul.espectaculos li a {color:#007FB4;}
#newContent ul.espectaculos li.col1 {margin-left:3em !important;}*/

#newContent.espectaculos div.txt{ padding: 0 2em 2em; height:10em;}
#newContent.espectaculos{ background-color:#FBFBFB; border:.1em solid #ccc;}
#newContent.espectaculos h2{color: #333333; font-size: 2.8em; font-weight: bold;}
#newContent.espectaculos li{ width:25.5em; margin:0 0 1em 1.5em; float: left}
#newContent.espectaculos li.col1 { margin-left:0;}
#newContent.espectaculos img{margin:0!important;}

#newContent object{width:57.4em!important; height:56.5em!important;}
html>body #newContent object{width:57em!important; height:56.1em!important;}
#newContent img.noFlash{ width:57.4em!important;}
html>body #newContent img.noFlash{ width:57em!important;}
#noFlash { background-color: #F9F9F9; border: 0.1em solid #E1E1E1; margin: 0 0 1.5em; padding: 0.5em 2em 1em; width:57.4em!important;}
html>body #noFlash{ margin:0 0 1.5em; width:52.8em!important;}