@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway');

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--------------------- DISEÑO WWW.KYNACOM.COM ------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*color corporativo #0495E3
  color texto color: #E1E1E1
@media screen and (min-width:0px) and (max-width:450px){}
@media screen and (min-width:451px) and (max-width:767px){}
@media screen and (min-width:768px) and (max-width:991px){}
@media screen and (min-width:992px) and (max-width:1199px){}
@media screen and (min-width:1400px){}*/

body, img{
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	margin: 0;
	padding: 0;
	}
/* -------------------------------------------------------------- BARRA SUP*/
 .barraSup{
	 position: relative;
	 width: 100%;
	 height: 20px;
	 background:#0495E3;
	 border-bottom: solid #000 3px;
	 padding: 0;}
	 
.textoBarraSup{
	position: absolute;
	padding: 0;
	margin: 0;
	margin-left: 2%;
	width: 90%;
	display:inherit;
	color:#fff;
	font-size: 13px;}
/* -------------------------------------------------------------- MENU*/
.icon-menuresponsitive{
	color: #023F94;
	font-size: 30px;
	margin: 0;
	padding: 0;}
	
.icon-menuresponsitive:hover{
	color:#3B94D2;}
	
.menu__responsitive{
	position: relative;
	float: right;
	margin: 5px 15px 0 0;
	border: none;
	background: white;
	padding: 0;}
	
.img__ico__menu{
	width:100px;
	max-height:50px;
	padding:0;
	margin:9px 20px 0 3px;}

.contenedor__menu{
	margin: 0;
	background:blue; /*color fondo menu*/
	border:none;
	padding:0;}
	
	
#pesaje, #ptvs, #maquinalimentacion, #maquinhosteleria, #servtecnico, #faq, #nos {
	color: #023F94;
	margin: 0;}
	
#pesaje:hover, #ptvs:hover, #maquinalimentacion:hover, #maquinhosteleria:hover, #servtecnico:hover, #faq:hover, #nos:hover{
	color: #023F94;
	text-decoration: overline;}
.icon-mail{
	position: absolute;
	font-size:30px;
	padding:0;
	margin:auto;}

/* -------------------------------------------------------------- IMAGEN PRINCIPAL*/	

	
	
	
	
	
	
	
	
	
	
	
	

@media screen and (min-width:0px) and (max-width:450px){
.menu__navbar{
	padding-left: 20px;}
	
#contacto{
	padding-left: 35px;
	background:#023F94;
	color: white}
	
#contacto:hover{
	color:#fff;}
	
.img__ico__menu{
	margin-left: 20px;}

}
	
@media screen and (min-width:451px) and (max-width:767px){
	
.menu__navbar{
	padding-left: 20px;}
	
#contacto{
	padding-left: 35px;
	background:#023F94;
	color: white}
	
#contacto:hover{
	color:#fff;}	
	
.img__ico__menu{
	margin: 9px 20px;}
	
}

@media screen and (min-width:768px) and (max-width:991px){
.img__ico__menu{
	display: none;}
	
.menu__responsitive{
	display: none;}	
.textoFooter{
	font-size: 12px;}
	}

@media screen and (min-width:992px) and (max-width:1199px){
.menu__responsitive{
	display: none;	
}
}
	
@media screen and (min-width:1200px) and (max-width:1399px){
	.menu__responsitive{
		display: none;}

}
@media screen and (min-width:1400px){
	.menu__responsitive{
	display: none;
}
}