@import url("catalog.css");

@import url("portletgen.css");

@import url("oldstyles.css");

@import url("slimbox.css");

/******************************************************************************************************************/

/*	ORDINE DEI BLOCCHI LOGICI:
/*	GLOBAL
/*	HEADERS
/*	-----
/******************************************************************************************************************/

/* il segno = davanti ai blocchi permette una ricerca veloce tramite lo strumento trova 
/* (cercando =IMAGES non si rischia di trvare uno stile IMAGES ma solo il blocco



/* =GLOBAL
************************************************************************************************/

html {
	padding: 0px;
	margin: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	color: #333333;
	background: #FFFFFF url(/jsps/images/bg_body.gif) top left repeat-x;
	line-height: 1em;
}

.clear,
.clear_h,
.clear_c {
	clear: both;
}

.clear_h {
	clear: none;
}

/* =HEADERS
*********************************************************************************************** */

H1 {
	color: #BD3826;
	font: bold 1.6em/1.4 Verdana, sans-serif;
	margin: 0 0 0.25em 0;
}

H2 {
	color: #BD3826;
	font: bold 100%/1.4 Verdana, sans-serif;
	margin: 2em 0 0.5em 0;
}
H3 {
	font: bold 100%/1.3 Verdana, sans-serif;
	margin: 1em 0 0.5em 0;
}
.item-lista h1 {
	color: #BD3826;
	font: bold 100%/1.4 Verdana, sans-serif;
	margin: 2em 0 0.5em 0;
}
.item-lista h2 {
	margin:0 0 0.5em 0;
	color: #333333;
	/* background: #FFFFFF url(/jsps/images/bg_body.gif) top left repeat-x; */
	  
        
  font-weight:normal;
  line-height:1.6em;
}

hr {
/*
  background:#A8ADB1 none repeat scroll 0 0;
  border:medium none;
  clear:both;
  color:#A8ADB1;
  height:1px;
  width:100%;
*/
  display:none;
}

/* =COLSX
************************************************************************************************/

#subtit {
}

.subtitlabel {
	color: #BD3826;
	font-weight: bold;
	border-top:1px solid #BD3826;
	border-bottom:1px solid #BD3826;
	margin-top:67px;
  padding:2px 0px 2px 0px;
}

/* =TEXT
*********************************************************************************************** */

.contenuto,
.testogen1,
.testogen2 {
	margin:0 0 0.5em 0;
}
.testogen3 {
        line-height: 1.5;
}

/* =LINKS
*********************************************************************************************** */
a {
	color: #39529B;
}
a:link {
	color: #39529B;
}
a:visited {
	color: #818EB5;
}
a:hover {
	color: #A8ADB1;
}
a:active {
	color: #A8ADB1;
}

.back {
	text-align: right;
}

.back a {
	
}

.link-interno a {
	background: transparent url(/jsps/images/arrow-right.gif) center left no-repeat;
	padding-left: 15px;
	
}

.link-interno a:hover {
	color: #A8ADB1;
	background: transparent url(/jsps/images/arrow-right-over.gif) center left no-repeat;
	padding-left: 15px;
}
/* =LISTS
*********************************************************************************************** */
ul {
	margin-top:3px;
	margin-left:3px;
	padding-left: 2em;
	list-style-type: disc;
}

.link-esterno ul li {
	list-style-type: none;
}

.email ul li {
	list-style-type: none;
}

.link-interno ul li {
	list-style-type: none;
}

div.img1,
div.img2,
div.img3,
div.img4 {
	background: url(/jsps/images/img_shadow_alpha.png) no-repeat bottom right !important;
	background: url(/jsps/images/img_shadow.gif) no-repeat bottom right;
}
div.img1 img,
div.img2 img,
div.img3 img,
div.img4 img{
	padding: 4px;
	border: 1px solid #bfbfbf;
	margin: -5px 5px 5px -5px;
	display: inline;
}

*:first-child+html div.img2 img {
	margin: -5px 5px 0px -5px!important;
}
div.img1 {
	float: left;
}

div.img2 {
  float:right;
}

*:first-child+html div.img2 
{ 
  padding: 0px 5px 0px 0px!important; 
}

div.img3 {
	float: left;
}

.img1 {
	float: left;
	margin: 5px 10px 5px 5px;
}

.img2 {
	margin: 10px 0px 5px 10px;
}
*:first-child+html .img2 /* solo IE 7.0 */
{
	margin: 5px 0px 0px 10px!important;
}

.img3 {
	float: left;
	margin: 0px 10px 5px 0px;
}

.img4 {
	margin: 10px 10px 5px 0px;
}

#subtopecarea div.img1 {
	padding: 0;
	margin: 0;
	border: none;
	float: none;
}
#subtopecarea div.img1 img{
padding: 0;
border: none;
margin: 0;
position: static;	
}
.flash .img1 img {
	width: 740px;
}

/* =DIVS
*********************************************************************************************** */

.item-lista {
	float: left;
	margin-bottom: 20px;
  width:100%;
}

.item-single {
	margin-bottom: 20px;
}

