/*

Theme Name: Proto

Description: Tema para WordPress.

Author: Sr. Prioto

Author URI: https://twitter.com/SrPrioto

version: 1.3

*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');



/*

FUENTES

Titulos:
font-family: 'Orbitron', sans-serif;

texto:
font-family: 'Lato', sans-serif;

*/

*{margin:0; padding:0;}

:root{
    --rojo:#A08DF6;
    --rojohover:#ac6bec;
    --narajna:#ac6bec;
    --verde: #89C9AF;
    /* --verde: rgb(93, 158, 118); */
    
}

body{

    margin: 0;

}



img{border: none; padding:0; max-width:100%; height:auto;}

img a{border:none;}



.alignleft{float:left;border:none;margin:0 10px 10px 0;}

.alignright{float:right;border:none;margin:0 0 10px 10px;}

.aligncenter{display:block; margin:0 auto 10px;}

.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}



h1, h2, h3, h4, h5, h6{

    font-family: 'Lato', sans-serif;

    margin-bottom: 10px;

}



p, a, li, span {

    font-family: 'Lato', sans-serif;

    margin-bottom: 10px;

    font-weight: 400;

    font-size: 17px;

    line-height: 25px;

}



h1{

    font-size: 40px;

    font-weight: 700;

}



h2 {

    font-size: 31px;

    color: #355f6c;

}



h3 {

    font-size: 20px;

}



h4{}

h5{}

h6{}

p{}

a{}



/* links */

a{color:var(--rojo); text-decoration:none;}

a:hover{text-decoration:none;}



li{list-style: none;}



/* container */

.container {

    max-width:1200px;

    margin: 0 auto;

}



.containerDos{

    max-width:1000px;

    margin: 0 auto;

}


/*Genericos*/

.botoncito {
    margin: 20px 0 10px 0!important;
    display: inline-block;
    background-color: var(--rojo)!important;
    padding: 8px 43px!important;
    color: #fff!important;
    font-weight: 600;
    font-size: 17px;
    border-radius: 7px!important;
    border: 1px solid var(--rojo)!important;
    transition: .4s;
    text-align: center;
}

.botoncito:hover {
    transition: .4s;
    background-color: var(--rojohover)!important;
    border: 1px solid var(--rojohover)!important;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.49);
}

/* top */

.superMenu {
    background-color: #33444d;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 5% 3px 5%;
    box-shadow: 0 2px 10px 3px rgba(0,0,0,0.25);
    z-index: 1000;
}

.logo {

    float: left;

    width: 20%;

    vertical-align: middle;

}

.logo img {
    width: 109px;
    padding-top: 5px;
}

.logo a {
    font-size: 0;
    line-height: 0;
}



/* Primera Parte del Menu*/



.upMenu {

    display: inline-block;

    width: 80%;

    vertical-align: middle;

    padding: 10px 0 0px 0;

}



#menu {

    text-align: right;

}

#menu ul li {
    display: inline-block;
    padding: 3px 0% 0px 2%;
    position: relative;
    margin-bottom: 0;
}

#menu ul li.current-menu-item a{  } /* item de lista activa */

#menu ul li.menu-item-has-children{  } /*icono para desplecable*/

#menu ul li.menu-item-has-children ul li{  } /*Quitar icono*/



#menu ul li a {

    color: #FFF;

    font-size: 15px;

    -webkit-transition: color .15s;

    -moz-transition: color .15s;

    -o-transition: color .15s;

    transition: color .15s;

    font-size: 15px;

    font-weight: 700;

}



#menu ul li a:hover{color: #ffb300;}

#menu ul li ul{

    opacity:.9!important;

    visibility:hidden;

    padding:10px;

    background-color:#F1F1F1;

    text-align:left;

    position:absolute;

    top:55px;

    left:50%;

    margin-left:-130px;

    width:240px;

    -webkit-transition:all .3s .1s;

    -moz-transition:all .3s .1s;

    -o-transition:all .3s .1s;

    transition:all .3s .1s;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);

    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);

    box-shadow:0 1px 3px rgba(0,0,0,0.4);

}

#menu ul li:hover ul{opacity:1;top:40px;visibility:visible;}

#menu ul li ul:before{content:"";display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}

#menu ul ul li{position:relative;padding: 0;display: block;}

#menu ul ul li a{

    margin-bottom: 0;

    color:#323232;

    font-size:13px;

    padding: 5px 10px;

    display:block;

    -webkit-transition:background-color 0.1s;

    -moz-transition:background-color 0.1s;

    -o-transition:background-color 0.1s;

    transition:background-color 0.1s

}

#menu ul ul li a:hover{background-color:rgb(47, 85, 106);color:#FFF}

/* Segunda PArte*/

#menu ul li:hover ul ul{visibility:hidden}

#menu ul li ul ul:before{top: 0;}

#menu ul ul li ul{position:absolute;top:15px;margin: 0; left:100%;background-color:#fafafa;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4); z-index: 100;}

#menu ul ul li:hover ul{opacity:1;top:0;visibility:visible}



.botonMenu {

    cursor: pointer;

    margin: 0 0 0 25px!important;

    background-color: var(--rojo)!important;

    padding: 0px 30px!important;

    color: #fff;

    font-weight: 600;

    font-size: 17px;

    border-radius: 7px!important;

    border: 1px solid var(--rojo)!important;

    transition: .4s;

}



.botonMenu:hover{

    transition: .4s;

    background-color: var(--rojohover)!important;

    border: 1px solid var(--rojohover)!important;

    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.49);

}



