* {margin: 0; padding: 0;}

body {font: 11px Verdana, Arial, Helvetica, sans-serif; background: #fff url('../img/back.jpg') left top repeat-x;}
body.interna {background-image: url('../img/back-interna.gif'); }

img {border: 0}
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: -1px;}

.pulizia {clear: both}

#content {width: 900px; margin: auto;}
.only-content #content {width: 500px; margin: margin: auto;}

#TB_title{background-color: #fff;}

#header {height: 120px; position: relative;}
#header h1 a {text-indent: -999px; background: transparent url('../img/logo.gif') no-repeat; width: 224px; height: 80px; position: absolute; top: 23px; left: 4px; margin:0; padding:0; outline: none;}
.interna #header h1 a {background-image: url('../img/logo-interno.gif');}

#service {position: absolute; top: 15px; right: 25px;}
#service ul li {display: inline; float: left;}
#service ul li a {color: #999; font-size: 10px; text-decoration: none; border-right: 1px solid #999; padding: 0 7px;}
#service ul li a.last {border: 0; padding-right: 0;}
#service ul li a:hover {text-decoration: underline;}
#service ul li a.sel {text-decoration: underline;}

#menu {position: absolute; top: 75px; right: 25px;}
#menu ul li {display: inline; float: left; margin-right: 36px;}
#menu ul li.last {margin-right: 0;}
#menu ul li a {display: block; outline: none; font: 20px Arial, Verdana, Helvetica, sans-serif; color: #9a9a9a; text-decoration: none; font-weight: bold; text-transform: uppercase;}
#menu ul li a:hover {color: #3399ff;}
#menu ul li a.sel {color: #3399ff;}

#banner .box {width: 300px; height: 315px; display: inline; float: left;}
#banner .box a img {display: block; width: 300px; height: 195px;}
#banner .box div {padding: 25px 31px 25px 24px; height: 120px; color: #fff;}
#banner .box div h2 {margin-bottom: 8px;}
#banner .box div a {color: #fff; display: block; margin-top: 3px;}
#banner .primo div {background: transparent url('../img/back-box.gif') no-repeat;}
#banner .secondo div {background: transparent url('../img/back-box-1.gif') no-repeat;}
#banner .terzo div {background: transparent url('../img/back-box-2.gif') no-repeat; color: #666;} 
#banner .terzo div a {color: #666;}

#corpohome {position: relative; height:auto !important; height:200px; min-height:200px; }
#corpohome #internahome {width: 420px; padding-right: 30px;}
#corpohome #internahome h2 {color: #3399ff; margin: 35px 0 18px 0; width: 347px;}
#corpohome #internahome p {color: #333; font-size: 13px;}
#corpohome #internahome a {color: #009ee0; display: block; margin-top: 17px;}

#corpohome #contattaci {position: absolute; top: 0; right: 25px;}
.ff3 #corpohome #contattaci {top: -35px;}

#corpohome #contattaci div {color: #999; padding-top: 10px; border-top: 1px solid #999; margin-top: 25px;}
#corpohome #contattaci div span	{text-transform: uppercase; color: #7ab51d; font: bold 20px Arial, Verdana, Helvetica, sans-serif; display: inline; float: left; width: 150px; padding-top: 2px;}
#corpohome #contattaci div p {display: inline; float: left}
#corpohome #contattaci p strong {color: #0099ff; font-weight: normal;}

#top img {width: 300px; height: 120px; display: inline; float: left;}
#top #submenu {background: transparent url('../img/testata-interna.gif') left top no-repeat; width: 576px; height: 95px; padding-top: 25px; padding-left: 24px; display: inline; float: left;}
#top #submenu h2 {color: #fff; font-size: 18px; margin-bottom: 18px; letter-spacing: 0;}
#top #submenu ul li {display: inline; float: left; margin-right: 34px;}
#top #submenu ul li a {color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none;}
#top #submenu ul li a:hover {text-decoration: underline;}
#top #submenu ul li a.sel {text-decoration: underline;}

