@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
}
h2 {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.7em;
}
h3 {
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 20px;
}
h4 {
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 20px;
}
a {
    color: #E67025;
    font-weight: 700;
    text-decoration: none;
}
a:hover {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.verde {
    color: #3A241A;
}
.azul {
    color: #034ea2;
}
.blanco {
    color: #fff;
}
.justificado {
    text-align: justify;
}

.boton-blanco {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all .4s ease-out;
    color: #fff;
    text-decoration: none;
    font-size: .9em;
}
.boton-blanco:hover {
    color: #034ea2;
    transition: all .4s ease-in;
    border-color: #034ea2;
    background-color:  #8dc63f;
}

.boton-2 {
    border-style: solid;
    border-width: 1px;
    border-color: #E67025;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all .4s ease-out;
    color: #E67025;
    text-decoration: none;
    font-size: .9em;
}
.boton-2:hover {
    color: #fff;
    transition: all .4s ease-in;
    border-color: #E67025;
    background-color:  #E67025;
}

.separador {
    border-bottom: medium;
    border-bottom-color: #3A241A;
    border-bottom-style: solid;
    width: 20%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.separador-rojo {
    border-bottom: medium;
    border-bottom-color: #D10019;
    border-bottom-style: solid;
    width: 20%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.carousel-principal {
	background-image: url(imgs/foto-0.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
    height: 800px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    margin-top: 40px;
}
.car-principal-interno {
    padding-top: 40px;
    padding-bottom: 40px;
}
.car-principal-interno h2{
    font-size: 3em;
    color: #fff !important;
    margin-top: 90px;
}

.paddings-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.icono {
    margin-left: 10px;
    margin-right: 10px;
}
.clientes {
	background-image: url(imgs/clientes-back.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.contacto {
	color: #fff;
	background-image: url(imgs/bkg-contacto.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.indent {
    margin-left: 30px;
}
.footer {
    font-size: .8em;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #1E1E1E;
    color: #fff;
}
.visible {
    display: block;
}
.wapp {
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 10000;
}

.bkg-gris {
    background-color: #EDE6E0;
}

.foto {
	-webkit-box-shadow: 0px 10px 8px rgba(22,22,22,0.43);
	box-shadow: 0px 10px 8px rgba(22,22,22,0.43);
}

@media only screen and (max-width: 767px) {
  .visible {
        display: none;
    }
    
    .wapp {
        position: fixed;
        top: 20px;
        right: 80px;
        z-index: 10000;
    }
}