.botonMenu:hover a{

    color: #fff!important;

}



/*Popup*/



.fancybox-skin{

    padding: 0!important;

}



.popup {

    display: none;

    width: 470px;

    margin: 0 auto;

    background-color: #fff;

    box-sizing: border-box;

    padding: 20px;

    text-align: center;

}



.popup .tituloPop {

    font-size: 22px;

    color: #444444;

    margin-bottom: 0;

}



.popup .descripPop {

    color: #8a8a8a;

}



.popup .secPopLeft {

    text-align: center;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 10px;

    margin-bottom: 35px;

    margin-top: 20px;

}



.popup .boxPopLeftInt {

    box-sizing: border-box;

    padding: 10px;

    box-shadow: 5px 5px 9px 0px #e4e4e4;

    transition: .4s;

}



.popup .boxPopLeftInt:hover {

    transition: .4s;

    transform: scale(0.98);

    box-shadow: none;

}



/*.popup .boxPopLeftInt:last-child{

    margin-bottom: 0;

}*/



.popup .boxPopLeftInt img {

    width: 45px;

    margin-bottom: 10px;

}



.popup .boxPopLeftInt h5 {

    margin-bottom: 0;

    color: #777777;

}



.popup .boxPopLeftInt p {

    margin-bottom: 0;

    color: #0a8ecd;

    font-weight: 600;

    font-size: 15px;

}



.popup .secPopRight {

    padding-top: 20px;

    border-top: 1px dashed #403f3f;

}



.popup .secPopRight .wpcf7 input {

    margin-bottom: 8px;

    border: 1px solid #fff;

    box-shadow: 5px 5px 9px 0px #d6d6d6;

    font-family: monospace;

}



.popup .secPopRight .wpcf7 textarea {

    margin-bottom: 8px;

    border: 1px solid #fff;

    box-shadow: 5px 5px 9px 0px #d6d6d6;

    height: 100px;

}





.popup .secPopRight h3 {

    font-size: 18px;

    color: #444444;

}

.divFormPopup .intFormPopupEnviar input[type=submit] {
    display: table;
    width: 60%;
    margin: 0 auto!important;
}

div.wpcf7 .ajax-loader{

    bottom: 40px;

    right: 90px;

    display: block!important;

    position: absolute;

}





/*Banner*/



.bannerPrincipal {

    background: linear-gradient(45deg, var(--verde) 0%, rgb(47, 85, 106) 54%, rgba(51,68,77,1) 100%);

    background-size: cover;

    padding: 100px 50px 130px 50px;

    color: #fff;

    box-sizing: border-box;

    position: relative;

}



.bannerIzq{

    float: left;

    box-sizing: border-box;

    padding-right: 30px;

    text-align: center;

    vertical-align: top;

    width: 35%;

}



.bannerDer {

    width: 65%;

    text-align: right;

    float: left;

    vertical-align: top;

}



.bannerDer h2 {

    color: #fff;

    font-size: 36px;

}



.bannerIzq img{

    width: 300px;

}



.bannerDer p {

    width: 80%;

    margin-left: auto;

}



.bannerPrincipal .botonBannerUno {

    margin: 20px 20px 10px 0;

    display: inline-block;

    background-color: rgb(93, 158, 118);

    padding: 7px 43px 9px 43px;

    color: #fff;

    font-weight: 600;

    font-size: 17px;

    border-radius: 7px;

    border: 1px solid rgb(93, 158, 118);

    cursor: pointer;

    transition: .4s;

}



.bannerPrincipal .botonBannerUno:hover{

    transition: .4s;

    background-color: var(--rojohover)!important;

    border: 1px solid var(--rojohover)!important;

    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.49);

}



.bannerPrincipal .boxImgIdea {

    position: absolute;

    width: 92%;

    bottom: 19px;

    text-align: center;

}



/*Descripcion*/



.descripcionWeb {

    padding: 30px 0 0px 0;

    position: relative;

}



.descripcionWeb::before {

    content: "";

    position: absolute;

    border-top: 50px solid transparent;

    border-left: 1920px solid #fff;

    top: -50px;

}



.descripcionWeb::after {

    content: "";

    position: absolute;

    border-bottom: 50px solid transparent;

    border-left: 1920px solid #fff;

    bottom: -50px;

    z-index: 100;

}



.infoDescripWeb {

    display: inline-block;

    width: 30%;

    vertical-align: middle;

    text-align: center;

}



.infoDescripWeb h1 {

    line-height: 39px;

    font-size: 30px;

    margin-bottom: 25px;

    color: #355f6c;

}



.infoDescripWeb p {

    line-height: 20px;

}

.imgDescripWeb {
    display: inline-block;
    width: 65.7%;
    vertical-align: middle;
    margin-left: 3.6%;
}

.imgDescripWeb img {
    width: 100%;
}


/*Servicios*/



#checkServ{

    position: absolute;

    top: -40px;

}



.servicios {

    position: relative;

    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));

    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);

    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);

    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);

    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);

    box-sizing: border-box;

    padding: 70px 0 0 0;

    text-align: center;

}



.secServ {

    margin-top: 40px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 0 25px;

}



.productoServ {

    box-sizing: border-box;

    padding: 0px 20px;

}



.productoServ:hover{

    transition: .4s;

}



.verMasServ {

    transform: scale(0);

    transition: .4s;

    margin-bottom: 0!important;

    margin-top: 10px;

}



.productoServ:hover .verMasServ{

    transform: scale(1);

    transition: .4s;

}



