/* Estilo Pagina Indice */
	.indice_titulo{background-color:#7b7b7b;font:bolder 24px Arial, Verdana, Helvetica, sans-serif;text-align:center;color:#fff;}
	.td_titulo { color: #fff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; background-color: #ababab; text-align: left; letter-spacing: 4px; vertical-align: middle; padding: 2px 3px 2px 6px; }
	.td_descripcion { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
	.td_enlace { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
	.td_enlaceODD a,.td_enlace a, .td_enlace a:hover, .td_enlace a:visited, .td_enlace a:active { color: #00c; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-decoration: underline; text-align: left; padding-left: 0; vertical-align: middle; }					.td_extension { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
	.td_descripcionODD { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; background-color: #ececec; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
	.td_enlaceODD { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; background-color: #ececec; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
	.td_extensionODD { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; background-color: #ececec; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }

	.file_descripcion {font-size: 10px; font-family: Verdana, Helvetica, sans-serif; }
	

/* Plantilla */
#tablaCont { width: 550px }
.numLista { color: #666; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; padding: 2px 5px 2px 4px; vertical-align: middle }
/*fieldset            { color: #666; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; margin-right: 3px; margin-bottom: 0; margin-left: 3px; padding: 5px 10px 10px; width: auto; border: solid 1px #7474ad }
fieldset legend     { color: #7474ad; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; margin: 5px 0; padding: 2px 5px; vertical-align: top; border: solid 1px }
fieldset table td  { margin-bottom: 5px; padding: 2px; width: auto; border-collapse: collapse  }
#fieldsetMain   { border: solid 2px #e2e8ed }
#fieldsetMain legend.leyenda  { color: #7474ad; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #fff; text-transform: uppercase; padding-right: 0; padding-left: 0; border-width: 0 }*/
/* Tablas */
.tablaDatos  { margin: 3px; padding: 3px; border: solid 1px #ccc }
.tablaDatos td.titulotxtG   { color: #fff; background-color: #7474ad; text-align: center }
.tablaDatos td.titulotxt     { color: #666; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }
.tablaDatos td.descTxt2 { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; padding: 1.5px 5px 1.5px 3px; vertical-align: top }
.colTitulo      { color: #333; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e2e2e2; text-align: center; padding-right: 3px; padding-left: 3px; border-style: solid; border-width: 1px; border-color: #666 #999 }
.colItem    { color: #333; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: center; padding-top: 3px; padding-right: 2px; padding-left: 2px; vertical-align: top; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.colItemSel { color: #337; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #eee; text-align: center; padding-top: 3px; padding-right: 2px; padding-left: 2px; vertical-align: top; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.colItem2  { color: #333; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(/images_srv/colItembg.gif); text-align: center; padding-top: 3px; padding-right: 2px; padding-left: 2px; vertical-align: top; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
/* Textos */
.titulotxtG { color: #7474ad; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding: 3px }
.titulotxt  { color: #666; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding: 3px }
.copyR { color: #666; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: middle }
.accionTxt { color: #7474ad; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #7474ad }
.desctxt        { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; padding: 1.5px 5px 1.5pt 3px; vertical-align: top }
.desctxt2  { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; padding: 3px 3px 0; vertical-align: bottom }
.itemTxt  { color: #333; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; padding-right: 5px; vertical-align: top }
.descTxt_der { color: #666; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: middle }
/* Elementos del Form */
.inputF      { color: #666; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; margin-top: 2.5px; margin-right: 5px; margin-bottom: 0; padding: 2px; height: 20px; border: solid 1px #d6d3cf }
.inputF  button  { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e2e8ed; text-align: center; margin: 5px; padding: 2.5px 5px; vertical-align: middle; border: solid 1px #999 }

input.inputF:hover   { color: #000; background-color: #ededed; cursor: pointer; border: solid 1px #7474ad }
input.inputF:focus  { color: #000; background-color: #ededed; cursor: text; border: dotted 1px #7474ad }

.textareaF{ color: #666; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; margin-top: 2.5px; margin-right: 5px; margin-bottom: 0; padding: 2px; border: solid 1px #d6d3cf }
.textareaCod { color: #333; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; margin-top: 2.5px; margin-right: 5px; margin-bottom: 0; padding: 4px; border: solid 1px #d6d3cf }
.selectF      { color: #666; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; margin-top: 2.5px; margin-right: 5px; margin-bottom: 0; padding: 2px 2px 4px; height: 20px; vertical-align: middle; border-style: solid; border-width: 1px 3px 1px 1px; border-color: #d6d3cf #7474ad #d6d3cf #d6d3cf }
.selectOptionB { font-size: 11px; font-family: Arial, Verdana, Tahoma; background-color: #fff; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #333 }
select.selectF:hover  { color: #000; background-color: #ededed; cursor: pointer; border: solid 1px #7474ad }
select.selectF:focus  { color: #000; background-color: #ededed; cursor: text; border: dotted 1px #7474ad }
.radioF  { margin-top: 2.5px; margin-right: 5px; margin-bottom: 5px; padding: 2px }
.botonGen  { color: #666; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #ccc; text-align: center; margin: 5px; padding: 2.5px 5px; vertical-align: middle; border: solid 1px  }
.botonForm  { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e2e8ed; text-align: center; margin: 5px; padding: 2.5px 5px; vertical-align: middle; border: solid 1px #999 }

/* ayuda */
#laAyuda  { color: #666; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif }
/* menu */
#elMenu  { float: left }

.menuSep { color: #666; vertical-align: middle }
/*a.menu:link,
a.menu:visited,
a.menu:active   { text-decoration: none }
a.menu:hover { text-decoration: underline }*/

/* txtAdmin */
#txtAdmin  { color: #fff; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin-right: 5px; margin-left: 5px; padding-top: 1px }
/**/
#tituloOld { color: #7474ad; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-top: 15px; margin-bottom: 15px; margin-left: 10px; padding-top: 0; padding-bottom: 3px; padding-left: 10px; vertical-align: middle; border-bottom: 1px dotted #ccc; border-left: 2px solid #ccc }

/* MSG de error - notificaciones */
/* mensaje deteccion de flash */
.swfMensaje{ color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: middle; }

#msgError  { color: #f00; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 5px; padding: 4px; width: 100%; border: dotted 1px  }
#msgNotif { color: #066; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 10px; padding: 4px; width: 70%; border: dotted 1px #99c }
#msgAlert  { color: #9c0; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 5px; padding: 4px; width: 100%; border: dotted 1px #0f0 }
/* Noticias */
/* Estilos de Contenedores y despliegue de Color */
.colorCont { width: 15px; height: 25px; border: solid 1px #999 }
.color1 { color: #000; background-color: #fff }
.color2 { background-color: #333 }
.color3 { background-color: #666 }
.color4 { background-color: #999 }
.color5 { background-color: #ccc }
.color6 { background-color: #fff }
.color7 { background-color: #009 }
.color8 { background-color: #090 }
.color9 { background-color: #099 }
.color10 { background-color: #900 }
.color11 { background-color: #909 }
.color12 { background-color: #990 }
/* Estilos Transparencia  */


.indice_titulo		{background-image:url(/images_srv/tabs/pestanna-back-tab.jpg);font:bolder 18px Arial, Verdana, Helvetica, sans-serif;text-align:center;color:#000000;}
.td_titulo		{ color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; background-image:url(/images_srv/tabs/pestanna-back-tab.jpg); text-align: left; letter-spacing: 4px; vertical-align: middle; padding: 2px 3px 2px 6px;   color:#003366;}
.td_descripcion		{ color: #000000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; color:#003366; }
.td_descripcionODD	{ color: #000000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; color:#003366; background-color: #ececec; }
.td_extension		{ color: #000000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; color:#003366; }
.td_extensionODD	{ color: #000000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; color:#003366; background-color: #ececec; }
.td_enlace		{ color: #000000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
.td_enlaceODD		{ color: #000000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; text-align: left; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; color:#003366; background-color: #ececec; }
.rss{border:0;}
.printFriendly img{border:0;}

.HAS_accessibility
{
    background-image:url(/images_srv/accessibility.gif);
    padding: 1px 0 1px 18px !important;
    margin-left: 4px !important;
    background-repeat: no-repeat;
    background-position: left center;
    height:18px !important;
    line-height: 20px !important;
}

.HAS_accessibility_lista
{
    background-image:url(/images_srv/accessibility.gif);
    padding: 1px 18px 1px 0 !important;
    background-repeat: no-repeat;
    background-position: right center;
    height:18px !important;
    line-height: 20px !important;
}

.mapaSensible{
	position:relative;
}

.pin{
	position:absolute;
}

.HERMESACCORDION{
	display:none;
}

.HERMESTABS{
	display:none;
}

/*.pagination{
	/display:block;/
}

.pagination li {
    border: 1px solid #CCCCCC;
    float: left;
    list-style: none outside none;
    padding: 5px 10px;
    position:relative;
}

.pagination ul{
	display:table-cell;
	float:right;
}

.pagination .current{
	background: #ccc;
}

.pagination .pgBtn,
.pagination #next, 
.pagination #prev
{
	cursor:pointer;
}*/


.videoPlayer{
 width:100%;
}
/********************visualizador pdf**********************/
.ui-stars-star.ui-stars-star-disabled > a 
{
    text-align: left;
}
.TituloFichaArchivoContainer
{
    border-bottom: 1px solid #e1e1e1;
    margin: 0px 0px 15px 0px;
    padding: 27px 15px 0;
}
.FichaArchivo .Label
{
    font-weight:bold;
}
.FichaArchivoUL
{
    text-align:center;
}
.FichaArchivoContainer li,
.FichaArchivo
{
    list-style:none !important;
}
/****************Información de la ficha cuando es colapsable**************************/
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    src: local("Raleway"), url("/css_srv/fonts/Raleway.woff2") format("woff2");
}
.CollapsablesContainer .InformacionFichaContenido
{
    padding:5px;
}
.CollapsablesContainer .InformacionFichaContenido span
{
    color:#ED6200 !important;
}
.CollapsablesContainer .InformacionFichaContenido .ArrowCollapseContainer
{
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    font-family: "Raleway" !important;
    height: 21px;
    margin-left: 5px;
    text-decoration: none !important;
    width: 21px;
    position:relative;
}
.CollapsablesContainer .InformacionFichaContenido .ArrowCollapseContainer .ArrowCollapse
{
    font-family: "Raleway" !important;
    position: absolute;
    text-decoration: none !important;
    top: -2px;
}
.CollapsablesContainer .InformacionFichaContenido[aria-expanded="false"] .ArrowCollapseContainer .ArrowCollapse
{
    transform:rotate(90deg);
    left: 7px;
}
.CollapsablesContainer .InformacionFichaContenido[aria-expanded="true"] .ArrowCollapseContainer .ArrowCollapse
{
    transform:rotate(-90deg);
    left:3px;
}
.CollapsablesContainer .collapse 
{
    background: #f9f9f9;
    border-radius: 0 0 10px 10px;
    padding: 5px 10px 15px;
}
.CollapsablesContainer .CategoriasDiv li
{
    display:block;
    padding:5px 5px 2px 10px;
}
.CollapsablesContainer .CategoriasDiv ul
{
    margin:0px 5px;
    float: left;
}
.CollapsablesContainer .CategoriasDiv li a
{
    text-decoration:none !important;
}
.CollapsablesContainer .CategoriaNivel1
{
    border-bottom:2px solid #d9d9d9;
}
.CollapsablesContainer .CategoriasDiv ul ul
{
    position:relative;
    float:none;
    padding:10px;
}
.CollapsablesContainer .CategoriasDiv ul ul::before
{
    border-right: 10px solid transparent;
    border-top: 10px solid #d1d1d1;
    border-left: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 11px;
    position: absolute;
    top: 0;
    width: 0;
}
.CollapsablesContainer .CategoriaNivel2
{
    position:relative;
    float:none;
    padding-left:15px;
}
.CollapsablesContainer .CategoriaNivel2::before
{
    border-bottom: 8px solid transparent;
    border-left: 8px solid #d1d1d1;
    border-top: 8px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 7px;
    width: 0;
}

.g-recaptcha {
   min-height: 44px;
   min-width: 44px;
}

.embed-responsive-audio{
    height:50px;
}

.Playlist{
    background:#1F1F1F;
}

.Playlist li  {
    border: 1px solid #252525;
    padding: 10px;
    margin: 0;
    list-style-type:none;
}

.Playlist li span{
    display: block;
    width: 100%;
}

.Playlist .title a{
    font-size:1em;
    font-weight:600;
    text-decoration:none;
    color:#ccc !important;
}

.Playlist .descripcion{
    color:#aaa !important;
}

.Playlist .NowPlayingTitle{
    font-weight:700 !important;
    font-size:1.5em !important;
    color:#eee !important;
	padding:10px !important;
}

.Playlist .active{
    background:#333;
}

.Playlist .active .title a{
    font-weight:900 !important;
    color:#0dae92 !important;
    font-size: 1.35em;
}


/****************Listas autogeneradas*********************/
table.indice_contenido {
 border:1px solid #eeeeee;
 font-family:'Questrial',sans-serif!important;
 margin:0 auto
}
table.indice_contenido td.indice_titulo {
 background:#dddddd !important;
 font-family:'Questrial',sans-serif!important;
 padding:7px!important;
 color:#444444;
  border-bottom:1px solid #444444
}
table.indice_contenido td.td_titulo {
 background:#eeeeee !important;
 font-family:'Questrial',sans-serif!important;
 color:#444444;
 padding:5px 10px 8px
}
table.indice_contenido td.td_descripcion,table.indice_contenido td.td_extension,table.indice_contenido 

td.td_descripcionODD,table.indice_contenido td.td_extensionODD {
 padding:7px;
 font-family:'Questrial',sans-serif!important;
 color:#222;
 font-size:13px
}
table.indice_contenido td.td_descripcion a,table.indice_contenido td.td_extension a,table.indice_contenido 

td.td_descripcionODD a,table.indice_contenido td.td_extensionODD a {
 display:block;
 padding-bottom:0px;
  font-size:15px;
  font-weight: normal !important;
}
table.indice_contenido td.td_descripcion .descripcion,
table.indice_contenido td.td_descripcionODD .descripcion
{
    padding-top:5px;
}
table.indice_contenido td.td_descripcion,table.indice_contenido td.td_extension {
 background:#fff
}
table.indice_contenido td.td_extension, table.indice_contenido td.td_extensionODD
{
  padding:15px 5px  !important;
}
table.indice_contenido td.td_extension img, table.indice_contenido td.td_extensionODD img
{
  margin: 0px 5px!important;
}
table.indice_contenido td.td_descripcionODD,table.indice_contenido td.td_extensionODD {
 background:#f6f6f6
}


/********Background********/
.section-bg{
	clear:both;
}
.bgSection.Oscura
{
    background:#343338;
}
.bgSection.Niebla
{
    background:#b3b8bb;
}
.bgSection.Clara
{
    background:#e1e1e1;
}
.bgSection.Cielo
{
    background:#005486;
}
.bgSection.Grama
{
    background:#9bdcbb;
}
.textOscura,.textNiebla,.textCielo,
.textOscura p.MsoNormal,.textNiebla p.MsoNormal,.textCielo p.MsoNormal,
.textOscura a,.textNiebla a,.textCielo a,
.textOscura a span,.textNiebla a span,.textCielo a span,
.textOscura span a,.textNiebla span a,.textCielo span a,
.textOscura h1,.textNiebla h1,.textCielo h1,
.textOscura h2,.textNiebla h2,.textCielo h2,
.textOscura h3,.textNiebla h3,.textCielo h3,
.textOscura h1 span,.textNiebla h1 span,.textCielo h1 span,
.textOscura h2 span,.textNiebla h2 span,.textCielo h2 span,
.textOscura h3 span,.textNiebla h3 span,.textCielo h3 span,
#MainContainer .textOscura,#MainContainer .textNiebla,#MainContainer .textCielo,
#MainContainer .textOscura p.MsoNormal,#MainContainer .textNiebla p.MsoNormal,#MainContainer .textCielo p.MsoNormal,
#MainContainer .textOscura a,#MainContainer .textNiebla a,#MainContainer .textCielo a,
#MainContainer .textOscura a span,#MainContainer .textNiebla a span,#MainContainer .textCielo a span,
#MainContainer .textOscura span a,#MainContainer .textNiebla span a,#MainContainer .textCielo span a,
#MainContainer .textOscura h1,#MainContainer .textNiebla h1,#MainContainer .textCielo h1,
#MainContainer .textOscura h2,#MainContainer .textNiebla h2,#MainContainer .textCielo h2,
#MainContainer .textOscura h3,#MainContainer .textNiebla h3,#MainContainer .textCielo h3,
#MainContainer .textOscura h1 span,#MainContainer .textNiebla h1 span,#MainContainer .textCielo h1 span,
#MainContainer .textOscura h2 span,#MainContainer .textNiebla h2 span,#MainContainer .textCielo h2 span,
#MainContainer .textOscura h3 span,#MainContainer .textNiebla h3 span,#MainContainer .textCielo h3 span
{
    color:#ffffff !important;
}
/********END Background********/