@charset "utf-8";
/* CSS Document */

@import "easySlider.css";
@import "topmenu.css";

* {
	margin:0;
	padding:0;
}
body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
}
#container {
	display: block;
	width: 998px;
	margin: 0 auto;
	text-align:left;
}


.sectors_title{
	
	color:#fff; font-size:70%;}

/***************************************************************************head*/
#header {
	width: 998px;
	text-align:left;
	float: left;
}

#logo {
	display: block;
	float: left;
	width:111px
}
#topmenu {
	display: block;
	width: 870px;
	float: right;
	font-size: 10px;
}
#titlelogo {
	font-family: Arial, Helvetica, sans-serif;
	width: 400px;
	float: left;
	text-align: left;
	text-transform:uppercase;
	display: block;
	padding: 20px 0 0 10px;
}
#titlelogo H1 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#cc3333;
	margin-bottom: -2px;
}
#titlelogo H2 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:lighter;
}
#titlelogo H3 {
	font-size: 7pt;
	font-weight:bolder;
}
#titlelogo p {
	font-size: 9px;
	text-transform: none;
	margin-top: 6px;
	color: #666;
}
#titlelogo a:link, #titlelogo a:visited {
	color: #666;
	text-decoration: none;
}
#titlelogo a:hover {
	color: #999;
	text-decoration: none;
}
#rightop{
	width: 466px;
	float: left;
	display: block;
	text-align: right;
}
#lang {
	display: block;
	float: left;
	width: 100px;
	margin: 8px 0 0 0;
	text-align: right;
}
#search {
	display: block;
	float: left;
	width: 260px;
	margin: 0px 0 0 0;
}
#headdx {
	display: block;
	float: left;
	width: 878px;
}

/***************************************************************************splash*/
#login {
	width: 998px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding: 0;
}


#logintab {
	background-color: #aa2828;
	float: none;
	width: 190px;
	clear: both;
	margin-left: 16px;
	height: 18px;
	color: #FFF;
	text-align: center;
	font-size: 8pt;
	vertical-align: middle;
	padding: 6px 0 0 0;
	font-weight: bolder;
	background-image: url(../images/bglogin.png);
	display: block;
	z-index: 100;

}


#logintab a{color: #FFF; text-decoration:none;}
#logintab a:hover{
	color: #EAACAC;
	text-decoration:none;
}

#lang a img {
	border: 0px;
	margin: -2px 3px 0 0;
}

/* **************************************************************************search */


fieldset.search {
	border: none;
	width: 243px;
	margin: 0 auto;
	background: #fff;
	margin: 0px 0 0 0;
	float: right;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #666;
	font-size: 1.1em;
	width: 190px;
	height: 28px;
	padding: 7px 0 0 7px;
	background: #fff url(../images/search_bg.png) no-repeat;
	margin-right: 0px;
}
.search input.box:focus {
	background: #fff url(../images/search_bg.png) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff url(../images/search_bg.png) no-repeat top right;
}
.search button.btn:hover {
	background: #fff url(../images/search_bg.png) no-repeat bottom right;
}

/* **************************************************************************splash */

#splash {
	display: block;
	width: 998px;
	text-align:left;
	float: left;
	margin: 0px auto -24px auto;
}
#login {
	display: block;
	width: 998px;
	text-align:left;
	float: left;
}


/* **************************************************************************central */
#content {
	display: block;
	width: 998px;
	background-color: #333;
	text-align:left;
	float: left;
	padding: 30px 0 0 0;
}

#leftcol {
	float:left;
	width:200px;
	margin: 0px 0 0 16px;
}
#transima #centcol,
#transimas #centcol{
	width:470px;
	float: left;
	margin: 0px;
	display: block;
}

#transimae #centcol {
	width:777px;
	float: left;
	margin: 0px;
	display: block;
}





/* ***************************************************************************** scheda */

#transima #centcol .txtsheet,
#transimas #centcol .txtsheet {
	font-size: 11px;
	background-color: #FFF;
	color: #333;
	display: block;
	float: left;
	padding: 20px 20px;
	text-align: justify;
	width: 420px;
}

