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

body {
font: 13px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; line-height:20px;
color: #777;
background-image:url(immagini/bg2.jpg);
background-repeat:repeat-x;
background-color:#C4D1B7;
margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0px;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

A:link, A:visited ,A:active   {text-decoration: none; color:#8FB4B8}
A:hover {text-decoration: underline; color:#528E95;}
h1 { font-size:24px; color:#00535E; line-height: 22px; letter-spacing:-2px;  padding-top: 2px; margin-bottom: 2px;  margin-bottom:5px;}
h2 { font-size:160%; color:#00535E; line-height: 18px; letter-spacing:-2px; padding-top: 2px; margin-bottom: 2px;}
/*h3 { font-size:140%; color:#00535E; line-height: 16px; letter-spacing:-1px;  padding-top: 2px; margin-bottom: 2px; background-image:url(immagini/penc.gif); background-repeat: no-repeat; padding-left:32px; padding-top:17px; padding-bottom:14px;}*/
h3 { font-size:140%; color:#00535E; line-height: 16px; letter-spacing:-1px;  padding-top: 2px; margin-bottom: 2px; padding-top:17px; padding-bottom:7px;}
h4 { font-size:130%; color:#00535E; line-height: 16px; letter-spacing:-1px;  padding-top: 2px; margin-bottom: 2px;}
h5 { font-size:120%; color:#00535E; line-height: 16px; letter-spacing:-1px;  padding-top: 2px; margin-bottom: 2px;}
h6 { font-size:105%; color:#00535E; letter-spacing:-1px;  padding-top: 2px; margin-bottom: 2px;}
hr { border:0px; border-top:1px dotted #CCCCCC}

.oneColFixCtrHdr #container {
width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background-image:url(immagini/bg_cont.gif);
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}
#divragazze{
position: absolute;
top:420px;
width:1%;
cursor:pointer;
}
#logo{
position: absolute;
top:180px;
width:1%;
}
#loghetti{
position: absolute;
right:500px !important;
right:30px;
top:-2px;
width:1%;
}
div#slogan{
font-size:19px;
font-weight:bold;
color:#FFF;
position: absolute;
text-align:center;
top:400px;
width:400px;
z-index:90;
margin:0 auto;
margin-left:-200px;
left:50%;
}
#ventanni {
position: absolute;
text-align:center;
top:190px;
width:250px;
z-index:80;
margin:0 auto;
margin-left:-125px;
left:50%;
}
.oneColFixCtrHdr #header {
/*background: #DDDDDD; */
background-image:url(immagini/header.jpg);
height:437px;
/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #sottogirls {
/*background: #DDDDDD; */
background-image:url(immagini/sottogirls.jpg);
height:229px;
/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
padding:0px;
margin:0px;
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/*padding: 10px 0;  using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
background-image:url(immagini/bg_content.jpg);
background-position:bottom left;
background-repeat:no-repeat;
margin-left:16px;
padding:10px 35px 20px 20px;
text-align:justify;
width:900px;
}
.oneColFixCtrHdr #footer {
/*padding: 0 10px;  this padding matches the left alignment of the elements in the divs that appear above it. */
/*background:#DDDDDD;*/
padding:5px 20px 15px 20px;
width: 915px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #footer p {
font-size: 11px;
padding:0px;
margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
/*padding: 10px 0;  padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
p {padding:0px; margin:0px}

/* barra navigazione */

div#navcontainer{
width:800px;
position:absolute;
margin:0 auto;
margin-left:-400px;
left:50%;
top:60px;
font-size:20px;
letter-spacing:-1px;
z-index:700;
font-weight:normal;
}
div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0px;
}
div#navcontainer ul li
{
display: inline;
}
div#navcontainer ul li a {
padding: 5px 10px 5px 10px;
color: #00535E;
text-decoration: none;
}
div#navcontainer ul li a:hover{color: #F57B20;}

#bar_home, #bar_chisiamo, #bar_soluzioni, #bar_prodotti, #bar_contatti, #bar_azienda, #bar_area_clienti
{position:absolute;top:47px;left:50%;width:113px; z-index:700; height:1%;}

#link_soluzioni, #link_prodotti, #link_azienda { }
#link_chisiamo , #link_azienda{  padding-bottom:35px}
#link_areaclienti{ letter-spacing:-1px; font-size:95%}

#bar_home{margin-left:-305px;}
#bar_chisiamo{margin-left:-220px;}
#bar_azienda {margin-left:-220px;}
#bar_soluzioni{margin-left:-123px;}
#bar_prodotti{margin-left:-27px;}
#bar_contatti{margin-left:67px;}
#bar_area_clienti{margin-left:172px;}
#bar_generica {display:none;}

/*soluzioni*/
#menu_bar1 {
width:1%;
position:absolute;
margin:0 auto;
margin-left:-124px;
left:50%;
top:55px;
font-size:20px;
letter-spacing:-1px;
z-index:650;
}

