/*
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}*/
.owl-theme .owl-controls{margin-top: -10px;}
.ctn-button {background-color: #FFF}
#index .ctn-button{margin: 10px 0;}
.mostrar_filtros {border: 1px #D62629 solid;margin-bottom: 10px;margin-left: 3.333333%;background-color: #D62629; padding: 10px 15px; overflow: hidden;font-size: 15px; text-align: center;border-radius: 8px;clear: both;color: #FFF;text-transform: uppercase;float: none}
#index .mostrar_filtros{margin-bottom: 0px;}

#aplicativos-medida {}
    .izq {padding-left: 0px;background-color: #FFF;}
    .izq h1{margin-bottom: 20px; padding: 5px 5px 5px 10px; background-color: #f7f7f7; color: #1c1c1c; text-transform: uppercase; font-size: 24px; font-family: semi;}
    .izq .quote {margin-bottom: 20px; color: #585a5a; font-family: semi-it; font-size: 15px;}
    .izq .descripcion {font-family: regular; color: #888889; font-size: 14px; }
    .slide {position: relative;float: left; background-repeat: no-repeat;padding: 0px;background-position: 30px 1px;}
    .slide .f-izq {top: 34%; left: 0; position: absolute; width: 26px; height: 47px; display: block;}
    .slide .f-der {top: 34%; right: 0; position: absolute; width: 26px; height: 47px; display: block;}
    .slide .cont {width: 400px; overflow: hidden; position: absolute; top: 28px; left: 100px;}
    .ventajas{margin-bottom: 30px; overflow: hidden;clear: both;}
    .ventajas h2 {padding: 5px 10px; margin: 20px 0; background-color: #f7f7f7; text-transform: uppercase; font-size: 21px; font-family: regular; }
    .ventajas .item {margin: 0 0px 60px 0; float: left;}
    .ventajas .item .icon {}
    .ventajas .item h3 {clear: both; font-family: semi; font-size: 18px; float: left; margin-bottom: 10px;display: block;}
    .ventajas .item .descripcion {float: left; color: #888889; font-size: 14px;}
    .ventajas .item .descripcion p{display: block;clear: both;}
    .proyectos {margin-bottom: 40px; padding-top: 40px; overflow: hidden;clear: both;}
    .proyectos h2 {padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px #CCC solid; color: #1c1c1c; font-size: 21px; float: float; margin-right: 15px;  }
    .proyectos .proyecto_contenedor{padding-left: 0px;}
    .proyectos .item {height: 127px; border: 1px #a5a5a5 solid; margin-right: 18px; float: left;  position: relative; margin-bottom: 10px;padding: 0px;}
    .proyectos .item:last-child {margin-right: 0;}
    .proyectos .item .imagen {float: left; padding: 0px;}
    .proyectos .item h3 {margin-top: 20px; margin-bottom: 5px; display: block; font-size: 18px; font-family: semi; float: left; clear: right;}
    .proyectos .item .fecha {font-family: it; color: #d62629; float: left;}
    .proyectos .item .mas {top: -1px; right: 0; position: absolute; width: 44px; height: 33px; display: block; background-image: url('../Imagenes/Sistema/ver-mas.png'); background-repeat: no-repeat; }
    .proyectos .item .rojo {background-image: url('../Imagenes/Sistema/ver-mas2.png') !important;}
    .tipos {padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;clear: both}
    .tipos h2 {margin-bottom: 10px; font-size: 21px; text-transform: uppercase;}
    .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid;min-height: 161px;}
    .tipos .borde {border-bottom: 1px #bec0c2 solid;}
    .tipos .item .icon {float: left;display: inline-block;}
    .tipos .item h3 {margin-top: 10px;color: #1c1c1c; float: left; font-size: 21px;display: inline-block;}
    .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;display: inline-block;}
    .contacto {height: 222px; background-image: url('../Imagenes/Sistema/fondo-contacto.png'); background-position: center top; background-repeat: repeat-x;}
    .contacto .center {padding-left: 100px;}
    .contacto p {padding: 63px 0 0 0px; color: #FFF; font-size: 24px; font-family: semi-it;}
    .contacto a{padding: 7px 20px; float: left; font-family: semi; font-size: 19px; text-align: center; display: block; background-color: #FFF; color: #d62629; box-shadow: 3px 5px 4px #232323;margin-top: 73px;}
    
    #desarrollo-web .ventajas .item {min-height: 195px;}
    #desarrollo-web .tipos .item {min-height: 240px;}

#comunicacion-digital {}
    #comunicacion-digital  h1{padding: 5px 5px 25px 10px; color: #333; text-transform: uppercase; font-size: 24px; font-family: semi;background-color: #FFF;}
    #comunicacion-digital .der .quote {margin-bottom: 20px; color: #585a5a; font-family: semi-it; font-size: 15px;}
    #comunicacion-digital .der .descripcion {font-family: regular; color: #888889; font-size: 14px; }
    #comunicacion-digital .productos {padding-top: 60px; margin-bottom: 30px; overflow: hidden; background-color: #f7f7f7;}
    #comunicacion-digital .productos .item {margin-bottom: 60px;display: block;min-height: 155px;}
    #comunicacion-digital .productos .item .icon {display: block;}
    #comunicacion-digital .productos .item .descripcion {color: #888889; font-size: 14px;}   
    #comunicacion-digital .productos .item .descripcion h3 {clear: right; font-family: semi; font-size: 18px; float: left; margin-bottom: 10px; }
    #comunicacion-digital .productos .item .descripcion h3 a{color: #888889;}
    #comunicacion-digital .productos .item .descripcion p{color: #888889; font-size: 14px;display: block;clear: both;}   
    
#innovacion {}
    
    #innovacion  h1{padding: 5px 5px 25px 10px; color: #333; text-transform: uppercase; font-size: 24px; font-family: semi;background-color: #FFF;}
    #innovacion .der .quote {margin-bottom: 20px; color: #585a5a; font-family: semi-it; font-size: 15px;}
    #innovacion .der .descripcion {font-family: regular; color: #888889; font-size: 14px; }
    #innovacion .productos {padding-top: 60px; margin-bottom: 30px; overflow: hidden; background-color: #f7f7f7;}
    #innovacion .productos .item {margin: 0 0px 60px 0; display: block;}
    #innovacion .productos .item .descripcion {float: left;padding-left: 0px;}   
    #innovacion .productos .item .descripcion h3 {clear: right; font-family: semi; font-size: 18px; float: left; margin-bottom: 10px;}
    #innovacion .productos .item .descripcion p{color: #888889; font-size: 14px;display: block; clear: both;}   
    

#otros-servicios {}
    
    #otros-servicios .ventajas{margin-top: 50px; margin-bottom: 30px; overflow: hidden;}
    #otros-servicios .ventajas h2 {padding: 5px 10px; margin: 20px 0; background-color: #f7f7f7; text-transform: uppercase; font-size: 21px; font-family: regular; }
    #otros-servicios .ventajas .item {margin: 0 0px 60px 0; float: left;min-height: 79.6px;}
    #otros-servicios .ventajas .item .descripcion {padding: 0px;}
    #otros-servicios .ventajas .item .descripcion h3 {clear: right; font-family: semi; font-size: 18px; float: left; margin-bottom: 10px;}
    #otros-servicios .ventajas .item .descripcion p{color: #888889; font-size: 14px;display: block;clear: both;}
    #otros-servicios ul{display: block; clear: both;}
    #otros-servicios ul.chulos li i {font-size: 19px; color: #d62629;}
   
    
#contacto {}
    #contacto h1{text-transform: uppercase; font-family: semi; font-size: 24px;background-color: #FFF; padding-bottom: 28px;}
    #contacto .item {color: #6d6e70; padding: 30px 15px; background-color: #f7f7f7; border: 1px #CCC solid;overflow: hidden;min-height: 152px;}
    #contacto .item .icono {padding-right: 10px; border-right: 1px #CCC solid;}
    #contacto .item span {color: #6d6e70; font-size: 18px;}
    #contacto .item .first {margin-top: 10px;}
    #contacto .item .telefonos {margin-top: -8px; font-family: bold; font-family: b-cond; font-size: 30pt;}
    #contacto .item .telefonos a{color: #6d6e70}
    #contacto .item .telefonos a:hover{color: #6d6e70; text-decoration: underline;}
    
    #contacto .correos .soporte .email a, #contacto .correos .comercial .email a, #contacto .correos .general .email a{color: #6d6e70;}
    #contacto .correos .soporte .email a:hover, #contacto .correos .comercial .email a:hover, #contacto .correos .general .email a:hover{color: #6d6e70; text-decoration: underline;}
    
    #contacto .item .direccion {font-family: semi; font-size: 16pt; }
    #contacto .correos {border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; margin: 50px 0 60px; padding: 20px 0; overflow: hidden; }
    #contacto .correos .soporte, #contacto .correos .comercial, #contacto .correos .general {padding: 22px 0px 30px;  float: left; background-repeat: no-repeat;min-height: 145px;}
    #contacto .correos .soporte span {font-size: 14px; clear: both;}
 
    #contacto .correos .email {font-size: 21px; font-family: semi;}
    #contacto .correos .cont_img{padding: 0px;}
    #contacto .correos .cont_info{padding: 0px;}
    #contacto .formulario {padding: 0;}
    #contacto .formulario .comentario {clear: left; float: left; margin-top: 25px;}
    #contacto .formulario .comentario textarea {padding: 8px; font-family: regular; font-size: 12pt;}
    #contacto .formulario .captcha {float: left; margin-top: 52px;}
    
    
    #contacto .formulario .ctn-btn {text-align: center;}
    #contacto .formulario .enviar { padding: 6px 30px;  font-size: 22px; font-family: semi; text-align: center; clear: both; display: inline-block; color: #FFF; background-color: #d62629; float: right;}
    #contacto .formulario .enviar:hover {background-color: #c1020c;}
    #contacto .formulario .c label{font-weight: normal;}
    #contacto .formulario .terminos label{text-align: right;}
    #contacto .ubicacion {padding: 0 15px;}
    #contacto .ubicacion h2{font-size: 21px; margin-bottom: 20px; text-transform: uppercase;}
    
#contacto { }
    #contacto { background-image: url("../Imagenes/Sistema/contacto/fondo-seccion.png"); background-repeat: no-repeat; background-position: right bottom }
    #contacto h3 { margin: 20px 0 10px; font: normal normal 22px/22px 'semi'; color: #424243; }
    #contacto .texto-seccion { font-size: 14px; font-style: normal; color: #78272D; }
    #contacto .tit-seccion h1.c-title { margin: 5px 0 10px;background-color: #D1223E; }
    #contacto .tit-seccion h1.c-title i { background-color: #A5162E; /*ie-7:*/*width: 24px;*height: 24px; *background-image: url('iconos/icon-set01/png-32/quill.png'); *background-repeat: no-repeat; *background-size: 20%; *background-position: center center; }
    #contacto #tabla-contacto td { color: #666;display: block;font-weight: bold;padding-bottom: 3px; }
    #contacto .informacion-contacto { font-weight: 400; font-size: 12px; float: right; }
    #contacto .contenedorformulario { margin-top: 15px;overflow: hidden; }
    #contacto .info-contacto{ width: 300px; border: 1px solid #CCC; border-radius: 6px }
    #contacto .info-contacto p{ display: none; }
    #contacto .info-contacto ul li{  }
    #contacto .info-contacto ul li{ color: #94AA3B; font-size: 16px; padding: 6px 0; }
    #contacto .c-contacto { padding: 10px 0;float: left;overflow: hidden; }
    #contacto form .c-campo { width: 285px;padding: 10px 0px;float: left; overflow: hidden; }
    #contacto form .c-campo.large { width: auto; }
    #contacto form .c-campo label { width: auto; margin: 0; display: inline-block;float: left; font: normal normal 18px/28px 'semi',Arial;  }
    #contacto form .c-campo label.lb-captcha { }
    #contacto form .c-campo .campo {  }
    #contacto form .c-campo .campo input[type="text"] { width: auto;font: normal normal 16px/18px 'regular',Arial;color: #4D4D4D; }
    #contacto form .c-campo input[type="text"] ,
    #contacto form .c-campo input[type="password"] { width: 180px; padding: 3px 5px; font-size: 16px; float: left; border-radius:6px; background-color: #F8F8F8; border: 1px solid #CCCCCC}
    #contacto form .c-campo textarea { width: 525px; height: 100px; padding: 3px 5px; float: left; border-radius:6px; border: 1px solid #CCC;background-color: #F8F8F8;font: normal normal 16px/18px 'regular',Arial;color: #4D4D4D; }
    #contacto form .campofecha { float: left; margin-right : 5px; display: block; clear:both; }
    #contacto form .campofecha table { float: left; width: 250px; }
    #contacto form .campofecha input[type="text"] { width: 225px; }
    #contacto form .campo-error { width: 16px; height: 16px; display: block; float: left; margin-top: 5px;  }
    #contacto form .campo-error img { width: 16px; height: 16px; margin: 0px!important;  }
    #contacto form .campo-error br { display: none; }
    #contacto form .campo-error font { display: none; }
    #contacto form .c-botones { margin: 10px 0px; float: left;position: relative; }
    #contacto form .c-botones .btn { padding: 8px 50px 8px 30px;float: left; display: block;text-align: center; border-radius: 20px 20px 20px 0; -webkit-border-radius: 20px 20px 20px 0; -moz-border-radius: 20px 20px 20px 0;  border: 0px #FFF solid; background-color: #FBAE17;font: normal normal 16px/16px 'semi',Arial;color: #FFF;cursor: pointer; }
    #contacto form .c-botones .btn:hover { background-color: #F58C20; }
    #contacto form .c-botones i { margin: 0;position: absolute;top: 10px;right: 20px; font-size: 18px;color: #FFF; }
    #contacto form .c-botones input[type="submit"] { }
    #contacto #ModalRespuesta .modal-header{border-bottom: none;}
    
    
    
    
    #confirmacion_contacto {}
    #confirmacion_contacto .contacto{margin-bottom: 15px;}
    #confirmacion_contacto .contacto p{font-size: 30px}
    #confirmacion_contacto .contacto span{font-size: 25px}
    #confirmacion_contacto h1{text-transform: uppercase; font-family: semi; font-size: 24px;background-color: #FFF; padding-bottom: 28px;}
    #confirmacion_contacto .item {color: #6d6e70; padding: 30px 15px; background-color: #f7f7f7; border: 1px #CCC solid;overflow: hidden;min-height: 152px;}
    #confirmacion_contacto .item .icono {padding-right: 10px; border-right: 1px #CCC solid;}
    #confirmacion_contacto .item span {color: #6d6e70; font-size: 18px;}
    #confirmacion_contacto .item .first {margin-top: 10px;}
    #confirmacion_contacto .item .telefonos {margin-top: -8px; font-family: bold; font-family: b-cond; font-size: 25pt;}
    #confirmacion_contacto .item .direccion {font-family: semi; font-size: 15pt; }
    #confirmacion_contacto .correos {padding: 25px 0; overflow: hidden; }
    #confirmacion_contacto .correos .soporte, #contacto .correos .comercial, #contacto .correos .general {float: left; background-repeat: no-repeat;}
    #confirmacion_contacto .correos .soporte span {font-size: 14px; clear: both;}
    #confirmacion_contacto .correos .email {font-size: 21px; font-family: semi;}
    #confirmacion_contacto .correos .cont_img{padding: 0px;}
    #confirmacion_contacto .correos .cont_info{padding: 0px;}
    #confirmacion_contacto .horario{clear: both;}
    #confirmacion_contacto .horario h2{color:#C3C3C3;font-size: 22px;font-family: regular; text-align: center;}
    #confirmacion_contacto .horario h2 span{color:#D22C2E;font-size: 27px;font-family: semi;clear: both;display: block;}
    
    
    
    .formulario {overflow: hidden; clear: both;}
    .formulario .c { margin: 0px; overflow: hidden; float:left; margin-bottom:10px; }
    .formulario h2 {margin-bottom: 20px; font-size: 21px; text-transform: uppercase; }
    .formulario .c i{ color: #d32028;margin-right: 3px; }
    .formulario .c label { display: block; color: #555; padding: 4px; font-size: 15px; font-family: semi; }
    .formulario .c input[type="text"]{border-radius: 0px;}
    .formulario .c input[type="password"] { padding: 2px 5px; background-color: #fff; border-radius: 0px;}
    .formulario .c input[type="file"] { padding: 2px 5px; width: 192px; height: 28px;  float: left; background-color: #fff; }
    .formulario .c select { padding-top: 2px 5px; width: 192px; height: 28px; float: left; background-color: #fff; }
    .formulario .c select option{ padding:4px;}
    .formulario .c textarea { background-color: #fff; border-radius: 0px;min-height: 125px;}
    .formulario .c span.ayuda { background-image: url(../Imagenes/Sistema/icono-ayuda.png); background-repeat: no-repeat; background-position: left top; display: block; height: 16px; width: 16px; float: left; margin: 5px; cursor: pointer; }
    .formulario .c span.requerido {  }
    .formulario .c span.ayuda font{ display: none; }
    /*
    -?-
    .formulario .c .text1 { width: 100px !important; float: left; }*/
    .formulario .c .text2 { width: 180px !important; float:left; }
    .formulario .c .text3 { width: 250px !important; float:left; }
    .formulario .c .textarea1 { width: 546px; height: 80px; float: left; font-size: 12px; }
    .formulario .c .textarea2 {float: left; font-size: 12px; }
    .formulario .c .textarea3 { width: 800px; height: 80px; float: left; font-size: 12px; }
    .formulario .c .file{ float: left; height: 28px; width: 192px; }
    .formulario .c .radio{ margin-right:5px;}
    .formulario fieldset{  margin: 10px 0; }
    .formulario .fieldset{ margin-bottom:10px;}
    .formulario .fieldset .legend{ margin: 10px 0;display:block; font: normal normal 18px/18px 'semi',Arial; }
    .formulario .c.fecha table { width: 135px; float: left;  }
    .formulario .c.fecha table img {  }
    .formulario .c.fecha input[type="text"] { width: 105px; }

    .formulario .c.clear ul { list-style-type: none; margin: 0; padding: 0; color: #666; overflow:hidden; }
    .formulario .c.clear li { width:295px; float:left; padding:5px; height:45px; margin-right: 5px; }
    .formulario .c.error { }
    .formulario .c.error label { color: #d62629; }
    .formulario .c.error label a{ color: #d62629; }
    .formulario .c.error input, .formulario .c.error textarea { border-color: #d62629; }
    .formulario .c .campo-error { width: 16px; height: 16px; display: inline-block; margin-top: 5px; }
    .formulario .c .campo-error img { width: 16px; height: 16px; margin: 0px!important; }
    .formulario .c .campo-error br { display: none; }
    .formulario .c .campo-error font { display: none; }
    .formulario .error-validacion{ display: none;}
    .formulario .botones{ float: right;}
    .formulario .boton { padding: 5px 25px; cursor: pointer;font: normal normal 16px/16px 'semi',Arial;-webkit-border-radius: 15px 15px 15px 0;-moz-border-radius: 15px 15px 15px 0;border-radius: 15px 15px 15px 0; }
    .formulario .c.capcha .img-capcha{ float: left; }
    .formulario .c.capcha .campo-campcha{ float:left; margin-top:12px; }
    .formulario .c.capcha #verificacion{ background: #F9F9F9; border: 1px solid #CCC;border-radius:3px; height: 41px; width: 100px; padding-left: 5px; color: #666; float: left; font-size: 24px; font-weight: bold; text-align: center; }
    .formulario .c.terminos {  }
    .formulario .c.terminos input { margin: 5px; }

    .formulario .c.ancho435 {float: left; }
    .formulario .c.ancho975 { width: 950px; }
    .formulario .c.alto70 { height:70px; }
    .formulario .c.ancho170 { width: 170px;}
    .formulario textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
    .formulario .c .gmap_campo input[type="text"] { height: 26px; width: 173px; padding-left: 5px; background-color: #F9F9F9; border: 1px solid #CCC; border-radius:3px; color: #000; font-weight: bold;}
    
#proyectos {background-color: #FFF;}
    #proyectos .miga {}
    #proyectos .categorias {margin-bottom: 20px; background-color: #fbfbfb; padding: 10px 15px; overflow: hidden;}
    
    #proyectos .categorias ul {float: right;}
    #proyectos .categorias ul li {float: left; padding: 0 8px; border-right: 1px #CCC solid; text-align: center;}
    #proyectos .categorias ul li:first-child{border-right: 0px;}
    #proyectos .categorias ul li:last-child{border-right: 0px;} 
    #proyectos .categorias span {padding: 5px; display: block; font-size: 18px; color: #000;}
    #proyectos .categorias a {padding: 5px; color: #464547; font-size: 17px; display: block; }
    #proyectos .categorias .actual {padding: 5px 15px; background-color: #d62629; color: #FFF; border-radius: 4px;}
    #proyectos .categorias a:hover {background-color: #d62629; color: #FFF; border-radius: 4px;} 
    #proyectos .lista {margin-bottom: 20px;padding: 0px;}
    #proyectos .lista .year {margin-bottom: 20px; overflow: hidden;padding: 0px;}
    #proyectos .lista .year h2 {padding: 45px 0px; margin-bottom: 40px; font-family: bold; font-size: 43px; color: #FFF; display: block; text-align: center; background-position: center; background-image: url('../Imagenes/Sistema/fondo-year.png'); background-repeat: no-repeat;}
    #proyectos .lista .year .ctn-proyecto-item {float: left;display: inline-block;margin-bottom: 15px;padding-left: 0px;}
    #proyectos .lista .year .item {overflow: hidden; float: left; position: relative;/*width: 100%*/ margin-bottom: 30px;}
    
    
    #proyectos .lista .year .item .ctn-padd-proyecto{top: 0; left: 0; margin-top: -400px; transition: 1s ease; width: 100%; height: 100%; position: absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; padding: 0 15px;}
    
    #proyectos .lista .year .item .descripcion {width: 100%; height: 100%; background-color: rgba(214, 38, 41, 0.85); padding-top: 20%;}
    
    
    
    #proyectos .lista .year .item:hover .ctn-padd-proyecto{margin-top: 0px; }
    #proyectos .lista .year .item .descripcion h3 {margin-bottom: 3px; font-family: bold; font-size: 13pt; display: block; text-align: center; color: #FFF;}
    #proyectos .lista .year .item .descripcion h4 {font-family: it; font-size: 13px; display: block; text-align: center; color: #FFF;}
    #proyectos .lista .year .item .ver-galeria{ position: absolute; top: 0px; right: 15px; background-color: rgba(214, 38, 41, 0.85); text-align: center;  border-radius: 8px; margin: 5px; width: 35px; height: 35px; padding-top: 6px; z-index: 10;}
    #proyectos .lista .year .item .ver-galeria i{ color: #fff; font-size: 22px;  }
/*    #proyectos .lista .year .item .imagen{ color: #fff; font-size: 22px; -webkit-box-shadow: 5px 5px 19px -3px rgba(125,125,125,1);
-moz-box-shadow: 5px 5px 19px -3px rgba(125,125,125,1);
box-shadow: 5px 5px 19px -3px rgba(125,125,125,1); }*/
    #proyectos .lista .year .item .imagen{ color: #fff; font-size: 22px;}
    #proyectos .lista .item-proyectos{margin-bottom: 120px;}
    #proyectos .lista .item-proyectos .link-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
    #proyectos .lista .item-proyectos .ctn-hover{position: relative;}
    #proyectos .lista .item-proyectos .ctn-hover .ctn-info{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.342472022988883) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.342472022988883) 100%);background: linear-gradient(0deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.342472022988883) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
    #proyectos .lista .item-proyectos .ctn-hover .ctn-info .ctn-relativo{position: relative; width: 100%; height: 100%;}
    #proyectos .lista .item-proyectos .ctn-hover .ctn-info .ctn-relativo .ctn-absoluto{position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; margin-bottom: 10px;}
    #proyectos .lista .item-proyectos .ctn-hover .ctn-info .ctn-relativo .ctn-absoluto h2{margin-bottom: 5px; color: #FFF; font-size: 20px; font-family: n-bold; text-align: center;}
    #proyectos .lista .item-proyectos .ctn-hover .ctn-info .ctn-relativo .ctn-absoluto img{display: inline-block;}
    
    
    
    
    
    
#proyectos-ver {}

    #proyectos-ver .logo-proyecto {text-align: center; padding: 40px 0px 30px;background-color: #FFF;}
    #proyectos-ver .logo-proyecto img{margin: 0 auto;}
    #proyectos-ver .descripcion-proy {margin-bottom: 40px; text-align: center;font-family: it; font-size: 15px;}
    #proyectos-ver .slide {clear: both; margin-bottom: 30px; overflow: hidden;}
    #proyectos-ver .slide ul li {position: relative;margin-bottom: 25px;}
    #proyectos-ver .slide .hover {padding:8px; bottom: 0;  color: #FFF; width: 90%; font-size: 11pt; font-family: regular; text-align: center; background-color: rgba(0,0,0,0.6); position: absolute; }
    #proyectos-ver .slide ul li img{border: solid 1px #ccc;}
    #proyectos-ver .slide ul li img:hover{ border: solid 1px #666;}
    #proyectos-ver .tipos {margin-bottom: 40px; padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;}
    #proyectos-ver .tipos h2 {margin-bottom: 10px; font-size: 25px; color: #1c1c1c;}
    #proyectos-ver .tipos h2 b {font-family: semi-it; color: #d62629;}
    #proyectos-ver .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid; width: 350px; height: 207px; float: left; }
    #proyectos-ver .tipos .borde {border-bottom: 1px #bec0c2 solid;}
    #proyectos-ver .tipos .item .icon {width: 45px; height: 45px;  margin-right: 15px; float: left;}
    #proyectos-ver .tipos .item h3 {margin-top: 10px; width: 290px; color: #1c1c1c; float: left; font-size: 21px;}
    #proyectos-ver .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;}
    #proyectos-ver .slide-similares {overflow: hidden; margin-bottom: 40px;}
    #proyectos-ver .slide-similares .tabs {margin-bottom: 20px; padding: 10px 20px; background-color: #323232; clear: both; overflow: hidden;}
    #proyectos-ver .slide-similares .tabs h3 {font-family: regular; color: #FFF; text-transform: uppercase; font-size: 21px;}    
    #proyectos-ver .slide-similares .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;}
    #proyectos-ver .slide-similares .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;}
    #proyectos-ver .slide-similares .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;}
    #proyectos-ver .slide-similares .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; }
    #proyectos-ver .slide-similares .contenido .imagen {width: 296px; height: 210px;}
      
    #articulos-ver .formulario .c{margin-bottom: 0;}
    
    
    @media (max-width: 1220px) {
        .tipos h2{padding-left: 15px;}
        #index .block-proyectos .heading h2{padding-left: 15px;}
        #footer .block-info{padding-left: 15px;}
        #proyectos .lista .year .ctn-proyecto-item {padding-left: 15px;}
    }
    
    @media (max-width: 1200px){
        #proyectos .lista .item-proyectos .ctn-hover .ctn-info .ctn-relativo .ctn-absoluto h2{font-size: 18px;}
    }
    
    @media (max-width: 1140px) {
        #contacto .correos .soporte, #contacto .correos .comercial, #contacto .correos .general {padding-left: 5px;}
        #confirmacion_contacto .correos .soporte, #confirmacion_contacto .correos .comercial, #confirmacion_contacto .correos .general {padding-left: 5px;}
    }
    
    @media (max-width: 1054px) {
        #contacto .correos .email {font-size: 20px;}
        #confirmacion_contacto .correos .email {font-size: 20px;}
    }
    @media (max-width: 991px) {/* Inicio de la medida sm */
        
        .slide .cont{left: 25%;}
        
    } 
    @media (max-width: 800px) {/* Inicio de la medida sm */
        
        .slide .cont{left: 24%;}
        
    } 
    @media (max-width: 768px) { /* Inicio de la medida xs */
    .izq {margin-bottom: 20px;}
    .contacto p{padding: 29px 0px 0px;}
    .contacto a{margin-top: 8px;}
    #desarrollo-web .tipos .item {min-height: 180px;}
    #desarrollo-web .ventajas .item {min-height: 128px !important;}
    #comunicacion-digital .productos .item {min-height: 98px;}
    .ventajas .item {min-height: 108.6px !important;}
    .centrarimg img{margin: 0 auto;}
    #innovacion .productos .item .icon{width:50%;}
    #innovacion .productos .item .icon img{margin: 0 auto;}
    #innovacion .productos .item .descripcion{width:50%}
    #otros-servicios .ventajas .item {margin: 0 0px 20px 0;}
    .contenedor_item{margin-bottom: 15px;}
    
    #proyectos-ver .slide ul li{width: 50%;}
    #comunicacion-digital .productos .item{min-height: 0px !important;margin-bottom: 25px;float: left;}
     #index .block-proyectos .heading h2{padding-left: 0px;}
     #proyectos .lista .year .ctn-proyecto-item{min-height: 0px;}
     #proyectos .lista .year .item .imagen img{width: 100%}
     /*#proyectos .lista .year .item .descripcion{margin-top: -222px;}*/
     /*#proyectos .lista .year .item .descripcion h3{margin-top: 25px;}*/
     #contacto .correos .soporte, #contacto .correos .comercial, #contacto .correos .general{margin-bottom: 15px;padding-top: 5px;overflow: hidden;padding-bottom: 0px;min-height: 0px;}
     #contacto .row{margin: 0px;}
     #contacto .correos{margin: 15px 0;}
     .tipos .item{min-height: 0px; padding: 12px 14px;}
     #desarrollo-web .tipos .item{min-height: 0px;padding: 15px;}
     .owl-theme .owl-controls{margin-top: 10px;}
     #proyectos .lista .item-proyectos{margin-bottom: 30px;}
}

@media (max-width: 990px){
  #confirmacion_contacto .correos .general {clear: both;}  
  #confirmacion_contacto .correos .soporte, #confirmacion_contacto .correos .comercial, #confirmacion_contacto .correos .general{margin-bottom: 15px;}
  #confirmacion_contacto .item span{font-size: 15px;}
  #proyectos .categorias{padding-right: 30px;}
  #proyectos .categorias ul li{width: 100%;border-bottom: 1px #CCC dotted;border-right-width: 0px;padding: 10px;}
  #proyectos .categorias ul li:last-child{border-bottom-width: 0px;}
  #proyectos .categorias .actual{background-color: transparent;color:#d62629}
  #proyectos .categorias{display: none}
  #proyectos .categorias ul .mostrar{display: none;}
}


@media (max-width: 970px){ /* Inicio de la medida sm */
    .ventajas .item{ min-height: 229.6px;}
    .contacto .center{padding-left:0px;}
    .contacto .center{padding-left:0px;}
    .slide img{margin:0 auto;}
    #desarrollo-web .ventajas .item {min-height: 192px;}
    #comunicacion-digital .productos .item {min-height: 191px;}
    #otros-servicios .ventajas .item {min-height: 110.6px;}
    #proyectos .lista .year .item{min-height: 0px;}
    
    
}
@media (max-width: 850px){ /* Inicio de la medida sm */

 #desarrollo-web .ventajas .item {min-height: 228px;}
 #comunicacion-digital .productos .item {min-height: 246px;}
    
}
@media (max-width: 800px){ /* Inicio de la medida sm */

 #desarrollo-web .ventajas .item {min-height: 253px;}
 
    
}
@media (max-width: 767px){
    #proyectos .lista .year .item .ctn-padd-proyecto{margin-top: -500px;}
    .slide .cont{left: 17%;}
    #contacto .formulario .terminos label{text-align: center;}
    #contacto .formulario .enviar{float: none;}
    #contacto .formulario h2{padding: 0 15px;}
    #contacto .ubicacion{margin-bottom: 20px;}
    #contacto .ubicacion iframe{height: 320px;}
    
} /* Inicio de la medida sm */
@media (max-width: 700px){ /* Inicio de la medida sm */

 
}

@media (max-width: 650px){ /* Inicio de la medida sm */
}
@media (max-width: 600px){ /* Inicio de la medida sm */
    
    .slide .cont {left: 16%;top: 23px;width: 68%;}
    
}

@media (max-width: 520px){
/*    .ctn-cliente{width: 100%}*/
    #clientes .lista .item .descripcion h3{margin-top: 30px;}
} 
@media (max-width: 550px){ /* Inicio de la medida sm */
}

@media (max-width: 500px){ /* Inicio de la medida sm */
}

@media (max-width: 450px){
    .ctn-cliente{width: 100%}
    #clientes .lista .item .imagen img{width: 100%}
    #clientes .lista .item .descripcion{margin-top: -242px;}
}

@media (max-width: 479px){
    
    #proyectos .lista .year .ctn-proyecto-item{width: 100%}
    /*#proyectos .lista .year .item .descripcion h3{margin-top: 62px;}*/
    /*#proyectos .lista .year .item .descripcion{margin-top: -276px;}*/
    #index .block-proyectos .heading h2{font-size: 24px;}
    #proyectos .lista .year .item .ctn-padd-proyecto{margin-top: -290px;}
    .slide .cont{top: 20px;}
}



@media (max-width: 450px){ /* Inicio de la medida sm */
    .contacto p {font-size: 18px;}
    .contacto a{margin-top: 15px;}
    .ventajas .item{max-height: 229.6px;margin: 0 0px 20px 0;}
    #contacto .correos .email {font-size: 20px;}
    #confirmacion_contacto .correos .email {font-size: 20px;}
}

@media (max-width: 410px){
    
    .slide .cont {top: 15px;}
}

@media (max-width: 400px){ /* Inicio de la medida sm */
    #proyectos .lista .year .item{width: 100% !important;}
    #proyectos-ver .slide ul li{width: 100% !important;}
    #confirmacion_contacto .item .icono{display: none}
    #confirmacion_contacto .item .contenedor_contacto{width: 100%}
}


@media (max-width: 361px){ /* Inicio de la medida sm */
    #innovacion .productos .item {margin-bottom: 25px;border-bottom: 1px #CCC dashed;padding-bottom: 10px;}
    #innovacion .productos .item .icon{width:100% !important;margin-bottom: 10px;}
    #innovacion .productos .item .descripcion{width:100% !important;}
    .ventajas .item{max-height: none !important; height: 100%;overflow: hidden;margin-bottom: 12px;}
    .ventajas .item .icon{width: 100% !important;margin-bottom: 12px;}
    .ventajas .item .icon img{margin: 0 auto;}
    .ventajas .item .descripcion{width: 100% !important}
    .ventajas .item .descripcion h3{width: 100%; text-align: center;}
    #comunicacion-digital .productos .item{min-height: inherit !important;overflow: hidden;margin-bottom: 10px}
    #comunicacion-digital .productos .item .icon{width: 100%;margin-bottom: 12px;}
    #comunicacion-digital .productos .item .icon img{margin: 0 auto;}
    #comunicacion-digital .productos .item .descripcion{width: 100%;}
    #comunicacion-digital .productos .item .descripcion h3{width: 100%;text-align: center;}
    #contacto .item .icono{width: 100%;border-right-width: 0px;border-bottom: 1px #CCC solid;padding-bottom: 10px; margin-bottom: 10px;display: none}
    #contacto .item .icono img{margin: 0 auto;}
    #contacto .item .contenedor_contacto{width: 100%;}
    #contacto .item .telefonos{font-size: 17pt;margin-top: 3px;}
    #contacto .item .direccion{font-size: 12pt;}
    
    #confirmacion_contacto .item .icono{width: 100%;border-right-width: 0px;border-bottom: 1px #CCC solid;padding-bottom: 10px; margin-bottom: 10px;}
    #confirmacion_contacto .item .icono img{margin: 0 auto;}
    #confirmacion_contacto .item .contenedor_contacto{width: 100%;}
    #confirmacion_contacto .item .telefonos{font-size: 17pt;margin-top: 3px;}
    #confirmacion_contacto .item .direccion{font-size: 12pt;}
    

    
}