/* - - - - - - - - - - - - - - - - - - - - 
CENTROSERVICE
http://www.centroservice-la.it
website by websolute
- - - - - - - - - - - - - - - - - - - - */ 

/* BODY & ALTRO
- - - - - - - - - - - - - - - - - - - - */
* {margin:0; padding:0; border:none; outline:none;/* -moz-outline: none;*/}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clear {clear:both;}
.clearfix {display:block;}
/* End hide from IE-mac */
* ul li {height:auto;#height:1%;}
img {border:none;}

body {background: url(img/sf_pag.jpg) repeat-x top left #444341; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color:#0f1114; }
a {color:#000; text-decoration:none; }
a:hover {color:#000; text-decoration: underline; }

#container_sf { background:url(img/sf_pag_centrale.jpg) no-repeat top center; width:100%; margin:0 auto;  position:relative; min-height:100%;}
#container {width:940px; padding:45px 0 0 0; margin: 0 auto; position:relative; }

/* COL SX
- - - - - - - - - - - - - - - - - - - - */
#col_sx{width:240px; float: left; background:url(img/logo_centroservice.gif) no-repeat top left; }
#logo{width:240px;height: 68px;  }
#logo a{width:240px;height: 68px; display:block; text-indent:-9999px; font-size:0.0001em;  }

#menu_vert_3lev{clear: both; width:240px; margin: 27px 0px 0px 0px;  }
#menu_vert_3lev ul{list-style: none; padding: 0px; margin: 0px;  }
#menu_vert_3lev ul li{list-style: none; padding: 0px; margin: 1px 0px 2px 0px; /*height: 18px; */   }
#menu_vert_3lev ul li a{display: block; color: #fff; font-size: 0.9em; background:url(img/sf_menu_vert.png) no-repeat top left; padding: 2px 0px 0px 19px; }
#menu_vert_3lev ul li a:hover{color: #000; background: #bebdbd; text-decoration:none; }
#menu_vert_3lev ul li ul{list-style: none; padding: 0px; background: none;}
#menu_vert_3lev ul li ul.on{display: block;}
#menu_vert_3lev ul li ul li{list-style: none; padding: 0px; background: none; }
#menu_vert_3lev ul li ul li a{display: block; color: #fff; font-size: 0.9em; background:none; padding: 2px 0px 0px 35px; }


/* MAIN
- - - - - - - - - - - - - - - - - - - - */
#main{float: left; padding: 0px 0px 0px 30px; margin: 9px 0px 0px 0px;  }
#animazione_hp{width: 660px; background: #bebdbd; padding: 5px; height: 425px; }

#blocchi_hp{clear: both; margin: 20px 0px 0px 0px; }
.blocchetto_hp{float: left; margin: 0px 20px 0px 0px; width: 210px; color: #fff; font-size: 0.9em; line-height: 1.3em;}
.blocchetto_hp h1{ text-indent:-9999px; font-size:0.0001em; width: 210px; height: 18px; border-bottom: 3px solid #7d7c7b;}
.blocchetto_hp h1 a{ display:block; text-indent:-9999px; font-size:0.0001em; width: 210px; height: 18px;}
.eventi h1{ background: url(img/tit_eventi_hp.gif) no-repeat top left; }
.pinocchio h1{ background: url(img/tit_pinocchio_hp.gif) no-repeat top left; }
.soluzioni h1{ background: url(img/tit_soluzioni_hp.gif) no-repeat top left; }
.eventi dl dt{z-index: 10; position: absolute; top: 630px; left: 270px; }
.pinocchio dl dt{z-index: 10; position: absolute; top: 630px; left: 500px; }
.soluzioni dl dt{z-index: 10; position: absolute; top: 630px; left: 730px; }
/*.soluzioni dl dt{z-index: 10; position: absolute; top: 610px; left: 730px; }*/
.blocchetto_hp dl dd{height: 80px; padding: 10px 0px 10px 0px; }
.flash_gallery { margin-bottom:15px; }

#loghi_hp{clear: both; padding: 104px 0px 0px 0px;}

/* links
- - - - - - - - - - - - - - - - - - - - */
#links{clear: both; padding: 20px 0px 0px 0px;}
#allegati{clear: both; padding: 20px 0px 0px 0px;}

/* MAIN - pagina interna
- - - - - - - - - - - - - - - - - - - - */
#main_pagint{float: left; padding: 32px 30px 20px 30px; margin: 9px 0px 0px 30px; background: #ebebeb; width: 610px;  }
#main_pagint h1{color: #5d5c5b; text-transform: uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight:normal; letter-spacing: 0.03em; padding: 0px 0px 15px 0px;}
.doc_img_1{margin-bottom: 15px;}
#foto{clear: both;margin: 15px 0px 0px 0px; }
#testo{clear: both; padding: 0px 0px 0px 0px; min-height: 250px;}
#testo p{clear: both; padding: 0px 0px 15px 0px;}
#testo ul{list-style: none; margin: 0px; padding: 0px 0px 10px 0px;}
#testo ul li{list-style: none; margin: 0px; padding: 0px; background:url(img/sf_li.gif) no-repeat left 7px; padding: 0px 0px 0px 13px;}

#mappa_sito ul li{list-style: none; margin: 0px; padding: 0px; background:none; padding: 0px 0px 0px 13px; font-weight: bold; }
#mappa_sito ul li ul li{list-style: none; margin: 0px; padding: 0px; background:url(img/sf_li.gif) no-repeat left 7px; padding: 0px 0px 0px 13px; font-weight: normal;}

/* galleria immagini
- - - - - - - - - - - - - - - - - - - - */
#testo .bm_galleria_immagini{margin:0px 0;padding:0; clear: both;}
#testo .bm_galleria_immagini ul {/*float: right;*/  margin:0px 0;padding:0;}
#testo .bm_galleria_immagini ul li {float: left; background: none; padding: 0px; margin: 0px 20px 17px 0px;}
#testo .bm_galleria_immagini ul li a { width: 115px; height: 70px;}
#testo .bm_galleria_immagini ul li a img{display:inline; padding: 10px 11px; border: 0px; background: #d0d0d0; width: 115px; height: 70px;}
#testo .bm_galleria_immagini ul li a:hover img {border:0px solid #aaa;}
#testo .img_gall{height:80px;}

/* NEWS
- - - - - - - - - - - - - - - - - - - - */
#indice_news dl {clear: both; }
#indice_news dl dt{float: left; }
#indice_news dl dt.dt_image {width: 230px; clear: both; margin-bottom: 20px; height: 85px;}
#indice_news dl dt {width: 370px; font-weight: bold; display: block; }
#indice_news dl dd {float:left; width: 370px; height: 85px;}
#indice_news dl dt img{margin-right: 20px; }

.bm_paginatore {clear: both; padding:8px 0 8px 0;}
.bm_paginatore a {padding:8px; }


/* CONTATTI
- - - - - - - - - - - - - - - - - - - - */
#contatti em{ font-size: 0.8em;}
#contatti span{ clear: both;}
#contatti table td{ padding: 0px 0px 10px 0px;}
#contatti table td input{ width: 250px;}
#contatti table td textarea{ width: 250px;}
#contatti table td input.checkbox{ width: 16px;}
#contatti table td select{ width: 250px;}
#contatti table td input.button{ width: 250px; background: #d4d1d1; }

/* FOOTER
- - - - - - - - - - - - - - - - - - - - */
#footer{clear: both; margin: 15px 0px 0px 0px;}
#footer ul{float:right; list-style: none; margin: 0px; padding: 0px; font-size: 0.8em; color: #686666;}
#footer ul li{list-style: none; margin: 0px; padding: 0px 8px 0px 8px; float: left; background:url(img/fil_footer.gif) no-repeat right 6px;}
#footer ul li a{color: #686666; }

.foooter_pagint{padding: 15px 0px 0px 0px; width: 940px; }

/* VIDEO
- - - - - - - - - - - - - - - - - - - - */
.relative_testo {position:relative; height:405px; margin:0; padding:0;}
.absolute_video {position:absolute; height:500px; width:660px; margin:0; padding:0; left:-25px; top:-72px;}