@font-face {
    font-family:'Normal';
    src:url(../fonts/FlamaSemicondensed-Basic.otf);
}
@font-face {
    font-family:'Bold';
    src:url(../fonts/FlamaSemicondensed-Bold.otf);
}
@font-face {
    font-family:'Medium';
    src:url(../fonts/FlamaSemicondensed-Medium.otf);
}
/*GENERAL*/
.centrar
{
display: block;
margin: 0 auto;
}
.principal
{
height: 700px;
display: flex;
}
/*
.active
{
border-top: transparent;
border-right: transparent;
border-left: transparent;
border-style: solid;
border-bottom-color: #893e1e;
border-radius: 2px;  
}
*/
/*CAMION*/
.camion
{
padding-top: 80px;
height: 630px;
position: relative;
top: -80px;
}
.camion-movil
{
font-family: 'Normal';
font-size: 18px;
text-align: center;
color: #2c2c2c;
height: 200px;
}
/*EQUIPOS*/
.equipos
{
height: 550px;
}
.equipos h3
{
font-family: 'Bold';
color: #2c2c2c;
font-size: 30px;
}
.divisor
{
background-color: #921915;
height: 1px;
}
.titular
{
font-family: 'Bold';
font-size: 22px;
color: #2c2c2c;
text-align: center;
}
.titular-white
{
font-family: 'Bold';
font-size: 20px;
color: #fff;
text-align: center;
}
.frase
{
font-family: 'Normal';
font-size: 18px;
text-align: center;
color:#2c2c2c;
}.frase-white
{
font-family: 'Normal';
font-size: 18px;
text-align: center;
color:#fff;
}
.sub-frase-white
{
font-family: 'Normal';
color: #fff;
font-size: 10px;

color: #fff;
}
/*ZONAS*/
.zonas
{
background-image: url(../img/bg_suministro.jpg);
height: 1200px;
}
.zonas h3
{
color: #531213;
font-family: 'Bold';
font-size: 30px;
}
.zonas p
{
font-family: 'Medium';
font-size: 16px;
/*color: #fff;*/
cursor:pointer;
}
.zonas p:hover
{
color: #921915;
}
.zonas a:focus
{
color: #921915;
}
/*CONCRETO*/
.concreto
{
background-image: url(../img/bg_tipos.jpg);
height: 300px;
padding: 150px 0; 
}
.concreto h3
{
font-family: 'Bold';
font-size: 30px;
}
.concreto p
{
font-family: 'Normal';
font-size: 19px;
}
/*MAPA*/
.mapa-mobil h3
{
color: #221e1f;
font-family: 'Bold';
font-size: 30px;
}
.frases
{
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
width: 100%;
font-family: 'Bold';
font-size: 35px;
text-align: center;
position: absolute;
top: 85px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 2;
}
/*FOOTER*/
footer
{
height: 650px;
background-image: url(../img/footer.jpg);
background-size: cover;
background-position: center;
padding: 60px 0;
}
.bold
{
color: #fff;
font-family: 'Medium';
font-size: 22px;
}
.bold-2
{
color: #fff;
font-family: 'Medium';
font-size: 16px;
}
.desc
{
color: #fff;
font-family: 'Normal';
font-size: 16px;
}
label
{
color: #fff;
font-family: 'Normal';
font-size: 16px;
}
input
{
background-color: transparent;
width: 300px;
border-bottom: 1px solid #fff;
border-top: none;
border-right: none;
border-left: none;
color: #fff;
font-family: 'Normal';
}
.enviar
{
color: #fff;
background-color: #ed9534;
border-color: transparent;
width: 130px;
height: 50px;
}
/*MEDIA QUERIES*/
@media (min-width:350px){
  .active
{
border-top: transparent;
border-right: transparent;
border-left: transparent;
border-style: solid;
border-bottom-color: transparent;
border-radius: 1px;  
}
    .frase
    {
    display: none;
    }
      .navbar-nav > li > a {
    padding-top: 60px;
    padding-bottom: 15px;
  }
    .principal
    {
    height: 400px;
    }
    .principal h1
    {
        color: #fff;
font-family: 'Bold'; 
font-size: 30px;
text-shadow: 1px 1px 1px #000;
    }
    .camion
    {
    display: none;
    }
    .camion-movil
    {
    height: 500px;
    }
    .equipos
    {
    height: 2300px;
    }
    .zonas
    {
    height: 950px;
    }
    .concreto
    {
    height: 450px;
        padding: 50px 0; 
    }
    .mapa-nl, .mixer
    {
    display: none;
    }
/*    PLANTA 1 Y 2 INFORMACION*/
    .plantas-desktop
    {
    display: none;
    }
    .plantas-movil
    {
    display: block;
    }
    .mapa
    {
    display: none;
    }
    .mapa-mobil
    {
    display: block;
    }
    footer
    {
    height: 1100px;
    }
    .titular-white, .frase-white, .sub-frase-white
    {
    color: #2c2c2c;
    }
}
@media (max-width: 1023px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
@media (min-width:1200px){
     .frase
    {
    display: block;
    }
   .activo
{
border-top: transparent;
border-right: transparent;
border-left: transparent;
border-style: solid;
border-bottom-color: #893e1e;
border-radius: 6px;  
}
    .navbar-nav > li > a {
    padding-top: 35px;
    padding-bottom: 1px;
    }
/*INICIO*/
    .principal
    {
    height: 700px;
    }
    .principal h1
    {
    color: #fff;
    font-family: 'Bold'; 
    font-size: 50px;
    text-shadow: 1px 1px 1px #000;
    margin-top: 80px;
    }
/*CAMION*/
    .camion
    {
    display: block;
    }
    .camion-movil
    {
    display: none;
    }
/*EQUIPOS*/
    .equipos
    {
    height: 513px;
    }
/*PLANTA 1 Y 2 INFORMACION*/
    .plantas-desktop
    {
    display: block;
    }
    .plantas-movil
    {
    display: none;
    }  
/*ZONAS*/
    .zonas
    {
    height: 1200px;
    }
/*CONCRETO*/
    .concreto
    {
    height: 554px;
    padding-top:120px;
    }
/*MAPAS*/
    .mapa
    {
    display: block;
    }
    .mapa-mobil
    {
    display: none;
    }
    .titular-white
    {
    font-family: 'Bold';
    font-size: 20px;
    color: #fff;
    text-align: center;
    }
/*FOOTER*/
    footer
    {
    height: 500px;
    }
     .titular-white, .frase-white, .sub-frase-white
    {
    color: #fff;
    }
/*FOTOS OCULTAS*/
       .mapa-nl, .mixer
    {
    display: block;
    }
}