/************************************************** Fonts *************************************************************/
@font-face {

}

/************************************************** Margenes **********************************************************/

.margentop10{margin-top: 10px;}
.margentop20{margin-top: 20px;}
.margentop30{margin-top: 30px;}
.margentop40{margin-top: 40px;}
.margentop50{margin-top: 50px;}
.margentop60{margin-top: 60px;}
.margentop70{margin-top: 70px;}
.margentop80{margin-top: 80px;}
.margentop90{margin-top: 90px;}
.margentop100{margin-top: 100px;}
.margentop110{margin-top: 110px;}
.margentop120{margin-top: 120px;}
.margentop150{margin-top: 150px;}
.margentop-10{margin-top: -10px;}
.margentop-15{margin-top: -15px;}
.margentop-20{margin-top: -20px;}
.margentop-30{margin-top: -30px;}


/********************************************* Hacer arriba ***********************************************************/
.ir-arriba {
    display:none;
    padding:30px;
    background-repeat: no-repeat;
    font-size:20px;
    color:#191919;
    cursor:pointer;
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 2;
}
.pading-lef-rig{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/******************************** Para la muestar de las imagenes en las tablas ***************************************/
.mini{
    height: 100px;
    width: auto;
}
.Aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.Aligner-navbar{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
/*inicio*/
#inicio h1{
    font-family: Anton;
    color: #e8641b;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.2em;

}
#inicio p{
    font-family: inherit;
    color: #039;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

 .p1{
    color: lightseagreen;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}


#inicio .col-md-12{
    text-align: center;
}
#inicio .borde-top-inicio{
    margin-top: 20px;
    border-top: solid 5px  #039;
}
#inicio .tex-left-inicio{
    text-align: justify !important;
    font-weight: inherit;
    text-transform: none;
}
#inicio h2{
    font-family: Anton;
    color: #039;
    text-transform: uppercase;
    text-align: left;
}
#inicio  .padding-top-inicio-1{
   margin-top: 30px;
   padding-top: 30px ;
    padding-bottom: 30px;
}
#inicio .color-acua{
    background-color: #50a8ad;
}

/*Nosotros*/
#nosotros .seccion-nosotros-1 h1{
    font-family:inherit;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 4px 5px #001549;
    background-color:#FFFFFF;
    -webkit-text-stroke: 1px black;
    font-size: 28px;


}
#nosotros .seccion-nosotros-1 p{
font-family:inherit;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-shadow: 9px 9px 12px #000;
    background-color: #0399;
    padding: 16px;

}
.css-red-1 {
    position: absolute !important;
    text-align: center !important;
}
.Aligner-banner-software {
    display: flex !important;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}
/*seccion nosostros 2*/
#nosotros .seccion-nosotros-2 h2{
    font-family: Anton;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}
#nosotros .seccion-nosotros-2 p{
    font-family: inherit;
    color: #e8641b;
    font-weight: bold;
    font-size: 16px;
    text-align: justify;
    padding-top: 15px;
}
#nosotros .seccion-nosotros-2 .fondo-azul{
    background-color: #039;
}
/*servicios*/
#servicios{
    padding-bottom: 25px;
    padding-top: 25px;

}
#servicios .container{
    background-color: #e8641b;
}
#servicios h2{
    font-family: Anton;
    color:#039 ;
    text-align: center;

}
#servicios p{
    color: #ffffff;
    font-size: 18px;

}
.fondo-acua-servicios{
    background-color: #50a8ad;
}
.fondo-naranja-servicios{
    background-color: #e8641b;
    padding-top: 45px;
}

/*productos*/
#productos{
    padding-top: 35px;
    padding-bottom: 35px;
}
#productos .titulo-productos{
    background-color: #039;
}
#productos h1{
    font-family: Anton;
    text-align: center;
    color: #ffffff;
}
#productos h2{
    font-family: Anton;
    text-align: center;
    color: #ffffff;
}
#productos h3{
    font-family: Anton;
    text-align: center;
    color: #039;
}








/*contacto*/
#contacto {
    padding-top: 40px;
    padding-bottom: 40px;
}
#contacto .titulo-contacto{
    background-color: #e8641b;
}
#contacto h1{
    font-family: Anton;
    text-align: center;
    color: #ffffff;

}
#contacto p{
    color: #039;
    font-weight: bold;
    font-size: 18px;
}
#contacto p span{
    color: #e8641b;
    font-weight: bold;
    font-size: 18px;
}
#contacto h4{
    color: rgb(77,77,77);
    text-align: center;
    font-weight: bold;
}
#contacto h3{
    color: #039;
    font-weight: bold;
    font-size: 20px;
}
#contacto h3 span{
    color: #50a8ad;

}
#contacto h2{
    color: #039;
    font-weight: bold;
}













/*navbar*/

/*.nav.navbar-nav {*/
    /*float: left !important;*/
/*}*/
/*.nav.navbar-nav {*/
    /*clear: left !important;*/
    /*float: left !important;*/
    /*margin: 0 !important;*/
    /*padding: 0 !important;*/
    /*position: relative !important;*/
    /*left: 50% !important;*/
    /*text-align: center!important;*/
/*}*/
/*.nav.navbar-nav > li {*/
    /*position: relative!important;*/
    /*right: 50%!important;*/
/*}*/
/*.nav.navbar-nav li {*/
    /*text-align: left!important;*/
/*}*/























.navbar-default{
    background-image: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
}
.navbar-nav li a{

    font-size: 18px!important;
    color: #50a8ad !important;
    text-transform: uppercase;



}








.texto-navbar h3{
    font-weight: bold;
    text-align: center;
    color: #039;
}





.estilos-formulario{
    background-color: #c8c8c8;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*footer*/
#footer{
    background-color: #e8641b;
    padding-top: 20px;
    padding-bottom: 20px;
}
#footer p{
    text-align: center;
    font-size: 14px;
    color: #039;
}
#footer p span{
    font-weight: bold;
}
/*modal productos*/
.modal-productos h2{
    font-weight: bold;
    text-align: center;
    color: #039;
}
.modal-productos h3{
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}
.modal-productos .modal-body{
    background-color: #e8641b;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
}
.modal-productos .cuadro2{
    background-color: #039;
}

.g-recaptcha {
    transform:scale(0.9);
    -webkit-transform:scale(0.7);
    transform-origin:0 0;
    -webkit-transform-origin:8px;
    -ms-transform: scale(0.7,0.7);
}

/*medias*/
@media(max-width: 767px){
    #nosotros .seccion-nosotros-1 h1 {
        font-size: 20px;
    }
    .fondo-naranja-servicios {
        background-color: #e8641b;
        padding-top: 10px;
    }
    #contacto {
        padding-top: 10px;
    }
    #contacto p {
        text-align: center;
    }
    #contacto h3 {
        text-align: center;
        font-size: 16px;
    }
    #contacto h2 {
        text-align: center;
    }
    .Aligner-navbar{
        display: inherit;
    }
    #inicio h1 {
        font-size: 29px;
    }

}