/* CONFIGURACIONES GENERALES
================================================== */
body{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul, a, li{
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
-ms-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
p{
font-weight: 400;
text-align: justify;
}
a{
font-weight: 600;
}
a:focus{
text-decoration:underline;
}
a:hover{
text-decoration: none;
color: #00405a;
}
.collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 0;
height: auto;
}
a em,
button em{
display: block;
position: absolute;
height: 1px;
width: 1px;
opacity: 0;
margin-top:0;
margin-left: 0;
overflow: hidden;
}
#main h1, #main h3, #main h4, #main h5, #main h6{
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
#main h2 {
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bolder;
}
/* HEADER ----> ID: HEAD
================================================== */
header#head .social .tooltip.left{
left: -125px !important;
right: 110% !important;
}
header#head{
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
header#head > .inner{
background-color: rgba(0,0,0,0.4);
}
header#head .list-inline{
text-align: right;
right: 0;
}
header#head #logo{
margin: 0;
margin-bottom: 0.5em;
display: inline-block;
}
header#head #logo a{
display: block;
height: 100%;
color: #FFF;
padding: 10px;
border: 3px solid transparent;
margin-left: 20px;
margin-top: 20px;
}
header#head #logo a:hover{
color: #00deff;
}
header#head #logo a:focus{
border-color: #00deff;
background: #000;
text-decoration: none;
}
#toggle-sidebar-menu{
margin: 0.5em 20px 0.5em 0;
float: left;
padding: 6px 5px 2px 5px;
font-size: 16px;
}
#toggle-sidebar-menu:hover{
color: #00deff;
border-color: #00deff;
}
#toggle-sidebar-menu:focus{
background: #000;
border-color: #00deff;
}
header#head .social ul,
header#head #accesibilidad ul{
list-style: none;
margin: 0;
padding: 0;
}
header#head .social i,
header#head #accesibilidad i{
text-indent: -99999%;
display: inline-block
}
header#head .leyenda-header{
margin-top: 0.5em;
margin-bottom: 0.8em;
color: #FFF;
}
header#head .leyenda-header .left{
position: absolute;
margin-left: -55px;
margin-top: 4px;
text-transform: capitalize;
}
header#head .form-actions a{
background: none;
border: 3px solid transparent;
}
header#head #accesibilidad li span{font-size: 1.8em}
header#head .social li span,
header#head .form-actions a{font-size: 1.5em}
header#head .social li a,
header#head .form-actions a,
#toggle-sidebar-menu,
header#head .list-inline a{
color: #FFF;
text-shadow: 0 1px 0 #000;
}
header#head #accesibilidad li a{color: #333;}
header#head .social li a:hover,
header#head #accesibilidad li a:hover,
header#head .form-actions a:hover,
header#head .list-inline a:hover,
header#head .social li a:focus,
header#head #accesibilidad li a:focus,
header#head .form-actions a:focus,
header#head .list-inline a:focus{
color: #00deff;
}
header#head #form-searchf{
background: rgba(0, 0, 0, 0.6);
border: none;
font-weight: 700;
margin-top: 6px;
padding: 0.64em 0.8em;
color: #FFF;
}
header#head label#label-searchf{
background: #00deff;
margin: 0;
line-height: 0;
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
header#head .form-actions{
position: relative;
}
header#head .form-actions a{
display: block;
margin-top: 0.3em;
margin-bottom: 0.3em;
}
header#head .separator{
background: rgba(255,255,255,0.6);
height: 1px;
width: 100%;
}
header#head h2{
color: #FFF;
font-weight: 800;
text-transform: uppercase;
margin-top: 10px;
font-size: 24px;
text-shadow: 1px 1px #000;
padding-top: 0px;
}
header#head .text-left{
display: inline-block;
float: left;
font-size: 1.143em;
font-weight: 700;
text-transform: uppercase;
margin-top: 6px;
color: #fff;
margin-right: 1em;
}
/* MAIN PAGE
================================================== */
#main{
font-size: 13px;
}
#main, #slides{
position: relative !important;
}
#main .container-fluid{
padding-top: 0.5em;
padding-bottom: 1em;
}
#main section,
#main .bloque:not(:last-child){
margin-bottom: 1em
}
#main h2{
margin-top: 5px;
line-height: 0.85;
color: #333;
}
#main h2:focus{color: #00deff;}
#main h2.importante{ border-left: 6px solid #333; }
#main #main-carousel .carousel-caption{
background: rgba(0,0,0,0.6);
left: 0;
bottom: 0;
right: 0;
padding: 0.8em;
width: 100%;
text-align: left;
}
#main #main-carousel .carousel-caption a{
color: #FFF
}
#main #main-carousel img{
width: 100%;
height: auto;
}
#main .carousel-indicators{
bottom: 0;
left: auto;
right: auto;
width: 100%;
margin: 0;
position: relative;
line-height: 1;
margin-top: 5px;
}
#main .carousel-indicators li{
height: 6px;
border: none;
background: #BEBEBE;
border-radius: 0;
margin: 0;
}
#main .carousel-indicators li a{
display: block;
height: 6px;
color: #272965;
background: #BEBEBE;
}
#main #control{
border: 4px solid transparent;
position: absolute;
z-index: 4;
padding: 0.5em 0.8em;
background: rgba(0,0,0,0.6);
color: #FFF;
}
#main #control:focus{
border-color: #00deff;
color: #00deff;
}
#main .carousel-indicators li a:focus{
background: #00deff !important;
color: #FFF !important;
}
#main .carousel-indicators li a:hover,
#main .carousel-indicators li.active a{
background: #272965 !important;
color: #BEBEBE !important;
}
#main .carousel-indicators li:not(:last-child){ margin-right: 3px;}
#main .carousel-indicators li:not(:first-child){ margin-left: 3px;}
/********** ALERTAS **********************/
#main #alertas{
margin-bottom: 1em;
}
#main #alertas-next{
background: #726F6D;
display: inline-block;
padding: 0;
float: right;
color: #FFF;
border-radius: 0;
font-size: 1.7em;
}
#main #alertas-next:hover{background: #494745}
#main #alertas-next:focus{background: #00deff}
#main #alertas .carousel-caption{
padding: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
text-align: left;
color: #000;
text-shadow: 0 1px 1px rgba(255,255,255,0.5);
position: relative
}
#main #alertas .blanca{
background: #FFFFFF;
-webkit-box-shadow:inset 0px 0px 1px 1px #aaa;
-moz-box-shadow:inset 0px 0px 1px 1px #aaa;
box-shadow:inset 0px 0px 1px 1px #aaa;
}
#main #alertas .roja{background: #FF3333;}
#main #alertas .naranja{background: #FF9900;}
#main #alertas .amarilla{background: #FFD400;}
#main #alertas .verde{background: #65C37E;}
#main #alertas .text-center{display: table}
#main #alertas span.fa,
#main #alertas-next a.fa{font-size: 1.5em}
#main #alertas .date{
background: #F8F8F8;
vertical-align: middle;
display: block;
-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.5);
box-shadow: 0 0 4px 1px rgba(0,0,0,0.5);
font-size: 0.85em;
border: 1px solid #ddd;
border-right: none;
padding: 9px 0 8px 0;
height: 100%;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
}
#main #alertas .txt{padding: 8px 0; color: #000; padding-left: 5px; }
#main #alertas .txt:hover{padding: 8px 0; color: #000; color: #333; padding-left: 5px; }
#main #alertas small{
padding: 11px 8px 8px 0;
display: block;
}
/****** CAROUSEL PROGRAMAS & SERVICIOS ******/
#programas-items {
height: 1%;
margin: 0;
overflow: hidden;
position: relative;
}
#programas .viewport {
height: 85px;
width: 92%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
}
#programas-items .buttons {
display: block;
position: absolute;
padding: 0;
margin: 0;
background: #FFF;
color: #A2A09B;
font-size: 6.5em;
height: 85px;
cursor: pointer;
}
#programas-items .buttons:hover{
color: #333;
}
#programas-items .next {
right: 0;
left: auto;
top: 0;
}
#programas-items .disable {
visibility: hidden;
}
#programas-items .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
width: 92%;
left: 0;
top: 0;
}
#programas-items .overview li {
float: left;
margin: 0 2px 0 0;
padding: 0;
height:90px;
width: 107px;
}
#programas-items .overview li a{
padding: 0.9em 0.2em;
background: rgba(1,50,84,0.85);
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
color: #FFF;
line-height: 1.2;
display: block;
margin-bottom: 0;
height: 100%;
}
#programas-items .overview li a:focus{
background: #011b3e;
color: #FFF !important;
}
#programas-items .overview li a:hover{
background: #013254;
color: #FFF !important;
}
#programas-items .overview li span{
display: block;
font-size: 1.8em;
margin-bottom: 0.3em;
}
#main #banner a{
border: 3px solid transparent;
display: block;
height: 100%;
width: 100%
}
#main #banner a:focus{
border-color: #00deff;
}
#nav-programas .buttons{
display: block;
position: absolute;
padding: 0;
margin: 0;
background: #FFF;
color: #A2A09B;
font-size: 6.5em;
height: 85px;
cursor: pointer;
}
#nav-programas .buttons:hover{
color: #333;
}
#nav-programas .next{
right: 15px;
left: auto;
top: 0;
}
.crsl-programas .crsl-item a{
padding: 0.9em 0.2em;
background: rgba(1,50,84,0.85);
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
color: #FFF;
line-height: 1.2;
display: block;
margin-bottom: 0;
height: 100%;
min-height: 85px;
}
.crsl-programas .crsl-item a:focus{
background: #011b3e;
color: #FFF !important;
}
.crsl-programas .crsl-item a:hover{
background: #013254;
color: #FFF !important;
}
.crsl-programas .crsl-item i{
display: block;
font-size: 1.8em;
margin-bottom: 0.3em;
}
#nav-programas .disable {
visibility: hidden;
}
/****** SERVICIOS ******/
#servicios .panel{
background: #f8f8f8;
text-align: center;
border: none;
border-radius: 0;
}
#servicios a{
color: #58585a;
line-height: 1;
display: block;
margin-bottom: 1em
}
#servicios a:hover{
color: #013254;
}
#servicios span{
display: block;
font-size: 2em;
margin-bottom: 15px;
}
#servicios .nav-tabs li{
background: red;
}
#temas-importantes .list-group{margin-bottom: 0;}
#temas-importantes a.list-group-item{
padding: 4px 15px;
background: #EFEFEF;
border: 3px solid transparent;
border-radius: 0;
-webkit-transition: color 1200ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 1200ms cubic-bezier(0.23, 1, 0.32, 1);
transition: color 1200ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 1200ms cubic-bezier(0.23, 1, 0.32, 1);
}
#temas-importantes a.list-group-item:not(:last-child){margin-bottom: 10px;}
#temas-importantes a.list-group-item:hover{
background: #DFDFDF;
color: #013254;
-moz-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
-webkit-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
}
#temas-importantes a.list-group-item:focus{
border-color: #00deff;
}
#temas-importantes span{
float: right;
padding-top: 3px;
}
#temas-importantes a:hover span{
padding-right: 8px;
}
/****** NOTICIAS ******/
#noticias .text{
background: #f8f8f8;
overflow: hidden
}
#noticias h3{
font-size: 14px;
margin-top: 5px;
font-weight: 700
}
#noticias a{color: #5b5b5b}
#noticias [class*='col-'] span,
#noticias [class*='col-'] h3{
padding-left: 10px;
}
#main #videos-carousel,
#main #contacto-carousel,
#main #banner{
max-width: 335px;
margin-left: auto;
margin-right: auto;
}
/* INDICADORES
================================================== */
h2.importante.naranja{
border-left-color: #F4B816 !important;
}
#main.indicadores .panel{
border: none;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
}
#main.indicadores .panel,
#main.indicadores .panel-heading{
border-radius: 0;
}
#main.indicadores .panel-heading{
padding-top: 5px;
padding-bottom: 4px;
}
#main.indicadores .panel h3{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#main.indicadores .panel-heading{
margin: 0;
line-height: 1;
color: #FFF;
font-weight: 600;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
font-size: 13px;
}
#main.indicadores .panel-verde .panel-heading{background: #65C37E;}
#main.indicadores .panel-naranja .panel-heading{background: #F4B816;}
#main.indicadores .panel-azul .panel-heading{background: #50B3E1;}
#main.indicadores .panel-rojo .panel-heading{background: #ED2400;}
#main.indicadores .panel-body{
background-color: #F8F8F8;
padding: 12px;
}
#main.indicadores .panel-body h3{
font-size: 16px;
font-weight: 800;
margin: 0;
}
#main.indicadores .panel-body .right{
position: absolute;
z-index: 3;
right: 30px;
bottom: 30px;
}
#main.indicadores .panel-verde figure{color: #65C37E;}
#main.indicadores .panel-naranja figure{color: #F4B816;}
#main.indicadores .panel-azul figure,
#main.indicadores #otros .panel-azul h3{color: #50B3E1;}
#main.indicadores .panel-rojo figure{color: #ED2400;}
#main.indicadores .panel-body figure{
font-size: 5em;
}
#main.indicadores .panel-body span{
font-size: 2.4em;
display: block;
line-height: 0.8;
margin-top: 0.5em;
font-weight: 600;
}
#main.indicadores #news{border-bottom: 1px dotted #cfcfcf}
#main.indicadores #news .bloque{
margin-bottom: 2.2em;
}
#main.indicadores #news small{
display: block;
}
#main.indicadores #news h3{
font-size: 20px;
margin-top: 0;
}
#main.indicadores #otros .panel-body{
border-top: 2px solid;
min-height: 100px;
}
#main.indicadores #otros .panel-azul .panel-body{border-top-color: #50B3E1}
#main.indicadores #otros .panel-gris .panel-body{border-top-color: #5B5B5B}
#main.indicadores #news .scroll .inner{
height: 100%;
position: relative;
}
/* CALENDARIO —--> AGENDA
================================================== */
#calendario-agenda th,
#calendario-agenda td,
#cambiom td.hora{
vertical-align: middle;
text-align: center;
}
#calendario-agenda thead th,
#cambiom th{
background: #50B3E1;
padding: 0;
}
#calendario-agenda thead a,
#cambiom th{
padding: 8px 5px;
text-align: center;
}
#calendario-agenda thead a{display: block;}
#calendario-agenda thead th,
#cambiom th,
#calendario-agenda thead a{color: #FFF;}
#calendario-agenda thead a:hover,
#calendario-agenda thead a:focus{background: #de3176}
#calendario-agenda tbody td:last-child{background: rgba(164, 201, 220, 0.5)}
#calendario-agenda tbody tr:not(.dayhead) td:last-child:hover,
#calendario-agenda tbody tr:not(.dayhead) td:last-child:focus{background: rgba(164, 201, 220, 0.8)}
#calendario-agenda tbody tr:not(.dayhead) td{
font-size: 0.85em;
}
#cambiom table.evento{margin-bottom: 5px;}
#cambiom table.evento td.hora{width: 10%}
#cambiom table.evento td{padding: 0;}
#cambiom table.evento td h4{
background: #E2E2E2;
margin: 0;
padding: 8px 5px 7px 20px;
color: #686868;
font-size: 14px;
font-weight: 700;
}
#cambiom table.evento strong{
float: left;
margin: 8px 20px 10px 20px;
}
#cambiom table.evento p{
padding: 8px 5px 7px 20px;
}
#cambiom table.evento td:last-child{background: #F8F8F8;}
/* MASTER ----> DISCURSOS
* ================================================== */
#accordion-discursos .panel{
border: none;
border-radius: 0;
margin-bottom: 1em
}
#accordion-discursos .panel-heading,
#accordion-discursos .panel-body > ul li{
display: block;
padding: 10px;
color: rgb(0, 0, 0);
background: rgb(248, 248, 248);
border: none;
border-radius: 0;
}
#accordion-discursos .panel-heading:hover{
text-decoration: none;
color: #52A2E3 !important;
webkit-transition: color 1200ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 1200ms cubic-bezier(0.23, 1, 0.32, 1);
transition: color 1200ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 1200ms cubic-bezier(0.23, 1, 0.32, 1);
-moz-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
-webkit-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
}
#accordion-discursos a{
font-size: 13px;
color: #337ab7
}
#accordion-discursos .panel-body > ul{
list-style: none;
}
#accordion-discursos .panel-body > ul li{
margin-bottom: 0.8em;
}
#accordion-discursos .panel-body > ul a{
display: block;
float: right;
margin-left: 10px;
font-size: 16px;
}
#accordion-discursos .panel-body > ul a:hover{
color: #de3176
}
/* MAIN ----> INSTITUCION
================================================== */
#main.institucion .img-responsive{width: 100%;}
#main.institucion .container-fluid{padding-top: 0;}
#main.institucion .color{
border-top: 15px solid transparent;
padding-top: 10px;
}
#main.institucion .color.fucsia{border-color: #de3176}
#main.institucion .color.azul{border-color: #019be2}
#main.institucion .full.azul{
background: #019be2;
color: #FFF
}
#main.institucion .altura{ height: 355px}
#main.institucion .padding-comunica{padding-left: 2%}
/* MAIN ----> SINGLE
================================================== */
#main.single .img-responsive{width: 100%;}
#main.single .container-fluid{padding-top: 0;}
#main.single .color{
border-top: 15px solid transparent;
padding-top: 10px;
}
#main.single .color.fucsia{border-color: #de3176}
#main.single .color.azul{border-color: #019be2}
#main.single .full.azul{
background: #019be2;
color: #FFF
}
#main.single .altura{ height: 3550px}
//#main.single .padding-comunica{padding-left: 8%}
#main.single h2 {
font-size: 25px;
padding-left: 15px;
line-height: 1em;
}
#main.single blockquote {
border-left-style: none;
text-align: right;
}
#main.single .leyenda-foto {
border-bottom-color: #ccc;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-left: 10px;
}
#main.single .imagen{
//padding-top: 1.3em;
}
#main.single .scroll {
max-height: 260px;
}
#main.single .social {
//padding-top: 60px;
/* width: 120px;
margin-right: 20px;*/
//margin-bottom: 0px;
// prosition: absolute;
}
#main.single hr {
border: 2px solid #eee;
}
/* MAIN ----> SEARCH
================================================== */
#main.search .archive-header {
min-height: 20px;
padding: 8px;
background-color: #F5F5F5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#main.search .archive-header h1{
margin-top: 1px;
margin-bottom: 1px;
font-size: 18px;
line-height: 0.9em;
font-weight: bold;
}
#main.search #contenido-search {
margin-top: 10px;
}
#main.search article {
border-bottom-color: rgb(238, 238, 238);
border-bottom-style: solid;
border-bottom-width: 5px;
/*height: 173px;*/
margin-bottom: 20px;
padding-top: 9px;
}
#main.search .img-thumb {
//width: 100%;
//height:100%;
margin-bottom: 10px;
}
#main.search .entry-title {
font-size: 20px;
margin-top: 0px;
font-weight: bold;
}
#main.search .entry-title a{
color: rgb(40, 40, 40);
cursor: auto;
font-weight: bold;
outline-color: rgb(40, 40, 40);
}
#main.search .entry-title a:hover{
color: #2D73F2;
}
#main.search .entry-meta .time {
color: #000;
font-size: 13px;
}
#main.search .entry-meta a {
color: #000;
font-size: 13px;
font-style: italic;
font-weight: normal;
padding-bottom: 5px;
}
#main.search .entry-content {
margin-top: 10px;
}
#main.search .navigation .nav-previous {
float: left;
}
#main.search .navigation .nav-next {
float: right;
}
.navigation .nav-previous {
float: left;
}
.navigation .nav-next {
float: right;
}
#main.search #secondary h3 {
font-size: 22px;
margin-top: 13px;
}
#main.search #secondary ul {
list-style-type: none;
padding-left: 0px;
}
#main.search #secondary ul li {
padding-top: 20px;
}
#main.search #secondary ul li a {
color: rgb(1, 1, 1);
font-weight: normal;
}
#main.search #secondary ul li a:hover {
color: #019BE2;
}
#main.search .altura {
height: 350px;
}
#main .inner{
bottom: 0;
position: absolute;
}
#contenido-comunica a{
text-decoration:none;
color:#000;
text-align:justify;
}
#contenido-comunica .time{
color:#A8A8A8;
font-size:12px;
}
#contenido-comunica .titulo{font-size:16px}
#overlay {
opacity: 0;
position: absolute;
width: 221px;
height: 141px;
text-align: center;
top: 0;
vertical-align: middle;
color: #fff;
padding: 20px
}
#overlay:hover {
position: absolute;
opacity: 1;
transition: opacity 150ms ease-in-out 0s;
width: 221px;
height: 141px;
background: rgba(1, 155, 226, 0.7);
}
#overlay a h4{
color: #fff;
text-decoration: none;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
}
#espacio-img{
width:221px;
height:125px;
float:left;
overflow:hidden;
padding:1px;
}
#enlace-comunicacion span{
float:right;
margin-top: 10px;
margin-right: 8px;
margin-bottom: 14px;
}
#contenido-accesibilidad img{
width: 100%;
padding-top:20px;
padding-bottom: 20px;
}
#contenido-accesibilidad h4{
background-color:green;
color:white;
padding-top:3px;
padding-left:5px;
}
#destacado-top{
background: rgba(0, 139, 255, 0.6);
padding: 1em 1.2em;
margin-top: 1px;
}
#destacado-top h3{
font-size: 1.5em;
color: #FFF;
font-weight: 700;
}
#destacado-top p{
font-size: 16px;
color: #FFF;
}
#main .breadcrumb{border-radius: 0;}
#main blockquote{
font-family: georgia;
}
ul.ul-downloads {
margin-right: 15px;
}
.ul-downloads, .ul-downloads ul{
list-style:none;
}
.ul-downloads ul{
display:block;
}
.ul-downloads li, .ul-downloads li ul li{
cursor:pointer;
}
.ul-downloads li { padding:10px 0px 10px 0px;}
.ul-downloads li.li-gray1 { padding: 0px; margin-top: 10px; text-decoration: none;}
.ul-downloads li.li-gray2 { padding: 0px; margin-top: 10px; text-decoration: none; }
.ul-downloads li:hover{
color: #52A2E3 !important;
}
.ul-downloads li.li-gray1 a:hover, .ul-downloads li.li-gray2 a:hover,.li-gray3:hover, .li-gray4:hover, .li-gray5:hover, .li-gray6:hover {
text-decoration: none;
color: #52A2E3 !important;
webkit-transition: color 1200ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 1200ms cubic-bezier(0.23, 1, 0.32, 1);
transition: color 1200ms cubic-bezier(0.23, 1, 0.32, 1),box-shadow 1200ms cubic-bezier(0.23, 1, 0.32, 1);
-moz-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
-webkit-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
}
.li-gray1 a,
.li-gray1 a:active,
.li-gray1 a:visited,
.li-gray2 a,
.li-gray2 a:active,
.li-gray2 a:visited{ text-decoration:none;}
.li-gray1 a:hover, .li-gray2 a:hover{color:#52A2E3; text-decoration:none;}
.ul-downloads li ul li { padding:0px; margin-right:0px; padding-left:0px; }
.ul-downloads li ul { padding:0px; margin: 0px;}
.ul-downloads li ul li.li-gray3, .li-gray3 { background:#F8F8F8; margin-top: 10px}
.ul-downloads li ul li.li-gray4, .li-gray4 { background:#F8F8F8; margin-top: 10px}
.ul-downloads li ul li.li-gray5, .li-gray5 { background:#F8F8F8; margin-top: 10px}
.ul-downloads li ul li.li-gray6, .li-gray6 { background:#F8F8F8; margin-top: 10px}
.ul-downloads li ul li.li-gray3 a,
.ul-downloads li ul li.li-gray3 a:active,
.ul-downloads li ul li.li-gray3 a:hover,
.ul-downloads li ul li.li-gray3 a:visited,
.ul-downloads li ul li.li-gray4 a,
.ul-downloads li ul li.li-gray4 a:active,
.ul-downloads li ul li.li-gray4 a:hover,
.ul-downloads li ul li.li-gray4 a:visited,
.ul-downloads li ul li.li-gray5 a,
.ul-downloads li ul li.li-gray5 a:active,
.ul-downloads li ul li.li-gray5 a:hover,
.ul-downloads li ul li.li-gray5 a:visited,
.ul-downloads li ul li.li-gray6 a,
.ul-downloads li ul li.li-gray6 a:active,
.ul-downloads li ul li.li-gray6 a:hover,
.ul-downloads li ul li.li-gray6 a:visited { color:#000000; font-weight:normal; text-decoration: none}
div.li-gray3, div.li-gray4, div.li-gray5, div.li-gray6
{
display: none;
margin-left: 0px;
padding-left: 0px;
}
span.link{
background: red no-repeat left;
display:block;
float:right;
margin-right:10px;
margin-top:2px;
padding-left:20px;
font-size:11px;
}
span.titulo-desc{
color:#000;
font-size:13px;
/*background:#DADADA;*/
padding-left: 20px;}
span.ico{
font-size: 16px;
margin-left:-15px;
margin-right:15px;
}
/* FOOTER ----> ID: FOOTER-BOT
================================================== */
footer#footer-bot .container-fluid,
.sidebar{
background-image: url(../img/colores.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 5px ;
}
footer#footer-bot .content{ padding: 0.8em 0; }
footer#footer-bot .content [class*='col-']{
text-align: center;
}
footer#footer-bot h1{
display: block;
width: 1px;
height: 1px;
position: absolute;
margin: 0;
opacity: 0;
line-height: 0;
}
footer#footer-bot .top .row{
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}
footer#footer-bot .top a{
background: #F8F8F8;
display: block;
padding: 0.5em 0 0.4em 0;
width: 100%;
text-align: center;
color: #333;
}
footer#footer-bot .top [class*='col-']:not(:last-child){
border-right:1px solid #CCC;
}
footer#footer-bot .top a:hover{
background: #F0F0F0;
color: #013254;
-moz-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
-webkit-box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
box-shadow: 0px 4px 4px 0px rgba(9,63,179,0.06),0px 4px 12px 2px rgba(2,11,34,0.08);
}
footer#footer-bot .top a:focus {
border-color: #00deff;
color: #013254;
}
footer#footer-bot .content{
font-size: 12px;
}
footer#footer-bot .content a{
border:3px solid transparent;
display: block;
height: 100%;
padding-bottom: 2px;
padding-top: 4px;
}
footer#footer-bot .content a{
border:3px solid transparent;
display: block;
height: 100%;
padding-bottom: 2px;
padding-top: 4px;
}
footer#footer-bot .content a:focus{
border-color: #00deff;
}
#main.single .img-destacada {
width: 40%;
margin-right: 20px;
}
/* DISPOSITIVOS PEQUEÑOS
================================================== */
@media only screen
and (max-width: 768px){
header#head .social li,
header#head #accesibilidad li{
display: inline-block;
margin-top: 10px;
}
header#head #accesibilidad li span {
color: #fff;
}
header#head .social{
margin-right: 1.5em;
margin-top: 4px
}
header#head .form-type-textfield{width: 53% !important;}
header#head #accesibilidad,
header#head .social{
float: right;
}
header#head .social li:not(:last-child),
header#head #accesibilidad li{margin-right: 1em}
header#head #logo a{
font-size: 2em;
// margin-left: 10px;
// margin-top: 5px;
}
header#head .form-actions,
header#head .form-type-textfield{float: left;}
header#head .form-type-textfield{width: 80%}
header#head .form-actions{margin-right: 1em;}
.show-sidebar .footer {
width: 320px;
}
#main h2{
padding-left: 5px;
font-size: 1em;
}
#main .bx-controls-direction a{z-index: 0}
#main .bx-controls-direction a.bx-prev{left: -5%;}
#main .bx-controls-direction a.bx-next{right: -5%;}
footer#footer-bot{
background: rgba(255,255,255,0.8);
}
footer#footer-bot .top a{
padding-left: 0.5em;
padding-right: 0.5em;
}
footer#footer-bot [class*='col-']{text-align: center}
#programas .viewport {
width: 100% !important;
}
#main.institucion .altura{ height: auto; min-height: 35px; padding-bottom: 10px;}
#main.single .img-destacada {
width: 60%;
margin-bottom: 15px;
}
}
@media only screen
and (max-width: 590px){
.no-gutter > [class*='col-']{
padding-left:0;
padding-right: 0;
}
header#head .social li,
header#head #accesibilidad li{
margin-bottom: 12px;
margin-top: 12px;
}
header#head #accesibilidad li span {
color: #fff;
}
footer#footer-bot .top [class*='col-']:not(:last-child){
border-bottom: 1px solid #CCC;
margin-bottom: 1px;
}
header#head .form-type-textfield{width: auto !important;}
header#head #form-searchf{width: 105%}
#titulo-principal{clear: both}
footer#footer-bot .content .text{
padding-top: 1em;
padding-bottom: 0.8em;
}
#programas .viewport {
width: 100% !important;
}
/**** ALERTAS *******/
#main #alertas{width: 90%;}
#main #alertas-next{width: 9.5%;}
#main #alertas .row{
margin-right: -8px;
margin-left: -8px;
}
#main #alertas [class*='col-']{
padding-right: 8px;
padding-left: 8px;
}
#main.institucion .altura{ height: auto; min-height: 35px; padding-bottom: 10px;}
#main.single .img-destacada {
width: 100%;
margin-bottom: 15px;
}
}
@media only screen
and (max-width: 2000px){
.navbar-toggle{
margin-right: 45px;
}
.navbar-mobile {
background-color: transparent;
border: none;
position:absolute;
top:10px;
left:auto;
/*width:calc(100% - 30px);
width:-moz-calc(100% - 30px);
width:-webkit-calc(100% - 30px);
width:-o-calc(100% - 30px);*/
z-index: 999;
left:calc(100% -100px);
left:-moz-calc(100% - 100px);
left:-webkit-calc(100% - 100px);
left:-o-calc(100% - 100px);
right: 0px;
}
.navbar-mobile .navbar-brand {
color: #FFF;
}
.navbar-mobile .navbar-brand:hover,
.navbar-mobile .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-mobile .navbar-text {
color: #FFF;
}
.navbar-mobile .navbar-nav > li:not(:last-child) {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar-mobile .navbar-nav > li > a {
color: #FFF;
}
.navbar-mobile .navbar-nav > li > a:hover,
.navbar-mobile .navbar-nav > li > a:focus {
background-color: rgba(255, 255, 255, 0.075);
}
.navbar-mobile .navbar-nav > li > ul > li > a,
.navbar-mobile .navbar-nav > li > ul > li > ul > li > a,
.navbar-mobile .navbar-nav > li > ul > li > ul > li > ul > li > a {
color: #FFF;
}
.navbar-mobile .navbar-nav > li > ul > li > a:hover,
.navbar-mobile .navbar-nav > li > ul > li > a:focus {
background-color: rgba(255, 255, 255, 0.075);
}
.navbar-mobile .navbar-nav > li > ul > li,
.navbar-mobile .navbar-nav > li > ul > li > ul > li,
.navbar-mobile .navbar-nav > li > ul > li > ul > li > ul > li {
list-style-type: none;
}
.navbar-mobile .navbar-nav > .active > a,
.navbar-mobile .navbar-nav > .active > a:hover,
.navbar-mobile .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-mobile .navbar-nav > .disabled > a,
.navbar-mobile .navbar-nav > .disabled > a:hover,
.navbar-mobile .navbar-nav > .disabled > a:focus {
color: #00deff;
;
background-color: transparent;
}
.navbar-mobile .navbar-toggle {
border-color: #ddd;
background-color: rgba(0,0,0,0.75)
}
.navbar-mobile .navbar-toggle:hover,
.navbar-mobile .navbar-toggle:focus {
background-color: #00deff;
}
.navbar-mobile .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-mobile .navbar-collapse,
.navbar-mobile .navbar-form {
border-color: transparent;
position: fixed;
left: 15px;
width:calc(100% - 30px);
width:-moz-calc(100% - 30px);
width:-webkit-calc(100% - 30px);
width:-o-calc(100% - 30px);
}
.navbar-mobile .navbar-nav > .open > a,
.navbar-mobile .navbar-nav > .open > a:hover,
.navbar-mobile .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-mobile .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-mobile .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-mobile .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-mobile .navbar-nav .open .dropdown-menu > .active > a,
.navbar-mobile .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-mobile .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-mobile .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-mobile .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-mobile .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
#menu-principal-mobile{
background: #212121;
}
}
/* DISPOSITIVOS MEDIANOS - TABLETS
* PORTRAIT
================================================== */
@media only screen
and (min-width : 768px) /*tamaño ipad*/
and (max-width : 800px) /*tamaño galaxy*/
and (orientation : portrait) {
#main{
height: auto !important;
position: relative;
margin-top: 0 !important;
}
#main h2{ border-left: 6px solid #333; }
#main-carousel .carousel-inner .item{
height: 250px;
}
#main #banner img{
width: 100% !important;
}
#main.institucion .altura{ height: auto; min-height: 35px; padding-bottom: 10px;}
#main.single .img-destacada {
width: 60%;
}
}
/* DISPOSITIVOS MEDIANOS - TABLETS
* LANDSCAPE
================================================== */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation : landscape) {
header#head .social .inner{
top: -132px;
right: -40px !important
}
header#head .form-actions a{
right: -45px !important;
margin-top: 0 !important;
}
#toggle-sidebar-menu{
margin-top: 4px;
left: 0;
}
header#head .form-actions a{
color: #333;
text-shadow: none
}
header#head #form-searchf{
background: rgba(0,0,0,0.8)
}
#main.institucion .altura{ height: auto; min-height: 35px; padding-bottom: 10px;}
}
/* DISPOSITIVOS GRANDES
================================================== */
@media screen
and (min-width: 769px){
.container-fluid{width: 88%}
header#head .separator{
position: absolute;
left: 0;
}
header#head h2{
float: left;
}
footer#footer-bot .no-gutter > [class*='col-']{
padding-left:0;
padding-right: 0;
}
#main .no-gutter > [class*='col-']:not(:first-child){
padding-left:0 !important;
}
#main .no-gutter > [class*='col-']:not(:last-child){
padding-right: 0 !important;
}
header#head #bg-header{
overflow: hidden
}
header#head .container-fluid{
border-color: rgba(255,255,255,0.6);
}
.container-fluid{
border-right: 1px solid;
border-left: 1px solid;
border-right-color: #CCC;
border-left-color: #CCC;
height: 100%
}
header#head #logo{
margin: 30px 0 0 0;
}
header#head #logo a{
font-size: 2em;
}
header#head .social,
header#head #accesibilidad,
header#head form{
position: relative;
z-index: 20;
}
header#head #accesibilidad a a{color: #FFF}
header#head .form-type-textfield{
position: absolute;
right: -9px;
}
header#head .social .inner{
top: -142px;
right: -48px;
}
header#head #accesibilidad .inner{
top: 78px;
left: -48px;
}
header#head .form-actions a{
right: -53px;
display: inline-block;
position: absolute;
}
header#head .social .inner,
header#head #accesibilidad .inner{
display: inline-block;
position: absolute;
}
header#head .social li,
header#head #accesibilidad li{
margin-bottom: 12px;
text-align: center;
}
#main .container-fluid{
min-height: 400px !important;
}
#main h2{
font-size: 14px;
}
#main h2.importante{
margin-left: -18px;
padding-left: 12px;
position: relative;
z-index: 800
}
#main.single h2.importante{
margin-left: -18px;
padding-left: 12px;
position: relative;
z-index: 800
}
#programas-items .buttons {opacity: 0;}
#main-carousel .carousel-inner .item{
height: 310px;
}
#main section:not(:last-child),
#main .bloque:not(:last-child){
margin-bottom: 10px
}
#programas{
margin-top: 30px;
}
#programas h2{margin-top: 2em}
#contacto-gob{margin-bottom: 12px !important;}
#banner img{
height: 100%;
width: auto;
}
footer#footer-bot {
background: rgba(255,255,255,0.5);
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
footer#footer-bot .content [class*='col-']:first-child{text-align: left}
footer#footer-bot .content [class*='col-']:last-child{text-align: right}
footer#footer-bot .content [class*='col-']{
text-align: center;
}
footer#footer-bot .text{
margin-top: 8px
}
footer#footer-bot .top a {
border: 3px solid transparent;
}
}
@media only screen
and (min-width: 992px) {
.container-fluid{width: 93%}
header#head #bg-header{
height: 205px !important;
}
#main #alertas{width: 96%;}
#main #alertas-next{width: 3.5%;}
#buscador .form-group{width: 95%}
}
#contenido-comunica {
padding-left: 1.5em;
}
.vermobile {
display: none;
}
.verdesktop {
display: none;
}
.sidebar button.btn {
padding: 0 0 0 0;
left: 15px;
}
#main.single h2.importante {
border-left: 6px solid #333;
margin-top: 5px;
line-height: 0.85;
color: #333;
}
#main.single h2 {
font-size: 14px;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
#main.single [class*='col-'].line-right {
border-right: 1px solid #CCC;
}
.met_share_line {
margin-bottom: 20px;
}
#main.single h1 {
font-size: 25px;
padding-left: 15px;
line-height: 1em;
margin-bottom: 1em;
margin-top: 1.2em;
}
#youtube1img {
position: absolute;
top : 0px;
left : 0px;
opacity: 1;
z-index: 2;
width: 100% !important;
height: 100% !important;
}
#youtube1ico {
position: absolute;
z-index:3;
color : rgba(190,0,0,1);
display: none;
}
#youtube2img {
position: absolute;
top : 0px;
left : 0px;
opacity: 1;
z-index: 2;
width: 100% !important;
height: 100% !important;
}
#youtube2ico {
position: absolute;
z-index:3;
color : rgba(190,0,0,1);
display: none;
}
.navbarmobile {
height: 280px;
overflow-y: auto;
overflow-x: hidden;
}
#postcontent .pull-right{
margin-left: 15px;
}
/******************** MANEJO DE IMAGENES EN ENTRADAS ********************/
#postcontent img{
max-width: 100% !important;
width: auto !important;
height: auto !important;
}
