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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1;
    min-width: 1000px;
    font-family: "Arial", sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h6{
	cursor: default;
}


/*reset ends*/

/* fonts first */


.bold{
    font-weight: bold;
}

/* fonts ends */

.base_responsive {
	float: left;
	overflow: hidden;
	display: block;
	width: 100%;
        box-sizing: border-box;
}

.box_pic{
    width: 100%;
    height: 153px;
    padding: 4px;
    background-color: #fff;
    margin: 0 0px 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;    
}

.link_notifiche{
    color: #FFF;
    text-decoration: none;
}

#wrapper-head-top {
	background: url("../images/wrapper-header.png") repeat-x;
	height: 66px;	
}

#head-top {
	margin: 0 auto;
	width: 960px;	
	height: 66px;	
        position: relative;
}

#wrapper-head-bottom {
	height: 417px;	
	/*background: url("../images/fancy-over-shadow.png") no-repeat left 6px; */
	background-color: #a5e3f3;
}

#top-header-shadow{
	background: url("../images/head-top-shadow.png") repeat-x scroll 0 0 transparent;
    height: 17px;
    position: absolute;
    top: 66px;
    width: 100%;
    z-index: 999999;
}

#head-bottom {
	margin: 0 auto;
	background: url("../images/head-bottom.png") no-repeat top center;
	height: 417px;	
	text-align:center;
}

#head-bottom img {
	margin-top: 75px;	
}

#wrapper-main-top{
	background: url("../images/wrapper-main-middle-shadow.png") repeat-x;
	height:500px;
	background-color: #f0f0f0;
}

#wrapper-main-middle-top-separator{
	/*background: url("../images/middle-top-separator.png") repeat-x;*/
	height:15px;
}

#wrapper-main-middle{
	background-color: #e4e4e4;
	min-height: 355px;
}

#wrapper-main-middle-bottom-separator{
	/*background: url("../images/middle-bottom-separator.png") repeat-x;*/
	height:9px;
}

#wrapper-main-bottom{
	background-color: #f0f0f0;
	height:305px;
}

#wrapper-footer{
	background: url(../images/footer-bg.png);
	height: 336px;
}

/* wrappers end */

/*form login start*/

#flogin, #fcliente,#ffax,#fcercaclienti,#fcercacontatti,#fofferta,#fetichette div{
    font-family: 'Arial';
    color: gray;
}

#delete-fax, #delete-cliente, #delete-offerta , #delete-etichette span{
    font-family: 'Arial';
    color: red;    
}

#flogin #entra{
    border: 1px solid #006;
    background: #ccf;
    width: 90px;
}
#flogin #entra:hover{
    border: 1px solid #006;
    background: #0091D5;
    color: whitesmoke;
    cursor: pointer;
}

#wrapper-login {
    width: 100%;height: 200px; margin: 0 auto; background-color: white;  border: 1px solid lightgray;
}

#wrapper-login-son {
    width: 350px;height: auto; margin: auto; position: relative; overflow: hidden;
}

.login-row{
    width: 300px;height: 40px; margin: 0 auto; position: relative;float: left;
}

.login-cell{
    width: 150px;height: 40px; margin: 0 auto; position: relative;float: left;
}

.fax-label, .cliente-label, .offerta-label, .etichette-label, .contatto-label{
    width: 110px;height: 40px; margin: 0 auto; padding: 2px; position: relative;float: left;
}

.contatto-label{
    width: 110px;
}

.fax-cell,.cliente-cell,.offerta-cell, .etichette-cell, .contatto-cell{
    width: 150px;height: 40px; margin-right: 60px; padding: 2px; position: relative;float: left;
}

.contatto-cell{
    color: #000;
    width: 150px;
}

.cliente-separate, .etichette-separate{
    width: 514px;height: 40px; margin-right: 60px; padding: 2px; position: relative;float: left;
}

.inputfax-medium,.inputcliente-medium,.inputofferta-medium , .inputetichette-medium{
    width: 180px;
}
.inputfax-long,.inputcliente-long,.inputofferta-long, .inputetichette-long{
    width: 514px;
    padding: 2px;
}

/*form login end*/

#head-top-logo {
	padding-top: 15px;
	float:left;
}

#head-top-nav{
	float: right;
	border-left:1px solid #42b1d8;
	border-right:1px solid #2a8eb0;        
}

#mainmenu{
    color: #FFF;
    height: 58px;
    padding-top: 8px;
}