#breadcrumbs {background-color: #666; color: #fff; padding: 6px 25px 6px;}
#breadcrumbs ul li {display: inline; float: left; font-weight:bold; color: #fff; text-transform: lowercase;}
#breadcrumbs ul li span {font-weight: normal;}
#breadcrumbs ul li a {text-decoration: none; font-weight: normal; color: #fff;}
#breadcrumbs ul li a:hover {text-decoration: underline;}

#corpo {position: relative;}
#corpo #interna {width: 520px; padding-right: 80px; display: inline; float: left}
#corpo #interna h2 {color: #3399ff; margin: 35px 0 18px 0; width: 347px;}
#corpo #interna p {color: #333; font-size: 13px; display: block; margin-bottom: 10px;}
#corpo #interna a {color: #666;}

#corpo #photogallery {width: 300px; display: inline; float: left}
#corpo #photogallery h3 {color: #999; font-size: 20px; text-transform: uppercase; background: transparent url('../img/photogallery_icon.gif') right 1px no-repeat; margin: 30px 0 16px 0; width: 200px;}
#corpo #photogallery ul li {display: inline; float: left; margin-right: 25px; margin-bottom: 25px;}

#corpo #downloads {width: 300px; display: inline; float: left}
#corpo #downloads h3 {color: #999; font-size: 20px; text-transform: uppercase; background: transparent url('../img/download_icon.gif') right 1px no-repeat; margin: 30px 0 9px 0; width: 118px;}
#corpo #downloads ul li {color: #0d7fff; padding: 5px 0 3px 0; border-bottom: 1px solid #c1c1c1; list-style: none; width: 275px;}
#corpo #downloads ul li a {color: #0d7fff; text-decoration: none;}
#corpo #downloads ul li a:hover {text-decoration: underline;}

#corpo #video {width: 300px; display: inline; float: left}
#corpo #video h3 {color: #999; font-size: 20px; text-transform: uppercase; background: transparent url('../img/video_icon.gif') right 1px no-repeat; margin: 30px 0 9px 0; width: 83px;}
#corpo #video ul li {color: #53ae00; padding: 5px 0 3px 0; border-bottom: 1px solid #c1c1c1; list-style: none; width: 275px;}
#corpo #video ul li a {color: #53ae00; text-decoration: none;}
#corpo #video ul li a:hover {text-decoration: underline;}

#footer {border-top: 1px solid #999; color: #999; padding-top: 24px; margin: 50px 0;}
#footer ul li {display: inline; float: left; border-right: 1px solid #999; padding: 0 7px; text-transform: lowercase;}
#footer ul li.last {border: 0; padding-right: 0;}
#footer ul li a {color: #999; font-size: 10px; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}
#footer ul li a.sel {text-decoration: underline;}

#creditpage a {text-decoration: none;}
#creditpage a span {color: #3399ff;}

/* Contatti */
#corpo #interna p.error {color:#c00; font-size: 12px; font-weight: bold;}
form legend { display: none;}
form fieldset {border: 0; margin: 0; padding:0; display: block; height: auto;}
form label span {display: none;}
form label span.newsletter {display: inline; font-size:10px; padding-right: 10px; color: }
form label input {display: block; border: 1px solid #ccc; }
form input {width: 310px; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;}
form input.chk {width: auto; margin-top: 10px; display:inline;}
form select {font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0 10px 0 0 ;}
form select.inp {margin-top: 10px; width: 310px; }
form textarea {width: 310px; height:100px; font: 12px Verdana, Arial, Helvetica, sans-serif;}
form textarea.inp {width: 310px; }
form button {color: #3399ff; border:0; background: none; font: 17px Arial, Verdana, Helvetica, sans-serif; margin-top: 10px; text-transform: uppercase; font-weight: bold;}

#dati-contatti {position: absolute; top: 73px; left: 360px; color: #999999;}
#dati-contatti strong {text-transform: uppercase; display: block; color: #3399ff;}
#dati-contatti a {text-decoration: none;}
#dati-contatti a:hover {text-decoration: underline;}