.productoServ img{

    margin-bottom: 20px;

    transition: .4s;

}



.divInfoServ {

    transition: .4s;

}



.divInfoServ p {

    line-height: 20px;

}



.productoServ:hover .divInfoServ {

    margin-top: -20px;

    transition: .4s;

}



.productoServ:hover img{

    transform: scale(.8);

    transition: .4s;

}



.productoServ h2 {

    font-size: 18px;

    color: #324753;

    font-weight: 700;

    text-transform: uppercase;

}



/*Nosotros*/



.sobreNosotros{



    background: -moz-linear-gradient(left, rgba(49,76,90,1) 0%, rgba(91,155,117,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,76,90,1)), color-stop(100%, rgba(91,155,117,1)));

    background: -webkit-linear-gradient(left, rgba(49,76,90,1) 0%, rgba(91,155,117,1) 100%);

    background: -o-linear-gradient(left, rgba(49,76,90,1) 0%, rgba(91,155,117,1) 100%);

    background: -ms-linear-gradient(left, rgba(49,76,90,1) 0%, rgba(91,155,117,1) 100%);

    background: linear-gradient(to right, rgba(49,76,90,1) 0%, rgba(91,155,117,1) 100%);

    

    position: relative;

    box-sizing: border-box;

    padding: 30px 5% 0 5%;



}



.sobreNosotros .imgBanMed {

    display: inline-block;

    width: 29.2%;

    opacity: 0.6;

    vertical-align: middle;

}



.sobreNosotros .textoBannerMedio {

    display: inline-block;

    width: 70.5%;

    vertical-align: middle;

    text-align: center;

    box-sizing: border-box;

    padding-left: 4%;

    color: #fff;

}



.sobreNosotros .textoBannerMedio h2 {

    color: #fff;

}



/*Como funciona*/


.comoFunciona {
    padding: 30px 0 40px 0;
    position: relative;
    background: url(images/banner-medio-diseno-web-cusco.jpg) center center no-repeat fixed;
    background-size: cover;
}

#checkComoFunciona {
    position: absolute;
    top: -90px;
}

.comoFunciona::after {

    content: "";

    position: absolute;

    border-top: 50px solid transparent;

    border-right: 1920px solid #fff;

    bottom: 0px;

    left: 0;

}



.comoFunciona .container {

    text-align: center;

    padding: 0 180px;

    box-sizing: border-box;

}



.comoFunciona h2 {

    color: #fff;

}



.comoFunciona p {

    color: #dcdcdc;

    font-size: 14px;

}



.infoFunc {

    margin: 40px 0 0px 0;

    position: relative;

}



.infoFunc p {

    line-height: 20px;

}



.infoFunc img {

    position: absolute;

}



.imgInfoFunc {

    position: relative;

    display: inline-block;

    width: 50%;

    vertical-align: top;

    height: 100%;

}



.imgInfoFunc1 {

    width: 150px;

    left: 30px;

}



.imgInfoFunc2 {

    width: 110px;

    left: 240px;

    top: 40px;

}



.imgInfoFunc3 {

    width: 140px;

    left: 0px;

    top: 190px;

}



.imgInfoFunc4 {

    width: 190px;

    left: 190px;

    top: 186px;

}



.txtInfoFunc {

    margin-left: 50%;

    display: inline-block;

    width: 50%;

    vertical-align: top;

    text-align: left;

}



.txtInfoFuncInf {

    margin-bottom: 30px;

}



.txtInfoFunc h2 {

    font-size: 18px;

    text-transform: uppercase;

}



/*Obtendras*/



.obtendras {

    padding: 20px 0 60px 0;

    background-color: #fff;

    text-align: center;

}



.tituloObtendras, .descObtendras{

    box-sizing: border-box;

    padding: 0 180px;

}



.superObt {

    margin-top: 20px;

}



.intSuperObt {

    box-shadow: 5px 5px 9px 0px #e4e4e4;

    display: inline-block;

    width: 24.1%;

    vertical-align: top;

    text-align: center;

    margin: 9px 0.3%;

    box-sizing: border-box;

    border-radius: 7px;

    padding: 10px;

    min-height: 73px;

    border-right: 3px solid var(--rojo);

    transition: .4s;

}



.intSuperObt:hover{

    transition: .4s;

    transform: scale(0.98);

    box-shadow: none;

}



.imgObt {

    display: inline-block;

    width: 17%;

    vertical-align: middle;

}



.infoObt {

    display: inline-block;

    width: 81%;

    vertical-align: middle;

    line-height: 20px;

    margin-bottom: 0;

}



/*Blog*/



.blog {

    position: relative;

    padding: 10px 0 30px 0;

    background-color: #f8f8f8;

}


.blog::before {
    content: "";
    position: absolute;
    border-top: 50px solid transparent;
    border-left: 1920px solid #f8f8f8;
    top: -50px;
    z-index: 500;
}

.contenidoBlog {

    margin: 40px 0 30px 0;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 50px;

}



.contentArticulos {

    background-color: #fff;

    border-radius: 0px 0px 7px 7px;

}



.contentArticulos .textArticulos {

    box-sizing: border-box;

    padding: 0px 20px 10px 20px;

}