.zoom {
background: #FFFFFF url(/jsps/images/colsx.gif) bottom left repeat-x;
}

.link-interno, .link-esterno, .email, .documenti {
	margin: 10px 0px 10px 0px;
}

.zoom a {
	background: transparent url(/jsps/images/arrow-right.gif) center left no-repeat;
	padding-left: 15px;
	
}

.zoom a:hover {
	color: #A8ADB1;
	background: transparent url(/jsps/images/arrow-right-over.gif) center left no-repeat;
	padding-left: 15px;
}


/* =FORMS
************************************************************************************************/

.tit {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #989DA5;
}

.tit2 {
	background-color: #e8e8e8;
	text-transform: lowercase;
	font-size: 11px;
}

.tit3 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #BD3826;
}

.tab {
	margin: 20px;
	width: 90%;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	background-color: #ffffff;
	text-align: left;
}

.tab td {
	padding: 2px 3px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	text-align: left;
}

.obb {
	color: #BD3826;
	font-weight: bold;
	font-size: 12px;
}

.obb2 {
	color: #333333;
	font-weight: bold;
	background-color: #cccccc;
}

#disclaimer .p-i1ti2ai3ci4g12d1234il123el123e12-abstract {
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}


.tab2 {
	margin: 20px;
	width: 50%;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	background-color: #ffffff;
	text-align: left;
}

.tab2 td {
	padding: 2px 3px;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	text-align: left;
}



/* =COMMENTI
************************************************************************************************/
#bodyComment {
  background:url(/jsps/images/bg_body-commenti.jpg) top center no-repeat;
  min-height:550px;
  height:auto !important;
  height:550px;
  padding-top:20px;
}
#Comment {
  width:480px;
  margin: 0px auto 0px auto;
  text-align:left;
}
#tabComment {
  margin: 0px auto 0px auto;
}
#tabComment th {
  text-align:center;
  padding:10px;
  font-weight:bold;
  vertical-align: middle;
}
#tabComment td {
  text-align:center;
  padding:10px;
}
#disclaimer {
  width:600px;
  margin: 0px auto 0px auto;
  text-align:center;
}
#listComment {
}
#listComment span.user {
  font-weight:bold;
}
#listComment div.disabled {
  color:#FF0000;
}


/* =GLOSSARIO
************************************************************************************************/

table.tab-gloss {
	padding: 0px;
	width: 100%;
	border-top: 1px solid;
	border-left: 1px solid;
}

table.tab-gloss td, table.tab-gloss th {
	padding: 1px 3px;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

.glossary, .glossary a {
	padding-right: 0px;
	padding-left: 0px;
	color: #565B5C;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.glossary a:hover {
	color: #CC0000;
}

.glossary-sel, .glossary-sel a {
	padding-right: 0px;
	padding-left: 0px;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.glossary-no {
	padding-right: 0px;
	padding-left: 0px;
	color: #DDDDDD;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.sub {
	font-weight: normal;
	padding-left: 25px;
}

/* =ADMIN
************************************************************************************************/

.admin-div {
	width: 100%;
	white-space: nowrap
}

.admin-div-item,
.admin-div-lista,
.admin-div-comment {
	text-align: right;
}
.admin-div-lista,
.admin-div-comment {
	margin-bottom: 20px;
}

.admin-div-item a,
.admin-div-lista a,
.admin-div-comment a,
.admin a {
	color:#7F1D1D;
	background:transparent url(/jsps/images/bg_admin_butt.gif) no-repeat scroll left bottom;
	text-decoration: none;
	display:block;
	font-weight:bold;
	padding:6px;
	text-align:center;
	width:78px;
	border-top:1px solid #D1E0F0;
	margin: auto 0 auto auto;
}
.admin-div-comment a {
	background:transparent url(/jsps/images/bg_admin_butt_comm.gif) no-repeat scroll left center;
  padding-left:16px;
	border-top:0px;
}
.admin-div-item a:hover,
.admin-div-lista a:hover,
.admin a:hover {
	background-position: right bottom;
}
.admin-div-comment a:hover {
	background-position: left center;
}
.admin-div-item a img,
.admin-div-lista a img,
.admin-div-comment img,
.admin img {
	display: none;
}

.admin_bgitem {
	background: url(/jsps/images/bg_adminsel.gif) repeat left top;
}

table.admin {
	width: 100%;
	text-align: right;
}

#adminbox {
  background:#A8ADB1 none repeat scroll 0 0;
  color:#EFEFEF;
  float:right;
  padding:14px 10px 15px 10px;
  text-align:right;
	margin: 0px 20px 0px 0px;
}

/*--------------------------------------*/

#adminbox ul {
	margin: 0px;
	padding: 0px;
}

#adminbox li {
	border-left: 1px solid #f1f1f1;
	display: inline;
	margin: 0pt 0pt 0pt -2px;
	padding: 0px 10px;
	width: auto;
	list-style-position: outside;
	list-style-type: none;
	text-transform: lowercase;
	font-size: 10px;
}

