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

/* Desktops and laptops ----------- */
@media only screen and (max-width: 799px){
	body {font-size:1em;}
}

@media only screen and (min-width: 800px) and (max-width: 1024px){
	body {widht:1024px; max-width:1020px}
	#tbl_agg { font-size:0.8em !important;}
	.contatto span { font-size:1.2em;}
	.contatto span.sezione {font-size:1em;}
}

@media only screen and (min-width:1025px) {
	body { font-size:1vw;}
	header {max-width:1600px;}
	#tbl_agg { font-size:0.8vw;}
	.contatto span {font-size:1.2vw;}
	.contatto span.sezione {font-size:0.8vw;}
}

body
{
   background: #2B7DB1 url('../img/page.png') fixed;
   background: url('../img/pageglare.png') no-repeat, linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   background: url('../img/pageglare.png') no-repeat, -webkit-linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), -webkit-linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   background: url('../img/pageglare.png') no-repeat, -moz-linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), -moz-linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   background: url('../img/pageglare.png') no-repeat, -o-linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), -o-linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   background: url('../img/pageglare.png') no-repeat, -ms-linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), -ms-linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   background: url('../img/pageglare.png') no-repeat, linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   -svg-background: url('../img/pageglare.png') no-repeat, linear-gradient(top, rgba(48, 142, 200, 0.13) 0, rgba(48, 142, 200, 0.13) 420px, rgba(8, 24, 34, 0.1) 1050px) no-repeat, url('../img/page.png'), linear-gradient(top, #2A7AAC 0, #2A7AAC 420px, #0F2C3E 1050px) no-repeat;
   background-attachment: fixed, fixed, fixed, fixed !important;
 
   font-family:Verdana, Geneva, sans-serif;
   margin:0 auto;
}

header {	
	position:relative;
	top:15px;
	margin:10px;
	padding-left:18px;
	padding-right:18px;
	padding-top:20px;
	-webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
	box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
	border:1px solid #2B7DB1;
	border-bottom:none;	
	background-color:#fff;
	width:100%;
}

.container
{
   background-color:#fff;
   -webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
   box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
   position:relative;
   top:15px;
   margin:0 auto;
   padding:10px;
   min-height:800px;
   border-top:none;
   /*width:100%;*/
}

.header{
   height:110px;
   padding-left:10px;
   padding-right:10px;
   border-bottom:2px solid rgba(68, 88,112, 1);
}

.slider{
	padding-top:5px;	
}

#login{
	margin:0 auto;
}

#login legend {
	color:#3292CD;
	font-weight:bold;
	font-size:1.2em;
	text-shadow: rgba(23, 23, 23, 0.808594) 0px 1px 0px; 	
}

#navigator
{
	padding-top:5px;
}

.top-bar, .top-bar.expanded, .title-area, .toggle-topbar, .toggle-topbar > a
{
	background-color:rgba(230,230,230,1) !important;	
	color:#344B4A !important;
}

.title-area li > h1 > a {
	color:#344B4A !important;
}

.back > h5{
	color:#344B4A !important;	
}

.top-bar-section li a:not(.button) {
    padding: 0 10px;
    line-height: 45px;
	color: #344B4A;
	background-color:#fff;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
   border-left: solid 1px rgba(68, 88,112, 1);
   border-right: solid 1px rgba(68, 88,112, 1);
}

.top-bar-section .has-form {
   color: #344B4A;
   background-color:#fff;
}

.top-bar-section li a:hover {
    color: #fff;
    background-color: #2ba6cb !important;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; 
}

.top-bar-section li.active  > a {
	color:#344B4A !important;
    background-color:#ffcc33 !important;
}

/* Dropdown Item selector */
.top-bar-section ul li:hover > a {
	color: #fff;
    background-color:#92C6E4 !important;	
}

.top-bar-section .has-dropdown > a {
	color: #344B4A !important;
    /*background-color:#92C6E4 !important;*/
}

.top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; 
}

.top-bar-section li li a:hover {
	color: #fff;
    background-color: #2ba6cb !important;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; 
}

.logo{
	height: 100px;
	min-height:100px;
	background-image: url('../img/logo_rgeappalti.png');
	background-repeat: no-repeat;
	position: relative;
	z-index: auto !important;
	background-position:15,0;
}