#transimae #centcol .txtsheet {
	font-size: 11px;
	background-color: #FFF;
	color: #333;
	display: block;
	float: left;
	padding: 20px 20px;
	text-align: justify;
	width: 730px;
}
.txtsheet h1 {

	font-size: 1.6em;
	color: #C33;
	margin-bottom: 10px;
}

.txtsheet h2 {

	font-size: 1.1em;
	color: #C33;
	margin-bottom: 6px;
	font-weight: bolder;
}
.txtsheet a {
	text-decoration: none;
	color: #C33;
}

.txtsheet a:hover {
	text-decoration: none;
	color: #F00;
}

.txtsheet li a {
    text-decoration: none;
    color: #C33;
}

.txtsheet li a:hover {
    text-decoration: none;
    color: #F00;
}


.arrowtop{
	margin:0 4px 0 0;
	border: 0px;
}
.toplink {
	font-size: 10px;
}
.siteindex {
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	margin: 0 20px 0 0;
	text-align: right;
	padding: 6px 12px;
	background-color: #AA2828;
	width: auto;
	float: right;
	color: #FFEAEA;
}

.siteindex a{
	text-decoration: none;
	color: #FFEAEA;
}
	
.siteindex a:hover{
	text-decoration: none;
	color: #FFF;
}
		
#centcol .txtsheet hr {
	border-width: 1px;
	border-style: dotted;
	height: 1px;
	margin: 5px 0;

}
/* ***************************************************************************** right col */
#rightcol {
	width:312px;
	color: #CCC;
	font-size: 11px;
	float: left;
	display: block;
}

 #rightcol a {
	color: #CCC;
	text-decoration: none;
}
#rightcol a:hover {
	color: #fff;
	text-decoration: none;
}

#rightcol .tags ul {
	list-style-image: url(../images/arrownews.png);
	margin: 20px 0 0 30px;
	display: block;
	width: 260px;
	float:left;
}

.inforequest{
	float:left;
	width:260px;
	display:block;
	margin:30px 0 10px 3px;
	}

/* ***********************************************************************************  news */
#rightcol #newsr {
	background-image: url(../images/bgnews.jpg);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
	height: auto;
	width: 312px;
	min-height: 200px;
	margin: 10px 0 0 0;
	padding: 20px 0;
}
#rightcol .nitems ul li .thumbn {
	float: left;
	width: 90px;
	display: block;
}

#rightcol .nitems ul li .thumbn a img {
border:0px;
}



 #rightcol #newsr .nitems ul{
	 list-style:none;}


 #rightcol #newsr .nitems ul li .txt {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	background-image: url(../images/arrownews.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#newsr .nitems ul li {
	display: block;
	float: left;
	margin: 0 0 10px 0;
}


/***************************************************************************accordion*/

.basic  {
	width: 190px;
	font-size:10px;
	color:#FFF;
	text-decoration:none;

}

.basic div {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 5px;
	background-color: #444343;
}


.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
}
.basic a:hover {
	color: #fff;
	text-decoration:none;
	background-color:#aa2828;
	background-image:url(../images/arrow_dwn.gif);
	background-position: 150pc 8px;
	background-repeat:no-repeat;

}
.basic a.selected {
	color: #fff; text-decoration:none;
}

#menusx div ul {
	color: #FFF;
	list-style: none;
	margin: 0 10px;
}
#menusx div ul li a {
	color: #CCC;
	text-decoration: none;
}


#menusx div ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #444343;
}


#menusx div .moreprod A{
	text-decoration:none; 
	color: #fff;
	background-color: #444343;
	text-align:right;
	}

#menusx div .moreprod A:hover{
	text-decoration:none; 
	color:#C33;
	background-color: #444343;
	text-align:right;
	}


/***************************************************************************footer*/
#group {
	display: block;
	width: 998px;
	background-color: #333;
	text-align:center;
	float: left;
	height: 67px;
	padding: 10px 0 0 0;
	background-image: url(../images/bg-group.jpg);
	background-position: center 10px;
	background-repeat: repeat-x;
}
#footer {
	display: block;
	width: 998px;
	text-align:left;
	background-image: url(../images/bottomshadow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	min-height: 100px;
	padding: 16px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	background-color: #FFF;
}


