/*----------------------------------------------------------------------------------------------
Autor: Luis Alberto Pa?os
----------------------------------------------------------------------------------------------*/
/*
Glosario Noticias:
noticias_01.aspx: 300x200 de foto
noticias_02.aspx: Secci?n FFAA
noticias_03.aspx: Tres nodos con fotos de 300x200 + 150x100 + 150x100
noticias_04.aspx: +leidas | +recientes | FFAA
noticias_05.aspx: Secci?n Ultima Hora
noticias_06.aspx: 150x100 de foto
noticias_07.aspx: S?lo Titular

color de bordes: border:1px solid #c9c9c9;
*/

/*----------------------------------------------------------------------------------------------
##  PLUGINS JS
----------------------------------------------------------------------------------------------*/

/* /// utilidades: comunes en tabs y paginado /// */
.on { display:block !important;}/* dinamica */
.off { display:none !important;}/* dinamica */
.noBorder { border:0px !important;}/* dinamica */


/* /// utilidades: tabs /// */
ul.controlBtnsTabs { list-style: none none outside; margin:0px; padding:4px 5px; background: transparent none;  }
ul.controlBtnsTabs li  { margin-right:1px; *margin-right:3px;/*IE78 es inline y no deja espacios*/    }
ul.controlBtnsTabs li:hover { }
ul.controlBtnsTabs li.activeBtnTab { } /* dinamica */
div.contentTab { display:none; margin:0px; }


/* /// utilidades: paginado /// */
.paginador {background: tranparent none; padding:0px; text-align:right; }
.paginador a, .paginador .btnPaginador { display:inline-block !important; *display:inline !important; zoom: 1 !important; /* IE7 (hasLayout)*/ vertical-align:top !important; /* BASELINE CORRECCI?N*/  
                  -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  
                  padding:5px; margin-left:4px;  } 