.contatto
{	text-align:right;
	height:100px;
	min-height:100px;
	background-image: url('../img/rge_contatto.png');
	background-repeat:no-repeat;
	background-position: right bottom;
}

.contatto span {
	text-shadow: 1px 2px 2px  rgba(135, 206, 235, 1) ;	
	color: rgba(153,153,153,1);
	/*font-size:1.8em;*/
	font-weight:bolder;
}

.contatto span.sezione {
	position:absolute;
	right:180px;
	bottom:3px;
	/*font-size:1.5em;*/	
}

#slider ul{
	height: 170px;
	overflow: hidden;
}

.card > h3 {
	color:#3292CD;
	text-shadow: rgba(23, 23, 23, 0.808594) 0px 1px 0px; 	
}

.card > h4 {
	color:#456362;	
}

footer
{
   background: #232939;
   background: linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   background: -webkit-linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   background: linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(52, 62, 85, 0.6) 0, rgba(19, 23, 32, 0.6) 100%) no-repeat;
   border-top:1px solid #78B7DE;
   margin:0 auto;
   top:15px;
   position: relative;
   color: #B3BCD0;
   width: 100%;
   /*max-width: 100%;*/
}

footer > div:before {
	padding-top: 15px;
}

.orbit-progress {
	display:none !important;	
}

.panel-fix {
	height: 300px;
	overflow:hidden;	
}

.panel-fix a.button {
	position:absolute;
	bottom:10px;
	right:30px;
}

#abbonamento p {
    text-align: justify;
}

#abbonamento table {
	margin:0 auto;
}

#pnl_abbonamento h4 {
	color:#3292CD;
	text-shadow: rgba(23, 23, 23, 0.808594) 0px 1px 0px; 	
}

#pnl_abbonamento ol {
	padding-left:20px;	
}

#pnl_servizi ul, #pnl_normative ul {
	padding-left: 30px;	
}

#pnl_servizi ul li {
  	padding:0px 0 0px 17px;
  	background-image:url(../img/tick.png);
  	background-repeat:no-repeat;
  	margin:0.5em 0 0.5em 0;
  	line-height:1.2em;
}

#pnl_download {
	margin:0 auto; 
	padding-top:20px;
	padding-bottom:90px;	
}

#pnl_benvenuto h2 {
	/*color:#3292CD;
	text-shadow: rgba(23, 23, 23, 0.808594) 0px 1px 0px;*/
	text-shadow: rgba(50, 146, 205, 0.808594) 0px 1px 2px 	
}

#pnl_lavFornSerVari {
	position:relative;
	margin:0 auto;
	/*padding:5px;*/	
}

select.small{
	display:block;
	width:60px;
}

td.numeric{
	text-align:right;
}
/*
#tbl_agg 
{
	
	margin:0 auto;
	padding: 0px;
	font-size:0.8em !important;
}*/

#tbl_agg tr th, #tbl_agg tr td {
	padding:5px 3px;
	
}

td img, td a img {
	vertical-align:middle;
	display: block; 
    margin-left: auto; 
    margin-right: auto;
}

#table_detail {
	width:100%;
}

#table_detail td {
	height:40px;
	line-height:2em;
}

.entehide {
	display:none !important;
}

/* .loading {
    background:url('../img/loading.gif') left center no-repeat;
} */
.ui-widget-content {
	border: 1px solid #aaaaaa;
	/* background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; */
	color: #222222;
}

.loading { 
	background: url('../img/ui-anim_basic_16x16.gif') right center no-repeat !important; 
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}

.ui-multiselect-all { display: none; }

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	margin-left: -1px;
	padding: 0;
	top: 0;
	bottom: 0;
	right:5px;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
}

.custom-combobox-input {
	margin: 0;
	width:100%; 
	/*adding: 0.3em;*/
}

.news {
	overflow:auto;
	height:300px;
}

.item {
	margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:1px solid rgba(68, 88,112, 1);
	text-align: justify;
}

#warningbrowser {
	display:none;
}

.empty {
	color: #999;
}

.special {
	color:#CC3300;
}

#linkgrafico{
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    background-color:rgba(253, 0, 0, 0.80);
    -webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
    box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.15);
}

#linkgrafico a {
    color: #ffcc33; /*#f4f702;*/
    
}