body{
    padding: 0px;
    margin: 0px;
    background-color: white;
}

.fondo{
    background-image: url('../image/home/principal.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
    height: 100vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1350px 550px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: center center;
    -webkit-background-position: center center;   
    -o-background-position: center center;
}


:target::before {
    content: "";
    display: block;
    height: 98px; /* aquí la altura de la cabecera fija*/
    margin: -98px; /* altura negativa de la cabecera fija */
    
  }



 .colornav{
     background-color: rgba(255, 255, 255, 0.7)!important;
     color: black;
     font-size: 1.2em;
    }
 .colornav.colornav2{
     transition-delay: 0ms;
     background-color:   #fff!important;
    }

.vacio{
    background-color: transparent;
}

.fondo2{
    background-image: url('../image/home/fondo2.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 70vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1080px 400px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: center center;
    -webkit-background-position: center center;   
    -o-background-position: center center;
}

.individuofondo{
    background-image: url('../image/home/individuofondo.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1080px 550px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: center center;
    -webkit-background-position: center center;   
    -o-background-position: center center;
}


.transportefondo{
    background-image: url('../image/home/transportefondo.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1080px 550px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: center center;
    -webkit-background-position: center center;   
    -o-background-position: center center;
}



.corporativofondo{
    background-image: url('../image/sub/corporativo.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1080px 550px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: center center;
    -webkit-background-position: center center;   
    -o-background-position: center center;
}


.agrofondo{
    background-image: url('../image/sub/agricolatop.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left left;
    background-size: cover;
    height: 70vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1080px 400px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: left left;
    -webkit-background-position: left left;   
    -o-background-position: left left;
}


.individuofondo{
    background-image: url('../image/sub/individuostop.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 70vh;
    color: rgb(12, 12, 12);
    -moz-background-size: 1080px 400px;
    -webkit-background-size: cover;   
    -o-background-size: cover;
    -moz-background-position: center center;
    -webkit-background-position: center center;   
    -o-background-position: center center;
}


.tituloimg{
    background-color: rgba(16, 93, 172, 0.3);
    font-size: 2.5em;    
}

.tituloimg a{
    color: #fff;
    text-decoration: none;
}

.tituloimg :hover{
    background-color: #105dac;
    padding: 0.05em;
    font-size: 1.01em;
    color: white;
    text-decoration: none;
}

p{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
h1{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 3.5em;
}

h2{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 2.8em;
}

h3{
    font-family: 'Raleway', sans-serif;
        font-weight: 500;
    font-size: 2.5em;
}

h4{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 2em;
}

h5{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.textocaption{
    background-color: rgba(250, 250, 250, 0.6);
    margin-top: 12em; 
    color: #105dac;}

.fondoFormulario{
    background-color: rgba(16, 93, 172, 0.7);
    margin-top: 8em;  
}

.titulofoto{
    color: #105dac;
}

.redes{
    color: #105dac;
    font-size: 3em;
}


.whatsappbottom{    
    font-size: 3em;
    text-align: start;
    color: #068022;
    text-align: end;
    
}


.whatsappbottom a{
    text-decoration: none;
    color: #00bb2d;
}






footer {
	background: #20202f;
	color: #fff;
}

footer .container-footer {
	border-bottom: 1px solid #c7c8ca;
	background: #20202f;
}



footer .row-footer ul{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

.textoform{
    color: #fff;
}

.textoform a{
    text-decoration: none;
    color: #fff;
}

.row-footer a{
	color: #bbb;
	padding-right: 5px;
}

.row-footer a:hover{
	color: #ddd;
	text-decoration: none;

}

.bgcotizador{
    background-color: rgba(131, 179, 217, 0.3);
}

.copy{
	border-top: 1px solid #c7c8ca;
}


/*imagen-primer-bloque*/



/* Smartphones (portrait and landscape) ———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    h1{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.5em;
    }
    
    h2{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.2em;
    }
    
    h3{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.1em;
    }
    
    h4{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1em;
    }
    
    h5{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.2em;
    }


    .tituloimg{
      
        font-size: 1.2em;
    }

    .fondoFormulario{
      
        margin-top: 5em;  
    }
    
    
/* Styles */
}
.bgformato{
    background-color: rgba(255, 255, 255, 0.1);
}

/* Smartphones (landscape) ———– */
@media only screen
and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 320px) {
    
/* Styles */
}

/* iPads (portrait and landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    
/* Styles */
}

/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

    
/* Styles */
}

/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    h1{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.5em;
    }
    
    h2{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.2em;
    }
    
    h3{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1.1em;
    }
    
    h4{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1em;
    }
    
    h5{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 1em;
    }


    .tituloimg{
      
        font-size: 1.5em;
    }
    
/* Styles */
}

/* Desktops and laptops ———– */
@media only screen
and (min-width : 1224px) {
/* Styles */
}