body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/sfo.gif);
	background-repeat: repeat;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFF;
}

div#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 926px;
	text-align: left;
	background-color: #FFF;
}

div#wrapper {
	margin: 0 10px;
}

/*TYPOGRPHY
-----------------------------*/
h1, h2, h3 {
    color: #333333;
    margin: 0px 0px 15px 0px;
	padding: 0px;
}
h1 {
	font-size: 32px;
}

h2 {
	font-size: 18px;
}

h3{
    font-size: 13px;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/*color: #637f63;*/
	color: #333333;
	font-size: 12px;
}

.alert p {
	color: #ffffff;
	font-weight: bold;
}

a:link, a:visited {
	color: #587EFB;
	text-decoration: none;
	font-weight: bold;
}

.more_link {
   border-bottom: 2px solid #ADCAD8;
   height: 16px;
}
.more_link a{
   float:right;
   color: #DED55E; 
}
.more_link a:link, 
.more_link a:visited{
   color: #DED55E;   
}

#subleft div.box-info  a:hover{padding: 0;}

a:hover, a:active{
 	color: #DED55E;	
}

.clear{
    clear: both;
}

.spacer{
    margin-bottom: 20px;
}

p.titolo_submenu, p.titolo_prodotti {
    margin: 5px 0px;
    font-weight: bold;
    color: #00539A;
}

p.titolo_prodotti {
    margin: 0px;
    margin-left: 22px;
}


.textDx{text-align: right;}
.textSx{text-align: left;}
.textDx p {padding-right: 2px;}
.textDx p {padding-left: 2px;}

/*HEADER
-----------------------------*/
#header {
	margin: 0px;
	padding: 0px;
	/*background-image: url(images/header.gif);*/
	background-repeat: no-repeat;
	width: 100%;
	height: 156px;
	border-bottom: 1px solid #000;
}
#header h1, #header .subtitle, #header a{
    color: #0099FF;
}
#header h1{
    font-size: 53px;
    padding-left: 15px;
}
#header a{
    text-decoration: none;
}

.subtitle{
    font-size: 35px;
    line-height: 53px;
}

/*FOOTER
-------------------------------------*/
#footer {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
	height: 71px;
	background-image: url(images/footer.jpg);
    background-repeat: no-repeat;
	border-top: 1px solid #333333;
	clear: both;
	
}

#footer p {
    font-weight: bold;
    font-size: 11px;
    margin-bottom:5px;
}

#footer a {font-weight: bold;}

#footer a:hover, #nav a:active, #nav a:focus { 
	color: #333333;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 10px;
}

#footer_box{
    text-align: right;
    margin-right: 10px;
    float: right;   
    
}



/*MENU
-----------------------------*/
#nav{
    margin: 0px;
    padding: 0px;
    letter-spacing: -0.005em;
    background-color: #ABCADB;
    height: 34px;
}
#nav ul {
    margin: 0px;
	padding: 5px;
    padding-left: 10px;
	list-style-type: none;
}
#nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}
#nav a {
	padding-right: 5px;
	color: #00539A;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#nav a:hover, #nav a:active, #nav a:focus { 
	color: #FFF;
}

#nav .nomargin {
	margin: 0px;
}

#nav_bottom{
    width: 100%;
    background-image: url(images/sub_nav_background.jpg);
    background-repeat: repeat-x;
    height: 12px;
}

/*GENERAL LEFT CONTENT
-----------------------------*/
#subright h3{
    margin-top: 10px;
}
/*RIGHT COLUMN
-----------------------------*/
#right {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 25px 0px;
	width: 27%;
	float: right;
	background-color: #F4F4F4;
}

#right-wrapper {
    margin: 0px;
    background-color: #E5EDF0;
}

#right_inner{
    width: 200px;
    margin: 0 22px;
    background-color:#ABCADB;
}

#right_inner .box_referenze{
    height: 100px;
    padding: 2px;
    background-image:url(images/referenze_background.gif);;
    background-repeat: no-repeat;
}
#right_inner .box_problemi{
    min-height: 50px;
    padding: 2px;
    background-color: #BEDEF0;
}

#right_inner .box_problemi ul{
    margin-left: 20px;
    list-style-image:url(images/bullet.gif);
    list-style-type:none;
}

#right_inner .box_modellatore{
    margin-top: 5px;
}

#right_inner .box_modulistica{
    margin: 5px 0px;
}

/*HOME STYLES
-----------------------------*/
#home #content {
	
}

#box_main {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: #F0E8B2;
}
#soluzioni {
    margin: 0 10px 0 10px;
    background-color: #FFF;
    border-top: 5px solid #D7D55E;
    border-bottom: 17px solid #D7D55E;
    height: 214px;
}
#box-content{
    float: right;
    width: 326px;
    margin-left: 10px;
    margin-right: 10px;
}
#box-content h2{
    border-bottom: 1px solid #333333;
    padding-top: 10px;
}