/*prodotti*/
#menu_bar2 {
width:1%;
position:absolute;
margin:0 auto;
margin-left:-27px;
left:50%;
top:55px;
font-size:20px;
letter-spacing:-1px;
z-index:651;
}
/* menu che vengono fuori quando si va sopra a prodotti */
#indice_bar2 {
width:230px;
position:absolute;
margin:0 auto;
margin-left:-10px;
left:50%;
top:50px;
font-size:20px;
letter-spacing:-1px;
z-index:653;
font-size:13px;
color:#00535E;
}


/*azienda*/
#menu_bar3 {
width:1%;
position:absolute;
margin:0 auto;
margin-left:-221px;
left:50%;
top:55px;
font-size:20px;
letter-spacing:-1px;
z-index:651;
}

/* menu che vengono fuori quando si va sopra a azienda */
#indice_bar3 {
width:230px;
position:absolute;
margin:0 auto;
margin-left:-205px;
left:50%;
top:50px;
font-size:20px;
letter-spacing:-1px;
z-index:653;
font-size:13px;
color:#00535E;

}

/* menu che vengono fuori quando si va sopra a soluzioni */
#indice_bar1 {
width:230px;
position:absolute;
margin:0 auto;
margin-left:-109px;
left:50%;
top:50px;
font-size:20px;
letter-spacing:-1px;
z-index:654;
font-size:13px;
color:#00535E;
}






ul#multi,ul#multi li{
	margin:0;
	padding:0;
	list-style:none}

ul#multi{
	width: 100%;
	overflow: hidden; /* simple clearing of floats */
    padding: 1em 0;margin: 4em 0;
    line-height: 1.7; 
}

ul#multi li{
	float:left;
	width:99%;
    margin-left: 1%;
	display: inline; /* per evitare il float double margin bug di IE*/
	border-bottom:1px dotted #EEE;
	text-align:left;
}

ul#multi a{
	display:block;
	color: #00535E;
    height: auto !important;
	height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;
    background: transparent url(green_arrow.gif) no-repeat center left
} 

ul#multi a:hover{background-color: #00535E;color:#FFF; padding-left:8px;} 
/* barra navigazione */


/*colonne*/
#rightbar { 
margin-top:30px;
width:270px;
padding: 0 5px 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
float: left; /* since this element is floated, a width must be given */
} 
#leftcontent {
float: left; /* since this element is floated, a width must be given */
width: 600px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
display:inline;
padding:0px 17px 0px 0px;
}
.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#forbicine {
width:35px;
height:80px;
position: absolute;
top:690px;
z-index:1;
margin:0 auto;
margin-left:447px;
left:50%;
}
/* ricerca */

input{
font-size:18px;
color:#FC7E72;
padding:2px;}

.cerca{
width:268px;
height:99px;
background-image:url(immagini/sf_cerca.jpg);
background-repeat:no-repeat;
border:1px dotted #EEE;
}

#inp_cerca{ margin-left:50px; margin-top:20px; width:180px;}
#btn_cerca{ margin-left:180px; margin-top:10px}

/*Contatti */
.contatti{
cursor:pointer;
text-align:center;
padding:10px 0px 10px 0px;
width:270px;
height:238px;
background-color:#FFF;
background-image:url(immagini/contatti.gif);
background-repeat:no-repeat;
}

.texcontact{
margin-top:20px;
margin-left:-20px;
font-size:16px;
color:#4C4C4C;
font-weight:bold;
letter-spacing:-1px;
line-height:24px;
}

