@charset "utf-8";



#menu_header { width:100%;

               background-color:#e7f8f8;

			   padding-top:30px;

			 }

			 

#menu { width:90%;

        max-width:1200px;

		margin-left:auto;

		margin-right:auto;

		display: -webkit-box; 

		display: -moz-box;

		display: -ms-flexbox;

		display: -webkit-flex; 

		display: flex;

		align-items: center;

		-webkit-flex-wrap: wrap;

		flex-wrap: wrap;

		-webkit-align-content: center;

		align-content: center;

      }



#logo_menu { width:238px;

             margin-left:auto;

			 margin-right:auto;

           }



#img_logo_menu { width:100%;

                 max-width:234px;

				 border:none;

				 display:block;

				 margin-left:auto;

				 margin-right:auto;

			   }



.elem_menu { width:150px;

             text-align:center;

			 cursor:pointer;

			 padding-top:10px;

			 padding-bottom:10px;

			 margin-left:auto;

			 margin-right:auto;

			 box-sizing: border-box;

		   }



#menu4 { width:90px; }



#menu5 { width:70px; }



#menu6 { width:90px; }



.span_menu { font-family: 'Roboto', sans-serif, Arial;

             font-size:16px;

			 line-height:20px;

			 color:#01baba;

		   }



.link_menu_header { text-decoration:none;

                    color:#01baba;

				  }



#elem_menu1 { width:400px;

              position:fixed;

			  padding-top:25px;

			  padding-bottom:25px;

			  background-color:#ffffff;

			  border-left:solid 1px #01baba;

			  border-right:solid 1px #01baba;

			  border-bottom:solid 1px #01baba;

			  top:140px;

			  z-index:5;	

			  display:block;

			  box-sizing: border-box;

			  display:none;	

			  margin-left:-1px;

			}



#elem_menu2 { width:450px;

              position:fixed;

			  padding-top:25px;

			  padding-bottom:25px;

			  background-color:#ffffff;

			  border-left:solid 1px #01baba;

			  border-right:solid 1px #01baba;

			  border-bottom:solid 1px #01baba;

			  top:140px;

			  z-index:5;	

			  display:none; 	

			  margin-left:-1px;

			}



#elem_menu3 { width:500px;

              position:fixed;

			  padding-top:25px;

			  padding-bottom:25px;

			  background-color:#ffffff;

			  border-left:solid 1px #01baba;

			  border-right:solid 1px #01baba;

			  border-bottom:solid 1px #01baba;

			  top:140px;

			  z-index:5;	

			  display:none;  	

			  margin-left:-1px;

			}



#content_menu1 { width:90%;

                 margin-left:auto;

				 margin-right:auto;

				 display: -webkit-box; 

				 display: -moz-box;

				 display: -ms-flexbox;

				 display: -webkit-flex; 

				 display: flex;

				 -webkit-flex-wrap: wrap;

				 flex-wrap: wrap;

				 -webkit-align-content: center;

				 align-content: center;

			   }



#content_menu2 { width:90%;

                 margin-left:auto;

				 margin-right:auto;

				 display: -webkit-box; 

				 display: -moz-box;

				 display: -ms-flexbox;

				 display: -webkit-flex; 

				 display: flex;

				 -webkit-flex-wrap: wrap;

				 flex-wrap: wrap;

				 -webkit-align-content: center;

				 align-content: center;

			   }

			   

#content_menu3 { width:90%;

                 margin-left:auto;

				 margin-right:auto;

				 display: -webkit-box; 

				 display: -moz-box;

				 display: -ms-flexbox;

				 display: -webkit-flex; 

				 display: flex;

				 -webkit-flex-wrap: wrap;

				 flex-wrap: wrap;

				 -webkit-align-content: center;

				 align-content: center;

			   }



.col_menu1 { width:60%;

             margin-left:0;

			 margin-right:auto;

			 text-align:left;

		   }



.col_menu2 { width:40%;

             margin-left:auto;

			 margin-right:0;

			 text-align:left;

		   }



.span_menu1 { font-family: 'Roboto', sans-serif, Arial;

              font-size:18px;

			  line-height:25px;

			  color:#666666;

			  font-weight:bold;

			}



.link_span_menu1 { text-decoration:none;

                   color:#666666;

				 }



.span_menu2 { font-family: 'Roboto', sans-serif, Arial;

              font-size:16px;

			  line-height:25px;

			  color:#666666;

			}



#buton_mobil_menu { display:none;}



#hr1 { width: 200px;

	   margin-left:auto;

	   margin-right:0;

	   margin-top:-27px;

	   margin-bottom:20px;

	   border-color:#01baba;

	   display:none;

	  }