#vertical-menu {
    position: absolute;
    right: 0;
    margin-top: 66px;
    z-index: 100;
    display: none;
    border-bottom: 1px solid #2a8eb0;
}

#vertical-menu ul{
    width: 300px;
}

#head-top-nav li,#vertical-menu li{
	text-align:center;
	border-right:1px solid #42b1d8;
	border-left:1px solid #2a8eb0;
	float:left;
}


#vertical-menu li{
    background-color: #F0F0F0;
    border-bottom: 1px solid #ccc;
}

#head-top-nav li a,#vertical-menu a li{
	text-decoration: none;
	font-family: "Verdana";
	color: white;
	font-size: 15px;
	text-shadow: 1px 1px 0px #3e3e3e;
	height: 30px;
        padding-top: 20px;
	display:inline-block;
	min-width:115px;
}

#vertical-menu  a li{
    color: #888;
    text-shadow: none;
}

#head-top-nav li.active, #vertical-menu li.active{
	background: url("../images/main-nav-active-bg.png") repeat-x;
}

#head-top-nav ul li:hover, #vertical-menu ul li:hover, #notifiche:hover{
	background: url("../images/main-nav-active-bg.png") repeat-x;
        color: #FFF;
        cursor: pointer;
}

#vertical-menu ul a li:hover{
    color: #FFF;
}

#head-top-search{
	float:right;
	padding: 11px 0 0 10px;
}

#head-top-search input[type=text]{
	background: url("../images/top-search-bg.png") no-repeat -4px 0px;
	border: medium none;
    color: #29BDF1;
    font-family: "Arial";
    height: 44px;
    padding: 0px 10px 0 37px;
    width: 140px;
	outline: none;
}

#head-top-search input[type=text]:focus{
	background: url("../images/top-search-bg.png") no-repeat -4px -48px;
}

#download{
	background: url("../images/download-custom-shadow.jpg") no-repeat scroll center center transparent;
    height: 13px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#big-download{
	background: url("../images/download-now-big-btn.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 109px;
    position: relative;
    top: -50px;
    width: 428px;
}

#big-download:hover{
	background: url("../images/download-now-big-btn.png") no-repeat scroll 0 -113px transparent;
}

#main-top{
	width:960px;
	margin:0 auto;
	margin-top:62px;
	position:relative;
}

#main-top-left{
	width: 612px;
	float:left;
	padding:28px 0 0 18px;
}

#main-top-right{
	background: url("../images/php-hero.png") no-repeat scroll 0 -384px transparent;
    float: left;
    height: 410px;
    margin-top: 0;
    width: 300px;
}

#php-hero{
	background: url("../images/php-hero.png") no-repeat scroll 1px 15px transparent;
	float: left;
    height: 410px;
    width: 300px;
	background-color: #f0f0f0;
	
	-webkit-transition: opacity 0.5s;
   -moz-transition: opacity 0.5s;
}

#php-hero:hover{
	opacity: 0;
	cursor:pointer;
}

#main-top h1{
	font-family: "Arial";
	font-size: 36px;
	color: #24b9ff;
	text-shadow: 1px 2px 0 #fafafa;
	margin-bottom: 48px;
}

#box-left {
	width: 270px;
	float: left;
	margin-right: 25px;
}

#box-right {
	width: 270px;
	float: left;
}

.box {
	margin-bottom: 20px;
	height: 75px;
}

.box img {
	float: left;
	padding-left: 3px;	
}

.box h3 {
	float: left;
	font-size: 24px;
	color: #4ac31b;	
	padding: 5px 20px;
	font-family: "Arial"
}

.box p {
	clear: both;
	color: #636363;
	font-size: 15px;
	padding-top: 10px;
	font-family: Arial;
}

#main-middle{
	width:960px;
	margin: 0 auto;
	padding-top:28px;
	overflow: hidden;
}

.content-tabs{
	margin-bottom:18px;
}

#main-middle-left{
	width: 612px;
	float:left;
	padding:0 0 0 18px;
}

#main-middle-left .news-nav{
	height:60px;
	border-bottom: 1px solid #eaeaea;
	margin:20px 0px;
	width: 95%;
}

#main-middle-left .news-nav li{
	text-align: center;
}

#main-middle-left .news-nav li a{
	float:left; 
	text-decoration:none;
	font-size:22px;
	color: #adadad;
	font-family: "Arial";
	padding:8px 21px;
	height:32px;
	margin-right:6px;
}

#main-middle-left .news-nav li.active a{
	color: white;
	font-family: "Arial"
}

