body {margin:0;padding:32px 0 0 0;font-family: Arial, Helvetica, sans-serif, serif;font-size:14px;color:#333;background: url(../c_grafica/agricolturaonweb/landingpage/bkg.gif) repeat-x center top #ffffff;line-height:1.6em;}

a, a img {margin:0;padding:0;border:0;outline: none;}

a {color: #0956ac;}
a:link, a:visited {color:#0956ac;}
a:hover, a:active {color:#666666;}

h1 {font-size:38px;color:#0956ac;margin:0 0 20px 0;text-align: center;line-height: 1.2em;}
h2 {font-size:30px;color:#0956ac;margin:0 0 16px 0;text-align: center;line-height: 1.2em;}
h3 {font-size:20px;color:#666666;margin:0 0 10px 0;line-height: 1.2em;}
h4 {font-size:18px;color:#ffffff;margin:0 0 4px 0;font-weight: normal;line-height: 1.2em;}

h2 img {vertical-align: middle;}

p {margin-top:3px;text-align: justify;}

input.field {width:275px;height:14px;padding:20px 10px;margin:30px auto 10px auto;display:block;font-size:14px;color:#444;border: 1px solid #bdbdbd;}

div#page {width:940px;margin:0 auto;padding:0 30px 10px 30px;}

div#logo {height: 80px;margin-bottom:20px;background: url(../c_grafica/agricolturaonweb/landingpage/logo_aow.png) no-repeat left bottom;}

div#main {width:890px;height:414px;margin:0 0 30px 0;padding:25px;background: url(../c_grafica/agricolturaonweb/landingpage/bkg_mucche.jpg) no-repeat center top;}

div#boxSx {width:495px;height:394px;padding:10px;background: url(../c_grafica/agricolturaonweb/landingpage/dot.png) repeat left top transparent;}
div#boxSx ul {margin: 30px 0 0 0;padding: 0 0 0 40px;font-size: 22px;}
div#boxSx ul li {margin-bottom: 30px;}

div#boxDx {width:315px;height:394px;padding:10px;background: #0956AC;color:#fff;float:right;line-height: 1em;}
div#boxDx h2 {color:#ffffff;}
div#boxDx p {text-align: center;}
div#boxDx a {color: #FFF;text-decoration: underline;}
div#boxDx a:hover, div#boxDx a:active {color:#CCC;}

div#boxDx a.btn {display:block;margin:40px auto 20px auto;color:#fff;width:216px;height:52px;line-height:52px;background: url(../c_grafica/agricolturaonweb/landingpage/btn.png) no-repeat left top transparent;text-decoration: none;font-size:20px;text-align: center;font-weight:bold;text-shadow: 0 -1px 1px #986001;text-transform: uppercase;}
div#boxDx a.btn:hover {color:#663300;text-shadow: 0 1px 1px #fff;}
div#boxDx p.privacy {font-size: 12px;}

div#content {}
div#content a {font-weight: bold;}

div#footer {background:#50322a;color:#ffffff;text-align: center;font-size:12px;padding:20px 0;margin:40px 0 0 0;line-height:22px;}
div#footer p {text-align: center;}
div#footer p a {color:#ffffff;}
div#footer p a:hover {color:#cccccc;}

/* 480 pixel - iPhone in modalità landscape (orizzontale) */
@media screen and (max-width: 480px) {

	html {-webkit-text-size-adjust: none;} /* Prevent font scaling in landscape */
	
	img {max-width: 100%;height: auto;} /* Immagini fluide */
	
	h1 {font-size: 30px;line-height: 1em;}
	h2 {margin: 0 0 3% 0;line-height: 1em;}
	h2 img {display: block; margin: 4% 0;}
	h4 {text-align: center;}
	
	p {text-align: left;}
	
	input.field {width: 90%;margin: 3% auto;}
	
	div#logo {margin-bottom:2%;background-size: 90%;}
	
	div#boxDx a.btn {margin: 2% auto;}
	div#boxSx ul {margin:20px 0 0 0;padding: 0 0 0 20px;font-size: 18px;}
	div#boxSx ul li {margin-bottom: 10px;line-height: normal;}
	
	div#page {width:96%;height: auto;padding:0 2%;}
	div#main {width:100%;height: auto;padding:0;margin:0;}
	div#boxSx, div#boxDx {width: 96%;height:auto;padding:2%;}
	div#boxSx {margin-top: 2%;}
	
	div#main, div#boxSx {background: none;}
	div#boxSx, div#boxDx {float: left;}
	
	div#footer {padding:2%;}

}