/* ---------------------------------------------------------------------- CSS Document ---------------------------------------------------------------------- */
body {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; height:auto; width:auto; background-color:#FFF;}
hr {border:#CCC 1px solid;}
/* --------------------------------------------------------------------------- ID --------------------------------------------------------------------------- */
#logo {width:322px; margin:20px auto;}
#testata {width:960px; height:265px; margin:0 auto 20px auto; padding:15px 0 0 0; background:url(../img/bg_top.jpg) 0 0 repeat-x;}
#menu {width:245px; height:250px; float:left;}
.menu_in {width:245px; height:35px;}
.menu_in a {float:left;}
a.in {background:url(../img/bg_menu.jpg) 0 0 no-repeat; width:230px; height:25px; padding:10px 0 0 15px; text-decoration:none;}
a:hover.in {background-position:0 -35px;}
#slide {width:715px; height:250px; float:right;}
#slide_2 {width:440px; height:300px; float:right;}
#main {width:900px; height:auto; margin:0 auto 20px auto; padding:0 30px;}
#footer {width:900px; height:auto; margin:0 auto; padding:40px 30px 0 30px; background:url(../img/bg_footer.jpg) 0 0 repeat-x;}
#sx {float:left; width:440px;} 
#dx {float:right; width:440px;}
#scheda {width:600px;; height:auto; background-color:#FFF; margin-left:auto; margin-right:auto; }

/* -------------------------------------------------------------------------- CLASSI -------------------------------------------------------------------------- */
.b_g {width:420px; height:22px; background:url(../img/bg_g.jpg) 0 0 no-repeat; padding:3px 10px 0 10px; margin:0 0 10px 0;}
.b_b {width:418px; height:21px; background:#36B0E4; padding:4px 10px 0 10px; margin:0 0 10px 0; border:1px solid #277EA3;}
.b_1 {width:210px; height:20px; background:url(../img/b1.jpg) 0 0 no-repeat; padding:5px 0 0 0; margin:0 0 5px 0;}
.b_2 {width:205px; height:25px; background:url(../img/b2.jpg) 0 0 no-repeat; padding:0 0 0 5px; margin:0 0 5px 0;}
.staff{ width:370px; height:75px; background:url(../img/bg_staff.jpg) 0 15px no-repeat; padding:0 0 0 30px; margin:0 0 5px 0;}
.tecnologie {width:440px; height:25px; background:url(../img/bg_g.jpg) 0 0 no-repeat; margin:0 0 20px 0;}
.clear {clear:both;}
.hr {width:auto; height:2px; background:url('../img/NOME.jpg') top left repeat-x; margin:10px 0;}
.input {background:#FFFFFF url('../img/bg_input.gif') no-repeat scroll left top; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border:1px solid #DADADA; color:#555555; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; margin:2px 0 0; padding:4px; width:440px; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* --------------------------------------------------------------------------- FLOAT -------------------------------------------------------------------------- */
.fl_sx {float:left;} .fl_dx {float:right;}
/* --------------------------------------------------------------------------- IMG --------------------------------------------------------------------------- */
a img {border:none;} .i {border:0;} .i_sx {border:0;float:left;} .i_dx {border:0;float:right;} .i_5{border:0;float:left; margin-right:5px;} .i_10{border:0;float:left; margin-right:10px;}

/* ------------------------------------------------------------------------ TOGGLE ----------------------------------------------------------------------- */
.toggle {width:405px; height:21px; background:url(../img/bg_g.jpg) 0 0 no-repeat; padding:4px 5px 0 10px; margin:0 0 10px 0;}
.acc_trigger {width:440px; height:25px; float:left; cursor:pointer; background:url(../img/dx.jpg) right top no-repeat; margin-bottom:55px; margin-top:10px;}
.acc_trigger a {display:block; cursor:pointer;}
.acc_trigger a:hover {cursor:pointer;}
.active {background: url(../img/giu.jpg) right top no-repeat; cursor:pointer;}
.acc_container {margin:0 10px 10px 10px; padding:0; overflow:hidden; width:420px; clear:both;}
.acc_container .block {padding:0px;}
/* ------------------------------------------------------------------------- BUMPBOX ------------------------------------------------------------------------- */
.bumpbox {font-family:Arial,Verdana,Helvetica,sans-serif; color:#35B0E4; font-size:12px; text-decoration:none;}
.bumpbox a:hover{text-decoration:underline;}
.bumpbox_2 {float:right;}
.bumpbox_2 a:hover{text-decoration:underline;}
.bumpbox_3 {font-family:'DiavloBlack',Arial,Verdana,Helvetica,sans-serif; color:#8C7866; font-size:16px; text-decoration:none;}
.bumpbox_3 a:hover{text-decoration:underline;}
/* ----------------------------------------------------------------------- SLIDER HOME ----------------------------------------------------------------------- */
.slider {float:left; width:715px; height:250px; position:relative;}
.sliderContent {float:left; width:715px; height:250px; clear:both; position:relative; overflow:hidden;}
.sliderArrows a {display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../img/ico/prev_next.png); width:42px; height:42px; position:absolute; top:100%; margin-top:-42px;}
.prev {background-position:0 0; left:0px;}
.prev:hover {background-position:0 -44px;}
.next {right:0px; background-position:-44px 0;}
.next:hover {background-position:-44px -44px;}
.sliderContent .item {position:absolute; width:715px; height:250px;}
.sliderBullets {position:absolute; bottom:-13px; right:0; z-index:150; margin-right:10px;}
.sliderBullets a {display:block; float:right; text-indent:-9999px; outline:none; margin-left:10px; width:11px; height:11px; background:url(../img/bullets.png) no-repeat;}
.sliderBullets .active {background-position:0 -11px;}
.sliderContent a {outline:none;}
a img {border:none;}

/* ----------------------------------------------------------------------- SLIDER lo studio ----------------------------------------------------------------------- */
.slider_2 {float:left; width:440px; height:300px; position:relative;  background:url(../img/bg_gallery.jpg) top left no-repeat;}
.sliderContent_2 {float:left; width:430px; height:290px; clear:both; position:relative; overflow:hidden; padding:5px 5px 0 5px;}
.sliderArrows_2 a {display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../img/ico/prev_next_2.png); width:430px; height:290px; position:absolute;}
.prev_2 {background-position:0 0; background-repeat:no-repeat; left:0px;}
.prev_2:hover {background-position:0 -44px;}
.next_2 {right:0px; background-repeat:no-repeat; background-position:-44px 0;}
.next_2:hover {background-position:-44px -44px;}
.sliderContent_2 .item_2 {position:absolute; width:430px; height:290px;}
.sliderBullets_2 {/*position:absolute;*/ position:relative; bottom:-7px; z-index:150; margin-top:5px;} 
.sliderBullets_2 a {display:block; float:right; text-indent:-9999px; outline:none; margin-top:5px; margin-right:10px; width:10px; height:11px; background:url(../img/bullets2.png) no-repeat;}
.sliderBullets_2 .active_2 {background-position:0 -11px;}
.sliderContent_2 a {outline:none;}