.imguno {margin:15px; padding:15px; border:1px dotted #F2F6DB}

/*Mission*/
#content {margin-bottom:50px;}
#content p{ padding-top:15px}

/* Tag */
.tag {
text-align:center;
padding:10px 0px 10px 0px;
width:268px;
background-image:url(immagini/bg_tag.gif);
background-repeat:no-repeat;
background-position:bottom right;
border:1px dotted #EEE;
margin-top:15px;
padding:2px;
}

.textag{
font-size:16px;
color:#666;
letter-spacing:-1px;
line-height:30px;
}

.link {
text-align:center;
padding:10px 0px 10px 0px;
width:268px;
background-image:url(immagini/scarpette.gif);
background-repeat:no-repeat;
background-position:bottom right;
border:1px dotted #EEE;
margin-top:15px;
}
.texlink{
text-align:left;
color:#666;
line-height:24px;
}
/* Tag */


/*News*/
.news {
text-align:center;
padding:10px 0px 10px 0px;
width:270px;
background-repeat:no-repeat;
background-position:bottom right;
border:1px dotted #EEE;
margin-top:15px;
}

.texnews{
text-align:left;
color:#666;
padding-right:10px;
padding-left:10px;
}
.texnews span {
display:block;
}

.titolo_news{ font-size:18px; font-weight:bold; color:#00535E; line-height: 22px; letter-spacing:-2px;}
.tag_news{ font-size:10px;}

.data_news{ font-size:9px}

.testo_news{  text-align:justify; line-height:18px;}

#feedrss { position:relative; top:-7px; left:195px; width:65px; color:#FF6600; font-size:10px; cursor:pointer}

.flt_sx { float:left; padding:5px}
.flt_dx { float:right; padding:5px}


/* link laterali */



#altrilink{
padding: 0;
margin: 0;

}

#altrilink ul{
list-style: none;
margin: 0;
padding: 0;
}
#altrilink ul li {
margin: 0;
padding: 0;
}

#altrilink ul li a {
display: block; 
border-bottom: 1px dotted #EDEDED;
text-decoration: none; 
padding: 5px 0 2px 4px;
}

#altrilink a:hover{
color: #00535E;
background-image:url(immagini/li_sfondo.gif);
padding-left:15px;

}

#altrilink a:link#evidenziato, 
#altrilink a:visited#evidenziato{
font-weight:bold;
}

/*fine link laterali */

/*contatti*/
#icecontatti p {
padding-top:15px;
padding-left:15px;
}
#icecontatti .letter { padding:5px; padding-top:2px}

/*Soluzioni*/

ul.list_soluzioni li {
list-style-image: url(immagini/forbici.gif);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
}
.mylista { vertical-align:inherit;}

ul.check li {
list-style-image: url(immagini/check.png);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
}


/* menu orizzontale */

#horizzontal { padding-top:15px;}

#horrizzontallist
{
margin-left: 5px;
border-bottom: 1px dotted #DDD;
}


#horrizzontallist li
{

list-style: none;
margin: 0;
display: inline;
letter-spacing:0,1em;
}

#horrizzontallist li a
{
color:#8FB4B8;
letter-spacing:0,1em;
padding: 3px 0.5em;
padding-left:7px;
padding-right:7px;
padding-top:10px;
border: 1px dotted #EEE;
border-bottom: none;
background: #FEFEFE;
text-decoration: none;
}

#horrizzontallist li a:hover
{
border-color: #DDD;
background-color:#F1F6D8;
color:#00535E;	
}

#horrizzontallist li a#current
{
background: white;
border-bottom: 1px solid white;
}

/* fine */


/*prodotti*/
ul.list_prodotti li {
list-style-image: url(immagini/site_16.png);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
}


ul.normalist li {
list-style-image: url(immagini/bullet_orange.png);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
}


/* dvelop */

.dvelopdiv {
margin-top:20px;
border-left:10px solid #FAFAFA;
font-family:Arial, Helvetica, sans-serif;
}

.dvelop{
font-size:200%;
font-weight:bold;
}

ul.list_pdf {border-left:7px solid #F1F1F1;
padding-left:28px}

ul.list_pdf li {
list-style-image: url(immagini/pdf.png);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
border-bottom:1px dotted #F1F1F1;
}

