/* CSS Document */
/* body */
body {
 margin: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 background-color:#FFECC6;
 color: #990000;
}

img{
 border:none;
}

/* #container - div generale */
#container{
background-color: #FF6600;
}

/* #header - div testata */
#header{
 background:url(../img/header_top.jpg) no-repeat left top;
/* background:url(../img/sfondo_top.jpg) no-repeat left top;*/
 height: 146px;
}

/* #mission in #header - div scritta in alto */
#mission{
 display:block;
 float:none;
 text-align:left;
}
#mission .mission{
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
 font-size: 26px;
 color: #990000;
 margin: 0 30px;
 padding: 10px 0;
 text-transform: none;
 font-weight:bold;
}

/* #logo in #header - logo del sito */
#logo{
 float: left;
 width: 180px;
 height: 50px;
 margin: 10px 0 0 0;
 padding:0;
 text-align:center;
}
#logo img{
 display: inline;
 border: none;
 width: 180px;
 height: 50px;
}

/* Lingue */
#lingue{
 position:absolute;
 left: 50%;
/* float:right;*/
top: 15px;
 width: 100px;
 margin: 0 0 0 350px;
 padding:0;
 z-index:10;
 text-align: left;
}

/* #cerca in #header - form di ricerca */
#cerca{
 position:absolute;
 left: 50%;
/* float:right;*/
 width: 310px;
 margin: 65px 0 0 95px;
 padding:0;
 z-index:10;
}
/*#cerca .cerca{
 width: 310px;
 margin: 35px 0 0 0;

}
*/
/* Form, fieldset e label */
#cerca fieldset{
 border:0;
}

#cerca input{
 background: none;
 border: none;
 margin: 0;
 padding:0;
}

.bk_input{
 width: 250px;
 height: 21px;
 background:url(../img/cerca.gif) no-repeat left;
 margin: 0 ;
 padding:0;
}
.bk_input input{
 width: 230px;
 height: 21px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color: #803300;
 margin: 0;
 padding:0;
}

.bk_ok{
 margin:0 0 0 5px;
 padding: 0;
 width: 30px;
 height: 20px;
 background: url(../img/go.gif) no-repeat top left;
}
.bk_ok input{
 width: 30px;
 height: 21px;
 margin: 0;
 padding:0;
}

#cerca div{
 float: left;
}

#content{
 clear:left;
}

/*********************************************  #block_left - colonna sinistra ****************************************************/
#block_left{
 background: url(../img/bk_left.jpg) repeat-y left;
}


/*  #menu in #block_left - menu */

#menu{
 margin: 0 0 250px 0;
 padding:0;
}

#menu ul{
 margin: 0;
 padding: 0;
 list-style: none;

}
#menu ul li{
 list-style: none;
 margin: 0;
 padding: 0;
 
}

#menu ul li.voce1{
 width: 148px;
 height: 29px;
 
}
#menu ul li.voce2{
 width: 148px;
 height: 29px;
}

#menu ul li.voce1 a{
 display:block;
 margin:0;
 width: 148px;
 height: 27px;
 background:url(../img/menu.gif) no-repeat top left;
 font-size: 13px;
 font-weight: bold;
 
}
#menu ul li.voce1 a:hover, #menu ul li.voce1 a.selected{
 width: 148px;
 height: 27px;
 background:url(../img/menu_on.gif) no-repeat top left;
 
}

#menu ul li.voce1 a span{
 display:block;
 margin: 0 0 0 20px;
 padding: 6px 0 0 0;
 width: 100px;
 
}

#menu ul li.voce2 a{
 display:block;
 width: 148px;
 height: 27px;
 background: url(../img/menu1.gif) no-repeat top left;
 font-size: 13px;
 font-weight: bold;
 
}
#menu ul li.voce2 a:hover, #menu ul li.voce2 a.selected{
 width: 148px;
 height: 27px;
 background: url(../img/menu1_on.gif) no-repeat top left;
 
}

#menu ul li.voce2 a span{
 display:block;
 margin: 0 0 0 5px;
 padding: 6px 0 0 0;
 width: 120px;
 
}


#block_left .verticalalign {
 font-size: 10px;
}

.l_box{
 margin: 0 0 0 5px;
/* background:  url(../img/l_box.gif) no-repeat top left;*/
}
.l_box .padding{
 margin: 0 10px 0 10px ;
 padding: 35px 0 10px 0;
}


/*************************************************  #block_center_right - colonna centro-destra *********************************/
#block_center_right{
 background: #FFEAC1 url(../img/sfondo_centrale_rp.jpg) repeat-y left;
 margin:0;
 padding:0;
}

#block_center_right .block_center_right {
 background:  url(../img/sf_c_r_top.jpg) repeat-x top left;
 margin:0;
 padding:0;
}

#block_center_right .block_center_right .block_center_right{
 background:  url(../img/sf_c_r_corner.jpg) no-repeat top left;
 margin:0;
 padding:30px;
}







/*****************************************************  #block_center - colonna centrale ******************************/

#block_center{
 background:url(../img/bk_center.jpg) repeat-y top left;

 
}

