html,body{
    margin:0;
    padding:0;
    font-size:11px;
    font-family:Arial;
    background:#EEE;
}

img{
    border: none;
}

#top{
    display:block;
    background: #1a5ca2 url('../images/spirale.jpg') repeat-x bottom left;
}

#wabody{}

.clr{
    clear: both;
    margin:0;
    padding:0; 
    line-height: 0; 
    background: transparent;
    border: none;
}

#nominativo{
    margin-top: 10px;
    text-align: center;
    font: normal 15px Verdana;
    color: #333;
    position: relative;
    
    /*border-bottom: 32px solid #eee;*/
    margin-bottom: 15px;
    padding-bottom: 6px;
}
#nominativo strong{
    color: #666;
    font-size: 15px;
}
#nominativo #ruolo{
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
}#nominativo #ruolo .label{
    line-height: 20px;
}

#nominativo .myUser{
    font-size: 90px;
    color: #EEE;
}

#alphabet {
    /*width: 550px;*/
    margin: 0px 10px 0 10px;
}
#alphabet div div{
   float: left; 
   padding: 4px 2px;
   font-size: 18px;
   font-weight: bold;
   
}
#alphabet a{ cursor: pointer;}

#header{
width:990px;
margin:0 auto;
height:100px;
background:transparent;
color:#FFF;

}

#header #logo{
    margin-top:7px;
}

/******* Dropdown Menu ********/
#bottone{float:right; margin-top: 0px;}
#bottone_angoloDX{color:#FFFFFF;background: transparent;border-color: transparent;}
#bottone_angoloDX:hover{background-color:#4082C8; }

#menu_utente{width: 180px;left: -116px;}
.icona_menu{
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-top: 0;
    padding-top: 10px;
    width: 30px;
    }
.link_menu{
    float: right;
    width: 75%;
    }
.link_menu a {color:#8D8D8D!important;font-size:11px;}

#logout{text-align: center;}

#logout img {
    height:18px;
}

#logout span{
    margin-left:20px;
}

#logout a{
    color:#3E76B1!important;
    font-weight: bold!important;
    }
/*******************************************************/

#header .menu{
    float:right;
    margin-top:2%;
    text-align:right;
}
.menu{height:50px;margin-top:2.5%!important;}
#header .menu a{
    color:#EEEEEE;
    text-decoration:none;
}

#main_menu{
    display:block;
    margin-top:5px;
    margin-right:30px;
    float:left;
}

#main_menu a.mm{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    padding-left:12px;
    margin-left:7px;
    text-shadow:2px 1px 1px #024994;
    /*background: transparent url('../images/nav.png') no-repeat center left;*/
    
      	-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	-ms-transition: color .4s linear;
	transition: color .4s linear;
}

#main_menu a.mm:hover{
  color:#ccc;
  text-decoration:underline;
}

#main_menu a#active{
    font-style:italic;
    color:#ccc;
}

#container{
    width:100%;
    display:block;
    background:#FFF url('../images/shadow.png') no-repeat bottom center;
    background:#FFF url('../images/shadow_menu.png') repeat-x bottom left; 
}



#left{
    background:#F7F7F7;
    background:transparent;
    /*width:20%;*/
    float:left;
    /*border-top:1px solid #C3CFD9;*/
    display:block;
    /*margin-top: 3.4%;*/
    position:relative;
    margin-left: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#left input, #left select{
    margin-bottom:4px;width:80%;
    
}


input,
select{
    background:#FFF url('../images/shadow_menu.png') repeat-x bottom left;
    border:1px solid #ccc;

     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;

    /*margin-top:2px;*/
}

.butt{
    color:#4B8DD2;

}

#left .left_container{
    text-align:left;
    margin-top: 30px;
}

#control_panel_general{/*float:right!important;*/margin-right: 5%;}

