body,html{
height:100%;
font-family:"Ubuntu-R";
padding-top: 80px;
}
.contenedor{
min-height: 100%;
}
@font-face{
font-family: "Ubuntu-R";
src: url('../fonts/Ubuntu-R.ttf'); /* IE9 */
}
@font-face{
font-family: "Ubuntu-L";
src: url('http://www.reconciliacioncolombia.com/fonts/Ubuntu-L.ttf'); /* IE9 rgb(240, 242, 245);*/
}
.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;
}
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;
}
.iconsocial{
padding-top: 0px !important;
font-size: 19px;
}
.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: #ffffff;
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");
}
.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;
}
.divfooter{
background-color: #eee;
border-top: 4px solid #0183ba;
padding-right: 0px;
padding-left: 0px;
}
.divmenufooter{
padding-left: 40px;
padding-right: 40px;
}
.menufooter li a{
color: #848484;
font-size: 19px;
padding-left: 30px;
padding-right: 30px;
}
.nop{
margin-bottom: 0px;
background-color: #ffffff;
}
.btncorreo{
background-color: #0183ba;
color: #ffffff;
}
.twitter{
color: #55acee;
}
.facebook{
color: #3a5795;
}
.google{
color: #d73d32;
}
.iconfooter{
margin-top: 7px;
font-size: 26px;
}
.info{
color: #848484;
}
.info2{
color: #848484;
text-align: justify;
font-size: 13.3px;
line-height: 1.1;
}
.newpad{
padding-left: 7px;
padding-right: 7px;
}
.divguarumo{
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 */
padding-top: 10px;
padding-bottom: 10px;
}
.derechos{
color: #ffffff;
margin-top: 5px;
}
.logofooter{
height: 30px;
}
.txtdesarrollo{
font-size: 16px;
color: #ffffff;
text-align: right;
}
.boletin{
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
.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) {
.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;
}*/
#myCarousel{
display:none;
}
.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: #ffffff;
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;
}
.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) {
.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");
}
.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: #ffffff;
font-size: 9.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){
.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");
}
.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: #ffffff;
font-size: 13px;
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){
.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");
}
.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: #ffffff;
font-size: 14px;
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;
}