html #adminbox ul li:first-child {
	border-left: 0pt none;
	padding-left: 2px;
}

html #adminbox ul li:last-child {
	padding: 0 0 0 10px;
}

#adminbox li a:link,#adminbox li a:active, #adminbox li a:visited {
	text-decoration: none;
	color: #FFF;
	font-size: 10px;
}

#adminbox li a:hover {
	text-decoration: underline;
}

#adminbox div.prodview {
	display: inline;
}

div.adminboxcat {
	margin-top: 5px;
}

.user-welcome {
	color: #FFF;
	font-style: italic;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 3px;
	font-weight: bold;
}
.user-selecto {
	color: #FFF;
	font-style: italic;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 3px;
	font-weight: bold;
}

/* =SEARCH
************************************************************************************************/

#searchbox {
	
}

#search {
	padding-left: 15px;
	padding-top: 10px;
	font-size: 0.7em;
}

#search table {
	font-size: 0.7em;
}

#search h2 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

/*colsx intranet*/

#smartsearchform {
	border-top: 1px solid #EEE;
	padding: 5px;
	margin-top: 20px;
}

#smartsearchform label {
	margin-top: 5px;
	margin-bottom: 5px;
}

#smartsearchform .field,
#smartsearchform .select {
	border: 1px solid #BBB;
	width: 190px;
	padding: 2px;
	margin-bottom: 5px;
}

#smartsearchform .button {
	border: 3px double #BBB;
}

/* =TOP
*********************************************************************************************** */

.logo {
  display:block;
  float:left;
  height:60px;
  margin:15px 0px 0px 10px;
}
.logo_ecoflam {
  display:block;
  float:right;
  height:60px;
  margin:28px 195px 0px 10px;
}
#search {
}

#lingua {

}

#userarea_link{
	float:right;
	padding-top:48px;
}
#userarea_link a:link,
#userarea_link a:active,
#userarea_link a:visited{
	color: #ff8847;
	padding: 3px 3px 3px 20px;
	background: #FFF url(/jsps/images/icos/lock.png) no-repeat left center;
	border: 1px solid #8d8d8d;
	text-decoration: none;
}

#userarea_link a:hover{
	color: #555;
}

#elencobottom li {
	display: inline;
	margin: 0pt 0pt 0pt -2px;
	padding: 0pt 10px;
	width: auto;
	list-style-position: outside;
	list-style-type: none;
}

html #elencobottom li:first-child {
	border-left: 0pt none;
	padding-left: 0px;
}

#elencobottom li a:link,#elencobottom li a:active, #elencobottom li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
}

#elencobottom li a:hover {
	text-decoration: underline;
}


/* =BOTTOM
*********************************************************************************************** */

#bottom a {
	font-weight: normal;
	color: #333333;
	text-transform: lowercase;
}

#bottom a:hover {
	color: #666666;
	text-decoration: underline;
}


#div_form_bottom,
#bottomForm {
	display: inline;
}

#div_form_bottom .field {
	padding: 2px;
	border: 1px solid #CCC;
	font-size: 0.8em;
}

#div_form_bottom .button {
	border: double #CCC;
	color: #515151;
	background: #FFF;
	margin-left: 10px;
	font-size: 0.85em;
}

#data {
  height:18px;
  line-height:18px;
  margin:0 auto;
  max-width:960px;
  min-width:775px;
  text-align:right;
  width:80%;
}





/* =EXTRA
************************************************************************************************/

/* boxservizi - file incluso che mostra le pagine di una sezione */

.boxservizi {
	
}

.boxservizi ul {
	list-style: none;
}

.boxservizi li {
	border-bottom: 1px solid #cccccc;
	background-color: #FAF9F7;
}

.boxservizi li a:link,
.boxservizi li a:active,
.boxservizi li a:visited {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #333333;
	text-decoration: none;
}

.boxservizi li a:hover {
	color: #000000;
}

/* fine box servizi */

/*pagina MAPPA */

.map a {
	color: #333333;
	font-weight: normal;
}

.map a:hover {
	font-weight: normal;
	color: #333333;
}

ul.map {
	list-style-image: url(/jsps/portal/images/tratt.gif);
	padding-bottom: 25px;
	padding-left: 10px;
	color: #BD3826;
}

ul.map li {
	list-style-position: inside;
	margin-left: 5px;
}

li.child {
	padding-left: 13px;
}

li.child2 {
	padding-left: 13px;
}


/* =ACCORDION
*********************************************************************************************** */
#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #BD3826;
	/* color: #528CE0; */
	color: #FFFFFF;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}
/* ======== TOOLTIP ======= */


.tool-tip {
	color: #000000;
	width: 139px;
	z-index: 13000;
	text-align:left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #E86800;
	padding: 8px 8px 4px;
	background: url(/jsps/images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/jsps/images/bubble.png) bottom right;
}


 img, 
 div{ /* AND behavior: url("/jsps/js/iepngfix.htc") */ }


.tabella {
	text-align:center;
}

.box_sx {
	border: 1px solid #bfbfbf;
        margin-top : 10px;
        margin-bottom : 5px;
}