#main-middle-left .news-nav li a#news{
	background: url("../images/clouds-sprite.png") no-repeat scroll 0 -50px transparent;
	width:58px;
}

#main-middle-left .news-nav li a#get_started{
	background: url("../images/clouds-sprite.png") no-repeat scroll -109px -50px transparent;
	width:121px;
}

#main-middle-left .news-nav li a#get_involved{
	background: url("../images/clouds-sprite.png") no-repeat scroll -279px -50px transparent;
	width:136px;
}

#main-middle-left .news-nav li.active a#news, #main-middle-left .news-nav li a#news:hover{
	background-position: 0 0;
	color: white;
	font-family: "Arial"
}

#main-middle-left .news-nav li.active a#get_started, #main-middle-left .news-nav li a#get_started:hover{
	background-position: -109px 0;
	color: white;
	font-family: "Arial"
}

#main-middle-left .news-nav li.active a#get_involved, #main-middle-left .news-nav li a#get_involved:hover{
	background-position: -279px 0;
	color: white;
	font-family: "Arial"
}

#main-middle-left h4 a{
	font-size: 24px;
	font-family: "Arial";
	color: #707070;
	line-height: 50px;
	text-decoration:none;
}

#main-middle-left h4 a:hover{
	color: #24B9FF;
}

#main-middle-left h4 span{
	font-family: "Arial";
}

#main-middle-right{
	float:right;
	width: 285px;
}

#main-middle-right h5{
	background: url("../images/upcoming-events-bg.png") no-repeat;
	width: 220px;
	height: 33px;
	font-family: "Arial";
	font-size:24px;
	color: white;
	padding: 7px 0 0 20px;
	margin:20px 0;
	cursor: default;
}

.events-container{
	height:185px;
	overflow:auto;
	width:250px;
}

#main-middle-right ul{
	width: 215px;
	margin-left:10px;
	border-bottom:1px dashed #cacaca;
	margin-bottom:5px;
}

#main-middle-right ul li{
	border-top:1px dashed #cacaca;
	padding:10px 0px;
}

#main-middle-right ul li span{
	font-size:20px;
	color: #82ce31;
	font-family: "Arial";
}

#main-middle-right ul.cities{
	margin:0;
	border:none;
}

#main-middle-right ul.cities li{
	border:none;
	color: #47c3ee;
	padding: 4px 0px;
	font-family: "Arial";
}

#main-middle-right ul.cities li span{
	color: #555555;
	font-size: 16px;
	font-family: 'Arial';
}

a.more{
	font-size:16px;
	color: #7e7e7e;
	margin:10px;
	font-family: 'Arial';
}

#main-bottom {
	width: 960px;
	margin:0 auto;
	padding-top:30px;
	padding-left: 40px;
	height: 270px;
}

#main-bottom h2 {
	font-family: "Arial";
	font-size: 36px;
	color: #6eb322;
	text-shadow: 1px 2px 0 #fafafa;
}

.clients {
	margin-top: 30px;
	width: 910px;	
}

.clients ul {
	margin-top: 30px;	
}

.clients li {
	float:left;
	margin-right: 20px;
	width: 162px;
	height: 75px;
}

.clients img{
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    opacity:0.4;
}

.clients img:hover{
	filter: none;
    -webkit-filter: grayscale(0);
     -webkit-animation: opac 1s forwards;
     -moz-animation:    opac 1s forwards;
     -ms-animation:     opac 1s forwards;
     -o-animation:      opac 1s forwards;
}

@-webkit-keyframes opac {
	0%   { opacity:0.4; }
	100% { opacity: 1; }
}
@-moz-keyframes opac {
	0%   { opacity:0.4; }
	100% { opacity: 1; }
}
@-ms-keyframes opac {
	0%   { opacity:0.4; }
	100% { opacity: 1; }
}
@-o-keyframes opac {
	0%   { opacity:0.4; }
	100% { opacity: 1; }
}

#footer {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;	
}

#group-links {
	padding-top: 25px;
	/*padding-left: 25px;*/
	width: 938px;
	overflow: hidden;
}

.links {
	float: left;
	margin-right: 66px;	
	margin-bottom: 15px;
}

.links h4 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 15px;	
	font-family: 'Arial';
	/*background: url('../images/footer-separator.png') no-repeat right top;*/
	width:128px;
}

.links li {
	padding-bottom: 15px;
}

.links a {
	text-decoration: none;	
	font-size: 14px;	
	font-family: 'Arial';
	color: #b4ff3f;
}

