@font-face {
   font-family: font_calibri;
   src: url('fonts/calibri.eot');
   src: local('Calibri'), url('fonts/calibri.ttf') format('truetype');
}

@font-face {
   font-family: font_calibri_bold;
   src: url('fonts/calibrib.eot');
   src: local('Calibri'), url('fonts/calibrib.ttf') format('truetype');
}

@font-face {
   font-family: font_hobo;
   src: url('fonts/Hobo-Std.eot');
   src: local('Hobo Std Medio'), url('fonts/Hobo-Std.ttf') format('truetype');
}

html,body{margin: 0%;padding:0; line-height: 1.2em; background-color: whitesmoke; height: 100%;}
body{font-family: font_calibri, tahoma,arial,sans-serif;font-size: 14px;text-align: center}
div#container{position: relative; left: 5%; width: 90%; text-align: center;
    border: none;
	background-color: white /*#dfd4ba*/;
	min-height: 100%;
    height: 100%;
}

html>body, html>body #container{
height:auto;
}  

/*stili generici, su header e footer*/
div#header{
    margin: 0; 
    padding: 0; 
    width: 100%; 
    /*background-image: url('img/intestazione.png'); */
    /*background-position: center; background-size: 172px 63px;*/ 
    /*background-repeat: no-repeat; */
    background: #fff;
											background-image: url('img/background.jpg');
											background-size: 100%;
											background-repeat: no-repeat;
    color: white}
div#content{margin: 0; padding: 0; min-height: 540px; background-color: white; color: black}
div#header{height: 70px; text-align: center}
div#footer{display: block; float: left; clear:both; left: 0; bottom: 0; border: none; left: 0%; width: 100%; text-align:center; margin-top: 5px; padding: 5px 0px 5px 0px; background-color: whitesmoke; color: black; font-size: 12px}
div#footer a{color: #167bbf;font-weight: bold;text-decoration: underline}
div.reservedarea
{
	border: none; margin:0 auto 0 auto; width: 100%; text-align:center; 
	border-radius: 4px;
	padding: 5px; 
	/*background-color: rgb(255,211,230); */
	background-image: url('img/vinaccia.png');
	background-size: 100% 100%;
	color: white;
	font: bold 16px font_calibri, tahoma;
}

div.details
{
	border: none; margin:0 auto 0 auto; width: 100%; text-align:left; 
	border-radius: 4px;
	padding: 5px; background-color: rgb(222,222,222); color: black;
	font: bold 20px font_calibri, tahoma;
}

div.reserved
{
	margin:0 auto 0 auto; width: 100%; text-align:left; 
	padding: 5px; background-color: transparent; color: black;
	font: 1em font_calibri;
}

div#intesta
{
	left:0; border:none; margin:0 auto 0 auto; width:100%; background-color: white; height: 60px;
	border-radius: 4px; vertical-align: middle; clear: both;
}

div.intesta{padding: 0;margin-top: 5px; width: 100%; height: 10px;}
div.contenuto{padding: 0;margin: 0; padding-bottom: 5px; width: 100%;line-height: 1.2em;}
div.content-menu{padding: 0;margin: 0; margin-top:20px; padding-bottom: 5px; width: 100%;line-height: 1.2em;text-align: center; clear: both}
div#content{width: 100%}

.item
{
    font: font_calibri;
    vertical-align: middle;
    margin-left: 5px;
}

.label
{
    font: font_calibri 12px;
    vertical-align: middle;
}

.box
{
    margin-left: 10px;
    height: 18px;
    vertical-align: middle;
    border: 1px solid gray;
    border-radius: 3px;
    font: font_calibri;
    padding-left: 3px;
}

.box.readonly
{
    background: rgb(225,225,225); 
}

.box.no-margin
{
    margin-left: 0px;
}

.box.center
{
    text-align: center;
}

.error{
	color: red;
	font: bold 12px font_calibri;
}

