body {
        font-family: 'Open Sans', sans-serif;
        background-color: #fffff0  ;
      }

/* SECCION BARRA NAVEGACION */

 .nav-link {
  font-family: 'Open Sans', sans-serif;  
  color:rgba(0,0,0,1)!important;;
  font-size: 13px;  
  font-weight: 400;
}
 
 .nav-item {
  padding-right: 35px;
 }


.nav-link:hover 
{
color:blue !important;
background-color: rgba(250,250,250,1);
border-radius: 5px;
}


/* SECCION HERO */

.jumbotron 
{
  
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 3, 0, 0.2)), url("../imagenes/ship2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  color:white;
}


.logo
{
  padding-top: 240px;
  padding-bottom: 10px;
  padding-left: -5px ;
  max-width:270px;
}

#titulo
{
font-size: 45px ;
font-weight:700 ;
}

/* SECCION EMPRESA  */

 .tituloseccion
 {
  padding-top: 70px;
  padding-bottom: 12px; 
  font-size:26px;
 } 

 .imagen
 {
  margin-top: 90px;
  margin-bottom: 70px;  
  padding-left: 0px;
  padding-right: 0px;  
 } 
 
 #botonempresa
 {
     color:white;
     margin-bottom:10px ;   
 }

 /* SECCIONES  */

.tituloseccion1
 {
  padding-top: 100px;
  padding-bottom: 8px; 
  font-size:26px;
 } 
  .colortitulo
  {
  color:#184997;
  }

  .colortitulo1
  {
   color:#FFFAFA;
  }


.subtituloseccion
 {
  margin-top: 40px;
  margin-bottom: 5px;  
 } 

 .parrafo
 {
 line-height:28px ;
 font-size: 16px;
 }
 

.parrafo1
 {
 line-height:25px ;
 font-size: 14px;
 
 }

 .espaciador
 {
  margin-bottom:100px ;
 }

.colortexto
{
  color:black;
}


/* SECCION MERCADOS  */

.fondoseccion
{
  background-color: #363636;
   background-image: url("imagenes\hero.jpg");
 }


#mercado 
{
background-size: 100%;
background-repeat: no-repeat;
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 3, 0, 0.4)), url("../imagenes/fondob.png");
color:ebeef2 ;
} 

.paddingcol
{
  padding-left:20px ;
  padding-right:25px ;
}


.subtitulomercado
{
  line-height:25px ;
  margin-bottom: 20px;  
}

.espaciadorshort
 {
  margin-bottom:60px ;
 }

 .paddingcol
 {
  padding-top: 5px;
 }

.paddingcol1
 {
  padding-top: 10px;
 }

.fotomercado
{
   margin-top: 20px;     
}

/* SECCION CLIENTES  */

td  
{
  line-height: 100px;
  text-align: center;
}

/* SECCION FOOTER  */

.logofooter
{
  width:160px;
}

#footer 
{
  font-size:13px; 
  line-height: 8px;
  color:ebeef2 ;
  
}  

.fondofooter
{
  background-color:#092144;
}

/**************************
 
/* CONTACTO  */

.logocontacto
{
  width:190px;
}


 .parrafo2
 {
 line-height:15px ;
 font-size: 14px;
 
 }

textarea 
{
    resize: none;
   
}


.tituloseccion4
 {
  padding-top: 10px;
  padding-bottom: 22px; 
  font-size:26px;
 }


 .subtituloseccion4
 {
  margin-top: 40px;
  margin-bottom: 5px;
  font-size:20px;
 } 

 select {
  box-shadow: inset 1px 1px 3px #ccc;
  border-radius: 3px;
  padding: 10px;

}

 option[value] {
    padding: 4px;    
 }

 input{
  display: none;
}

label{
    cursor: pointer;
}

.subtituloseccion5
 {
  
  font-size:20px;
 } 





 /* SECCION MEDIA QUERIES */
@media (max-width: 576px) {  
  

.logo
{
  display: block;
  margin:0 auto;
  max-width:250px;
}


#titulohero
{
text-align: center;
}

#evento
{
text-align: center;
}
	
	
.imagen
 {
  margin-top: 30px;
  margin-bottom: 30px;  
  padding-left: 0px;
  padding-right: 0px;  
 } 

 #botonempresa
 {
     margin-bottom:30px ;   
 }

.fotomercado
{
   margin-top: 70px;     
}

 .paddingcol
 {
  padding-top: 15px;
 }

iframe {
 max-width: 100%;
 height: 150%;
}

 .paddingcol1
 {
  padding-top: 25px;
 }

}  

/* FORZAR ORIENTACION PORTRAIT */

@media screen and (orientation: landscape) {
      
	.logo
{
  padding-top: 160px;
  padding-bottom: 10px;
  padding-left: -55px ;
  max-width:250px;
}
	
	
    }