html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



i{
font-style:italic;}

strong{
font-weight: bold;}

ul b, p b{
font-weight:normal; color:#333; font-size:95%;}


body{
font-size: 82%;
font-family: Arial, Verdana, sans-serif;
color: #888}

p{margin:0 0 10px 0; font-size: 100%; padding:0 5px 0 0}
p.extra{font-size: 100%;}
a{text-decoration: none}

p .selected{
font-weight:bold}

em{
font-weight:normal;
font-style:italic;}


/*-------------   Struttura     -------*/

#header{height:80px;
margin-bottom: 10px;
}
  
#mainNavigation{
display:inline;
width:535px; float: right; margin-top: 5px;}


#container{text-align:left}
#content{line-height:1}
#navigation{ text-align: center}
#extra{}
#footer{ border-top: 1px solid #dadada; }
#footer p{margin:0;padding:5px 10px; font-size:9px; color: #999; text-align:center}

#container{width:762px;margin:25px auto;}
#content{float:right;width:536px}
#navigation{float:left;width:226px}
#extra{float:left;clear:left;width:226px;  margin-bottom:10px;}
#footer{clear:both;width:100%}


/*-------------  H1 Logotipo    -------*/

h1#logotype a {
background:transparent url(../images/logo_BCC.gif) no-repeat scroll 0pt;
display:block;
height:80px;
overflow:hidden;
text-indent:-9999px;
width:195px;
margin-left: 30px;
float: left;
display: inline;
}

#logoPrint{
display:none}


/*-------------  mainNavigation     -------*/
#mainNavigation ul{
font-size: 95%;
}

#mainNavigation ul li{
float: left;
margin-right: 10px;
width: 80px;
height: 52px;
padding: 15px 5px 0;
border-left: 1px solid #989898
}  

#mainNavigation ul li a{
color: #888;
}  

#mainNavigation ul li a strong{
font-size: 180%;
display: block;}

#mainNavigation ul li a.active{
color:#00a65e}

/*-------------  Navigation Interne     -------*/

#navigation{
margin-bottom: 10px;}

#navigation ul#interna{
margin:40px 0 10px 0; 
text-align: left}

#navigation ul#interna li{
font-size: 95%;
float: left;
width: 180px;
padding:5px 0 5px 35px;
border-top:1px solid #edece5;
}



#navigation ul#interna li a{

color: #898989}



#navigation ul#interna li.active{
background-color:#f6f5f2 }


#navigation ul#interna li.secondo{
border: none;
padding: 0px 0 3px 35px;
display: block;
background-color: #f6f5f2}

#navigation ul#interna li.secondo a{
display: block;
padding:3px 0 3px 5px}


#navigation ul#interna li.active a{
color:#004281;
}

#navigation ul#interna li.seltre a{
color:#004281;
}

#navigation ul#interna li a.terzo{
background: #fbfaf9 url(../images/freccia_menu.gif) 3px 7px no-repeat;
padding: 3px 0 3px 10px;
display: block;
color:#898989;
}

#navigation ul#interna li a.terzo.selquattro{
background: #fbfaf9 url(../images/freccia_menu.gif) 3px -31px no-repeat;
color:#004281;

}

#navigation ul#interna li a.quarto{
background:#FFFFFF;
color:#666;
padding-left:10px;
}

#navigation ul#interna li a.quarto.selquattro{
color:#004281}


#breadcrumb{
font-size: 85%;

padding: 1px 0; 
margin-left: 227px;
position:relative}

.back{
position:absolute;
top:0;
right:0
}

#breadcrumb a{
color: #999}

#breadcrumb a:hover{
text-decoration: underline;}

#extra fieldset {
border:1px solid #CCCCCC;
background-color:#f3f3f3;
width:210px;
margin-top:15px;
}

#extra fieldset select{
margin: 15px 0 15px 15px;
color:#999;
font-size:90%;
}

/*-------------  content     -------*/

#content #slogan img{
border: 4px #edece5 solid;
}


#content{
text-align:justify}

#content h2{
font-size: 150%;
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #999;
}

#content a{
color:#004281;}



#content img, #content object{
float: right;
margin: 0 0 10px 0;}

#content img.left{
float:left;
margin-left:0;}

#content .listaDoc, #content .listaArt{

font-size: 85%;
margin: 0;
clear:both;}

#content .listaArt{ margin:8px 0}

#content .listaDoc a, #content .listaArt a{
color:#b0b0b0;}

#content .listaDoc a:hover, #content .listaArt a:hover{
text-decoration:underline;}

#content .listaDoc a.titleDoc{
line-height:1.5;
}


#content .listaDoc img{
float:left;
margin-right:10px;
margin-bottom:5px;}

#content .items{
border-top:1px solid #c4c4c4;
display:block;

clear:both;
height:115px;


}

/* Clear fix */
#content .items:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



#content .items img{
float:left;
margin:10px 20px 10px 0}
 
#content .items p, #content .items h3{
width:415px;
float:left;
margin:5px 0 10px 0;
line-height:115%
}

#content .items h3{
margin-bottom:0}

#content dl#allegati{
font-size: 85%;
margin: 10px}

#content dl#allegati dd {
margin: 5px;
padding: 5px;}

#content dl#allegati dd a{
color: #b0b0b0;
padding: 5px;
}


