@charset "UTF-8";
@import "reset.css";

body{font-family:Arual,Helvetica,sans-serif;font-size:13px;background:#e1ddde url(images/background.jpg) no-repeat center top;color:#434343;padding-bottom: 40px;}
a {color:#434343;text-decoration:underline;font-style:italic;}
#page {width:1000px;margin-left:auto;margin-right:auto;background:white;}
#menu {height:34px;text-transform:uppercase;background:transparent url(images/menu-off.jpg) repeat-x center top;}
#menu li {display:block;width:140px;float:left;text-align:center;border-left:2px solid white;}
#menu li a {display:block; padding:10px 0; text-decoration:none;font-style:normal;}
#menu li a:hover {background:#9fa0a2;color:white;}
#logo {clear:left;height:155px;background:transparent url(images/headers/default.jpg) no-repeat center top;}
#logo h1 {;padding-left: 30px;width: 312px;height: 135px;overflow: hidden;}
#logo h1 a {display: block;margin-top: 55px;padding-top: 80px;}

#body {padding:3px;background-repeat:no-repeat;background-position: center top;}
#footer {width:1000px;margin-left:auto;margin-right:auto;background:white;font-size:11px;text-align: center;padding:15px 0 40px 0;}

/* MENU PER PAGINA */
.home #menu li#menu-home,
.autosonik #menu li#menu-autosonik,
.blaupunkt #menu li#menu-blaupunkt,
.navigon #menu li#menu-navigon,
.contatti #menu li#menu-contatti
    {background:transparent url(images/menu-on.jpg) repeat-x center top;}
.home #menu li#menu-home a,
.autosonik #menu li#menu-autosonik a,
.blaupunkt #menu li#menu-blaupunkt a,
.navigon #menu li#menu-navigon a,
.contatti #menu li#menu-contatti a
    {color:white;}

/* HOME PAGE */
.home #logo {background-image: url(images/headers/home.jpg);}
.home #logo h1 {padding-left:250px;width:500px;height:140px;}
.home #logo h1 a {margin-top:30px;padding-top:140px;}
.home #body {background-image: url(images/contents/home.jpg); padding-top:180px;}
.home #body .content {width:320px;float:left;background:transparent url(images/content.jpg) repeat-x center top;margin:0 5px;}
.home #body .content h2 {position:absolute;}
.home #body .content h2 a {position:absolute;display:block;width:300px;height:110px;top:-142px;left:10px;}
.home #body .content p {margin:1em;line-height:1.3em;}
.home #body hr {width:0;border:none;border-left:1px dashed #434343;height:380px;float:left;}


/* AUTOSONIK */
.autosonik #logo {background-image: url(images/headers/autosonik.jpg);}
.autosonik #body {background-image: url(images/contents/autosonik.jpg); padding-top:346px;}
.autosonik #body .content {width:487px; height:240px; float:left; background:transparent url(images/content.jpg) repeat-x center top; margin: 0 5px;}
* html .autosonik #body .content {display:inline;}
.autosonik #body .content p {margin:1em;line-height:1.3em;}

/* BLAUPUNKT */
.blaupunkt #logo {background-image: url(images/headers/blaupunkt.jpg);}
.blaupunkt #body {background-image: url(images/contents/blaupunkt.jpg); padding-top:340px;}
.blaupunkt #body .content {height:230px; width:487px; float:left; background:transparent url(images/content.jpg) repeat-x center top; margin: 0 5px;}
* html .blaupunkt #body .content {display:inline;}
.blaupunkt #body .content p {margin:1em;line-height:1.3em;}

/* NAVIGON */
.navigon #logo {background-image: url(images/headers/navigon.jpg);}
.navigon #body {background-image: url(images/contents/navigon.jpg); padding-top:340px;}
.navigon #body .content {height:220px; width: 487px; float:left; background:transparent url(images/content.jpg) repeat-x center top; margin: 0 5px;}
* html .navigon #body .content {display:inline;}
.navigon #body .content p {margin:1em;line-height:1.3em;}

/* CONTATTI */
.contatti #body h1 {margin:2em 0 3em 0;font-size:16px;}
.contatti #body p.required {font-size:11px;margin:3em 0;}
.contatti #body {padding-left:80px;margin:8px;background:transparent url(images/contacts-background.jpg) repeat-x left top;}
.contatti #body .left {width:400px;float:left;margin-left:0px;}
.contatti #body .right {width:400px;float:left;margin-left:50px;}
.contatti #body .input {width:350px;height:32px;border:1px solid #AEAEAE;margin:5px 0;background:white;}
.contatti #body .input.note {height:140px;}
.contatti #body .input label {width:75px;display:block;float:left;padding-top:8px;margin-left:6px;}
.contatti #body .input.note label {width:100%;margin-bottom:4px;}
.contatti #body .input input {border:none;background:white;width:255px;margin-top:6px;}
.contatti #body .input textarea {margin-left:5px;height:110px;width:338px;border:none;background:white;}
.contatti #body .submit {position:absolute;margin-left:330px;margin-top:20px;}
.contatti #body .submit input {width:90px;background:transparent url(images/submit.gif) no-repeat right center;border:none;font-weight:bold;font-size:14px;color:#4d4d4d;cursor:pointer;}
.contatti #body p {margin:1em 0;}
.contatti #body form {padding-bottom:40px;}
.contatti #body .input.error {height:auto;border-color:red;}
.contatti #body .input.error li {padding: 2px 10px;font-size:11px;color: red;text-align:right;}
.contatti #body div.accept.error {border:1px solid red;padding:4px;}
.contatti #body div.accept.error li {padding: 2px 10px;font-size:11px;color: red;text-align:left;}