.block_center{
 background:url(../img/bk_center_fix.jpg) no-repeat top left;
}


.block_center{
	height:  467px;
}
*> .block_center{
	height: auto;
	min-height: 467px;
}

/*  .box_c1 in #block_center - box */
#block_center .box_c1{
position: absolute;
top: 35px;
width: 250px;
 overflow: hidden; 

 margin: 0 10px 0 10px;
/* padding: 0 10px 10px 10px;*/
padding: 0;
 height: 180px;
 line-height: 15px;
}

#block_center .box_c1 img{
	margin: 0 10px 10px 0;
}

/*  .box_c1 in #block_center - box */
#block_center .box_c2{
 overflow: hidden; 
 margin: 240px 10px 0 10px;
 padding:10px 0;
 height: 85px;
}

#block_center .box_c3{
 overflow: hidden; 
 margin: 240px 15px 0 5px;
 padding:10px 0;
 height: 85px;
}


  .box_c2,  .box_c3, .box_c2 p,  .box_c3 p{
  margin:0;
 padding:0;
 font-size: 9px;
 line-height: 12px;
 text-align: center;
 }




/***********************************************  #block_right - colonna destra **********************************/
#block_right{
 background:url(../img/bk_right.jpg) repeat-y top left;
}

/*  #buttons1 in #block_right - menu grafico */
#block_right .img_r_1{
 background: url(../img/struttura_sericom_HOME_PAGINA_r5_c16.jpg);
 margin: 36px 0 0 0;
 padding:0;
 width: 293px;
 height: 114px;

}
#block_right .img_r_1 img{
 padding:0;
 margin:0;
}
#block_right .img_r_2{
 /*background:url(../img/struttura_sericom_HOME_PAGINA_r7_c16.jpg);*/
 margin: 0;
 padding: 0;
 width: 293px;
 height: 56px;
 overflow:hidden;
}
#block_right .img_r_2 img{
 padding:0;
 margin:0;
}

#block_right .img_r_2 .img_r_2{
 /*background:url(../img/struttura_sericom_HOME_PAGINA_r7_c16.jpg);*/
 margin: 0;
 padding: 10px 0 0 0;
 font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
 font-size:22px;
 color: #990000;
 text-transform: none;
 font-weight:normal;
 text-align: center;
}


#block_right .img_r_3{
 background:url(../img/struttura_sericom_HOME_PAGINA_r8_c16.jpg);
 margin: 0;
 padding:0;
 width: 293px;
 height: 114px;
}
#block_right .img_r_3 img{
 padding:0;
 margin:0;
}

#block_right .buttonts1{
 clear:left;
 margin: 35px 0 0 0;
 padding:0;
 width:287px;
 height: 117px;
 background:url(../img/sfondo_immagini.jpg) no-repeat top left;
}

#block_right .buttonts1 .img1{
 float:left;
 width: 141px;
 height: 100px;
 margin: 15px 0 0 2px; 
 
}
#block_right .buttonts1  .img1 div{
 width: 40px;
 height: 10px;
 margin: 2px 0 0px 45px; 
 font-size:10px;
 font-weight: bold;
 
}

#block_right .buttonts1 .img2{
 float:left;
 width: 141px;
 height: 117px; 
 margin: 0 0 0 0 ; 

}

#block_right .buttonts1  .img2 div{
 width: 40px;
 height: 10px;
 margin: 15px 0 2px 90px; 
 font-size:10px;
 font-weight: bold;
 
}


.padding{
 margin: 0 25px;
 padding:0;
}

.padding2{
 margin: 0 40px;
 padding:0;
}

.padding3{
 margin: 0 50px;
 padding:0;
}

.em{
 font-style: italic;
}

h1 {
 font-family:Verdana, Arial, Helvetica, sans-serif ;
 font-weight: bold;
 font-size:14px;
 color: #990000;
 margin: 0 0 20px 0;
 padding: 0px;
 text-transform: none;
 font-weight: bold;
}
h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size:12px;
 color: #990000;
 margin: 15px 0 5px 0;
 padding: 0px;
}

.title {
 margin:0;
 padding: 10px 0 15px 0;
 width:300px;

}
.title h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size:12px;
 color: #ffffff;
 margin: 0;
 padding: 0;
 text-align:right;
}

h3 {
 font-size:11px;
 color: #990000;
 margin: 2px 0 10px 0;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
}

h4 {
 font-size:10px;
 color: #990000;
 margin: 0 0 3px 0;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
}

#block_center .title,  #block_center h2{ padding: 0; margin: 0;}


p {
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 color: #990000;
 margin: 0 0 20px 0;
 padding: 0px;
}

.size9 {
 font-size:9px;
}
.size10 {
 font-size:10px;
}
.size11 {
 font-size:11px;
}
.size12 {
 font-size:12px;
}




ul{
 margin:0 0 0 15px;
 padding:0;
}


.a_right{
 text-align:right;
}

.a_left{
 text-align: left;
}

.a_center{
 text-align: center;
} 


.clear_right{
 clear: right;
 height:0px;
}
.clear_left{
 clear:left;
 height:0px;
}