#control_panel .left_menu,
#service_panel .left_menu{
    border:1px solid #C3CFD9;
    border-right:0px solid #C3CFD9;
    border-bottom:0;
    padding:20px;
    min-height:20px;
    font-family: 'Montserrat', sans-serif;
    line-height:19px;
    text-align:center;
    font-weight:normal;
    color:#FFF;
    text-shadow:2px 1px 1px #024994;
    background:#2c6bac url('../images/shadow_menu.png') repeat-x bottom left;
    margin:0;
    font-size:13px;
    float:left;
    width:117px;

}

/*****************Menu Ricerca**************************/
#fascia_ricerca{
    display: block;
    height: 120px;
    position: relative;
}

#menu_ricerca{
    margin-top:2%;
    margin-bottom: 7%;
    margin-left: 23%;
    width: 50%;
}

#nuovo_cliente{
   position: absolute;
    z-index: 100;
    right: 7%;
    top: 215px;
    font-size: 18px;
    
}

#fixngo{
    /*float: right;*/
    position: absolute;
    z-index: 100;
    right: 6%;
    top: 105px;
}

.search_title{
    /*border-top: 1px solid #C3CFD9;*/
    color: #428BCA;
    font-size: 25px;
    width: 500px;
    margin-bottom: 0;
    margin-left: 0;
    /*margin-top: 3%;*/
    padding-bottom: 4%;
    padding-left: 0;
    /*padding-top: 35px;*/
    text-align: left;
}

#titolo_pannello{
    font-size: 25px;
    font-weight: normal;
    padding-left: 15px;
    padding-top: 3%;
    border-top:1px solid #C3CFD9;
    padding-left:0;
    padding-bottom: 2%;
}

#search_cont{
    float:right;
    /*padding-top:10px;*/
    padding-left: 0!important;
    padding-right: 0!important;
    /*min-width: 80%; /* inserisco la larghezza minima, altrimenti quando nascondo il pannello di controllo, si comprime la barra di ricerca*/
    /*background:transparent url('../images/search_bg.png') repeat-x top left;*/
    position: relative;
    /*padding-right:15px;*/
    margin-right:0;
}

#home{
	  background:transparent url('../images/home.png') no-repeat center center;
	  width:600px;
	  height:400px;
	  position:absolute;
	  top:110px;
	  left:50%;
	  margin-left:-630px;
	  z-index:1000;
}

#search_cont input,
#search_cont select,
#footer_panel input{
	margin: 0px;
	/*padding:5px;
	font-size:13px;
	padding-top:3px;
	padding-bottom:3px;*/
	font: 14px sans-serif;
	padding: 4px 4px 3px 10px;
	background: none repeat scroll 0 0 #FFFFFF;
	
}