#content dl#allegati dd a:hover{
text-decoration:underline;
}

#content dl#allegati dt {float:left}

#content .documenti a.titleDoc{
float:left;
margin:5px 0}

#content #areaLink{
display:inline;
float:left;
border:1px solid #DDDDDD; 
margin: 10px 10px; padding:0;
}

#content #areaLink a{
font-size:85%;
color:#B0B0B0}

#content #areaLink a:hover{
text-decoration:underline}

#content #areaLink p{
margin:5px 5px 0; }

#content dl#allegati img, #content #areaLink img{
float:left;
margin: 5px;}

#content #areaLink img{
margin:0 5px;}

#content ul{

margin:10px 0;
list-style:disc;
margin-left:13px;
}

#content .areaImmagini{
text-align:right;
float:right; 
width:235px;}

#content .areaImmagini img{
margin-right:0}

#content .areaImmagini p{
width:100%;
margin:10px 0;
clear:both;}


#content .dettaglioProd{
width:315px;}

.futureHome, #news{
border-left: 1px solid #cbcac4;
width: 100px;
padding-top: 15px;
margin: 5px;
float: left;}

#content .futureHome p{
margin: 0 0 5px 5px;
height:60px;
font-size:90%;}


.futureHome img, .futureHome object{
display: block;
clear: both;
margin: 15px 5px 5px;
border: 1px solid #e1e1e1}

#news{
background-color:#F4F4EF;
text-align:left;
padding:15px 5px 5px;
width: 165px;
font-family:"Times New Roman", Times, serif;}

#news .data{
display: block;
clear: both}

#news h2{
border: none;
font-size:100%;
margin: 0;
padding: 0;
}


#news li{
margin: 5px 0 10px 0}

#news a{
color: #999;
text-decoration: none;}

/*-------------  navigation HOME     -------*/

.boxHome{
text-align: left;
margin:0 0 5px ;
width: 210px;
padding-bottom: 5px;
background:#f4f4ef url(../images/box_home_bottom.gif) left bottom no-repeat; }

.boxHome h2{
color: #004182;
font-size: 130%;
background:#f4f4ef url(../images/box_home_up.gif) left top no-repeat;
padding: 5px 5px 2px 30px}

.boxHome ul li{
font-size: 110%;
line-height: 1.2;
padding-left: 25px;
margin: 5px 5px 5px 5px;
background: url(../images/frecce_menu.gif) 0 no-repeat;
}

.boxHome ul li a{
color: #888
}

/* ricerca */

#ricerca{
font-size: 65%;
text-align: right;}

#ricerca label{
margin-right: 10px;}

#replaceSearch {
background:url(../images/lente.gif) 0 no-repeat;
cursor:pointer;
border: 0;
height:12px;
text-indent:1000px;
overflow: hidden;
vertical-align:middle;
width:13px;
}

/*  info  */

#info{
position: absolute;
font-size: 75%;
height: 18px;
padding: 3px 0;
top:0;
left:0;
width: 100%;
background-color: #f4f4ef;
text-align: center;
}

#info ul {
padding: 3px;
text-align: right;
margin: 0 auto;
width:762px;

}

#info ul li{
padding: 0 5px;
display: inline}

#info a{
color: gray}


.accessoRiservato fieldset{
margin-top:20px;}
.accessoRiservato label{
width:100px;
padding:3px 0; 
display:block;
float:left;
}

.accessoRiservato input, #formContatti input{
color:#999}

#formContatti .submit{

margin:10px  0}

#formContatti .submit input{
width:150px;}

.paginazione{
clear:both;
margin:20px 10px}

hr.error{border:0; border-bottom:1px solid #999
}

p.linkContattaci, p.sottotitolo{
margin:auto 0;
text-align:right;
font-size:90%;}

p.sottotitolo{
font-size:85%;}

#content p.linkContattaci{
margin-top:-10px;
float:right;
width:186px;
padding:10px 5px;
text-align:center
 }

#content p.linkContattaci a{

}

.frecciaindietro{
margin:10px 0}


#formContatti label{
display:block;
margin:3px 0;}

#formContatti{
clear:both;
}


#formContatti .camponew, #formContatti .schedanew{
margin:10px 0 0 0;}

#formContatti td{
width:270px;}

#mappaSede{
float:left;
margin:10px 0 20px 0;
width:536px;
clear:both;}

#content img.left{
float:left}

#datiBanca {
float:left;
width:265px;
margin-right:5px}

#datiBanca table{
float:left;
border-collapse:collapse;
margin:0;
margin-top:1px;
width:100%;
font-size:90%;}

#datiBanca td{
border:1px solid #ccc;
text-align:left;
padding:4px  2px 3px 2px;
width:50%;}

abstract{
margin:0;
padding:0}

/*************************/
/*      AREA MARQUEE     */
/*************************/

#vmarquee ul{
margin:0;}

#vmarquee ul a{
display:block;}



/*****************************/
/*      ISCR. NEWSLETTER     */
/*****************************/


fieldset#newsletter{
}

fieldset#newsletter div{
margin:10px 0}
fieldset#newsletter div label{
float:left;
display:block;
width:110px;}

/*****************************/
/*      VIDEO     */
/*****************************/

.video{
padding:20px 0;
text-align:center;
background-color:#000;
border-bottom:20px solid #dfdfdf;
border-top:20px solid #dfdfdf}