@charset "utf-8";
/* CSS Document */

body {
	margin: 5px 0 5px 0 ;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background: url(../images/sfondo_cel.jpg) repeat-x fixed top #e7e8fc
}
.clear { clear:both}

a, a:link, a:visited, a:active {
	color: #618ac0;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #a6c8f5;
	text-decoration: none;
	font-weight:bold;
}


p { text-align:justify; line-height:20px}
form { margin:0; padding:0}
h1 { font-size:18px; letter-spacing:1px; margin:0; padding:0; padding-bottom:10px; color:#333}
h3 { font-size:14px; letter-spacing:0px; padding:0; padding-bottom:0px; color:#333333; margin:2px 0 2px 0}
h4 { font-size:10px; margin:0px}


a img { border:0}
ul {margin:0; padding:0}
li {margin:0; padding:0}

/* template */
#box_titolo {margin:auto; width:980px; height:150px; padding-top:5px}
.box_ricerca {border:1px solid #ccc; padding:5px; margin:0 0 10px 0; background:#f4f4f4}
.box_1 .sx {float:left; width:40%; padding:2px; color:#666; font-size:11px;}
.box_1 .dx {float:left; width:5%; padding:2px}

.box_1{border:1px solid #ccc; padding:5px; margin:0 0 10px 0}
.box_1_a{border-left:1px solid #ccc; border-top:1px solid #ccc; padding:0px; margin:0 0 10px 0}
.box_1_a .icona{float:left; width:24px; padding-top:5px}
.box_1_a .opzione{float:left; margin:0 10px 0 0; padding:5px; border-right:1px solid #ccc; padding-top:8px}
.box_1_b{border:1px solid #ccc; padding:0; margin:0 0 10px 0}
#box_menu_home {width:980px; height:20px;padding:0px 0 10px 0px; margin:20px auto 10px auto; color:#e41c1c; border-bottom:0px solid #CCCCCC; font-size:16px}
#box_menu {height:20px;padding:3px 0 0px 3px; margin:0 auto 10px auto; color:#e41c1c; border-bottom:0px solid #CCCCCC; font-size:12px; position:relative; z-index:20}

#box_slide {width:970px; height:340px; margin:5px; z-index:-500}
#box_news {width:980px; height:20px; border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC; margin:10px auto; padding:5px 0 5px 0; background:#FFFFFF}
#box_sfondo_contenuti {width:990px; margin:auto; min-height:200px; background:url(../images/bg_box_sfondo.png) repeat-y}
#box_contenuti_home {width:980px; margin:auto; min-height:600px; background:#FFFFFF; margin-bottom:20px}
#box_contenuti {width:980px; margin:auto; min-height:600px; background:#FFFFFF; margin-bottom:0px}
#box_footer {width:980px; margin:auto; border-top:0px solid #CCCCCC; min-height:50px; font-size:11px; padding:5px 0 0 5px; background:url(../images/logo_bottom.jpg) no-repeat 10px 10px}
/* Nuovo Footer */
#box_footer a { color:#eee}
#box_footer_1 {width:49%; float:left; margin-right:2%; border-right:1px solid #ccc; padding-left:1%}
#box_footer_2 {width:37%; float:left;}
#box_footer_3 {width:8%; float:left; text-align:center; margin-top:-10px}
#tredweb { padding-top:6px}

/* Pagine */

#pagina_1 { padding:0px}
#pagina_1 .col_1{ width:290px; float:left; padding:5px}
#pagina_1 .col_2{ width:670px; float:left; padding:5px}

/* PAGINA CLASSICA CON TESTO E IMMAGINI -  SE NON CI SONO IMMAGINI LE COLONNE NON VENGONO VISUALIZZATE */
#pagina_inc { padding:10px}
#pagina_inc .col1{ width:660px; float:left; margin-right:20px}
#pagina_inc .col2{ width:280px; float:left}
#pagina_inc .col1 .sx{width:350px; float:left; padding:10px; border:1px solid #ccc; margin-right:10px}
#pagina_inc .col1 .sx .form_sx{width:80px; float:left; padding:5px;}
#pagina_inc .col1 .sx .form_dx{width:250px; float:left; padding:5px;}
#pagina_inc .col1 .dx{width:200px; float:left; padding:10px;}
#pagina_inc .col1 .dx a:hover{color:#990000}

/* PAGINA NEWS */
#pagina_news_inc { padding:10px}
#pagina_news_inc a{font-size:15px; font-weight:bold}


/* PAGINA DOVE SIAMO CON CARTINA E DESCRIZIONE */
#pagina_dovesiamo { padding:10px}
#pagina_dovesiamo .col1{ width:600px; float:left; margin:0 10px 0 0}
#pagina_dovesiamo .col2{ width:350px; float:left}

/* PAGINA CONTATTI CON FORM E DESCRIZIONE */
#pagina_contatti { padding:10px }
#pagina_contatti .col1{ width:600px; float:left}
#pagina_contatti .col2{ width:360px; float:left}

/* PAGINA DOWNLOAD CON LISTA E DESCRIZIONE */
#pagina_download { padding:10px 0 }
#pagina_download .col1{ width:610px; float:left}
#pagina_download .col2{ width:370px; float:left}


/* LISTA ARTICOLI */
.articoli_box_lista {width:146px; float:left; margin:0 10px 10px 0; text-align:center; overflow:hidden; height:150px; border:0px solid #ccc;  white-space:normal;}
.articoli_box_lista .image {height:120px; overflow:hidden; margin:0 0 5px 0}
.articoli_box_lista .image img{height:120px; border:0}
.articoli_box_lista a{color:#666666; font-size:9px; font-weight:bold; line-height:8px}
.articoli_box_lista a:hover{color:#000;}


/* DETTAGLIO ARTICOLO */
.img_grande {margin:0 10px 10px 0; width:399px; height:315px; overflow:hidden; text-align:center; background:#FFFFFF; float:left; border:1px solid #ccc;}
.img_grande img{height:315px; border:0}
.img_piccola {margin:0 10px 10px 0; width:100px; height:70px; overflow:hidden; text-align:center; border:1px solid #ccc; background:#FFFFFF; float:left}
.img_piccola img{height:75px; border:0}
.det_articolo_sx {float:left; width:150px; padding:3px; color:#666; font-size:12px;}
.det_articolo_dx {float:left; width:150px; padding:3px}	
	
/* Slide */
#slideshow {
    position:relative;
	/*height:230px;*/
	z-index:1;
	width:970px}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    opacity:0.0;
    /*height: 230px;*/
	margin-top:0px
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 340px;
    display: block;
    border: 0;
	width:970px
}

/*form invio dati*/
/*COLONNE DEL FORM CON IL CSS DEI VARI CAMPI DEL FORM*/

.form_sx {width:20%; float:left; margin:0 5px 0 0; padding:5px;}
.form_dx {width:70%; float:left; margin:0 0 0 0; padding:5px;}

.form_col_sx {float:left; width:15%; margin:0 5px 5px 0; padding:5px;}
.form_col_dx {float:left; width:75%; margin:0 5px 5px 0; padding:5px;}

.formselect {
width:95%;
font-size:11px;
padding:2px;
color: #666;
border:1px solid #ccc;
background:#fff
	}
.formtext {
width:95%;
font-size:11px;
padding:2px;
color: #666;
border:1px solid #ccc;
background: #fff}

.formtext_1 {
width:150px;
font-size:11px;
padding:2px;
color: #666;
border:1px solid #ccc;
background: #fff}

.formtext1 {
width:200px;
font-size:11px;
padding:2px;
color: #666;
border:1px solid #ccc;
background: #fff}
.formtext2 {
font-size:11px;
padding:2px;
color:#666;
border:1px solid #ccc;
background: #fff
	}
.formtext4 {
width:50px;
font-size:11px;
padding:2px;
color: #666;
border:1px solid #ccc;
background: #fff}
.formtext4 {
width:70px;
font-size:11px;
padding:2px;
color: #666;
border:1px solid #ccc;
background: #fff}
.formtextrandom {
width:50px;
font-size:11px;
padding:2px;
color:#999;
border:1px solid #ccc;
background:#fff

	}
.formtextarea {
width:95%;
height:200px;
font-size:11px;
padding:2px;
color:#666;
border:1px solid #ccc;
background: #fff
	}
.formtextarea2{
width:95%;
height:100px;
font-size:11px;
padding:2px;
color:#000;
border:1px solid #ccc;
background: #eee}

.formbutton {
border:1px solid #ccc; font-size:11px; color:#fff; padding:3px 10px;background: #032a70; font-weight:bold; margin-top:10px}
.privacy {font-size:9px;
	color: #CD0C2B;
	text-align:left
	}
/* Scroller Box */

.scroller_container_left_right2 {

 position: relative;
 overflow: hidden;
 height:158px;
}
.scroller_left_right {
  margin: 5px;
  

}
.scroller_left_right2 {
 font-size:16px;
  white-space: nowrap;


}

.scroller_left_right2 p {

}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

.scroller_container_left_right2 {
 overflow: auto;

}

/* Scoller Box */
/* altro */
#map {height:400px;border:1px solid #999999; text-align:center;  background:#FFFFFF url(../images/loading.gif) no-repeat center; color:#000000; margin:5px}
.attenzione { color:#990000; font-size:10px}

/*Sezione imagespage per selezionare le immagini grandi e piccole
*/
.immagine_grande {padding:10px; border:1px solid #ccc; -moz-border-radius: 5px; margin:0 0 5px 0; -webkit-border-radius: 5px; width:246px; height:160px; overflow:hidden;}
.immagine_grande .box{overflow:hidden; width:246px; height:160px; text-align:center}
.immagine_grande .box img{height:160px; border:0}
.immagine_grande2 {padding:8px 0px 8px 0px; border:1px solid #ccc; -moz-border-radius: 5px; margin:0 0 5px 0; -webkit-border-radius: 5px; width:370px; height:260px; overflow:hidden; text-align:center}
.immagine_grande2 img{height:260px; border:0}

.immagine_piccola {padding:10px; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:110px; height:80px; float:left; overflow:hidden; margin:0 5px 5px 0}
.immagine_piccola .box{width:110px; height:80px; overflow:hidden; text-align:center;}
.immagine_piccola .box img{height:80px; border:0}

.articoli_box {width:150px; height:140px; margin:0 20px 20px 0; border:1px solid #ccc; overflow:hidden; text-align:center; padding:10px; background:#f4f4f4; float:left}
.articoli_box:hover {border:1px solid #009EE0}
.articoli_box a{font-size:15px; font-weight:bold}
.articoli_box a:hover{color:#000000}
.articoli_box_img {height:100px; overflow:hidden; margin:0 0 10px 0}
.articoli_box_img img {height:100px; border:0px}

.box_foto200 { float:left; height:200px; width:242px; text-align:center}
.foto200 { max-width:210px; height:150px; overflow:hidden; margin:16px 6px 3px 6px;text-align:center; position:relative; }
.didascalia200 {width:204px; margin:1px 9px 0 9px; border:1px solid #999999; border-left:0px; border-right:0px; padding:2px auto; text-align:center; color:#666; font-weight:bold;}

.box_foto150 { float:left; height:150px; width:190px; text-align:center}
.foto150 { max-width:174px; height:130px; overflow:hidden;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; background:url(../images/bg_menu2.png); margin:5px 5px 0 5px;text-align:center; border:1px #eee solid; padding:5px; }
.didascalia150 {width:160px; margin:-31px auto 0 auto; border:0px; padding:2px auto; text-align:center; color:#666; font-weight:bold; }
.didascalia150 a { color:#FFFFFF; font-size:10px}


