/* CSS Document */

body{margin:0; background:url(../images/base-fondo.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#666;}
img{border:0;}
img.thumb{width:165px; height:124px; padding:18px 1px 6px 1px; background:url(../images/browser.gif) no-repeat; margin:0 0 10px 0;}
img.image-sito{width:265px; height:201px; padding:28px 1px 7px 1px; background:url(../images/browser-big.gif) no-repeat; margin:10px 0 0 0; float:left;}
img.image-blogcategoria{width:20px; float:left; margin:0 5px 0 0;}
img.image-servizi{width:197px; background:#fff; float:left; display:block; margin:10px 0 0 0;}
a{font-weight:bold; color:#06c; text-decoration:underline;}
a:hover{color:#3399FF}
h1{color:#36c; display:block; padding:0; margin:0 0 5px 0; font-size:18px; line-height:22px;}
h1.titoloarticoloblog{font-size:24px; line-height:28px; margin:0 0 5px 0;}
h2{color:#36c; display:block; padding:0; margin:0 0 3px 0; font-size:14px; line-height:16px;}
h2.titoloblog{padding:0; margin:0 0 3px 0; font-size:12px; line-height:14px;}
h2.titoloblogcategoria{padding:0; margin:3px 0 3px 0; font-size:12px; line-height:14px; width:126px; float:right;}
h2.titolobanner{background:url(../images/titolo-banner.jpg) repeat-x; padding:8px; margin:0; color:#fff; line-height:14px;}
p{margin:0}
form{width:760px; display:block; padding:20px 0 0 0; margin:0;}


/* GENERALI */
#container{width:760px; margin-left:auto; margin-right:auto;}
#testata{width:760px; height:100px; display:block;}
#colonna-SX{width:566px; display:block; float:left; padding:20px 0 0 0;}
#colonna-DX{width:175px; display:block; float:right; padding:20px 0 0 0;}
#colonna{width:760px; display:block; padding:10px 0 0 0;}
#piedone{display:block; height:70px; background:url(../images/piede.jpg) repeat-x bottom; border-bottom:solid 1px #ADBBBC}
.indirizzo{width:760px; margin-left:auto; margin-right:auto; padding:18px 0 0 0; font-style:normal;}
.cleaner{height:1px; display:block; clear:both;}
.cleaner-chiaro{height:1px; display:block; clear:both; background:#ddd;}
.blu{color:#36c;}

/* LOGO */
#logo-container{width:300px; height:100px; display:block; float:left;}
.logo a{width:257px; height:36px; display:block; margin:20px 0 0 0; background:url(../images/base-logo-S.jpg) no-repeat;}
.logo a:hover{background:url(../images/base-logo-A.jpg) no-repeat;}
.bodycopy{width:300px; font-size:18px; line-height:18px; color:#AEBBBB; font-weight:bold; display:block; padding:10px 0 0 0;}

/* MENU */
#menu-container{width:450px; height:30px; margin:71px 0 0 0; padding:0 1px 0 0; float:right; display:block;}
.menu-separatore{width:1px; height:29px; display:block; float:right; background:url(../images/menu-separatore.jpg) no-repeat;}
.menu a{font-size:14px; line-height:14px; border-top:solid 1px #D7DDDD;  text-decoration:none; color:#69c; padding:8px 12px 8px 12px; display:block; float:right; background:url(../images/menu-A.jpg) repeat-x;}
.menu a:hover{text-decoration:underline; border-top:solid 1px #D7DDDD;  color:#36c; background:url(../images/menu-S.jpg) repeat-x;}
.menu-active a{font-size:14px; line-height:14px; border-top:solid 1px #D7DDDD; text-decoration:none; color:#36c; padding:8px 12px 8px 12px; display:block; float:right; background:url(../images/menu-active.jpg) repeat-x;}

/* PORTFOLIO */
.portfolio-default{width:566px;}
.portfolio-default .titolo{display:block; background:url(../images/colonna-SX-testa.jpg) no-repeat; font-size:20px; line-height:20px; font-weight:bold; color:#fff; padding:10px;}
.portfolio-default .corpo{width:564px; display:block; border-left:solid 1px #9EACAC; border-right:solid 1px #9EACAC; background:url(../images/base-corpo.jpg) repeat-x bottom #fff;}
.portfolio-default .corpo .main{width:250px; display:block; float:right; padding:10px 10px 0 0;}
.portfolio-default a{text-decoration:none; font-weight:normal; }
.portfolio-default .descrizione{font-size:10px; line-height:11px; }
.portfolio-default .data{font-weight:bold; color:#333; display:block; margin:0 0 3px 0;}
.portfolio-default .sito {width:167px; height:240px; padding:10px; display:block; float:left; border-right:solid 1px #ddd; background:url(../images/default-blog-base-A.jpg) repeat-x bottom #fff;}
.portfolio-default .navigatore{display:block; background:url(../images/base-navigatore.jpg) repeat-x #f0f0f0; height:20px; padding:10px 10px 0 10px;}
.portfolio-default .navigatore .testo{width:489px; display:block; padding:2px 0 0 0; margin:0 10px 0 0; float:right; text-align:right; text-transform:uppercase; font-size:10px;}
.portfolio-default .navigatore .testo .blu{color:#36c;}
.portfolio-default .piede{display:block; background:url(../images/colonna-SX-piede.jpg) no-repeat bottom; height:10px;}

/* PORTFOLIO */
.portfolio{width:754px;}
.portfolio .titolo{display:block; background:url(../images/colonna-testa.jpg) no-repeat; font-size:20px; line-height:20px; font-weight:bold; color:#fff; padding:10px;}
.portfolio .corpo{width:752px; display:block; border-left:solid 1px #9EACAC; border-right:solid 1px #9EACAC; background:url(../images/base-corpo.jpg) repeat-x bottom #fff;}
.portfolio .corpo .main{width:250px; display:block; float:right; padding:10px 10px 0 0;}
.portfolio a{text-decoration:none; font-weight:normal; }
.portfolio .descrizione{font-size:10px; line-height:11px; }
.portfolio .data{font-weight:bold; color:#333; display:block; margin:0 0 3px 0;}
.portfolio .sito {width:167px; height:240px; padding:10px; display:block; float:left; border-right:solid 1px #ddd; background:url(../images/default-blog-base-A.jpg) repeat-x bottom #fff;}
.portfolio .navigatore{display:block; background:url(../images/base-navigatore.jpg) repeat-x #f0f0f0; height:20px; padding:10px 10px 0 10px;}
.portfolio .navigatore .testo{width:489px; display:block; padding:2px 0 0 0; margin:0 10px 0 0; float:right; text-align:right; text-transform:uppercase; font-size:10px;}
.portfolio .navigatore .testo .blu{color:#36c;}
.portfolio .piede{display:block; background:url(../images/colonna-piede.jpg) no-repeat bottom; height:10px;}


/* SERVIZI */
.servizio{width:525px; display:block; float:right; margin:10px 0 0 0;}
.servizio-portfolio{width:470px; display:block; float:right; margin:10px 0 0 0;}
.servizio h1{font-size:18px; line-height:22px; margin:0 0 5px 0; text-align:left;}
.servizio h2{font-size:14px; line-height:16px; margin:0 0 10px 0; font-weight:normal; color:#999; text-align:left;}
.richiesta{display:block; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:solid 1px #d7dddd; text-align:right;}


/* BLOG */
.blog{width:566px;}
.blog .titolo{display:block; background:url(../images/colonna-SX-testa.jpg) no-repeat; font-size:20px; line-height:20px; font-weight:bold; color:#fff; padding:10px;}
.blog .corpo{width:564px; display:block; border-left:solid 1px #9EACAC; border-right:solid 1px #9EACAC; background:url(../images/base-corpo.jpg) repeat-x bottom #fff;}
.blog .corpo .articolo{display:block; padding:20px 20px 10px 20px; background:url(../images/base-corpo.jpg) repeat-x bottom #fff;}
.blog .corpo .articolo img{display:block; margin:0 5px 10px 0;}
.blog .corpo .articolo img.image-blogcategoria{width:20px; float:left; margin:0 5px 0 0;}
.blog .corpo .articolo img.image-bookmarks{float:left;}
.blog .corpo .articolo p{margin:0 0 10px 0;}
.blog .corpo .articolo .categoria{display:block; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:solid 1px #D7DDDD; font-size:14px; font-weight:bold; line-height:20px;}
.blog .corpo .articolo .data{font-size:14px; font-weight:bold; color:#333; display:block; margin:0 0 10px 0;}
.blog .corpo .articolo p.codice{display:block; border:solid 1px #36c; padding:10px; background:#ffd; font-size:10px; color:#333; font-family:"Courier New", Courier, monospace; line-height:20px; margin:0 0 10px 0;}
.blog .corpo .bookmarks{height:20px; display:block; margin:0 0 10px 0;}
.blog .navigatore{display:block; background:url(../images/base-navigatore.jpg) repeat-x #f0f0f0; height:20px; padding:10px 10px 0 10px;}
.blog .navigatore .testo{width:489px; display:block; padding:2px 0 0 0; margin:0 10px 0 0; float:right; text-align:right; text-transform:uppercase; font-size:10px;}
.blog .navigatore .testo .blu{color:#36c;}
.blog .piede{display:block; background:url(../images/colonna-SX-piede.jpg) no-repeat bottom; height:10px;}

.richiedi a{display:block; background:url(../images/avanti-A.jpg) no-repeat right; padding:8px 28px 8px 8px; text-align:right; margin:20px 0 0 0;}
.richiedi a:hover{background:url(../images/avanti-S.jpg) no-repeat right;}
.avanti a{width:20px; height:20px; display:block; background:url(../images/avanti-A.jpg) no-repeat; float:right;}
.avanti a:hover{background:url(../images/avanti-S.jpg) no-repeat;}
.indietro a{width:20px; height:20px; display:block; background:url(../images/indietro-A.jpg) no-repeat; float:right; margin:0 5px 0 0;}
.indietro a:hover{background:url(../images/indietro-S.jpg) no-repeat;}

/* BANNERS */
.banner{width:175px; margin:0 0 20px 0;}
.banner .titolo{display:block; background:url(../images/colonna-DX-testa.jpg) no-repeat; font-size:20px; line-height:20px; font-weight:bold; color:#fff; padding:10px;}
.banner .corpo{width:173px; display:block; border-left:solid 1px #9EACAC; border-right:solid 1px #9EACAC; background:url(../images/base-corpo.jpg) repeat-x bottom #fff;}
.banner .corpo .contenuto {display:block; padding:10px; text-decoration:none; color:#666; font-weight:normal; background:url(../images/default-blog-base-A.jpg) repeat-x bottom #fff; border-top:solid 1px #fff; border-bottom:solid 1px #ECEEED;}
.banner .corpo .contenuto .descrizione{font-size:10px; line-height:11px;}
.banner .piede{display:block; background:url(../images/colonna-DX-piede.jpg) no-repeat bottom; height:20px; padding:10px;}
.banner .piede .avanti a{display:block; background:url(../images/avanti-A.jpg) no-repeat right; padding:0 30px 0 0; float:right; text-align:right; width:125px; font-weight:bold; color:#69c}
.banner .piede .avanti a:hover{background:url(../images/avanti-S.jpg) no-repeat right; color:#36c}

/* MODULI */
.colonna-contatti{width:240px; display:block; float:left; margin:0 19px 0 0;}
.colonna-privacy{width:240px; display:block; float:right;}
.modulo-container{display:block; padding:0 0 10px 0;}
.modulo-descrizione{display:block; padding:0 0 5px 0;}
.modulo{width:230px; height:16px; padding:4px; border:solid 1px #d7dddd; font-size:10px; line-height:10px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.modulo-richiesta{width:230px; height:187px; padding:4px; border:solid 1px #d7dddd; font-size:10px; line-height:10px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.modulo-button{padding:0 30px 0 0; display:block; margin:0; text-align:right; font-family:Arial, Helvetica, sans-serif; border:none; font-weight:bold; font-size:14px; line-height:14px; color:#36c; background:url(../images/avanti-S.jpg) no-repeat right;}