/* ===== classi generiche =*/

body {margin:0; padding:0; font: 80%/1.5 verdana, arial, helvetica,sans-serif; 
text-align:center;  color:#888; background:#fff;}
.clear  { clear: both; }
img {border:0;}
p, h1, h2, h3, h4, h5, form {padding:0; margin:0;}
#home a {text-decoration:none;}

h1 { margin:0; padding:0; }
h2 {font-size:22px; color:#000; margin:0; font-family:"Trebuchet MS", verdana, sans-serif; }
h3 {color:#D86B2C;}
h4 {color:#aaa; font-size:14px;}

a {color:#D86B2C;}
a:hover {color:#000;}

acronym {border-bottom:1px dotted #666;}


.error {font-weight:bold; color:red; }
.errorbox {background:red; padding:3px 10px; color:white;}
.errorbox h2 {text-transform:uppercase; font-size:16px; color:white;}
.msg {font-weight:bold; color:#32b000; }


/* ==== comune a tutti =*/

#top {width:740px; height:130px; margin:0 auto;  text-align:left; position:relative;}
#logo {width:360px; position:absolute;}
#logo h1 span {display:none;}
#topDx {width: 380px; position:absolute; top:0; left:360px; }

#claim {float:left;}

#mainMenu {border:0; margin:0; position:absolute; top:100px; left:450px; }
#mainMenu ul {margin:0; padding:0; list-style-type: none;}
#mainMenu li  { list-style-type: none; text-align:center; float:left; margin-left:10px; font-family:"Trebuchet MS", verdana, sans-serif;}
#mainMenu li a {font-size:12px; padding:6px 0; margin-left:10px; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#aaa; }
#mainMenu li a:hover  { color:#fff; color:#E57634; }

#partner { text-align:right; font-size:10px;}

#left {background-image: url(images/sfumato.jpg); background-repeat: repeat-x;}

#footer { clear:both; width:740px; margin:0 auto; border-top:1px solid #eee; font-size:.8em; color: #aaa; padding:10px 0; text-align:left; }
#footerCont2 {width:740px; margin:0 auto;  }

#footer .fleft {width:300px; float:left;}
#footer .fright {width:350px; float:right;}
#footer a {color:#aaa; }
#footer a:hover {color:#000; }
#footer .fright a {text-decoration:none; padding:0 5px;}


/* ======== HOMEPAGE ======== */

#bandaWrap { background-image: url(images/banda_bg.jpg); background-repeat: repeat-x; padding-top:12px;}
#banda {width:740px; height:346px; margin:0 auto;  background-image:url(images/tondo.gif); background-repeat:no-repeat;}

h4.slogan {padding:28px 25px 13px;  font-size:18px; color:#4371C6;}


#motori_ricerca {width:740px; height:160px; text-align:left; margin:0 auto; background-image: url(images/home_visibilita2.gif); background-repeat: no-repeat;}
#motoriCont {padding:16px 50px; font-size:12px;}
#motoriCont h3 {color:#4371C6; font-size:16px;}
#motoriCont .list {display:block; padding-top:5px; color:#4371C6; font-weight:bold;}

#home_about {width:740px; text-align:left; margin:0 auto; padding-top:20px; color:#666; line-height:190%; }
#home_about #left{float:left;width:370px; background:#fff;}
#home_about #right{float:right;width:370px; }
#home_about #leftCont {padding:6px 10px 0;  margin: 0; }
#home_about #rightCont {padding:16px 10px; margin:0; font-size:13px;}
#home_about #rightCont h3 {font-size:22px; }



/* ============ banda pagine interne e box-colonna =========*/

#bandaCont_small {width:740px; height:107px; margin:0 auto;  text-align:left; }

.boxInterna { margin:2px; float:left;}
.boxInterna .contenuto {}
.boxInterna h3 {font-size:13px;}

.boxColonna {padding:10px;  margin-bottom:18px; color:#888;  border-bottom:1px solid #eee;  border-right:1px solid #eee; background-image:url(images/box_bg2.jpg); background-repeat:no-repeat;}
.boxColonna h4 {color:#D86B2C; text-indent:3px;}
.boxColonna p {font-size:12px;}
.boxColonna p strong {font-size:11px;}


/* =================== OFFERTE */

#offerte_about {width:740px; text-align:left; margin:0 auto; padding:20px 0; color:#666;}
#offerte_about #left {float:left; width:360px; height:620px; border:1px solid #eee; background-image: url(images/sfumato.jpg); background-repeat: repeat-x;}
#offerte_about #right {float:right; width:360px; height:620px; border:1px solid #eee; background-image: url(images/sfumato.jpg); background-repeat: repeat-x;}
#offerte_about #leftCont {padding:10px;  margin: 0; }
#offerte_about #rightCont {padding:10px; margin:0; }
#offerte_about h3 {font-size:20px;}
#offerte_about h4 {font-size:13px; padding:5px 0;}



#offerte_about ul.check {margin:0; padding:20px 20px 10px; list-style-type:none;}
#offerte_about .check li {padding-bottom:15px; padding-left:22px; color:#222; background-image:url(images/confirm.gif); background-position:0 3px; background-repeat:no-repeat; }


#offerte_about .boxPacchetto {padding:10px 15px; margin:10px 3px; color:#666; background-image:url(images/bg_pacchetto5.gif); background-repeat:no-repeat; }
#offerte_about .boxPacchetto h4 {color:#222; text-indent:25px; font-size:15px; letter-spacing:1px; margin:0; padding:0;  padding-bottom:2px; font-family:"Trebuchet MS"; }
#offerte_about .boxPacchetto .info {width:220px; float:left; font-size:11px; }
#offerte_about .boxPacchetto .info p {padding-left:10px;}
#offerte_about .boxPacchetto .price {font-weight:bold; font-size:17px; font-family:"Trebuchet MS"; 
color:#D86B2C; line-height:100%;  padding-left:240px; padding-bottom:20px; padding-right:10px; text-align:right;}

#offerte_about a.segue {color:#fff; text-decoration:none; font-size:11px;  font-weight:bold; text-decoration:underline; cursor:help;}
#offerte_about a:hover.segue  {color:#000;}

/* =================== DETTAGLI SERVIZI e PACCHETTI e VISIBILITA' */

#dettaglio_about {width:740px; text-align:left; margin:0 auto; padding:20px 0; color:#666;}
#dettaglio_about #left {float:left;width:520px;  border:1px solid #eee;}
#dettaglio_about #right {float:right; width:200px; border:0; margin:0; padding:0;}
#dettaglio #leftCont {padding:10px;}

/* pagina dettaglio pacchetti */

.dettagli_pac {margin:20px 0; padding:10px 0;}
.dettagli_pac p { padding:5px 25px 5px 15px; color:#000;}



/* pagina dettaglio servizi */

.headservizi { background-image: url(images/tabellaservizi_top1.gif); background-repeat: no-repeat; background-position: top center; padding:10px;}
.headservizi2 {background-image: url(images/tabellaservizi_top2.gif); background-repeat: no-repeat; background-position: top center; padding:10px;}
.footservizi { background-image: url(images/tabellaservizi_bottom1.gif);  background-repeat: no-repeat; background-position: bottom center; padding:20px 15px 10px; text-align:right;}
.footservizi2 { background-image: url(images/tabellaservizi_bottom2.gif);  background-repeat: no-repeat; background-position: bottom center; padding:30px 15px 10px; text-align:right;}

.tab_dettagli p {color:#000; padding:35px 5px 0px 20px;}
.tab_dettagli2 p {color:#000; padding:35px 5px 0px 20px;}
p.pdfofferta {text-align:right; padding:3px 30px 25px;}

table.tab_dettagli  {width:480px; font-size:11px; }
.tab_dettagli td.nospace {padding:0; margin:0; border:0;}
.tab_dettagli th {vertical-align:top; border-bottom:1px dashed #eee; padding:15px; color:#D86B2C; width:160px; text-align:left;}
.tab_dettagli td {border-bottom:1px solid #eee; color:#666; padding:5px;}
.tab_dettagli th strong {font-size:16px; color:#4371C6;}

table.tab_dettagli2  {width:480px; font-size:11px;}
.tab_dettagli2 td.nospace {padding:0; margin:0; border:0;}
.tab_dettagli2 th {vertical-align:top; border-bottom:1px dashed #eee; padding:15px; color:#4371C6; width:160px; text-align:left;}
.tab_dettagli2 td { border-bottom:1px solid #eee; color:#666; padding:5px;}
.tab_dettagli2 th strong {font-size:16px; color:#4371C6;}

/* dettaglio visibilità */

#left_top { border:1px solid #eee; margin-bottom:10px; background-image: url(images/sfumato.jpg); background-repeat: repeat-x;}

.headvisibilita1 { background-image: url(images/tabellavisib_top500.gif); background-repeat: no-repeat; background-position: top center; padding:10px;}
.headvisibilita2 { background-image: url(images/tabellavisib_topmille.gif); background-repeat: no-repeat; background-position: top center; padding:10px;}
.headvisibilita3 { background-image: url(images/tabellavisib_top5mila.gif); background-repeat: no-repeat; background-position: top center; padding:10px;}
.footvisibilita1 { background-image: url(images/tabellavisib_bottom500.gif);  background-repeat: no-repeat; background-position: bottom center; padding:20px 15px 10px; text-align:right;}
.footvisibilita2{ background-image: url(images/tabellavisib_bottommille.gif);  background-repeat: no-repeat; background-position: bottom center; padding:20px 15px 10px; text-align:right;}
.footvisibilita3 { background-image: url(images/tabellavisib_bottom5mila.gif);  background-repeat: no-repeat; background-position: bottom center; padding:20px 15px 10px; text-align:right;}

/* ============== chi siamo ============ */
#chisiamo #leftCont {padding:10px; }
#chisiamo #leftCont h4 {color:#000;}

#chisiamo fieldset {padding:15px; margin:10px 0; line-height:170%; border:1px solid #EAEDF6; }
#chisiamo legend {font-size:16px; font-weight:bold; padding:3px 10px; margin-bottom:7px; background-image:url(images/box_bg2_blu.jpg); background-repeat:no-repeat; }
#chisiamo legend a {color:#4371C6;} 
#chisiamo em {font-weight:bold; color:#4371C6;}

/* ============== contatti ============ */
#contatti #leftCont {padding:10px;}
#contatti #leftCont h4 {color:#000;}
#contatti fieldset {border: 1px solid #ccc; padding: 20px;}
#contatti legend { color:#000;  font-size:16px; font-weight: bold;}
#contatti label { display:block; /*color:#4371C6;*/ font-weight: bold;}
#contatti label span { color:#D86B2C;  font-size:12px; font-weight: bold;}
#contatti .campoform { display:block; width:220px; float:left; margin-top:15px;}
#contatti .campoform input { width:200px; }
#contatti .buttonSubmit {width:135px;height:30px;background:#4371C6;color:#fff;font-weight:bold;border:none;}


/* ============== portfolio  ============ */
#portfolio_about {width:740px; text-align:left; margin:0 auto; padding:20px 0; color:#666;}
#portfolio_about #left {float:left;width:520px;  border:1px solid #eee;}
#portfolio_about #right {float:right; width:200px; border:0; margin:0; padding:0;}
#portfolio_about #leftCont {padding:10px;}

.schedasito {border:1px solid #eee; margin:15px 0; padding:10px; height:95px; position:relative;}
.schedasito img {float:left; padding-right:10px; }
.schedasito p {line-height:170%; color:#aaa; }
.schedasito p.online {margin-top:5px; }

/* ============ form ============== */
#formcompra #left {width:740px;  border:1px solid #eee;}
#formcompra #leftCont {padding:20px;}
#formcompra #leftCont h4 {color:#4371C6;}

#descrizione {background:#F5F9FF; padding:10px; border:1px solid #ccc;}

.tab_riassunto {border:1px solid #ccc; width:700px;}
.tab_riassunto th {background:#F5F9FF; width:150px; font-size:16px; color:#59A853; padding:10px}

.datiform {padding:10px; color:#000; float:left; font-size:13px; }
#formdati {padding:20px; background:#F5F9FF; border:1px solid #ccc;}
#formdati h4 {padding:0 10px; }
#formdati p {padding:10px;}

#form-wrapper {padding-left:50px;}
.datiform label {width:220px; display:block;}
.datiform label span {color:#4371C6; }

table.riepilogo_pac  {border:1px solid #ccc; width:100%;}
table.riepilogo_pac th { font-size:16px; border-bottom:1px solid #ccc; color:#4371C6; text-align:left;}
table.riepilogo_pac td {vertical-align:top;  border-bottom:1px solid #ccc; background:#F5F9FF;}
table.riepilogo_pac h5 {width: 180px; color:#444;}
table.riepilogo_pac .prezzo {color:#D86B2C; font-weight:bold; font-size:14px; width:100px; display:block; text-align:center;}

#totale {border:1px dotted #aaa; text-align:right; padding:2px 10px; color:#222; background:#fff/*F5F9FF*/; background-image: url(images/bg99.gif); background-repeat: no-repeat; }
#totale h2 {color:#D86B2C;  font-size: 28px;}

.nota {color:#999;font-size:10px;font-weight:normal;}


/* varie classi */

strong {color:#000;}
#dettaglio_about strong {color:#666;}
td.noborder {border:0;}
.rosso {color:#D86B2C;}
.blu {color:#4371C6;}
.verdescuro {color:#59A853;}
.azzurro3 {background:#F5F9FF;}
.grigio3 {background:#fcfcfc; }
.giallo3 {background:#FEFEFA;}
.dieci {font-size:10px;}
.dieci_dx  {font-size:10px; text-align:right}

.aprichiudi { text-align:right; padding-right:25px; font-size:11px;}
.aprichiudi a, .aprichiudi a:visited {color:#59A853;text-decoration:none;}
.aprichiudi a:hover { color:#000; text-decoration:none;}