#box-content .nav {
    border-top: 1px solid #333333;
}

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

#home #left {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 70%;
	float: left;
	display: inline;
	background-color: #FCF9EE;
}
#home #subleft {
	padding: 0px;
	width: 275px;
	height: auto;
	float: left;
	display: block;
}

.box-info{
    margin-top: 16px;
    width: 260px;
    height: 60px;
    border-bottom: 4px solid #D7D55E;
    background-color: #FFF;
    display: block;
}
#home #subright {
	padding: 10px;
	width: 330px;
	height: auto;
	background-color: #FFF;
	display: block;
	float: left;
}

#home #subright h1, #home #subright h2{
    color: #D9D75E;
}

/*DETAIL
layout left(2[50%-50%])/right(1)
usato per news - partners
-----------------------------*/
#detail div#wrapper {
	background-color: transparent;
	background-image: url(images/wrapper-background.jpg);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#detail #left {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 70%;
	float: left;
	display: inline;
	background-color: transparent;
}

div.whiteSpacer {
    width: 360px;
    float: left;
    height: 25px;
    background-color: #FFF;
}

#detail #subleft {
	padding: 0px;
	width: 265px;
	height: auto;
	float: left;
	display: block;
	clear:left;
}

#detail .box-info{
    margin-top: 16px;
    width: 260px;
    height: 60px;
    border-bottom: 4px solid #D7D55E;
    background-color: #FFF;
    display: block;
}

#detail #subright {
	padding: 10px;
	width: 340px;
	height: auto;
	background-color: #F6F6F6;
	display: block;
	float: left;
}
#detail #subright.referenze {
   width: 360px;
   padding: 0 0 10px 0;
   height: auto;
   background-color: #F6F6F6;
   display: block;
   float: left;
}
#detail #subright.referenze .referenze_details{
   background-color: #ADCAD8;
   padding: 10px;
   border-bottom: 2px solid #FFF;
}
#detail #subright.referenze .referenze_details ul li{
   font-weight: bold;
}
#detail #subright.referenze .referenze_details ul li b{
   color: #FFF;
}
   
#detail #subright.referenze p,
#detail #subright.referenze h3,
#detail #subright.referenze #gall_container{
   padding: 0px 10px 0 10px;
}


#detail #subright.referenze ul{
   margin: 0 0 0 0;
}

#detail #subleft ul{
	margin: 0;
    padding: 0;
    list-style: none;
}

div.brownLine{
    width: 100%;
    background-color: #D7D55E;
    height: 4px;
    
}

#detail #subleft li{
	/*padding-left: 2px;*/
	width: 265px;
	height: auto;
	float: left;
	display: block;
	border-bottom: 1px solid #666666;
}

#detail #subleft li p{
	margin: 3px 0px;
}

#detail #subleft li.faq-category {
    font-weight: bold;
    padding: 2px;
    cursor: pointer;
    width: 260px;
}


* html #detail #subleft li.faq-category{
    width: 255px;
}

#detail #subleft ul.faq-list li{
    margin-left: 10px;
    width: 252px;
}

* html #detail #subleft ul.faq-list li{
    margin-left: 0px;
    width: 245px;
}

/*WIDE
layout left(1:[2/3])/right(1:[1/3])
usato per news - partners
-----------------------------*/

#wide #left {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 70%;
	float: left;
	display: inline;
	background-color: #FFFFFF;
}

#wide #subleft {
	padding: 5px;
	width: 100%;
	height: auto;
}


/*GENERAL
-------------------------------------*/
.heading {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
.floatright {
	float: right;
}
img {
	border: none;
}

.alert {
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
	background-color: #bcd52b; 
	text-align: center;
	float: left;
	display: inline;
}

/*FORMS
-------------------------------------*/
form {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

label{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	color: #000099;
	font-size: 13px;
	padding-top: 1em;
}

.contact_info textarea{
    width: 30em;
}

/*
CONTACT FORM
-----------------------------*/
#contactform label {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	color: #000099;
	font-size: 13px;
	display: block;
}

#contactform input, #contactform textarea {
	margin: 0px 0px 15px 0px;
	padding: 3px;
	width: 433px;
	border-top: solid 1px #bbbbbb;
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	background-color: #e6e6e6;
	color: #637f63;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
}
#contactform .tickbox {
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #bbbbbb;
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	background-color: #e6e6e6;
	color: #637f63;
}

#contactform input[type=submit] {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 150%;
}

