html, body, ul, li, h1, h2, h3, h4 {margin:0; padding:0;}
img {border:0px;}

body {background-color:#ffffff}
ul {list-style-image: url(../images/punto.png); list-style-position:outside; padding-left:28px;}

h1, h2, h3, h4{font-family: 'Roboto', sans-serif;}

h1 {color:#333333; font-size:48px; font-weight:500;}
h2 {color:#5f95a7; font-size:45px; font-weight:300;}
h3 {color:#3c7486; font-size:30px; font-weight:100; padding-bottom:25px; margin-top:-10px;}
h4 {color:#777777; font-size:22px; font-weight:300;}

p {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px;}

#testata {background-color:#f5f9fa; width:100%; text-align:center;}
#logo {background-image:url(../images/logo.png); margin:0 auto; width:164px; height:68px;}
#corpo {margin:46px auto 0 auto; width:1174px;}
#testo {width:524px; float:left; padding-right:50px}
#form {width:600px; float:left; background-color:#5f95a7; background-image:url(../images/img-form.png); background-position:top; background-repeat:no-repeat; background-size:contain;}
.clear {clear:both;}

#loghi {margin:0 auto;}
#opportunita {margin:50px auto;text-align:center;}
.logo img {max-height:86px; width:100%;}
.logo {float:left; margin-right:4.95%;}
.last {margin-right:0px !important;}
#img1 {width:14.8%;}
#img2 {width:17%;}
#img3 {width:13.4%;}
#img4 {width:18%;}
#img5 {width:17%}

.punti {color:#c45306; font-family: 'Roboto', sans-serif; font-size:26px; font-weight:400;}
.azzurro {color:#009bcf; font-weight:bold;}
li {font-family:Arial, Helvetica, sans-serif; color:#565656; font-size:17px; line-height:32px;}
input[type="text"] {width:232px; height:18px; padding:4px; font-size:14px; background-color:#f9e8db; margin-top:26px; margin-left:48px; float:left;}
select {width:244px; height:30px; font-size:14px; background-color:#f9e8db; margin-top:26px; margin-left:26px; float:left;}
.dx {margin-left:26px !important;}
textarea {width:234px; height:120px; padding:4px; font-size:14px; background-color:#f9e8db; margin-top:26px; margin-left:26px;}
.invia {width:264px; height:34px; background-color:#e4640d; border:1px #ffffff solid; color:#ffffff; font-size:21px; font-family: 'Roboto', sans-serif; margin-top:25px; margin-left:300px; cursor:pointer;}
.privacy {font-family:'Roboto', sans-serif; font-size:12px; text-decoration:underline; color:#000000;}

footer {background-color:#e9edee; color:#6f5035; font-family: 'Roboto', sans-serif; font-size:26px; font-weight:100; text-align:center; min-height:230px;}
.linea {color:#6f5035; margin-top:30px; width:990px;}

.button {padding:8px 32px; text-align:center; text-decoration:none; display:inline-block; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; margin:4px 2px; -webkit-transition-duration:0.4s; /* Safari */transition-duration:0.4s; cursor:pointer;	background-color:white; color:#5f95a7; border:2px solid #5f95a7; border-radius:18px;}

.button:hover {background-color:#5f95a7; color:white;}

 /* RESPONSIVE CSS
    -------------------------------------------------- */
    @media (max-width: 1200px) {
		#testata img, #form img, #corpo {width:100%;}
    	#form {width:50%;}
		#testo {width:42%; padding:0 4%;}
		input[type="text"] {width:38%; margin-left:8%;}
		select {width:39.5%; margin-left:4%;}
		.dx {margin-left:4% !important;}
		textarea {width:38%; margin-left:4%;}
		.invia {width:44%; margin-left:50%;}
		.linea {width:84%;}
/*		#img1 {width:7.2%;}
		#img2 {width:27.3%;}
		#img3 {width:7.5%;}
		#img4 {width:7.2%;}
		#img5 {width:27.1%}
		#img6 {width:11.6%;}
		.logo {margin-right:1.8%;}											
		.logo img {width:100%; max-height:inherit;}
		.first {margin-left:1.8%;}*/
		#opportunita img {width:80%;}
    }

    @media (max-width: 979px) {
		#form {float:none; width:100%; margin-top:25px; background-image:url(../images/img-form-mob.png);}
    	#testo {float:none; width:84%; padding:0 8%;}
		#corpo {margin-top:20px;}
		h1 {font-size:26px;}
		h2 {font-size:26px;}
		h3 {font-size:26px; margin-top:0px;}
/*		.acapo {clear:both; margin:30px auto;}
		.logo {margin-right:5%;}
		.first {margin-left:5%;}		
		#img1 {width:12.7%;}
		#img2 {width:48%;}
		#img3 {width:13.3%;}
		#img4 {width:12.4%;}
		#img5 {width:46.6%;}
		#img6 {width:20%;}
		.first2 {margin-left:5% !important;}
		.linea2 {margin-right:5% !important;}*/
    }


    @media (max-width: 767px) {


    }

    @media (max-width: 480px) {
		h1 {font-size:22px;}
		h2 {font-size:22px;}
		h3 {font-size:20px; margin-top:4px;}
		h4 {font-size:16px;}
		.punti {font-size:22px;}
		li {font-size:16px;}
		footer {font-size:22px;}
		.invia {font-size:18px;}
    }