/*body,html{
  height:100%;
  font-family:"Ubuntu-R";
  padding-top: 80px;
}*/

.contenedor{
  min-height: 100%;
  margin-top: 163px;
}

@font-face {
    font-family: 'Canter Bold Strips';
    src: url('../fonts/Canter-Bold-Strips.otf');
    font-weight: normal;
}
@font-face {
    font-family: 'Canter Bold';
    src: url('../fonts/Canter-Bold.otf');
    font-weight: normal;
}
@font-face {
    font-family: 'Canter Light';
    src: url('../fonts/Canter-Light.otf');
    font-weight: normal;
}
.azulsub{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
}

.azulsub li a{
    color: #fff;
}

.azulsub li a :hover{
    color: #000;
}

.carousel-control.izquierda, .carousel-control.derecha {
    background-image: none;
    color: #428bca;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -25px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -25px;
}
.banner1, .banner2, .banner3{
    cursor: hand;
    cursor: pointer;
}
a{
    cursor: pointer;
}
/*Estilos convocatorias*/
.modal-vertical-centered {
  -webkit-transform: translate(0, 20%) !important; /* Safari and Chrome */
}
.modal-body {
    position: relative;
    padding: 15px;
    padding-bottom: 0px;
}
.div-amarillo{
    height: 10px;
    background: rgb(247, 220, 0);
}
.div-azul{
    height: 10px;
    background: rgb(0, 140, 215);
}
.div-rojo{
    height: 10px;
    background: rgb(255, 0, 22);
}
.img-modal{
    width: 100%;
    height: 100%;
}
.parrafoP{
    color: #A4A4A4;
    text-align: justify;
    margin-top: 15px;
    font-size: 11px;
    margin-bottom: 0px;
}
.parrafoG{
    color: #A4A4A4;
    text-align: justify;
    margin-top: 15px;
}
.textom{
    font-size: 15px;
    color: #848484;
}
.lineamodal{
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #0183ba;
}
#modalconvocatoria{
    background: #0183ba;
    color: white;
    text-align: center;
}
#modal-conv{
    width: 70%;
    margin: 30px auto;
}
.archivosC{
    text-align: center;
    color: #A4A4A4;
}
.inputvalor {
    margin-top: 4px;
}
.rojo {
    color: #da1338;
}
.divficha{
    text-align: center !important;
    border-bottom: 2px solid #0183ba;
    padding-bottom: 30px;
}
.divcampos{
    text-align: center !important;
}
.labelregistro{
    text-align: justify;
    color: #A4A4A4;
}
.textocampos{
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    color: #A4A4A4;
}
.divdescripcion{
    border-bottom: 2px solid #0183ba;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
}
.divproyectoC{
    border-bottom: 2px solid #0183ba;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
img.convimage{
    display: block;
    margin: 0 auto; /*centrar div*/
    margin-top: 20px;
    margin-bottom: 20px;
}
div.descripcion2 {
    width: 80%;
    height: 300px;
    overflow: scroll;
    margin: 0 auto; /*centrar div*/
}
.textoconvocatoria{
    width: 100%;
    text-align: justify;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #A4A4A4;
}
.conv{
    text-align: center;
    display: block;
    width: 100px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.containerconv {
  margin: 0px auto;
  padding: 0px;
}
.counter {
  background: #ffffff;
  -moz-box-shadow:    inset 0 0 5px #ffffff;
  -webkit-box-shadow: inset 0 0 5px #ffffff;
  box-shadow:         inset 0 0 5px #ffffff;
  text-align: center;
}
.counter h3 {
  color: #A4A4A4;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: lighter;
  letter-spacing: 1px;
  padding-top: 20px;
  margin-bottom: 15px;
}
#countdown {
  width: 33.33333333%;
  text-align: center;
  color: #FFFFFF;
  margin-top: 5px;
  margin-bottom: 30px;
}
.archivosconv{
    margin-top: 30px;
}
.divconvo{
    margin-bottom: 30px;
    text-align: center;
    height: 100px;
}
#container_convo {
    width:25%;
    margin:0 auto;
    text-align:center;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #FFFFFF;
}
#left {
    float:left;
    width:60px;
    height: 60px;
    background: #0183ba;
    border-radius: 10%;
}
#center {
    display: inline-block;
    margin:0 auto;
    width:60px;
    height: 60px;
    background: #0183ba;
    border-radius: 10%;
}
#right {
    float:right;
    width:60px;
    height: 60px;
    background: #0183ba;
    border-radius: 10%;
}
#container_texto {
    width:25%;
    margin:0 auto;
    text-align:center;
    margin-bottom: 30px;
}
#left2 {
    float:left;
    width:60px;
}
#center2 {
    width:60px;
    display: inline-block;
    margin:0 auto;
}
#right2 {
    width:60px;
    float:right;
}
.fecha{
    font-size: 40px;
}
.spanfecha{
    font-size: 15px;
    color: #A4A4A4;
}
/*Termina estilos convocatorias*/

.tituloproy{
    text-align: left; 
    color: #555555; 
    height: 60px;
}

.alturaproyectos{
    height: 450px;
}

