/* I colori base del logo sono
      Nero   - #000000
	  Grigio - #666666
	  Giallo - #FFFF99
	  Rosso  - #FF0000

	  Grigio sfondo - #616161
*/


@charset "utf-8";

body {
   font: 16px Verdana;
   background: #666666;
   margin: 10px;
   text-align: center;
   color: #FFFF99;
}

img {
	border: none;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.grey {
   color: #666666;
}

.yellow {
   color: #FFFF99;
}

.red {
   color: #FF0000;
}

.page-title {
   font: 20px Verdana, Arial;
   text-align: center;
   color: #000000;
   text-transform: uppercase;
}

.page-highlight {
   color: #FF0000;
}

.td-header {
   text-align: center;
   padding-left: 12px;
   /*padding-right: 10px;*/
   border-top-color: #FFFF99;
   border-top-style: double;
   border-bottom-color: #FFFF99;
   border-bottom-style: double;
   border-width: medium;
   max-height: 55px;
}

.td-middle-left {
   width: 30%;
   max-width: 30%;
   vertical-align: top;/*middle;*/
   text-align: center;
   padding-left: 10px;
   padding-top: 0px;
}

.td-middle-center {
   width: 70%;
   max-width: 70%;
}

.td-footer {
   text-align: left;
   padding-left: 14px;
   padding-right: 15px;
   padding-top: 3px;
   border-top-color: #FFFF99;
   border-top-style: double;
   border-bottom-color: #FFFF99;
   border-bottom-style: double;
   border-width: medium;
   max-height: 55px;
}

iframe {
   border-style: solid;
   z-index:-99;
}

/* Stili per il menu' */
ul.menu {list-style:none; margin:0; padding:0; z-index:50}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#666666; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px; font-size:11px; text-transform:uppercase; font-family:Arial Black; color:#FFFF99}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #666666; border-top:none; width:171px; margin:0; z-index:99}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#000000}
ul.menu ul li a:hover {background-color:#333333; color:#FFFF99}
ul.menu ul ul {left:171px; top:-1px}
ul.menu .menulink {border:1px solid #666666; padding:5px 7px 7px; font-weight:bold; background:#000000; width:157px}
ul.menu .menulink:hover, ul.menu .menuhover {background:#000000; color:#FFFF99}
ul.menu .sub {background:#000000 url(../img/arrow.gif) 157px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

ul.menu .menulink-large {border:2px solid #666666; padding:5px 7px 7px; font-weight:bold; text-align:right; background:#000000; width:236px}
ul.menu .menulink-large:hover, ul.menu .menuhover {background:#000000; color:#FFFF99}

ul.menu .menulink-extralarge {border:1px solid #666666; padding:5px 7px 7px; font-weight:bold; text-transform:lowercase; font-size:12px; background:#000000; width:332px}

/* Stili specifici per la pagina hoaerografato.php */
.td-header-hoaerografato {
   text-align: center;
   padding-left: 12px;
   border-top-color: #FFFF99;
   border-top-style: double;
   border-width: medium;
   max-height: 55px;
}

.td-middle-left-hoaerografato {
   text-align: center;
   vertical-align: top;
}

.td-middle-right-hoaerografato {
   text-align: center;
   vertical-align: middle;
}

.td-footer-hoaerografato {
   text-align: left;
   padding-left: 14px;
   padding-right: 15px;
   padding-top: 3px;
   border-bottom-color: #FFFF99;
   border-bottom-style: double;
   border-width: medium;
   max-height: 55px;
}

div#cookie-alert {
  	display: none;

  	border-bottom: 3px #FFFF99 solid;
	height: 30px;
	width: 100%;

	text-align: center;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
div#cookie-alert a {

}
div#cookie-alert a:hover,
div#cookie-alert a:focus {

}
div#cookie-alert > a.close {
	margin-left: 15px;
	display: inline-block;
}
div#cookie-alert > p {
	display: inline-block;
}