h3.title{
    font-weight:normal;
    margin-left:0;
    padding-left:15px;
    font-size:16px;
    /*background: transparent url('../images/nav.png') no-repeat center left;*/
    color:#666;
     text-shadow:1px 1px 1px #EEE;
   font-family: 'Open Sans', sans-serif;
   font-family: 'Open Sans', sans-serif;
     
}
span.pm{
   display:block;
    text-align:center;
    font-family: 'Montserrat', sans-serif;
    color:#222;
    font-size:12px;
    text-decoration:none;
     padding:10px;
     margin:5px;
     /*border-bottom:1px solid #EEE;*/
     background:#FFF;
     margin-top:0;
     margin-bottom:0;

    float: left;
    width: 125px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
a.pm{
    display:block;
    text-align:center;
    font-family: 'Montserrat', sans-serif;
    color:#222;
    font-size:12px;
    text-decoration:none;
     padding:10px;
     margin:5px;
     /*border-bottom:1px solid #EEE;*/
   
    
      	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
    
    
    background:#FFF;
    
        margin-top:0;margin-bottom:0;

  filter: none;
    -webkit-filter: grayscale(0%);
     
}

ul.social{
	margin:0;padding-left:0;
}

ul.social a img{
	width:20px;margin-right:5px;
	float:left;
}

ul.social, ul.social li{
	list-style:none;
	float:right;
}

ul.social li{
	margin-top:5px;
	margin-left:10px;
}

a.pm:hover{
   color:#666;
background:#eee;
 border-bottom:1px solid #FFF;
 
 
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    
}

a.pm.disabilita{
  border-bottom:1px solid #FFF;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


a.pm img{
    display:block;
    height:72px;
    margin-left:16px;
    margin-bottom:5px;
    text-align:center;
}
span.pm img{
    display:block;
    height:72px;
    margin-left:16px;
    margin-bottom:5px;
    text-align:center;
}
a.pm img:hover{
    
}

#icone{float:right;margin-top: -22px;}

span.icone{
    display:block;
    margin-left:5px;
    float: left;
    /*width: 125px;*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
a.icone{
    float:left;
    display:block;
    margin-left:5px;
    -webkit-transition: background .4s linear;
    -moz-transition: background .4s linear;
    -o-transition: background .4s linear;
    -ms-transition: background .4s linear;
    transition: background .4s linear;
    filter: none;
    -webkit-filter: grayscale(0%);
}

a.icone:hover{
    color:#666;
    background:#eee;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */   
}

a.icone.disabilita{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


a.icone img{
    display:block;
    height:22px;
}

span.icone img{
    display:block;
    height:22px;
}
a.pm img:hover{
    
}
#left h3.title{
    color: #428BCA;
    font-size: 14px;
    font-weight: normal;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    text-shadow: 1px 1px 1px #EEEEEE;
    
}

#control_panel{
    /*width:80%;*/
    /*width: 790px;*/
    /*float:left;*/
}

#control_panel .panel_menu{
     border-bottom:1px solid #ccc;
    border-right:0px solid #eee;
    border-top:0px solid #eee;
     border-left:1px solid #C3CFD9;
    display:block;
    /*min-height:670px;*/
    background:transparent url('../images/shadow_menu.png') repeat-x bottom left;
    float:left;
    width:157px;
    text-align:center;
    padding-top:5px;
    
}

#login{
	margin-top:20px;padding-top:20px;
	font-size:16px;
	border-top:1px solid #C3CFD9;
	
}

#login input{
	padding:5px;
	font-size:16px;
	padding-top:2px;
	padding-bottom:2px;
}

#login input.butt{
	padding:5px;
	font-size:16px;
	cursor:pointer;
		padding-top:2px;
	padding-bottom:2px;
		-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
}

#login input.butt:hover{
	border:1px solid #222;
	background:#333;
	color:#FFF;
}

#menu_top2{
	margin-top:8px;
	text-align:right;
}

#header #menu_top2 a:hover{
	color:#eee;
}

#content{
width:990px;
margin:0 auto;
min-height:500px;
  padding-top:5px;
    padding-bottom:35px;
    display:block;
     border-right:0px solid #eee;
}

#footer{
display:block;
margin:0 auto;
background:#EEE;
border-top:1px solid #CCC;
color:#999;
padding:15px;
text-align:center;
font-size:11px;
}

#footer a{
   color:#666; 
}

a.more{
    float:right;
    padding:10px;display:block;color:#222;
    text-decoration:none;
}

.cal .call_text_small{
    font-size:10px;
}
.cal{
    width:80%;
    box-shadow: -1px -1px 2px;
    border-bottom:1px solid #ccc;
    background-color: #FFF;
    border-radius: 0 13px;
    display:block;
    padding:10px;
    padding-left:0;
    color:#666;
    margin-bottom: -9px;
    margin-left: 20px;
    margin-right: 40px;
    /*background:#FFF url('../images/shadow_menu.png') repeat-x bottom left;*/
    cursor:pointer;
    padding-left:10px;
     	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
}
.cal:hover{
   background:#428bca;
   border-bottom:1px solid #FFF;
}.cal:hover b{color:#FFF;}

.left_container a{
    color:#2C6BAC;
    text-decoration:none;
}

.left_container a:hover{
    color:#222;
    text-decoration:none;
}

.cal i{
    color:#222;
}

.cal b{
    color:#2C6BAC;
}

.cal b.servizio{
    color:#222;
    font-size:13px;
}

#search_butt{
    padding-right:15px;
    margin-top:15px;
}

/*#search_butt input.butt{*/
#content input.butt{
    float:right;font-size:13px;
    margin-left:15px;
    /*margin-top:15px;*/
    cursor:pointer;
    	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
    
    font-family: 'Montserrat', sans-serif;
}