.links-right {
        text-align: right;
	float: right;
	margin-right: 18px;	
	margin-bottom: 15px;
}

.links-right h4 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 15px;	
	font-family: 'Arial';
	/*background: url('../images/footer-separator.png') no-repeat right top;*/
	width:128px;
}

.links-right li {
	padding-bottom: 15px;
}

.links-right a {
	text-decoration: none;	
	font-size: 14px;	
	font-family: 'Arial';
	color: #6ac00e;
        font-weight: bold;
}

#contact-menu {
	float:right; 
	margin-right: 10px;
	width: 100px;
	text-align:center;
}

#contact-menu h4 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 25px;
	font-family: 'Arial';
}

#contact-menu ul li{
	text-align:center;
}

#contact-menu ul li a{
	font-size:16px;
	color: #55d1ff;
	font-family: 'Arial';
	text-decoration:none;
	padding-top:5px;
	background-color: #282827;
	margin-bottom:8px;
	width:94px;
	display:inline-block;
	height:21px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#contact-menu ul li a:hover{
	color: #ffffff;
	background-color: #55d1ff;
}

#footer-copyright {
	clear: both;
	/*background: url('../images/copyright.png') no-repeat;*/
	width:943px;
	height: 41px;
	color: #ffffff;
	text-align: center;
}

#footer-copyright p {
	padding-top: 13px;
	display: inline-block;	
	font-family: 'Arial';
	font-style:italic;
	font-size:15px;
	color: #888888;
}

.link-hightlight, .links ul li.link-highlight a{
	color:#48ccf9;
}

#footer-copyright a {
	float: right;
	margin-top: 13px;	
	margin-right: 20px;
}

#massive-devider{
	border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DFD7D7;
    height: 775px;
    left: 615px;
    position: absolute;
    top: 40px;
    width: 0;
}

/****** DOWNLOAD PAGE ******/
#main-content-wrapper{
	background-color: #F0F0F0;
}

#site-content{
	width: 960px;
	margin:0 auto;
        overflow: hidden;
	padding:25px 0 20px 0;
}

.topnav-container{
	width:962px;
	height:111px;
	margin-bottom:20px;
	padding-left:20px;
}

.topnav-container fieldset{
	float:left;
	padding:23px 0;
}

.topnav-container label{
	font-size: 18px;
	font-family: 'Arial';
	color: #787878;
	margin-bottom:4px;
	float:left;
	position:relative;
	left:2px;
}

.topnav-item label{
	color: #3297ba;
}

.topnav-item {
	width:478px;
	float:left;
}

.overview{
	width: 170px;
	float:left;
	min-height:100px;
	margin-right:16px;
}

.overview ul li{
	font-size: 19px;
	font-family: 'Arial';
	background: url("../images/list-arrow.png") no-repeat scroll 190px 10px transparent;
}

.overview ul li.opened{
	background: url("../images/list-arrow-down.png") no-repeat scroll 190px 10px transparent;
}

.overview ul li a{
	text-decoration: none;
	color: #686868;
	line-height:40px;
	background: url('../images/download-list-bg.png') no-repeat bottom left;
	width:100%;
	display:block;
}

.overview ul li.active a{
	color: #24b9ff;
}

.overview ul li.active li a{
	color: #686868;
}

.overview ul li ul li{
	background:none;
}

.overview ul li ul li a{
	padding-left:30px;
}

.overview ul li ul{
	display:none;
}

.overview h1 {
	color: #24b9ff;
	font-size: 23px;
	font-family: 'Arial';
    margin-top: 1em;
    margin-bottom: 0.25em;
}

.main-content{
	float:left;
	background-color: #ffffff;
/*	min-height:auto;*/
        height: auto;
	border-radius:6px;
	box-shadow:0 0 7px #dadada;
        box-sizing: border-box;
	padding:24px;
        font-family: 'Arial';
}

.main-content.single {
	width:100%;
}

.main-content.two {
	width:725px;
}

.main-content h1{
	color:#24b9ff;
	font-size:42px;
	font-family: 'Arial';
	margin-bottom:8px;
}

.main-content h2{
	color:#6ac00e;
	font-size:22px;
	font-family: 'Arial';
	margin-bottom:20px;	
}

.main-content h3{
	color: #24b9ff;
	font-size: 20px;
	font-family: 'Arial';
	margin: 8px 0;
}

.main-content h4{
	color: #24b9ff;
	font-size: 18px;
	font-family: 'Arial';
	margin: 8px 0;
}