#footer A{
	color:#999; 
	text-decoration:none;
	}
#footer A:hover{
	color:#C33;
	text-decoration:none;
	}
	

#footer #lcolf p A{
	color:#666;
	text-decoration:underline;
	}

#footer #lcolf p A:hover{
	color:#C33;
	text-decoration:none;
	}	
	
#footer #lcolf {
	float:left;
	width:600px;
	height:80px;
	margin-top:20px;
	margin-left:0px;
	text-align:left;
}
#footer #rcolf {
	font-size:9px;
	float:right;
	height:60px;
	margin-top:20px;
	margin-right:0px;
}

/***************************************************************************elenco*/
#elpro {
	width: 710px;
	float: left;
	background-color: #eee;
	display: block;
	float: left;
	text-align: left;
	padding:10px 0 10px 14px;
	
}
/*
#elpro .itm {
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	list-style-image: url(../images/arrowbullet.png);
	min-height: auto;
	width:150px;
	float: left;
	margin: 0px 0px 26px 12px;
	padding: 10px 5px;
	display: block;
	border-left: dotted #999 1px;
}
*/



ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 200px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	min-height: 234px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 20px;
	background-color: #FFF;
}
.block h2 {
	font-size: 1.1em;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto;
	display: block;
}


/***************************************************************************gallery*/
#group img {
	margin: 0 0 0 0;
}
.txtsheet ul {
	list-style-type: disc;
	margin: 5px 5px 5px 15px;
}
#rightcol #wall ul {
	list-style-type: none;
	margin: 0 0 0 -2px;
	width: 300px;
}
#rightcol #wall ul li {
	float: left;
	height: 68px;
	width: 90px;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	border-right: 3px solid #eee;
	border-bottom: 11px solid #eee;
	list-style-type: none;
	margin: 2px;
}

/***************************************************************************elenconews*/

.elenconews{
	border-bottom: dotted 1px #ccc;
	margin:6px;
	float:left; width:700px; display:block;
	}
.elenconews	.thumbn{float:left; width:100px; display:block;}
.elenconews	.txt{float:left; width:400px;display:block;}

	
/****************************************************************************/
#centcol .txtsheet p {
	margin: 1em 0;
}
.txtsheet #catdesc {
	text-align: justify;
	display: block;
	float: left;
	width: 702px;
	margin: 0 0 10px 0;
	background-color: #fff;
	border: dotted #ccc 0px;
	padding: 0 10px;
}


/****************************** FORMS FORMS FORMS *********************************** */

.error_message {
    color: red;
    display: block;
    text-align: right;
    /*float: right; */
}

.form_response_nok {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_response_ok {
    color: green;
    font-weight: bold;
    margin-bottom: 10px;
}

fieldset {
    border: none;
}

div.label {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
}

div.error, .recaptchaerror {
    padding-bottom: 10px;
    border: 1px solid red;
}

div.label label {
    display: block;
    float: left;
    width: 300px;
    text-align: right;
    width: 20%;
}

div.label input, div.label select, div.label textarea {
    margin-left: 15px;
    text-align: left;
}

div.label textarea {
    width: 300px;
    height: 100px;
}

.form_checkbox_field {
    margin-bottom: 10px; /* More height, for two-lines labels */
}

div.label input[type=text], .label input[type=password] {
    width: 300px;
}

#recaptcha_area {
    text-align: left;
    margin: 0 auto;
}

.request_txt a {
    color: #FFF;       
    text-decoration: none;
    padding: 7px;
    background-color: #009003;
}

.request_txt a:visited {
    color: #FFF;       
    text-decoration: none;
    padding: 7px;
    background-color: #009003;
}

.request_txt a:hover {
    text-decoration: none;
    color: #009600;
    border: 1px solid;
    background-color: #FFF;
}
.clear {
	clear: both;
	color: #009B71;
}
#socialstop {
	text-decoration: none;
	margin: 6px 0;
	width: 260px;
	float: right;
	padding: 1em;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border: solid 1px;
	border-color: #009B71;
	text-align: center;
}
#search #searchform {
	height: 30px;
}