.paginador a, .paginador a:active {background-color:#f1f1f1;  color:#333; border:1px solid #c9c9c9;}
.paginador a:hover { background-color:#aaa;  color:#333; text-decoration:none;  }
.paginador .btnPaginador {background-color:#f1f1f1;  color:#d1d1d1; border:1px solid #c9c9c9;}/* span que solo sale en el paginador de resultados de busqueda */
.paginador .paginaActual, 
.paginador .paginaActual:hover  { background-color:#fff; color:#333; cursor:text; }


/* /// utilidades: slideToggle down /// */
.btnToggle {  }
.btnToggle span.ico { background-position: -64px -16px; }
.desplegado span.ico { background-position: 0px -16px !important; } /*dinamic*/
.btnToggle span.text  {  }


.content-toggled { display:none; padding:4px !important; background-color:#f1f1f1; border:1px solid #d9d9d9; margin:5px 0px !important;  }
.content-toggled li { border-top:1px solid #d9d9d9; padding:2px; font-size:0.8em;  }  
.content-toggled li:first-child { border-top:0px;  }  


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/



/*----------------------------------------------------------------------------------------------
##  MODULOS
----------------------------------------------------------------------------------------------*/

/*** agenda/agenda.ascx ***/
.agenda div.inside-btn-style {display:none !important; }
.agenda div.openItems, .agenda div.closeItems { width:16px; float:right; margin:2px; }

.agenda div.openItems span.ico {background-position:0px -192px;}
.agenda div.closeItems span.ico {background-position:-16px -192px;}

.agenda .content-mod { clear:both;  }
.agenda ul li.separador-line {  height:1%; overflow:hidden; padding:2px; border:0px !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.agenda-contraida > .agenda ul li div { display:none; }
.agenda ul li div span.ico { display:none !important; }
.agenda ul li div:first-child { display:block; }
.agenda-contraida > .agenda ul li div:first-child { cursor:pointer; }
.agenda-contraida > .agenda ul li div:first-child span.ico{ display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:middle !important; background-position:-32px -16px;}
.agenda ul li div:first-child { height:1%; overflow:hidden; padding:5px; font-size:1.2em; line-height:1.6em; }
.agenda ul li div { padding: 5px; }
.agenda ul li div:first-child + div { font-size:16px; font-weight:bold; }
.agenda ul li div:first-child + div + div { font-size:10px; }
.agenda .descripcion ul {  list-style-position:inside; }

/*** autonomicas/infoFFAA.ascx ***/
.noticiasFFAA { }
.noticiasFFAA .content-mod { padding:20px; }
.noticiasFFAA .content-mod .nodo { padding:10px 0px; height:1%; overflow:hidden;}
.noticiasFFAA .content-mod .nodo .photo { width:150px; height:100px; padding:0px; float:left; margin-right:5px;}
.noticiasFFAA .content-mod .nodo .photo img { width:150px; min-height:100px; }                             
.noticiasFFAA .content-mod .nodo h2.titulo {  margin-bottom:10px; } 
.noticiasFFAA .content-mod .nodo div.entradilla {  } 
.datosFFAA .nodo { float:left; width:49%;}
.datosFFAA .datos { border-right:1px dotted #c9c9c9; margin-right:1%; line-height:1.6em; }
.datosFFAA .datos label { font-weight:bold;}
.datosFFAA .patrocinadores h4 { font-weight:normal; margin:4px 0px; border-bottom:0px dotted #c9c9c9; color:#999; }
.datosFFAA .patrocinadores a { display:block; overflow:hidden; float:left;  width:90px; height:90px; margin:2px;}
.datosFFAA .patrocinadores img {  width:90px; height:90px;}
.datosFFAA .logoFFAA { float:left; margin-right:10px;}


/*** autopromo/autopromo.ascx*** NOTA: Utiliza el pugin jquery.sliderfeb.js, por lo que hereda las propiedades css de slider y aqu? es personalizado */
/*** .autopromo: default values */
.autopromo { background: transparent none !important; filter:none !important; width:100%; margin:0px; padding:0px; }
.autopromo .content-mod { padding:0px; background:transparent none; filter:none;}
.autopromo .content-layerSlide { width:100%; position:relative; overflow:hidden; }
.autopromo .content-layerSlide .layerSlide { width:100%; height:428px; position:absolute; left:0px; visibility:hidden; overflow:hidden; }
.autopromo .content-layerSlide .capaTxtFlotante { width:100%; }

.autopromo .content-layerSlide .capaTxtFlotante h1.titulo { margin:0; padding:0; }
.autopromo .content-layerSlide .capaTxtFlotante h1.titulo a { }
.autopromo .content-layerSlide .capaTxtFlotante h1.titulo a:hover { }
.autopromo .content-layerSlide IMG { width:100%; height:auto; } /* maneja el tama?o de las imagenes grandes si lo quieres acotar ;-) */

.autopromo .content-layerThumbs {  height:1%; overflow:hidden; cursor:hand; cursor:pointer;  }
.autopromo .content-layerThumbs .layerThumb { width:150px; float:left; margin:0px; padding:0px; cursor:hand; cursor:pointer;  }
.autopromo .content-layerThumbs .layerThumb h2.titulo { display:none; }
.autopromo .content-layerThumbs .layerThumb IMG { width:150px; height:auto }


/* MODO: no-thumbs - capas dinamicas */
.autopromo .no-thumbImages { width:100% !important; margin: 5px 0px !important; padding:0px !important; position:relative !important; height:auto !important; text-align:center !important; }
.autopromo .no-thumbImages .layerThumb{ float:none !important; display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:top !important;
                             background-color:#eee; background-image:none !important; width:15px !important; height:15px !important; padding:0px !important; 
                             border:0px !important; margin:0px 4px 0px 0px !important; -webkit-border-radius:7px; -khtml-border-radius:7px; -moz-border-radius:7px; border-radius:7px; 
                             font-size:8px; font-family:Verdana, Arial; cursor:pointer; line-height:15px; color:#999; text-shadow:none;
                             -webkit-box-shadow: inset #bbb 0px 0px 3px; -moz-box-shadow: inset #bbb 0px 0px 3px; box-shadow: inset #bbb 0px 0px 3px;
                             text-align:center !important; text-shadow:none !important;
                             }
.autopromo .no-thumbImages .layerThumb:hover { background-color:#aaa;  }
.autopromo .no-thumbImages .layerThumb .nodo-txt-numero { display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:top !important;}
.autopromo .no-thumbImages .activado { background-color:#333;  }/* capa dinamica a?adida a .layerThumb */
.autopromo .info-hover-visible { position:relative; /*width:300px; height:100px;*/ margin:0 auto; /*margin-top:-112px;*/ padding:4px; overflow:hidden;
                      -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
                      -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
                      border-width:2px; border-style:solid; }
.autopromo .info-hover-visible img { /*width:150px;*/ height:auto; margin-right:5px; float:left;}
.autopromo .info-hover-visible span { width:145px; height:100px; line-height:20px; display:block; overflow:hidden; float:left; font-size:14px; }
.autopromo .off{ display:none!important;}

/*** FIN .autopromo: default values ***/


/* PERSONALIZACION TEMASFEB */

.temasfeb .autopromo .content-layerSlide { height:260px; } /* no width ya se ajusta al 100% del contenedor .multimedia que has definido previamente */
.temasfeb .autopromo .content-layerSlide IMG { height:260px; } /* no width ya se ajusta al 100%. Maneja el tama?o de las imagenes grandes si lo quieres acotar ;-) */
.temasfeb .autopromo .content-layerSlide .capaTxtFlotante { position:absolute; margin:230px 0px 0px 0px; padding:0px 5px; background:#000 none; opacity:0.8;  filter: alpha(opacity=80); }
.temasfeb .autopromo .content-layerSlide .capaTxtFlotante h1.titulo {  color:#aaa; font-size:12px; line-height:30px; }    
.temasfeb .autopromo .content-layerSlide .capaTxtFlotante .titulo a { padding-right:2px; color:#fff;  -moz-text-shadow: 0px -1px 0px #000; -webkit-text-shadow: 0px -1px 0px #000; text-shadow: 0px -1px 0px #000;}
.temasfeb .autopromo .content-layerSlide .capaTxtFlotante .titulo a:hover { color:#8e8e8e; text-decoration:none;  }
.temasfeb .autopromo .content-layerSlide .capaTxtFlotante .enlaces { height:45px; padding:0px 2px; margin-top:2px !important; text-align:justify; overflow:hidden; }

.temasfeb .autopromo .content-layerThumbs { width:142px; height:207px; position:absolute; margin:-257px 0px 0px 829px; padding:2px; background-color:#333; -webkit-box-shadow: 0px 0px 7px #333; -moz-box-shadow: 0px 0px 7px #333; box-shadow: 0px 0px 7px #333; }
.temasfeb .autopromo .content-layerThumbs .layerThumb { float:none;  margin:0px 0px 3px 0px; padding:0px; border:1px solid #c9c9c9; width:140px; height:37px; overflow:hidden; cursor:hand; cursor:pointer; }
.temasfeb .autopromo .content-layerThumbs .layerThumb h2.titulo { display:none;}
.temasfeb .autopromo .content-layerThumbs .layerThumb IMG {opacity:1.0 !important;  filter: alpha(opacity=100) !important; width:140px; height:37px;}
.temasfeb .autopromo .content-layerThumbs .layerThumb IMG:hover {opacity:0.6 !important;  filter: alpha(opacity=60) !important;}
.temasfeb .autopromo .content-layerThumbs .activado { border:1px solid aqua; }/* capa dinamica a?adida a .layerThumb */
.temasfeb .autopromo .content-layerThumbs .activado img { }/* capa dinamica */

/* MODO: no-thumbs - capas dinamicas */
.temasfeb .autopromo .no-thumbImages { background:transparent none !important;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.temasfeb .autopromo .info-hover-visible { width:300px; height:100px; margin-top:-112px;}
.temasfeb .autopromo .info-hover-visible img { width:300px; height:80px; }

/* FIN PERSONALIZACION TEMASFEB */


/* PERSONALIZACION SOCIOS */

.socios .autopromo .content-layerSlide { height:310px; } /* no width ya se ajusta al 100% del contenedor .multimedia que has definido previamente */
.socios .autopromo .content-layerSlide IMG { height:310px; } /* no width ya se ajusta al 100%. Maneja el tama?o de las imagenes grandes si lo quieres acotar ;-) */
.socios .autopromo .content-layerSlide .capaTxtFlotante { width:100%; position:relative; margin:0px 0px 0px 0px; padding:0px 5px; 
                                                        background: #bbb; /* for non-css3 browsers */
                                                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#bbbbbb'); /* for IE */
                                                        background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#bbbbbb)); /* for webkit browsers */
                                                        background: -moz-linear-gradient(top,  #e9e9e9,  #bbbbbb); /* for firefox 3.6+ */ 
                                                        background: -o-linear-gradient(#e9e9e9,#bbbbbb); /* Opera */
                                                         font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
                                                         -webkit-box-shadow: -5px 0px 10px rgba(0,0,0,.5); 
                                                         -moz-box-shadow: -5px 0px 10px rgba(0,0,0,.5); 
                                                         box-shadow: -5px 0px 10px rgba(0,0,0,.5); 
                                                         }
.socios .autopromo .content-layerSlide .capaTxtFlotante h1.titulo {margin:0; padding:0; color:#aaa; font-size:11px;  font-weight:normal; line-height:35px; color:#555; text-shadow:0px 1px 1px #fff; text-indent:5px; }    
.socios .autopromo .content-layerSlide .capaTxtFlotante .titulo a {color:#333; text-decoration:none; }
.socios .autopromo .content-layerSlide .capaTxtFlotante .titulo a:hover { text-decoration:underline;  }
.socios .autopromo .content-layerSlide .capaTxtFlotante .enlaces { height:45px; padding:0px 2px; margin-top:2px !important; text-align:justify; overflow:hidden; }

.socios .autopromo .content-layerThumbs { width:100%; position:relative; margin:5px 0px 0px 0px; padding:0px;}
.socios .autopromo .content-layerThumbs .layerThumb { float:left; margin:0px 1px 0px 0px; padding:0px; width:100px; height:auto; border:1px solid #ccc; }
.socios .autopromo .content-layerThumbs .layerThumb h2.titulo { display:none;}
.socios .autopromo .content-layerThumbs .layerThumb IMG { width:100px; height:auto; }
.socios .autopromo .content-layerThumbs .layerThumb IMG:hover { opacity:0.6 !important; filter:alpha(opacity=60) !important; }
.socios .autopromo .content-layerThumbs .activado {  border:1px solid #0098CB; }/* capa dinamica a?adida a .layerThumb */
.socios .autopromo .content-layerThumbs .activado img {}/* capa dinamica */

/* MODO: no-thumbs - capas dinamicas */
.socios .autopromo .no-thumbImages { background:transparent none !important;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.socios .autopromo .info-hover-visible { width:150px; height:150px; margin-top:-162px;}
.socios .autopromo .info-hover-visible img { width:150px; height:150px; }


/* FIN PERSONALIZACION SOCIOS */




/*** buscador/buscador.ascx ***/
.buscador .resultadoPaginaBuscador { padding:10px 0px; }
.buscador .resultadoPaginaBuscador em { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; }
.buscador .infoResultadosPager { margin-bottom:10px;}
.buscador .paginador .infoResultadosPager { text-align:left;}
.buscador .paginador em { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; }
.buscador .content-mod{ padding:20px; }
.buscador .content-mod .nodo { padding:10px 0px;  }
.buscador .content-mod .nodo h2.titulo { margin:10px 0px; }  


/*** carrusel/carrusel.ascx ***/
.carrusel { margin:0px auto; }
.carrusel .content-mod { margin:0px !important; padding:0px !important; }
.controles-carrusel { height:1% !important; overflow:hidden !important; text-align:right; }
.left-carrusel, .right-carrusel, .paginador-carrusel{  display:inline-block !important; *display:inline !important; zoom: 1 !important; /* IE7 (hasLayout)*/ vertical-align:top !important; /* BASELINE CORRECCI?N*/ }
.left-carrusel, .right-carrusel {line-height:18px !important; width:20px; height:20px; text-align:center; font-size:16px; }
.left-carrusel span, .right-carrusel span { /*visibility:hidden !important;*/ }
.paginador-carrusel{line-height:20px !important; width:60px; height:20px; text-align:center; font-size:11px;  }

.screen-carrusel { border:0px !important; overflow:hidden !important; position:relative !important; }
.content-frames-carrusel { position:absolute !important; left:0px !important;  }
.frame-carrusel{ margin:0px 1px 0px 0px !important; padding:0px !important; float:left !important; border-width:0px !important; }
.frame-carrusel a.enlacePhoto { width:150px; height:100px; margin:4px auto; display:block; overflow:hidden; }
.frame-carrusel a.enlacePhoto img { width:150px; min-height:100px; margin-top:0px; }
.frame-carrusel .titulo { width:150px; margin:0px auto; font-size:10px; line-height:12px; height:24px; overflow:hidden; }
.tipo0 .tipoVideo { position:absolute; width:27px; height:22px; background: transparent url(../../../Imagenes/Modulos/Presentacion/Iconos/ico-Video.png) no-repeat center center; } /* caso video clase dinamica*/
.tipo1 .tipoGaleria {  position:absolute; width:27px; height:22px; background: transparent url(../../../Imagenes/Modulos/Presentacion/Iconos/ico-Galeria.png) no-repeat center center; } /* caso galeria  clase dinamica*/
.tipo2 {} 

/*** encuestas/encuesta.ascx ***/
.encuesta {  }
.encuesta h3 { margin:0px; margin-bottom:10px; font-weight:normal; padding:10px 20px;}
.encuesta .pregunta { font-size:1.8em; line-height:1.2em; font-weight:bold; padding:0px 20px; }
.encuesta .grupo-respuestas { display:block; padding:10px 20px; line-height:30px; }
.encuesta .grupo-btn-link-fecha { padding-top:10px; text-align:center;}
.encuesta .grupo-btn-link-fecha a { }
.encuesta .grupo-btn-link-fecha .fecha { font-size:0.8em; margin-top:10px;  }

/*** enlaces/enlaces.ascx ***/
/* comparte apariencia con Noticia:06.ascx */
.enlaces .content-mod { padding:0px;}
.enlaces .content-mod .nodo { height:1%; overflow:hidden; padding:6px; }
.enlaces .content-mod .photo { float:left; width:150px; height:100px; padding:0px;  margin-right:5px; }
.enlaces .content-mod .nodo .photo img { width:150px; min-height:100px; }
.enlaces .content-mod .anteTitulo { font-size:9px; font-weight:normal; text-transform:uppercase; margin:0px; text-indent:2px;  line-height:16px; }
.enlaces .content-mod .titulo { font-size:14px; margin:8px 0px 0px 0px; line-height:16px; font-weight:normal; }
.enlaces .content-mod span.ico {  background-position:-32px -1px; }
.enlaces span.ico + .titulo{  display:inline;  } 

/* vertical a 1 columna */
.vertical-align .enlaces .content-mod .nodo{ float:left; line-height:14px; position:relative; padding:2px;  padding-bottom:8px; width:150px; height:188px; overflow:hidden; }
.vertical-align .enlaces .content-mod .nodo .photo {  width:150px; height:100px; text-align:center;  padding:auto; float:none; margin-right:auto;  }
.vertical-align .enlaces .content-mod .nodo .photo img { width:150px; min-height:100px;}
/* vertical a 3 columnas */
div#PanelA > .vertical-align .enlaces .content-mod .nodo,
div#PanelI > .vertical-align .enlaces .content-mod .nodo { padding:6px;}
/* vertical a 2 columnas */
div#PanelB > .vertical-align .enlaces .content-mod .nodo,
div#PanelG > .vertical-align .enlaces .content-mod .nodo,
div#PanelM > .vertical-align .enlaces .content-mod .nodo { padding:5px;}



/*** fraseDestacada/fraseDestacada.ascx */
.fraseDestacada { font-size:20px; line-height:26px; }
.fraseDestacada blockquote { margin:0px; padding:10px 10px 10px 25px; }
.fraseDestacada blockquote span.ldquo { font-size:60px; line-height:normal; position:absolute; margin-top:-15px; margin-left:-28px; width:40px; }
.fraseDestacada  div.autor { font-size:12px; font-style:italic; padding:0px 5px; text-align:right; }
/*** HTML/HTML.ascx ***/ 
.htmlMod { background:transparent none; } 
.htmlMod .content-mod { border:0px; padding:0px;}
.htmlMod object, .htmlMod embed { width:100%; }

/*** HTML/HTMLMostar.ascx ***/ 
.htmlMostrar { padding:10px;}
.htmlMostrar div.loadingDinamico { font-size:20px; padding:10px; }

/*** imagen/banner.ascx ***/ 
.banner .content-mod { padding:0px;}
.banner .content-mod img { width:100%;}
.banner .content-mod h4 { text-align:center; font-weight:normal;}

/*** lectorRSS/RSSGaleriaFotos.ascx ***/ 

.rssgaleria .content-mod { padding:0px;}
.rssgaleria .content-mod img { width:100%;}
.rssgaleria .content-mod h4.titulo { font-weight:normal; height:42px; padding:4px; margin:5px; margin-top:-60px; line-height:22px; overflow:hidden; font-size:18px;  }



/* Multimedia/Multimedia.ascx*** NOTA: Utiliza el pugin jquery.sliderfeb.js, por lo que hereda las propiedades css de slider y aqu? es personalizado */ 

.multimedia {  }
.multimedia span.loadingTxt { display:block; font-size:2.0em; text-align:center; margin-top:10px}
.multimedia .content-layerSlide { width:100%; position:relative; overflow:hidden; }
.multimedia .content-layerSlide .layerSlide { width:100%; height:428px; position:absolute; left:0px; visibility:hidden; overflow:hidden; }
.multimedia .content-layerSlide .capaTxtFlotante { width:100%; height:118px; position:absolute; padding:0px; margin:300px 0px 0px 0px;  }
.multimedia .content-layerSlide .capaTxtFlotante h1.titulo {float:left; position:absolute; margin:5px; margin:0; padding:0; line-height:40px; font-size:40px; float:none; position:relative; }
.multimedia .content-layerSlide .capaTxtFlotante h1.titulo a { }
.multimedia .content-layerSlide .capaTxtFlotante h1.titulo a:hover { text-decoration:underline; }
.multimedia .content-layerSlide .capaTxtFlotante .enlaces { margin-top:10px; line-height:15px; }
.multimedia .content-layerSlide .capaTxtFlotante .enlaces a { text-decoration:underline; }
.multimedia .content-layerSlide .capaTxtFlotante .enlaces a:hover { text-decoration:underline; }                                                                 
.multimedia .content-layerSlide h1.video { position:absolute; font-size:18px; line-height:25px; width:100%; height:50px; overflow:hidden; margin:338px 0 0 0; padding:0px; text-indent:5px; }
.multimedia .content-layerSlide .layerSlide .layerSlide-contenido object {width:100% !important; }
.multimedia .content-layerSlide .layerSlide .layerSlide-contenido embed { width:100% !important; }

.multimedia .content-layerThumbs {  height:1%; overflow:hidden;  }
.multimedia .content-layerThumbs .layerThumb { width:150px; float:left;  margin:0px; padding:5px; cursor:hand; cursor:pointer;  }
.multimedia .content-layerThumbs .layerThumb:hover {  }
.multimedia .content-layerThumbs .layerThumb h2.titulo { margin:0; padding:0; font-size:10px; line-height:12px; height:36px; overflow:hidden; }
.multimedia .content-layerThumbs .layerThumb IMG { width:150px; height:100px; }

/* capas dinamicas */
.ico-play-video-thumbnail { width:150px; height:100px; display:block; position:absolute; background:transparent url(../../../Imagenes/Modulos/Presentacion/Iconos/ico-play-video-thumbnail.png) no-repeat 50% 50%; } 
img.ico-loading { width:30px; height:30px; }
.group_ico-play-video_img-skinvideo { cursor:pointer; }
.group_ico-play-video_img-skinvideo .ico-play-video { position:absolute;  width:100px !important; height:81px !important; background: transparent url(../../../Imagenes/Modulos/Presentacion/Iconos/ico-play-video.png) no-repeat 0 0; margin-left:271px; margin-top:183px; }
.group_ico-play-video_img-skinvideo .ico-play-video:hover { opacity:0.5; filter: alpha(opacity=50); }
/* FIN capas dinamicas */

/* MODO: no-thumbs */
/* MODO: no-thumbs - capas dinamicas */
.multimedia .no-thumbImages { width:100% !important; margin: 5px 0px 5px 0px !important; padding:0px !important; position:relative !important; height:auto !important; text-align:center !important; }/* capa dinamica */
.multimedia .no-thumbImages .layerThumb{ float:none !important; display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:top !important;
                             background-color:#eee; background-image:none !important; width:15px !important; height:15px !important; padding:0px !important; 
                             border:0px !important; margin:0px 4px 0px 0px !important; -webkit-border-radius:7px; -khtml-border-radius:7px; -moz-border-radius:7px; border-radius:7px; 
                             font-size:8px; font-family:Verdana, Arial; cursor:pointer; line-height:15px; color:#999; text-shadow:none;
                             -webkit-box-shadow: inset #bbb 0px 0px 3px; -moz-box-shadow: inset #bbb 0px 0px 3px; box-shadow: inset #bbb 0px 0px 3px;
                             text-align:center !important; text-shadow:none !important;
                             }
.multimedia .info-hover-visible { position:relative; width:300px; height:100px; margin:0 auto; padding:4px; margin-top:-112px; overflow:hidden;
                      -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
                      -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
                      border-width:2px; border-style:solid; }
.multimedia .info-hover-visible img { width:150px; height:100px; margin-right:5px; float:left;}
.multimedia .info-hover-visible span { width:145px; height:100px; line-height:20px; display:block; overflow:hidden; float:left; font-size:14px; }
.multimedia .off{ display:none!important;}
/* FIN MODO: no-thumbs - capas dinamicas */




/* Multimedia a 3 cols con thumbnails */
div#PanelA > .fxGlass .multimedia, 
div#PanelI > .fxGlass .multimedia { width:100%; }

div#PanelA > .fxGlass .multimedia .content-layerSlide, 
div#PanelI > .fxGlass .multimedia .content-layerSlide { width:642px; float:left;}

div#PanelA > .fxGlass .multimedia .content-layerThumbs, 
div#PanelI > .fxGlass .multimedia .content-layerThumbs { margin-top:0px; margin-left:20px; width:314px; float:left;}

div#PanelA > .fxGlass .multimedia .content-layerThumbs .layerThumb, 
div#PanelI > .fxGlass .multimedia .content-layerThumbs .layerThumb { width:314px; padding:3px 0px; height:101px; text-align:left; }

div#PanelA > .fxGlass .multimedia .content-layerThumbs .layerThumb .ico-play-video-thumbnail, 
div#PanelI > .fxGlass .multimedia .content-layerThumbs .layerThumb .ico-play-video-thumbnail { position:relative; float:left; left:150px; margin-left:-150px; z-index:999;}

div#PanelA > .fxGlass .multimedia .content-layerThumbs .layerThumb img, 
div#PanelI > .fxGlass .multimedia .content-layerThumbs .layerThumb img { float:left; margin-left:3px; }

div#PanelA > .fxGlass .multimedia .content-layerThumbs .layerThumb h2.titulo, 
div#PanelI > .fxGlass .multimedia .content-layerThumbs .layerThumb h2.titulo { float:left; width:148px; height:100px; padding:0px 0px 0px 7px; font-size:16px; line-height:20px; font-weight:normal;  }


/* Multimedia a 3 cols sin thumbsnails */
div#PanelA > .no-thumbs .multimedia .info-hover-visible,
div#PanelI > .no-thumbs .multimedia .info-hover-visible { top:428px; *top:0px; }

div#PanelA > .no-thumbs .multimedia .no-thumbImages .layerThumb,
div#PanelI > .no-thumbs .multimedia .no-thumbImages .layerThumb{ *padding-bottom:5px !important; *height:10px; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide,
div#PanelI > .no-thumbs .multimedia .content-layerSlide { width:100%; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide .layerSlide .layerSlide-contenido .capaTxtFlotante,
div#PanelI > .no-thumbs .multimedia .content-layerSlide .layerSlide .layerSlide-contenido .capaTxtFlotante { margin:0px 0px 0px 650px !important; width:310px !important; padding:5px !important; clip:auto; *clip:rect(auto); height:428px !important; margin-top:0px !important; background-color:Transparent; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide .capaTxtFlotante *,
div#PanelI > .no-thumbs .multimedia .content-layerSlide .capaTxtFlotante * { background-color:Transparent;}

div#PanelA > .no-thumbs .multimedia .content-layerSlide h1,
div#PanelI > .no-thumbs .multimedia .content-layerSlide h1 {font-size:40px !important; line-height:44px !important; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide h1.video,
div#PanelI > .no-thumbs .multimedia .content-layerSlide h1.video {line-height:50px !important; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide a,
div#PanelI > .no-thumbs .multimedia .content-layerSlide a {color:#000; text-decoration:none; font-weight:bold; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide a:hover,
div#PanelI > .no-thumbs .multimedia .content-layerSlide a:hover {text-decoration:underline !important; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide .enlaces,
div#PanelI > .no-thumbs .multimedia .content-layerSlide .enlaces {font-size:16px !important; line-height:20px !important; color:#666; margin-top:25px !important; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide .group_ico-play-video_img-skinvideo,
div#PanelI > .no-thumbs .multimedia .content-layerSlide .group_ico-play-video_img-skinvideo { background-color:#111; text-align:center; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide .group_ico-play-video_img-skinvideo img,
div#PanelI > .no-thumbs .multimedia .content-layerSlide .group_ico-play-video_img-skinvideo img { margin:0px auto !important; }

div#PanelA > .no-thumbs .multimedia .content-layerSlide .group_ico-play-video_img-skinvideo .ico-play-video,
div#PanelI > .no-thumbs .multimedia .content-layerSlide .group_ico-play-video_img-skinvideo .ico-play-video {  margin-left:0px !important; margin-top:0px; left:420px; top:183px;  }



/* /// Noticias Generales /// */
.noticia {  margin:0px; padding:0px; position:relative; }
.noticia .content-mod .nodo { height:1%; overflow:hidden;}
.noticia .content-mod .photo {text-align:center; height:1%; overflow:hidden; }
.noticia .content-mod .photo img { }
.noticia .content-mod h3.anteTitulo {margin:0px; font-size:0.8em; text-transform:uppercase; font-weight:normal; }
.noticia .content-mod h2.titulo { margin:0px; font-size:1.8em; font-weight:normal; }
.noticia .content-mod div.entradilla { margin:0px; font-size:1.0em; }

.separador-nodos { height:0px; width:100%; padding:0px; margin:0px; border-bottom:1px dotted #c9c9c9; background:transparent none;  line-height:0px;}

/* capas dinamicas para ver las relacionadas */
.noticia .content-mod div.content-btn-relacionadas { height:16px; margin-top:1px; padding:1px 2px; text-align:right; } 
.noticia .content-mod div.btn-relacionadas { cursor:pointer; font-size:9px; background-color:#fff; color:#000; opacity:0.8;  filter: alpha(opacity=80); display: -moz-inline-block; display:inline-block; zoom:1; *display:inline; }
.noticia .content-mod div.btn-relacionadas span.ico { background-position: -64px -16px;  margin:0px; }
.noticia .content-mod div.btn-relacionadas-close span.ico { background-position:1px -16px; }
.noticia .content-mod div.tooltipRelacionadas { letter-spacing:2px; background:#fff none; opacity:0.7;  filter: alpha(opacity=70);  font-size:9px; padding:0px 40px; margin-right:5px; text-align:center; display: -moz-inline-block; display:inline-block; zoom:1; *display:inline; visibility:hidden; }
/* fin capas dinamicas para ver las relacionadas */

.noticia .content-mod ul.relacionadas { display:none; clear:both; list-style: square none inside; margin:0px; margin-top:4px; padding:0px; }
.noticia .content-mod ul.relacionadas li { font-size:11px; padding:0px; padding-left:0px; }

/*** Noticias/noticias_01.ascx ***/
.noticias_01 .content-mod .photo { width:100%; height:200px; padding:0px; }
.noticias_01 .content-mod .photo img { width:302px; min-height:200px; }
.noticias_01 .content-mod h2.titulo { width:292px; height:42px; margin-top:-70px; line-height:22px; padding:4px; overflow:hidden; font-size:18px;  }                                
.noticias_01 .content-mod h2.titulo a {color:#fff !important; }


/*** Noticias/noticias_02.ascx ***/
.noticias_02 .content-mod{ padding:20px;}
.noticias_02 .content-mod .nodo { padding:10px 0px;  }
.noticias_02 .content-mod .nodo h2.titulo { margin:10px 0px; }                      


/*** Noticias/noticias_03.ascx ***/
.noticias_03 .content-mod .nodos{ display: block; height:1%;}
.noticias_03 .content-mod .nodo-large { float: left; position: relative; width:300px; margin:0px; margin-right:14px;  }
.noticias_03 .content-mod .nodo-large .photo {  width:300px; height:200px; padding:0px;  }
.noticias_03 .content-mod .nodo-large .photo img { width:300px; min-height:200px;}
.noticias_03 .content-mod .nodo-large h2.titulo { width:292px; height:42px; margin-top:-70px; line-height:22px; padding:4px; overflow:hidden; font-size:18px;  }
.noticias_03 .content-mod .nodo-small{ float: left; line-height: 14px; margin: 0px 4px; position: relative; width:150px; height:190px; overflow:hidden;}
.noticias_03 .content-mod .nodo-small .photo {  width:150px; height:100px; text-align:center;  }
.noticias_03 .content-mod .nodo-small .photo img { width:150px; min-height:100px; }
.noticias_03 .content-mod .nodo-small h2.titulo { font-size:0.8em; margin:5px 0px; font-weight:bold; }
.noticias_03 .content-mod .nodo-small div.entradilla{ font-size:0.8em; }

/*** Noticias/noticias_04.ascx ***/
.noticias_04 ul.contentTab-lista { list-style:none none outside; margin:0px; padding:0px 10px; height:255px; overflow-y:auto; }
.noticias_04 ul.contentTab-lista li {  margin:0px; padding:5px 0px; width:100%; height:40px; overflow:hidden; display:table;}
.noticias_04 ul.contentTab-lista li h2.titulo { font-size:1.0em; line-height:1.6em; width:100%; height:40px; display:table-cell; vertical-align:middle;  }                              
.noticias_04 .paginador { margin:0px 4px 4px 0px;}

/*** Noticias/noticias_05.ascx ***/
.noticias_05 .content-mod { margin:2px; padding:0px;  }
.noticias_05 .content-mod .nodo{ float:left; line-height:14px; position:relative; padding:5px; width:150px; height:274px; overflow:hidden; }
.noticias_05 .content-mod .nodo:hover { background-color:#f0f0f0;}
.noticias_05 .content-mod .nodo .photo {  width:150px; height:100px; text-align:center;  padding:auto; float:none; margin-right:auto;  }
.noticias_05 .content-mod .nodo .photo img { width:150px; min-height:100px; }
.noticias_05 .content-mod .nodo .anteTitulo { font-size:9px; font-weight:normal; text-transform:uppercase; margin:0px; text-indent:2px;  line-height:16px; }   
.noticias_05 .content-mod .nodo .titulo { font-size:14px; margin:8px 0px; line-height:16px;}
.noticias_05 .content-mod .nodo .entradilla{ font-size:10px;  line-height:16px;}
.noticias_05 .content-mod .separador-line{ border-width:1px; border-style:solid; border-color:#eee #ccc #ccc #eee; }   
.noticias_05 .content-mod .separador-line:first-child { border-width:1px !important; border-style:solid !important; border-color:#eee #ccc #ccc #eee !important; }  

/*** Noticias/noticias_06.ascx ***/
.noticias_06 .content-mod { padding:0px; }
.noticias_06 .content-mod .nodo { height:1%; overflow:hidden; padding:3px; }
.noticias_06 .content-mod .nodo .photo { float:left; width:150px; height:100px; padding:0px; margin-right:5px;}
.noticias_06 .content-mod .nodo .photo img { width:150px; min-height:100px; }
.noticias_06 .content-mod .nodo .anteTitulo { font-size:9px; font-weight:normal; text-transform:uppercase; margin:0px; text-indent:2px;  line-height:16px; }
.noticias_06 .content-mod .nodo .titulo { font-size:14px; margin:5px 0px 0px 0px; line-height:16px;}  

/* vertical a 1 columna */
.vertical-align .noticias_06 .content-mod .nodo{ float:left; line-height:14px; position:relative; padding:2px; padding-bottom:5px; width:150px; height:183px; overflow:hidden; }
.vertical-align .noticias_06 .content-mod .nodo .photo {  width:150px; height:100px; text-align:center; padding:auto; float:none; margin-right:auto;  }
.vertical-align .noticias_06 .content-mod .nodo .photo img { width:150px; min-height:100px;}
/* vertical a 2 columnas */
div#PanelB > .vertical-align .noticias_06 .content-mod .nodo,
div#PanelG > .vertical-align .noticias_06 .content-mod .nodo,
div#PanelM > .vertical-align .noticias_06 .content-mod .nodo { padding:5px; height:199px;}
/* vertical a 3 columnas */
div#PanelA > .vertical-align .noticias_06 .content-mod .nodo,
div#PanelI > .vertical-align .noticias_06 .content-mod .nodo { padding:6px; height:198px;}


/*** Noticias/noticias_07.ascx ***/
.noticias_07 .content-mod { padding-bottom:0px; }
.noticias_07 .content-mod .nodo {padding: 10px 0px; }                              
.noticias_07 .content-mod .nodo h2.titulo { font-size:1.0em; }  



/*** Opinion/Opinion.ascx ***/ 
.opinion .content-mod {}
.opinion img { float:left; margin-right:10px; width:150px; height:100px; }
.opinion .pregunta { font-size:2.2em; line-height:1.2em; font-weight:bold; text-shadow: 1px 1px 2px #aaa; }
.opinion .nick { clear:both; padding-top:5px;}
.opinion .nick input.typeText { border:1px solid #c9c9c9;  background-color:#ebebeb;  padding:2px 2px; vertical-align:middle; width:99%;}
.opinion .comentarios { margin:5px 0px;}
.opinion .comentarios textarea {border:1px solid #c9c9c9;  background-color:#ebebeb;  padding:2px 2px; vertical-align:middle; height:30px; width:99%;}
.opinion input.btnInsertar { margin-bottom:15px;}
.opinion table.tabla-dataGrid tr td { border-width: 1px 0px 0px 0px; border-style:dotted;  padding:10px;  }
.opinion table.tabla-dataGrid tr td span.nombre { padding-right:5px; font-weight:bold; border-right:1px solid #c9c9c9;}
.opinion table.tabla-dataGrid tr td .coment { margin-top:5px; color:#666;}


/*** Tablas: comun ***/ 
div.tabla div.content-mod div { margin:0px; padding:0px; }

/*** Tablas/contactos.ascx ***/ 
.contactos { }

/*** Tablas/documentos.ascx ***/
.documentos ul li { height:1%; overflow:hidden; padding:10px; padding-left:2px;  }
.documentos ul li span.ico { background-position:-32px -98px; }
/*** Tablas/Plantilla.ascx ***/
.plantilla { }

/*** Tablas/PlantillaTec.ascx ***/
.plantillaTecnica { }

/*** Tablas/tabla.ascx ***/ 
.tabla { }


/*** video/video.ascx ***/

.embed-video object, .embed-video embed { width:100%; }
div#PanelA .embed-video object, div#PanelI .embed-video object { height:428px;   }
div#PanelA .embed-video embed, div#PanelI .embed-video embed { height:428px;  }	

div#PanelB .embed-video object, div#PanelG .embed-video object, div#PanelM .embed-video object { height:428px;   }
div#PanelB .embed-video embed, div#PanelG .embed-video embed, div#PanelM .embed-video embed { height:428px;  }

div#PanelC .embed-video object, div#PanelH .embed-video object, div#PanelN .embed-video object { height:205px;  }
div#PanelC .embed-video embed, div#PanelH .embed-video embed, div#PanelN .embed-video embed { height:205px;  }

div#PanelD .embed-video object, div#PanelE .embed-video object, div#PanelF .embed-video object, div#PanelJ .embed-video object, div#PanelK .embed-video object, div#PanelL .embed-video object, div#PanelO .embed-video object, div#PanelP .embed-video object, div#PanelQ .embed-video object { height:205px;   }
div#PanelD .embed-video embed, div#PanelE .embed-video embed, div#PanelF .embed-video embed, div#PanelJ .embed-video embed, div#PanelK .embed-video embed, div#PanelL .embed-video embed, div#PanelO .embed-video embed, div#PanelP .embed-video embed, div#PanelQ .embed-video embed { height:205px;  }

/*** widgets/Marcadores.aspx ***/

.marcadores div.loadingDinamico { font-size:20px; color:#666; padding:10px; }

.marcadores ul.content-toggled li a {display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:top !important; 
                                     margin-right:10px;  background:#fff; padding:0px 4px; color:#333; }
.marcadores ul.content-toggled li a:hover { color:#fff; text-decoration:none; background:#0066cc; }
.marcadores ul.content-toggled li span.competicionLbl { display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:top !important; 
                                                        width:80px; text-indent:4px;  } 



/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/




/*----------------------------------------------------------------------------------------------
Modulos que s?lo se crean mediante el CMS meti?ndolo en un m?dulo HTML
----------------------------------------------------------------------------------------------*/

/*** sociosfeb*** NOTA: Utiliza el pugin jquery.sliderfeb.simple.js, por lo que hereda las propiedades css de slider y aqu? es personalizado ***/

/*.sociosfeb .content-layerSlide { height:300px;  }
.sociosfeb .layerSlide-contenido IMG { width:100%;}
.sociosfeb .layerThumb {width:5px; height:5px; overflow:hidden; border:1px solid blue; }
.sociosfeb .layerThumb { display:none; } */










/*** publicidades *** NOTA: se marca un m?dulo como publicidad por el cms, en las propiedades del m?dulo se le a?ade como administrador la clase publicidad */
.publicidad .mod{ background: transparent url(../../../Imagenes/Estructura/class-publicidad.png) no-repeat 0px 0px; padding-top:15px;}
.publicidad img { width:100%;}