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



/* Basico */
body {background-color: #000; color: #FFF; font-family: 'Barlow', sans-serif;}


/* Layout */
.imgLogotipo {width: 100%; height: auto; max-width: 250px; margin-left: auto; margin-right: auto;}
.imgLogotipo a  {width: 100%; text-align: center;}
.imgLogotipo a img {width: 100%; height: auto; max-width: 250px; margin-left: auto; margin-right: auto;}
.logofooter {width: 100%; height: auto; max-width: 250px; margin-left: auto; margin-right: auto;}

/* Tipografias */
h1 {font-weight: 600; text-transform: uppercase;}
h2 {font-weight: 600;}
h3 {font-weight: 400;}
h4 {font-weight: 400;}
h5 {font-weight: 400;}
p {font-weight: 400;}

/* Colores*/
.colorBlanco {color: #FFFFFF;}
.colorAmarillo {color: #fff200;}
.colorVerde {color: #50B748;}

.fondoBlanco {background-color: #FFFFFF;}
.fondoNegro {background-color: #000;}
.fondoVerde {background-color: #50B748;}

/* Menu */
ul {}
li {}
a {text-decoration: none; color: #FFFFFF;}
a:hover {}

a.linkServicios {color: #000; text-decoration: none;}

/* Parches */
.limpiador {clear: both;}

.banner {width: 100%;}

.bannerImg {width: 100%; height: auto;}


.soloEscritorio {display: block;} 
.soloTablet {display: none;} 
.soloCelular {display: none;} 

.icono {width: 100%; height: auto; max-width: 250px;}

.link-dark, .link-dark:focus, .link-dark:hover {color:#fff;}

.headerNavi {background-image: url("images/header.jpg"); background-position: top center; background-repeat: no-repeat; height: 300px; width: 100%;}


/* Tamaño Banners */
@media only screen and (min-width: 640px) and (max-width: 959px) {
	.soloEscritorio {display: none;} 
	.soloTablet {display: block;} 
	.soloCelular {display: none;} 
}


@media only screen and (min-width: 320px) and (max-width: 639px) {
	.soloEscritorio {display: none;} 
	.soloTablet {display: none;} 
	.soloCelular {display: block;} 
}