/* --------------------------------------------------------- link ---------------------------------------------------------*/

#menu a, #menu a:visited{ font-size: 11px; text-decoration: none; color: #dedede; font-weight: bold;}
#menu a:hover, #menu a:active{ text-decoration: underline;}

a, a:visited{ font-size : 13px; text-decoration: none; color: #4d9dc3; font-weight: bold; padding:0;}
a:hover, a:active{ text-decoration:underline;}

a.web_marketing, a:visited.web_marketing { color:#555; text-decoration:none; font-size:11px; font-weight:normal;}
a:hover.web_marketing, a:active.web_marketing { text-decoration:underline;}

/* --------------------------------------------------------- link ---------------------------------------------------------*/

/* --------------------------------------------------------- layout ---------------------------------------------------------*/

body { font-family: arial, sans-serif; font-size : 13px; color : #000; background: url(img/sfondo-body.gif) repeat-y center #9ad3e5 ; margin: 0; text-align:center;} 
span {color:#444}
input.campi {border:1px solid #3f95bf; width:250px; background:#ddd; height:13px; font-size:10px}
input.invia {border:1px solid #3f95bf; background:#ddd; height:25px; font-size:10px; cursor:pointer;}
select {border:1px solid #3f95bf; width:250px; background:#ddd; height:18px; font-size:10px}
textarea {border:1px solid #3f95bf; width:250px; background:#ddd; font-size:11px}

#grande { background: #fff;  width: 778px;  margin:0 auto 0; padding:0; border-width: 0 0px 1px 0px; border-color: #0081ad; border-style: dotted;}
#top{ width: 778px;  margin: 0; padding:0; height: 150px;}
#menu{ font-size: 10px; color: #fff; font-weight: normal; background-color:#4d9dc3; height: 20px; line-height: 20px; text-align: center; margin: 0; padding: 0 10px;}
#cln_sx{ width: 150px; float:left; text-align: left; padding: 20px 10px 10px 11px ; margin: 0; background: url(img/sx.png) no-repeat;}
#sotto{ clear: both; width:775px; text-align: center; background: #dbf9ff; padding: 0 0 10px 3px; font-size:12px; margin:0 auto;}
#dentro_sotto {width:778px; text-align:center; margin:auto; color:#555555;font-size:11px; padding:0; }
#contenuti{ font-size:11px; color:#333; width: auto; margin: 0 0 0 171px; padding: 22px 10px 10px 10px ; text-align:left;}
#gallery {color:#0081ad; font-weight:bold}

#gallery img{width:150px; margin-top:8px;}
.left  img{border:0}

.left {text-align:justify; margin-right:10px;}
.right {padding-top:38px;}
.right  img {margin-bottom:10px}
.prodotti{background-color: #ececec; padding: 10px; font-size: 10px; color:#000; border: #3f95bf solid 1px;}
.dentro {text-transform:none; margin-top:0;}


/* ------------------------------------------------------- elementi -------------------------------------------------------*/

h1 {font-size:18px; height:18px; line-height:18px; margin:0; padding:0 0 10px 0; display:block; width:570px; font-weight:normal; color: #0081ad; background:url(img/sf-h1.png) bottom no-repeat; text-align:left;}
h2 {font-size:14px; padding:0 0 0 20px; margin:30px 0 10px 0; height:16px; line-height:16px; display:block; color: #444; background: url(img/freccia.png) no-repeat; text-transform:uppercase;}
h2.dentro {margin:0 0 10px 0; color:#8c8c8c; background: url(img/info.png) no-repeat;}

ul { margin:0; padding:0;}
li { list-style-type: none;}
ul.ul1 li{color:#333; font-size:11px; font-weight:bold; margin-bottom:5px; background: url(img/freccia-giu.png) no-repeat center left; padding: 0 0 5px 0; text-align:center;}
ul.ul1 {margin-top:20px;}
.riga {border: dotted #333; border-width: 0 0 1px 0; padding:10px 0;  margin-bottom:10px;}
ul.ul2 li {color:#8c8c8c; font-size:9px; padding:3px 0 ; background:#eefcff; margin:0 0 0 0; text-align:left;}
ul.ul3 li {color:#000; font-style:normal; padding:0 0 0 10px;background:#fefefe; margin:0;}
ul.ul3 {margin:0 0 5px 0;}
ul.ul3 a {color:#000; font-size:9px; font-style:normal; background:#fefefe; margin:0;}

#cln_sx li  a {width:131px; display:block;}
.button-link {width:151px; height:23px; text-align:center; line-height:23px; display:block; background: url(img/button-link.png); margin-bottom:5px;}
.button-link  a, .button-link  a:visited {width:151px; height:23px; display:block; color: #666; font-size:11px; font-weight:normal;}
.button-link  a:hover, .button-link  a:active {color: #000; text-decoration:none;}

/* ------------------------------------------------------- elementi -------------------------------------------------------*/


li.footer a{color:#333; font-size:9px; text-decoration:none;}
li.footer a:hover{text-decoration:underline; color:#333;}
li.footer {list-style-type:none; margin: -2px 0;}

#portoni-industriali{width:250px; text-align:center;}
#chiusure-civili{width:250px; text-align:center;}
#footer-link {width: 780px; text-align: center; padding-top:10px;}
#footer-link-content {width: 504px; text-align: center; display:block; margin:0px auto 0px; padding:11px 0 8px 0; height:71px; background: url(img/sfondo-footer.png) no-repeat}