/**************************************** Catalogo ***********************************/

.catalogo {
 margin: 0;
 padding:0;
}
.catalogo h1, .errorbox h1, .titles h1{
 margin: 0 0 10px 0;
 padding: 5px 0;
 text-align:left;
 border-top: 1px #990000 solid;
 border-bottom: 1px #990000 solid;

}

.catalogo td{
 vertical-align:top;
}

.catalogo h2 a{
 background: url(../img/freccia_nocciola.gif) no-repeat left;
 padding-left: 20px;

}
.catalogo h2 a:hover{
 background: url(../img/freccia_nocciola_2.gif) no-repeat left;
 padding-left: 20px;

}


.catalogo h3.briciola{
 margin: 0 10px 10px 20px;
 padding: 0;
}
#block1{
 float:left;
 width: 70%;
}
#block1 h1{
 margin: 0 0 10px 0;
 padding: 5px 0;
 text-align:right;
 border-top: 1px #990000 solid;
 border-bottom: 1px #990000 solid;
}

#block1 h3{
 font-weight: bold;
}

#block2{
 float:left;
 width: 25%;
 text-align:center;
}
/* COLOR */

.colorset{
 float: left;
 width: 110px;
 height: 60px;
}

.color{
 margin: 0 0 5px 0;
}

a, a:link , a:visited {
 color: #803300;
 /*text-decoration: none;*/
 text-decoration: underline;
}
a:hover {
 color: #602200;
 text-decoration: underline;
}


/************************ PDF ***************************************/

.pdf a{
padding-left: 25px;
background: url(../img/pdf.gif) no-repeat left;
margin: 0 0 20px 0;
}

.lnk a{
 background: url(../img/freccia_nocciola.gif) no-repeat left;
 padding-left: 25px;
 margin: 0 0 20px 0;

}
.lnk a:hover{
 background: url(../img/freccia_nocciola_2.gif) no-repeat left;

}




/*********************** Applicazioni ********************************/

/* #cerca in #header - form di ricerca */
#applicazioni{
/* position:absolute;
 right: 50%;
 top: 210px;
 margin: 0 -390px 0 0;
 padding:0;
 z-index:1000;
*/ width: 590px;
}


/* Form, fieldset e label */

#applicazioni input{
 background: none;
 border: none;
 margin: 0 2px 0 0;
 padding:0;
}

#applicazioni div{
 float: left;
}
#applicazioni fieldset label{
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 ;
	display: block;
}
#applicazioni fieldset {
float: left;
margin: 0;
padding: 0 0 0 10px;
border: none;
width: 30%;

}

#applicazioni fieldset.application {
float: left;
margin: 0;
padding: 0 0 0 10px;
border: none;
width: 210px;
/*background:url(../img/little_arrow.gif) no-repeat top right;*/

}

*>#applicazioni fieldset.application {
width: 200px;
}

#applicazioni fieldset select{
width: 200px;
}

#applicazioni fieldset.middle {
float: left;
margin: 0;
padding: 0 0 0 10px;
border: none;
width: 70px;

}

.bk_cerca{
float: left;
 margin:0;
 padding: 0;
 width: 50px;
 height: 20px;
 background: url(../img/bk_cerca.gif) no-repeat top center;
}

#applicazioni .bk_cerca input{
 color: #ffffff;
 margin: 0;
 padding:0;
 width: 50px;
 height: 20px;
 text-align:center;
}

.news {
 clear: left;
}

.news img{
 float: left;
 margin: 10px;
 padding: 0;
}


/******************* Dove siamo ***********************/
#map{
  border: 1px #FF6600 solid;
  margin: 0; 
  padding:0; 
  width: 600px;
  height: 400px; 
  float:right;
}



/********************* # footer *************************************/

#footer {
 color: #ffffff;
/* background-color: #FF6600;*/
}

#footer .footer_home{
 background: url(../img/bk_footer2.jpg) repeat-x top left;
 margin: 0;
 padding: 0;
}


#footer .footer_home .footer_home{
 height: 80px;
}
*> #footer .footer_home .footer_home{
 height: auto;
}

#footer .footer_home .footer_home{
 background: url("../img/struttura_sericom_pagine_interne_r16_c2.jpg") no-repeat top left;
 margin: 0;
 padding: 0;
 min-height: 80px;
}


#footer .footer{
 background: url("../img/bk_footer.jpg") repeat-x top left;
 margin: 0;
 padding: 0;
}

#footer .footer .footer{
 height: 80px;
}
*> #footer .footer .footer{
 height: auto;
}

#footer .footer .footer{
 background: url("../img/bk_footer_fix.jpg") no-repeat top left;
 margin: 0;
 padding: 0;
 min-height: 80px;
}


#footer .mail {
	float: right;
	width: 150px;
	margin: 10px 0 0 0;
}

#footer p{
	float: right;
	width: 280px;
 	border-left: 1px #ffffff solid;
	padding-left: 10px;
	color: #ffffff;
	margin: 10px 0 0 0;
}

.cascata{
	margin: 0 0 0 10px;
	padding: 20px 0 0 0;
}

.bianco{
color: #ffffff;
}