@charset "utf-8";
@import url("pescara_tel.css") only screen and (max-width:320px);
@import url("pescara_tablet.css") only screen and (min-width:321px) and (max-width:768px);
@import url("pescara_desktop.css") only screen and (min-width:769px);

/* CSS Document */
body {margin: 0; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:0.8em; padding-top: 70px}

.tab {width:95%; margin:auto; border:0;}
.tab tr {height:30px;}	 
.tab th {height:70px; text-align:left; font-weight:normal}
.l {text-align:left;}
.alert { color: #FF0000; text-align:center;}
.red { color:#FF0004;}
.ar { color:#DD8E0B;}
.vm { vertical-align:middle;}
.gr { font-weight:bold;}
.r { text-align:right}
.listn { overflow-y: auto; max-height:200px;}
.t_int { background-color:#E5BE49; line-height:1.6em;}
.maiusc { text-transform:uppercase;} 
.cap { text-transform:capitalize;}
.lbl_pr { width:50px; text-align:left; display:inline-block; }
.nomi { max-width:250px;}

h4 {text-align:center; }	
fieldset { border:hidden;}

/* a:link {color:#3078CD; text-decoration:none}
a:visited {color:#3078CD;}
a:hover { font-variant:small-caps;}
a:active {color: #3078CD;} 
*/
#menu > a:link {color: white; text-decoration:none;}
#menu > a:hover { font-variant:small-caps;}
#menu > a:active { color: white;}
#menu > a:visited { color: white;}

#logopartner { margin-left:4px; margin-right:4px;}

#ruota {
transform:rotate(270deg);
-webkit-transform: rotate(270deg); /* Safari and Chrome */
-o-transform: rotate(270deg); /* Opera */
-moz-transform: rotate(270deg); /* Firefox */
-ms-transform: rotate(270deg); /* IE 9 */
width:30px;
}

#pulsante { margin:auto; text-align:center;}

.pulsante {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border-radius:5px;
 border: solid 1px #0076a3;
 background: #0095cd;
 min-width:150px;
}	

/* input radio */
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 1.1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #BBBBBB;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.privacy > p { margin-left:5px; margin-right:5px; text-align:justify;}
.privacy > h4 { text-align:center;}

/* tabella Download */
.download {border-collapse: collapse; margin:auto; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:0.9em; }	
.download td, .download th {border: 1px solid #ddd; padding: 8px;}
.download tr:nth-child(even){background-color: #f2f2f2;}
/* .download tr:hover {background-color: #ddd;} */
.download th {padding-top: 12px; padding-bottom: 12px; text-align: center; background-color:#7ec7e3  /*#E5BE49;*/}
.down_w {min-width:500px}

#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
  border-collapse: collapse; width: 100%; border: 1px solid #ddd; font-size: .8em; 
  font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

#myTable th, #myTable td {text-align: left; padding: 12px; }
#myTable tr {border-bottom: 1px solid #ddd;}
#myTable tr.header, #myTable tr:hover {background-color: #f1f1f1;}

.rating {float:left; font-size:1.2em}
.rating:not(:checked) > input {
  position:absolute;  
  /* top:-9999px; */
  clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
  float:right;
  width:1em;
  /* padding:0 .1em; */
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:200%;
  line-height:1.2em;
  color:#ddd;
  /* text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);  */
}

.rating:not(:checked) > label:before {
  content: ★
}

.rating > input:checked ~ label {
  color: #ff7700;
  /* text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: gold;
 /*  text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating> input:checked + label:hover,
.rating> input:checked + label:hover ~ label,
.rating> input:checked ~ label:hover,
.rating> input:checked ~ label:hover ~ label,
.rating> label:hover ~ input:checked ~ label {
  color: #ea0;
 /*  text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating > label:active {
  position:relative;
  top:2px;
  left:2px;
}

.divTable{display: table; margin:auto; }
.divTableRow {display: table-row;}
.divTableHeading {background-color: #EEE;display: table-header-group;}
.divTableCell, .divTableHead {display: table-cell;padding: 1px 5px; vertical-align:middle}
.divTableHeading {background-color: #EEE;display: table-header-group;font-weight: bold;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;}
.prog { max-width:550px;}
.ltext { max-width:400px;}

#footer {
	position:fixed;  
	left:0px;
	bottom:0px; 
	height:55px;
	width:100%;
  background:#f8f8f8; 
	text-align:center;
	border:1px solid #ddd;
}
#footer img { margin-right:7px; margin-left:7px;}
.footer_w { width:100%;}
.footer_h { height:55px;}

/* IE 6 */

* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}