@import url("html5.css");
* {margin:0;padding:0;}
html {overflow-y:scroll;}
body {background:#FFF url(../img/bg.png) repeat-x 0 100px;color:#222222;}
* {padding:0;margina:0}
img{border:none}
a:link, a:visited {color:#000; text-decoration:underline}
a:hover, a:active { text-decoration:none}
h2 {color:#ea6320;margin:0 0 10px 0;font-size:18px}
h3 {color:#ea6320;margin:0 0 30px 0;font-size:18px}

#page-wrap {width:900px;margin:0 auto 5px auto;background:#fff;}


div#header {position:relative;width:900px;height:466px;clear:both;margin:0 auto;background:url(../img/bg.png) repeat-x 0 100px}
h1#logo{float:left;height:100px;width:270px;background:url(../img/logo.jpg) left center no-repeat}



nav {width:500px;float:right;margin:0}
nav ul {margin:0;padding:0;list-style:none;text-align:center;line-height:60px;margin:47px 0 0 0}
nav li {float:left;width:125px;height:60px;position:relative;font-weight:bold}
nav li a:link, nav li a:visited {z-index:20;display:block;height:60px;position:relative;color:#666666;text-decoration:none;}
nav li a:hover, nav li a:active {z-index:20;display:block;height:60px;position:relative;color:#ea6320;background:url(../img/bg-menu-hover.png) no-repeat bottom center;text-decoration:none;}
nav li a.current {z-index:20;display:block;height:60px;position:relative;color:#10487c;background:url(../img/bg-menu.png) no-repeat bottom center;text-decoration:none;}

.column {width:300px;float:left;margin:40px 0 20px 0;}
.column-a {padding:0 16px 0 74px;background:url(../img/make.png) no-repeat left top}
.column-b {padding:0 16px 0 74px;background:url(../img/take.png) no-repeat left top}
.column-c {padding:0 16px 0 74px;background:url(../img/create.png) no-repeat left top}

.column-d {width:580px;float:left;margin:40px 0 20px 0;}
.column-d p {text-align:justify}
.column-d ul {list-style:square;padding:0 0 0 20px;}
.column-d ul li {padding:0 0 20px 0;color:#ea6320}
.column-d ul li span {color:#222222}
.column-e {width:290px;float:right;margin:80px 0 20px 0;}


div.quotes {background:url(../img/quotes-close.gif) no-repeat center center}
div.dots {background:url(../img/dots.gif) no-repeat center center}
div.mail {background:url(../img/mail.png) no-repeat left center;height:32px;margin:0 0 20px 0}
div.phone {background:url(../img/phone.png) no-repeat left center;height:32px;margin:0 0 20px 0}
div.fax {background:url(../img/fax.png) no-repeat left center;height:32px;margin:0 0 20px 0}
p.ico {margin:0 0 0 38px;line-height:32px}


#footer {width:900px;border-top:1px solid #ea6320;color:#222222;margin:20px auto 0 auto;padding:10px 0 0 0;font-size:14px}
#footer a:link, #footer a:visited {color:#222222;text-decoration:none;font-weight:normal;margin:0;padding:0;}
#footer a:hover, #footer a:active {color:#ea6320;text-decoration:underline;font-weight:normal;margin:0;padding:0;}



/* Form */
label {display:inline-block;width:100px;text-align:left}
input.txt {width:200px;height:20px;text-align:left}
button {padding:5px 10px}
textarea {width:300px;height:100px;text-align:left}
#cForm {width:550px;text-align:left}
#cForm p {margin:0 0 20px 0;text-align:left}  
#cForm label {width:170px;text-align:left}
#cForm label.error, #cForm button.submit {margin-left: 173px;text-align:left;}
#cForm button.reset {margin-left: 3px;}


/*Citazione Home*/
div#citazione {width:900px;heigth:300px;background:url(../img/radius.gif) no-repeat left center}
div#subcitazione {padding:0 0 0 60px;height:300px;display:table}
blockquote#cite {font-family: Baskerville, Georgia, serif;font-size:28px;font-style:italic;color:#406d96;line-height: 46px;display:table-cell; vertical-align:middle;}
span#cite-border {background:#cfdae5;padding:5px 0 0 0}
span#cite-bg {background:#FFF;}
div#attribution {text-align:right;line-height:normal}
p#author{text-transform:uppercase;font-size:18px;font-style:normal;padding-top:10px;font-weight:bold;color:#ea6320;}
p#cite {color: #222222;font-style:italic;font-size:18px;padding:0}



/* MEDIA QUERIES */
.main, .sidebar { display:block; width:100%; }

/* First breakpoint at 576px */
@media all and (min-width: 36em){
	.main { float: left; width:60%; }
	.sidebar { float: left; width:40%; }
}

/* Second breakpoint at 800px */
@media all and (min-width: 50em){
	.main { width:70%; }
	.sidebar { width:30%; }

}