#search_butt input.butt:hover{
    border:1px solid #2C6BAC;
    color:#222;
    background:#4B8DD2;cursor:pointer;
}


#search_butt input#ricerca:hover{
    float:right;font-size:13px;
    margin-left:15px;
    /*margin-top:15px;*/
       color:#FFF;
     background:#666 url('../images/search.png') no-repeat 97% 50%;
     padding-right:15px;
    border:1px solid #222;cursor:pointer;
}

#search_butt input#ricerca{
    border:1px solid #2C6BAC;
    color:#222;
    background:#4B8DD2 url('../images/search.png') no-repeat 97% 50%;
    cursor:pointer;
    padding-right:15px;
    	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
    
    font-family: 'Montserrat', sans-serif;
    
}


#search{
    font-size:12px;
}

/* TRANSITIONS */
/*
#slogan{
	-webkit-animation: elementoSinistra 1.5s ease-out;
	-moz-animation: elementoSinistra 1.5s ease-out;
}
#get-in-touch{
	
	-webkit-animation: elementoTesto 1.0s 0.5s backwards;
	-moz-animation: elementoTesto 1.0s 0.5s backwards;
}


#top{
	-webkit-animation: elementoSfuma 1.0s  backwards;
	-moz-animation: elementoSfuma 1.0s  backwards;
}
#top{
	-webkit-animation: elementoSfuma 1.0s 0.5s backwards;
	-moz-animation: elementoSfuma 1.0s  0.5s  backwards;
}

#slideshow {
	-webkit-animation: elementoPageTitle 1.0s 0.5s backwards;
	-moz-animation: elementoPageTitle 1.0s 0.5s backwards;
}

#mid-container {
	-webkit-animation: elementoPageTitle 1.2s  0.8s  ease-out  backwards;
	-moz-animation: elementoPageTitle 1.2s  0.8s ease-out  backwards;
}
#content {
	-webkit-animation: elementoSfuma 1.0s 0.8s backwards;
	-moz-animation: elementoSfuma 1.0s 0.8s backwards;
}
#page-title {
	-webkit-animation: elementoPageTitle 1.0s 0.2s backwards;
	-moz-animation: elementoPageTitle 1.0s 0.2s backwards;
}
#bottom-container {
	-webkit-animation: elementoSfuma 1.2s 1.4s backwards;
	-moz-animation: elementoSfuma 1.2s 1.4s backwards;
}

*/



#top{
	-webkit-animation: elementoPageTitle 0.4s  0.3s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.4s  0.3s ease-out  backwards;
}

h3.title{
	-webkit-animation: elementoPageTitle 1.2s  0.3s  ease-out  backwards;
	-moz-animation: elementoPageTitle  1.2s  0.3s ease-out  backwards;
}

#footer{
	-webkit-animation: elementoPageTitle 0.8s  0.4s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.8s  0.4s ease-out  backwards;
}

#search{
	-webkit-animation: elementoPageTitle 0.8s  0.6s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.8s  0.6s ease-out  backwards;
}

#lic{
	-webkit-animation: elementoPageTitle 0.8s  0.6s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.8s  0.6s ease-out  backwards;
}

#left {
	-webkit-animation: elementoPageTitle 0.6s  0.8s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.6s  0.8s ease-out  backwards;
}


#control_panel {
	-webkit-animation: elementoPageTitle 0.6s 0.7s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.6s  0.7s ease-out  backwards;
}

#home,#slogan {
	-webkit-animation: elementoPageTitle 0.6s 0.4s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.6s  0.4s ease-out  backwards;
}

#search_client{
	-webkit-animation: elementoPageTitle 0.8s  0.6s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.8s  0.6s ease-out  backwards;
}

#calendario_header{
	padding-left: 20px;
	-webkit-animation: elementoPageTitle 0.8s  0.6s  ease-out  backwards;
	-moz-animation: elementoPageTitle 0.8s  0.6s ease-out  backwards;
}