#contactform select{
    margin: 0px 0px 15px 0px;
}

#contactform input[type=checkbox] {
	width: 20px;
	float: left;
	margin: 0px 6px 7px 2px;
	border: none;
	background-color: #FFF;
}

#contactform label[for=ContattoPrivacy]{
	display: block;
	width: 450px;
}

.privacy{
    width: 450px;
    margin-bottom: 20px;
}
/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/
div.message, p.error, div.error-message {
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 8px 0px;
	
}
div.error-message {
    font-size: 100%;
	clear: both;
	margin-top: 0px;
	margin-bottom:20px;
	font-weight: bold;
    color:#760000;
    padding-left: 18px;
    background: url(images/error.png) no-repeat left top;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}

#flashMessage {
    width:100%;
    background-color: #FFFF99;
    padding:0.25em;
    margin: 10px 0px 0px 0px;
}

/*GALLERY
-----------------------------------------------------------------------------*/
#gall_container{
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    height: 510px;
}

/*hack IE6*/
* html #gall_container{ 
    padding: 0px;
    width: 95%;
}

#gall_container img {
    float: left;
    margin: 2px;
    padding: 2px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
/*hack IE6*/
* html #gall_container img {
    margin: 1px;
    width: 95px;
    height: 95px;
}

#gallery_box img{
    float: left;
    margin: 8px;
    padding: 2px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

#gall_container  a:link img, #gall_container a:visited img, #gallery_box a:link img, #gallery_box a:visited img{
    border: 1px solid #CCCCCC;
}

#gall_container  a:hover img, #gall_container a:active img, #gallery_box a:hover img, #gallery_box a:active img{
    border: 1px solid #0099FF;
}


/*LISTE
-----------------------------------------------------------------------------*/
#subright ul {
    margin: 10px;
    margin-left: 0px;
    padding-left:0;
    list-style-type: none;
}

#subright li {
    padding-left:0px;
    margin-bottom:5px;
}

#subleft a {
     /*padding: 2px;*/
     color:#D7D55E;
}

#subleft img {
    margin:  5px 0px;
}

#subleft a:hover, #subleft .current {
    background-color:#D7D55E;
    color:white;
    padding: 2px;
}

div.disabled{
    display: inline;
    color: white;
}
#subleft div.paging{
    text-align:right;
    margin-right: 5px;
}

/*NEWS
-----------------------------------------------------------------------------*/
.news_date{
    font-size: 150%;
}

.news_list{
  margin: 7px 0;
}

#subleft .news_list img{
    float: left;
    margin: 0px 5px 5px 5px;
    border: 1px solid #CCC;
  
}

#news_header{
    margin-top: 20px;
    margin-right: 43px;
    float: right;
    width: 255px;
    height: 85px;
    color: #0855a5;
    clear: right;
}
#news_header a{color: #0855a5;}
#acswitch a{color: #587EFB;}
#news_header a:link, #news_header a:visited, #news_header a:hover,  #news_header a:active{
    color: #0855a5;
}
#news_header h3{
    margin-bottom: 0px;
}
#news_header p{
    color: #0855a5;
}
#acswitch{
    margin-top: 5px;
    margin-right: 20px;
    float: right;
    background-color: #FFF;
    padding: 5px;
}

/* FAQS
-------------------------------------*/
div#subleft ul.faq-category li{
    font-weight: bold;
    padding: 2px;
}

#subleft .faq-list ul{
    margin-left: 10px;
}

* html #subleft .faq-list ul{
    margin-left: 0px;
}

div.contrast{
    padding: 5px 0;
    background-color: #FFF;
}

/* SITEMAP
-------------------------------------*/
#sitemap{background-color: #FFF; margin-top: 20px; padding: 20px 0; border-top: 1px solid #CCC}
#sitemap h3{margin-left: 15px}
#sitemap ul{margin-left: 20px;list-style-type: none;list-style-image: url(images/bullet.gif);}
#sitemap li{margin-left: 10px; padding-bottom: 10px;}

/* VIDEO GALLERY
--------------------*/
#displayVideo{
display:  block;
/*float: right;*/
margin: 10px;
border: 1px dashed #CCC;
padding: 10px;
width: 300px;

}
#subleft .thumbsContainer li img{float: left; margin-right: 10px;}

.gallThumb a img{
text-decoration: none;
border: none
}
#subleft .thumbsContainer li:hover a{
color: #587EFB;
}
.thumbsContainer li:hover{
background-color: #E5EDF0;
font-weight: bold;
}

.stats{margin-top: 15px;}

#home .offerta_home{float: left; padding-right: 3px; padding-bottom: 3px; width: 153px; height: 153px}
#home .offerta_home img{width: 150px; height: 150px;}