.main-content p, .main-content dl, .main-content ul, .main-content ol, .main-content td {
	color:#4f4e4e;
	font-size: 12px;
	font-family: 'Arial';
	padding:5px 0px 5px 5px;
	line-height:15px;
}

.main-content blockquote {
    font-family: 'Arial';
    font-size: 18px;
    margin-left: 1em;
    margin-right: 1em;
}

.main-content a{
	color: #0091d5;
	text-decoration:none;
}

.main-content p a:hover{
	text-decoration:underline;
}

.clear{
	clear:both;
	width:100%;
}

.styled-select{
	background: url(../images/custom-select-arrow.png) no-repeat right top;
	background-color: #fcfcfc;
	overflow: hidden;
	height:28px;
	border:1px solid #dadada;
	box-shadow: 0 0 4px #e2e2e2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin-right:6px;
	float:left;
}

.styled-select select{
	text-align:left;
	border:none;
	cursor:pointer;
	width:120%;
	background: transparent;
	font-family: 'Arial';
	color: #15a9dc;
	font-size:inherit;
	outline: none;
	-webkit-appearance: none;
	padding:0;
	margin:0;
	line-height: 22px;	
}
.styled-select select option{
	padding:4px;
	font-size:16px;
	padding-left:6px;
}

.styled-select.large{
	font-size:22px;
	width:105px;
	height:28px;
	padding: 1px 0 3px 0;
}

.styled-select.large select{
	height:32px;
	padding-left:7px;
	padding-top:1px;
}

.styled-select.medium{
	font-size:18px;
	width:130px;
	padding: 4px 0 0px 0;
}

.styled-select.medium select{
	padding-left:7px;
	height:27px;
	padding-top:2px;
}

.download-search-container input[type=text]{
	border:1px solid #dadada;
	box-shadow: 0 0 4px #e2e2e2;
	height:28px;
	padding:3px 8px 1px 8px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin-right:6px;
	width:125px;
	color: #1a7292;
	font-family: 'Arial';
	font-size:18px;
	outline: none;
}

#go-btn{
	background: url(../images/go-btn.png) no-repeat center top;
	width: 75px;
	height: 38px;
	float:right;
	margin-top:21px;
	margin-left:4px;
}

.error-404 {
    width: 500px;
    height: 617px;
    padding-left: 450px;

    background: url(../images/mwop-404.png) no-repeat;
}

.error-404-speech-bubble {
    position: relative;
    display: inline-block;
    padding: 15px;
    margin-top: 150px;

    border: 3px solid #000000;
    border-radius: 7px;
}

.error-404-speech-bubble:before {
    position: absolute;
    content: '';

    left: -69px;
    top: 50px;

    width: 69px;
    height: 40px;

    background: url(../images/speech-bubble-arrow.png) no-repeat;
}

div.element {
	font-family: 'Arial';
    width: inherit;
    margin-top: 1em;
}

div.element label input, div.element label textarea {
    float: right;
    width: 75%;
}

#recaptcha_widget_div {
    width: 75%;
    float: right;
}

