@charset "utf-8";

body { margin:0;
       padding:0;
	   overflow-x:hidden;
	 }

#div_head { width:100%;
            background-color:#e7f8f8;
			padding-top:20px;
		  }
 
#content_head { width:90%;
                max-width:1130px;
				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;
				justify-content:spance-between;
			  }

.elem_head { width:50%; 
             max-width:560px;
           }

.box_head { width:90%;
            max-width:500px;
			height:200px;
            margin-left:auto;
			margin-right:auto;
			background-color:#ffffff;
			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;
			justify-content:center;
			cursor:pointer;
			margin-top:20px;
		  }

#d_img_h1 { width:155px; }

#img_h1 { width:155px;
          border:none;
		  display:block;
		}

#d_text { width:50%;
          max-width:250px;
          text-align:center;
		}

.text { font-family: 'Roboto', sans-serif, Arial;
        font-size:15px;
		line-height:21px;
		color:#2d2d2d;
	  }

.text2 { font-family: 'Roboto', sans-serif, Arial;
         font-size:18px;
		 line-height:25px;
		 color:#2d2d2d;
	   }

#d_img_h2 { width:108px; }

#img_h2 { width:108px;
          border:none;
		  display:block;
		}

#d_img_h3 { width:180px; }

#img_h3 { width:180px;
          border:none;
		  display:block;
		}

#d_img_h4 { width:178px; }

#img_h4 { width:178px;
          border:none;
		  display:block;
		}

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:30px;
		   }

#line { width:100%;
        max-width:1157px;
		margin-left:auto;
		margin-right:auto;
	  }

.menu_page { width:90%;
             max-width:1000px;
			 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;
			 justify-content:space-around;
			 margin-top:30px;
		   }

.elem_menu_page { width:150px;
                  text-align:center;
				  cursor:pointer;
				  margin-top:20px;
				}

#elem_menu_page_ex { width:200px; }

.elem_menu_page:hover { border-bottom:solid 2px #01baba; }

.span_menu_page { font-family: 'Roboto', sans-serif, Arial;
                  font-size:18px;
                  line-height:25px;
                  color:#01baba;
				}

.link_ancora { text-decoration:none;
               color:#01baba;
			 }

.categorie { width:100%;
             max-width:1800px;
             margin-left:auto;
			 margin-right:auto;
		   }

.model1 { width:80%;
          margin-left:auto;
		  margin-right:0;
		  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;
		  justify-content:space-between;
		  margin-top:80px;
		}

.div_text_m { width:60%;
              text-align:left;
			}

.div_img_m { width:40%;
             text-align:center;
		   }

.head_m { width:100%;
          text-align:left;
		}

.span_headline { font-family: 'Roboto', sans-serif, Arial;
                 font-size:35px;
				 line-height:40px;
				 color:#2d2d2d;
				 font-weight:bold;
			   }

.text_m { width:100%;
          margin-top:25px;
		}
		
.text2_m { width:100%;
		}

#img1_m { width:100%;
          max-width:735px;
		  border:none;
		  display:block;
		}

.model2 { width:80%;
          margin-left:0;
		  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;
		  justify-content:space-between;
		  margin-top:80px;
		}

.div_text_m2 { width:60%;
               text-align:left;
			 }

.div_img_m2 { width:40%;
              text-align:center;
		    }

#img2_m { width:100%;
          max-width:744px;
		  border:none;
		  display:block;
		}

#div_prez { width:100%;
            background-color:#0e1f24;
			padding-top:20px;
			padding-bottom:20px;
			margin-top:55px;
		  }
        
#content_prez { width:90%;
                max-width:1120px;
				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;
                justify-content: space-between;
			  }

#text_prez { width:70%;
             text-align:left;
		   }

#div_btn { width:30%;
           text-align:right;
		 }

#span_prez { font-family: 'Roboto', sans-serif, Arial;
             font-size:18px;
             line-height:25px;
             color:#ffffff;
		   }

#buton {  width:200px;
		  height:60px;
		  margin-left:auto;
		  margin-right:auto;
		  background-color:#ff7800;
		  border:none;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-weight:bold;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  cursor:pointer;
		}
		  
#link_buton {  color:#ffffff;
               text-decoration:none;
			 }  

.link_solutii_head { text-decoration:none;
                     color:#666666;
				   }

ul li { color: #20b3b3; 
      }

ul { margin-top:0; }


@media screen and (max-width: 650px)
{

#content_head { width:90%;
                max-width:1130px;
				margin-left:auto;
				margin-right:auto;
				display: -webkit-block; 
				display: -moz-block;
				display: -ms-block;
				display: -webkit-block; 
				display: block;
				align-items: center;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-align-content: center;
				align-content: center;
				justify-content:spance-between;
			  }

.elem_head { width:100%; 
             max-width:600px;
           }

.model1 { width:90%;
          margin-left:auto;
		  margin-right:auto;
		}

.div_text_m { width:90%;
              text-align:left;
			  -webkit-box-ordinal-group: 2;  
             -moz-box-ordinal-group: 2;     
             -ms-flex-order: 2;     
             -webkit-order: 2;  
             order: 2;
			}

.div_img_m { width:90%;
             text-align:center;
			 -webkit-box-ordinal-group: 1;  
             -moz-box-ordinal-group: 1;     
             -ms-flex-order: 1;     
             -webkit-order: 1;  
             order: 1;
		   }


.model2 { width:90%;
          margin-left:auto;
		  margin-right:auto;
		}

.div_text_m2 { width:90%;
               text-align:left;
			 }

.div_img_m2 { width:90%;
              text-align:center;
		    }

.head_m { width:100%;
          text-align:center;
		}

#content_prez { width:90%;
                max-width:1120px;
				margin-left:auto;
				margin-right:auto;
				display: -webkit-block; 
                display: -moz-block;
                display: -ms-block;
                display: -webkit-block; 
                display: block;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                justify-content: space-between;
			  }

#text_prez { width:100%;
             text-align:center;
		   }

#div_btn { width:100%;
           text-align:center;
		   margin-top:20px;
		 }

}








