@import url(fuente.css);
*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
img{
    border: 0;
}
html, body{
    height: 100%;
    width: 100%;
    overflow-x: hidden
}
.cabecera{
    height: 126px;
    width: 100%;
    background: url(../img/fd_circuito.png) repeat-x #F7F7F7;
}
.contenido_cabecera{
    width: 1000px;
    height: 100%;
    margin: 0 auto;    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.img_logo{
    margin-top: 10px;
    margin-left: 30px;
}
.pie{
    height: 129px;
    width: 100%;
    border-top: 5px solid #FECD09;
    background: #2e3030;
    background: -moz-linear-gradient(top, #2e3030 0%, #1c1c1b 42%, #090b0d 70%, #050609 83%, #050505 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e3030), color-stop(42%,#1c1c1b), color-stop(70%,#090b0d), color-stop(83%,#050609), color-stop(100%,#050505));
    background: -webkit-linear-gradient(top, #2e3030 0%,#1c1c1b 42%,#090b0d 70%,#050609 83%,#050505 100%);
    background: -o-linear-gradient(top, #2e3030 0%,#1c1c1b 42%,#090b0d 70%,#050609 83%,#050505 100%);
    background: -ms-linear-gradient(top, #2e3030 0%,#1c1c1b 42%,#090b0d 70%,#050609 83%,#050505 100%);
    background: linear-gradient(to bottom, #2e3030 0%,#1c1c1b 42%,#090b0d 70%,#050609 83%,#050505 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3030', endColorstr='#050505',GradientType=0 );
}
.contenido_pie{
    width: 975px;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.texto_pie{
    color: #F7F7F7;
    float: left;
    width: 96%;
    font-family: 'Conv_MyriadPro-Regular_0';
    text-align: center;
    padding: 7px 14px;
    font-size:14px
}
.inicio_clientes{    
    width: 100%;
    background: #F4F4F4;
}
.contenido_inicio_cliente{
    width: 975px;
    margin: 0 auto;
}
.fd_circuito_cliente_cliente_top{
    background: url(../img/fd_circuito.png) repeat-x;
    width: 100%;
    height: 40px;
    box-shadow: inset -5px 22px 25px -24px;
    -webkit-box-shadow: inset -5px 22px 25px -24px;
    -moz-box-shadow: inset -5px 22px 25px -24px;
    -o-box-shadow: inset -5px 22px 25px -24px;
}
.fd_circuito_cliente_cliente_bottom{
    background: url(../img/fd_circuito_inv.png) repeat-x;
    width: 100%;
    height: 40px
}
.texto_inicio_clientes{
    width: 100%;
    color: #969696;
    text-align: center;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-style: oblique;
    font-size: 18px;
}
.texto_inicio_clientes > img{
    margin: 3px 11px;
    opacity: 0.8
}
.inicio_productos{
    width: 100%;
    background: url(../img/bg_talento_humano.png) repeat;
    clear: both;
    border-top: 4px solid #EFEFEF;
}
.contenido_inicio_productos{
    margin: 0 auto;
    width: 975px;
}
.lista_productos_index{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 975px
}
.lista_servicios_index{
    text-align: center;
    width: 975px
}
.lista_servicios_index > div{
    display: inline-block
}
.lista_producto_inicio{
    width: 170px;
    height: 185px;
    color: #969696;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    /*display: inline-block;*/
    padding: 10px 5px;
    margin: 10px 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.lista_producto_inicio > img{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.lista_producto_inicio:hover{
    color: #0E497A;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(171,171,171,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(171,171,171,1);
    box-shadow: 0px 0px 25px -6px rgba(171,171,171,1);
}
.lista_producto_inicio:hover > img{
    opacity: 0.8    
}
.sliders{
    width: 100%;
    border-top: 5px solid #F1D137;
    border-bottom: 5px solid #F1D137;
    /*margin-bottom: 22px;*/
    height: 311px;
}
.contenido_slider{
    width: 100%;
    height: 100%;
    margin: 0 auto;    
}
.titulo_lista_productos_inicio{
    border-bottom: 3px solid #0E497A;
    height: 23px;
    margin-top: -29px;
}
.titulo_lista_servicios{
    border-bottom: 3px solid #F22B37;
    height: 23px;
    width: 93%;
    margin: 0px auto 0px auto;
    padding-top: 10px;
    clear: both
}
.informacion_servicio{
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}
.informacion_servicio > div{
    width: 50%;
}
.der_infor_servicio, .izq_infor_servicio{
    text-align: center
}
/*.der_infor_servicio, .izq_infor_servicio{
    display: inline-block;
    overflow: hidden
}*/
.circulo_titulo_producto_inicio{
    float: right;
    position: relative;
    top: 17px;
}
.circulo_titulo_servicio_identidad_corporativa, .circulo_titulo_servicio_disenho_web{
    position: relative;
    top: 17px;
}
.circulo_titulo_servicio_identidad_corporativa{
    float: left    
}
.circulo_titulo_servicio_disenho_web{
    float: right
}
.img_servicio_info{
    margin: 20px;
}
.texto_info_servicio{
    width: 400px;
    font-family: 'Conv_MyriadPro-Regular_0';
    text-align: center;
    color: #878787;
    margin: 0 auto
}
.titulo_contenido_productos_inicio{
    background: #0E497A;
    float: left;
    color: white;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-style: oblique;
    padding: 3px 10px;
}
.contenido_servicios{
    width: 975px;
    margin: 0 auto;
    clear: both
}
.titulo_contenido_servicios_identidad_corporativa, .titulo_contenido_servicios_disenho_web,
.titulo_contenido_servicios_posicionamiento_seo_sem, .titulo_contenido_servicios_consultoria_tics,
.titulo_contenido_servicios_aplicaciones_ios_android, .titulo_contenido_servicios_aplicaciones_facebook,
.titulo_contenido_servicios_dominio_hosting,
.titulo_contenido_servicios_administracion_redes_sociales, .titulo_contenido_servicios_correo_y_sms_masivo,
.titulo_contenido_servicios_desarrollo_software{
    color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 31px;
    font-style: oblique;
    padding: 8px 15px;
    position: relative;
    top: 10px;
    min-width: 400px;
    text-align: center;
}
.titulo_contenido_servicios_dominio_hosting{
    float: right;
    background: rgb(0,81,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,81,193,1) 0%, rgba(0,60,167,1) 34%, rgba(0,11,109,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,81,193,1)), color-stop(34%,rgba(0,60,167,1)), color-stop(100%,rgba(0,11,109,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,81,193,1) 0%,rgba(0,60,167,1) 34%,rgba(0,11,109,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,81,193,1) 0%,rgba(0,60,167,1) 34%,rgba(0,11,109,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,81,193,1) 0%,rgba(0,60,167,1) 34%,rgba(0,11,109,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,81,193,1) 0%,rgba(0,60,167,1) 34%,rgba(0,11,109,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051c1', endColorstr='#000b6d',GradientType=0 ); /* IE6-9 */    
}
.titulo_contenido_servicios_aplicaciones_facebook{
    float: left;
    background: rgb(255,37,134); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,37,134,1) 0%, rgba(255,26,121,1) 25%, rgba(184,6,98,1) 68%, rgba(129,1,80,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,37,134,1)), color-stop(25%,rgba(255,26,121,1)), color-stop(68%,rgba(184,6,98,1)), color-stop(100%,rgba(129,1,80,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,37,134,1) 0%,rgba(255,26,121,1) 25%,rgba(184,6,98,1) 68%,rgba(129,1,80,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,37,134,1) 0%,rgba(255,26,121,1) 25%,rgba(184,6,98,1) 68%,rgba(129,1,80,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,37,134,1) 0%,rgba(255,26,121,1) 25%,rgba(184,6,98,1) 68%,rgba(129,1,80,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,37,134,1) 0%,rgba(255,26,121,1) 25%,rgba(184,6,98,1) 68%,rgba(129,1,80,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2586', endColorstr='#810150',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_aplicaciones_ios_android{
    float: right;
    background: rgb(0,254,131); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,254,131,1) 0%, rgba(0,189,137,1) 57%, rgba(0,163,138,1) 88%, rgba(0,156,138,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,254,131,1)), color-stop(57%,rgba(0,189,137,1)), color-stop(88%,rgba(0,163,138,1)), color-stop(100%,rgba(0,156,138,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,254,131,1) 0%,rgba(0,189,137,1) 57%,rgba(0,163,138,1) 88%,rgba(0,156,138,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,254,131,1) 0%,rgba(0,189,137,1) 57%,rgba(0,163,138,1) 88%,rgba(0,156,138,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,254,131,1) 0%,rgba(0,189,137,1) 57%,rgba(0,163,138,1) 88%,rgba(0,156,138,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,254,131,1) 0%,rgba(0,189,137,1) 57%,rgba(0,163,138,1) 88%,rgba(0,156,138,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fe83', endColorstr='#009c8a',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_consultoria_tics{
    float: left;
    background: rgb(234,0,5); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(234,0,5,1) 0%, rgba(156,0,2,1) 50%, rgba(84,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,0,5,1)), color-stop(50%,rgba(156,0,2,1)), color-stop(100%,rgba(84,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(234,0,5,1) 0%,rgba(156,0,2,1) 50%,rgba(84,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(234,0,5,1) 0%,rgba(156,0,2,1) 50%,rgba(84,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(234,0,5,1) 0%,rgba(156,0,2,1) 50%,rgba(84,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(234,0,5,1) 0%,rgba(156,0,2,1) 50%,rgba(84,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0005', endColorstr='#540000',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_posicionamiento_seo_sem{
    float: right;
    background: rgb(0,254,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,254,0,1) 0%, rgba(0,161,0,1) 46%, rgba(0,108,0,1) 78%, rgba(0,91,0,1) 93%, rgba(10,89,0,1) 95%, rgba(23,84,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,254,0,1)), color-stop(46%,rgba(0,161,0,1)), color-stop(78%,rgba(0,108,0,1)), color-stop(93%,rgba(0,91,0,1)), color-stop(95%,rgba(10,89,0,1)), color-stop(100%,rgba(23,84,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,254,0,1) 0%,rgba(0,161,0,1) 46%,rgba(0,108,0,1) 78%,rgba(0,91,0,1) 93%,rgba(10,89,0,1) 95%,rgba(23,84,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,254,0,1) 0%,rgba(0,161,0,1) 46%,rgba(0,108,0,1) 78%,rgba(0,91,0,1) 93%,rgba(10,89,0,1) 95%,rgba(23,84,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,254,0,1) 0%,rgba(0,161,0,1) 46%,rgba(0,108,0,1) 78%,rgba(0,91,0,1) 93%,rgba(10,89,0,1) 95%,rgba(23,84,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,254,0,1) 0%,rgba(0,161,0,1) 46%,rgba(0,108,0,1) 78%,rgba(0,91,0,1) 93%,rgba(10,89,0,1) 95%,rgba(23,84,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fe00', endColorstr='#175400',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_identidad_corporativa{
    float: right;
    background: rgb(255,215,38); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,215,38,1) 0%, rgba(255,162,48,1) 21%, rgba(255,86,52,1) 57%, rgba(255,67,54,1) 68%, rgba(255,37,52,1) 88%, rgba(255,26,53,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,215,38,1)), color-stop(21%,rgba(255,162,48,1)), color-stop(57%,rgba(255,86,52,1)), color-stop(68%,rgba(255,67,54,1)), color-stop(88%,rgba(255,37,52,1)), color-stop(100%,rgba(255,26,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,215,38,1) 0%,rgba(255,162,48,1) 21%,rgba(255,86,52,1) 57%,rgba(255,67,54,1) 68%,rgba(255,37,52,1) 88%,rgba(255,26,53,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,215,38,1) 0%,rgba(255,162,48,1) 21%,rgba(255,86,52,1) 57%,rgba(255,67,54,1) 68%,rgba(255,37,52,1) 88%,rgba(255,26,53,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,215,38,1) 0%,rgba(255,162,48,1) 21%,rgba(255,86,52,1) 57%,rgba(255,67,54,1) 68%,rgba(255,37,52,1) 88%,rgba(255,26,53,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,215,38,1) 0%,rgba(255,162,48,1) 21%,rgba(255,86,52,1) 57%,rgba(255,67,54,1) 68%,rgba(255,37,52,1) 88%,rgba(255,26,53,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd726', endColorstr='#ff1a35',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_administracion_redes_sociales{
    float: right;
    background: #00dfff; /* Old browsers */
    background: -moz-linear-gradient(top,  #00dfff 0%, #00b2d5 24%, #006b96 64%, #004e7b 85%, #003e6d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00dfff), color-stop(24%,#00b2d5), color-stop(64%,#006b96), color-stop(85%,#004e7b), color-stop(100%,#003e6d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00dfff 0%,#00b2d5 24%,#006b96 64%,#004e7b 85%,#003e6d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00dfff 0%,#00b2d5 24%,#006b96 64%,#004e7b 85%,#003e6d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00dfff 0%,#00b2d5 24%,#006b96 64%,#004e7b 85%,#003e6d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00dfff 0%,#00b2d5 24%,#006b96 64%,#004e7b 85%,#003e6d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfff', endColorstr='#003e6d',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_desarrollo_software{
    float: right;
    background: #fff800; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff800 0%, #ffce00 29%, #ffb200 53%, #ffa000 73%, #ff9400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff800), color-stop(29%,#ffce00), color-stop(53%,#ffb200), color-stop(73%,#ffa000), color-stop(100%,#ff9400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff800 0%,#ffce00 29%,#ffb200 53%,#ffa000 73%,#ff9400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff800 0%,#ffce00 29%,#ffb200 53%,#ffa000 73%,#ff9400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff800 0%,#ffce00 29%,#ffb200 53%,#ffa000 73%,#ff9400 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff800 0%,#ffce00 29%,#ffb200 53%,#ffa000 73%,#ff9400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff800', endColorstr='#ff9400',GradientType=0 ); /* IE6-9 */
}
.titulo_contenido_servicios_correo_y_sms_masivo{
    float: left;
    background: rgb(108,254,254); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(108,254,254,1) 0%, rgba(74,242,241,1) 7%, rgba(48,238,236,1) 11%, rgba(0,232,230,1) 14%, rgba(0,202,197,1) 36%, rgba(0,179,172,1) 55%, rgba(0,157,147,1) 82%, rgba(0,149,139,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,254,254,1)), color-stop(7%,rgba(74,242,241,1)), color-stop(11%,rgba(48,238,236,1)), color-stop(14%,rgba(0,232,230,1)), color-stop(36%,rgba(0,202,197,1)), color-stop(55%,rgba(0,179,172,1)), color-stop(82%,rgba(0,157,147,1)), color-stop(100%,rgba(0,149,139,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(108,254,254,1) 0%,rgba(74,242,241,1) 7%,rgba(48,238,236,1) 11%,rgba(0,232,230,1) 14%,rgba(0,202,197,1) 36%,rgba(0,179,172,1) 55%,rgba(0,157,147,1) 82%,rgba(0,149,139,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(108,254,254,1) 0%,rgba(74,242,241,1) 7%,rgba(48,238,236,1) 11%,rgba(0,232,230,1) 14%,rgba(0,202,197,1) 36%,rgba(0,179,172,1) 55%,rgba(0,157,147,1) 82%,rgba(0,149,139,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(108,254,254,1) 0%,rgba(74,242,241,1) 7%,rgba(48,238,236,1) 11%,rgba(0,232,230,1) 14%,rgba(0,202,197,1) 36%,rgba(0,179,172,1) 55%,rgba(0,157,147,1) 82%,rgba(0,149,139,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(108,254,254,1) 0%,rgba(74,242,241,1) 7%,rgba(48,238,236,1) 11%,rgba(0,232,230,1) 14%,rgba(0,202,197,1) 36%,rgba(0,179,172,1) 55%,rgba(0,157,147,1) 82%,rgba(0,149,139,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cfefe', endColorstr='#00958b',GradientType=0 ); /* IE6-9 */

}
.titulo_contenido_servicios_disenho_web{
    float: left;
    background: #ff5567; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff5567 0%, #ff3a56 16%, #ff294c 29%, #f41a44 39%, #e50638 59%, #dc0232 77%, #d7002e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5567), color-stop(16%,#ff3a56), color-stop(29%,#ff294c), color-stop(39%,#f41a44), color-stop(59%,#e50638), color-stop(77%,#dc0232), color-stop(100%,#d7002e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff5567 0%,#ff3a56 16%,#ff294c 29%,#f41a44 39%,#e50638 59%,#dc0232 77%,#d7002e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff5567 0%,#ff3a56 16%,#ff294c 29%,#f41a44 39%,#e50638 59%,#dc0232 77%,#d7002e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff5567 0%,#ff3a56 16%,#ff294c 29%,#f41a44 39%,#e50638 59%,#dc0232 77%,#d7002e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff5567 0%,#ff3a56 16%,#ff294c 29%,#f41a44 39%,#e50638 59%,#dc0232 77%,#d7002e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5567', endColorstr='#d7002e',GradientType=0 ); /* IE6-9 */
}
.inicio_proyectos{
    width: 100%;
    background: url(../img/bg_talento_humano.png) repeat;
    padding-top: 10px;
    padding-bottom: 1px;
}
.cont_proyectos{
    background: url(../img/bg_talento_humano.png) repeat;
    width: 100%;
}
.cont_servicios{
    background: url(../img/bg_talento_humano.png) repeat;
    margin-top: 0px;
    padding-top: 10px;
}
.contenido_proyectos{
    margin: 0 auto;
    width: 975px;
    padding: 30px 0px 0px 0px;
}
.lista_proyectos_index{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
    width: 100%;
    text-align: center
}
.lista_proyecto_inicio{
    width: 271px;
    height: 288px;
    margin: 15px 10px;
    background: #F7F7F7;
    border: 2px solid #0E497A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
.lista_proyecto_inicio:hover .img_proyecto_inicio{
    opacity: 0.4;
}
.lista_proyecto_inicio:hover .nombre_proyecto_inicio{
    opacity: 0.4;
}
.lista_proyecto_inicio:hover .descripcion_proyecto_inicio{
    opacity: 0.4;
}
.img_proyecto_inicio{
    width: 249px;
    height: 156px;
    border: 2px solid white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 5px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.nombre_proyecto_inicio{
    color: #0E497A;
    font-family: 'Conv_MyriadPro-Regular_0';
    text-align: left;
    margin: 0px 10px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.descripcion_proyecto_inicio{
    color: #969696;
    text-align: justify;
    margin: 5px 10px;
    font-family: 'Conv_MyriadPro-Regular_0';
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.leer_mas_proyectos{
    background: rgb(0,109,199); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%, rgba(0,105,193,1) 24%, rgba(0,97,183,1) 45%, rgba(0,75,156,1) 79%, rgba(0,57,133,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,109,199,1)), color-stop(24%,rgba(0,105,193,1)), color-stop(45%,rgba(0,97,183,1)), color-stop(79%,rgba(0,75,156,1)), color-stop(100%,rgba(0,57,133,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%,rgba(0,105,193,1) 24%,rgba(0,97,183,1) 45%,rgba(0,75,156,1) 79%,rgba(0,57,133,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%,rgba(0,105,193,1) 24%,rgba(0,97,183,1) 45%,rgba(0,75,156,1) 79%,rgba(0,57,133,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%,rgba(0,105,193,1) 24%,rgba(0,97,183,1) 45%,rgba(0,75,156,1) 79%,rgba(0,57,133,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,109,199,1) 0%,rgba(0,105,193,1) 24%,rgba(0,97,183,1) 45%,rgba(0,75,156,1) 79%,rgba(0,57,133,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dc7', endColorstr='#003985',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: white;
    height: 65px;
    width: 65px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    font-size: 79px;
    line-height:0.85;
    font-family: Arial;
    border: 1px solid #00397F;
    display: inline-block;
    /*position: relative;
    top: -135px;*/
}
.leer_mas_proyectos:hover{
    color: #0E497A;
    border: 1px solid #FFFF00;
    background: rgb(253,210,22); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(253,210,22,1) 0%, rgba(252,209,23,1) 45%, rgba(252,208,20,1) 46%, rgba(251,206,22,1) 54%, rgba(251,205,19,1) 55%, rgba(250,201,19,1) 62%, rgba(248,191,16,1) 69%, rgba(243,174,12,1) 82%, rgba(232,139,2,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(253,210,22,1)), color-stop(45%,rgba(252,209,23,1)), color-stop(46%,rgba(252,208,20,1)), color-stop(54%,rgba(251,206,22,1)), color-stop(55%,rgba(251,205,19,1)), color-stop(62%,rgba(250,201,19,1)), color-stop(69%,rgba(248,191,16,1)), color-stop(82%,rgba(243,174,12,1)), color-stop(100%,rgba(232,139,2,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,210,22,1) 0%,rgba(252,209,23,1) 45%,rgba(252,208,20,1) 46%,rgba(251,206,22,1) 54%,rgba(251,205,19,1) 55%,rgba(250,201,19,1) 62%,rgba(248,191,16,1) 69%,rgba(243,174,12,1) 82%,rgba(232,139,2,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(253,210,22,1) 0%,rgba(252,209,23,1) 45%,rgba(252,208,20,1) 46%,rgba(251,206,22,1) 54%,rgba(251,205,19,1) 55%,rgba(250,201,19,1) 62%,rgba(248,191,16,1) 69%,rgba(243,174,12,1) 82%,rgba(232,139,2,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(253,210,22,1) 0%,rgba(252,209,23,1) 45%,rgba(252,208,20,1) 46%,rgba(251,206,22,1) 54%,rgba(251,205,19,1) 55%,rgba(250,201,19,1) 62%,rgba(248,191,16,1) 69%,rgba(243,174,12,1) 82%,rgba(232,139,2,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(253,210,22,1) 0%,rgba(252,209,23,1) 45%,rgba(252,208,20,1) 46%,rgba(251,206,22,1) 54%,rgba(251,205,19,1) 55%,rgba(250,201,19,1) 62%,rgba(248,191,16,1) 69%,rgba(243,174,12,1) 82%,rgba(232,139,2,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd216', endColorstr='#e88b02',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.slide_quienes_somos{
    background: url(../img/fondo_slide_quienes_somos.jpg) no-repeat;
    width: 975px;
    margin: 0 auto;
    height: 311px;
    text-align: center
}
.img_info_bienvenida{
    margin-bottom: 235px;
    position: relative;
    left: 30px
}
.img_personajes_quienes_somos{
    margin-top: 22px
}
.info_quienes_somos{
    background:url(../img/bg_info_quienes_somos.png) no-repeat;
    background-size: 100% 100%;
    width: 350px;
    height: 204px;
    color: #0E497A;
    float: right;
    position: relative;
    right: 60px;
    top: 40px;
}
.info_quienes_somos > p{
    font-family: 'Conv_MyriadPro-Regular_0';    
    font-size: 14px;
    padding:11px 14px 11px 44px;
}
.contenido_mision, .contenido_vision{
    background:url(../img/line_info_mision_vision.png) center top no-repeat;
    width: 350px;
}
.contenido_bienvenido{
    background:url(../img/line_info_bienvenidos.png) center top no-repeat;
    width: 97%;
}
.contenido_mision, .contenido_vision, .contenido_bienvenido{
    border-bottom: 2px solid #0E497A;
    border-right: 2px solid #0E497A;
    border-left: 2px solid #0E497A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 15px;
    color: #636363;
    text-align: center
}
.titulo_contenido_mision_vision{
    color: #0E497A;
    font-size: 28px;
    font-weight: bold;
    background:url(../img/bg_info_mision_vision.png) center center no-repeat;
    top:  -15px;
    position: relative
}
.titulo_contenido_bienvenidos{
    color: #0E497A;
    font-size: 28px;
    font-weight: bold;
    background:url(../img/bg_info_bienvenido.png) center center no-repeat;
    top:  -15px;
    position: relative
}
.texto_contenido_mision_vision{
    padding: 0px 10px 17px 10px    
}
.img_mascota{
    position: relative;
    top: 20px
}
.lista_info_empresa{
    margin: -30px auto 45px auto;
    width: 850px;
    /* padding-bottom: 30px*/
}
.lista_info_empresa > div{
    display: inline-block;
    margin: 0px 10px;
}
.opt_list_product{
    width: 970px;
    margin: 20px auto 20px auto;
    border-right: 2px solid #0E497A;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    clear: both
}
.izq_img_pres_prod, .der_info_pres_prod{
    display: inline-block;
    overflow: hidden;
    text-align: left;
    padding: 10px
}
.img_logo_pres_prod{
    margin: 15px 0px 15px 0px;
}
.img_prod_adrissms, .img_prod_adrisacademico, .img_prod_aderp{
    width: 488px;
    height: 232px;
}
.img_prod_adrissms{
    background: url(../img/fd_adrissms_producto.png) no-repeat;    
}
.img_prod_adrisacademico{
    background: url(../img/fd_adrisacademico_producto.png) no-repeat;
}
.img_prod_aderp{
    background: url(../img/fd_adriserp_producto.png) no-repeat;    
}
.pres_prod_adrissms, .pres_prod_adrissacademico, .pres_prod_aderp{
    width: 100%;
    height: 100%;
}
.pres_prod_adrissms{
    background: url(../img/presentacion_adrissms_producto.png) center center no-repeat rgba(245,252,255,0.8);
    width: 98.5%;
    height: 96%;
    position: relative;
    top: 5px;
    left: 4px;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pres_prod_adrissacademico{
    background: url(../img/presentacion_adrisacademico_producto.png) center center no-repeat rgba(255,235,243,0.8);
    width: 98.5%;
    height: 96%;
    position: relative;
    top: 5px;
    left: 4px;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pres_prod_aderp{
    background: url(../img/presentacion_aderp_producto.png) center center no-repeat rgba(240,255,252,0.8);    
    width: 98.5%;
    height: 96%;
    position: relative;
    top: 5px;
    left: 4px;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.texto_pres_prod{
    width: 425px;
    margin: 10px 0px 30px 0px;
    color: #969696;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 19px
}
.informate_mas_producto{
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 20px;
    text-align: center;
    padding: 10px;
    width: 166px;
    border: 2px solid #000;
    color: #FCFCFC;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float: right;
    position: relative;
    right: 9px;
    bottom: 26px;
    /* padding-bottom: 10px; */
    background: rgb(48,48,48); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(48,48,48,1) 0%, rgba(42,42,42,1) 19%, rgba(30,30,30,1) 43%, rgba(28,28,28,1) 44%, rgba(22,22,22,1) 56%, rgba(20,20,20,1) 56%, rgba(10,10,10,1) 74%, rgba(6,6,6,1) 77%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(48,48,48,1)), color-stop(19%,rgba(42,42,42,1)), color-stop(43%,rgba(30,30,30,1)), color-stop(44%,rgba(28,28,28,1)), color-stop(56%,rgba(22,22,22,1)), color-stop(56%,rgba(20,20,20,1)), color-stop(74%,rgba(10,10,10,1)), color-stop(77%,rgba(6,6,6,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(48,48,48,1) 0%,rgba(42,42,42,1) 19%,rgba(30,30,30,1) 43%,rgba(28,28,28,1) 44%,rgba(22,22,22,1) 56%,rgba(20,20,20,1) 56%,rgba(10,10,10,1) 74%,rgba(6,6,6,1) 77%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(48,48,48,1) 0%,rgba(42,42,42,1) 19%,rgba(30,30,30,1) 43%,rgba(28,28,28,1) 44%,rgba(22,22,22,1) 56%,rgba(20,20,20,1) 56%,rgba(10,10,10,1) 74%,rgba(6,6,6,1) 77%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(48,48,48,1) 0%,rgba(42,42,42,1) 19%,rgba(30,30,30,1) 43%,rgba(28,28,28,1) 44%,rgba(22,22,22,1) 56%,rgba(20,20,20,1) 56%,rgba(10,10,10,1) 74%,rgba(6,6,6,1) 77%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(48,48,48,1) 0%,rgba(42,42,42,1) 19%,rgba(30,30,30,1) 43%,rgba(28,28,28,1) 44%,rgba(22,22,22,1) 56%,rgba(20,20,20,1) 56%,rgba(10,10,10,1) 74%,rgba(6,6,6,1) 77%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 7px;
    outline: none;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.informate_mas_producto:hover{
    cursor: pointer;
    border: 2px solid white;
    color: white;
    background: rgb(0,109,199); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%, rgba(0,103,191,1) 19%, rgba(0,89,173,1) 47%, rgba(0,55,131,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,109,199,1)), color-stop(19%,rgba(0,103,191,1)), color-stop(47%,rgba(0,89,173,1)), color-stop(100%,rgba(0,55,131,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%,rgba(0,103,191,1) 19%,rgba(0,89,173,1) 47%,rgba(0,55,131,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%,rgba(0,103,191,1) 19%,rgba(0,89,173,1) 47%,rgba(0,55,131,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,109,199,1) 0%,rgba(0,103,191,1) 19%,rgba(0,89,173,1) 47%,rgba(0,55,131,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,109,199,1) 0%,rgba(0,103,191,1) 19%,rgba(0,89,173,1) 47%,rgba(0,55,131,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dc7', endColorstr='#003783',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.prim_prod_adris_sms{
    margin: 0 auto;
    width: 945px;
    clear: both
}
.izq_prim_prod_adris_sms{
    width: 660px;
    margin-bottom: 120px;
}
.titulo_prim_prod_adris_sms{
    color: #0E497A;
    font-size: 38px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-weight: bold;
    text-align: left
}
.descrip_prim_prod_adris_sms{
    color: #4D4D4D;
    font-size: 22px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-weight: bold;    
    text-align: left
}
.info_prim_prod_adris_sms{
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 17px;
    color:#969696;
    margin-top: 15px;
    width: 500px;
    text-align: left
}
.der_prim_prod_adris_sms{
    width: 280px;
    margin-top: 20px;
    text-align: center
}
.izq_prim_prod_adris_sms, .der_prim_prod_adris_sms{
    display: inline-block;
    overflow: hidden
}
.img_adrissms{
    border: 2px solid #0E497A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.seg_prod_adris_sms, .ter_prod_adris_sms{
    margin: 0 auto;
    width: 945px;
    clear: both
}
.info_seg_prod_adris_sms{
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 17px;
    color:#969696;
    padding: 20px 10px 20px 10px;
}
.estoy_interesado{
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 20px;
    text-align: center;
    padding: 10px;
    width: 166px;
    color: #0E497A;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float: right;
    position: relative;
    right: 0px;
    bottom: 15px;
    /* padding-bottom: 10px; */
    background: rgb(253,210,22); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,210,22,1) 0%, rgba(253,210,22,1) 35%, rgba(251,203,21,1) 55%, rgba(249,193,18,1) 68%, rgba(242,172,11,1) 85%, rgba(240,163,6,1) 90%, rgba(235,144,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,210,22,1)), color-stop(35%,rgba(253,210,22,1)), color-stop(55%,rgba(251,203,21,1)), color-stop(68%,rgba(249,193,18,1)), color-stop(85%,rgba(242,172,11,1)), color-stop(90%,rgba(240,163,6,1)), color-stop(100%,rgba(235,144,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 35%,rgba(251,203,21,1) 55%,rgba(249,193,18,1) 68%,rgba(242,172,11,1) 85%,rgba(240,163,6,1) 90%,rgba(235,144,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 35%,rgba(251,203,21,1) 55%,rgba(249,193,18,1) 68%,rgba(242,172,11,1) 85%,rgba(240,163,6,1) 90%,rgba(235,144,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 35%,rgba(251,203,21,1) 55%,rgba(249,193,18,1) 68%,rgba(242,172,11,1) 85%,rgba(240,163,6,1) 90%,rgba(235,144,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 35%,rgba(251,203,21,1) 55%,rgba(249,193,18,1) 68%,rgba(242,172,11,1) 85%,rgba(240,163,6,1) 90%,rgba(235,144,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd216', endColorstr='#eb9004',GradientType=0 ); /* IE6-9 */
    border-radius: 7px;
    outline: none;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.estoy_interesado:hover{
    color: white
}
.content_carac_adris_sms{
    margin: 0 auto;
    width: 945px;
    clear: both
}
.izq_carac_adris_sms, .der_carac_adris_sms{
    display: inline-block;
    height: 110px;
    overflow: hidden;
    margin: 10px 0px 0px 10px;
}
.info_caract_adris_sms{
    width: 385px;
}
.img_car_adris_sms, .info_caract_adris_sms{
    display: inline-block;
    overflow: hidden
}
.img_car_adris_sms{
    position: relative;
    width: 71px;
}
.nom_caract_adris_sms{
    color: #0E497A;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-weight: bold;
    font-style: oblique;
    font-size: 16px;
    padding: 4px 40px 1px 10px;
}
.det_caract_adris_sms{
    font-family: 'Conv_MyriadPro-Regular_0';
    color: #969696;
    padding: 5px 40px 5px 10px;
}
.cuarta_prod_adris_sms{
    margin: 0 auto;
    width: 945px;
    clear: both
}
.listado_clientes_exclusivos{
    width: 100%;
    padding: 20px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}
.item_cliente{
    width: 230px;
    height: 223px;
    background: white;
    border: 1px solid #B2B2B2;
    margin: 5px 5px;
    text-align: center;
}
.img_cliente{
    margin-top: 5.5px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.item_cliente > img{
    opacity: 0.6;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;    
}
.item_cliente:hover > img{
    opacity: 1
}
.contenedor_ubicanos, .contenedor_contacto{
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.etiquetas_contacto{
    width: 175px;
    margin: 0px 15px 0px 2px
}
.controles_contacto{
    width: 510px
}
.etiquetas_contacto > div{
    border-top: 2px solid #005CAD;
    border-bottom: 2px solid #005CAD;
    border-right: 2px solid #005CAD;
    height: 32px;
    width: 90%;
    margin: 0px 0px 3px 0px;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 20px;
    font-style: oblique;
    font-family: 'Conv_MyriadPro-Regular_0';
    color: #0E497A;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.etiquetas_contacto > img{
    position: relative;
    top: 57px
}
.controles_contacto > input{
    height: 40px;    
}
.controles_contacto > textarea{
    height: 163px;
    resize: none
}
.controles_contacto > input, .controles_contacto > textarea{
    width: 505px;
    font-size: 20px;
    padding: 2px 3px 3px 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: none;
    border-width: 0;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(184,184,184,1);
    -moz-box-shadow: 0px 0px 8px 2px rgba(184,184,184,1);
    box-shadow: 0px 0px 8px 2px rgba(184,184,184,1);
    margin: 21px 0px 2px 0px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 2%, rgba(250,250,251,0.5) 52%, rgba(238,239,242,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(2%,rgba(255,255,255,0.5)), color-stop(52%,rgba(250,250,251,0.5)), color-stop(100%,rgba(238,239,242,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 2%,rgba(250,250,251,0.5) 52%,rgba(238,239,242,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 2%,rgba(250,250,251,0.5) 52%,rgba(238,239,242,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 2%,rgba(250,250,251,0.5) 52%,rgba(238,239,242,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 2%,rgba(250,250,251,0.5) 52%,rgba(238,239,242,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#80eeeff2',GradientType=0 ); /* IE6-9 */
}
.controles_contacto > input:focus, .controles_contacto > textarea:focus{
    background: white
}
.btnenviar{
    background: rgb(16,52,125); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(16,52,125,1) 0%, rgba(16,50,124,1) 23%, rgba(13,50,124,1) 26%, rgba(11,40,120,1) 52%, rgba(4,25,116,1) 71%, rgba(3,6,108,1) 90%, rgba(1,1,103,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,52,125,1)), color-stop(23%,rgba(16,50,124,1)), color-stop(26%,rgba(13,50,124,1)), color-stop(52%,rgba(11,40,120,1)), color-stop(71%,rgba(4,25,116,1)), color-stop(90%,rgba(3,6,108,1)), color-stop(100%,rgba(1,1,103,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 23%,rgba(13,50,124,1) 26%,rgba(11,40,120,1) 52%,rgba(4,25,116,1) 71%,rgba(3,6,108,1) 90%,rgba(1,1,103,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 23%,rgba(13,50,124,1) 26%,rgba(11,40,120,1) 52%,rgba(4,25,116,1) 71%,rgba(3,6,108,1) 90%,rgba(1,1,103,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 23%,rgba(13,50,124,1) 26%,rgba(11,40,120,1) 52%,rgba(4,25,116,1) 71%,rgba(3,6,108,1) 90%,rgba(1,1,103,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 23%,rgba(13,50,124,1) 26%,rgba(11,40,120,1) 52%,rgba(4,25,116,1) 71%,rgba(3,6,108,1) 90%,rgba(1,1,103,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10347d', endColorstr='#010167',GradientType=0 ); /* IE6-9 */
    border-width: 0;
    color: white;
    padding: 4px 20px;
    font-style: oblique;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-family: 'Conv_MyriadPro-Regular_0';
    margin-right: 20px;
    margin-top: -5px;
    font-size: 20px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;    
    outline: none;
    cursor: pointer
}
.btnenviar:hover{
    color: #0E497A;
    background: rgb(253,210,22); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,210,22,1) 0%, rgba(253,210,22,1) 48%, rgba(251,203,21,1) 65%, rgba(248,190,17,1) 77%, rgba(243,175,12,1) 87%, rgba(234,142,3,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,210,22,1)), color-stop(48%,rgba(253,210,22,1)), color-stop(65%,rgba(251,203,21,1)), color-stop(77%,rgba(248,190,17,1)), color-stop(87%,rgba(243,175,12,1)), color-stop(100%,rgba(234,142,3,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 48%,rgba(251,203,21,1) 65%,rgba(248,190,17,1) 77%,rgba(243,175,12,1) 87%,rgba(234,142,3,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 48%,rgba(251,203,21,1) 65%,rgba(248,190,17,1) 77%,rgba(243,175,12,1) 87%,rgba(234,142,3,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 48%,rgba(251,203,21,1) 65%,rgba(248,190,17,1) 77%,rgba(243,175,12,1) 87%,rgba(234,142,3,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,210,22,1) 0%,rgba(253,210,22,1) 48%,rgba(251,203,21,1) 65%,rgba(248,190,17,1) 77%,rgba(243,175,12,1) 87%,rgba(234,142,3,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd216', endColorstr='#ea8e03',GradientType=0 ); /* IE6-9 */    
}
.redes_sociales{
    width: 250px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.fb_contact{
    background: rgb(16,52,125); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(16,52,125,1) 0%, rgba(16,50,124,1) 24%, rgba(11,42,121,1) 48%, rgba(4,23,115,1) 76%, rgba(2,3,105,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,52,125,1)), color-stop(24%,rgba(16,50,124,1)), color-stop(48%,rgba(11,42,121,1)), color-stop(76%,rgba(4,23,115,1)), color-stop(100%,rgba(2,3,105,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 24%,rgba(11,42,121,1) 48%,rgba(4,23,115,1) 76%,rgba(2,3,105,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 24%,rgba(11,42,121,1) 48%,rgba(4,23,115,1) 76%,rgba(2,3,105,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 24%,rgba(11,42,121,1) 48%,rgba(4,23,115,1) 76%,rgba(2,3,105,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(16,52,125,1) 0%,rgba(16,50,124,1) 24%,rgba(11,42,121,1) 48%,rgba(4,23,115,1) 76%,rgba(2,3,105,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10347d', endColorstr='#020369',GradientType=0 ); /* IE6-9 */
    width: 231px;    
}
.tw_contact{
    background: rgb(84,218,254); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(84,218,254,1) 0%, rgba(71,207,255,1) 24%, rgba(67,200,254,1) 38%, rgba(43,182,255,1) 76%, rgba(21,172,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,218,254,1)), color-stop(24%,rgba(71,207,255,1)), color-stop(38%,rgba(67,200,254,1)), color-stop(76%,rgba(43,182,255,1)), color-stop(100%,rgba(21,172,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(84,218,254,1) 0%,rgba(71,207,255,1) 24%,rgba(67,200,254,1) 38%,rgba(43,182,255,1) 76%,rgba(21,172,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(84,218,254,1) 0%,rgba(71,207,255,1) 24%,rgba(67,200,254,1) 38%,rgba(43,182,255,1) 76%,rgba(21,172,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(84,218,254,1) 0%,rgba(71,207,255,1) 24%,rgba(67,200,254,1) 38%,rgba(43,182,255,1) 76%,rgba(21,172,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(84,218,254,1) 0%,rgba(71,207,255,1) 24%,rgba(67,200,254,1) 38%,rgba(43,182,255,1) 76%,rgba(21,172,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54dafe', endColorstr='#15acfe',GradientType=0 ); /* IE6-9 */
    width: 231px;    
}
.gp_contact{
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #e50404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#e50404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#e50404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#e50404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#e50404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#e50404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#e50404',GradientType=0 ); /* IE6-9 */
    width: 231px;    
}
.mail_contact{
    background: rgb(179,0,15); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(179,0,15,1) 0%, rgba(140,0,6,1) 48%, rgba(86,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,0,15,1)), color-stop(48%,rgba(140,0,6,1)), color-stop(100%,rgba(86,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(179,0,15,1) 0%,rgba(140,0,6,1) 48%,rgba(86,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(179,0,15,1) 0%,rgba(140,0,6,1) 48%,rgba(86,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(179,0,15,1) 0%,rgba(140,0,6,1) 48%,rgba(86,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(179,0,15,1) 0%,rgba(140,0,6,1) 48%,rgba(86,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000f', endColorstr='#560000',GradientType=0 ); /* IE6-9 */
    width: 231px;    
}
.fb_contact, .tw_contact, .mail_contact, .gp_contact{
    margin: 10px 0px;
    float: right;
    clear: both;
    width: 56px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 50px
}
.fb_contact:hover, .tw_contact:hover, .mail_contact:hover, .gp_contact:hover{
    width: 240px;
}
.fb_contact:hover  .nombre_red_social, .tw_contact:hover .nombre_red_social, .gp_contact:hover .nombre_red_social, .mail_contact:hover .nombre_red_social{
    display:block;
    opacity: 1;
    width: 185px;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;    
}
.nombre_red_social, .img_red_social{
    display: inline-block
}
.nombre_red_social{
    width: 0px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    color: white;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 16px;
    font-style: oblique;
    display: none;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}
.img_red_social{
    margin: 0 auto
}
.det_contact{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;    
}
.texto_ubicanos{
    width: 80%;
    text-align: left;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0px 10px;
    font-size: 18px;
    color: #5D5D5D;
    font-family: 'Conv_MyriadPro-Regular_0';
}
.img_ubicanos{
    border-right: 1px solid #0E497A;
    padding: 10px 10px;
    margin: 10px 0px
}
.info_contacto{
    width:380px;
    margin: 10px 0px 10px 20px
}
.frame_mapa{
    /*-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;*/
    border: 4px solid #0E497A;
    margin: 0px 30px 0px 0px;
}
.area_mapa{ 
    height: 300px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#cargando {
    width: 100%;
    height: 100%;
    position: fixed;
    background:#F7F7F7;
    color: #FFF;
    z-index: 200;
    overflow: hidden;
}
#carga{
    position: absolute;
    left: 57%;
    top: 45%;
    margin-left: -150px;
    text-align:center;
    font-family:'Agency FB';
    font-size:23px;
    color:#006;
}
.item_proyecto{
    width: 271px;
    height: 288px;
    border: 2px solid #0E497A;
    margin: 15px 9px 15px 9px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    text-align: center;
    background: #F7F7F7;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    cursor: pointer
}
.item_proyecto > img{
    border: 1px solid #C9C9C9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px auto;
}
.titulo_proyecto{
    font-family: 'Conv_MyriadPro-Regular_0';    
    color: #0E497A;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    padding: 0px 15px;
}
.descripcion_proyecto{
    font-family: 'Conv_MyriadPro-Regular_0';    
    color: #969696;
    padding: 3px 15px;
    text-align: justify;
    font-size: 13px;
}
.mas_proyectos{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-size: 78px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 0px 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    line-height: 0.75;
    border: 2px solid #00397F;
    height: 70px;
    font-family: 'Conv_MyriadPro-Regular_0';    
    background: #006dc7; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #006dc7 0%, #006ac3 21%, #005db2 53%, #00499a 80%, #003783 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#006dc7), color-stop(21%,#006ac3), color-stop(53%,#005db2), color-stop(80%,#00499a), color-stop(100%,#003783)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #006dc7 0%,#006ac3 21%,#005db2 53%,#00499a 80%,#003783 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #006dc7 0%,#006ac3 21%,#005db2 53%,#00499a 80%,#003783 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #006dc7 0%,#006ac3 21%,#005db2 53%,#00499a 80%,#003783 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #006dc7 0%,#006ac3 21%,#005db2 53%,#00499a 80%,#003783 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dc7', endColorstr='#003783',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mas_proyectos:hover{
    color: #0E497A;
    border-color: #FFFF00;
    background: #fdd216; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #fdd216 0%, #fbcb15 16%, #faca12 17%, #f9c714 21%, #f9c711 22%, #f9c413 26%, #f7bd0e 37%, #f4b10d 53%, #f3b10a 54%, #f4af0c 57%, #e78900 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fdd216), color-stop(16%,#fbcb15), color-stop(17%,#faca12), color-stop(21%,#f9c714), color-stop(22%,#f9c711), color-stop(26%,#f9c413), color-stop(37%,#f7bd0e), color-stop(53%,#f4b10d), color-stop(54%,#f3b10a), color-stop(57%,#f4af0c), color-stop(100%,#e78900)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #fdd216 0%,#fbcb15 16%,#faca12 17%,#f9c714 21%,#f9c711 22%,#f9c413 26%,#f7bd0e 37%,#f4b10d 53%,#f3b10a 54%,#f4af0c 57%,#e78900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #fdd216 0%,#fbcb15 16%,#faca12 17%,#f9c714 21%,#f9c711 22%,#f9c413 26%,#f7bd0e 37%,#f4b10d 53%,#f3b10a 54%,#f4af0c 57%,#e78900 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #fdd216 0%,#fbcb15 16%,#faca12 17%,#f9c714 21%,#f9c711 22%,#f9c413 26%,#f7bd0e 37%,#f4b10d 53%,#f3b10a 54%,#f4af0c 57%,#e78900 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #fdd216 0%,#fbcb15 16%,#faca12 17%,#f9c714 21%,#f9c711 22%,#f9c413 26%,#f7bd0e 37%,#f4b10d 53%,#f3b10a 54%,#f4af0c 57%,#e78900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd216', endColorstr='#e78900',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    
}
.item_proyecto:hover{
    opacity: 0.7;
}
.contenido_portafolio{
    margin: 0 auto;
    width: 100%;
    background: url(../img/bg_talento_humano.png) repeat;
}
.contenedor_menu_portafolio{
    margin: 0 auto;
}
.listado_menu_portafolio{
    margin: 15px auto 0px auto;
    width: 1145px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background: rgba(255,255,255,0.6); 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.opt_menu_portafolio{
    font-size: 14px;
    width: 90px;
    height: 30px;
    list-style: none;
    font-family: 'Conv_MyriadPro-Regular_0';    
    color: #6D6D6D;
    font-style: oblique;
    text-align: center;
    /*margin: 5px 5px;*/
    padding: 6px 6px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.listado_menu_portafolio > div > a > li{
    width: 92px;
}
.listado_menu_portafolio > div > a > li:hover{
    background: #d70049; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #d70049 0%, #da014a 34%, #e5064e 58%, #f11553 70%, #ff2859 81%, #ff5467 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d70049), color-stop(34%,#da014a), color-stop(58%,#e5064e), color-stop(70%,#f11553), color-stop(81%,#ff2859), color-stop(100%,#ff5467)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* IE10+ */
    background: linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70049', endColorstr='#ff5467',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: white;
}
.opt_menu_portafolio_act{
    font-size: 14px;
    background: #d70049; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #d70049 0%, #da014a 34%, #e5064e 58%, #f11553 70%, #ff2859 81%, #ff5467 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d70049), color-stop(34%,#da014a), color-stop(58%,#e5064e), color-stop(70%,#f11553), color-stop(81%,#ff2859), color-stop(100%,#ff5467)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* IE10+ */
    background: linear-gradient(45deg,  #d70049 0%,#da014a 34%,#e5064e 58%,#f11553 70%,#ff2859 81%,#ff5467 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70049', endColorstr='#ff5467',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 90px;
    height: 30px;
    list-style: none;
    font-family: 'Conv_MyriadPro-Regular_0';    
    color:white;
    font-style: oblique;
    text-align: center;
    /*margin: 5px 5px;*/
    padding: 6px 6px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.listado_convocatoria_existentes{
    width: 100%;
    padding: 10px 10px;
}
.opt_trabajo{
    margin: 20px 0px 20px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.area_marco_busca_trabajo{
    background: url(../img/marco_trabajo.png) no-repeat;
    width: 331px;
    height: 293px;
    padding-left:10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.fila_info_trabajo{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1.5px solid white;
    border-bottom: 1.5px solid white;
}
.fila_info_trabajo > label{
    width: 130px;
    background: #0E497A;
    color: white;
    font-family: 'Conv_MyriadPro-Regular_0';    
    font-size: 15px;
    font-style: oblique;
    padding: 3px 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.fila_info_trabajo > div{
    width: 450px;
    color: #6B6B6B;
    background: #F7F7F7;
    font-family: 'Conv_MyriadPro-Regular_0';    
    font-size: 15px;
    font-style: oblique;
    padding: 3px 9px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.area_informacion_opt_trabajo{
    width: 650px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.img_url_portafolio{
    width: 245px;
    height: 225px;
    display: inline-block;
    border: 11px solid white;
    -webkit-box-shadow: 0px 0px 13px 2px rgba(156,156,156,1);
    -moz-box-shadow: 0px 0px 13px 2px rgba(156,156,156,1);
    box-shadow: 0px 0px 13px 2px rgba(156,156,156,1);
    border-radius: 6px;
    margin: 2px 2px;
    position: relative;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    cursor: pointer
}
.titulo_link_port_consul_tic{
    border: 1px solid #FFFF00 !important;
    color: #0E497A !important;
    background: #ffff00;
    background: -moz-linear-gradient(top, #ffff00 0%, #fdd216 3%, #fdd216 52%, #fbcd16 66%, #f7bd11 83%, #f2ad0a 93%, #ee9c05 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(3%,#fdd216), color-stop(52%,#fdd216), color-stop(66%,#fbcd16), color-stop(83%,#f7bd11), color-stop(93%,#f2ad0a), color-stop(100%,#ee9c05));
    background: -webkit-linear-gradient(top, #ffff00 0%,#fdd216 3%,#fdd216 52%,#fbcd16 66%,#f7bd11 83%,#f2ad0a 93%,#ee9c05 100%);
    background: -o-linear-gradient(top, #ffff00 0%,#fdd216 3%,#fdd216 52%,#fbcd16 66%,#f7bd11 83%,#f2ad0a 93%,#ee9c05 100%);
    background: -ms-linear-gradient(top, #ffff00 0%,#fdd216 3%,#fdd216 52%,#fbcd16 66%,#f7bd11 83%,#f2ad0a 93%,#ee9c05 100%);
    background: linear-gradient(to bottom, #ffff00 0%,#fdd216 3%,#fdd216 52%,#fbcd16 66%,#f7bd11 83%,#f2ad0a 93%,#ee9c05 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ee9c05',GradientType=0 );
    margin: 150px auto 0px auto;
    padding: 4px 9px;
    width: 70%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.opt_proyecto{
    margin: 20px 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);
    box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 248px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.opt_proyecto:hover{
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.descrip_proyecto{
    color: #969696;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size:13px;
    padding: 10px 10px;
    text-align: justify;
    min-height: 80px;
}
.detaller_proyecto{
    width: 248px;
    background: #F7F7F7;
}
.area_titulo_proyecto{
    position: relative;
    left: -18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}
.formatriangulo_pry1, .formatriangulo_pry2, .formatriangulo_pry3, .formatriangulo_pry4, .formatriangulo_pry5, .formatriangulo_pry6{
    width: 0px;
    height: 0px;
    line-height: 0px;
    float: left;
    border-left: 18px solid transparent;
    position: relative;
    bottom: 21px;
    left: 0px;
}
.formatriangulo_pry1{
    border-bottom: 16px solid #0E8599;
}
.formatriangulo_pry2{
    border-bottom: 16px solid #013E59;
}
.formatriangulo_pry3{
    border-bottom: 16px solid #600023;
}
.formatriangulo_pry4{
    border-bottom: 16px solid #5DAF65;
}
.formatriangulo_pry5{
    border-bottom: 16px solid #012238;
}
.formatriangulo_pry6{
    border-bottom: 16px solid #22564F;
}
.stilo_rotulo_proyecto1, .stilo_rotulo_proyecto2, .stilo_rotulo_proyecto3, .stilo_rotulo_proyecto4, .stilo_rotulo_proyecto5, .stilo_rotulo_proyecto6{
    background: red;
    position: relative;
    left: -18px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 17px;
    color: white;
    font-weight: bold;
    padding: 7px 15px 7px 30px;
    margin: 9px 0px 2px 0px;
    text-align: center;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.stilo_rotulo_proyecto1{
    background: rgb(104,226,235); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(104,226,235,1) 0%, rgba(77,221,233,1) 4%, rgba(51,218,232,1) 6%, rgba(41,218,231,1) 7%, rgba(39,217,231,1) 7%, rgba(25,217,231,1) 8%, rgba(21,216,231,1) 8%, rgba(1,215,231,1) 9%, rgba(0,175,215,1) 43%, rgba(0,181,217,1) 43%, rgba(0,205,227,1) 44%, rgba(0,208,228,1) 44%, rgba(0,216,230,1) 65%, rgba(9,216,230,1) 66%, rgba(9,216,231,1) 66%, rgba(21,216,231,1) 67%, rgba(21,216,231,1) 68%, rgba(30,216,231,1) 68%, rgba(25,217,231,1) 68%, rgba(33,217,231,1) 69%, rgba(33,217,231,1) 69%, rgba(39,217,231,1) 70%, rgba(39,217,231,1) 71%, rgba(44,217,231,1) 71%, rgba(41,218,231,1) 71%, rgba(46,218,231,1) 72%, rgba(46,218,231,1) 73%, rgba(55,218,232,1) 74%, rgba(53,219,232,1) 75%, rgba(61,219,232,1) 76%, rgba(66,220,232,1) 79%, rgba(73,220,233,1) 80%, rgba(71,221,233,1) 81%, rgba(77,221,233,1) 82%, rgba(91,223,234,1) 89%, rgba(107,226,235,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(104,226,235,1)), color-stop(4%,rgba(77,221,233,1)), color-stop(6%,rgba(51,218,232,1)), color-stop(7%,rgba(41,218,231,1)), color-stop(7%,rgba(39,217,231,1)), color-stop(8%,rgba(25,217,231,1)), color-stop(8%,rgba(21,216,231,1)), color-stop(9%,rgba(1,215,231,1)), color-stop(43%,rgba(0,175,215,1)), color-stop(43%,rgba(0,181,217,1)), color-stop(44%,rgba(0,205,227,1)), color-stop(44%,rgba(0,208,228,1)), color-stop(65%,rgba(0,216,230,1)), color-stop(66%,rgba(9,216,230,1)), color-stop(66%,rgba(9,216,231,1)), color-stop(67%,rgba(21,216,231,1)), color-stop(68%,rgba(21,216,231,1)), color-stop(68%,rgba(30,216,231,1)), color-stop(68%,rgba(25,217,231,1)), color-stop(69%,rgba(33,217,231,1)), color-stop(69%,rgba(33,217,231,1)), color-stop(70%,rgba(39,217,231,1)), color-stop(71%,rgba(39,217,231,1)), color-stop(71%,rgba(44,217,231,1)), color-stop(71%,rgba(41,218,231,1)), color-stop(72%,rgba(46,218,231,1)), color-stop(73%,rgba(46,218,231,1)), color-stop(74%,rgba(55,218,232,1)), color-stop(75%,rgba(53,219,232,1)), color-stop(76%,rgba(61,219,232,1)), color-stop(79%,rgba(66,220,232,1)), color-stop(80%,rgba(73,220,233,1)), color-stop(81%,rgba(71,221,233,1)), color-stop(82%,rgba(77,221,233,1)), color-stop(89%,rgba(91,223,234,1)), color-stop(100%,rgba(107,226,235,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(104,226,235,1) 0%,rgba(77,221,233,1) 4%,rgba(51,218,232,1) 6%,rgba(41,218,231,1) 7%,rgba(39,217,231,1) 7%,rgba(25,217,231,1) 8%,rgba(21,216,231,1) 8%,rgba(1,215,231,1) 9%,rgba(0,175,215,1) 43%,rgba(0,181,217,1) 43%,rgba(0,205,227,1) 44%,rgba(0,208,228,1) 44%,rgba(0,216,230,1) 65%,rgba(9,216,230,1) 66%,rgba(9,216,231,1) 66%,rgba(21,216,231,1) 67%,rgba(21,216,231,1) 68%,rgba(30,216,231,1) 68%,rgba(25,217,231,1) 68%,rgba(33,217,231,1) 69%,rgba(33,217,231,1) 69%,rgba(39,217,231,1) 70%,rgba(39,217,231,1) 71%,rgba(44,217,231,1) 71%,rgba(41,218,231,1) 71%,rgba(46,218,231,1) 72%,rgba(46,218,231,1) 73%,rgba(55,218,232,1) 74%,rgba(53,219,232,1) 75%,rgba(61,219,232,1) 76%,rgba(66,220,232,1) 79%,rgba(73,220,233,1) 80%,rgba(71,221,233,1) 81%,rgba(77,221,233,1) 82%,rgba(91,223,234,1) 89%,rgba(107,226,235,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(104,226,235,1) 0%,rgba(77,221,233,1) 4%,rgba(51,218,232,1) 6%,rgba(41,218,231,1) 7%,rgba(39,217,231,1) 7%,rgba(25,217,231,1) 8%,rgba(21,216,231,1) 8%,rgba(1,215,231,1) 9%,rgba(0,175,215,1) 43%,rgba(0,181,217,1) 43%,rgba(0,205,227,1) 44%,rgba(0,208,228,1) 44%,rgba(0,216,230,1) 65%,rgba(9,216,230,1) 66%,rgba(9,216,231,1) 66%,rgba(21,216,231,1) 67%,rgba(21,216,231,1) 68%,rgba(30,216,231,1) 68%,rgba(25,217,231,1) 68%,rgba(33,217,231,1) 69%,rgba(33,217,231,1) 69%,rgba(39,217,231,1) 70%,rgba(39,217,231,1) 71%,rgba(44,217,231,1) 71%,rgba(41,218,231,1) 71%,rgba(46,218,231,1) 72%,rgba(46,218,231,1) 73%,rgba(55,218,232,1) 74%,rgba(53,219,232,1) 75%,rgba(61,219,232,1) 76%,rgba(66,220,232,1) 79%,rgba(73,220,233,1) 80%,rgba(71,221,233,1) 81%,rgba(77,221,233,1) 82%,rgba(91,223,234,1) 89%,rgba(107,226,235,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(104,226,235,1) 0%,rgba(77,221,233,1) 4%,rgba(51,218,232,1) 6%,rgba(41,218,231,1) 7%,rgba(39,217,231,1) 7%,rgba(25,217,231,1) 8%,rgba(21,216,231,1) 8%,rgba(1,215,231,1) 9%,rgba(0,175,215,1) 43%,rgba(0,181,217,1) 43%,rgba(0,205,227,1) 44%,rgba(0,208,228,1) 44%,rgba(0,216,230,1) 65%,rgba(9,216,230,1) 66%,rgba(9,216,231,1) 66%,rgba(21,216,231,1) 67%,rgba(21,216,231,1) 68%,rgba(30,216,231,1) 68%,rgba(25,217,231,1) 68%,rgba(33,217,231,1) 69%,rgba(33,217,231,1) 69%,rgba(39,217,231,1) 70%,rgba(39,217,231,1) 71%,rgba(44,217,231,1) 71%,rgba(41,218,231,1) 71%,rgba(46,218,231,1) 72%,rgba(46,218,231,1) 73%,rgba(55,218,232,1) 74%,rgba(53,219,232,1) 75%,rgba(61,219,232,1) 76%,rgba(66,220,232,1) 79%,rgba(73,220,233,1) 80%,rgba(71,221,233,1) 81%,rgba(77,221,233,1) 82%,rgba(91,223,234,1) 89%,rgba(107,226,235,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(104,226,235,1) 0%,rgba(77,221,233,1) 4%,rgba(51,218,232,1) 6%,rgba(41,218,231,1) 7%,rgba(39,217,231,1) 7%,rgba(25,217,231,1) 8%,rgba(21,216,231,1) 8%,rgba(1,215,231,1) 9%,rgba(0,175,215,1) 43%,rgba(0,181,217,1) 43%,rgba(0,205,227,1) 44%,rgba(0,208,228,1) 44%,rgba(0,216,230,1) 65%,rgba(9,216,230,1) 66%,rgba(9,216,231,1) 66%,rgba(21,216,231,1) 67%,rgba(21,216,231,1) 68%,rgba(30,216,231,1) 68%,rgba(25,217,231,1) 68%,rgba(33,217,231,1) 69%,rgba(33,217,231,1) 69%,rgba(39,217,231,1) 70%,rgba(39,217,231,1) 71%,rgba(44,217,231,1) 71%,rgba(41,218,231,1) 71%,rgba(46,218,231,1) 72%,rgba(46,218,231,1) 73%,rgba(55,218,232,1) 74%,rgba(53,219,232,1) 75%,rgba(61,219,232,1) 76%,rgba(66,220,232,1) 79%,rgba(73,220,233,1) 80%,rgba(71,221,233,1) 81%,rgba(77,221,233,1) 82%,rgba(91,223,234,1) 89%,rgba(107,226,235,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68e2eb', endColorstr='#6be2eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stilo_rotulo_proyecto2{
    background: rgb(0,151,199); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(0,151,199,1) 0%, rgba(0,144,192,1) 6%, rgba(0,125,172,1) 18%, rgba(0,93,140,1) 34%, rgba(0,79,125,1) 40%, rgba(0,97,144,1) 40%, rgba(0,151,198,1) 41%, rgba(0,86,134,1) 80%, rgba(0,70,117,1) 91%, rgba(0,61,108,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,151,199,1)), color-stop(6%,rgba(0,144,192,1)), color-stop(18%,rgba(0,125,172,1)), color-stop(34%,rgba(0,93,140,1)), color-stop(40%,rgba(0,79,125,1)), color-stop(40%,rgba(0,97,144,1)), color-stop(41%,rgba(0,151,198,1)), color-stop(80%,rgba(0,86,134,1)), color-stop(91%,rgba(0,70,117,1)), color-stop(100%,rgba(0,61,108,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(0,151,199,1) 0%,rgba(0,144,192,1) 6%,rgba(0,125,172,1) 18%,rgba(0,93,140,1) 34%,rgba(0,79,125,1) 40%,rgba(0,97,144,1) 40%,rgba(0,151,198,1) 41%,rgba(0,86,134,1) 80%,rgba(0,70,117,1) 91%,rgba(0,61,108,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(0,151,199,1) 0%,rgba(0,144,192,1) 6%,rgba(0,125,172,1) 18%,rgba(0,93,140,1) 34%,rgba(0,79,125,1) 40%,rgba(0,97,144,1) 40%,rgba(0,151,198,1) 41%,rgba(0,86,134,1) 80%,rgba(0,70,117,1) 91%,rgba(0,61,108,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(0,151,199,1) 0%,rgba(0,144,192,1) 6%,rgba(0,125,172,1) 18%,rgba(0,93,140,1) 34%,rgba(0,79,125,1) 40%,rgba(0,97,144,1) 40%,rgba(0,151,198,1) 41%,rgba(0,86,134,1) 80%,rgba(0,70,117,1) 91%,rgba(0,61,108,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(0,151,199,1) 0%,rgba(0,144,192,1) 6%,rgba(0,125,172,1) 18%,rgba(0,93,140,1) 34%,rgba(0,79,125,1) 40%,rgba(0,97,144,1) 40%,rgba(0,151,198,1) 41%,rgba(0,86,134,1) 80%,rgba(0,70,117,1) 91%,rgba(0,61,108,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097c7', endColorstr='#003d6c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stilo_rotulo_proyecto3{
    background: rgb(247,0,108); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(247,0,108,1) 0%, rgba(236,0,94,1) 14%, rgba(208,2,58,1) 36%, rgba(228,1,83,1) 36%, rgba(240,0,100,1) 37%, rgba(240,0,100,1) 38%, rgba(226,1,80,1) 71%, rgba(208,2,56,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(247,0,108,1)), color-stop(14%,rgba(236,0,94,1)), color-stop(36%,rgba(208,2,58,1)), color-stop(36%,rgba(228,1,83,1)), color-stop(37%,rgba(240,0,100,1)), color-stop(38%,rgba(240,0,100,1)), color-stop(71%,rgba(226,1,80,1)), color-stop(100%,rgba(208,2,56,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(247,0,108,1) 0%,rgba(236,0,94,1) 14%,rgba(208,2,58,1) 36%,rgba(228,1,83,1) 36%,rgba(240,0,100,1) 37%,rgba(240,0,100,1) 38%,rgba(226,1,80,1) 71%,rgba(208,2,56,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(247,0,108,1) 0%,rgba(236,0,94,1) 14%,rgba(208,2,58,1) 36%,rgba(228,1,83,1) 36%,rgba(240,0,100,1) 37%,rgba(240,0,100,1) 38%,rgba(226,1,80,1) 71%,rgba(208,2,56,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(247,0,108,1) 0%,rgba(236,0,94,1) 14%,rgba(208,2,58,1) 36%,rgba(228,1,83,1) 36%,rgba(240,0,100,1) 37%,rgba(240,0,100,1) 38%,rgba(226,1,80,1) 71%,rgba(208,2,56,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(247,0,108,1) 0%,rgba(236,0,94,1) 14%,rgba(208,2,58,1) 36%,rgba(228,1,83,1) 36%,rgba(240,0,100,1) 37%,rgba(240,0,100,1) 38%,rgba(226,1,80,1) 71%,rgba(208,2,56,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7006c', endColorstr='#d00238',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stilo_rotulo_proyecto4{
    background: rgb(0,255,115); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(0,255,115,1) 0%, rgba(0,201,88,1) 38%, rgba(0,201,88,1) 38%, rgba(0,254,120,1) 39%, rgba(0,244,112,1) 43%, rgba(0,228,104,1) 51%, rgba(0,209,93,1) 66%, rgba(0,202,89,1) 78%, rgba(0,200,88,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,255,115,1)), color-stop(38%,rgba(0,201,88,1)), color-stop(38%,rgba(0,201,88,1)), color-stop(39%,rgba(0,254,120,1)), color-stop(43%,rgba(0,244,112,1)), color-stop(51%,rgba(0,228,104,1)), color-stop(66%,rgba(0,209,93,1)), color-stop(78%,rgba(0,202,89,1)), color-stop(100%,rgba(0,200,88,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(0,255,115,1) 0%,rgba(0,201,88,1) 38%,rgba(0,201,88,1) 38%,rgba(0,254,120,1) 39%,rgba(0,244,112,1) 43%,rgba(0,228,104,1) 51%,rgba(0,209,93,1) 66%,rgba(0,202,89,1) 78%,rgba(0,200,88,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(0,255,115,1) 0%,rgba(0,201,88,1) 38%,rgba(0,201,88,1) 38%,rgba(0,254,120,1) 39%,rgba(0,244,112,1) 43%,rgba(0,228,104,1) 51%,rgba(0,209,93,1) 66%,rgba(0,202,89,1) 78%,rgba(0,200,88,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(0,255,115,1) 0%,rgba(0,201,88,1) 38%,rgba(0,201,88,1) 38%,rgba(0,254,120,1) 39%,rgba(0,244,112,1) 43%,rgba(0,228,104,1) 51%,rgba(0,209,93,1) 66%,rgba(0,202,89,1) 78%,rgba(0,200,88,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(0,255,115,1) 0%,rgba(0,201,88,1) 38%,rgba(0,201,88,1) 38%,rgba(0,254,120,1) 39%,rgba(0,244,112,1) 43%,rgba(0,228,104,1) 51%,rgba(0,209,93,1) 66%,rgba(0,202,89,1) 78%,rgba(0,200,88,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff73', endColorstr='#00c858',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stilo_rotulo_proyecto5{
    background: rgb(0,81,132); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(0,81,132,1) 0%, rgba(0,75,126,1) 9%, rgba(0,59,110,1) 23%, rgba(0,41,93,1) 35%, rgba(0,42,94,1) 36%, rgba(0,70,121,1) 37%, rgba(0,70,121,1) 37%, rgba(0,46,98,1) 69%, rgba(0,36,89,1) 88%, rgba(0,33,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,81,132,1)), color-stop(9%,rgba(0,75,126,1)), color-stop(23%,rgba(0,59,110,1)), color-stop(35%,rgba(0,41,93,1)), color-stop(36%,rgba(0,42,94,1)), color-stop(37%,rgba(0,70,121,1)), color-stop(37%,rgba(0,70,121,1)), color-stop(69%,rgba(0,46,98,1)), color-stop(88%,rgba(0,36,89,1)), color-stop(100%,rgba(0,33,86,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(0,81,132,1) 0%,rgba(0,75,126,1) 9%,rgba(0,59,110,1) 23%,rgba(0,41,93,1) 35%,rgba(0,42,94,1) 36%,rgba(0,70,121,1) 37%,rgba(0,70,121,1) 37%,rgba(0,46,98,1) 69%,rgba(0,36,89,1) 88%,rgba(0,33,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(0,81,132,1) 0%,rgba(0,75,126,1) 9%,rgba(0,59,110,1) 23%,rgba(0,41,93,1) 35%,rgba(0,42,94,1) 36%,rgba(0,70,121,1) 37%,rgba(0,70,121,1) 37%,rgba(0,46,98,1) 69%,rgba(0,36,89,1) 88%,rgba(0,33,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(0,81,132,1) 0%,rgba(0,75,126,1) 9%,rgba(0,59,110,1) 23%,rgba(0,41,93,1) 35%,rgba(0,42,94,1) 36%,rgba(0,70,121,1) 37%,rgba(0,70,121,1) 37%,rgba(0,46,98,1) 69%,rgba(0,36,89,1) 88%,rgba(0,33,86,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(0,81,132,1) 0%,rgba(0,75,126,1) 9%,rgba(0,59,110,1) 23%,rgba(0,41,93,1) 35%,rgba(0,42,94,1) 36%,rgba(0,70,121,1) 37%,rgba(0,70,121,1) 37%,rgba(0,46,98,1) 69%,rgba(0,36,89,1) 88%,rgba(0,33,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005184', endColorstr='#002156',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stilo_rotulo_proyecto6{
    background: rgb(0,212,167); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(0,212,167,1) 0%, rgba(0,159,117,1) 34%, rgba(0,159,117,1) 34%, rgba(0,167,123,1) 34%, rgba(0,190,145,1) 35%, rgba(0,190,145,1) 35%, rgba(0,149,107,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,212,167,1)), color-stop(34%,rgba(0,159,117,1)), color-stop(34%,rgba(0,159,117,1)), color-stop(34%,rgba(0,167,123,1)), color-stop(35%,rgba(0,190,145,1)), color-stop(35%,rgba(0,190,145,1)), color-stop(100%,rgba(0,149,107,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(0,212,167,1) 0%,rgba(0,159,117,1) 34%,rgba(0,159,117,1) 34%,rgba(0,167,123,1) 34%,rgba(0,190,145,1) 35%,rgba(0,190,145,1) 35%,rgba(0,149,107,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(0,212,167,1) 0%,rgba(0,159,117,1) 34%,rgba(0,159,117,1) 34%,rgba(0,167,123,1) 34%,rgba(0,190,145,1) 35%,rgba(0,190,145,1) 35%,rgba(0,149,107,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(0,212,167,1) 0%,rgba(0,159,117,1) 34%,rgba(0,159,117,1) 34%,rgba(0,167,123,1) 34%,rgba(0,190,145,1) 35%,rgba(0,190,145,1) 35%,rgba(0,149,107,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(0,212,167,1) 0%,rgba(0,159,117,1) 34%,rgba(0,159,117,1) 34%,rgba(0,167,123,1) 34%,rgba(0,190,145,1) 35%,rgba(0,190,145,1) 35%,rgba(0,149,107,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d4a7', endColorstr='#00956b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ult_linea_proyecto1, .ult_linea_proyecto2, .ult_linea_proyecto3, .ult_linea_proyecto4, .ult_linea_proyecto5, .ult_linea_proyecto6{
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 6px;
}
.ult_linea_proyecto1{
    background: #98E1EA;    
}
.ult_linea_proyecto2{
    background: #1E71A5;    
}
.ult_linea_proyecto3{
    background: #B2043A;    
}
.ult_linea_proyecto4{
    background: #2EFF7C;    
}
.ult_linea_proyecto5{
    background: #0E497A;    
}
.ult_linea_proyecto6{
    background: #009D75;    
}
.titulo2med {
    width:76%;
    margin: 0 auto
}
.contenido_general{
    width: 100%;
    background: url(../img/bg_talento_humano.png);
}

/*---- NEW PRELOADER ----*/
/*preload fotogaleria*/
/*.modal-preload{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: url(../i/bg_rgba80.png); z-index: 9;}*/
.circles{ width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px;}
.circles .circle {
    background-color: rgba(0,0,0,0);
    border: 4px solid #00A0C6;
    opacity: .8;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 100px;
    box-shadow: 0 0 20px rgba(0,49,79,0.4);
    width: 140px;
    height: 140px;
    margin: 0 auto; position: relative;
    animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}
.mainLogo{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  text-align: center; color: #fff; }
.mainLogo .preloadEc{ display: block;width: 102px;height: 84px;margin: 40px auto 0px 24px; background: url(../img/preload-ec.png) no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); margin-bottom: 5px;}
@keyframes spinPulse { 0% { transform: rotate(160deg);  opacity: 0;  }
                       50% { transform: rotate(145deg);   opacity: 1; }
                       100% { transform: rotate(-320deg);   opacity: 0;  };
}
@-webkit-keyframes spinPulse {
    0% {  -webkit-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { -webkit-transform: rotate(145deg);  opacity: 1; }
    100% { -webkit-transform: rotate(-320deg); opacity: 0; }
}
#slider1{
    display: none
}
#dl-menu{
    display:none !important
}
.img_movil{
    display:none
}
/* ----- EMERGENTES ------ */

.overlay{
    position: absolute; 
    width: 100%; 
    height: 100%; 
    z-index: 5; 
    background: rgba(0,0,0,0.8);
    bottom: 0;
    display: none;
}
.area_flotante{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /*background: white*/
    background: #333333;
}
.newgalery{
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 92%;
}
.content_newgalery{
    width: 990px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    overflow-y: auto;
}
.opt_new_galery{
    margin: 10px 15px 30px 15px;
    width: 245px;
    height: 225px;
    display: inline-block;
    border: 11px solid white;
    -webkit-box-shadow: 0px 0px 13px 2px rgba(156,156,156,1);
    -moz-box-shadow: 0px 0px 13px 2px rgba(156,156,156,1);
    box-shadow: 0px 0px 13px 2px rgba(156,156,156,1);
    border-radius: 6px;
    position: relative;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.opt_new_galery:hover{
    opacity: 0.3;
}
.opt_cliente_slide{
    width: 190px;
    height: 80px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.cli1{ background: url(../img/cliente.png) no-repeat center center; }
.cli1:hover{ background: url(../img/cliente_on.png) no-repeat center center; }
.cli2{ background: url(../img/cliente2.png) no-repeat center center; }
.cli2:hover{ background: url(../img/cliente2_on.png) no-repeat center center; }
.cli3{ background: url(../img/cliente3.png) no-repeat center center; }
.cli3:hover{ background: url(../img/cliente3_on.png) no-repeat center center; }
.cli4{ background: url(../img/cliente4.png) no-repeat center center; }
.cli4:hover{ background: url(../img/cliente4_on.png) no-repeat center center; }
.cli5{ background: url(../img/cliente5.png) no-repeat center center; }
.cli5:hover{ background: url(../img/cliente5_on.png) no-repeat center center; }
.cli6{ background: url(../img/cliente6.png) no-repeat center center; }
.cli6:hover{ background: url(../img/cliente6_on.png) no-repeat center center; }
.cli7{ background: url(../img/cliente7.png) no-repeat center center; }
.cli7:hover{ background: url(../img/cliente7_on.png) no-repeat center center; }
.cli8{ background: url(../img/cliente8.png) no-repeat center center; }
.cli8:hover{ background: url(../img/cliente8_on.png) no-repeat center center; }
.cli9{ background: url(../img/cliente9.png) no-repeat center center; }
.cli9:hover{ background: url(../img/cliente9_on.png) no-repeat center center; }
.cli10{ background: url(../img/cliente10.png) no-repeat center center; }
.cli10:hover{ background: url(../img/cliente10_on.png) no-repeat center center; }
.cli11{ background: url(../img/cliente11_.png) no-repeat center center; background-size: auto 100%; }
.cli11:hover{ background: url(../img/cliente11__on.png) no-repeat center center; background-size: auto 100%; }
.newgalery li{
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    list-style: none;
    float: left;
    width: 295px;
    height: 270px;
    margin-bottom: 20px;
    perspective: 500px;
}
.list_carousel {
    margin: 15px 0 -5px 0;
    width: 360px;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    text-align: center;
    padding: 0;
    margin: 1px;
    display: inline-block;
    /*float: left;*/
    border: none;
    width: 190px;
    vertical-align: middle;
    /*height: 65px;*/
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.clearfix {
    float: none;
    clear: both;
}
.prev {
    float: left;
    margin-top: -53px;
    z-index: 2;
    position: relative;
}
.next {
    float: right;
    margin-top: -53px;
    z-index: 2;
    position: relative;
}
.pager {
    float: left;
    width: 300px;
    text-align: center;
}
.pager a {
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected {
    text-decoration: underline;
}
.timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}
.ver_mas_proyectos{
    width: 74px;
    height: 74px;
    margin: 0 auto;
}
/*------------- MOBILES ----------------------*/
@media screen and (max-width:1023px)
{
    #listado_servicios_inicio{
        text-align: center !important
    }
    #listado_servicios_inicio br{
        display: none
    }
    .sliders{
        position:relative;
        z-index: -1;
    }
    .contenido_cabecera, .contenido_proyectos, .contenido_proyectos, .contenido_inicio_cliente, 
    .contenido_pie, .lista_productos_index, .lista_servicios_index, .contenido_servicios, .sliders, .contenido_inicio_productos, .prim_prod_adris_sms, 
    .seg_prod_adris_sms, .ter_prod_adris_sms, .cuarta_prod_adris_sms, .info_prim_prod_adris_sms, .content_newgalery{
        width: 100%;
        height: auto !important;
    } 
    .lista_productos_index{
        text-align: center !important;
    }
    .prim_prod_adris_sms{
        padding: 10px 20px 40px 10px !important;
    }
    .izq_carac_adris_sms, .der_carac_adris_sms{
        margin:10px auto !important;
    }
    .prim_prod_adris_sms img{
        max-width: 90%;
    }    
    .inicio_proyectos{
        background-color: white;
    }
    .area_mapa{
        text-align: center;
        margin-top: 35px
    }
    .cuarta_prod_adris_sms > div, .prim_prod_adris_sms > div{
        margin: 10px auto
    }
    .izq_prim_prod_adris_sms{
        width: 90%;
        margin: 5px auto;
        height: auto !important;
    }
    .seg_prod_adris_sms > div, .ter_prod_adris_sms > div, .prim_prod_adris_sms{
        width: 100%;
        height: auto !important;
        text-align: center
    }
    .content_carac_adris_sms > div{
        margin: 0 auto
    }
    .nav, #wrapper, .logo_dorado_izquierda, .logo_dorado_derecha, .circulo_titulo_producto_inicio, .sliders > iframe, .slide_quienes_somos, .img_mascota{
        display:none
    }
    .botones, .cabecera, .pie{
        width: auto;
        height: auto;
    }
    .titulo2med{
        margin: 10px auto
    }
    .titulo_contenido_productos_inicio{
        margin: 0 auto;
        float: none;
        text-align: center;
        width: 330px;
    }
    .informacion_servicio{
        display: block;
    }
    .informacion_servicio > div{
        width:100%;
        margin: 30px auto;
    }
    .titulo_lista_servicios{
        width:100%;
    }
    .titulo_lista_servicios img{
        display:none
    }
    .titulo_lista_servicios div{
        float:none;
        margin:0 auto;
        width:330px;
        min-width: 0px;
    }    
    .informacion_servicio img, .img_convocatoria_cerrada{
        max-width: 100%;
    }
    .informacion_servicio p{
        width: 90%;
        padding:0% 5%;
    }
    #slider1{
        display: block !important
    }
    #dl-menu{
        display:block !important
    }
    .img_movil{
        display: block;
        max-width: 100%;
    }
    .lista_info_empresa{
        width:90%;
        margin:10px auto;
        padding-bottom:10px
    }
    .lista_info_empresa > div{
        display:block;
        margin:10px auto 20px auto;
    }
    #equipo_trabajo{
        display: none
    }
    .contenedor_ubicanos > div{
        width:100%;
    }
    .controles_contacto, .controles_contacto > input, .controles_contacto > textarea{
        width:96%;
    }
    .etiquetas_contacto{
        width: 30%;
    }
    .contenedor_contacto > form{
        width:65%;
    }
    .redes_sociales{
        width:1%
    }
    .frame_mapa{
        width: 90%;
        margin: 0 auto
    }
    .contenido_proyectos > div:last-child{
        text-align:left
    }
    .contenido_proyectos > div:last-child > div{
        display:inline-block !important
    }
    .opt_proyecto{
        margin: 20px auto;
    }
    .lista_productos_index > div:last-child {
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:810px)
{
    .contenido_mision, .contenido_vision{
        width:100% !important
    }
    .titulo_contenido_mision_vision, .titulo_contenido_mision_vision{
        background: url(../img/bg_info_bienvenido.png) center center no-repeat;
    }
    .contenido_mision, .contenido_vision{
        background: url(../img/line_info_bienvenidos.png) center top no-repeat;
    }
    .izq_carac_adris_sms, .der_carac_adris_sms{
        height: auto
    }
    .izq_carac_adris_sms img, .der_carac_adris_sms img{
        top:0px !important;
    }
}
@media screen and (max-width:650px)
{
    .contenedor_ubicanos{
        display: block
    }
}
@media screen and (max-width:420px)
{
    #botones_rs{
        display:none
    }
    .botones{
        margin: 10px auto 0px auto !important
    }
    .contenido_cabecera > a{
        text-align: left;
    }
    .img_logo{
        margin: 10px 10px;
    }
    .dl-trigger{
        float:right
    }
    .dl-menuopen{
        margin-top:45px !important;
        float: none !important
    }
    .dl-menuwrapper{
        width: 182px !important;
    }
}