@charset "utf-8";
/* CSS Document */
.w25 {width:25%;}
.alpha_menu {display:inline-block;padding-left:0;margin:5px 0;border-radius:4px;}
.alpha_menu > li {display: inline;}
.alpha_menu > li:first-child > a, .alpha_menu > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.alpha_menu > li > a, .alpha_menu > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.alpha_menu>li>a:focus, .alpha_menu>li>a:hover, .alpha_menu>li>span:focus, .alpha_menu>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.alpha_menu>.active>a, .alpha_menu > .active>a:focus,.alpha_menu>.active>a:hover,.alpha_menu>.active>span,.alpha_menu>.active>span:focus,.alpha_menu>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.col {display: block;float:left;margin-left: 1.4%;}
.col:first-child { margin-left: 0; }
	.col_12 { width: 100%; }
    .col_11 { width: 91.55%; }
    .col_10 { width: 83.1%; }
    .col_9 { width: 74.65%; }
    .col_8 { width: 66.2%; }
    .col_7 { width: 57.75%; }
    .col_6 { width: 49.3%; }
    .col_5 { width: 40.85%; }
    .col_4 { width: 32.4%; }
    .col_3 { width: 23.95%; }
    .col_2 { width: 15.5%; }
    .col_1 { width: 7.05%; }

    
	button.accordion {
		-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
		-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
		box-shadow:inset 0px 1px 0px 0px #54a3f7;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
		background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
		background-color:#007dc1;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #124d77;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:0.9em;
		padding:7px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #154682;
		width:100%;
		text-align: left;
		margin-bottom:5px;
	}
	
    button.accordion.active, button.accordion:hover, button.accordion.active::before, button.accordion:hover::before {color:#fff;}
	button.accordion::before {content: '+';font-size: 1em;font-weight: bold;margin-right: 10px;padding-left: 10px;color:#fff;}
    button.accordion.active::before {content: '-';}
	
    div.panel {padding: 5px 10px;display: none;background-color: #F2F2F2;width: 98%;border-radius:7px;margin-top:-5px;}
    div.panel > p {font-size: 14px; margin: 0!important; line-height:30px;}
    div.panel > p img {height: 25px; line-height: 25; margin-right:10px;}
    /* Stile Table */
    table#dirigenti {font-size: 16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;border-collapse: collapse;border-spacing: 0;width: 100%;margin:20px 0px;}
    #dirigenti td, #dirigenti th {border: 1px solid #ddd;text-align: left;padding: 8px;}
	#dirigenti th p{font-weight:700;}
    table#dirigenti caption { font-size: 16px; text-align: center;  padding: 8px; color: white;}
	table#dirigenti caption.green {background-color: #4CAF50;}
	table#dirigenti caption.blue {background-color: #021766;margin-top: -25px;}
	.no_found {background-color:#DFDFDF; border:1px solid #C0C0C0; border-radius:6px; font-weight:bold; text-align:center; padding:20px; color:#171717; margin-bottom:30px;}
.pagination1 li a.active { background: linear-gradient(to bottom, #0f4162 5%, #0b69c4 100%)!important; }
.letter_menu {width:30px;padding:5px;margin-left: 3px;background-color:white;border: 1px solid #d9d5d5;}
.letter_menu_a {width:45px;padding:4px 5px;margin-left: 3px;background-color:white;border: 1px solid #d9d5d5;text-decoration:none;font-size:0.9em;color:#000;}
.letter_menu:hover, .letter_menu_a:hover, .active  {background-color:#0061a7; color:#fff;cursor: pointer;}
.inputstyle_trasp {border: 1px solid #B0CFE0;padding: 7px;width:100px;text-align:center;}

.btn_blue_trasp {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:7px 24px 7px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	font-weight:700;
}
.btn_blue_trasp:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
}
.btn_blue_trasp:active {position:relative;top:1px;color:#ffffff;}
	
@media (min-width:550px) {
  .b_space { width:200px; display:inline-block; }
  .letter { font-size:24px !important; font-weight:800; display:block; margin:8px;}
  .retr { float:right; padding-right:10px; }
}
@media (max-width:550px) {
  div.panel > p img {height: 20px !important; width: 20px !important; line-height: 25; margin-right: 10px; }
.alpha_menu > li > a, .alpha_menu > li > span {
    padding: 6px 8px;
    font-size: 11px;
}
.b_space {display: block;}
table#dirigenti {width: 95%;}
#dirigenti td, #dirigenti th p { font-size: 10px; }
#dirigenti td, #dirigenti th { width: 20%; padding: 4px;}
table#dirigenti caption { font-size: 13px; }

}
@media (max-width:350px) {
  .alpha_menu > li > a, .alpha_menu > li > span {padding: 4px 6px; font-size: 9px; }

}