/* Generale */
html { height:100%; }
body { height:100%; font-family: Verdana; font-size: 9pt; font-weight: normal; margin-right:0px;}
#container { background: #E6E6E6; margin-left: auto; margin-right: auto; overflow:hidden;}
#piepagina { background:#304B73; position:relative; padding:5px; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px; overflow:hidden; }
#result { margin-top:0px; padding-top:0px; min-height:350px;}
ul {list-style: none;}
ul.circle { list-style:circle;}
ul.check { list-style-image:url('../images/check.png');}
ul.meno_a { list-style-image:url('../images/meno_a.png');}
ul.meno_n { list-style-image:url('../images/meno_n.png');}
ul.piu_a { list-style-image:url('../images/piu_a.png');}
ul.piu_n { list-style-image:url('../images/piu_n.png');}
div.campo {font: 12px Verdana; color:#000000; float:left; width:150px;}
ul.lista { list-style: circle; margin-left:10px; padding:0;}
ul.lista li { list-style: circle; margin:5px; padding:0px;}
ul.modulo { list-style: none; margin:0px;}
ul.modulo li { list-style: none; margin:5px;}
.bordo { border:1px solid black; overflow:hidden;}
div.pad_5 { padding:5px; }
div.pad_10 { padding:10px; }
div.pad_20 { padding:20px; }
div.pad_top_5 { padding-top:5px; }
div.pad_top_10 { padding-top:10px; }
div.pad_top_20 { padding-top:20px; }

div.bold {font: bold 11px Verdana;}
div.boldl {font: bold 11px Verdana; float:left;}
div.tnl {float:left;}
div.ombra { border:2px solid #CCCCCC; padding:5px; margin:10px; overflow:hidden; text-align:center; -webkit-border-radius:1em; border-radius: 1em; -webkit-box-shadow: 0px 0px 1px #888; box-shadow: 0px 0px 1px #88A;}
img/*.ridimensiona*/ {/*display: block;*/ max-width: 100%; height: auto !important; }

ul.meno_a li, ul.circle li, ul.meno_n li, ul.piu_n li  {padding:5px;}
td {font: 9pt Verdana;}
a.primapagina {font: 11px Verdana; text-decoration:none; color:#000000;}
a.nosottolineato {text-decoration:none;}
a.news { color: #777777; font: 10px Verdana;}
a.rosso {color:#FF0000;}
a.blu {color:#6984A2;}
a.blus {color:#496482;}
a.bluel {color:#0000FF;}
a.bianco {color:#FFFFFF;}
a.grigio {color: #777777;}
a.verde {color: #00FF00;}
a.verdes {color: #008800;}

/* Blocco superiore */
#bloccosopra { position:relative; background: transparent; margin: 3px auto 3px auto; width:950px; height:80px;}
div.banner {margin:0px; float:left; width:639px; height:88px; background: #FFFFFF;}
div.login { float: left; height: 20px; margin-right: 3px; }
div.social {position:absolute; width:100px; height:24px; top:50px; left:860px;}

/*google*/
#google_translate_element {position:absolute; top:3px; left:262px; }

/* tag cloud */
#videoconferenza {position:absolute; width: 530px; top:20px; left:450px; font: bold 40px Verdana; color:#333388; background: transparent; opacity:0.4;}
#audioconferenza {position:absolute; width: 530px; top:10px; left:500px; font: bold 25px Verdana; color:#CCCDDE; background: transparent; opacity:0.5;}
#progettazione {position:absolute; width: 530px; top:50px; left:690px; font: bold 20px Verdana; font-style:italic; color:#BBBBEE; background: transparent; opacity:0.8;}
#audiovideo {position:absolute; width: 530px; top:-20px; left:430px; font: bold 80px Verdana; color:#BBBBEE; background: transparent; opacity:0.5;}
#conference {position:absolute; width: 530px; top:50px; left:500px; font: bold 28px Verdana; font-style:italic; color:#BBBBEE; background: transparent; opacity:0.6;}
#distribuzione {position:absolute; width: 530px; top:0px; left:600px; font: bold 20px Verdana; color:#333388; background: transparent; opacity:0.4;}
#flag { position:absolute; right:10px; bottom:8px;}
#loginbox a {position:absolute; width: 80px; top:50px; left:990px; font: bold 15px Verdana; color:#888888; background: transparent;}
#loginbox img {position:absolute; width: 20px; top:50px; left:970px;}
/* contenitore menù + menù catalogo */
.nav1-container { width:100%;}
.f-nav1 {z-index:9700; position:fixed; left:0; top:0; width:100%;}
.nav2-container { width:100%; border: overflow:hidden; background: #E6E6E6;}
.f-nav2 {z-index:9800; position:fixed; left:0; top:42px; width:100%;}
.satnet { z-index:9900; position:fixed; left:20px; top:0px; width:120px; height:40px; display:none;}


/* mega menu */
.wrap {width: 960px; margin: 0 auto;}
.menu-container {padding: 0px 0 0 0; background: url(bg_blue.png) repeat-x 100% 0;}
.menu-container h4 {font-size: 14px; margin: 0 0 5px 0;}
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position:relative; padding:0; margin:0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}
.blue {font: normal 12px Verdana, sans-serif; line-height:16px;}
.blue ul.mega-menu, .blue ul.mega-menu, .blue ul.mega-menu li {margin: 0; padding: 0; border: none; margin-left:auto; margin-right:auto;}
.blue ul.mega-menu {width: 870px; height: 40px; position:relative;}
.blue ul.mega-menu li {float:left; margin:0px; padding:0px; font-size: 12px;}
.blue ul.mega-menu li a {float: left; display: block; color: #fff; padding: 12px 20px 12px 10px; text-shadow: 0px 0px 1px #000; text-decoration: none;}
.blue ul.mega-menu li a.dc-mega {position: relative;}
.blue ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 8px; width: 8px; height: 6px; background: url(arrow.png) no-repeat 0 0;}
.blue ul.mega-menu li.mega-hover a, .blue ul.mega-menu li a:hover {background-position: 100% -40px; color: #F4A742; text-shadow: none;}
.blue ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.blue ul.mega-menu li .sub-container {position: absolute; background: url(bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;}
.blue ul.mega-menu li .sub {background: url(bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}
.blue ul.mega-menu li .sub-container.mega .sub {padding: 10px 20px 10px 0;}
.blue ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.blue ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1.0em; font-weight: normal;}
.blue ul.mega-menu li .sub li.mega-hdr {margin: 0 5px 5px 0; float: left;}
.blue ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.blue ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 2px 5px 8px; margin-bottom: 5px; background: #304B73 url(bg_mega_hdr.png) no-repeat 0 0; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}
.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #304B73; background: #EFEFEE url(bg_mega_hdr.png) no-repeat 0 0; text-shadow: none; text-decoration:underline;}
.blue ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
.blue ul.mega-menu .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(arrow_on.png) no-repeat 5px 8px;}
.blue ul.mega-menu .sub ul li {padding-right: 0;}
.blue ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.blue ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.blue ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(arrow_off.png) no-repeat 7px 10px;}
.blue ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(arrow_on.png) no-repeat 7px 10px;}

/* jcarousel */
.jcarousel div { position: relative;}
.jcarousel div { background-color: rgba(0, 0, 0, 0.4); width:400px; position:absolute; bottom:0;}
.jcarousel h4 { font-size: 35px; padding: 30px 0 0 100px;}
.jcarousel p { font-size: 16px; padding: 0 0 30px 100px;}
.jcarousel h4, p {color: white; margin: 0;}
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; }
.jcarousel img { display: block; max-width: 100%; height: auto !important; }
.jcarousel-control-prev,.jcarousel-control-next { position: absolute; top: 50%; margin-top: 0px; width: 30px; height: 30px; text-align: center; background: #3E342C; color: #fff; opacity: 0.4; filter: alpha(opacity=40); text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7; }
.jcarousel-control-prev { left: 15px; }
.jcarousel-control-next { right: 15px; }
.jcarousel-pagination { position: absolute; bottom:10px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0;}
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; }
.jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7;}
.clearfix { float: none; clear: both;}

/* Blocco principale sotto l'intestazione */
#separatore {height:3px; width:100%; margin: 0px auto 0px auto; overflow:hidden; clear:both; background:#355280;}
#blocco { margin: 0px auto 0px auto; overflow:hidden;background-color: rgba(0, 0, 0, 0.1); clear:both;}

/* Prima pagina */
div.trafiletto { position: relative; float:left; width:30%; min-width:200px; margin-left:1%; margin-right:1%; margin-top:10px; text-align:center; }
div.trafilettodx { float:left; width:28%; min-width:200px; margin-left:1.5%; margin-right:0px; margin-top:10px; text-align:center; }
div.ttrafiletto { width:95.5%; padding-left:2%; padding-right:2%; padding-top:5px; padding-bottom:5px; margin-bottom:5px; text-align:center; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));}
div.elem {width:95.5%; font: 11px Verdana; background-color: white; padding:2%; margin-bottom:10px; overflow: hidden; text-align:center;}
div.elem img {display: block; max-width: 100%; height: auto !important; }

/* Contenuto */
div.centrale {position:relative; background:white; margin-top:0px; padding-top:10px; padding-left:25px; padding-right:25px; padding-bottom:25px; vertical-align:top; overflow:hidden;}
div.centrale_nobordi {position:relative; background:white; min-width:750px; margin-top:0px; padding-top:0px; padding-left:0px; padding-right:25px; padding-bottom:25px; vertical-align:top; overflow:hidden;}
div.centrale_primapagina {position:relative; background:white; min-width:750px; margin-top:0px; padding-top:0px; padding-bottom:0px; vertical-align:top; overflow:hidden;}
div.centrale_primapagina2 { margin-top:0px; padding-top:0px; padding-bottom:0px; vertical-align:top; overflow:hidden;}
div.titolopagina {margin-top:20px; margin-bottom:0px; text-align:center; font: 18px Verdana; margin-left:auto; margin-right:auto; clear:both;}
div.titolopaginagrande {text-align:center; font: bold 18px Verdana; margin-left:auto; margin-right:auto; clear:both;}
div.titolo {margin-top:5px; margin-bottom:15px; text-align:center; font: bold 16px Verdana; margin-left:auto; margin-right:auto; clear:both;}
div.barra_open {text-align:center; margin-left:auto; margin-right:auto; padding-bottom:10px; padding-top:10px; float:left;}
div.barra_close {text-align:center; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:10px; float:right;}
div.barra {clear:both; width:100%; text-align:center; margin-left:auto; margin-right:auto;}
div.paragrafo {clear:both; margin-right:auto; margin-left:auto; overflow:hidden; /*border:1px solid red;*/}
/*div.titoloparagrafo {padding:20px; text-align:center; font: bold 15px Verdana; margin-left:auto; margin-right:auto;}
div.titolo_creator { padding:20px; text-align:center; color:#00AAD4; font: bold 15px Verdana; margin-left:auto; margin-right:auto;}
div.titolo_clearone {padding:20px; text-align:center; color:#ff6600; font: bold 15px Verdana; font-style:italic; margin-left:auto; margin-right:auto;}
div.titolo_clearone-vcon {padding:20px; text-align:center; color:#000055; font: bold 15px Verdana; font-style:italic; margin-left:auto; margin-right:auto;}
div.titolo_epiphan {padding:20px; text-align:center; color:#8cbe3d; font: bold 15px Verdana; font-style:italic; margin-left:auto; margin-right:auto;}
div.titolo_VFI {padding:20px; text-align:center; color:#EE0000; font: bold 15px Verdana; margin-left:auto; margin-right:auto;}
div.titolo_matrici {padding:20px; text-align:center; color:#7777ff; font: bold 17px Verdana; margin-left:auto; margin-right:auto;}
*/
div.centrato {position:relative; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; text-align: center;}
div.centrato2 {position:relative; max-width:1000px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; text-align: center; overflow:hidden;}
span.centrato {position:relative; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; text-align: center;}
.destra {margin-left:auto; margin-right:0px; margin-top:0px; margin-bottom:0px; text-align: right;}
.sinistra { text-align:left; }
div.intero {padding-left:15px; padding-right:15px;}
div.mezzo {float:left; width:47%; min-width:400px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; text-align:center; /*border:1px dotted black;*/}
div.video {position:relative; padding-bottom:56.2%; height:0; overflow:hidden;}
div.video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
/*img.automatica {display: block; max-width: 100%; height: auto !important; }*/
div.terzo {width:31%; min-width:266px; float:left; padding:10px; margin-left:auto; margin-right:auto; text-align: center;}
div.dueterzi {width:64%; min-width:532px; float:left; padding:10px; margin-left:auto; margin-right:auto; text-align: center;}
div.trequarti {width:70%; float:left; padding:10px; margin-left:auto; margin-right:auto; text-align: center;}
div.quarto {width:23%; float:left; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto; text-align:center;}
div.duequarti {width:46%; float:left; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto; text-align:center;}
div.quarto_epiphan {width:230px; height: 1135px;float:left; padding-left:0px; padding-right:0px; background: #FFFFFF url(immagini/Epiphan/sfondo_epiphan.png) repeat bottom;margin-left:auto; margin-right:auto; text-align:center;}
div.sinistra2 {max-width:435px; float:left; padding-left:20px; margin-left:auto; margin-right:auto; text-align: center;}
div.giustificato {text-align: justify; clear:both; padding:7px;}
div.giustificato_sx {text-align: justify; padding:7px; float:left;}
div.giustificato_dx {text-align: justify; padding:7px; float:right;}
div.sx {text-align: left; clear:both; padding:7px;}
div.immagine_sx { padding:5px; float:left;}
div.immagine_dx { padding:5px; float:right;}
div.immagine_dx_bordo { padding-left: 25px; float:right;}
div.immagine_dx_sopra { padding:5px; float:right; z-index:10; position:absolute; top:0px; right:5px;}
div.immagine_sx_sopra { padding:5px; float:left; z-index:10; position:absolute; top:0px; left:5px;}
div.box_marchio {width:260px; height:130px; float:left; padding:5px; margin:10px; text-align: center; -webkit-box-shadow: 2px 0px 2px #fff, -2px 0px 2px #FFF; box-shadow: 2px 0px 2px #88A, -2px 0px 2px #88A;}
div.box_news {width:430px; height:150px; float:left; border:1px solid #CCCCCC; padding:5px; margin:10px; text-align: center; -webkit-box-shadow: 0px 0px 1px #888; box-shadow: 0px 0px 1px #88A;}
div.box_news:hover {width:430px; height:150px; float:left; border:1px solid #CCCCCC; padding:5px; margin:10px; text-align: center; -webkit-box-shadow: 2px 0px 3px #888, -2px 0px 3px #888; box-shadow: 2px 0px 3px #88A, -2px 0px 3px #88A;}
div.marchio {padding-bottom:15px; margin-left:auto; margin-right:auto; text-align: center; }
div.marchio_piccolo {float:right; padding-left:10px;}
div.catalogo_online {position: fixed; top:90px; right:105px; z-index:10;}
div.contatti {position: fixed; top:140px; right:100px; z-index:10;}
div.flag {position: fixed; top:30px; right:100px; z-index:10;}
div.element_content { min-height:95px; float:left; padding:10px; overflow-x: hidden; text-align: left; color: #FFF; background-color:rgba(0,0,0,0.5); top: -50px; position:relative;}

/* Bottoni */
.button { display: inline-block; zoom: 1; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; -webkit-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button_inattivo { display: inline-block; zoom: 1; vertical-align: baseline; margin: 0 2px; outline: none; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; -webkit-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {	text-decoration: none;}
.button:active {position: relative; top: 1px;}
.bigrounded {-webkit-border-radius: 2em; border-radius: 2em;}
.medium {font-size: 12px;padding: .4em 1.5em .42em; font-weight: bold; text-shadow: 1px 1px 1px #000;}
.small {font-size: 11px; padding: 3px;}
.blue {color: #d9eef7; border: solid 1px #0076a3;background: rgba(52, 82, 128, 0.9);}
.grigio_inattivo {color: #FFFFFF; border: solid 1px #767676;background: #858585;}
.bottonebianco {color: #FFFFFF;background: #FFFFFF;}
.blue:hover {background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top,  #0095cc,  #00678e);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.blue:active {color: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}

/* Menù slide */
.cbp-spmenu {background: #355280;position: fixed;opacity: 0.9;}
.cbp-spmenu h3 {color: #fff;font-size: 22px;padding-top:15px; padding-left:15px; margin: 0;font-weight: 500;background: #55A2e0;}
.cbp-spmenu a {display: block;color: #fff;font-size:17px; text-decoration: none; font-weight: 400; margin-left:auto; margin-right:auto; text-align:center;}
.cbp-spmenu a:hover {background: #258ecd;}
.cbp-spmenu a:active {background: #afdefa;color: #47a3da;}
.cbp-spmenu-horizontal {width: 100%;height: 120px;left: 0;z-index: 1000;overflow: hidden;}
.cbp-spmenu-horizontal h3 {height: 100%;width: 20%;float: left;}
.cbp-spmenu-horizontal a {float: left;width: 20%;padding: 0.8em;border-left: 1px solid #258ecd;}
.cbp-spmenu-bottom {bottom: -120px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}
.cbp-spmenu { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}

/* visual presenter */
#portatili {position:absolute; top:70px; left:100px; background: transparent;}
#desktop {position:absolute; top:70px; left:630px; background: transparent;}

div.catalogo {float:right; padding-left:10px;}
div.chisiamo {background: #ffffff url(immagini/satnet_box.png) no-repeat 7px 10px; background-position:center; }
div.leggi { width:150px; height:25px; border:1px solid blue; margin-left:auto; margin-right:auto; text-align: center; background: #CCCCCC;}

td.titolo {font: bold 12px Verdana; text-align: center; vertical-align: middle;}
td.marca {padding:12px; border-bottom:1px solid #CCCCCC; vertical-align:middle; }
td.immagine {padding:12px; border-bottom:1px solid #CCCCCC; vertical-align:middle; text-align: center;}
td.nome {padding:12px; font:bold 11px Verdana; border-bottom:1px solid #CCCCCC; vertical-align:middle; }
td.descr {padding:12px; font: 11px Verdana;border-bottom:1px solid #CCCCCC; vertical-align:middle; }

/* Caricamento */
.loading { position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; display: block; }

/* Fancy box - galleria di immagini */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute;	top: 0;	left: 0; z-index: 8020;}
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; border-radius: 4px;}
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;}
.fancybox-image, .fancybox-iframe {	display: block;	width: 100%; height: 100%;}
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png');}
#fancybox-loading {	position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {	width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat;}
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav {	position: absolute;	top: 0;	width: 40%;	height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;}
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}
.fancybox-prev span { left: 10px; background-position: 0 -36px;}
.fancybox-next span { right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span { visibility: visible;}
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden;}
.fancybox-overlay {	position: absolute;	top: 0;	left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png');}
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;}
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;}
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0;	right: 50%;	margin-bottom: -35px; z-index: 8050; text-align: center;}
.fancybox-title-float-wrap .child {	display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent;	background: rgba(0, 0, 0, 0.8);	-webkit-border-radius: 15px; border-radius: 15px;	text-shadow: 0 1px 2px #222; color: #FFF;font-weight: bold; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;}
.fancybox-title-inside-wrap { padding-top: 10px;}
.fancybox-title-over-wrap {	position: absolute;	bottom: 0; left: 0;	color: #fff; padding: 10px;	background: #000; background: rgba(0, 0, 0, .8);}

/* Catalogo */
div.centrale_cat {position:relative; min-height:100px; background:white; padding-left:10px; vertical-align:top; overflow:hidden;}
div.container_cat { margin:0px; overflow:hidden; }

/* carrello sopra */
#cart { z-index:300; float:right; margin-right:20px; margin-top:6px; background:transparent; padding-left:20px; border-left: 1px dotted green;}
#cart:hover { z-index:300; float:right; margin-right:20px; background:transparent;}
#cart img { float:right; padding-top:5px; padding-bottom:3px; margin-right:10px;}
#cart span { float:right; padding-top:1px; padding-bottom:3px; font-size:11px;}

/* Ricerca */
div.ricerca { float:left; height:20px; margin-left:30px; margin-top:8px; margin-bottom:8px;}
div.ricerca_lente { float:left; height:18px; position:relative; padding:0px; border-left:0px; border-right: 1px solid grey; border-bottom: 1px solid grey; border-top: 1px solid grey;}
div.ricerca_codice { float:left; height:18px; position:relative;}
.campo_ricerca {background:#FFFFFF; font: 11px Verdana, Arial, sans-serif; color:#000000; width:200px; border-right:0px; border-left: 1px solid grey; border-bottom: 1px solid grey; border-top: 1px solid grey; height:20px; }

/* area operativa nella barra */
div.operativa { margin-top:8px; margin-bottom:8px; width:500px; height:20px;}

/* Blocco principale sotto l'intestazione */
#blocco { margin: 0px; overflow:hidden; clear:both; }
div.colonna_sx { float:left; width:215px; margin:0px; }

/* Menù laterale sinistra */
.demo-container { width:215px;}
.demo-container ul { list-style:none; margin-left:0px; padding:0; }
.demo-container ul li { list-style:none; margin:0; padding:0; }
.demo-container ul li.secondo { list-style: none; margin:0; padding:0; }
.grey .accordion {font: 11px Verdana,Arial; border-top:1px solid #89A4C2;}
.grey .accordion, .grey .accordion li {margin:0; padding:0; border:none;}
.grey .accordion a {padding:5px 7px 5px 10px; background:#FFFFFF; text-decoration:none; display:block; color:#333; border-bottom:1px solid #89A4C2; border-top:1px solid #FFFFFF; position:relative;}
.grey .accordion a:hover { background: #FFFFFF; padding-bottom:4px; padding-left:31px;  border-bottom:1px solid #6984A2; }
.grey .accordion a.active {font: bold 11px Verdana,Arial; text-shadow:1px 1px 1px #89A4C2;}
.grey .accordion a.primo:hover {background:#EEEEFF; color:#000000; font: 11px Verdana,Arial; padding-bottom:5px; padding-left:11px; }
.grey .accordion a.primo.active {font:bold 11px Verdana,Arial; border-top:1px solid #FFFFFF; border-bottom:1px solid #6984A2;}
.grey .accordion a.primo.active:hover {background:#EEEEFF; color:#000000; font: bold 11px Verdana,Arial; padding-bottom:5px; padding-left:10px; border-top: 1px solid #6984A2;}
.grey .accordion a.primo_inattivo {background:#EE0000; color:#FFFFFF; font: 11px Verdana,Arial; padding-bottom:5px; padding-left:11px; }
.grey .accordion a.secondo {padding:5px 7px 5px 30px; background:#FFFFFF; text-decoration:none; display:block; color:#333; border-bottom:1px solid #89A4C2; position:relative; text-shadow:1px 1px 1px #fff;}
.grey .accordion a.secondo:hover {background:#EEEEFF;}
.grey .accordion a.secondo_u {padding:5px 7px 5px 30px; background:#FFFFFF; text-decoration:none; display:block; color:#333; border-bottom:1px solid #6984A2; position:relative; text-shadow:1px 1px 1px #fff;}
.grey .accordion a.secondo_u:hover {background:#EEEEFF;}
.grey .accordion a.terzo {padding: 5px 7px 5px 45px; background:#FFFFFF; font:11px Verdana,Arial; color:#496492; text-decoration:none; display:block; color:#333; border-bottom:1px solid #89A4C2; position:relative; text-shadow: 1px 1px 1px #fff;}
.grey .accordion a.terzo:hover { padding-left:46px;}
.grey .accordion a.terzo.active {font:bold 11px Verdana,Arial;}
.grey .accordion a.dcjq-parent {background: #FFFFFF;}
.grey .accordion a.dcjq-parent:hover { }
.grey .accordion a.dcjq-parent.active {font: bold 11px Verdana,Arial; padding:5px 7px 5px 10px; background:#FFFFFF;} //////
.grey .accordion a.dcjq-icon {position: absolute; top: 50%; left:5px; width:20px; margin-top:-17px; height:34px;}
.grey .accordion a.dcjq-parent.active .dcjq-icon {background: url(arrow_grey_down.png) no-repeat 0 center;}
.grey .accordion a.dcjq-parent.active:hover {}
.grey .accordion li.secondo a.dcjq-parent {background: #FFFFFF;}
.grey .accordion li.secondo a.dcjq-parent:hover {background: #EEEEFF; padding-left:32px;}
.grey .accordion li.secondo a.dcjq-parent.active {font:bold 11px Verdana,Arial; padding:5px 7px 5px 30px;}
.grey .accordion li.secondo a.dcjq-parent.active .dcjq-icon {background:transparent;}
.grey .accordion li.secondo_u a.dcjq-parent {background: #FFFFFF;}
.grey .accordion li.secondo_u a.dcjq-parent:hover {background: #FFFFFF; padding-left:32px;}
.grey .accordion li.secondo_u a.dcjq-parent.active {font:bold 11px Verdana,Arial; padding:10px 10px 10px 30px;}
.grey .accordion li.secondo_u a.dcjq-parent.active .dcjq-icon {background:transparent;}

/* Categoria */
div.categoria_l { position:relative; width:164px; height:150px; float:left; overflow:hidden; border: 1px solid #89A4C2; padding:2px; margin:5px; }
div.categoria_l:hover { position:relative; width:164px; height:150px; float:left; border: 1px solid #6984A2; padding:2px; margin:5px; -webkit-box-shadow: 0px 0px 5px 1px #89A4C2; box-shadow: 0px 0px 5px 1px #89A4C2; }
div.descrizione_categoria { position:static; width:auto; clear:both; overflow:hidden; font-family:Verdana; font-size: 11px; text-decoration:none; background: #FFFFFF; padding:5px;}
div.galleria_categoria { float:left; width:auto; overflow:hidden; background: #FFFFFF; padding:10px;}
div.contenitore_prodotti { margin:0px; overflow:hidden; clear:both;}
div.contenitore_prodotti_ui { margin:0px; padding:5px; overflow:hidden; background: rgba(0,0,0,0.1); clear:both;}

/* Lista prodotti novità e promozioni */
div.prodotto_p { position:relative; width:317px; height:175px; float:left; overflow:hidden; border: 1px solid #A9C4E2; padding:0px; margin:5px; }
div.prodotto_p:hover { position:relative; width:317px; height:175px; float:left; border: 1px solid #6984A2; padding:0px; margin:5px; }
div.primalinea { position:relative; height: 35px; overflow: auto; background: #BBDD99; }
div.primalinea_nome_p { font-family: Verdana; font-size: 10px; color: #000000; font-weight:bold; text-decoration:none; padding-bottom:3px; padding-left:5px; padding-top:3px;}
div.contenitore_p { width:120px; height:130px; float:right; overflow:hidden;}
div.descrizione_p { float:left; width:180px; height:133px; overflow:hidden; padding-top:10px; padding-left:5px;}
div.codice_p { float:right; margin-left:5px;  padding-right:3px; padding-left:1px; padding-bottom:1px; padding-top:1px;}
div.logo_p { padding-left:10px; padding-top:10px; }
div.immagine_p_container {height:130px; text-align:center; position:relative; /*display: table;*/}
/* div.immagine_p { vertical-align:middle; padding-top: 5px; margin:auto; display: table-cell;}*/
div.immagine_p { vertical-align:middle; padding-top: 5px; margin:auto; display: block;}
div.listino_p { position: absolute; bottom:5px; right:5px; font-family:Verdana; font-size: 10px; color: #000000; }
a.nomeprodotto_p { font-family: Verdana; font-size: 10px; color: #000000; text-decoration:none; font-weight:bold; }
span.listino_p { font-family: Verdana; font-size: 10px; color: #555555; text-decoration:none; }
span.codice_p { font-family: Verdana; font-size: 10px; color: #555555; font-weight:bold; text-decoration:none; }
span.pn_p { font-family: Verdana; font-size: 10px; color: #555555; text-decoration:none; }
p.descrizione_p { font-family: Verdana; font-size: 10px; color: #496482; text-decoration:none; }
div.pezzo_prodotto_p { float: left; border: 1px solid red; }

/* lista prodotti */
div.prodotto { position:relative; width:98%; height:90px; float:left; overflow:hidden; border-bottom: 2px solid #89A4C2; border-left: 1px solid #89A4C2; padding:0px; margin:5px; background: #FFFFFF;}
div.prodotto_inattivo { position:relative; width:98%; height:90px; float:left; overflow:hidden; border-bottom: 2px solid #89A4C2; border-left: 1px solid #89A4C2; padding:0px; margin:5px; background: #F68FEE;}
div.prodotto:hover { position:relative; width:98%; height:90px; float:left; border-bottom: 2px solid #89A4C2; border-left: 1px solid #89A4C2; padding:0px; margin:5px; opacity:0.8;}
div.novita {position:absolute; left:0px; top:0px; z-index:10;}
div.novita img { opacity: 0.4; filter: alpha(opacity=40); }
div.contenitore_p_sx { width:120px; height:90px; float:left; overflow:hidden;}
div.prodotto_nome { margin-bottom:5px; margin-top:5px; font-family: Verdana; font-size: 11px; color: black; text-decoration:none; font-weight:bold;}
div.descrizione { height:48px; font-family: Verdana; font-size: 10px; color: #333333; text-decoration:none; overflow:hidden; padding-top:5px;}
div.primalinea_codici {float:right; overflow:hidden; margin-right:4px;}
div.primalinea_codice {float:right; font-family: Verdana; font-size: 10px; color: #333333; font-weight: bold;}
div.primalinea_codice_produttore {clear:right; float:right; max-width:150; font-family: Verdana; font-size: 9px; color: #333333; text-decoration:none;}
div.contenitore_prezzi {position:absolute; right:40px; bottom:0px; width:320px; height:20px; border-top:2px solid #6984A2;}
div.listino_grey { position: absolute; bottom:5px; left: 30px; font-family:Verdana; font-size: 10px; font-style:italic; color:#555555;}
div.listino_black { position: absolute; bottom:5px; left: 30px; font-family:Verdana; font-size: 10px; font-weight: bold; color:#000000;}
div.riservato { position: absolute; bottom:5px; right: 30px; font-family:Verdana; font-size: 10px; font-weight: bold; color:#000000;}
div.carrello { position: absolute; right:5px; bottom:8px;}
div.carrello:hover { position: absolute; bottom:8px; right:5px; border:1px solid #6984A2; -webkit-border-radius: 4px; border-radius: 4px; text-align:center; -webkit-box-shadow: 0px 0px 4px #89A4C2; box-shadow: 0px 0px 4px #89A4C2;}
div.carrello:active { position: absolute; bottom:8pxpx; right:5px; background: #B9D4F2; border:1px solid #6984A2; -webkit-border-radius: 4px; border-radius: 4px; text-align:center; -webkit-box-shadow: 0px 0px 4px #89A4C2; box-shadow: 0px 0px 4px #89A4C2;}
div.pezzo_prodotto { float: left; border: 1px solid red;}

/* scheda prodotto */
div.prod_container { position:relative; overflow:hidden; border-width: 0px 0px 0px 1px; border-style:solid; border-color:#B9D4F2; background: #FFFFFF; margin:15px; }
div.prod_nome_container { width:70%; margin-left:0px; margin-right:auto;}
span.prod_nome { font-family: Verdana; font-size: 14px; color: #000000; text-decoration:none; font-weight:bold;}
div.prod_cod { position:absolute; top:5px; right:10px; text-align:right; font-family: Verdana; font-size: 12px; color: #555555; text-decoration:none;}
div.immagini_container { width:270px; float:left; text-align:center; }
div.prod_marca_logo {clear:both; margin-left:auto; margin-right:auto; margin-bottom:10px;}
div.immagine_principale { /*float:left;*/ margin-top:15px; margin-bottom:15px; margin-left:5px;}
div.immagine_container { float:left; width:70px; height:70px; border: 1px solid #89A4C2; -webkit-border-radius: 5px; border-radius: 5px; padding:2px; margin:5px;}
div.descrizione_container { float:left; text-align:left; max-width:650px; margin-top:20px; margin-bottom: 20px;}
div.prezzi {position:relative; float:right; overflow: hidden; margin-top:20px; margin-bottom:20px; padding:10px; border: 1px dotted #89A4C2;}
div.prezzo {float:left; text-align: right; margin-right:20px;}
div.prezzo img { margin:5px; }
div.allegati {position:relative; float:left; overflow: hidden; margin-top:20px; margin-bottom:20px; margin-left:10px;}
div.allegato {float:left; text-align: center; margin-right:20px;}
div.richiesta {position:relative; margin-left:auto; margin-right:auto; text-align: center; width:600px; overflow: hidden; margin-top:0px; margin-bottom:20px; padding:10px;}
div.carrello2 { position: absolute; right:5px; bottom:8px; padding:5px;}
div.carrello2:hover { position: absolute; bottom:8px; right: 5px; border:1px solid #6984A2; -webkit-border-radius: 4px; border-radius: 4px; text-align:center; -webkit-box-shadow: 0px 0px 4px #89A4C2; box-shadow: 0px 0px 4px #89A4C2;}
div.carrello2:active { position: absolute; bottom:8px; right: 5px; background: #B9D4F2; border:1px solid #6984A2; -webkit-border-radius: 4px; border-radius: 4px; text-align:center; -webkit-box-shadow: 0px 0px 4px #89A4C2; box-shadow: 0px 0px 4px #89A4C2;}

/* Carrello */
div.contenitore_prodotti_carrello { width:100%; margin-top:0px; margin-left:15px; overflow:hidden; font-size:11px;}
div.intestazione_carrello { width:100%; overflow:hidden; margin-left:15px; margin-bottom:10px; background: #FFFFFF; padding:2px;}
div.totale_carrello { clear:both; width:98%; overflow:hidden; border: 1px dotted #89A4C2; padding-right:2px; padding-top:5px; padding-bottom:5px; margin:3px; background:#B9D4F2;}
div.totale_carrello span { font-weight: bold; } 
div.prodotto_carrello { clear:both; width:98%; float:left; overflow:hidden; border: 1px dotted #89A4C2; padding:2px; margin:3px; background:#B9D4F2;}
div.carrello_freccia { float:left; width:20px;}
div.carrello_codice { float:left; width:60px;}
div.carrello_codice_fornitore { float:left; width:95px;}
div.carrello_marca { float:left; width:100px;}
div.carrello_nome { float:left; width:40%;}
div.carrello_quantita { float:left; width:40px;}
div.carrello_listino { float:left; width:80px;}
div.carrello_riservato { float:left; width:80px;}
div.carrello_operazioni { float:right;}
div.carrello_operazioni img { margin-right:4px;}
div.carrello_totale { float: left; width:100px;}
a.descrizione { font-family: Verdana; font-size: 10px; color: #333333; text-decoration:none;}
div.spese_carrello { clear:both; width:98%; float:left; overflow:hidden; border: 1px dotted #89A4C2; padding-right:2px; padding-top:7px; margin:3px; background: #FFFFFF;}
input.carrello {font-size:10.5px; text-align:right;}
div.prodotto_carrello span {font-weight: bold;}

/* Messaggi */
div.box {display:block; background: rgba(0, 0, 0, 0.1); width:450px; padding:20px; text-align:center; margin-left:auto; margin-right:auto; border:1px solid grey;}