.button {
    float: right;
	font-family: 'Arial';
    font-size: 1.5em;
    border: 3px solid #24b9ff;
    border-top-color: #24b9ff;
    border-left-color: #24b9ff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

.button:hover {
    border-color: #F00 #C30 #C30 #F00;
}

dt {
    font-weight: bold;
    margin-top: 0.5em;
    margin-left: 1em;
    padding: 0;
}

dd {
    margin-left: 2em;
    padding: 0.5em;
}

.downloads h2 {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.downloads h4 {
    font-size: 1.125em;
    font-weight: bold;
    color: #24b9ff;
}

.downloads span.button {
    background-color: #88ce4a;
    -moz-border-radius: 15px;
    -webkit-border-radius: 20px;
    border: 1px solid #FFF;
    padding: 7px 0 0 20px;
    width: 220px;
    height: 33px;
	font-family: "Arial";
	font-size:24px;
	color: white;
	margin: 1em;
	cursor: default;
    float: left;
}

.downloads span.button a {
	color: white;
    text-decoration: none;
}

.downloads span.button:hover {
    border: 2px solid #24b9ff;
}

.downloads .buttons {
    text-align: center;
}

.downloads tr {
    border-top: 1px solid #24b9ff;
}

.downloads td {
    text-align: left;
    vertical-align: top;
}

.downloads td.alpha {
    width: 100px;
    text-align: center;
}

.downloads td.omega {
    width: 150px;
    text-align: right;
}

.downloads td.alpha.product {
    width: 150px;
    text-align: left;
}

.downloads td.alpha.archives {
    width: 200px;
    text-align: left;
}

.downloads td.alpha.archives strong {
    font-weight: bolder;
}

.downloads div.example {
    background-color: #e4e4e4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 20px;
    border: 1px solid #FFF;
    padding: 7px 0 7px 20px;
	font-family: "Arial";
}

.downloads div.columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.downloads div.columns li {
    font-size: 0.8em;
}

.main-content .note {
    background-color: #e4e4e4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 20px;
    border: 1px solid #FFF;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
	font-family: "Arial";
}

.tablerigheofferta h2 {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.tablerigheofferta table {
    margin-top: 1em;
    margin-bottom: 1em;
}

.tablerigheofferta td, .tablerigheofferta th {
	font-family: "Arial";
}

.tablerigheofferta tr {
    /*border-bottom: 1px solid lightgray;*/
    padding: 5px;
    margin-bottom: 5px;
}

.tablerigheofferta th {
    font-weight: bold;
    text-align: left;
    width: 125px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle;
    height: 22px;
    background-color: lightgray;
    padding: 3px;
}

.tablerigheofferta td {
    text-align: left;
}

.tablerigheofferta th.alpha {
    width: 250px;
    text-align: left;
}

.tablerigheofferta td.alpha {
    text-align: left;
}


#table-cercafax td,#table-cercaclienti td,#table-cercaofferte td,#table-cercacontatti td{
    width: 100px;
    padding-left: 20px;
    font-weight: bold;
}

.contact h2 {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.contact table {
    margin-top: 1em;
    margin-bottom: 1em;
}

.contact td, .contact th {
	font-family: "Arial";
}

.contact tr {
    border-bottom: 1px solid lightgray;
    padding: 5px;
    margin-bottom: 5px;
}

.contact th {
    font-weight: bold;
    text-align: left;
    width: 125px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle;
    height: 22px;
    background-color: lightgray;
    padding: 3px;
    color: #000000;
}

.contact td {
    text-align: left;
    vertical-align: middle;
    line-height: 24px;
}

.contact th.alpha {
    width: 250px;
    text-align: left;
}

.contact td.alpha {
    text-align: left;
}


.downloads ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin-left: 1em;
    padding-left: 1em;
    text-indent: -1em;
}

.downloads li {
    padding-bottom: 0.5em;
}

.selectversion{
    margin-bottom: 15px;
    text-align: center;
    font-family: 'Arial';
}

.security ul, .participate ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 1em;
    padding-left: 1em;
    text-indent: -1em;
}

.security li {
    padding-bottom: 0.5em;
}

.changelog ul, .participate ol, .learn ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 1em;
    padding-left: 1em;
    text-indent: -1em;
}

.changelog li {
    padding-bottom: 1em;
}

.participate ul {
    list-style-type: square;
}

.learn li {
    padding-bottom: 0.5em;
}

.learn a {
    color: #0091d5;
}

.participate ol {
    list-style-type: decimal;
}

.participate li {
    padding-bottom: 1em;
}

.contact dt {
    font-weight: bold;
}

.contact dd {
    margin: 1em;
    text-indent: 1em;
}

.about code {
    font-family: Courier, 'New Courier', monospace;
    display: block;
    white-space: pre;
    font-size: 10pt;
}