@-webkit-keyframes elementoSinistra{
	0%{
		-webkit-transform: translateX(-2000px) translateY(-500px) rotate(90deg);
		 -webkit-opacity: 0.5;
		 -webkit-transform-origin:300px 400px;
	}
	100%{
		-webkit-transform: translateX(100px translateY(0px)) rotate(0deg);
		-webkit-opacity: 1;
	}
}
@-moz-keyframes elementoSinistra{
	0%{
		-moz-transform: translateX(-2000px) translateY(-500px) rotate(90deg);
		opacity: 0.5;
		-moz-transform-origin:300px 400px;
	}
	100%{
		-moz-transform: translateX(100px translateY(0px)) rotate(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes elementoDestra{
	0%{
		-webkit-transform: translateX(2000px) translateY(500px) rotate(-90deg);
		 -webkit-opacity: 0.5;
		 -webkit-transform-origin: right top;
	}
	100%{
		-webkit-transform: translateX(-100px translateY(0px)) rotate(0deg);
		-webkit-opacity: 0.8;
	}
}
@-moz-keyframes elementoDestra{
	0%{
		-moz-transform: translateX(2000px) translateY(500px) rotate(-90deg);
		 opacity: 0.5;
		 -moz-transform-origin: right top;
	}
	100%{
		-moz-transform: translateX(-100px translateY(0px)) rotate(0deg);
		opacity: 0.8;
	}
}

@-webkit-keyframes elementoTesto{
	0%{
		 -webkit-opacity: 0;
		 -webkit-transform: translateX(100px) translateY(200px) rotate(45deg);
		 -webkit-transform-origin: 0px 600px;
	}
	60% {
		-webkit-opacity: 1.0;
	}
	100%{
		-webkit-opacity: 1;
		-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
	}
}
@-moz-keyframes elementoTesto{
	0%{
		 opacity: 0;
		 -moz-transform: translateX(100px) translateY(200px) rotate(45deg);
		 -moz-transform-origin: 0px 600px;
	}
	60% {
		opacity: 1.0;
	}
	100%{
		opacity: 1;
		-moz-transform: translateX(0px) translateY(0px) rotate(0deg);
	}
}


@-webkit-keyframes elementoSfuma{
	0%{
		 -webkit-opacity: 0;
	}
	60% {
		-webkit-opacity: 0.5;
	}
	100%{
		-webkit-opacity: 1;
	}
}
@-moz-keyframes elementoSfuma{
	0%{
		 opacity: 0;
	}
	60% {
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}


@-webkit-keyframes elementoPageTitle{
	0%{
		 -webkit-opacity: 0;
		  -webkit-transform: translateX(-70px) translateY(0px) rotate(0deg);
		 -webkit-transform-origin: 0px 0px;
	}
	60% {
		-webkit-opacity: 1.0;
	}
	100%{
		-webkit-opacity: 1;
		-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
	}
}
@-moz-keyframes elementoPageTitle{
	0%{
		 opacity: 0;
		  -moz-transform: translateX(-70px) translateY(0px) rotate(0deg);
		 -moz-transform-origin: 0px 0px;
	}
	60% {
		opacity: 1.0;
	}
	100%{
		opacity: 1;
		-moz-transform: translateX(0px) translateY(0px) rotate(0deg);
	}
}

/*AGGIUNTE*/

        #slogan{
            float:left;width:40%;
            padding-top:205px;
            text-align:right;
            font-family: 'Montserrat', sans-serif;
            font-size:20px;
            color:#4B8DD2;
            text-shadow:1px 1px 1px #EEE;
        }
        
        
        #lic{
            float:left;width:51%;
            margin-left:85px;
            border-left:1px solid #CCC;
            min-height:300px;
            display:block;
            margin-top:10px;
            padding-bottom:40px;
        }
        
        #lic .link{
            float:right;font-size:15px;color:#666;
            text-decoration:none;padding:10px;
            padding-top:5px;
            padding-bottom:5px;
            cursor:pointer;
            
            -webkit-transition: color .4s linear;
            -moz-transition: color .4s linear;
            -o-transition: color .4s linear;
            -ms-transition: color .4s linear;
            transition: color .4s linear;
    
        }
        
         #lic .link:hover{
           color:#222;
        }
        
        #lic .testo a{
           color: #4B8DD2;
           color:#1A5CA2;
        }
	
	.select_db{
	    padding-top: 5px;
	    text-align:center;
	}