.linktext
{
	color: rgb(153,102,153);
	font: 12px font_calibri;
}

.tablecenter
{
    margin: 0px auto;   
}

.tablecellstandard
{
    padding-bottom: 10px;
}



.warning
{
    color: red;
	font: 14px font_calibri;
}

.error{
	color: red;
	font: 14px font_calibri_bold;
}

.success{
	color: green;
	font: 14px font_calibri_bold;
}

.nosuccess{
	color: red;
	font: 14px font_calibri_bold;
}

.linktext
{
	color: rgb(153,102,153);
	font: 14px font_calibri_bold;
}

.linktext-big
{
	color: rgb(153,102,153);
	font: 18px font_calibri_bold;
}


.tablecenter
{
    margin: 0px auto;   
}

.tablecellstandard
{
    padding-bottom: 10px;
    color: Black;
    font: 14px font_calibri;
}

.tablecell_nospacing
{
    padding-bottom: 2px;
    color: Black;
    font: 14px font_calibri;
    vertical-align: top;
}

.cell_intesta
{
    text-align: left;
    padding: 2px;
    color: Black;
    font: 14px font_calibri;
    vertical-align: middle;
}

.cell_repeater_dati
{
    text-align: left;
    padding: 2px;
    color: Black;
    font: 14px font_calibri;
    vertical-align: middle;
    border: 3px solid gray
    border-radius: 8px;
}

.cell_label
{
    text-align: right;
    padding-right: 10px;
    padding-bottom: 2px;
    color: Black;
    font: 14px font_calibri;
    vertical-align: top;
}

.cell_dati
{
    text-align: left;
    padding-left: 10px;
    padding-bottom: 2px;
    color: Black;
    font: 14px font_calibri;
    vertical-align: top;
}

.cell_topmenu
{
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}

.centrato
{
    text-align: center;
}

.title_column
{
    text-align: left;
    padding: 2px;
    color: Black;
    font: 18px font_calibri;
    font-weight: bold;
    vertical-align: top;
}

.label_column
{
    text-align: left;
    padding: 2px;
    color: Black;
    font: 12px font_calibri;
    font-weight: bold;
    vertical-align: top;
}

.data_column
{
    text-align: left;
    padding: 2px;
    color: Black;
    font: 12px font_calibri;
    font-weight: normal;
    vertical-align: top;
}