.learn h2 {
    font-size: 24px;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.learn h3 {
    font-size: 22px;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.manual div.highlight, .manual div.highlight-txt {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #24b9ff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5em;
}

.manual div.highlight pre, .manual div.highlight-txt pre {
    font-family: Courier, 'New Courier', monospace;
    border: none;
}

.manual div.related {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px solid #24b9ff;
    border-bottom: 1px solid #24b9ff;
}

.search form input[type=search]{
    -moz-border-radius: 15px;
    -webkit-border-radius: 20px;
	border: 1px solid #0c6088;
    color: #FFF;
    font-family: "Arial";
    font-weight: bold;
    height: 44px;
    padding: 0px 10px 0 10px;
    width: 50%;

   /* fallback/image non-cover color */
   background-color: #1c7493; 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c7493), to(#1b7392));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #1c7493, #1b7392); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #1c7493, #1b7392);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #1c7493, #1b7392);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #1c7493, #1b7392);
}

.search h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.paginationControl {
	font-family: 'Arial';
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #0c6088;
    text-align: center;
}

.paginationControl .current {
    font-weight: bold;
}

.section_home{
    width: 300px;
    border: 1px solid lightgray;
    background-color: #F0F0F0;
    height: 150px;
    position: relative;
    float: left;
    margin: 20px 60px 20px 70px;
     border-radius: 5px; 
      -moz-border-radius: 5px; /* firefox */
      -webkit-border-radius: 5px; /* safari, chrome */    
       
}


.button-new {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
        cursor: pointer;
        margin-left: 5px;
}

.button-new:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.button-new:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.input-indirizzi{
    background-color: #F0F0F0;border: none; text-align: center;
}

table.contact tr:hover {
    background-color: #E0E0FF; 
}

/*table.tablerigheofferta tr:hover {
    background-color: #E0E0FF; 
}*/

.input-riga-offerta{
    border: none;
    font-size: 11px;
	font-family: inherit;
}

#sortable-list        { padding:0; }
li.sortme { padding:4px 8px; cursor:move; list-style:none; width:720px; border-bottom: 1px solid lightgray; }
li.sortme:hover{background-color: #E0E0FF;}

li.sortme-new            { padding:4px 8px; list-style:none; width:720px; border-bottom: 1px solid lightgray; }
li.sortme-new:hover{background-color: #E0E0FF;}

.addetichetta, td.ceraBox{
    cursor: default;
}

.addetichetta:hover, td.ceraBox:hover{
    cursor: pointer;
}


.box-row-contatto-title{
    margin-top: 20px;
    float: left;
    position: relative;
    width: 100%;
}

.box-row-contatto50{
    position: relative; float: left; width: 50%;
}

.box-row-contatto100{
    position: relative; float: left; width: 100%;
}

.messages_box{
 	width: 93%;
	outline: 3px solid #eeeeee;
	padding: 7px 30px;
	margin: 10px auto;
        float: left;
	font-weight: bold;
	text-align: center;
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

.error{
	color: #880000;
	border: 1px solid #CC9999;
	background-color: #DFC3C3;            
}

.info{
	color: #0033CC;
	border: 1px solid #6699ff;
	background-color: #B3C3FF;    
}

.bell_reminder{
    width: 24px; height: 24px;
}


#box_reminders{
    width: 300px;
    height: auto;
    font-size: 13px;
    position: absolute;
    right: 0;
    background-color: transparent;
    top: 70px;
    text-align: left;
    z-index: 100;
    display: none;
}

#notifiche{
    padding-top: 18px;
    height: 48px;
    width: 70px;
    border: none;
    float: right;
    cursor: pointer;
    text-align: center;
    display: none;
}

#notifiche img{
    width: 36px;
}

.reminder{
    width: 100%;
    padding: 10px 10px;
    background-color: #1bbc9b;
    margin-bottom: 2px;    
    color: #FFF;
    height: 60px;
}

.reminder_text{
    width: 85%;
    height: auto;
}

#badge{
    color: #FFF;
    font-size: 12px;
    position: absolute;
    padding-top: 7px;
    margin-left: 9px;
    margin-top: -7px;
    height: 16px;
    width: 24px;
    border-radius: 50%;
    background-color: #FF0000;
    text-align: center;
    display: none;
}

.close_reminder{
    background-image: url("../images/close_small.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 31px;
    width: 15%;
    height: 24px;
    float: right;
    cursor: pointer;
}

#loader{
    position: fixed;
    width: 100%;
    display: none;
    height: 100%;
    background-color: #000;
    z-index: 100;
    opacity: 0.5;
}

#loader_text{
    position: relative;
    margin: 20% auto;
    text-align: center;
    float: none;
    color: #FFF;
    overflow: hidden;
    font-size: 40px;
}

.img_articoli_eti{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -26px;
}

.box_etichette{
    padding: 10px 5px 10px 13px;    
    background-color: #f2f2f2;    
    margin: 10px 0;
    border: 1px solid rgb(91, 155, 209);
}

.deleteEtichette{
    color: red;
    float: right;
}

#hidden_fstampa{
    display: none;
}

/* Breascrumbs */
.wrapper_breadcrumbs {
    background-color: #DDD;
    width: 100%;
    min-height: 55px;
    height: auto;
    padding-top: 15px;
    float: left;
    overflow: hidden;
}

.wrapper_breadcrumbs a {
	color: #009DDD;
	font-weight: bold;
	text-transform: capitalize;
}

.wrapper_breadcrumbs a:hover {
	color: #FFF;
}