ul.list_out li {
list-style-image: url(immagini/site_out.gif);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
}
/*Ardoc*/
.tabArdoc{ 
text-align:center;
color:00535E;
font-size:10px;
}
.div_ardoc{
width:200px;
float:right;
padding-left:10px;
}
.tabArdoc_td{ 
/*border:1px dotted #FAFAFA;*/
padding:10px; 
color:00535E;
background-color:#E6EEEF;
}
/*general */
.tornasu{ 
padding:0px; 
margin:0px; 
width:70px;
height:25px;
text-align:center; 
cursor:pointer;
float:right;
font-size:10px;
background-image:url(immagini/bg_tornasu.gif);
color:#666666;
}
.tornasu:hover{ color:#000; text-decoration:none}
.noborder {border:0px}
.zeroborder {border:0px}
.sx { float:left;}
.dx { float:right;}
.quote { font-size:130%; font-style:italic;}
.paddsx { padding:5px; padding-right:10px; border:1px dotted #EEE; margin:10px;}
.dett_prodotto { color:#F46F18; font-weight:bold; font-size:115%}
.dett_tabella { color:#00535E; font-weight:bold; font-size:115%}

#boximmagini{padding:15px; width:1%; display:inline-table; float:left; text-align:center; font-size:85%; line-height:150%}
#boximmaginisutre{padding:15px; width:1%; display:inline-table; float:left; text-align:center; font-size:85%; line-height:150%; width:145px}
#boximmaginisutre span { display:block}
#scrshot { font-size:11px; float:left; cursor:pointer;}
#scrshot:hover { color:#F46F18;}
#scrshot IMG { width:230px; height:160px; float:left; padding:10px; border:1px dotted #EEE; margin:10px;}
#scrshot IMG:hover { border:1px dotted #C4D1B7; background-color:#EFEFEF;}
#scrshot .txtimg { padding-left:10px;}
.sottologo {padding:30px; width:590px;}
.pa20 {padding-right:10px;}


.tdlopartner {
vertical-align:middle;
text-align:center;
padding:10px;
width:33%;}

.tdlocertific{
vertical-align:top;
text-align:center;
padding:10px;
width:33%;
}

#tab_referenze{
vertical-align:top;
text-align:left;
margin-bottom:150px;
}

#tab_referenze td {
padding:10px;
}
#tab_referenze tr {
background-image:url(immagini/bg_tab_referenze.gif);
background-repeat:repeat-x;
height:85px;
}
#gruppolinkfooter a { color:#333;}

#footerk { font-size:80%}


/*area cliente */
#login{ background-color:#FeFeFe; width:45%; float:left; margin-left:10px; padding:5px; border-left:3px solid #EEE }
#login input {font:140% normal; color:#333; margin:2px }
#login textarea {font:140% normal; color:#333; margin:2px; }
#login label {font-size:80%;}
#qualita input {font:140% normal; color:#333; margin:2px;}

ul.error li {
list-style-image: url(immagini/error.png);
padding:3px; 
margin-top:2px;
vertical-align: text-bottom;
}

.mytextarea {color:#CCFF66; font:12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; line-height:20px;}

#verticalmenu li{
font-weight:bold;

padding-top: 2px; 
margin-bottom: 2px;
}

#m_azienda li{
font-weight:normal;
font-size:90%; 
padding-top: 2px; 
margin-bottom: 2px;
border:0;
text-indent:20px;
background-color:#FBFBFB;
}

#m_prodotti li{
font-weight:normal;
font-size:90%; 
padding-top: 2px; 
margin-bottom: 2px;
border:0;
text-indent:20px;
background-color:#FBFBFB;
}

#m_soluzioni li{
font-weight:normal;
font-size:90%; 
padding-top: 2px; 
margin-bottom: 2px;
border:0;
text-indent:20px;
background-color:#FBFBFB;
}

.maggioriinformazioni_footer{
margin:0 auto;
font-size:120%;
width:100%;
background-color:#FCFCFC;
height:76px;
padding:2px;
margin:2px;
/*background-image:url(immagini/informazz.gif); 
background-position:bottom; 
background-repeat:no-repeat;*/
border-bottom:1px dotted #F1F1F1;
border-top:1px dotted #F1F1F1;
}

.maggioriinformazioni_footer:hover{
background-color:#FFF;
color:#E0A753;
cursor:pointer;
}




.maggioriinformazioni{
width:270px;
height:150px;
background-image:url(immagini/informazz.gif); 
background-position:bottom; 
background-repeat:no-repeat;
border-bottom:1px dotted #F1F1F1;
border-top:1px dotted #F1F1F1;
}
.maggioriinformazioni div{
width:150px;
margin-top:45px;
text-align:center;
}
.maggioriinformazioni h3{
color:#333333;
}
/*Searchlist*/
.searchlist {
list-style-image:none;
list-style:none;
text-align:left;
padding-left:25px;
background-image:url(immagini/feed_subscribe.png);
background-repeat:no-repeat;
background-position:5px 0px;
line-height:30px;
}

.resultlist {
list-style-image:none;
list-style:none;
text-align:left;
padding-left:25px;
background-image:url(immagini/site_out.gif);
background-repeat:no-repeat;
background-position:0px 5px;
text-align:justify;
font-size:85%;
}

#ricerchelist li {
list-style-image:none;
background-image:url(immagini/zoom.png);
background-repeat:no-repeat;
background-position:0px 0px;
line-height:30px;
padding-left:20px;
display:inline;
list-style:none;
}

#search{
padding:20px;
padding-left:0px;
}
#search input{
color:#333333;
}
#noresult {
color:#FF0000;
border-bottom:1px dotted #F1F1F1;
border-top:1px dotted #F1F1F1;
padding:50px;
font-size:140%;
}

.risp_ris {
font-size:10px; 
text-transform:uppercase; 
color:#AAA;
}