.contentArticulos .textArticulos h2 {
    line-height: 19px;
    margin-top: 15px;
    vertical-align: middle;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.contentArticulos .textArticulos h2 a {

    font-size: 21px;

    color: #355f6c;

    font-weight: 600;

}



.fechaBlog {

    margin-bottom: 12px;

}



.fechaBlog img, .fechaBlog p {

    display: inline-block;

    vertical-align: middle;

    margin: 0 6px 0 0;

    opacity: 0.4;

}



.fechaBlog p {

    padding-top: 4px;

}



.tituloBlog, .descBlog {

    text-align: center;

    box-sizing: border-box;

    padding: 0px 180px;

}



.botonBlog {

    display: table;

    margin-left: auto!important;

}



/*Marcas*/



.barraMarcas {

    background-color: #33444d;

    text-align: center;

    padding: 18px 0 10px 0;

}



.barraMarcas img {

    margin: 0 15px;

    width: 115px;

    opacity: 0.5;

}



/*Footer*/

.infoFooter {
    background: linear-gradient(to right, rgba(51,68,77,1) 0%, rgba(40,94,128,1) 100%);
    padding-bottom: 15px;
}

.infoFooter .container {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 15px;

    box-sizing: border-box;

    padding: 40px 0;

}



.CajaFootInt:nth-child(2) {

    box-sizing: border-box;

    padding-left: 50px;

}



.CajaFootInt p {

    color: #9c9c9c;

    font-size: 14px;

    line-height: 20px;

}



.CajaFootInt p strong{

    color: #fff;

    line-height: 20px;

}



.CajaFootInt .imgLogoFooter {
    margin-bottom: 14px;
    width: 150px;
}



.CajaFootInt .consultarFooter {

    font-size: 15px;

    font-weight: 700;

    color: #fff;

    display: inline-block;

    margin-top: 15px;

}



.CajaFootInt h3 {

    font-size: 18px;

    margin: 10px 0px 25px 0px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 700;

}



.menuFooter ul{

    column-count: 2;

}



.menuFooter ul li a {

    font-size: 14px;

    color: #fff;

    line-height: 20px;

}



.CajaFootInt ul li {

    list-style: square;

    font-size: 14px;

    color: #5b9b75;

    font-weight: 700;

    margin-left: 17px;

    line-height: 20px;

}

.barraCreditosSkynet {
    background-color: #2e5166;
    padding: 5px 0 7px 0;
}

.barraCreditosSkynet p {

    margin: 0;

    font-size: 14px;

    color: #fff;

}





/*Contenido*/



/*.content{float: left; width: 46%;padding: 0 2%;}*/



.content h1{ margin-bottom: 15px; }

.content h2 {

    margin-bottom: 15px;

    text-transform: uppercase;

    font-size: 23px;

    line-height: 35px;

}

.content h2 a {
    font-size: 23px;
    color: #025d94;
    font-weight: 600;
}

.content h3 {

    margin-bottom: 15px;

    text-transform: uppercase;

    font-size: 18px;

}

.content h4{ margin-bottom: 15px; }

.content h5{ margin-bottom: 15px; }

.content p {

    margin-bottom: 15px;

    text-align: justify;

}

.content a, .content ul, .content span{ margin-bottom: 15px; }



.content ul li {

    margin-left: 15px;

    padding-left: 25px;

    margin-bottom: 7px;

    background: url(images/checkIcon.png) center left no-repeat!important;

}



/*Page Paginas web*/



.pagePaginaWeb .contBoxCenter {

    box-sizing: border-box;

    margin-bottom: 20px;

}



.pagePaginaWeb .contBoxMiddle {

    display: inline-block;

    width: 47.8%;

    vertical-align: top;

    box-sizing: border-box;

    margin: 1%;

    padding: 20px;

    box-shadow: 1px 3px 10px 0px #cecece;

    transition: .4s;

}



.pagePaginaWeb .contBoxMiddle:hover{

    transition: .4s;

    transform: scale(0.99);

    box-shadow: none;

}



.pagePaginaWeb .boxIntLeft{

    display: inline-block;

    width: 65%;

    vertical-align: middle;

}



.pagePaginaWeb .boxIntLeft p{

    /*margin-bottom: 0;*/

}



.pagePaginaWeb .boxIntRight {

    display: inline-block;

    width: 34.6%;

    vertical-align: middle;

}



.contBoxCotizWeb {

    text-align: center;

    margin-top: 20px;

    background: url(images/desarrollo-web-movil-responsive-cusco.jpg) center center no-repeat fixed;

    box-sizing: border-box;

    padding: 30px 10px;

    margin-bottom: 40px;

}



.contBoxCotizWeb .boxCotizInt {

    padding: 10px 10px 20px 10px;

    display: inline-block;

    text-align: left;

    width: 30%;

    vertical-align: top;

    background-color: #fff;

    margin: 0 1.5%;

    border: 1px solid #fff;

    box-sizing: border-box;

}



/*.contBoxCotizWeb .boxCotizInt:last-child{

    margin-right: 0;

}*/



.contBoxCotizWeb h3 {

    margin-bottom: 0;

    font-size: 24px;

    text-align: center;

    box-sizing: border-box;

    padding: 15px 10px 25px 10px;

    color: #fff;

    background: linear-gradient(to right, rgba(51,68,77,1) 0%, rgba(40,94,128,1) 100%);

    position: relative;

}



.contBoxCotizWeb h3::before {

    content: "";

    position: absolute;

    border-top: 15px solid transparent;

    border-right: 333px solid #fff;

    bottom: 0px;

    left: 0;

}



.contBoxCotizWeb h4 {

    margin-bottom: 15px;

    text-align: center;

    font-size: 30px;

    font-weight: 800;

    color: var(--narajna);

}



.contBoxCotizWeb h4 strong {

    display: inherit;

    font-size: 20px;

    font-weight: 400;

}



.contBoxCotizWeb h5 {

    box-sizing: border-box;

    padding: 5px 20px;

    margin: 10px 0;

    border-radius: 6px;

    text-transform: uppercase;

    font-weight: 800;

    font-size: 17px;

    color: #fff;

    background: linear-gradient(to right, rgba(51,68,77,1) 0%, rgba(40,94,128,1) 100%);

}



.contBoxCotizWeb ol li {

    list-style: circle;

    margin-left: 35px;

    font-size: 14px;

    margin-bottom: 2px;

}



.contBoxCotizWeb p {

    padding: 0 18px;

    margin: 0 0 4px 0;

    color: var(--narajna);

    font-weight: 700;

}



.contBoxTxtFinal p {

    box-sizing: border-box;

    padding: 0 20%;

    text-align: center;

}



.botonComprar {

    margin: 20px auto 0 auto!important;

    display: table;

}



.desInfoInterna {

    margin-bottom: 55px;

}



.contBoxCaractFinal {

    box-sizing: border-box;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    text-align: center;

    grid-gap: 40px;

    margin-top: 40px;

    margin-bottom: 20px;

    padding: 0 150px;

}



.contBoxCaractFinal img {

    margin-bottom: 15px;

    min-height: 65px;

}



/*Sistemas*/



.contBoxTxtFinal {

    text-align: center;

    margin-top: 40px;

}



.contBoxItemsSist {

    margin: 40px 0 20px 0;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 35px 20px;

}



.contBoxTxtFinalInt img {

    margin-bottom: 10px;

}



.contBoxTxtFinalInt h3 {

    margin-bottom: 0;

}



.contBoxTxtFinalInt p {

    padding: 0 0;

    font-size: 15px;

    margin-bottom: 0;

}



/*Marketing*/







/*Soporte tecnico*/



.botonSoporte {

    display: table;

    margin: 30px auto 0px auto!important;

}



/*Web Master*/



.contBoxWebMaster {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 20px;

    margin-bottom: 40px;

}





/*

.content p{text-align: justify; padding-bottom: 15px;}

.content ul, .content ol{margin-left: 30px; padding-bottom: 15px;}

.content li{list-style-type: disc;}

.content ol li{list-style: decimal;}

*/



/*Paginas Interno*/



.bannerInterno {

    margin-bottom: 40px;

    position: relative;

    padding-top: 40px;

    background-color: #295e80;

}



.tituloPagina {

    box-sizing: border-box;

    height: 290px;

    position: relative;

    color: #fff;

    padding-top: 60px;

    background: linear-gradient(to right, rgba(51,68,77,1) 0%, rgb(26, 77, 109) 45%, rgba(26, 75, 105, 0.65) 73%, rgba(255,255,255,0) 100%);

    z-index: 100;

}



.tituloPagina .container {

    box-sizing: border-box;

    padding-right: 30%;

}



.boxBreadcrumb {

    margin-bottom: 10px;

}



.boxBreadcrumb .post {

    color: #cbcbcb;

}

.boxBreadcrumb span {

    color: var(--verde);

}



.imagenPagina {

    position: absolute;

    top: 0;

    right: 0;

    padding-top: 40px;

}



/*Single*/



.bannerSingle {

    background: linear-gradient(to right, rgba(51,68,77,1) 0%, rgba(40,94,128,1) 100%);

    height: 204px;

    padding-top: 60px;

    margin-bottom: 40px;

}



.bannerSingle .container {

    position: relative;

}



.bannerSingle .tituloSingle {

    display: inline-block;

    width: 55%;

    vertical-align: middle;

    color: #fff;

    position: relative;

    z-index: 100;

}



.bannerSingle .imagenSingle {

    display: inline-block;

    vertical-align: middle;

    width: 44.6%;

    opacity: 0.7;

}



.tituloSingle .fechaBlog img, .tituloSingle .fechaBlog p {

    margin-top: 5px;

    opacity: 0.8;

}



.zonaContenido {

    float: left;

    width: 65%;

    box-sizing: border-box;

    padding: 0 1.5% 0 2%;

}

.zonaContenido img {
    padding: 20px 0;
}


.sideLeftSingleResponsive{

    display: none;

}





/* Sidebar Left */

.sidebarLeft {

    float: left;

    width: 15%;

    margin-top: 15px;

}



.sidebarLeft .biografia {

    text-align: center;

    border-right: 3px solid var(--rojo);

    border-radius: 4px;

}



.sidebarLeft .biografia .biografiaAvatar {

    margin-bottom: 15px;

}



.sidebarLeft .biografia .biografiaAutor h3 {

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 5px;

}



.sidebarLeft .biografia .biografiaAutor h3 strong {

    color: var(--rojo);

    text-transform: uppercase;

    font-size: 14px;

}



.sidebarLeft .biografia .biografiaAutor p{

    text-align: center;

    font-size: 15px;

}





/* Sidebar Right */

.sidebarRight {

    margin-top: 10px;

    float: left;

    width: 20%;

}



.sidebarRight h3 {

    display: inline-block;

    border-bottom: 1px solid var(--rojo)7d;

    text-transform: uppercase;

    font-size: 16px;

    color: #33444d8f;

    padding-bottom: 2px;

}

.shareSocial {
    margin-bottom: 20px;
}

.imagenBlogRight {

    display: inline-block;

    width: 35%;

    vertical-align: top;

}



.textBlogRight {

    display: inline-block;

    width: 63.3%;

    vertical-align: top;

    box-sizing: border-box;

    padding-left: 3px;

}



.textBlogRight h2 {

    line-height: 0;

    font-size: 0;

    margin: 4px 0 6px 0;

    color: #000;

}



.textBlogRight h2 a {

    line-height: 1.2;

    font-size: 13px;

    color: #33444d;

}



.contentBlogRight {

    margin-bottom: 10px;

}



.fechaBlogRight {

    font-size: 12px;

    line-height: 1;

    margin-bottom: 0!important;

    color: #646464;

}



/*Categorias*/



.categoria {

    background-color: #f4f4f4;

}



.entradasCategorias {

    padding-top: 30px;

    background-color: #f4f4f4;

    padding-bottom: 40px;

}



.bannerCateg {

    margin-bottom: 0;

}



.imagenCategBanner {

    display: inline-block;

    vertical-align: middle;

    width: 44.6%;

    text-align: right;

}



article.articulo {

    background-color: #fff;

    margin-top: 20px;

}



.imagenCateg {

    display: inline-block;

    width: 15%;

    vertical-align: top;

}



.imagenCateg a {

    line-height: 0;

}



.textCateg {

    display: inline-block;

    width: 84.6%;

    vertical-align: top;

    box-sizing: border-box;

    padding: 15px 20px 0px 20px;

}



.textCateg h2, .fechaCateg {

    line-height: 0;

    margin-bottom: 5px;

}



.textCateg h2 a {

    color: #33444d;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 20px;

}



.fechaCateg p, .fechaCateg img {

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 0px;

    opacity: 0.5;

}



.fechaCateg p {

    padding-top: 4px;

}

.redesSociales {
    text-align: center;
    display: table;
    margin: 0px auto 0 auto;
}

.redesSociales a {
    font-size: 0;
    line-height: 0;
    margin: 0 5px 0 5px;
    padding: 0;
}

.redesSociales a img {
    transition: .4s;
    filter: invert(100%);
}

.redesSociales a img:hover{
    transition: .4s;
    transform: scale(1.1);
}


/* Estilos WP paginacion Navi*/

.wp-pagenavi{font-size:11px !important;text-transform:uppercase;padding:12px 0;margin:12px 0;border-top:1px solid #ddd;}

.wp-pagenavi a, .wp-pagenavi a:link {border: 1px solid #ddd !important;color: #494949 !important;background-color: #FFFFFF;}

.wp-pagenavi a:visited {border: 1px solid #ddd !important;color: #494949 !important;background-color: #FFFFFF;}

.wp-pagenavi a:hover {border: 1px solid #ddd !important;color: #494949 !important;background-color: #ddd !important;}

.wp-pagenavi a:active {border: 1px solid #ddd !important;color: #494949 !important;background-color: #FFFFFF;}

.wp-pagenavi span.pages {color: #494949 !important;border: none !important;background-color:none !important;margin:0 8px 0 0 !important;padding:0 !important;}

.wp-pagenavi span.current {border: 1px solid #ddd !important;color: #494949 !important;font-weight:300 !important;background-color: #dddddd !important;}



/* contact form 7 */



.wpcf7 input{

    width: 100%;

    padding: 6px;

    margin: 3px 0;

    box-sizing: border-box;

}



.wpcf7 textarea{

    width: 100%;

    padding: 6px;

    margin: 3px 0;

    box-sizing: border-box;

}



.wpcf7 select{

    width: 100%;

    padding: 6px;

    margin: 3px 0;

    box-sizing: border-box;

}



.wpcf7 input[type=submit]{

    padding: 6px;

    margin: 3px 0;

    box-sizing: border-box;

}




/* search */

#searchform{padding:14px 0 20px;margin:0;}

#searchform input#s{margin:0;border:1px solid #ddd;padding:4px 8px;width:80%;color:#828282;-moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}

#searchform input#s:focus{color:#333;}



.clear{clear:both;}

.clear:after{clear:both;display: block; content:""; height: 0; visibility: hidden;}



@media(max-width:1366px){

    

}



@media(max-width:768px){

    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}



    /*Generales%*/



    .container, .containerDos {

        box-sizing: border-box;

        padding: 0 4% 0 4%!important;

    }



    p, a, li, span{

        font-size: 14px;

    }



    .bannerDer p, .infoDescripWeb, .imgDescripWeb, .pagePaginaWeb .boxIntLeft{

        width: 100%;

    }

                                                                            

    .bannerPrincipal .boxImgIdea, .CajaTabNone, .contentBlogRight:last-child, .imagenCategBanner, .imagenCateg, .imagenPagina, .pagePaginaWeb .boxIntRight{

        display: none;

    }



    .descripcionWeb, .comoFunciona .container {

        padding: 0;

    }

    html body div.wprm-overlay{
        background: none!important;
    }



    /* ----- */



    .botonMenu {

        margin: 0!important;

        padding: 0 0!important;

    }



    .botonMenu a {

        margin: 0;

        padding: auto 0px!important;

    }



    .bannerPrincipal {

        padding: 10px 30px 70px 30px;

    }



    .bannerIzq, .bannerDer {

        float: none;

        width: 100%;

        text-align: center;

        padding: 0;

    }



    .bannerIzq {

        margin-bottom: 20px;

    }



    .bannerIzq img{

        width: 150px;

    }



    .imgDescripWeb {

        text-align: center;

        margin: 20px 0 0 0;

    }

    .secServ {

        overflow-x: scroll;

        grid-template-columns: repeat(6, 1fr);

        padding-bottom: 25px;

        margin-bottom: 15px;

    }



    .productoServ {

        width: 290px;

        padding: 0 0;

    }



    .productoServ h2 {

        min-height: 45px;

        padding: 0 20px;

        vertical-align: middle;

        box-sizing: border-box;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .divInfoServ p {

        font-size: 14px;

    }



    .verMasServ{

        transform: none;

    }



    .secServ::-webkit-scrollbar {

        width: 100%;

    }



    .secServ::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

        border-radius: 10px;

    }



    .secServ::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: var(--rojo);

    }

    

    .txtInfoFunc {

        width: 70%;

        margin: 0 auto;

    }



    .infoFunc img {

        position: static;

        display: inline-block;

        width: 18%;

        vertical-align: middle;

    }



    .txtInfoFuncInf div {

        display: inline-block;

        width: 80%;

        vertical-align: middle;

        box-sizing: border-box;

        padding-left: 20px;

        text-align: justify;

    }



    .superObt {

        overflow-x: scroll;

        display: grid;

        grid-template-columns: repeat(7, 1fr);

        grid-template-rows: repeat(2,1fr);

        grid-gap: 0 10px;

        padding-bottom: 25px;

        margin-bottom: 0px;

    }



    .superObt::-webkit-scrollbar {

        width: 100%;

    }



    .superObt::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

        border-radius: 10px;

    }



    .superObt::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: var(--rojo);

    }



    .intSuperObt {

        width: 290px;

    }

    

    .blog{

        padding-bottom: 10px;

    }



    .blog::before{

        border-right: 760px solid #f8f8f8;

    }



    .tituloBlog, .descBlog{

        padding: 0px 50px;

    }



    .contenidoBlog {

        overflow-x: scroll;

        grid-gap: 15px;

        padding-bottom: 15px;

    }



    .contentArticulos {

        width: 290px;

    }



    .contenidoBlog::-webkit-scrollbar {

        width: 100%;

    }



    .contenidoBlog::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

        border-radius: 10px;

    }



    .contenidoBlog::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: var(--rojo);

    }



    .contentArticulos .textArticulos h2 {

        font-size: 0;

        margin-bottom: 0;

    }



    .fechaBlog{

        margin-bottom: 5px;

    }



    .contentArticulos .textArticulos h2 a {

        font-size: 18px;

    }



    .contentArticulos .textArticulos p {

        line-height: 21px;

    }



    .barraMarcas{

        padding: 8px 0 2px 0;

    }



    .barraMarcas img {

        width: 80px;

        margin: 0px 18px;

    }



    .infoFooter {

        padding: 20px 0;

    }



    .infoFooter .container{

        grid-template-columns: repeat(2, 1fr);

        text-align: center;

    }



    .CajaFootInt p{

        text-align: justify;

    }



    .CajaFootInt:nth-child(2) {

        padding-left: 100px;

        text-align: left;

    }



    .barraCreditosSkynet {

        padding: 0px 0 3px 0;

        text-align: center;

    }



    .barraCreditosSkynet p{

        font-size: 10px;

    }



    /*Interno*/

    

    .bannerSingle {

        height: auto;

        padding: 30px 0;

    }



    .bannerSingle .tituloSingle{

        width: 52%;

    }



    .bannerSingle .imagenSingle{

        width: 44%;

    }



    .bannerSingle .tituloSingle h1 {

        font-size: 20px;

    }

    

    .zonaContenido{

        width: 85%;

    }



    .sidebarRight {

        width: 100%;

    }

    

    .contentBlogRight {

        width: 32.9%;

        display: inline-block;

        vertical-align: top;

    }



    .desInfoInterna {

        margin-bottom: 10px;

    }



    .textCateg {

        padding: 0px 20px 0px 20px;

        width: 84%;

    }



    .imagenCateg {

        font-size: 0;

    }



    .textCateg h2, .fechaCateg {

        margin-bottom: 0px;

    }



    .textCateg h2 a {

        font-size: 18px;

    }



    .fechaCateg {

        margin-bottom: 0;

    }



    .textCateg p {

        margin-bottom: 0;

        line-height: 23px;

    }



    .imagenPagina, .bannerInterno {

        padding-top: 0;

    }



    .tituloPagina {

        padding-top: 15px;

        height: 184px;

    }





    .pagePaginaWeb .contBoxCenter {

        margin-bottom: 0px;

    }



    .pagePaginaWeb .contBoxMiddle {

        width: 90%;

        display: inherit;

        margin: 5px auto 25px auto;

    }



    .contBoxTxtFinal {

        margin-top: 20px;

    }



    .contBoxCotizWeb{

        margin-top: 10px;

        padding: 10px;

    }



    .contBoxCotizWeb .boxCotizInt {

        width: 49.7%;

        margin: 0 0px 20px 0px;

    }



    .contBoxCaractFinal {

        padding: 0 10px 30px 10px;

    }



    .pagePaginaWeb .contBoxMiddle img {

        width: 199%;

    }



    .contBoxItemsSist {

        overflow-x: scroll;

        margin-bottom: 10px;

        padding-bottom: 20px;

    }



    .contBoxItemsSist::-webkit-scrollbar {

        width: 100%;

    }



    .contBoxItemsSist::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

        border-radius: 10px;

    }



    .contBoxItemsSist::-webkit-scrollbar-thumb {

        border-radius: 10px;

        background-color: var(--rojo);

    }



    .contBoxItemsSist .contBoxTxtFinalInt {

        width: 250px;

    }





}

@media(max-width:480px){
    /*Generales*/

    p, a, li, span {
        line-height: 20px;
        text-align: justify;
    }

    .popup {
        width: 320px;
        padding: 30px 25px;
    }

    .popup .tituloPop{
        font-size: 17px;
    }

    .popup .secPopLeft {
        grid-template-columns: repeat(1, 1fr);
    }

    .popup .boxPopLeftInt{
        text-align: center;
    }

    .popup .boxPopLeftInt img {
        margin-bottom: 0;
        width: 30px;
        display: inline-block;
        vertical-align: middle;
    }

     .popup .boxPopLeftInt .txtBoxPopLeft {
        width: 53%;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        padding-left: 10px;
        text-align: left;
    }

    .divFormPopup .intFormPopupEnviar .botoncito{
        padding: 8px 25px!important;
    }


    .divFormPopup .intFormPopupEnviar input[type=submit] {
        display: table;
        width: 80%;
        margin: 0 auto 0 0!important;
    }

    .fancybox-close {
        top: auto!important;
        bottom: 20px!important;
        right: 20px!important;
    }

    .txtInfoFunc, .sidebarLeft, .bannerSingle .tituloSingle{

        width: 100%;

    }

    .descripcionWeb::before {

        border-left: 760px solid #fff;

    }

    .descripcionWeb::after {

        border-left: 760px solid #fff;

    }

    .flechitas{
        position: relative;

    }

    .flechitas::before {
        position: absolute;
        content: "";
        background: url(images/prev.png) center center no-repeat;
        width: 25px;
        height: 25px;
        top: 170px;
        left: 0;
    }

    .flechitas::after{
        position: absolute;
        content: "";
        background: url(images/next.png) center center no-repeat;
        width: 25px;
        height: 25px;
        top: 170px;
        right: 0;
    }

    .obtendras .flechitas::before, .obtendras .flechitas::after {
        top: 112px;
    }

    .blog .flechitas::before, .blog .flechitas::after {
        top: 345px;
    }

    .flechitasBox .flechitas::before, .flechitasBox .flechitas::after {
        top: 220px;
    }

    /*Fin*/



    .bannerPrincipal .botonBannerUno {

        margin: 10px 0 0 0;

    }



    .bannerDer h2, .tituloZonas{

        font-size: 23px;

    }



    .infoDescripWeb h1 {

        margin-bottom: 10px;

        line-height: 35px;

    }



    .txtInfoFunc h2 {

        font-size: 16px;

    }



    .tituloObtendras {

        padding: 0;

    }



    .superObt {

        margin-top: 0;

    }



    .obtendras{

        padding: 20px 0 40px 0;

    }



    .barraMarcas img{

        margin: 0px 10px;

    }



    .infoFooter .container {

        grid-template-columns: repeat(1, 1fr);

    }



    .CajaFootInt:nth-child(2) {

        text-align: center;

        padding-left: 0;

    }



    .CajaFootInt:nth-child(2) ul li {

        list-style: none;

        margin-left: 0;

    }



    .CajaFootInt:nth-child(2) ul li p{

        text-align: center;

    }


    .botonBlog {
        margin: 0 auto 10px auto!important;
    }


    .bannerSingle {

        padding: 15px 0;

    }



    .imagenSingle {

        display: none!important;

    }



    .bannerSingle .tituloSingle h1 {

        margin-bottom: 0;

    }



    .bannerSingle {

        margin-bottom: 15px;

    }



    .sideLeftSingleNone {

        display: none;

    }



    .zonaContenido {

        padding: 0;

        width: 98%;

    }



    .sideLeftSingleResponsive {

        display: inline-block;

        width: 100%;

    }



    .sidebarLeft .biografia{

        width: 60%;

        margin: 0 auto;

    }



    .sidebarLeft .biografia .biografiaAvatar, .sidebarLeft .biografia .biografiaAutor {

        display: inline-block;

        width: 49.2%;

        vertical-align: middle;

        margin-bottom: 0;

    }

    

    .sidebarLeft .biografia .biografiaAutor p{

        margin-bottom: 0;

    }



    .sidebarLeft {

        margin: 10px 0;

    }

    .contentBlogRight {
        width: 100%;
    }

    .textBlogRight {

        width: 62%;

    }

    .imagenBlogRight{
        width: 26%;
    }

    .contentBlogRight:last-child {

        display: inline-block;

    }



    .entradasCategorias {

        padding-top: 0px;

        padding-bottom: 20px;

    }



    .textCateg {

        width: 100%;

        padding: 10px 10px;

    }



    .textCateg h2 {

        margin-bottom: 5px;

    }



    .textCateg p {

        font-size: 13px;

        line-height: 18px;

    }



    .tituloPagina{

        height: auto;

        padding-bottom: 15px;

    }



    .tituloPagina h1 {

        font-size: 22px;

    }



    .bannerInterno {

        margin-bottom: 20px;

    }



    .content h2 {

        font-size: 19px;

        line-height: 28px;

    }



    .content h3 {

        font-size: 17px;

    }



    .pagePaginaWeb .contBoxMiddle {

        margin: 0px auto 25px auto;

        width: 100%;

    }



    .contBoxTxtFinal p{

        padding: 0 50px;

    }



    .contBoxCotizWeb .boxCotizInt {

        width: 95%;

    }



    .contBoxCotizWeb h3::before {

        border-right: 760px solid #fff;

    }



    .contBoxCaractFinal {

        grid-template-columns: repeat(1, 1fr);

        box-sizing: border-box;

        padding: 0 50px 30px 50px;

        margin-top: 10px;

    }

    .redesSociales{
        margin: 30px auto 0 auto;
    }



}