@charset "UTF-8";

/*--------- ESTILOS ---------*/
.CUERPO {margin:3rem 1rem;}
.CUERPO .cuerpo-h3{font-size: 18px !important; color: #37426b; margin: 25px 0; font-family:'gobclregular', Arial, Helvetica, sans-serif;text-transform: lowercase; letter-spacing: 3px;}
.CUERPO .cuerpo-h6{font-size: 1rem !important;}


/*--------- CLASES ---------*/
#encabezado-art .social ul li {float: left; margin-right: .2rem;}
#encabezado-art {margin-bottom: 30px; margin: 0 1rem 3rem 1rem;}
#encabezado-art .titular {margin-top: 10px; font-size: 32px; color: #0f69b4; font-weight: 500; line-height: 120%;}
#encabezado-art .fecha{margin-bottom: 10px; font-size: .9rem; margin-top:1rem;}
#encabezado-art .epigrafe{margin-bottom: 10px; font-size: 1.2rem;}
#encabezado-art .bajada{font-size: 15px; line-height: 1.5rem; font-weight: 400; margin-top: .5rem; margin-bottom:1rem;  padding-bottom:1rem;  border-bottom: 1px solid #bdc9d1; }

#main .post {background: #fff; padding-bottom: .5rem;}
#main .post .texto p {margin: 0 auto;line-height: 140%;}
#main .post .fontsize li {display: inline-block;}
#main .post img {width: 100%;height: auto;}
#main .post img.alignleft {float: left; margin: 0 15px 10px 0;}
#main .post img.alignright { float: right;margin: 0 0 10px 15px;}
#main .post img.aligncenter {float: none;margin: 0 auto 10px;clear: both;display: block;}
#main .post iframe, #main .post object { max-width: 100%;}

/* Estilos Custom para los captions */
section .contenido-articulo .contenido-articulo-box.contgalery {background-color:#eee; border-top:#ddd 15px solid; border-bottom:#ddd 15px solid;padding: 20px 0 !important;}
.gallery-top .image-caption { position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,0.5); width: 100%; min-height: 1px; overflow: hidden; text-align: center;}
.gallery-top .image-caption p.credito { display: inline-block ; width: 95% ;  font-family: 'Open Sans Regular' ; color: #fff ; text-transform: uppercase ; padding: 15px 5px ; }
.gallery-top .image-caption p.descripcion { display: inline-block ; width: 95%  ;  font-family: 'Open Sans Light'  ; color: #fff ;  padding: 15px 0px 30px 0px ; }

/* Estilos para la galería (Img grandes) */
.gallery-top .swiper-wrapper {max-height: 728px;} /* Alto de la img, ideal coincida con la definida en prontus */
.gallery-top img {width: 100%;padding: 0 !important;margin: 0 !important;}

/* Estilos para thumbs */
.gallery-thumbs {height:120px;box-sizing:border-box;padding:10px 0;}
.gallery-thumbs .swiper-slide {width:25%;height:100%;opacity:0.4;cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;}

/* Comportamiento para pantallas pequeñas */
@media screen and (max-width: 767px) {
    .gallery-thumbs{height:80px;}
    .gallery-top .image-caption {display: none;}
}

.CUERPO .btns.anclas{margin:0;}
.CUERPO .btns.anclas li{list-style-type: none; display:inline-block; font-size: 14px;}
.CUERPO .btns.anclas li a{color: #fff; border-radius: 0; padding: 6px 10px; margin: auto 5px auto 0;text-decoration: none; background-color: #0f69b4;}
.CUERPO .btns.anclas li a:hover{background-color: #0c5694; transition: .3s all ease;}
.CUERPO .btns.anclas li .btn>span{font-weight: 400; font-size: 15px;}

/*--Estilos formulario--*/
.form-container .bajada{font-size:1.2rem !important;}
form#formProntus .form-horizontal {color: #333; margin:1rem;}
form#formProntus .form-horizontal .form-group {margin-bottom: 10px; overflow: hidden;}
form#formProntus .form-horizontal .form-group label, .form-horizontal .form-group legend {font-size: 15px; color: #656565; border: none; font-family: 'gobclbold';}
form#formProntus .form-horizontal .form-control {height: 35px; box-shadow: none !important; width: 100%}
form#formProntus .form-horizontal .form-group select, .form-horizontal .form-group input {height: 38px; box-shadow: none !important; border: 2px solid #d3d3d3; color: #666;font-size: 14px;font-style: normal;height: 35px;padding: 0 0 0 10px;}
form#formProntus .form-horizontal .form-group input[type="file"]{border: none; padding:0px; border-radius: 0;}
form#formProntus .form-horizontal .form-group select option{font-size: 14px; font-style: normal;font-weight: normal; height: 35px;padding: 0 0 0 10px;}
form#formProntus .form-horizontal .form-group select option:hover{color: #003366;}
form#formProntus .form-horizontal .item-capcha label {font-size: 14px; font-weight: 300; color: #666; font-style: italic;}
form#formProntus .form-horizontal .form-group .form-check-label .check {margin: 0 7px 0 0;}
form#formProntus .form-horizontal .form-group .btn { font-size: 13px; padding: .8rem 4rem; margin-top: 2rem; background-color: #0f69b4; color: #fff; border: none; cursor: pointer;}
form#formProntus .form-horizontal .form-group .btn:hover{background-color: #045282; transition: .2s all ease;}
form#formProntus .form-horizontal .form-group textarea {height: 130px; border: 2px solid #b9b9b9; border-radius: 0;}
form#formProntus .form-horizontal .form-group label {display: inline-block; margin-bottom: .4rem; margin-top: .4rem;}
form#formProntus .form-horizontal .form-group input[type="radio"] {margin:0 5px 0 0; position:relative;top: 1.2rem;margin-right: 1rem;display: inline-block;}
form#formProntus .form-horizontal .form-group i, .form-horizontal .withicon i {position: absolute; top: 1.5rem; left: 2.5rem;font-size: 2rem;z-index: 10;}
form#formProntus .form-horizontal .form-group {text-align: left;}
form#formProntus .form-horizontal .msj{font-size: 1rem; text-align: center; padding-top: 20px;}
form#formProntus .form-horizontal .radio-cont{bottom: 13px;}
form#formProntus .form-horizontal .img-cpt{width: auto !important; margin:0 auto;display: block;}
.form-container hr{background-color: #f2f2f2;height: 1px; border:none; margin:3rem 0;}
.form-header{border-bottom:1px solid #f2f2f2; padding-bottom:3rem;}

/*DESCARGAS*/
.box-descargas {clear: both;margin: 2rem auto;list-style-type: none;}
.box-descargas ul {margin-top: 0;margin-bottom: 10px; list-style: none;padding: 0 !important; margin-left: 5px !important;}
.box-descargas li {list-style-type: none;background: #F0F0F0;}
.box-descargas .file {overflow:hidden; border-bottom: 1px solid #e2e2e2;padding: 10px 0; list-style-type: none !important;}
.box-descargas .file a p {float: left; font-family: 'gobclregular', Arial, Helvetica, sans-serif, margin-top:10px; sans-serif;font-size: 1rem; margin-top: 10px; margin-bottom: 10px; color: #0f69b4; border-bottom:none !important; font-weight: 400;}
.box-descargas .file a:hover {color: #4a8ad1;text-decoration:none;}
.box-descargas .file amp-img {float: left;margin: 0 10px 0 0; width: 32px;height: auto;}
.box-descargas .file span {padding: 0;}
.box-descargas h4{font-size: 19px !important;font-weight: bold !important;letter-spacing: 2px;color: #0f69b4;}
.box-descargas .file a img {width: 40px !important; float: left; margin-left: 2rem; margin-right: 1rem;}


/* MULTIMEDIA VIDEO */
.media{position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin: 30px 0;}
.media iframe,.media object,.media embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-------------------oo------------------------*/

/* MULTIMEDIA VIDEO EVENTO */
.box-evento {padding-bottom:40px; padding-top:30px;}
.box-evento iframe {width: 100%;}
.box-evento ul {padding: 0 0 0 20px;}
.box-evento ul li {display: block; margin: 0 0 10px 0;}
.box-evento ul li a {padding: 10px 20px; background:#00548C; color:#FFFFFF; display: block;}


/*RELACIONADOS*/
.area_relacionados {margin:0 0 30px 0;}
.area_relacionados .article {position: relative; overflow:hidden; height:300px; margin-top:0; margin-bottom:0.1%;}

.area_relacionados .article .imag {position: absolute; top:0; left:0; z-index: 1;  width:auto; height: auto; max-height:350px; min-height: 300px;}
.area_relacionados .article .shade {position: absolute; height:140px; bottom:0; left:0; width:100%; z-index: 2;  -webkit-animation: .5s ease;
    -moz-animation: .5s ease;
    -ms-animation: .5s ease;
    -o-animation: .5s ease;
    animation: .5s ease;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.area_relacionados .article:hover .shade {position: absolute; height:100%; bottom:0; left:0; width:100%; z-index: 2;  -webkit-animation: .5s ease;
    -moz-animation: .5s ease;
    -ms-animation: .5s ease;
    -o-animation: .5s ease;
    animation: .5s ease;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;filter:alpha(opacity=70);opacity:.7;}
.area_relacionados .article .text {z-index:3; position: absolute; bottom:10%; margin: 0 5%; width: 90%;}
.area_relacionados .article .text a {color:#FFFFFF;}
.area_relacionados .article .text a:hover {color:#65d3e3;}
.area_relacionados .article .text a:hover .title {color:#65d3e3;}
.area_relacionados .article .text .title {color:#ffffff; font-size:16px; display:block;}
.area_relacionados .article .text .date {font-family: 'ubuntulight'; color:#65d3e3; font-size: 11px; margin: 10px 0 0; display: block;}
.area_relacionados .article .text .info {line-height:140%; font-family: 'ubuntulight'; height:0; overflow: hidden; margin-top: 0px; color:#FFFFFF; font-size:12px; -webkit-animation: .5s ease;
    -moz-animation: .5s ease;
    -ms-animation: .5s ease;
    -o-animation: .5s ease;
    animation: .5s ease;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; filter:alpha(opacity=0);opacity:.0;}
.area_relacionados .article:hover .text .info {height: 130px; overflow: hidden; margin-top: 20px; -webkit-animation: .5s ease;
    -moz-animation: .5s ease;
    -ms-animation: .5s ease;
    -o-animation: .5s ease;
    animation: .5s ease;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; filter:alpha(opacity=100);opacity:1;}

/*-------------------oo------------------------*/

/*ARTICULO FORMULARIO*/

/*-------------------oo------------------------*/


/* SUBTITULOS */
/*ancore*/
.subtitulos {background:#4a8ad1; margin:0.8em 2px; padding:10px 5px; font-size:12px; color:#FFF; font-weight:normal; text-align:left; border-radius:3px; float:left; }
.subtitulos a {font-size:13px; color:#ffffff !important; margin:0 5px 0 0;  padding:0 0 0 0.8em;}
.subtitulos a:hover { text-decoration:underline;}

/*subtítulo en el cuerpo*/
.contSubtit {display:table; width:100%; margin:1em 0 0; padding:0.8em 0; clear:both;}
.contSubtit .titSubtit {font-size:25px; margin:0; padding:0; font-size:25px; color:#003366; float:left;}
.contSubtit .titSubtit div, .contSubtit .titSubtit a, .contSubtit .titSubtit a:hover {font-size:22px; color:#003366; text-decoration:none; padding:8px 0; font-family:'gobclbold';}
.contSubtit .linkSubtit {margin:0 6px 0 0; padding:4px 0 0 0; font-size:12px; font-weight:normal; color:#003366; text-align:right;}
.contSubtit .linkSubtit a {border-bottom:none; margin:5px 10px 0 0; font-size:15px;  font-family: 'gobclbold'; color:#0f69b4; text-align:right;border-radius:3px; padding: .2em .6em .2em .6em; text-decoration:none; background-color: #e6e6e7;}
.contSubtit .linkSubtit a:hover {background:#0f69b4; color:#FFFFFF;}
.contSubtit .linkSubtit a i {margin-left: 5px; bottom: 2px;}

/*-------------------oo------------------------*/

/* CUERPO DEL ARTICULO */
.CUERPO p {color: #475156; font-size: 15px; letter-spacing: 0; font-family: 'gobclregular', Arial, Helvetica, sans-serif; margin: 25px auto; line-height: 170%;}
/* Esto es solo para que funcione el +/- letra */
.CUERPO ul, .CUERPO p ul { margin-top:8px; margin-left:50px; font-size:15px; color: #475156; line-height:170%;}
.CUERPO ul li, .CUERPO p ul li { list-style-type:square; font-size:15px; font-family:'gobclregular', Arial, Helvetica, sans-serif;color: #4d4d4d;}
.CUERPO ol, .CUERPO p ol { margin-top:8px; margin-left:50px; font-size:15px; color:#475156;}
.CUERPO ol li, .CUERPO p ol li { list-style-type:decimal; font-size:15px; color:#475156;}
.CUERPO blockquote {margin-left:15px;}
.CUERPO { margin-bottom:1rem;font-size:15px; font-weight:normal; background-color: #fff; line-height:170%; text-align:justify; clear:both;}
.CUERPO table, .CUERPO table td {border-collapse:collapse; padding:8px; font-size:15px; color:#475156; font-weight:normal; text-align:left;line-height: 20px;}
.CUERPO table, .CUERPO table td strong {font-weight:bold; font-size:15px; margin:0; line-height:12px;}
.CUERPO a {color:#0f69b4; text-decoration:none; border-bottom:1px dotted #0066cc; font-weight: 600;}
.CUERPO a:hover, .CUERPO * a:hover {color:#cc0000; text-decoration:none;}
.CUERPO strong, .CUERPO b {font-weight:800;}
.CUERPO sup {font-size:10px;}
.CUERPO ul {list-style:square; display: block; margin: 5px 5px 0px 25px; color:#475156;}
.CUERPO ol {list-style:decimal; display: block; margin: 5px 5px 0px 25px; color:#475156;}
.CUERPO .auxi{width:100%;}

/*-------------------oo------------------------*/

/*-------------------oo------------------------*/

/*FORMATO VTXT*/
.CUERPO h1 {font-size:18px; font-weight:normal;}
.CUERPO h2 {font-size:15px; font-weight:bold;}
.CUERPO h3 {font-size:12px; font-weight:bold;}
.CUERPO h4 {font-size:11px; font-weight:bold;}
.CUERPO h5 {font-size:10px; font-weight:bold;}
.CUERPO h6 {font-size:9px; font-weight:bold;}
.CUERPO address {font-size:12px; font-weight:normal; color:#000000; font-style:italic;}
.CUERPO pre {font-size:11px; font-weight:normal; color:#666666; text-align:justify; text-indent:10px;}
.CUERPO .td-estilo-fondogris {background-color:#dddddd;}
.CUERPO .td-estilo-fondoazul {background-color:#1C2B45; color:#FCFCFC; font-weight:bold;}
.CUERPO .tr-estilo-fondogris {background-color:#dddddd;}
.CUERPO .tr-estilo-fondoazul {background-color:#1C2B45; color:#FCFCFC; font-weight:bold;}

/*-------------------oo------------------------*/

/*vtxt*/
.CUERPO .subtit /* subtitulos */{font-size:25px; margin:0; padding:0; font-size:30px; color:#003366; width:100%;}
.CUERPO .subtit-sinlink /* subtitulos */{font-size:25px; margin:0; padding:0; font-size:30px; color:#003366; width:100%;}
.CUERPO .titulos  /* titulos */         {display:block; width:100%; margin:0; padding:0; font-size:14px; font-weight:bold; color:#93815B;}
.CUERPO .piefoto  /* pies de fotos */   {color:#333333; font-size:12px;}
.CUERPO .resalta /* texto resaltado */  {font-weight:bold; font-size:17px;}
.CUERPO .destacado /* texto destacado */  {color:#960000; font-size:13px; text-transform:uppercase; font-family:LatoBold, Verdana, Geneva, sans-serif;}
.CUERPO .azulbold /* texto azul bold */ {font-weight:bold; color:#003366;}
.CUERPO .calipso /* texto amarillo */  {color:#15ab90;}
.CUERPO .azul     /* texto azul */      {color:#003366;}
.CUERPO .blanco   /* texto blanco */    {color:#FCFCFC;}
.CUERPO .negro    /* texto negro */     {color:#000000;}
.CUERPO .rojo     /* texto rojo */      {color:#CC0000;}
.CUERPO .naranjo  /* texto naranjo */   {color:#FF6000;}
.CUERPO .verde    /* texto verde */     {color:#336600;}
.CUERPO .gris     /* texto gris */      {color:#5C5C5C;}
.CUERPO .radius {border-radius:50%;}
/*/vtxt*/

/*vtxt_table*/
.CUERPO .table-right {float:right;}
.CUERPO .table-left {float:left;}
.CUERPO .table-center {margin:auto;}
.CUERPO .table-gris {margin:3px 0; padding:8px; border-collapse:collapse; empty-cells:show; float:left; border:1px solid #CCC;}
.CUERPO .table-gris tr td {border:1px solid #e0e0e0; padding:8px; }
.CUERPO .carrera-contenedor {margin:0; padding:0;}
.CUERPO .carrera-top {background-color:#f2f1f1; clear:both; margin:0; max-width:100%;
-moz-border-radius-topleft:30px;
-webkit-border-top-left-radius:30px;
 border-top-left-radius:30px;}
.CUERPO .carrera-bottom {background-color:#cacaca; clear:both; margin:0; max-width:100%;
-moz-border-radius-bottomright:30px;
-webkit-border-bottom-right-radius:30px;
border-bottom-right-radius:30px;}
/*/vtxt_table*/
.CUERPO table {margin:10px 0; padding:2px; border-collapse:collapse; empty-cells:show; border: none;  background: white; border-radius:3px;height: auto;margin: auto; max-width: 600px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite;}
.CUERPO table a {border-bottom:none;}
.CUERPO td {margin:1px; padding:2px;}

/*vtxt_tr*/
.CUERPO .tr-estilo-fondogris {background-color:#dcdcdc;}
.CUERPO .tr-estilo-fondoazul {background-color:#1C2B45; color:#FFFFFF; font-weight:bold;}
.CUERPO .tr-estilo-fondoazul td{color:#FFFFFF; font-weight:bold;}
/*/vtxt_tr*/

/*vtxt_td*/
.CUERPO .td-estilo-fondogris {background-color:#dddddd;}
.CUERPO .td-estilo-fondoazul {background-color:#1C2B45; color:#FFFFFF; font-weight:bold;}
/*/vtxt_td*/

/* estilos obligatorios para tablas en vtxt */
.CUERPO table {margin:10px 0; padding:2px; border-collapse:collapse; empty-cells:show;}
.CUERPO table a {border-bottom:none;}
.CUERPO td {margin:1px; padding:2px;}
.CUERPO img {margin:0 auto; }

/* estilos  tablas especial hosting vtxt */
.CUERPO table {clear:both; margin:3rem auto !important; padding:0; border-collapse:collapse; empty-cells:show;}
.CUERPO tr, .CUERPO th {padding:0;}
.CUERPO tr:first-child {border-top:none;}
.CUERPO tr:last-child {border-bottom:none;}
.CUERPO tr:last-child td:first-child {border-bottom-left-radius:3px;}
.CUERPO tr:last-child td:last-child {border-bottom-right-radius:3px;}
.CUERPO tr:last-child td:first-child {border-bottom-left-radius:3px;}
.CUERPO tr:last-child td:last-child {border-bottom-right-radius:3px;}
.CUERPO th { color:#4d4d4d; background:#e6e6e6; border-bottom:2px solid #9ea7af; border-right: 1px solid #c3c3c3; font-size:1rem; font-weight: 600; padding:15px; text-align:left;vertical-align:middle;line-height: 20px;}
.CUERPO th:last-child {border-top-right-radius:3px;border-right:none;}
.CUERPO th:first-child {border-top-left-radius:3px;}
.CUERPO td {padding:20px; text-align:left;vertical-align:middle;font-size:18px; border-right: 1px solid #C1C3D1;}
.CUERPO td:last-child { border-right: 0px;}
/*/vtxt*/