.wrapper_breadcrumbs h1 {
	color: #444;
	font-size: 20px;
	padding-top: 5px;
	padding-left: 0;
	text-transform: uppercase;
}

.breadcrumbs_path,
.crumbs_container {
	display: block;
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}


.etic_campo_operatore{
    width: 50%;
}

.coda_stampa_etichette{
    width: 32%;
    min-width: 388px;
    margin-left: 12px;
    margin-right: 12px;
    background-color: #94B9FC;
}

.coda_stampa_etichette:nth-child(3n+0){
    margin-right: 0;
}

.coda_stampa_etichette:nth-child(3n+1){
    margin-left: 0;
}

.coda_stampa_etichette h2{
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: 5px;
}

.riga_dati_sovrapacchi{
    position: relative; float: left; height: 31px;
}

.coda_stampa_etichette div.riga_dati_sovrapacchi{
    position: relative; float: left; 
    font-size: 11px;
    width: 100%;
    height: 27px;    
}

.coda_stampa_etichette .etichette-cell{
    width: 107px;
    height: 20px;
    margin-right: 0px;
    padding: 2px;
    position: relative;
    float: left;
}

.coda_stampa_etichette .etichette-label{
    width: 64px;
    height: 14px;
    margin-right: 0px;
    padding: 2px;
    position: relative;
    float: left;
}

.coda_stampa_etichette span input.inputcliente-medium,
.coda_stampa_etichette span input.inputcliente-long,
.coda_stampa_etichette span input.inputetichette-medium,
.coda_stampa_etichette span input.inputetichette-long,
.coda_stampa_etichette span input.inputetichette-long{
    height: 12px;
    font-size: 11px;
    width: 93px;
}

.coda_stampa_etichette span select{
    height: 20px;
    font-size: 11px;
}

.coda_stampa_etichette span select.inputetichette-long{
    width: 281px;
}

.coda_stampa_etichette span select.inputetichette-medium{
    width: 100px;
}

.coda_stampa_etichette div.box_pic{
    width: 95%;
    height: 86px;
    float: left;  
    margin-left: 5px;
}

.deleteEtichette{
    height: 8px;
    margin-top: -4px;
    font-size: 11px;
    margin-right: 16px;
}

.wrapper_pic_etichette{
    width: 30%; margin-top: 5px;    
}

.coda_stampa_etichette div.wrapper_pic_etichette{
    width: 100%;
}

.coda_stampa_etichette span input.inputetichette-long {
    width: 273px;
}

.coda_stampa_etichette .wrapper_pic_etichetta{
    width: 48%;
}

.box_etichette .left_column{
    width: 69%;
}

.coda_stampa_etichette .left_column {
    width: 100%;
}

.coda_stampa_etichette .etic_campo_operatore{
    width: 100px;
}

.last_added_etichetta{
    background-color: #BDD2F9;
}

.thumb_immagini{
    width: 100%;
    height: 40px;
    background-color: #FFF;
    float: left;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.thumb_immagini p:hover{
    color: #0091d5;
}

.thumb_immagini p{
    width: 70%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.sortlist{
    height: 400px;
    float: left;
    background-color: #fff;
    overflow: scroll;       
    width: 250px;
}

a.elimina_foto{
    float: right;
    margin: 7px;
}


#img_prodotto_sel, #logo_prodotto_sel{
    float: right;
    margin: 5px;
    width: 20px;
    height: 20px;
    background-image: url("../images/search_mini.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #009DDD;
    cursor: pointer;
}

.thumb_immagini.selected{
    border: 2px solid #009DDD;
}

.salto_e{
    float: left;
    box-sizing: border-box;
    width: 11%;
    font-size: 10px;
}

.salto_e_label{
    float: left;
}

.salto_e input{
    margin: 2px 4px 2px 0;
    width: 82%;
}

#salti_etichette{
    margin-top: 14px;
    overflow: hidden;
}

.riga_dati_sovrapacchi .etichette-label, .riga_dati_sovrapacchi .cliente-cell{
    height: 30px; font-size: 12px;
}

.main-content #fstampa h2{
    margin-bottom: 5px;
    font-size: 16px;
}

#filtro_operatore{
    width: 300px;
}

.wrapper_ppictures{
    float: right;
    height: 400px;
    background-color: #fff;
    width: 600px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#wrapper_log_robot{
    background-color: #fff; width: 300px; height: 60px; position: fixed; right: 30px; bottom: 30px; z-index: 100;
}

.danger{
    color: #880000;
    font-weight: bold;
}