table tr.header_table{
    background:#2c6bac url('../images/shadow_menu.png') repeat-x bottom left;
    /*background-image: url('../images/shadow_menu.png') repeat-x bottom left;
    background-color: #2c6bac;*/
    font-family: 'Montserrat', sans-serif;
    line-height:19px;
    text-align:center;
    font-weight:normal;
    color:#FFF;
    text-shadow:2px 1px 1px #024994;
}

#search_client tr.s1a:hover{
    background-color: #C1D2EE;
}

/*PANEL2*/

#search_cliente{
    display: none;
    border: 1px solid #DDD;
    position: absolute;
    font-size: 15px;
    left: 0;
    width: 506px;
    background-color: white;
    z-index: 1000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}

#search_cliente a,
#search_cliente a:active{
    text-decoration: none;
}

#search_cliente span.cliente{
    display: block;
    color: black;
    padding-top: 2px;
    padding-left: 2px;
}

#search_cliente span.cliente:hover{
    background-color: #C3CFD9;
}

#service_panel{
    padding-top: 20px;
    display: none;
    text-align: center;
    font-size: 17px;
}

.dati_cliente{
    float: right;
    font-size: 16px;
    min-height: 90px;
    width: 86%;
}
.icona_cliente{
    width:50%;
    float:left;
    width: 14%;
}
.icona_cliente img{
    height: 90px;
    margin-left: -15px;
}


a.pm2{
    float:left;
    padding: 6px;
}

a.pm2 img {
    margin:auto; 
}
#CLIENTE{width:65%!important;}
/*#CLIENTE{
    font: 14px sans-serif;
    padding: 4px 4px 3px 10px; 
}*/

#CLIENTE:focus{
    border-color:rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

/*******Riquadro sede e operatore******/
#label_datepicker{
    display: inline-block;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 13px;
}
#cerca_appuntamenti{
    margin-right: 15px;
}

/*******Riquadro Calendario **********/
#accordion{
    width:100%;
    height:96%;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    width: 100%;
}

.panel-heading{
    height:25px;
    padding: 3px 20px;
}
.panel-title{
    color: #8A6D3B;
    font-size:13px;
    font-weight: bold;
}

.titolo_pannello{
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 3px;
}


.titolo{
    color: #8A6D3B;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    }

.panel-body{
    padding: 5px 10px 5px 15px;
}

#date_appuntamenti .panel-body{
    padding: 5px 0px 5px 15px;
    max-height: 162px;
    overflow: hidden;
    overflow-y: auto;
}

.orario{
    background-color: #FCF8E3;
    border: 1px solid #FAEBCC;
    color: #8A6D3B;
    font-size: 11px;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 4px 7px;
}

#mattina{width:50%;float:left;}

#pomeriggio{
    float: right;
    margin-left: 5px;
    width: 47%;
    }
    

    
/*GROWL UI*/

#titolo_clona_app{
    width:170px;
}

div.growlUI h1, div.growlUI h2 {
    color: white;
    text-align: center;
    margin: 0px;
    cursor: default;
    background-color: #1A5CA2;
}

#appuntamenti_growl{
    cursor: default;
}

#appuntamenti_growl div{
    padding: 5px;
}

#appuntamenti_growl span{
    display:block;
    text-align: left;
}

#appuntamenti_growl input{
    width:100%;
}

/************************* tipsy_tooltip ***************************************/
.tipsy
{
    padding: 10px;
    max-width: 200px;
    color: #8A6D3B;
    background-color: #FCF8E3;
    border: 1px solid #FAEBCC;
}
.tipsy-arrow{background: transparent!important;display:none;}
.tipsy-inner{background: transparent!important;color: #8A6D3B!important;}
.tipsy.titolo{font-weight: bold!important;}
/*******************************************************************************/