#hr2 { width: 200px;

	   margin-left:auto;

	   margin-right:0;

	   margin-top:-27px;

	   margin-bottom:20px;

	   border-color:#01baba;

	   display:none;

	  }



#hr3 { width: 200px;

	   margin-left:auto;

	   margin-right:0;

	   margin-top:-27px;

	   margin-bottom:20px;

	   border-color:#01baba;

	   display:none;

	  }



.sageata_jos { font-size:10px; 

               color:#666666;

             }

.content_page1 { width:90%;
                 max-width:1160px;
                 margin-left:auto;
                 margin-right:auto;
                 display: -webkit-box; 
                 display: -moz-box;
                 display: -ms-flexbox;
                 display: -webkit-flex; 
                 display: flex;
                 align-items: top;
                 -webkit-flex-wrap: wrap;
                 flex-wrap: wrap;
                 -webkit-align-content: center;
                 align-content: center;
			  }

@media screen and (max-width: 1635px) and (min-width: 1336px)

{



.elem_menu { width:150px;

             text-align:center;

			 cursor:pointer;

			 padding-top:10px;

			 padding-bottom:10px;

			  margin-left:auto;

			  margin-right:auto;

		   }

		   

#menu1 { width:170px; }



#menu4 { width:90px; }



#menu5 { width:70px; }



#menu6 { width:90px; }

}



@media screen and (max-width: 1335px) and (min-width: 1140px)

{



.elem_menu { width:120px;

             text-align:center;

			 cursor:pointer;

			 padding-top:10px;

			 padding-bottom:10px;

			  margin-left:auto;

			  margin-right:auto;

		   }

		   

#menu1 { width:170px; }



#menu4 { width:90px; }



#menu5 { width:70px; }



#menu6 { width:90px; }



}



@media screen and (max-width: 1139px) and (min-width: 981px)

{



.elem_menu { width:90px;

             text-align:center;

			 cursor:pointer;

			 padding-top:10px;

			 padding-bottom:10px;

			  margin-left:auto;

			  margin-right:auto;

		   }

		   

#menu1 { width:160px; }



#menu4 { width:80px; }



#menu5 { width:60px; }



#menu6 { width:80px; }



}



@media screen and (max-width: 980px)

{



#menu { width:90%;

        max-width:1600px;

		margin-left:auto;

		margin-right:auto;

		display: -webkit-box; 

		display: -moz-box;

		display: -ms-flexbox;

		display: -webkit-flex; 

		display: flex;

		align-items: center;

		-webkit-flex-wrap: wrap;

		flex-wrap: wrap;

		-webkit-align-content: center;

		align-content: center;

      }



#logo_menu { width:100%;

             margin-left:auto;

			 margin-right:auto;

           }



#img_logo_menu { width:100%;

                 max-width:234px;

				 border:none;

				 display:block;

			   }



.elem_menu { width:100%;

             text-align:center;

			 cursor:pointer;

			 padding-top:10px;

			 padding-bottom:10px;

			  margin-left:auto;

			  margin-right:auto;

			  display:none;

		   }



#elem_menu1 { width:100%;

              position:static;

			  padding-top:25px;

			  padding-bottom:25px;

			  background-color:#ffffff;

			  border-left:none;

			  border-right:none;

			  border-bottom:none;

			  border-top:none;

			  top:120px;

			  z-index:5;	

			  display:block;	

			  margin-left:0;	  

			}



#elem_menu2 { width:100%;

              position:static;

			  padding-top:25px;

			  padding-bottom:25px;

			  background-color:#ffffff;

			  border-left:none;

			  border-right:none;

			  border-bottom:none;

			  border-top:none;

			  top:120px;

			  z-index:5;	

			  display:block; 

			  margin-left:0;

			}



#elem_menu3 { width:100%;

              position:static;

			  padding-top:25px;

			  padding-bottom:25px;

			  background-color:#ffffff;

			  border-left:none;

			  border-right:none;

			  border-bottom:none;

			  border-top:none;

			  top:120px;

			  z-index:5;	

			  display:block; 

			  margin-left:0;

			}

			

#buton_mobil_menu { display:block; 

                    width:60px;

					margin-left:auto;

					margin-right:auto;

					text-align:center;

					margin-top:10px;

					margin-bottom:10px;

                  }



.btn_mob_m { width: 35px;

             height: 5px;

             background-color: #000000;

             margin: 6px 0;

	       }

		   

#menu1 { width:90%; }



#menu4 { width:90%; }



#menu5 { width:90%; }



#menu6 { width:90%; }



}