.repeater {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 2px 2px 1px #888888;
	border:1px solid #999999;
	
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	
	overflow-x: auto;
}.repeater table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.repeater tr:last-child td:last-child {
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
}
.repeater table tr:first-child td:first-child {
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
}
.repeater table tr:first-child td:last-child {
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
}.repeater tr:last-child td:first-child{
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
}.repeater tr:hover td{
	
}
.repeater tr:nth-child(odd){ background-color:#e2eef6; }
.repeater tr:nth-child(even)    { background-color:#ffffff; }.repeater td{
	vertical-align:middle;
	
	
	border:1px solid #999999;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:font_calibri;
	font-weight:normal;
	color:#000000;
}.repeater tr:last-child td{
	border-width:0px 1px 0px 0px;
}.repeater tr td:last-child{
	border-width:0px 0px 1px 0px;
}.repeater tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.repeater tr:first-child td{
		background:-o-linear-gradient(bottom, #167bbf 5%, #167bbf 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #167bbf), color-stop(1, #167bbf) );
	background:-moz-linear-gradient( center top, #167bbf 5%, #167bbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#167bbf", endColorstr="#167bbf");	background: -o-linear-gradient(top,#167bbf,#167bbf);

	background-color:#167bbf;
	border:0px solid #999999;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:font_calibri;
	font-weight:bold;
	color:#ffffff;
}
.repeater tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #167bbf 5%, #167bbf 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #167bbf), color-stop(1, #167bbf) );
	background:-moz-linear-gradient( center top, #167bbf 5%, #167bbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#167bbf", endColorstr="#167bbf");	background: -o-linear-gradient(top,#167bbf,#167bbf);

	background-color:#167bbf;
}
.repeater tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.repeater tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.tablecontainer
{
    width: 100%
}

.etichetta_principale
{
	color: #0f6097;
	font: 16px font_calibri_bold;
}

.link_principale
{
	color: steelblue;
	font: 16px font_calibri_bold;
}

.rientro_sx
{
    padding-left: 10px;
}
    

.link_principale:hover
{
	color: brown;
	font: 16px font_calibri_bold;
}

/*stili menu principale agente*/
.menu
{
    margin-top: 20px;
    margin-right: 2%;
    padding: 15px;
    width: 19%;
    vertical-align: middle;
    text-align: center;
    font: 16px font_calibri_bold;
    color: White;
    height: 180px;
    border-radius:10px;
    box-shadow:1px 1px 7px #000;
}

.testo-ombreggiato {
  text-shadow:   2px  2px 4px #777,
                -2px -2px 4px #777;
}

.pulsante 
{
 margin: 10px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 16px font_hobo;
 font-family: font_hobo;
 font-weight: bold;
 color: black;
 padding: 5px 5px;
 border: solid 3px #cccccc;
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffccff), to(#ff9999));
 background: -webkit-linear-gradient(top,  #ffccff,  #ff9999);
 background: -moz-linear-gradient(top,  #ffccff,  #ff9999);
 background: -ms-linear-gradient(top,  #ffccff,  #ff9999);
 background: -o-linear-gradient(top,  #ffccff,  #ff9999);
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.pulsante:hover {
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#ff9999), to(#ffccff));
 background: -webkit-linear-gradient(top,  #ff9999,  #ffccff);
 background: -moz-linear-gradient(top,  #ff9999,  #ffccff);
 background: -ms-linear-gradient(top,  #ff9999,  #ffccff);
 background: -o-linear-gradient(top,  #ff9999,  #ffccff);
 background: linear-gradient(top,  #ff9999,  #ffccff);
}

.divisorio
{
    clear: both;
}

div#titolo
{
    text-align: center;
    /*color: rgb(153,102,153);*/
    color: #167bbf;
    font: 22px font_calibri_bold;
    padding-bottom: 15px;
}

.sottotitolo
{
    text-align: center;
    color: #a24051;
    font: 16px font_calibri_bold;   
    text-decoration: underline;
    padding-bottom: 5px;
}

div#toolbar
{
    padding-top: 10px;
    text-align: right;
    padding-bottom: 7px;
    vertical-align: middle;
}

div#toolbar-container
{
    padding-top: 10px;
    text-align: left;
    padding-bottom: 7px;
    vertical-align: middle;
}

div#toolbar-left
{
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
    float: left;
    text-align: left;
    vertical-align: middle;
}

.toolbar-left
{
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
    float: left;
    text-align: left;
    vertical-align: middle;
}




div#toolbar-right
{
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
    float: right;
    text-align: right;
    vertical-align: middle;
}

.img_label
{
    vertical-align: middle;
    margin-right: 5px;
}

.pulsante_menu
{
       
       margin: 10px;
       outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font-family: font_calibri;
        font-weight: bold;
        color: black;
        padding: 5px 5px;
        border: solid 3px #cccccc;
        background: #d7e9f0;
        text-indent: 50px; 
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    font-style: normal;
    font-variant: normal;
    font-size: 16px;
    line-height: normal;
}

.pulsante_menu:hover
{
    
       text-indent: 50px; 
    background: #cfd5d4;
    color: black;
}

.pulsante_menu.high
{
    text-indent: 80px;
    }

.pulsante_menu.high-largfissa
{
    width: auto !IMPORTANT;
    width: 280px;
    min-width: 280px;
    text-indent: 80px;
    height: 86px;
    text-align: right;
}

.pulsante_menu.low
{
    margin: 0;
    margin-left: 6px;
    padding: 2px;
    font: 11px font_calibri;
    font-family: font_calibri;
    font-weight: bold;
    text-indent: 24px;
    height: 28px;
    border: 1px solid #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
     border-radius: 2px;
     vertical-align: middle;
}

.pulsante_menu.lowfix
{
    margin: 0;
    margin-left: 6px;
    padding: 2px;
    font: 11px font_calibri;
    font-family: font_calibri;
    font-weight: bold;
    text-indent: 24px;
    width: 60px;
    height: 28px;
    border: 1px solid #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
     border-radius: 2px;
     vertical-align: middle;
}

.pulsante_menu.low-notext
{
    margin: 0;
    margin-left: 6px;
    padding: 2px;
    font: 11px font_calibri;
    font-family: font_calibri;
    font-weight: bold;
    text-indent: 1px;
    height: 28px;
    width: 28px;
    border: 1px solid #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
     border-radius: 2px;
     vertical-align: middle;
}

hr.stile {
    height: 6px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

.pulsante_repeater
{
       
       margin: 2px;
       outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 14px font_calibri;
        font-family: font_calibri;
        font-weight: bold;
        color: black;
        padding: 2px 2px;
        border: solid 2px #cccccc;
        background: #eee7d5;
        height: 30px;
       
       text-indent: 30px; 
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 3px;
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
        box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.pulsante_repeater:hover
{
    
    background: #cfd5d4;
    color: black;
}

.pulsante_repeater.no-text
{
       
       margin: 0px;
       margin-left:2px;
       margin-right: 2px;
       outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 14px font_calibri;
        font-family: font_calibri;
        font-weight: bold;
        color: black;
        padding: 2px 2px;
        border: solid 1px #cccccc;
        background: #eee7d5;
        height: 22px;
        width: 22px;
       text-indent: 0px; 
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
        box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.pulsante_repeater.no-text:hover
{
    
    background: #cfd5d4;
    color: black;
}

.pulsante-no-text
{
       
       margin-left: 5px;
       outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 14px font_calibri;
        font-family: font_calibri;
        font-weight: bold;
        color: black;
        padding: 2px 2px;
        border: solid 1px #cccccc;
        background: #eee7d5;
        height: 22px;
        width: 22px;
       text-indent: 0px; 
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
        box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.pulsante-no-text:hover
{
    
    background: #cfd5d4;
    color: black;
}


 input.upload {
    position: absolute; top: -1000px; left: -1000px;
    
}

.bordi-arrotondati
{
    -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
         border: 1px solid gray;
}

.modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }

.rbl input[type="radio"]
{
   
}

.rbl label {      
   
   font-style: normal;  
   cursor: pointer;
   
   text-indent: 20px;
   padding-right: 20px; 
}

.label {
    font-size: 0.9em;
    display: block;
    color: rgb(30,30,30);
    padding-bottom: 5px;
    margin-top: 6px;
}

.input-standard {
    font-size: 1em;
    width: 98%;
    max-width: 840px;
}

.center {
    text-align: center;
}

.maiuscolo {
    text-transform: uppercase;
}

.minuscolo {
    text-transform: lowercase;
}

.liste {
    list-style-type: none;
    border: 1px ridge darkgray;
    border-radius: 3px;
    padding: 3px;
    text-align: left;
    max-width: 780px;
}

.btnlist {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.95em;
    text-align: center;
    max-width: 820px;
    margin-bottom: 1px;
}

.btnlonglist {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 5px;
    font-size: 0.95em;
    text-align: center;
    width: 95%;
    height: auto!important;
    margin-bottom: 1px;
}

.divlist {
    width: 96%;
    max-width: 780px;
    float: right;
    position: relative;
    left: -52%;
    text-align: left;
}

.divlist ul {
    list-style: none;
    position: relative;
    left: 50%;
}

.divlist ul li a {
    color: black;
    font-size: 1em;
}

.divlist ul li a:hover {
    color: green;
    font-size: 1em;
    font-weight: bold;
}