/* stili generici */
body { background: #F8F8F3 url(../pics/background.jpg) repeat-x; text-align: center; 
font: 11px Verdana, Arial, Helvetica, sans-serif;}

strong { font-weight: bold; }
acronym { border-bottom: 1px dotted #000; }
h2 { font-size: 20px; font-weight: bold; color: #263951; letter-spacing: 2px; }
iframe {  background-color: transparent; }

a { color: #263951; text-decoration: underline; }
a:hover { color: #F00; text-decoration: none; }

/* layout */
div#container { width: 950px; margin: 0 auto; text-align:left; background:url(../pics/bg_pagina.gif) repeat-y center; }
div#main { float: left; width: 697px; }

div#header { background:url(../pics/header.jpg) left no-repeat; height: 163px; }
div#header h1 { position:relative; height:163px; margin:0; padding:0; }
div#header h1 a { position:absolute; top:10px; left:0px; width:400px; height:140px; }
div#header span { text-indent:-9999px; }

div#menu_main { background: url(../pics/bg_menu.jpg) repeat-x; color: #FFF; font-weight: bold; vertical-align: middle; height:34px; letter-spacing: 1px; color: #FFF; }
div#menu_main ul { list-style: none; }
div#menu_main ul li { display: inline; text-align: center; }
div#menu_main a { float:left; display:block; height:12px; text-align:center; color:#FFF; text-decoration:none; padding: 9px 20px; }
div#menu_main a:hover { background: url(../pics/bg_menu_over.jpg) repeat-x; text-decoration:none; color:#FFF; }

div#colonna { padding: 5px; margin-left: 697px; background: url(../pics/bg_colonna_top.jpg) top center repeat-x; color: #FFF; width: 240px; \width: 250px; w\idth: 240px;  }

div#testi {	font-size: 11px; line-height: 150%;	color: #333; }
div#testi p { margin-bottom: 3px; }

div#eventi { background: url(../pics/bg_colonna_bottom.jpg) bottom right no-repeat; clear: left;  padding: 30px 270px 25px 130px; height: 140px; color: #FFF; }
div#eventi h2 { padding-top: 25px; width: 170px; background: url(../pics/testi/eventi.gif); background-repeat: no-repeat; overflow: hidden;  height: 25px; /* Hack di Tantek per WIN IE5.x */ voice-family: "\"}\""; voice-family:inherit; height: 0; margin-bottom: 5px; }

div#footer { background: #F8F8F3; color: #999; font-size: 10px; line-height: 13px; text-indent: -9999px; }
div#cerca { width: 240px; height: 25px; padding-top: 145px; background: url(../pics/bg_cerca.jpg) bottom no-repeat; text-align: center }
div#cerca .form { border: 0; background: #EEF0EB; font-size: 11px; width: 170px; }

div#playerbox { text-align: center; }
div#playerbox strong { margin-bottom: 3px; }

div#contatti { background: url(/pics/bg_contatti.jpg) no-repeat; padding: 35px 175px 30px 15px; height: 100px; font-size: 11px; line-height: 16px; }
div#contatti strong { font-size: 13px; }

div#testidx { padding: 5px; }
div#testidx strong { letter-spacing: 1px; }
div#testidx h3 { letter-spacing: 1px; margin: 5px 0; font-weight: bold; border-bottom: 1px dotted #CCC; text-align: center; padding: 3px; font-size: 12px;  }
div#testidx li { padding: 3px; border-bottom: 1px dotted #999; }
div#testidx li a { color: #CCC; text-decoration: none; font-weight: bold;  }
div#testidx li a:hover { color: #FFF; }

/* menu colonna destra */
div#menu_dx { color: #FFF; width: 220px; padding: 60px 10px; width: 2200px; \width: 240px; w\idth: 220px;}
div#menu_dx h3 { background: url(../pics/menu_dx_titolo.jpg) top no-repeat; height: 14px; padding: 10px; text-align: center; 
font-size: 13px; font-weight: bold; color: #333; vertical-align: middle; cursor: pointer; }
div#menu_dx ul { padding: 0; margin: 0; }
div#menu_dx li { height: 31px; width: 240px; padding: 0; margin: 0; letter-spacing: -1px; }
div#menu_dx li a { display: block; background: url(../pics/menu_dx_link.jpg) no-repeat; color: #444; height: 11px; padding: 10px; width: 220px; font-weight: bold; text-decoration: none; }
div#menu_dx li a:hover, div#menu_dx li strong { display: block; background: url(../pics/menu_dx_hover.jpg) no-repeat; color: #333; height: 11px; padding: 10px; width: 220px; }

/* classi layout */
div.box_servizi_sx { height: 173px; width: 684px; margin-bottom: 10px; }
div.box_servizi_sx h3 { width: 200px; height: 16px; position: relative; top: 20px; left: 5px;  
font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #FFF; padding: 4px 0; vertical-align: middle;}
div.box_servizi_sx div {	height: 160px; padding-left: 420px; padding-top: 6px;  padding-right: 5px;  
font-size: 13px; text-align: justify; }
div.box_servizi_sx a { color: #FFFFFF; text-decoration: none; }

div.box_servizi_dx { height: 173px; width: 684px;  margin-bottom: 10px;}
div.box_servizi_dx h3 { width: 190px; height: 16px; position: relative; top: 20px; left: 490px;  
font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #FFF; padding: 4px 0;}
div.box_servizi_dx div {	height: 160px; padding-left: 5px; padding-top: 6px;  padding-right: 420px;
font-size: 13px; text-align: justify; }
div.box_servizi_dx a { color: #FFFFFF; text-decoration: none; }

div.box_servizi_1 { background: url(../pics/box_servizi_1.jpg) center center no-repeat; }
div.box_servizi_2 { background: url(../pics/box_servizi_2.jpg) center center no-repeat; }
div.box_servizi_3 { background: url(../pics/box_servizi_3.jpg) center center no-repeat; }

div.box_servizio { background: #EEF0EC url(../pics/box_bg_round.gif) no-repeat; text-align: center; font-size: 13px; font-weight: bold; color: #305271; letter-spacing: 1px; padding-top: 7px; }
div.box_servizio a { color: #305271; text-decoration: none; }
div.box_servizio a img { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
div.box_servizio a:hover { color: #B70000; }
div.box_servizio a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

/* div.soluzioni { width: 95%; border-bottom: 1px dotted #ccc; font-size: 13px; text-align: justify; padding: 5px 10px; margin-bottom: 15px; }
div.soluzioni h3 { font-size: 18px; font-weight: bold; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 1px; }
div.soluzioni h3 a { text-decoration: none; }
div.soluzioni img { float: left; margin-right: 5px; margin-bottom: 5px; } */

div.soluzioni { text-align: center; margin-bottom: 3px; }
div.soluzioni a { display: block; height: 130px; text-decoration: none; padding: 5px 0; }
div.soluzioni a:hover { background: #EDF0F3; }
div.soluzioni a h3 { font-size: 15px; font-weight: bold; font-variant: small-caps; margin-bottom: 5px;  }
div.soluzioni a p { color: #666; }
h3.soluzioni { font-size: 16px; color: #263951; font-variant: small-caps; font-weight: bold;
border-bottom: 1px solid #A1AFBA; width: 98%; padding: 3px 0; margin-bottom: 10px; }

div#soluzioni_info { float: right; margin: 5px 10px 10px 10px; padding: 5px; border: 1px solid #9BAEBE; background: #E8ECEE; }
div#soluzioni_info th { padding: 3px; font-weight: bold; }
div#soluzioni_info td { padding: 3px; width: 90px; }

div.screenshot { float: left; padding: 5px; width: 210px; text-align: center; font-size: 10px; font-weight: bold; color: #999; }
div.screenshot a { color: #999; text-decoration: none; border: 0; }
div.screenshot a:hover { color: #333; }
div.screenshot img { border: 1px solid #CCC; }
div.screenshot a:hover img { border: 1px solid #777; }

div#boxlogin { background: url('/pics/bg_login.jpg') no-repeat; width: 300px; height: 90px; padding: 30px 25px; margin: 0 auto; }
div#boxlogin th, div#boxlogin td { font-weight: bold; width: 100px; padding: 5px 0; text-align: center; }
div#boxlogin input { padding: 3px; font-size: 11px; width: 175px;}

/* titoli */
div.titoli_servizi { background: url(../pics/bg_titoli_servizi.jpg) right no-repeat;  }
div.titoli { font-size: 11px; font-weight: bold; color: #263951; margin-bottom: 10px; padding: 10px; height: 40px; width: 674px; }
div.titoli h2 { font-size: 20px; margin: 5px 0; }

/* feedreader */
div.rss p { border-bottom: 2px solid #BDCFDE; background:#EDF0F3; font-size: 12px; padding: 5px 0; text-align: center; font-size: 13px; }
div.rss li { border-bottom: 1px dotted #999; }
div.rss li a { text-decoration: none; padding: 5px 0; display: block; color: #333; }
div.rss li a:hover { background: #EDF0F3; }

/* classi varie di stile */
.testo { font-size: 13px; }
.testoesteso { width: 684px; padding: 5px; font-size: 13px; line-height: 175%; text-align: justify; }
.testoesteso ul { list-style: square; list-style-position: inside; margin-left: 20px; }
.testoesteso ul li { font-style: italic;  }
.testoesteso h3 { font-weight: bold; color: #666; border-bottom: 1px solid #9BAEBE; padding: 3px 0; margin-top: 15px; clear: both; }
.testoesteso blockquote { margin: 20px; padding: 10px; color: #444; border: 1px solid #9BAEBE; background: #E8ECEE; }
.floatsx { float: left; margin-bottom: 5px; margin-right: 5px; }
.floatdx { float: right; margin-bottom: 5px; margin-left: 5px; }

.testomicro { font-size: 11px; }
.bordo_doppio { border-top: 1px solid #BDCFDE; border-bottom: 1px solid #BDCFDE; padding: 3px 0 3px 0; }

.elenco li { border-bottom: 1px dotted #BDCFDE; padding: 3px;  margin-left: 5px; font-size: 11px; color: #444; }
.elenco li span { color: #999; font-size: 10px; }