/* CSS Document */
* { 
margin : 0; 
padding : 0; 
} 
html { 
height : 100%; 
} 
body { 
text-align : center; 
font-family : arial, verdana, sans-serif; 
font-size : 12px; 
color : #333; 
background : #fff url(http://www.bpsistemi.com/images/bg_sfondo.jpg) repeat-x;   
height : 100%; 
} 
p, h1, h3, h4, ol, ul, dl { 
padding : 2px 6px 8px; 
} 
ol, ul, dl h1, h3, h4, ol, ul, dl { 
padding : 8px 6px 3px; 
} 
table, th, td { 
font-family : arial, verdana, sans-serif; 
font-size : 12px; 
color : #333; 
} 
ol, ul, dir, menu, dd { 
margin-left : 40px; 
} 
ol { 
list-style-type : decimal; 
} 
ol ul, ul ol, ul ul, ol ol { 
margin-top : 0; 
margin-bottom : 0; 
} 
blockquote { 
width : 80%; 
margin : 10px auto; 
padding : 0 26px; 
background : #fff url(../images/bg_blockquote_side.gif) no-repeat 0 50%; 
} 
#skip { 
display : none; 
} 
a img, :link img, :visited img { 
border : none; 
} 
img { 
display : block; 
} 
a:link { 
color : #a13d3d; 
text-decoration : underline; 
} 
a:visited { 
color : #a13d3d; 
text-decoration : underline; 
font-weight : normal; 
} 
a:hover, a:active { 
color : #333; 
font-weight : normal; 
text-decoration : none; 
} 
.alignright { 
text-align : right !important ; 
} 
.floatright { 
float : right; 
} 
.inline { 
display : inline; 
} 
.clear { 
clear : both; 
} 
.clearfix:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
.clearfix { 
display : inline-block; 
} 
.clearfix { 
display : block; 
} 
h1 { 
font-size : 20px; 
line-height : 18px; 
color : #cc0000; 
} 
h2 { 
font-size : 14px; 
background : #fff url(../images/navbar1.jpg) repeat-x; 
padding : 1px 3px 4px; 
color : #ffffff; 
} 
h3 { 
font-size : 16px; 
color : #666; 
} 
h4 { 
font-size : 14px; 
} 
#wrapper { 
width : 860px; 
background : #ffffff;
margin : 0 auto; 
} 
#header { 
position : relative; 
display : block; 
width : 860px; 
height : 148px; 
background : #fff url(../images/banner.jpg) repeat-x; 
} 
.testo { 
font-size : 14px; 
padding : 1px 3px 4px; 
color : #ffffff; 
font-weight : bold; 
} 
.testo1 { 
font-size : 14px; 
padding : 1px 3px 4px; 
color : #000000; 
font-weight : bold; 
} 
.testo2 { 
font-size : 14px; 
padding : 1px 3px 4px; 
color : #000000; 
font-weight : normal; 
text-align : justify; 
} 
.testo3 { 
font-size : 11px; 
padding : 1px 3px 4px; 
color : #000000; 
font-weight : bold; 
} 
.titolo { 
font-size : 14px; 
padding : 1px 3px 4px; 
color : #cc0000; 
font-weight : bold; 
} 
.titolo1 { 
background : #eee; 
border-color : #ddd #bbb #aaa #ccc; 
border-style : solid; 
border-width : 1px; 
display : inline; 
margin : 5px 5px 5px 5px; 
padding : 3px; 
font-weight : bold; 
color : #cc0000; 
font-size : 14px; 
} 
#header-content h1#logo { 
position : absolute; 
font-weight : bold; 
font-size : 40px; 
letter-spacing : -2px; 
color : #cc0000; 
margin : 0; 
padding : 60px 0 10px 240px; 
top : 0; 
left : 0; 
} 
#header-content h2#slogan { 
position : absolute; 
font-weight : bold; 
font-size : 40px; 
letter-spacing : -2px; 
color : #ff1b1b; 
margin : 0; 
padding : 10px 0 10px 50px; 
top : 45px; 
left : 0; 
} 
#header-content h3#slogan2 { 
position : absolute; 
font-weight : bold; 
font-size : 40px; 
letter-spacing : -2px; 
color : #ffffff; 
margin : 0; 
padding : 40px 0 10px 20px; 
top : 100px; 
left : 0; 
} 
#header-content h4#slogan { 
position : absolute; 
font-weight : bold; 
font-size : 40px; 
letter-spacing : -2px; 
color : #ff1b1b; 
margin : 0; 
padding : 10px 0 10px 650px; 
top : 45px; 
left : 0; 
} 
#nav { 
display : block; 
width : 860px; 
height : 23px; 
margin : 0; 
padding : 0; 
list-style : none; 
text-align : center; 
background : url(../images/barra_banner.jpg) repeat-x; 
} 
#nav li { 
float : left; 
width : 102px; 
} 
#nav li a { 
font-weight : bold; 
text-decoration : none; 
display : block; 
padding : 0; 
padding : 0; 
height : 1%; 
line-height : 23px; 
color : #cc0000; 
background : url(../images/barra_banner.jpg) no-repeat 50% 0; 
} 
#nav li.on { 
display : block; 
padding : 0; 
width : 120px; 
height : 26px; 
line-height : 26px; 
background : url(../images/nav_hover.gif) no-repeat 50% 0; 
color : #efefef; 
} 
#nav li a:hover { 
background : url(../images/nav_bg.gif) no-repeat 50% 0; 
color : #ffffff; 
} 
#content { 
width : 860px; 
padding : 5px 0 0; 
background : #ffffff; 
text-align : left; 
} 
#content #col_1 { 
width : 20%; 
float : left; 
min-height : 100%; 
background : url(../images/bg_left.gif) no-repeat 100% 50%; 
} 
#content #col_1 h2 { 
color : #999999; 
font-size : 14px; 
font-weight : normal; 
} 
#subnav, #subnav ul { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#subnav li a { 
display : block; 
padding : 5px 10px 5px 10px; 
height : 1%; 
background : url(../images/bg_subnav.gif) no-repeat 100% 100%; 
text-decoration : none; 
} 
#subnav li a:hover { 
background : #e9d1d1 url(../images/bg_left_nav_on.gif) no-repeat 100% 0; 
text-decoration : none; 
} 
#content #col_2 { 
width : 670px; 
float : right; 
height : 100%; 
} 
.boxhp {
  padding-left:10px;  
  padding-top:10px; 
  padding-bottom:10px; 
  padding-right:10px;
  color: #000000;
  font-size: 12px;
  text-align: justify;
  font-weight: normal;
  clear:both;
  background : #fafafa;
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
} 
#footer { 
display : block; 
text-align : center;
width : 860px; 
height : 23px; 
padding : 0 0; 
margin-top : 5px; 
background : url(../images/barra_banner.jpg) repeat-x; 
color : #ffffff; 
} 
#footer a:link, a:active { 
color : #ffffff; 
text-decoration : underline; 
font-weight : bold; 
} 
#footer a:visited { 
color : #ffffff; 
text-decoration : none; 
font-weight : bold; 
} 
#footer a:hover { 
color : #ffffff; 
font-weight : bold; 
text-decoration : none; 
} 
.t_form { 
margin : 10px; 
} 
.t_form th { 
background : #fbfbfb; 
} 
.t_form td, .t_form th { 
padding : 5px; 
border-bottom : 1px solid #666; 
} 
.image { 
border-color : #ddd #bbb #aaa #ccc; 
border-style : solid; 
border-width : 1px; 
margin : 5px 5px 5px 5px; 
padding-left:10px;  
padding-top:10px; 
padding-bottom:10px; 
padding-right:10px;
font-weight : normal; 
text-align : justify; 
} 
.image1 { 
border-color : #ddd #bbb #aaa #ccc; 
border-style : solid; 
border-width : 1px; 
margin : 5px 5px 5px 5px; 
padding : 3px; 
font-weight : bold; 
} 
#sidebar { 
float : left; 
width : 190px; 
margin : 0 0 10px 0; 
padding : 0; 
} 
#sidebar h1 { 
padding : 10px 0 5px 10px; 
margin : 0; 
font : bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; 
} 
.sidebox { 
background : #fdfdfd; 
border-left : 1px solid #e9e9e9; 
border-bottom : 1px solid #e9e9e9; 
border-right : 1px solid #e9e9e9; 
margin-bottom : 10px; 
margin-left : 5px; 
margin-right : 5px; 
} 
.sidebox1 { 
background : url(../images/sfumatura.jpg) repeat-x; 
border-left : 1px solid #e9e9e9; 
border-bottom : 1px solid #e9e9e9; 
border-right : 1px solid #e9e9e9; 
margin-bottom : 10px; 
margin-left : 5px; 
margin-right : 5px; 
} 
.sidebox a:link { 
color : #a13d3d; 
text-decoration : underline; 
font-weight : normal; 
} 
.sidebox a:visited { 
color : #a13d3d; 
text-decoration : none; 
font-weight : normal; 
} 
.sidebox a:hover, a:active { 
color : #a13d3d; 
text-decoration : underline; 
font-weight : normal; 
} 
#sidebar ul.sidemenu { 
list-style : none; 
margin : 10px 0 15px 0; 
padding : 0; 
background : #fdfdfd; 
} 
#sidebar ul.sidemenu li { 
padding : 0 10px; 
} 
#sidebar ul.sidemenu a { 
display : block; 
font-weight : normal; 
color : #000000; 
height : 1.5em; 
padding : 0.3em 0 0.3em 15px; 
line-height : 1.5em; 
border-bottom : 1px dashed #d4d4d4; 
text-decoration : none; 
} 
#sidebar ul.sidemenu a.top { 
border-top : 1px dashed #d4d4d4; 
} 
#sidebar ul.sidemenu a:hover { 
padding : 0.3em 0 0.3em 10px; 
border-left : 5px solid #cc0000; 
color : #cc0000; 
font-weight : normal; 
}