/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13/10/2020, 11:39:09 PM
    Author     : Gabriel

    ct (custom) prefijo: Indica que es una clase personalizada que no pertenece a bootstrap
*/

/*Global*/

.ct-header-bg {/*#header-wrapper*/
    position: relative;
    padding: 4rem 0 2rem 0;
    background-image: url("images/header.svg");
    background-image: url("images/overlay.png"), url("images/header.svg"), -moz-linear-gradient(75deg, #20426b 15%, #1455a6 55%);/*#0d4bb5 #89c1e2*/
    background-image: url("images/overlay.png"), url("images/header.svg"), -webkit-linear-gradient(75deg, #20426b 15%, #1455a6 55%);
    background-image: url("images/overlay.png"), url("images/header.svg"), -ms-linear-gradient(75deg, #20426b 15%, #1455a6 55%);
    background-image: url("images/overlay.png"), url("images/header.svg"), linear-gradient(75deg, #20426b 15%, #1455a6 55%);
    background-color: #fff;
    background-size: 100% 620%;
    background-size: 128px 128px, 100% 620%, auto;
    background-repeat: repeat, no-repeat, no-repeat;
}

#home-header{ /* Personalizado en @media screen X*/
    padding: 8rem 0 8rem 0;
    background-size: 128px 128px, 100% 100%, auto;
}

#page-header{
    padding: 1.5rem 0 0 0;
    background-size: 128px 128px, 100% 100%, auto;
}

#home-title{
    padding: 3rem 1.5rem;
    text-align: center;
    color: white;  
}

#home-title h1{ /* Personalizado en @media screen X*/
    font-size: 3.2rem;
}

.ct-page-title{
    padding: 1rem;
    text-align: center;
    color: #fff;
}

.ct-page-title h1{ /* Personalizado en @media screen X*/
    font-size: 2.5rem;
}

.ct-page-title-b{    
    padding: 2rem 1.5rem;
    text-align: center;        
    color: #686868;
}

.ct-page-title-b h1{    
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2;
}

.ct-page-subtitle{
    padding: 2rem;
    margin-bottom: 1rem;
    text-align: center;  
    color: #686868;
    background-color: #f8f9fa;
}

.ct-page-subtitle h2{ /* Personalizado en @media screen X*/
    font-size: 2rem;
}

.ct-caption { /* Personalizado en @media screen X*/
  font-size: 1.25rem;
  font-weight: 300;
}

.ct-area-info{
    margin-top: 2rem;
}
.ct-area-info h2{
    font-size: 1.5rem;
}


/*Home*/

.ct-icon-home{
    color: #2c5a93;
    text-align: center;
}

.ct-card-home{
    min-width: 18rem;
    /*margin-top: 1rem; Para separarlos cuando se ponga vertical al forzar min-width*/ 
}


/*Nav bar*/

#navbar-main a:hover{
    color: #377dff!important;    
}

.ct-main-link{
    font-size: 1.08rem;
    font-weight: 400;
    color: #677788;
    margin-right: 0.5rem;
}

.ct-icon-navbar{
    color: #2c5a93;    
    display: inline;
    margin-right: 0.5rem;
}

.ct-desc-navbaritem{
    font-size: 10pt;
    color: #95999c; /*#adb5bd;*/
    padding-left: 2.5rem;
}

.ct-shadow-navbar{
    box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.3);
}


/*Footer*/
#copyright{
    font-size: 9pt;
    text-align: center;
}

#footer-main a{
    color: #506690;
}

.ct-icon-footer{
    color: #2c5a93;    
}


/*Porductos*/
.ct-caption-producto{
    font-size: 1rem;
    font-weight: 300;
}

.ct-product-img{ /* Personalizado en @media screen X*/
    width: 100%; 
    height: 570px;    
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;    
    /*opacity: 0.90;    */        
}

.ct-producto-facturacion{
    background-image: url("../images/negocio-ventas-lg.jpg");    
    padding-top: 1.5rem;
}

.ct-producto-nomina{
    background-image: url("../images/empleados-trabajando.jpg");    
    padding-top: 1.5rem;
}

.ct-producto-punto-venta{ /* Personalizado en @media screen X*/
    background-image: url("../images/tienda-punto-de-venta.jpg");    
    padding-top: 1.5rem;
}

.ct-icon-product{
    color: #2c5a93;
}

.ct-page-subtitle-product{
    padding: 2.1rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

.ct-page-subtitle-product h2{ /* Personalizado en @media screen X*/
    font-size: 2rem;
}

.ct-subtitle-facturacion{     
    color: #686868;
    background-color: #F6FAFE;/*#ECF6FE;/*#f8f9fa;*/
}

.ct-subtitle-nomina{     
    color: #686868;
    background-color: #FDF8F9;/*#FEF5F7;/*#FEEAEE;*/
}

.ct-subtitle-punto-venta{     
    color: #686868;
    background-color: #f8f9fa;
}

/*
.ct-bg-nomina{
    background-color: #B20A2F;
}*/

/*Contacto*/
.ct-icon-contact{
    color: #2c5a93;
}

.ct-card-contact{
    min-width: 18rem;
    margin-top: 1rem;/*Para separarlos cuando se pongan vertical al forzar min-width*/
}

.ct-error-notice{
    font-size: 12pt;
    font-weight: 500;    
    color: red;
}

/*Descarga*/
.ct-download-title{    
    color: #EC6B11;/* darkorange; /*#0069d9; <-azul*/
    text-align: left;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.ct-download-title h1{ /* Personalizado en @media screen X*/
    font-size: 2.7rem;
    font-weight: 400;
}

.ct-download-contact{ /* Personalizado en @media screen X*/
    padding-top: 1rem;
    text-align: right;
}

/*Precios*/
.ct-icon-price{
    color: #00c9a7;
}



@media screen and (max-width: 736px) {
    #home-header{
        padding: 0.5rem 0 0.5rem 0;
    }
    
    #home-title h1{
        font-size: 1.8rem;
    }
    
    .ct-page-title h1{
        font-size: 1.8rem;
    }
    
    .ct-page-subtitle h2{
        font-size: 1.5rem;
    }
            
    .ct-caption {
        font-size: 1rem;
        font-weight: 300;
    }
    
    /*Producto small*/        
    .ct-product-img{
        height: 350px; /*Para que no quede borde grande azul abajo*/        
    }
        
    .ct-producto-punto-venta{
        padding-top: 0.3rem;
    }
    
    .ct-page-subtitle-product h2{
        font-size: 1.5rem;
    }
        
    /*Descarga small*/
    .ct-download-title h1{
        font-size: 1.6rem;
        font-weight: 500;
        text-align: center;        
    }
    
    .ct-download-contact{
        text-align: left;
    }

}