.imgproy {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 20px;
    color: #428bca;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

.spantexto{
    margin-bottom: 20px;
    font-family: "Ubuntu-L";
}

.letra{
    font-family: "Ubuntu-L";
}

.divproy{
    padding-left: 0px;
    padding-right: 0px;
    background-color: #F6F7FA;
    margin-bottom: 80px;
}

.images{
    width: 455px; 
    height: 310px;
    position: absolute;
}

.sinp{
    padding-left: 0px;
    padding-right: 0px;
}

.sinp2{
    padding-left: 0px;
    padding-right: 7px;
    padding-top: 18px;
}

.masp{
    padding-left: 30px;
    padding-right: 30px;
}

.masp2{
    padding-left: 0px;
    padding-right: 0px;
}

.comuins{
    text-align: center;
    /*border-style: solid;
    border-color: #848484;
    background-color: #eee;*/
    margin-left: 0;
    margin-bottom: 40px;
}

.comuins2{
    text-align: center;
    padding-right: 0%;
    padding-left: 3%;
    /*border-style: solid;
    border-color: #848484;
    background-color: #eee;*/
    margin-right: 0;
}

.divnoticias{
    background-color: #eee;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 1%;
}
.divnoticias2{
    background-color: #eee;
    padding-bottom: 2%;
}

.navbar{
    margin-bottom: 4px;
    border:0px;
}

.centro{
    text-align: center;
}
.logo{
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.smaller{
    height: 55px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.smaller2{
    margin-bottom: 0px !important;
}

.social{
    padding-top: 0px;
}
.social a{
    color: #5f6168;
}
.cambioa a{
    color: #333;
}
.iconsocial{
    padding-top: 0px !important;
    font-size: 26px;
    padding-right: 7px;
}

.oculto{
    visibility: hidden;
    display: none;
}

.opcioningresar2{
    visibility: hidden;
    display: none;
}

.login{
    padding-bottom: 4px !important;
    font-size: 12px;
    font-weight: lighter;
    color: #777 !important;
    text-decoration: none;
}

.login2{
    padding-bottom: 4px !important;
    font-size: 20px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.login:hover{
    color: #424242 !important;
    text-decoration: none;
}

.sizelogin{
    height: 20px;
    margin-top: -5px;
}

.menuder{
    margin-right: 10px;
    margin-top: 20px;
}

.divlogin{
    display: block;
    visibility: visible;
}

.divsocial{
    visibility: visible;
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menu{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
}

.divdebate{
    background-color: #eee;
    padding: 5px;
    width: 100%;
    height: 360px;
    color: #848484;
}

.divagenda{
    width: 75px;
    height: 75px;
    border-style: solid;
    border-color: #848484;
    text-align: center;
    border-width: 2px;
    color: #848484;
}


.numagenda{
    font-size: 50px !important;
    line-height: 40px !important;
    margin-bottom: 0px !important;
}

.subtagenda{
    text-align:left;
    margin-top:0px;
}


.txtagenda{
   text-align: left;
   font-size: 12px !important;
}

.conagenda p{
    text-align: left;
   font-size: 12px !important;
}

.mes{
    font-size: 12px !important;
    line-height: 0px !important;
    text-transform: capitalize;
}

.adebate{
    color: white;
    text-decoration: none;
}

.nuevop{
    padding-right: 35px;
    padding-left: 35px;
}

.navbar-default .navbar-nav>li>a {
    color: #333;
    font-size: 19px;
    padding-left: 30px;
    padding-right: 30px;
}

.txtmenu{
    color: #777;
}

.txtmenu:hover{
    color: #333;
}

.mapa{
    position: relative;
}


#map{
    width:100%;
    height:700px;
    border-bottom: 4px solid #ffc600;
    position: relative;
    margin-bottom: 50px;
}

.divbtnmapa{
    position: absolute;
    text-align: center;
    top:817px;
}

.prim_titulo{
    padding-top: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.sec_titulo{
    padding-top: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #2577a6;
    text-align: center;
}

.prim{
    padding-top: 5px;
    margin-bottom: 15px;
}

.segundo{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tercer{
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.tabla{
    position: absolute;
    text-align: left;
    top:200px;
    width: 20%;
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 4px solid #ffc600;
    border-radius: 5px;
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    background: -webkit-linear-gradient(left top, #ffffff, #E6E6E6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #ffffff, #E6E6E6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ffffff, #E6E6E6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #ffffff, #E6E6E6); /* Standard syntax */
    margin-left: 20px;
}

.tabla2{
  display: none;
  visibility: hidden;
}

.txtdatos{
    color: #2577a6;
}

.linklistado{
    font-size: 11px;
    color: #848484;
    text-decoration: none;
}

.btnir{
    background-color: #da1338;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 5px;
    padding: 10px 20px;
}

.btnmapa{
    background-color: #da1338;
    color: #ffffff;
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
}

.divhistorias{
    background-color: #ffffff;
    padding: 15px 20px;
    color: #428bca;
}

.medio{
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}

.fin{
    border-top: 1px solid #D8D8D8;
}

.historia{
    padding: 15px;
    margin: auto;
    height: 25%;
}

.imghistoria{
    width: 100%;
    height: 360px;
}

.imgtemp1{
    content: url("../img/historiast01.png");
}

.imgtemp2{
    content: url("../img/historiast02.png");
}

.imgtemp3{
    content: url("../img/historiast03.png");
}

.imgtemp4{
    content: url("../img/historiast04.png");
}

.img-responsive2, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
     display: block; 
    /*max-width: 100%;*/
    height: auto;
}

.btnhistorias{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    margin-top: 15px;
    padding: 6px 20px;
}

.btnagenda{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    margin-top: 15px;
    padding: 6px 20px;
}

.der{
    text-align: right;
    padding-right: 0px;
}

.title{
    color: #555555 !important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 65px;
    font-size: 28px !important;
}

.project-item{
    display:block;
    position:relative;
    margin:0;
    width:33.33333333%;
    margin-bottom:0;
    border-right:5px solid #fff;
    border-bottom:5px solid #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity:1;
    filter:alpha(opacity=100);
    overflow:hidden;
    z-index:10;
    -webkit-backface-visibility: hidden;
}
.project-item2{
    display:block;
    position:relative;
    margin:0;
    width:50%;
    margin-bottom:0;
    border-right:5px solid #eee;
    border-bottom:5px solid #eee;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity:1;
    filter:alpha(opacity=100);
    overflow:hidden;
    z-index:10;
    -webkit-backface-visibility: hidden;
}
.project-item3{
    display:block;
    position:relative;
    margin:0;
    width:100%;
    margin-bottom:0;
    /*border-right:5px solid #fff;
    border-bottom:5px solid #fff;*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity:1;
    filter:alpha(opacity=100);
    overflow:hidden;
    z-index:10;
    -webkit-backface-visibility: hidden;
}
.project-item4{
    display:block;
    position:relative;
    margin:0;
    width:100%;
    margin-bottom:0;
    /*border-right:5px solid #fff;
    border-bottom:5px solid #fff;*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity:1;
    filter:alpha(opacity=100);
    overflow:hidden;
    z-index:10;
    -webkit-backface-visibility: hidden;
}
.project-item img {
    width: 100%;
    height: 250px;
}
.project-item2 img {
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
}

.nuevomar img{
   margin-bottom: 0px !important;
}

.nuevomar .hover-mask{
   height: 90% !important;
}

.project-item3 img {
    width: 85%;
    height: 300px;
    /*margin-bottom: 0;
    margin-bottom: 12%;*/
    margin-left: 7%;
}
.project-item4 img {
    width: 85%;
    height: 300px;
    /*margin-bottom: 0;
    margin-bottom: 12%;*/
    margin-left: 7%;
}

.project-item:hover{
    cursor:pointer;
}
.project-item2:hover{
    cursor:pointer;
}
.project-item3:hover{
    cursor:pointer;
}
.project-item4:hover{
    cursor:pointer;
}

.project-item .hover-mask {
    position:absolute;
    padding:0;
    color:#fff;
    background: rgba(13,57,102,0.85);
    margin: 10% 10%;
    width:80%;
    height:70%;
    top:0;
    left:0;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}
.project-item2 .hover-mask {
    position:absolute;
    padding:0;
    color:#fff;
    background: rgba(13,57,102,0.85);
    margin: 5% 10%;
    width:80%;
    height:67%;
    top:4%;
    left:0;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}
.project-item2 .hover-mask2 {
    position:absolute;
    padding:0;
    color:#fff;
    background: rgba(13,57,102,0.85);
    margin: 5% 10%;
    width:80%;
    height:85%;
    top:0;
    left:0;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}
.project-item3 .hover-mask {
    position:absolute;
    padding:0;
    color:#fff;
    background: rgba(13,57,102,0.85);
    margin: 5% 12%;
    width:75%;
    height:75%;
    top:0;
    left:0;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}
.project-item4 .hover-mask {
    position:absolute;
    padding:0;
    color:#fff;
    background: rgba(13,57,102,0.85);
    margin: 5% 12%;
    width:75%;
    height:85%;
    top:0;
    left:0;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

.project-item:hover .hover-mask {
    opacity: .95;
    filter:alpha(opacity=95);
}
.project-item2:hover .hover-mask {
    opacity: .95;
    filter:alpha(opacity=95);
}
.project-item2:hover .hover-mask2 {
    opacity: .95;
    filter:alpha(opacity=95);
}
.project-item3:hover .hover-mask {
    opacity: .95;
    filter:alpha(opacity=95);
}
.project-item4:hover .hover-mask {
    opacity: .95;
    filter:alpha(opacity=95);
}

.project-item .hover-mask .project-title {
    position: relative;
    color:#fff;
    top:50%;
    margin:0;
    margin-top:-50px;
    padding:10px;
    font-size:26px;
    line-height:34px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    text-transform:uppercase;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.project-item2 .hover-mask .project-title {
    position: relative;
    color:#fff;
    top:50%;
    margin:0;
    margin-top:-50px;
    padding:10px;
    font-size:26px;
    line-height:34px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    text-transform:uppercase;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.project-item2 .hover-mask2 .project-title {
    position: relative;
    color:#fff;
    top:50%;
    margin:0;
    margin-top:-50px;
    padding:10px;
    font-size:26px;
    line-height:34px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    text-transform:uppercase;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.project-item3 .hover-mask .project-title {
    position: relative;
    color:#fff;
    top:50%;
    margin:0;
    margin-top:-50px;
    padding:10px;
    font-size:26px;
    line-height:34px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    text-transform:uppercase;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.project-item4 .hover-mask .project-title {
    position: relative;
    color:#fff;
    top:50%;
    margin:0;
    margin-top:-50px;
    padding:10px;
    font-size:26px;
    line-height:34px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    text-transform:uppercase;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.project-item .hover-mask p {
    position: relative;
    color:#fff;
    top:8%;
    margin:0;
    font-size:16px;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item2 .hover-mask p {
    position: relative;
    color:#fff;
    top:0%;
    margin:0;
    font-size:16px;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item2 .hover-mask2 p {
    position: relative;
    color:#fff;
    top:0%;
    margin:0;
    font-size:16px;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item3 .hover-mask p {
    position: relative;
    color:#fff;
    top:8%;
    margin:0;
    font-size:16px;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item4 .hover-mask p {
    position: relative;
    color:#fff;
    top:8%;
    margin:0;
    font-size:16px;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}

.project-item:hover .hover-mask p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item2:hover .hover-mask p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item2:hover .hover-mask2 p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item3:hover .hover-mask p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item4:hover .hover-mask p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}

.project-item .hover-mask img {
    margin-left: 45%;
    margin-top: 5%;
    height: 30px;
    width: 30px;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item2 .hover-mask img {
    margin-left: 0%;
    margin-top: 10%;
    height: 30px;
    width: 30px;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item2 .hover-mask2 img {
    margin-left: 0%;
    margin-top: 10%;
    height: 30px;
    width: 30px;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item3 .hover-mask img {
    margin-left: 0%;
    margin-top: 20%;
    height: 30px;
    width: 30px;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item4 .hover-mask img {
    margin-left: 0%;
    margin-top: 20%;
    height: 30px;
    width: 30px;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}

.project-item:hover .hover-mask img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item2:hover .hover-mask img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item2:hover .hover-mask2 img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item3:hover .hover-mask img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item4:hover .hover-mask img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}

.project-item .hover-mask h5 {
    position: relative;
    color:#fff;
    top:13%;
    margin:15px auto;
    font-size:16px;
    font-style: italic;
    text-decoration: underline;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item2 .hover-mask h5 {
    position: relative;
    color:#fff;
    top:14%;
    margin:15px auto;
    font-size:16px;
    font-style: italic;
    text-decoration: underline;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item2 .hover-mask2 h5 {
    position: relative;
    color:#fff;
    top:14%;
    margin:25px auto;
    font-size:16px;
    font-style: italic;
    text-decoration: underline;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item3 .hover-mask h5 {
    position: relative;
    color:#fff;
    top:14%;
    margin:25px auto;
    font-size:16px;
    font-style: italic;
    text-decoration: underline;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
.project-item4 .hover-mask h5 {
    position: relative;
    color:#fff;
    top:14%;
    margin:25px auto;
    font-size:16px;
    font-style: italic;
    text-decoration: underline;
    line-height:24px;
    font-weight:300;
    text-align:center;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}

.project-item:hover .hover-mask h5 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item2:hover .hover-mask h5 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item2:hover .hover-mask2 h5 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item3:hover .hover-mask h5 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}
.project-item4:hover .hover-mask h5 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition:all 0.3s ease-out .2s;
    transition:all 0.3s ease-out .2s;
}

.icononoticia{
    margin-bottom: 0px !important;
}

.btnbanco{
    background-color: #da1338;
    background: -webkit-linear-gradient(left top, #da1338, #ac0f2d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #da1338, #ac0f2d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #da1338, #ac0f2d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #da1338, #ac0f2d); /* Standard syntax */
    margin: 10px;
    color: #ffffff;
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    padding: 20px 30px
}

.fondo{
    height: 265px !important;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: url("../img/bannerd03.png");
}

.fondosec{
    height: 265px !important;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /*content: url("../img/banner03.png");*/
    /*content: url("../img/banner_convocatoria_m2.jpg");*/
    content: url("../img/banner-510x265.jpg");
}
.fondofirst{
    height: 265px !important;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /*content: url("../img/banner03.png");*/
    /*content: url("../img/banner_convocatoria_m2.jpg");*/
    content: url("../img/fondo510x265.jpg");
}
.fondo2{
    background-color: #eee;
    height: 265px;
    margin: auto;
}   
.menusomos{
    color: #2577a6;
    font-size: 17px;
    height: 33.33333333%;
    padding-top:30px;
}

.menured{
    color: #2577a6;
    font-size: 17px;
    height: 33.33333333%;
    padding-top:35px;
}

.txtlinkfondo{
    color: #555555;
    font-size: 17px;
    height: 66.66666666%;
    padding-top:30px;
    text-align: center;
}

.marfondorec{
    margin-top: 50px;
    margin-bottom: 80px;
}

.separa{
    border-bottom: 1px solid #A4A4A4;
    border-top: 1px solid #A4A4A4;
}

.txtsomos{
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.indicadores{
    bottom: -3px !important;
}

.btnsomos{
    background-color: #ca9c00;
    background: -webkit-linear-gradient(left top, #ffc600, #ca9c00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #ffc600, #ca9c00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ffc600, #ca9c00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #ffc600, #ca9c00); /* Standard syntax */
    margin: 10px;
    color: #ffffff;
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    padding: 6px 27px;
}

.mbajo{
    margin-bottom: 30px;
}

.imgini{
    width: 100%;
    margin-top: 20px;
}

.subtitleini{
    margin-top: 0px;
    color: #5a5a5a;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 19px;
}

.txtini{
    color: #428bca;
    margin-top: 0px;
    text-align: justify;
}

.vermas{
    color: #428bca;
    text-decoration: underline;
    font-style: italic;
}

.footer-wrap{
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;    
    padding: 30px;
    width: 100%;
}

.divfooter{
    padding: 0;
    background-color: #fff;    
    border-top: 4px solid #0183ba;
    border-bottom: 4px solid #0183ba;
}

.divmenufooter{
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}

.menufooter{
    float: none;
    padding: 20px 0;
}

.menufooter li{
    display: inline-block;
    float: none;
}

.menufooter li a{
    color: #848484;
    font-size: 19px;
    padding-left: 30px;
    padding-right: 30px;
}

.nop{
    margin-bottom: 0px;
    background-color: #ffffff;
}

.btncorreo{
    background-color: #fff;
    color: #2f96ce;
}

.twitter{
    color: #55acee;
}

.facebook{
    color: #103480;
}

.google{
    color: #d73d32;
}

.iconfooter{    
    font-size: 30px;
    padding-top: 16px;
}

.info{
    color: #848484;
}

.info2{
    color: #848484;
    text-align: justify;
    font-size: 13.3px;
    line-height: 1.1;
}

.newpad{
    padding-left: 7px;
    padding-right: 7px;
}

.footer-dir{
    padding-top: 30px;
}

.divguarumo{
    background-color: #fff;
    /*background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
    padding: 20px 0;
    border-bottom: 2px solid #ccc;
    color : #848484;
}

.divguarumo h5{
    margin: 0;
    text-align: center!important;
}

.derechos{
    color: #ffffff;
    margin-top: 5px;
}

.logofooter{
    padding: 5px;
    height: 30px!important;
}

.logocaf{
    padding: 5px;    
}

.txtdesarrollo{
    font-size: 16px;
    color: #ffffff;
    text-align: right;
}

.boletin{    
    background-color: #2f96ce;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;   
}

.boletin label{    
    color: #fff!important;
}
.boletin input{
    margin: 0 10px;
}

.title:after {
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -50px;
    background: #0183ba;
}

.titlered:after {
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -50px;
    background: #0183ba;
}

.divporque{
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
    height: 250px;
}

.porque{
    background-color: #22549E;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    height: 250px;
}

.divimgpor{
    position: absolute;
    width: auto;
    float: right;
    left: 65%;
    height: 380px;
    margin-top: -80px;
    margin-bottom: 80px;
}

.titlepor{
    color:  #86dbff;
    padding-left: 15px;
}

.txtpor{
    color: #ffffff;
}

.icontxt{
    margin-top: 0px;
    padding-left: 0px;
    color: #ffffff;
}

.imgcampo{
    width: 380px;
    height: 380px;
    border: 2px solid #ffffff;
    box-shadow: 5px 5px 5px #5A6184;
    position: absolute;
    float: right;
    vertical-align: middle;
}

.iconpor{
    height: 32px;
}

.sinleft{
    padding-left: 0px;
}

.marhistorias{
    margin-top: 45px;

}

.txthistorias{
    font-size: 15px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 220px;
    /*padding-top: 15px;*/
}

.inner2{
    height: 250px !important;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

#uno.special{
    background-color: #eee;
}

#uno.special:after{
    content: "";  
    position: absolute;
    right: -15px; 
    top: 1em;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #424242;
}

#dos.speciald{
    background-color: #eee;
}

#dos.speciald:after{
    content: "";  
    position: absolute;
    right: -15px; 
    top: 7em;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #424242;
}

#tres.specialt{
    background-color: #eee;
}

#tres.specialt:after{
    content: "";  
    position: absolute;
    right: -15px; 
    top: 13em;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #424242;
}

#cuatro.specialc{
    background-color: #eee;
}

#cuatro.specialc:after{
    content: "";  
    position: absolute;
    right: -15px; 
    top: 16em;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #424242;
}

.buscar{
    top: 0px;
    padding: 9px 12px;
    color: #ffffff;
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
}

.divbuscar{
    margin-top: 30px;
}

.inputs{
    color: #2577a6;
    margin-top: 5px;
    margin-bottom: 5px;
}

.divbtnbuscar{
    margin-top: 15px;
    border-top: 2px solid #2577a6;
    text-align: center;
    color: #2577a6;
    padding-bottom: 10px;
}

.btnverlista{
    padding: 6px 53.2px;
    color: #ffffff;
    font-size: 12px;
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
}

.iniciar{
    margin: auto;
    text-align: center;
    padding-bottom: 20px;
    background-color: #eee;
    border: 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 310px;
    border-bottom: 5px solid #ffc600;
}

.logingresar{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 20px;
    box-shadow: 0px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
}

.padlogin{
    padding-left: 25px;
    padding-right: 25px;
}

.txtlogin{
    color: #A4A4A4;
    font-weight: lighter;
}

.usuario{
    margin-top: 30px;
}

.divusr{
    margin-bottom: 0px;
}

.txtolvido{
    color: #A4A4A4;
    text-decoration: underline;
}

.btnlogin{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    margin-top: 40px;
    padding: 2px 30px;
}

.toplogin{
    margin-top: 50px;
}

.txtrecuperar{
    color: #A4A4A4;
    font-weight: lighter;
    margin-top: 30px;
    margin-bottom: 50px;
}

.btnreg{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    margin-top: 10px;
    padding: 2px 30px;
}

.dnombre{
    margin-top: 10px;
}

.divregistrarme{
    margin-bottom: 20px;
}

.txtregistrarme{
    color: #A4A4A4;
    text-decoration: underline;
}

.diveditarp{

    text-align: center;
    padding-bottom: 20px;
    background-color: #eee;
    border: 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-bottom: 5px solid #ffc600;
}

.genero{
    text-align: left;
}

.imglogo{
    height: 230px;
    width: 300px;
    border: 1px solid #E6E6E6;
}

.divdatosp{
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.divfotop{
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

/* css contacto*/
.labelcontact{
    color: #848484;
    font-size: 15px;
}

.btncontact{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    margin-top: 20px;
    padding: 6px 50px;
    font-size: 16px;
    margin-bottom: 60px;
}

.btncontactvin{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    margin-top: 20px;
    padding: 6px 50px;
    font-size: 16px;
    margin-bottom: 60px;
    float: right;
}

.linkvolvervin{
    margin-top: 27px;
    float: left;
    font-size: 15.5px;
}

/* css red de conocimiento*/
.titlered{
    color: #555555 !important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 65px;
    font-size: 28px !important;
    margin-top: 70px;
}

.fondored {
    height: 290px;
    background-repeat: no-repeat;
    background-size: cover;
}

.imagenfondorec {
    background-image: url("../img/fondoreconciliacion.jpg");
    height: 290px;
    background-repeat: no-repeat;
    background-size: cover;
}

.divconred{
    margin-top: 30px;
}

.divideored{
    margin-top: 47px;
    margin-bottom: 70px;
}

.txtred {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

.opciones{
    height: 290px;
    padding-right: 0px;
}

.fondogrisred{
    background-color: #eee;
    height: inherit;
    margin: auto;
}

.txtvideored{
    color: #848484;
    text-align: justify;
    font-size: 14px;
    margin-top: 30%;
}

.fondotxtvideo{
    height: 290px;
    background-color: #eee;
    margin: auto;
}

.txtvinculos{
    color: #848484;
    text-align: justify;
    font-size: 16px;
    margin-top: 14%;
}

.txtlistavinculos{
    color: #848484;
    text-align: justify;
    font-size: 16px;
    margin-top: 0px;
}

.detalleini img{
    display: block;
    max-width: 100%;
    height: auto !important;
}


.imgvinculos{
    height: 300px;
    width: 300px;
}

.imgproyecto{
    height: 250px;
    width: 300px;
}

.divlinks{
    margin-top: 55px;
    margin-bottom: 50px;
}

.divredes{
    margin-top: 30px;
}

.link{
    margin-top: 30px;
}

.subtitlecontenido{
    color: #848484;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.videoscontenido{
    height: 210px;
    width: 270px;
    margin-bottom: 20px;
}


.imgpublicacion{
    height: 210px;
    width: 270px;
    margin-bottom: 15px;
}

.titlepublicacion{
    color: #848484;
    font-weight: bold;
    text-transform: uppercase;
}

.txtpublicacion{
    color: #A4A4A4;
    text-align: justify;
    height: auto;
}

.contenidopu{
    height: 210px;
    width: 270px;
    margin-bottom: 20px;
}

.marlistado{
    margin-top: 40px;
}

.btndescarga{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 1px 12px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.btnvermas{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 0px 12px;
}

.btnurl{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 16px;
    padding: 2px 15px;
}


.divpublicacion{
    margin-bottom: 30px;
}

.divdocumentos{
    margin-bottom: 30px;
}

.divtwitter{
    margin-top: 20px;
}

.sinder{
    padding-right: 0px;
}

/* css vistas interiores */

.thumbimg{
    height:200px;
    width:100%;
    overflow:hidden;
}

.nuevalt{
    height:140px !important;
}

.imagendebates{
    width:100%;
}

.thumbimg img{
    height:inherit;
    width:100%;
}

.linkhistorias{
    color: #777;
    font-style: italic;
    text-decoration: underline;
    font-size: 14px;
}

.titulodetalle{
    color: #626262;
    text-align: left;
    margin-bottom: 10px;
}

.imagendetalle{
    height: 425px;
    width: 100%;
    margin-bottom: 10px;
}

.textodetalle{
    color: #777;
    margin-bottom: 65px;
    text-align: justify;
    font-size: 16px;
}

.textovincula{
    color: #777;
    text-align: justify;
    font-size: 16px;
}

.textoproy{
    padding-left: 0px;
}

.infoevento{
    margin-top: 30px;
}

.titulodetallenoticia{
    color: #626262;
    text-align: left;
    margin-bottom: 30px;
}

.divideo{
    margin-bottom: 90px;
}

.pagination strong{
    padding: 5px 10px;
    background-color: #2577a6;
    border-radius: 50%;
    color: #fff;
    margin: 3px;
}

.pagination a{
    padding: 3px;
    border-radius: 50%;
    margin: 3px;
}

.titulosbproyectos{
    margin-top: 3px;
    margin-bottom: 1px;
}

.subhojav{
    color: #555555;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 22px;
}

.divtxtsomos{
    background-color: rgba(1,131,186,0.4);
    bottom:5%;
    left: 2%;
    right: 2%;
    position: absolute;
    padding-top:10px;
}

.divbanner{
    text-align:center;
    width:310px;
    float:right; 
    margin-right:5%;
}

.banner{
    height:60px;
    width:300px;
    margin-top:25px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannersmaller{
    margin-top:10px;
}

.linkaliados{
    color: #777;
}

.linkaliados:hover{
    color: #428bca;
}

.slidealiados{
    visibility: visible;
    display: block;
}

.slidealiados2{
    visibility: hidden;
    display: none;
}

.divimgsocios{
    border:1px solid #eee;
    text-align:center;
}

.imagensocios{
    height: 120px;
    width: 120px;
}

.btnvincularme{
    background-color: #2577a6;
    background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
    background: -o-linear-gradient(left top, #2f96ce, #2577a6);
    background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
    background: linear-gradient(to bottom right, #2f96ce, #2577a6);
    box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    margin-top: 20px;
    padding: 10px 70px;
    font-size: 20px;
    margin-bottom: 60px;
}

.fraseqsomos{
    color: #555555;
    font-style: italic;
    margin-top: 20px;
    font-size: 17px;
}

.tituloq{
    visibility: visible;
    display: block;
}

.tituloq2{
    visibility: hidden;
    display: none;
}

.textopdestacados{
    color: #555555;
    font-size: 17px !important;
    text-align: center;
    margin-bottom: 40px;
}

.titletimeline{
    color: #6D6B6B;
    text-align: center;
    margin-bottom: 30px;
}

.iconface{
    color: #3a5795;
    padding-right: 3px;
}

.icontwit{
    color: #55acee;
    padding-right: 3px;
}

.divbtnsvincula{
    margin-top: 30px;
    text-align: center;
}

.btn1vincula{
    padding: 23px 60px;
    margin-right: 20px;
    font-size: 16px;
}

.btn2vincula{
    padding: 23px 60px;
    margin-left: 20px;
    font-size: 16px;
}

@media (max-width: 768px) {
    .menufooter li{
        display: inline-block;
        float: none;
        width: 100%;
    }
    
    .boletin input {
        margin: 0!important;
    }

    .tituloproy{ 
        height: auto;
    }
    .modal-vertical-centered {
      -webkit-transform: translate(0, 1%) !important; /* Safari and Chrome */
    }
    #modal-conv {
        width: 100%;
        margin: 10px auto;
    }
    .menuder{
        margin-right: 0px;
        margin-top: 0px;
    }
    /*Estilos convocatorias*/
    #left2 {
        float:left;
        width:50px;
    }
    #center2 {
        width:50px;
        display: inline-block;
        margin:0 auto;
    }
    #right2 {
        width:50px;
        float:right;
    }
    .fecha{
        font-size: 30px;
    }
    #left {
        float:left;
        width:50px;
        height: 50px;
        background: #0183ba;
        border-radius: 10%;
    }
    #center {
        display: inline-block;
        margin:0 auto;
        width:50px;
        height: 50px;
        background: #0183ba;
        border-radius: 10%;
    }
    #right {
        float:right;
        width:50px;
        height: 50px;
        background: #0183ba;
        border-radius: 10%;
    }
    .ocultar-div{
        visibility: hidden;
    }
    #container_convo {
        width:55%;
        margin:0 auto;
        text-align:center;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #FFFFFF;
    }
    #container_texto {
        width:55%;
        margin:0 auto;
        text-align:center;
        margin-bottom: 30px;
    }
    /*Estilos convocatorias*/
    .nuevop{
        padding-right: 40px;
        padding-left: 40px;
    }

    .menusomos{
        font-size: 14px;
    }

    .menured{
        font-size: 14px;
    }

    .txtlinkfondo{
        font-size: 14px;
    }


    .masp{
        padding-left: 5px;
        padding-right: 5px;
    }

    .divlogin{
        display: none;
        visibility: hidden;
    }

    .opcioningresar2{
        visibility: visible;
        display: block;
        padding-left: 25px;
    }

    /*.oculto{
        visibility: visible;
        display: block;
        padding-left: 25px;
    }*/


    .tabla{
      display: none;
      visibility: hidden;
    }

     .tabla2{
        display: inline-block;
        visibility: visible;
        margin-bottom: 10px;
        border-top: 4px solid #ffc600;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-radius: 5px;
      }

    .navbar-default .navbar-nav>li>a {
        color: #333;
        font-size: 19px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .divsocial{
        visibility: hidden;
        display: none;
    }

    .logo{
        height: 38px;
        margin-top: 15px;
        margin-left: 15px;
    }

    .login{
        padding-bottom: 4px !important;
        font-size: 20px;
        color: #777 !important;
        text-decoration: none;
        margin-left: 15px;
    }

    .divbtnmapa{
        position: absolute;
        text-align: center;
        top:787px;
    }

    .btnmapa{
        background-color: #da1338;
        color: #ffffff;
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        padding: 20px 30px;
        margin-top: 25px;
}

    .divdatos{
        position: absolute;
        text-align: left;
        top:385px;
    }

    .tabla{
        width: 65%;
        background-color: #ffffff;
        background: -webkit-linear-gradient(left top, #ffffff, #E6E6E6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #ffffff, #E6E6E6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #ffffff, #E6E6E6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #ffffff, #E6E6E6); /* Standard syntax */
        padding-left: 0px;
        padding-right: 0px;
        border-top: 4px solid #ffc600;
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        border-radius: 5px;
        margin-left: 20px;
    }



    .title{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 15.5px !important;
    }

    .titlered{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 15.5px !important;
        margin-top: 30px;
    }

    .fondo{
        height: auto !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .fondosec{
        height: auto !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .fondofirst{
        height: auto !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .divhistorias{
        background-color: #ffffff;
        padding: 15px 20px;
        color: #A4A4A4;
        font-size: 14px;
        text-align: justify;
    }

    .espacio{
        margin-bottom: 40px;
    }

    .divmenufooter{
        padding-left: 40px;
        padding-right: 40px;
    }

    .menufooter li a{
        color: #848484;
        font-size: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .logofooter{
        height: 15px;
    }

    .txtdesarrollo{
        font-size: 16px;
        color: #ffffff;
        text-align: left;
    }

    .imgini{
        height: 100px;
        width: auto;
        margin: auto;
    }

    .divporque{
        position: static;
        height: auto;
    }

    .porque{
        background-color: #22549E;
        padding-top: 5px;
        padding-bottom: 80px;
        position: static;
        height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .divimgpor{
        position: static;
        width: 0%;
        float: none;
        left: 0%;
        height: 0%;
        margin: auto;
        display: none;
        visibility: hidden;
    }

    .imgcampo{
        width: 0px;
        height:0px;
        border: 0px ;
        box-shadow: 5px 5px 5px #5A6184;
        position: static;
        float: none;
        margin: auto;
        display: none;
        visibility: hidden;
    }

    .titlepor{
        color:  #86dbff;
        padding-left: 15px;
        font-size: 15px;
        margin-bottom: 2px;
    }

    .txtpor{
        color: #ffffff;
        font-size: 13px;
        margin-bottom: 3px;
    }

    .icontxt{
        margin-top: 0px;
        padding-left: 0px;
        color: #ffffff;
        font-size: 12px;
        text-align: center;
    }

    .iconpor{
        height: 32px;
    }

    .project-item{
        display:block;
        position:relative;
        margin:0;
        width:50%;
        margin-bottom:0;
        border-right:5px solid #fff;
        border-bottom:5px solid #fff;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity:1;
        filter:alpha(opacity=100);
        overflow:hidden;
        z-index:10;
        -webkit-backface-visibility: hidden;
    }

    .project-item2 .hover-mask {
        position:absolute;
        padding:0;
        color:#fff;
        background: rgba(13,57,102,0.85);
        margin: 5% 10%;
        width:80%;
        height:85%;
        top:0;
        left:0;
        opacity: 0;
        filter:alpha(opacity=0);
        -webkit-transition:all 0.3s ease-out;
        transition:all 0.3s ease-out;
    }

    .project-item .hover-mask img {
        display: none;
        visibility: hidden;
    }

    .project-item2 .hover-mask img {
        display: none;
        visibility: hidden;
    }

    .project-item2 .hover-mask2 img {
        display: none;
        visibility: hidden;
    }

     .project-item3 .hover-mask img {
        display: none;
        visibility: hidden;
    }

      .project-item4 .hover-mask img {
        display: none;
        visibility: hidden;
    }

    .project-item .hover-mask p {
        display: none;
        visibility: hidden;
    }

    .project-item2 .hover-mask p {
        display: none;
        visibility: hidden;
    }

     .project-item2 .hover-mask2 p {
        display: none;
        visibility: hidden;
    }

    .project-item3 .hover-mask p {
        display: none;
        visibility: hidden;
    }

    .project-item3 .hover-mask {
        position: absolute;
        padding: 0;
        color: #fff;
        background: rgba(13,57,102,0.85);
        margin: 5% 12%;
        width: 75%;
        height: 80%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

     .project-item4 .hover-mask {
        position: absolute;
        padding: 0;
        color: #fff;
        background: rgba(13,57,102,0.85);
        margin: 5% 12%;
        width: 75%;
        height: 80%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .subtitleini{
        margin-top: 0px;
        color: #428bca;
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
        font-size: 14.5px;
    }

    .txtini{
        color: #428bca;
        margin-top: 0px;
        text-align: center;
        font-size: 13px;
    }

    .vermas{
        color: #428bca;
        text-decoration: underline;
        text-align: center;
        font-style: italic;
    }

    .project-item img {
        width: 100%;
        height: 210px;
    }

    .destacado {
        content:url("../img/proyecto200x200.png");
    }

    .destacadoTodos {
        content:url("../img/proyecto316x200.png");
    }

    .project-item2 img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .btnhistorias{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #ffffff;
        margin-top: 15px;
        padding: 6px 20px;
    }

    .btnagenda{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #ffffff;
        margin-top: 15px;
        padding: 6px 20px;
    }

    .project-item3 img {
        width: 100%;
        height: 300px;
        margin-left: 0%;
    }
    .project-item4 img {
        width: 100%;
        height: 300px;
        margin-left: 0%;
    }

    .txtsomos{
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 14px;
    }

    .divagenda{
        width: 65px;
        height: 65px;
        border-style: solid;
        border-color: #848484;
        text-align: center;
        border-width: 1.5px;
        color: #848484;
    }

    .numagenda{
        font-size: 40px !important;
        line-height: 35px !important;
        margin-bottom: 0px !important;
    }

    .subtagenda{
        text-align:left;
        margin-top:0px;
        margin-bottom: 2px;
        padding-left: 10px;
    }

    .mes{
        font-size: 12px !important;
        line-height: 0px !important;
        text-transform: capitalize;
    }

    .txtagenda{
       text-align: left;
       font-size: 12px !important;
       padding-left: 10px;
    }

    .conagenda p{
        text-align: left;
       font-size: 12px !important;
       padding-left: 10px;
    }


    #uno.special{
        background-color: #eee;
    }

    #uno.special:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 1em;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 0px solid transparent;
    }

    #dos.speciald{
        background-color: #eee;
    }

    #dos.speciald:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 7em;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 0px solid transparent;
    }

    #tres.specialt{
        background-color: #eee;
    }

    #tres.specialt:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 13em;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 0px solid transparent;
    }


    #cuatro.specialc{
        background-color: #eee;
    }

    #cuatro.specialc:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 16em;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 0px solid transparent;
    }

    .form-group {
        margin-bottom: 15px;
        display: inline-block;
    }

    .imghistoria{
        width: 100%;
        height: auto;
    }

    .divdebate{
        margin-top: 16px;
        width: 100%;
        height: auto;
    }

    .imgdebate{
        width: 80%;
        height: auto;
    }

    /* css red de conocimiento*/
    .fondored {
        height: 280px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .imagenfondorec {
        background-image: url("../img/fondoreconciliacion.jpg");
        height: 280px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .opciones{
        height: 270px;
        padding-right: 0px;
    }

    .fondotxtvideo{
        height: 270px;
        background-color: #eee;
        margin: auto;
    }

    .fondogrisred{
        background-color: #eee;
        height: inherit;
        margin: auto;
    }

    .imgvinculos{
        height: 200px;
        width: 200px;
        margin: auto;
    }

    .imgproyecto{
        height: 200px !important;
        width: 200px;
        margin: auto;
    }

     .inner2{
        height: 200px !important;
    }

    .videoscontenido{
        height: 210px;
        width: 270px;
        margin-bottom: 20px;
    }


    .imgpublicacion{
        height: 210px;
        width: 270px;
        margin-bottom: 15px;
    }

    .contenidopu{
        height: 210px;
        width: 270px;
        margin-bottom: 20px;
    }

    .txtred {
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
    }

    .btnurl{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
        background: -o-linear-gradient(left top, #2f96ce, #2577a6);
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
        background: linear-gradient(to bottom right, #2f96ce, #2577a6);
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
        font-size: 16px;
        padding: 2px 15px;
    }

    .txtlistavinculos{
        color: #848484;
        text-align: justify;
        font-size: 16px;
        margin-top: 0px;
    }

    /*vistas interiores*/

    .thumb{
        display: block;
        margin-bottom: 22px;
        line-height: 1.42857143;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
        color: #777;
    }
    .contenidohis{
        height: 260px;
        text-align: justify;
    }
    .contenidohis h4{
        font-size: 18px;
    }

    .contenidopro{
        height: auto;
        text-align: justify;
    }
    .contenidopro h4{
        font-size: 18px;
    }

    .divideo iframe{
        width: 250px !important;
        height: 200px !important;
    }

    .imagendetalle{
        height: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    .imagendetalle2{
        height: 170px !important;
        width: 237px !important;
    }

    .titulodetalle{
        color: #626262;
        text-align: left;
        margin-bottom: 10px;
        font-size: 20px;
    }

    .divagendadet{
        height: 90px;
        padding: 6px 10px;
        margin-bottom:35px;
    }

    .slidealiados{
        visibility: hidden;
        display: none;
    }

    .slidealiados2{
        visibility: visible;
        display: block;
    }

    .btnvincularme{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
        background: -o-linear-gradient(left top, #2f96ce, #2577a6);
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
        background: linear-gradient(to bottom right, #2f96ce, #2577a6);
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
        margin-top: 20px;
        padding: 6px 50px;
        font-size: 16px;
        margin-bottom: 60px;
    }

    .tituloq{
        visibility: hidden;
        display: none;
    }

    .tituloq2{
        visibility: visible;
        display: block;
    }

    .btn1vincula{
        padding: 10px 30px;
        margin: 3px;
        margin-right: 5px;
    }

    .btn2vincula{
        padding: 10px 30px;
        margin: 3px;
        margin-left: 5px;
    }
  
} 

@media(min-width:768px) {
    .boletin input{
        margin: 0;
    }    

    .tituloproy{
        text-align: left; 
        color: #555555; 
        height: 85px;
    }
    /*Estilos convocatorias*/
    .div-responsive{
        visibility: hidden;
    }
    #container_convo {
        width:25%;
        margin:0 auto;
        text-align:center;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #FFFFFF;
    }
    #container_texto {
        width:25%;
        margin:0 auto;
        text-align:center;
        margin-bottom: 30px;
    }
    /*Estilos convocatorias*/
    .nuevop{
        padding-right: 0px;
        padding-left: 0px;
    }

    .txtsomos{
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
    }

    .menusomos{
        font-size: 12px;
    }

    .fondo{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        content: url("../img/bannerd03.png");
    }

    .fondosec{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /*content: url("../img/banner03.png");*/
        /*content: url("../img/banner_convocatoria_m2.jpg");*/
        content: url("../img/banner-510x265.jpg");
    }
    .fondofirst{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /*content: url("../img/banner03.png");*/
        /*content: url("../img/banner_convocatoria_m2.jpg");*/
        content: url("../img/fondo510x265.jpg");
    }
    .menured{
        font-size: 12px;
    }

    .txtlinkfondo{
        font-size: 12px;
    }

    .divagendadet{
        height: 75px;
        padding: 6px 10px;
    }

    .imgtemp1{
        content: url("../img/historias01.png");
    }

    .imgtemp2{
        content: url("../img/historias02.png");
    }

    .imgtemp3{
        content: url("../img/historias03.png");
    }

    .imgtemp4{
        content: url("../img/historias04.png");
    }


    .divagenda{
        width: 65px;
        height: 65px;
        border-style: solid;
        border-color: #848484;
        border-width: 2px;
        text-align: center;
        color: #848484;
    }

    .numagenda{
        font-size: 35px !important;
        line-height: 35px !important;
        margin-bottom: 0px !important;
    }

    .mes{
        font-size: 10.5px !important;
        line-height: 0px !important;
        text-transform: capitalize;
    }


    .subtagenda{
        text-align:left;
        margin-top:0px;
        margin-bottom: 2px;
        font-size: 11.5px;
    }

    .txtagenda{
       text-align: left;
       font-size: 10px !important;
       line-height: 1;
    }

    .conagenda{
        padding-left: 7px;
        padding-right: 7px;
    }

    .conagenda p{
       text-align: left;
       font-size: 10px !important;
       line-height: 1;
    }


    .project-item3 .hover-mask {
        position: absolute;
        padding: 0;
        color: #fff;
        background: rgba(13,57,102,0.85);
        margin: 5% 12%;
        width: 75%;
        height: 90%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .project-item3 .hover-mask p {
        position: relative;
        color:#fff;
        top:8%;
        margin:0;
        font-size:14px;
        line-height:20px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item3 .hover-mask h5 {
        position: relative;
        color:#fff;
        top:14%;
        margin:20px auto;
        font-size:14px;
        font-style: italic;
        text-decoration: underline;
        line-height:24px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item .hover-mask p {
        position: relative;
        color:#fff;
        top:5%;
        margin:0;
        font-size:12px;
        line-height:18px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }


    .project-item2 .hover-mask p {
        position: relative;
        color:#fff;
        top:0%;
        margin:0;
        font-size:14px;
        line-height:20px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item2 img {
        width: 100%;
        height: 250px;
        margin-bottom: 30px;
    }

    .project-item3 img {
        width: 85%;
        height: 250px;
        margin-left: 7%;
    }

    .project-item3 .hover-mask img {
        margin-left: 0%;
        margin-top: 10%;
        height: 30px;
        width: 30px;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item4 img {
        width: 85%;
        height: 250px;
        margin-left: 7%;
    }

    .project-item4 .hover-mask img {
        margin-left: 0%;
        margin-top: 10%;
        height: 30px;
        width: 30px;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    #myCarouselResponsive{ 
        display:none; 
    }

    .navbar-default .navbar-nav>li>a {
        color: #333;
        /*font-size: 9.3px;*/
        font-size: 8.3px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .tabla{
        position: absolute;
        text-align: left;
        top:200px;
        width: 25%;
        background-color: #ffffff;
        background: -webkit-linear-gradient(left top, #ffffff, #E6E6E6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #ffffff, #E6E6E6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #ffffff, #E6E6E6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #ffffff, #E6E6E6); /* Standard syntax */
        padding-left: 0px;
        padding-right: 0px;
        border-top: 4px solid #ffc600;
        border-radius: 5px;
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        margin-left: 20px;
    }

    .title{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 21px !important;
    }

    .titlered{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 21px !important;
        margin-top: 70px;
    }

    .divmenufooter{
        padding-left: 5px;
        padding-right: 5px;
    }

    .menufooter li a{
        color: #848484;
        font-size: 10px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .logofooter{
        height: 14px;
    }


    .porque{
        background-color: #22549E;
        padding-top: 0px;
        padding-bottom: 20px;
        position: relative;
        height: 250px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .imgcampo{
        width: 310px;
        height: 310px;
        border: 2px solid #ffffff;
        box-shadow: 5px 5px 5px #5A6184;
        position: absolute;
        float: right;
        vertical-align: middle;
    }

    .divimgpor{
        position: absolute;
        width: auto;
        float: right;
        left: 56%;
        height: 310px;
        margin-top: 0px;
        margin-bottom: 0px;
        top:-30px;
    }

    .icontxt{
        margin-top: 0px;
        padding-left: 0px;
        color: #ffffff;
        font-size: 12.5px;
    }

    .iconpor{
        height: 28px;
    }

    .subtitleini{
        margin-top: 20px;
        color: #428bca;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .txtini{
        color: #428bca;
        margin-top: 0px;
        font-size: 13px;
        margin-bottom: 2px;
        text-align: justify;
    
    }
    
    .vermas{
        color: #428bca;
        text-decoration: underline;
        font-size: 14px;
        font-style: italic;
    }

    .project-item img {
        width: 100%;
        height: 220px;
    }

    .destacado {
        content:url("../img/proyecto300x300.png");
    }

    .destacadoTodos {
        content:url("../img/proyecto300x300.png");
    }


    #uno.special{
        background-color: #eee;
    }

    #uno.special:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 1em;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #424242;
    }

    #dos.speciald{
        background-color: #eee;
    }

    #dos.speciald:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 6em;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #424242;
    }

    #tres.specialt{
        background-color: #eee;
    }

    #tres.specialt:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 11em;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #424242;
    }

    #cuatro.specialc{
        background-color: #eee;
    }

    #cuatro.specialc:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 15.5em;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #424242;
    }


    .imghistoria{
        width: 100%;
        height: 270px;
    }

    .imgdebate {
        width: 80%;
        height: 120px;
    }

    .divdebate{
        width: 100%;
        height: 270px;
        font-size: 12px;
    }

    .divcrumb{
        height: 270px;
    }

    .txthistorias{
        font-size: 11.5px;
        margin-top: 0px;
    }

    /* css red de conocimiento*/
    .imgvinculos{
        height: 190px;
        width: 190px;
    }

     .imgproyecto{
        height: 200px !important;
        width: 200px;
    }

    .inner2{
        height: 200px !important;
    }

    .videoscontenido{
        height: 130px;
        width: 160px;
        margin-bottom: 20px;
    }


    .imgpublicacion{
        height: 130px;
        width: 160px;
        margin-bottom: 15px;
    }

    .contenidopu{
        height: 130px;
        width: 160px;
        margin-bottom: 20px;
    }

    .btnurl{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
        background: -o-linear-gradient(left top, #2f96ce, #2577a6);
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
        background: linear-gradient(to bottom right, #2f96ce, #2577a6);
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
        font-size: 12px;
        padding: 2px 12px;
    }

    .txtlistavinculos{
        color: #848484;
        text-align: justify;
        font-size: 12px;
        margin-top: 0px;
    }


    /*vistas interiores*/

    .thumb{
        display: block;
        margin-bottom: 14px;
        line-height: 1.42857143;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
        color: #777;
    }
    .contenidohis{
        height: 290px;
        text-align: justify;
    }

    .contenidohis h4{
        font-size: 15px;
    }

    .contenidohis p{
        font-size: 13px;
    }
    .divideo iframe{
        width: 550px !important;
        height: 300px !important;
    }
     .imagendetalle{
        height: 425px;
        width: 100%;
        margin-bottom: 10px;
    }

    .divbanner{
        text-align:center;
        width:200px;
        float:right; 
        margin-right:5%;
    }

    .banner{
        height:54px;
        width:200px;
        margin-top:25px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .bannersmaller{
        margin-top:10px;
    }

    .logo{
        height: 65px;
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .smaller{
        height: 55px;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .smaller2{
        margin-bottom: 0px !important;
    }

    .imagensocios{
        height: 100px;
        width: 100px;
    }

    .btnir{
        background-color: #da1338;
        font-size: 12px;
        color: #ffffff;
        margin-bottom: 5px;
        padding: 6px 12px;
    }

    .textovincula{
        color: #777;
        text-align: justify;
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .btncontactvin{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
        background: -o-linear-gradient(left top, #2f96ce, #2577a6);
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
        background: linear-gradient(to bottom right, #2f96ce, #2577a6);
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
        margin-top: 20px;
        padding: 6px 32px;
        font-size: 15px;
        margin-bottom: 60px;
        float: right;
    }

}

@media(min-width:992px){
    .menufooter li{
        display: inline-block;
        float: none;
    }

    .div-responsive{
        visibility: hidden;
    }
    .nuevop{
        padding-right: 20px;
        padding-left: 20px;
    }

     .divnoticias{
        height: 500px;
    }

    .divnoticias2{
        height: 500px;
    }

    .menusomos{
        font-size: 15px;
    }

    .fondo{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        content: url("../img/bannerd02.png");
    }

    .fondosec{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /*content: url("../img/banner02.png");*/
        /*content: url("../img/banner_convocatoria_m1.jpg");*/
        content: url("../img/banner-640-265.jpg");
    }
    .fondofirst{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /*content: url("../img/banner02.png");*/
        /*content: url("../img/banner_convocatoria_m1.jpg");*/
        content: url("../img/fondo640x265.jpg");
    }
    .menured{
        font-size: 15px;
    }

    .txtlinkfondo{
        font-size: 15px;
    }

    .imgtemp1{
        content: url("../img/historiasd01.png");
    }

    .imgtemp2{
        content: url("../img/historiasd02.png");
    }

    .imgtemp3{
        content: url("../img/historiasd03.png");
    }

    .imgtemp4{
        content: url("../img/historiasd04.png");
    }

    
    .divagendadet{
        height: 100px;
        padding: 6px 10px;
    }

    .divagenda{
        width: 71px;
        height: 67px;
        border-style: solid;
        border-color: #848484;
        text-align: center;
        border-width: 2px;
        color: #848484;
    }

    .numagenda{
        font-size: 50px !important;
        line-height: 40px !important;
        margin-bottom: 0px !important;
    }

    .subtagenda{
        text-align:left;
        margin-top:0px;
        font-size: 14px;
    }

    .txtagenda{
       text-align: left;
       font-size: 12px !important;
    }

    .conagenda p{
       text-align: left;
       font-size: 12px !important;
    }

    .mes{
        font-size: 13px !important;
        line-height: 0px !important;
        text-transform: capitalize;
    }


    #myCarouselResponsive{ 
        display:none; 
    }

    .navbar-default .navbar-nav>li>a {
        color: #333;
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mpad{
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabla{
        position: absolute;
        text-align: left;
        top:200px;
        width: 21%;
        background-color: #ffffff;
        background: -webkit-linear-gradient(left top, #ffffff, #E6E6E6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #ffffff, #E6E6E6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #ffffff, #E6E6E6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #ffffff, #E6E6E6); /* Standard syntax */
        padding-left: 0px;
        padding-right: 0px;
        border-top: 4px solid #ffc600;
        border-radius: 5px;
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        margin-left: 20px;
    }

    .title{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 28px !important;
    }

    .titlered{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 28px !important;
        margin-top: 70px;
    }

    .divmenufooter{
        padding-left: 5px;
        padding-right: 5px;
    }

    .menufooter li a{
        color: #848484;
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*.logofooter{
        height: 23px;
    }*/


    .porque{
        background-color: #22549E;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        height: 250px;
    }

    .imgcampo{
        width: 350px;
        height: 350px;
        border: 2px solid #ffffff;
        box-shadow: 5px 5px 5px #5A6184;
        position: absolute;
        float: right;
        vertical-align: middle;
    }

    .divimgpor{
        position: absolute;
        width: auto;
        float: right;
        left: 60%;
        height: 350px;
        margin-top: 0px;
        margin-bottom: 0px;
        top:-50px;
    }

    .logo{
        height: 70px;
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .smaller{
        height: 55px;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .smaller2{
        margin-bottom: 0px !important;
    }

    .iconpor{
        height: 32px;
    }

    .subtitleini{
        margin-top: 20px;
        color: #428bca;
        margin-bottom: 2px;
        font-size: 15.5px;
        font-weight: bold;
    }

    .txtini{
        color: #428bca;
        margin-top: 0px;
        font-size: 13px;
        margin-bottom: 2px;
        text-align: justify;
    }

    .vermas{
        color: #428bca;
        text-decoration: underline;
        font-size: 15px;
        font-style: italic;
    }

    .project-item img {
        width: 100%;
        height: 250px;
    }

    .destacado {
        content:url("../img/proyecto401x350.png");
    }

    .destacadoTodos {
        content:url("../img/proyecto401x350.png");
    }

    #uno.special{
        background-color: #eee;
    }

    #uno.special:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 1.5em;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 18px solid #424242;
    }

    #dos.speciald{
        background-color: #eee;
    }

    #dos.speciald:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 7em;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 18px solid #424242;
    }

    #tres.specialt{
        background-color: #eee;
    }

    #tres.specialt:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 13em;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 18px solid #424242;
    }

    #cuatro.specialc{
        background-color: #eee;
    }

    #cuatro.specialc:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 18.5em;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 18px solid #424242;
    }

    .imghistoria{
        width: 100%;
        height: 320px;
    }

    .imgdebate {
        width: 80%;
        height: 170px;
    }

    .divdebate{
        width: 100%;
        height: 320px;
    }

    .divcrumb{
        height: 320px;
    }

    .txthistorias{
        font-size: 15px;
        margin-top: 0px;
    }
    /* css red de conocimiento*/
    .imgvinculos{
        height: 255px;
        width: 255px;
    }

    .imgproyecto{
        height: 240px !important;
        width: 240px;
    }

    .inner2{
        height: 240px !important;
    }

    .videoscontenido{
        height: 200px;
        width: 240px;
        margin-bottom: 20px;
    }


    .imgpublicacion{
        height: 200px;
        width: 240px;
        margin-bottom: 15px;
    }

    .contenidopu{
        height: 200px;
        width: 240px;
        margin-bottom: 20px;
    }

    .btnurl{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
        background: -o-linear-gradient(left top, #2f96ce, #2577a6);
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
        background: linear-gradient(to bottom right, #2f96ce, #2577a6);
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
        font-size: 16px;
        padding: 2px 15px;
    }

    .txtlistavinculos{
        color: #848484;
        text-align: justify;
        font-size: 16px;
        margin-top: 0px;
    }

    .btnagenda{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #ffffff;
        margin-top: -9px;
        padding: 6px 20px;
    }

    /*vistas interiores*/

    .thumb{
        display: block;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
        color: #777;
    }
    .contenidohis{
        height: 260px;
        text-align: justify;
    }

    .contenidohis h4{
        font-size: 18px;
    }

    .contenidohis p{
        font-size: 14px;
    }

    .divideo iframe{
        width: 750px !important;
        height: 480px !important;
    }

    .project-item .hover-mask p {
        position: relative;
        color:#fff;
        top:8%;
        margin:0;
        font-size:16px;
        line-height:24px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item2 img {
        width: 100%;
        height: 270px;
        margin-bottom: 40px;
    }

    .project-item3 img {
        width: 85%;
        height: 270px;
        margin-left: 7%;
    }

    .project-item3 .hover-mask h5 {
        position: relative;
        color:#fff;
        top:14%;
        margin:25px auto;
        font-size:16px;
        font-style: italic;
        text-decoration: underline;
        line-height:24px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item4 img {
        width: 85%;
        height: 270px;
        margin-left: 7%;
    }

    .project-item2 .hover-mask p {
        position: relative;
        color:#fff;
        top:0%;
        margin:0;
        font-size:16px;
        line-height:24px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .project-item3 .hover-mask p {
        position: relative;
        color:#fff;
        top:8%;
        margin:0;
        font-size:16px;
        line-height:24px;
        font-weight:300;
        text-align:center;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition:all 0.3s ease-out 0s;
        transition:all 0.3s ease-out 0s;
    }

    .divbanner{
        text-align:center;
        width:310px;
        float:right; 
        margin-right:5%;
    }

    .banner{
        height:60px;
        width:300px;
        margin-top:25px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .bannersmaller{
        margin-top:10px;
    }

    .imagensocios{
        height: 120px;
        width: 120px;
    }

    .btnir{
        background-color: #da1338;
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 5px;
        padding: 9px 17px;
    }

    .textovincula{
        color: #777;
        text-align: justify;
        font-size: 16px;
    }

    .btncontactvin{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6);
        background: -o-linear-gradient(left top, #2f96ce, #2577a6);
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6);
        background: linear-gradient(to bottom right, #2f96ce, #2577a6);
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
        margin-top: 20px;
        padding: 6px 50px;
        font-size: 16px;
        margin-bottom: 60px;
        float: right;
    }
}

@media(min-width:1200px){
    .menufooter li{
        display: inline-block;
        float: none;
    }

    .tituloproy{
        text-align: left; 
        color: #555555; 
        height: 40px;
    }
    .img-modal{
        width: 80%;
        height: 80%;
    }
    .div-responsive{
        visibility: hidden;
    }
    .nuevop{
        padding-right: 30px;
        padding-left: 30px;
    }

    .fondo{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        content: url("../img/bannerd01.png");
    }

    .fondosec{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /*content: url("../img/banner01.png");*/
        /*content: url("../img/banner_convocatoria.jpg");*/
        content: url("../img/banner-730x265.jpg");
    }
    .fondofirst{
        height: 265px !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /*content: url("../img/banner01.png");*/
        /*content: url("../img/banner_convocatoria.jpg");*/
        content: url("../img/fondo730x265.jpg");
    }
    .thumbimg {
        height: 230px;
        width: 100%;
        overflow:hidden;
    }

    .imgtemp1{
        content: url("../img/historiast01.png");
    }

    .imgtemp2{
        content: url("../img/historiast02.png");
    }

    .imgtemp3{
        content: url("../img/historiast03.png");
    }

    .imgtemp4{
        content: url("../img/historiast04.png");
    }

    .imagendebates {
        
        width: 100%;
    }

    .mpad{
        padding-left: 15px;
        padding-right: 15px;
    }

     .divnoticias{
        height: 500px;
    }

    .divnoticias2{
        height: 500px;
    }

    .menusomos{
        font-size: 17px;
    }

    .menured{
        font-size: 17px;
    }

    .txtlinkfondo{
        font-size: 17px;
    }

    #myCarouselResponsive{ 
        display:none; 
    }

    .navbar-default .navbar-nav>li>a {
        color: #333;
        /*font-size: 14px;*/
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
    } 

    .title{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 28px !important;
    }

    .subtagenda{
        text-align:left;
        margin-top:0px;
        font-size: 16px;
    }

    .txtagenda{
       text-align: left;
       font-size: 13px !important;
    }

    .conagenda p{
        text-align: left;
       font-size: 13px !important;
    }

    .titlered{
        color: #555555 !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 65px;
        font-size: 28px !important;
        margin-top: 70px;
    }

    .tabla{
        position: absolute;
        text-align: left;
        top:200px;
        width: 19%;
        background-color: #ffffff;
        background: -webkit-linear-gradient(left top, #ffffff, #E6E6E6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #ffffff, #E6E6E6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #ffffff, #E6E6E6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #ffffff, #E6E6E6); /* Standard syntax */
        padding-left: 0px;
        padding-right: 0px;
        border-top: 4px solid #ffc600;
        border-radius: 5px;
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        margin-left: 20px;
    }

    .btnagenda{
        background-color: #2577a6;
        background: -webkit-linear-gradient(left top, #2f96ce, #2577a6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left top, #2f96ce, #2577a6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #2f96ce, #2577a6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #2f96ce, #2577a6); /* Standard syntax */
        box-shadow: 2.5px 4.33px 6px 0px rgba(0, 0, 0, 0.4);
        color: #ffffff;
        margin-top: 15px;
        padding: 6px 20px;
    }

    .divmenufooter{
        padding-left: 40px;
        padding-right: 40px;
    }

    .menufooter li a{
        color: #848484;
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }
    /*.logofooter{
        height: 27px;
    }*/

    .porque{
        background-color: #22549E;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        height: 250px;
    }

    .imgcampo{
        width: 380px;
        height: 380px;
        border: 2px solid #ffffff;
        box-shadow: 5px 5px 5px #5A6184;
        position: absolute;
        float: right;
        vertical-align: middle;
    }

    .divimgpor{
        position: absolute;
        width: auto;
        float: right;
        left: 65%;
        height: 380px;
        margin-top: 0px;
        margin-bottom: 0px;
        top:-65px;
    }

    .iconpor{
        height: 32px;
    }

    .subtitleini{
        margin-top: 20px;
        color: #428bca;
        margin-bottom: 5px;
        font-size: 17px;
        font-weight: bold;
    }

    .txtini{
        color: #428bca;
        margin-top: 0px;
        font-size: 14.5px;
        text-align: justify;
    }

    .vermas{
        color: #428bca;
        text-decoration: underline;
        font-size: 18px;
        font-style: italic;
    }

    .project-item img {
        width: 100%;
        height: 260px;
    }

    .destacado {
        content:url("../img/proyecto700x400.png");
    }

    .destacadoTodos {
        content:url("../img/proyecto700x400.png");
    }

    #uno.special{
        background-color: #eee;
    }

    #uno.special:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 1.5em;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-right: 23px solid #424242;
    }

    #dos.speciald{
        background-color: #eee;
    }

    #dos.speciald:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 8em;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-right: 23px solid #424242;
    }

    #tres.specialt{
        background-color: #eee;
    }

    #tres.specialt:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 14.5em;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-right: 23px solid #424242;
    }

    #cuatro.specialc{
        background-color: #eee;
    }

    #cuatro.specialc:after{
        content: "";  
        position: absolute;
        right: -15px; 
        top: 20.5em;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-right: 23px solid #424242;
    }

    .imghistoria{
        width: 100%;
        height: 360px;
    }

    .divdebate{
        width: 100%;
        height: 360px;
        font-size: 15px;
    }

    .imgdebate{
        width: 80%;
        height: 200px;
    }

    .divcrumb{
        height: 360px;
    }

    /* css red de conocimiento*/
    .imgvinculos{
        height: 300px;
        width: 300px;
    }

    .imgproyecto{
        height: 250px !important;
        width: 490px;
    }

     .inner2{
        height: 250px !important;
    }

    .videoscontenido{
        height: 210px;
        width: 270px;
        margin-bottom: 20px;
    }


    .imgpublicacion{
        height: 210px;
        width: 270px;
        margin-bottom: 15px;
    }

    .contenidopu{
        height: 210px;
        width: 270px;
        margin-bottom: 20px;
    }
    /*Estilos convocatorias*/
    #container_convo {
        width:16%;
        margin:0 auto;
        text-align:center;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #FFFFFF;
    }
    #container_texto {
        width:16%;
        margin:0 auto;
        text-align:center;
        margin-bottom: 30px;
    }
    .btnir{
        background-color: #da1338;
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 5px;
        padding: 10px 20px;
    }
    /*Estilos convocatorias*/
}
/*Padding para tablas historias */
td, th {
    padding: 10px;
}