/* La percentuale � sui 16px (0.75 * 16px = 12px) */
@font-face {
	font-family: 'HelveticaNeueCondensedBold';
	src: url('fonts/HelveticaNeueCondensedBold.eot');
	src: local('fonts/HelveticaNeueCondensedBold'), url('fonts/HelveticaNeueCondensedBold.woff') format('woff'), url('fonts/HelveticaNeueCondensedBold.ttf') format('truetype');
}


@font-face {
    font-family: 'open_sanslight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


body {
	font-size: 13px;
	font-family: 'open_sanslight'; /*,Helvetica, Verdana, Arial,  sans-serif;  background:#e5e5e5;*/
  	color:#333;
	border-top:5px solid #C3CB01;
	background:url(../img/sfondobot.jpg) bottom left repeat-x;
}

/* STRUTTURA GENERALE */

div.fascia1 { width:30%; float:left; margin:20px 15px 20px 10px}
div.fascia1:first { margin-left:2px;}

div.fascia2 { width:30%; float:left; margin:0 15px 0px 10px; }
div.fascia2:first { margin-left:2px;}

tr.fasciagrigia td { background:#E6E6E6; border-bottom:20px solid #FFF; border-top:20px solid #FFF; padding-top:20px; padding-bottom:20px}



tr.header { height:80px; background:#FFFFFF; }
tr.header td { padding-left:10px; padding-top:10px; padding-bottom:0px; }

tr.top { height:30px; background:#CBCBCB   }
tr.top td { border-bottom: 5px solid #FFFFFF;}

tr.testata {  background:#e6e6e6;}
div.testata { position:relative;}
tr.testata td { border-bottom: 5px solid #FFFFFF;}
td.hometestata { }
td.residentestata { background:#999795 }

tr.bottom { background:#ffffff}   /* url(../img/sfondobot.jpg) repeat-x 0px 100px; */
tr.sfondobot  { background:#F5F5F5 url(../img/sfondobot.jpg) repeat left top;}
tr.bottom td.city { background:#ffffff url(../img/footer_city.jpg) right bottom no-repeat; height:69px }

td.fondo { padding-top:10px; font-size:12px }
td.fondo table td { padding:0px}
td.fondo table td.middle {  padding-left:5px; line-height:20px; padding-top:20px}
td.fondo table td p { color:#666666}

td.wmargin { border-left:5px solid #FFFFFF}

td.centrale { width:970px}
td.coldestra { width:270px}
td.laterale { width:50%;  }

/*table.footer{ margin-top:20px }*/
table.footer td{ text-align:left; padding-left:20px; padding-bottom:10px }
table.footer td.footerup { text-align:left; width:180px; }

.home { background:#ffffff; }
.site { background:#ffffff; }

/*.home { background: url(../img/img_lati.jpg) 0px 40px repeat-x; }
.site { background:#ffffff url(../img/img_lati.jpg) 0px -5px repeat-x; }*/

table.principale { background:#ffffff; width:970px; }
table.principale td.tdfix { width:375px}
table.nobg {  background:#ffffff url(../img/img_lati.jpg) 0px -5px repeat-x;  }
table.nobg td.corpo  { padding-left: 5px; }

table.download td {padding:3px}
table.download td a { text-decoration:none; color:#666666; font-weight:bold}
table.download td span { color:#666666; font-size:12px; font-weight:bold}
td.bggray { background:#dedede}
div.light { display:none}
p {margin: 0; padding-left: 5px; line-height:18px; padding-right: 5px; padding-left:5px}
div.light p { color:#979796; line-height:24px; font-size:14px; padding-left:10px; padding-top:0px;}
div.light p a { color:#979796; line-height:24px; font-size:14px; text-decoration:none}
a img { border:0}

div.logo { float:left; width:200px}
div.boxlogin { float:left; width:740px; height:50px; text-align:right}
table.tablogin { width:180px; font-size:9px;}
table.tablogin td { height:16px; padding:5px  }
table.tablogin input { background:#cccccc; border:1px solid #999999; width:80px; font-size:12px }

img.divider { margin-left:10px}

div.inslide { width:960px; margin:0 auto;}

 div.inslide  p {
	color: #ffffff;
	font-size: 28px;
	background:#C3CB01;
	padding: 20px 20px;
	font-family: 'open_sanslight';
	font-weight:bold;
	color:#ffffff;
	width:370px;
	margin-top:30px;
	margin-left:20px;
}

/* Menu
-------------------------------------------------------------- */

.menu {height:30px;  float:left; margin-left:10px}

ul.mainmenu,
.mainmenu ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	/*margin-top:5px;*/
	text-align:left;

	/*margin-right:-15px;*/

}

.mainmenu li{
	/*display: table-cell;*/
	font-family: HelveticaNeueCondensedBold;
	text-align:center;
	margin:0;
	padding:0;
	display:block;
	padding: 0px 10px 10px 5px;
	padding-bottom:5px;
	list-style-type: none;
	font-size:15px;
	color:#656565;
	float:left;
	border-left:2px solid #FFFFFF;
	width:100px;
	height:27px;
	line-height:27px;
	/*width:auto;*/
	position: relative;

}

    .mainmenu li:hover, .mainmenu li.on {
        background: #979796;
		/*padding: 4px 15px 6px 15px;*/
		color:#ffffff;
    }

.mainmenu li.on {background:#979796;}

ul.mainmenu a{
text-decoration:none;
color:#656565;
	display:block;
    outline:0;
    text-decoration:none;
}

.mainmenu li:hover a, .mainmenu li.on a{
text-decoration:none;
color:#FFFfff;
	display:block;
    outline:0;
    text-decoration:none;
}


li.drop:hover
{

}
     .dropdown
     {
	 margin:0;
	 padding:0;
        position:relative;
        left:-999em; /* Hides the drop down */
        text-align:left;
        border-top:none;
        background:#979796;
		position:absolute;
		margin-top:5px;
		/*margin-top:18px;*/
		font-size:14px;
		border-left:5px solid #FFFFFF;
		padding:10px ;
		min-width:200px;	/* con immagine 300 */
		line-height:15px;
		z-index:100;

    }
	  .dropdown  table td { border:0; font-size:13px;  font-family: 'open_sanslight'; }

	 .dropdown  table span { font-weight:bold; font-size:20px}

	/* .dropdown  ul  { padding:0;  margin:0 }
	 .dropdown  ul li { border:0; margin:0; padding:0; display:block;  white-space:nowrap; border:1px solid red  } */

    .mainmenu li:hover .dropdown {
        left:-5px;top:auto;
    }





#dmain
{
width:708px;
text-align:justify;
position:relative;
overflow:hidden;
margin-top:10px;
margin-right:8px;
}
#menu
{
padding:10px;
padding-top:0px;
margin-left:2px;
width:220px
}
.menutop{
width:220px; height:30px; background-repeat:no-repeat; margin-top:10px; overflow:hidden}
.menucont{
width:220px; height:auto; background:#FFF url('img/menu_off.gif') left repeat-y; position:relative; padding-left:42px; margin-top:8px; margin-bottom:8px; overflow:hidden}
.menutit{color:#333; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:13px; }
#prodtit{width:100%; height:30px; margin-bottom:10px;}
.padd
{padding:20px; padding-left:25px; text-align:left}
.menulink{color:#333; text-decoration:none}
.link{color:#333; text-decoration:none}


div.sistemi div.menu  ul.mainmenu li{
                color:#666666;

}
div.sistemi div.menu ul.mainmenu a{
text-decoration:none;
color:#666666;
                display:block;
    outline:0;
    text-decoration:none;
}

div.sistemi div.menu  ul.mainmenu li div.dropdown a {
color:#ffffff;
}

.mainmenu li:hover a, .mainmenu li.on a, div.sistemi div.menu  ul.mainmenu li:hover a, div.sistemi div.menu  ul.mainmenu li:hover {
text-decoration:none;
color:#ffffff;
                display:block;
    outline:0;
    text-decoration:none;
}


/* Struttura
-------------------------------------------------------------- */

div.main
{
/*position:relative; width:100%; height:370px; border:1px solid red;*/
}

div.title { background:#EEEEEE; width:100%; border:0px; padding:0px; margin:0px; height:35px; margin-bottom:10px; padding-top:5px; padding-left:5px; font-family: 'HelveticaNeueCondensedBold';}

div.depliant { float:left; width:270px; height:160px; margin-top:10px; color:#FFFFFF; margin-left:10px; margin-bottom:10px }

div.depliant p { margin-top:120px }

div.depliant p a { font-weight:bold; text-decoration:none; color:#FFFFFF; padding-left:10px; }

div.titlebigold { float:right; bottom:0px; width:300px; height:60px; color:#FFFFFF; text-align:right; right:0px; margin-top:1testa10px; font-size:15px; padding-right:15px}

div.titlebig { float:right; bottom:0px; width:300px; height:60px; color:#FFFFFF; text-align:right; right:0px; top:110px; font-size:15px; padding-right:15px; position:absolute}

div.catalogo {display:none; background:#B9BE04; width:270px; border:0px; padding:0px; margin:0px; height:35px;  border-left:5px solid #B9BE04; padding-top:5px;  border-bottom:0px; margin-bottom:0px; padding-left:10px; }
div.menuresiden {background:#B6BC00; width:265px; border:0px; padding:0px; margin:0px; height:35px;  border-left:5px solid #B6BC00; padding-top:5px;  border-bottom:0px; margin-bottom:0px; padding-left:10px; }
div.menustandard {background:#B9BE04; width:265px; border:0px; padding:0px; margin:0px; height:35px;  border-left:5px solid #B9BE04; padding-top:5px;  border-bottom:0px; margin-bottom:0px; padding-left:10px; }
div.menusistemi {background:#C3CB01; width:265px; border:0px; padding:0px; margin:0px; height:35px;  border-left:5px solid #C3CB01; padding-top:5px;  border-bottom:0px; margin-bottom:0px; padding-left:10px; color:#666666 }

div.green { width:280px; border:0px; padding:0px; margin:0px; padding-left:0px; border-right:5px solid #FFFFFF;  padding-bottom:15px; margin-top:30px}
div.green p { color:#FFFFFF;  text-align:left; padding:10px; margin-left:5px}

div.menuprodotti { background:#ffffff; width:270px; border:0px; padding:0px; margin:0px; margin-left:0px; padding-left:0px; font-family: 'HelveticaNeueCondensedBold';}

div.banner { background:#B9BE04; width:325px; border:0px; padding:0px; margin:0px; height:50px; margin-bottom:10px; border-left:5px solid #B9BE04; padding-top:10px; overflow:hidden; margin-left:5px}
div.bannerlight {background:#B9BE04; width:325px; border:0px; padding:0px; margin:0px; height:50px; margin-bottom:10px; border-left:5px solid #B9BE04; padding-top:10px; overflow:hidden; margin-left:5px }
div.grey { background:#eeeeee; width:315px; border:0px; padding:0px; margin:0px;    text-align:center; padding-top:10px; margin:10px; margin-left:20px;}

div.grey img  { margin-bottom:10px}

div.banner p, div.bannerlight p { border-left:5px solid #FFFFFF; color:#FFFFFF; bottom:0px; padding:5px; line-height:20px; }

div.banner span, div.bannerlight span { font-size:17px}

div.residen {background:#B6BC00; }

.generico {background:#E5E5E5}

div.sistemi {background:#C3CB01; color:#666666  }

div.briciole { width:675px;  padding:0; }

div.corpo { float:left; position:relative; margin-right:7px; width:672px; }   /*width:672px;*/

/*div.titolocat { color:#FFFFFF; font-size:15px; height:25px; line-height:25px; margin-top:5px; margin-bottom:5px; padding-left:10px; font-weight:bold  }*/
div.titvideo { color:#FFFFFF; font-size:15px; height:25px; line-height:25px;  margin-bottom:5px; padding-left:10px; font-weight:bold  }
div.elencoprod { width:640px; margin:12px; background:#FFFFFF; padding:5px }

div.prodotto { width:300px; min-height:120px;  position:relative; float:left;  margin:10px;}
div.prodottosis { width:300px; height:100px;  position:relative; float:left;  margin:10px; border-bottom:3px solid #C3CB01 }
div.prodotto p, div.prodottosis p  {  color: #666666; line-height:16px; }
div.prodotto span, div.prodottosis span { font-weight:bold; font-size:15px}

div.testata div.titlebig { display:none}
div.testata h1.categoria { display:none}

div.agenzia { width:460px;  position:relative; float:left; padding:10px; border-bottom:3px solid #B9BE04;}
div.agenzia  p  {  color: #666666; line-height:16px; font-size:14px; padding:0}
div.agenzia span { font-weight:bold; font-size:15px}

div.documentazione { margin-top:15px}
td.documentazione h4 a { color:#B9BE04; text-decoration:none; font-weight:bold; font-size:18px; line-height:30px  }
td.documentazione h4 a:hover { color:#666666; text-decoration:none; font-weight:bold;  line-height:30px  }
div.documentazione a { color:#666;}

div.elenco_vendita { width:480px; padding:0px; float:right; background:url(../img/white60.png) repeat; margin-top:10px}
div.elenco_vendita h1 { color:#B9BE04; background:none; }
/* Links
-------------------------------------------------------------- */
a.sistemitxt { color:#F1C108}
a.sistemitxt :link { color:#F1C108}
a {outline: none; color:  #666666; text-decoration:none !important} /*rimuove il puntinato dai link sulle immagini attive */
a:link {  color:  #666666; }
a:visited { color:  #666666; }
a:hover { color:#B9BE04;  }
a:active { color:  #B9BE04; }

a.linkprod, a.linkprod:link  {  color:#666666; font-weight:bold; text-decoration:none}
a.linkprod:hover  {  color:#B9BE04;}
div.bannerlight a { color:#ffffff; text-decoration:none}

.mail { unicode-bidi:bidi-override; direction: rtl; }   	/*per rendere la mail irriconoscibile ai bot */
div.banner a { color:#FFFFFF; text-decoration:none}
.footer a { color:#333; text-decoration:none}
.footer a:hover { color:#B9BE04;}



/* Text elements
-------------------------------------------------------------- */



h1,h2,h3,h4,h5,h6 { font-weight: normal;color:#333; text-align:left;  font-family: 'HelveticaNeueCondensedBold'; text-transform:uppercase}


h1 { font-size: 20px;  color:#666666; margin-bottom:10px;  padding-left:5px;  line-height:40px; font-weight:bold; margin-top:5px; text-transform:uppercase; }
div.title h1 {  margin:0; padding:0; font-size: 18px;  color:#656565; padding-bottom:10px;  padding-left:5px;  line-height:30px; font-weight:normal; }
div.titlebigold h1.categoria  { color:#FFFFFF; font-size:25px; border:0; text-align:right; margin-top:5px }
div.titlebig h1.categoria  { color:#FFFFFF; font-size:25px; border:0; text-align:right; margin-top:5px }
div.catalogo span {  font-size:20px; font-weight:bold; color:#ffffff; padding-bottom:10px;  border-left:solid 5px #FFFFFF; padding-left:5px;  line-height:30px}
div.menusistemi span {  font-size:20px; font-weight:bold; color:#666666}

h1.titoloprod  { padding-left:0; font-size:25px; margin-left:0px; border:0; margin-top:10px; color:#B9BE04 }
div.corpo h1.titolosol  { padding-left:0; font-size:25px; margin-left:0px; border:0; margin-top:10px; color:#F1C108 }
/*div.corpo h1 { color:#B9BE04; padding-bottom:5px; padding-top:10px; font-size:20px}*/
h2 { font-size: 16px; margin-bottom: 10px; font-weight:800; color:#999 }
div.corpo h2 { font-size: 18px; margin-bottom: 10px; font-weight:800; color:#666; margin-top: 15px; }
div.sistemi div.corpo h2 { font-size: 16px; margin-bottom: 10px; font-weight:800; color:#666; border-bottom:6px solid  #C3CB01; margin-top: 15px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

.menuprodotti h3 { font-size: 16px; line-height: 1; margin-bottom: 0.5em; color:666666; font-weight:bold; text-transform:uppercase; line-height:40px; padding-left:30px; background:#C3CB01 url(../img/freccia.jpg) no-repeat right top }

h4 { font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 0.4em;  margin-top:0.1em; color:#C3CB01 }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 20px; font-weight: bold; margin:0; padding:0; color: #005b99;text-shadow: 2px 1px 4px #444; line-height:24px}


h3.titolocat, div corpo h1.titolocat { color:#FFFFFF; font-size:15px; height:25px; line-height:25px; margin-top:5px; margin-bottom:5px; padding-left:10px; font-weight:bold; background:#B6BC00;   }
h3.residen { }
h3.sistemi, h1.sistemi { background:#C3CB01; color:#666666 }
.azienda h3, .vendita h3 { background:#B9BE04; height:25px; line-height:25px; font-size:15px; color:#ffffff; font-weight:bold; margin-top:5px; margin-bottom:5px; padding-left:10px  }
.everest h3 { background:#C3CB01; height:25px; line-height:25px; font-size:15px; color:#666666; font-weight:bold; margin-top:5px; margin-bottom:5px; padding-left:10px  }
.everest p, .azienda p, .vendita p { padding:10px}

p.menumob { background:#B9BE04; height:20px; line-height:20px; font-size:15px; color:#ffffff; font-weight:bold; margin-top:5px; margin-bottom:5px; padding-left:10px; width:250px }
p.menumob a { font-size:15px; color:#ffffff; font-weight:bold;  }

strong      { font-weight: bold; }
em      { font-style: italic; }

.residentxt { color: #ffffff; }
.residentxt a { padding-left:10px}
.sistxt { color:#F1C108}
.sistemitxt { color:#F1C108}
span.info { font-size:12px; font-style:italic}
p.avanti { text-align:right; padding-top:0; padding-bottom:0}
p.avanti  a { text-decoration:none; font-weight:bold}
p.note  { font-size:11px; font-style:italic}

 .dropdown  p { color:#FFFFFF; line-height:15px; font-family: 'open_sanslight'; }
 .dropdown  p a { color:#FFFFFF; padding:0; margin:0; margin-bottom:5px;}
 .dropdown  table td p  { line-height:13px}
 .menuprodotti a, .documentazione a  { color:#333333; text-decoration:none}
 div.prodotto h4 a,  div.agenzia h4 a, .prodottosis a, .prodotto a { text-decoration:none }
 div.prodotto h4  a { color:#C3CB01}
  div.prodottosis h4 a {  color: #666666; text-decoration:none }

  div.pagination { text-align:center; padding-top:10px}
div.pagination a { color:#999999; text-decoration:none; padding:5px; font-weight:bold}
div.pagination a.page { color:#999999;}
div.pagination a.currentpage  { color:#333333; font-size:16px  }


table.tablogin td a { color:#3b3b3b; font-size:12px }

/* Elenchi
-------------------------------------------------------------- */

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: square; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

div.multimedia ul { list-style:none; margin:0; padding:0; margin-top:10px}
div.multimedia ul li { font-weight:bold; margin-top:10px; }
div.multimedia ul li ul { margin-left:5px; }
div.multimedia ul li ul li { margin:5px; }
div.multimedia ul li ul li a { color:#666666; font-weight:normal; text-decoration:none  }

div.briciole ul { list-style:none; margin:0; padding:0; }
div.briciole ul li { margin:0; padding:0 15px 0 5px; display:inline-table;  background:url(../img/briciole_freccia.jpg) no-repeat top right; height:25px; line-height:24px;}
div.briciole ul li a { color:#666666; text-decoration:none; }



/* form contatto
-------------------------------------------------------------- */

tr.highlight{background:url(../img/highlight.gif)}
.input_row,.input_row2{float:left; width:280px; height:28px;}
.input_row2{float:right}
label {float:left; width:86px; float:left;  height:18px; padding:2px}
.input {width:184px; height:18px; border:solid 1px #999; float:right}
textarea {position:relative; border:solid 1px #999; width:635px; height:160px; text-align:left; background:white; overflow:auto; margin-top:10px}
/*.input:focus, .textarea:focus {border-color:#005b99}*/
.input_send{border:none; width:102px; height:36px; background:url(../img/btn_invia.png) center center no-repeat; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:center; padding:4px; font-size:13px}
.privacy {padding:3px; color:#666; font-size:10px; text-align:justify; width:100%; height:100px; margin-top:20px; margin-bottom:20px; overflow-y:scroll;}
select { padding:2px; height:23px;  border:solid 1px #999; float:right; width:186px;}

/*form ricerca
-------------------------------------------------------------------*/
table.box_ricerca { background:url(../img/sfondo_sup.png); background-repeat:no-repeat;font-size:12px; }
select.form_vendita { width:300px}
input.pulsante { background: url(../img/btn_ricerca.png) no-repeat top center; width:100px; height:35px; color:#FFFFFF; font-weight:bold; font-size:14px; border:0; text-transform:uppercase; cursor:pointer; margin-top:5px}
div.vendita { background:url(../img/italia.png) no-repeat -30px 10px; min-height:320px;}

/* pagina brand
/* -------------------------------------------------------------- */

	dl.image_map {display:block; width:652px; height:501px; background:url(../img/casa.jpg); position:relative; margin:2px auto 2px auto;}
	a#LINK0 {left:214px; top:100px; background:transparent;}
	a#LINK0 {display:block; width:73px; height:0; padding-top:70px; overflow:hidden; position:absolute;}
	a#LINK0:hover  {background:transparent; color:black;}
	a#LINK1 {left:520px; top:172px; background:transparent;}
	a#LINK1 {display:block; width:73px; height:0; padding-top:70px; overflow:hidden; position:absolute;}
	a#LINK1:hover  {background:transparent; color:black;}
	a#LINK2 {left:81px; top:310px; background:transparent;}
	a#LINK2 {display:block; width:73px; height:0; padding-top:70px; overflow:hidden; position:absolute;}
	a#LINK2:hover  {background:transparent;  color:black;}
	a#LINK3 {left:406px; top:337px; background:transparent;}
	a#LINK3 {display:block; width:73px; height:0; padding-top:70px; overflow:hidden; position:absolute;}
	a#LINK3:hover  {background:transparent;  color:black;}


	div#example0Content { display:none; text-align:left;}
	div.popup { margin-left:30px;}
	div.popup p { font-size:12px; line-height:14px; padding:10px}

/*
/* -------------------------------------------------------------- */
pre
{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;

white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap}

hr
{
color: #000;
background-color: #000;
height: 2px;
border: none;
}
.sistemitxt { color:#F1C108}
a.sistemitxt { color:#F1C108}
.titoli span{
line-height:30px;
color:#4e4e4a;
font-weight:bold;
}

/* prodotti
-------------------------------------------------------------- */

.menuprodotti ul { margin:0; padding:0; list-style:none; margin-top:10px; width:230px; padding-left:20px}
.menuprodotti ul li { line-height:26px;  font-size:14px; margin-bottom:5px; font-weight:bold; background:#E5E5E5; text-transform:uppercase;  padding-left:10px}
.menuprodotti ul li a, .menuprodotti ul li a:link {  color:#878787; text-decoration:none;}
.menuprodotti ul li.current {  background: #C3CB01;  }
.menuprodotti ul li.current a { color:#ffffff  }
/*.menuprodotti ul li.currentsis { background:url(../img/bullet_s.png) no-repeat left top;  }*/
.menuprodotti ul li ul  { margin:0; padding:0; background:#FFF; padding-top:10px; display:none}
.menuprodotti ul li ul li { line-height:15px; margin:0; padding:0; padding-bottom:5px; background:#FFF; padding-left:10px}
.menuprodotti ul li ul li a, .menuprodotti ul li ul li a:link { color:#999999; font-size:12px; text-decoration:none; padding-left:0px}

/* utility*/

div.segnaposto { background:#FFFF99;color:#666666; font-size:16px; text-align:center; font-weight:bold}




/*Area riservata*/

.boxdoc { margin:10px; width:95%;}
.boxdoc  div { background:#E5E5E5; text-align:left; padding:10px; padding-bottom:10px}
.boxdoc  h3 { font-size:18px; margin-bottom:2px}
.boxdoc  h4 { font-size:18px; margin-bottom:15px; margin-top:15px; color:#999}
.boxdoc   ul { font-size:16px; font-weight:bold; font-family:"HelveticaNeueCondensedBold"; margin-top:5px}
.boxdoc   ul li { line-height:20px}
.boxdoc  table { margin-left:10px}




/*
Forzature per la parte sistemi: manteniamo la stessa struttura HTML e le stesse classi ma sfruttiamo la div generale di tipo "sistemi" per cambiare i colori.
In questo modo evitiamo di aggiungere la classe sistemi, ma l'unico indicatore � la div principale.
*/

/* Titolo pagina generico (anche per catalogo) */
.sistemi h1.titolocat {
	background:#C3CB01;
	color:#666666;
}

.sistemi  h1.titoloprod  {  color:#C3CB01 }

/* Box singolo prodotti della pagina con lista prodotti */
.sistemi div.prodotto {
	width:300px;
	height:130px;
	position:relative;
	float:left;
	margin:10px;

}

/* Da questo si possono togliere tutte le voci che sono gi� nel menu standard e lavorare solo per differenza. */
.sistemi div.menustandard {
	background:#C3CB01;
	width:265px;
	border:0px;
	padding:0px;
	margin:0px;
	height:35px;
	border-left:5px solid #C3CB01;
	padding-top:5px;
	border-bottom:0px;
	margin-bottom:0px;
	padding-left:10px;
	color:#666666;
}

.sistemi .green {
	background: #C3CB01;
	color: #666;
}

.sistemi .menuprodotti ul li.current {
	background: url(../img/bullet_s.png) no-repeat left top;
}

.sistemi .residentxt {
	color: #ffffff;
	background:#C3CB01;
}

.sistemi h3.titolocat, .sistemi div.corpo h1.titolocat { color:#666666;  background:#C3CB01;   }

/* tabs */

#tabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#tabs li
{
    margin: 0;
    padding: 0;
    float: left;
}

#tabs a
{
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
     float: left;
    height: 118px;
    padding: 0 46px;
    text-decoration: none;
}

#tabs a:hover
{
background: url(../img/beretta/frecciaup.png) no-repeat center bottom;
}

#tabs a:focus
{
    outline: 0;
}

#tabs #current a
{
    background: url(../img/beretta/frecciaup.png) no-repeat center bottom;
    text-shadow: none;
    color: #333;
}

#contentab
{
    background-color: #fff;
	padding:20px 5px;
}

#contentab p
{
	padding:10px;
}
#contentab h2
{
	font-size:22px
}

#contentab img
{
	margin-top:20px; margin-bottom:20px
}

/* Remove the rule below if you want the content to be "organic" */
#contentab div
{
    height: 100%;
}

.testatashort { width:100%; height:204px; background-size:cover}

a.trigger{
	position: absolute;
	background:url(../img/info_on.png) top right no-repeat;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding:85px 0px 0px 450px;
	font-weight: bold;
	z-index:2;

}
a.trigger.left {
	left: 0;
}
a.trigger.right {
	margin-top:13%;
	right: 0;
}
a.trigger:hover {
	background:url(../img/info.png)  top right no-repeat;
}
a.active.trigger {
	background:url(../img/info.png)  top right no-repeat;
	background-color:transparent;
}
.panel2 {
	margin-top:1%;
	color:#333;
	position: absolute;
	display: none;
	background: #fff;
	width: 570px;
	height: auto;
	z-index:1;
	border:1px solid #CCC;
	left:43%
}
.panel2.left {
	left: 0;
	padding: 20px 30px 20px 100px;
}
.panel2.right {
	right: 0;
	padding: 20px 20px 20px 30px;
}
.panel2 p {
	font-size:11px;
}

table.logintab  { margin-left:250px; margin-bottom:50px; margin-top:20px }

.outtrig { position:absolute;  z-index:10; right:25%; bottom:-275px; text-align:right}


.pt-node-signup table { width:100%}


.pt-node-signup input { max-width:298px; width:298px }

.pt-node-signup select { max-width:303px; width:303px !important; float:left  }

.pt-node-signup table td span { float:right; margin-right:10px }

.pt-node-signup input[type="submit"] { margin-top:20px}

/* area riservata */

.arealeft { float:left; width:940px}

.areadoc  .indietro {
text-align:left;
padding-top:5px;
float:left;
margin-top:5px
}

.areadoc  .indietro a:hover {
  background: #666666;
  text-decoration: none;
}

.areadoc .indietro a {
  color: #ffffff;
  font-size: 14px;
  background: #C3CB01;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  max-width:280px;
   margin-bottom:20px;
  font-weight:bold;
  margin-right:18px;
  margin-top:10px;
}

.areadoc .indietro a::before {
    content: "<< ";
	color:#fff;
}

.arealeft  h2 { float:left;   background: none repeat scroll 0 0 #e5e5e5;color: #666666;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 17px;
    padding-left: 5px;
    text-transform: uppercase;
width:100%	}

.areadoc div.elencoprod { float:right}

.areadoc table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
	border: 1px solid #eee;

} .areadoc tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.areadoc table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.areadoc table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.areadoc tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.areadoc table.download  tr td:last-child { text-align:right; width:20%}
.areadoc table.download  tr:nth-child(odd){ background-color:#E5E5E5; }
.areadoc table.download  tr:nth-child(even)    { background-color:#ffffff; }
.areadoc table.download  td{
	vertical-align:middle;
	border:1px solid #ffffff;
	border-width:0px 0px 0px 0px;
	text-align:left;
	padding:5px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.areadoc table.download  tr:last-child td{
	border-width:0px 0px 0px 0px;
}.areadoc table.download  tr td:last-child{
	border-width:0px 0px 0px 0px;
}.areadoc table.download  tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.areadoc table.download  tr:first-child td{

}

.areadoc table.download  tr:first-child td:first-child{
	border-width:0px 0px 0px 0px;
}
.areadoc table.download  tr:first-child td:last-child{
	border-width:0px 0px 0px 0px;
}




/* fine riservata */

@media only screen and (max-width: 1880px) {

.outtrig { right:24%; }

}

@media only screen and (max-width: 1580px) {

.outtrig { right:20%; }

}


@media only screen and (max-width: 1380px) {
.outtrig { right:15%; }
}

@media only screen and (max-width: 1280px) {
.outtrig { right:10%; }
}

@media only screen and (max-width: 1080px) {
.outtrig { right:5%; }
}



@media only screen and (max-width: 1030px) {

a.trigger{
	/*padding-left:67px !important;
	overflow:hidden;*/
}

/*.outtrig {  right:0%; } */

}