@charset "utf-8";

html,body {
	width: 100%;
	height: 100%;
	
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	/* background: #FFF url(../images/bkg8.png);
	background-repeat: repeat-x; */
	color: #000;
	overflow: hidden;
	background-color:#CCC;
	/* background: repeat url("../images/logo_Apta_2.png") #FFFFFF;	*/
}

input,textarea,select{
    padding:5px!important;
    width: 97%;
}
div#CybotCookiebotDialog div {
  float: none;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  float: left !important;
}


div {float:left;}

.topLinks1 {
	margin: 24px 0 0 0;
	padding: 0 18px 0 18px;
	border-right: #666 solid 1px;
}

.topLinks2 {
	margin: 24px 5px 0 0;
	padding: 0 18px 0 18px;
}

.menuBkg {
	/*background-color:#AAA;*/
	padding: 0 12px 0 12px;
	border-bottom:#777 4px solid;
}

.menuBtn {
	height: 22px;
	overflow:hidden;
	padding: 6px 15px 2px 15px;
	margin-right:2px;
	/*border-width: 0 2px 0 0;
	border-color:#FFF;
	color:#666;
	border-style:solid;*/
	color:#666;
	background-image:url(../images/bkg1.png);
	background-color:#CCC;
	font-size: 0.96em;
	text-align:center;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; 
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; 
}

.menuBtn a, .menuBtnSel a{
	text-decoration:none;
	color:#FFFFFF;
}

.menuBtn:hover {
	background-color:#777;
	background-image:url(../images/bkg2.png);
	cursor: pointer;
	text-align:center;
}

.menuBtnSel {
	/*height: 22px;
	overflow:hidden;
	padding: 6px 14px 2px 14px;
	border-width: 0 2px 0 0;
	border-color:#FFF;
	color:#FFF;
	border-style:solid;
	background-color:#666;
	font-size: 0.96em;
	font-weight:bold;
	text-align:center;
	background-image:url(../images/bkg2.png);*/
	color:#F00;
	font-weight:bold;
	background:#eee;
}

#container {
	/* width: 100%; */
    height: 100%;
	/* background-image:url(../images/bkg8.png);
	background-repeat:repeat-x; */
	background: rgba(16,229,255,1.00) url(../images/fiera3.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#frame_content {
	position:relative;
	text-align:center;
	width:100%;
	z-index:2;
	background: url(../images/ajax-loader.gif) no-repeat; 
	background-position: 50% 50%;
}

#home_container {
	width:940px;
	position:absolute;
    left:50%;
    margin-left:-490px;
}

#search_container {
	width:940px;
	position:absolute;
    left:50%;
    margin-left:-490px;
	background-color:#FFF;
	padding:10px;
	text-align:left;
	font-size: 0.9em;
	height:96%;
}


#pdf_link {
	width:100%;
	height:33px;
	background: #777;
	font-size:0.95em;
	text-align:center;
	padding-top:4px;
	color:#EEE;
	font-weight:bold;
}

#pdf_link a {
	color:#B3D1FB;
}

#pdf_link:link {
	color:#FFF;
}

.menu2 {
	width:100%; 
	/*padding: 0 12px 0 12px;
	background-color:#AAA; */
	position:absolute; 
	left:0;
	margin-right:-20px;
	display: none;
	border-bottom:#666 4px solid;
	text-align:left;
	overflow-y: scroll;
	overflow-x: hidden;
	background: rgba(16,229,255,1.00) url(../images/fiera3.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.cBox {
	width:234px; 
	height:228px; 
	border:#555 solid 3px;
	background-color:#3B4760;
	color:#FFFFFF;
	float:left;
	margin: 10px;
}

.cBoxSel {
	border:#DDD solid 3px;
	background-color:#3B4760;
}

.cBox:hover {
	border:#FFF solid 3px;
}

.closeBox {
	margin: 11px;
	padding: 3px;
	font-size:10px;
	color:#FFF;
	background-color:#727272;
	float:left;
	border:#AAA solid 1px;
}

.closeBox a:link {
	font-size:10px;
	color:#FFF;
}

.iBox1 {

}

.tBox1 {
	font-size:0.95em;
	font-weight:bold;
	padding: 5px 5px 0 5px;
	width:224px;
	height: 23px;
	background-color:#444;
	background-image:url(../images/bkg3.png);
	overflow:hidden;
}

.tBox2 {
	font-size:0.77em;
	line-height: 1.15em;
	width:224px;
	height: 55px;
	margin: 5px 5px 0 5px;
	overflow:hidden;
}

.tBox3 {
	font-size:0.9em;
	height: 20px;
	margin: 5px 5px 5px 0;
	padding: 2px 3px 0 1px;
	background-color:#444;
	background-image:url(../images/bkg4.png);
	width: 103px;
	border:#777 solid 2px;
	overflow:hidden;
	float:right;
	text-align:center;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; 
}

.tBox3:hover {
	font-size:0.9em;
	height: 20px;
	margin: 5px 5px 5px 0;
	padding: 2px 3px 0 1px;
	background-color:#999;
	background-image:url(../images/bkg5.png);
	border:#CCC solid 2px;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
}


.white50 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}


/*********************** selettori / tag elemento ***********************/
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
	padding-right: 15px;
	padding-left: 15px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
}

a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color:#414958;
	text-decoration: none; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color: #4E5869;
	text-decoration: none;
}
a:hover { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: underline;
}

a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
}




/*********************** ul/nav ***********************/
ul.nav {
	list-style: none; /* Rimuove l'indicatore di elenco */
	border-top: 1px solid #666; /* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
	margin-bottom: 15px; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */
}
ul.nav li {
	border-bottom: 1px solid #666; /* Crea la separazione tra i pulsanti */
}
ul.nav a, ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
	background: #6F7D94;
	color: #FFF;
}




/*********************** slide panel ***********************/
.btn-slide a:focus {
	outline: none;
	color: #fff;
}
#panelDiv {
	width: 370px;
	float:none;
	position:absolute;
	z-index: 450;
}
#panel {
	/*background:url(../images/bkg6.png) repeat-x #AAA;*/
	background-color:#EEE;
	width: 370px;
	height: 92px;
	display: none;
	padding:0;
	float:none;
	border:#444 solid 2px;
	border-top: none;
	font-size:0.82em;
	-moz-border-radius: 8px; 
	-khtml-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#panelBody {
	padding:6px 6px 6px 8px;
	float:left;
	width:333px;
	height:76px;
	overflow:hidden;
	text-align:left;
}
.slide {
	margin: 0;
	padding: 0;
	/* border-top: solid 4px #000; */
}
#btn-slide {
	float:right;
	background: #fff;
	text-align: center;
	width: 20px;
	height: 20px;
	font-size:12px;
	padding:3px 0px 0px 0px;
	margin:0;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.f1 {
	width:70px;
	height:20px;
	float:left;
	padding-top:3px;
	text-align:left;
}

.f2 {
	width:100px;
	height:25px;
	float:left;
	text-align:left;
}

.f3 {
	width:397px;
	float:left;
	padding-top:2px;
	text-align:left;
}

.f4 {
	width:90px;
	height:20px;
	text-align:left;
}

.searchDiv{
	width:165px;
	height:38px;
	margin:9px 0 0 0 ;
	padding:0 10px 0 0;
	background-image:url(../images/search_image.png);	
	float:left;
}

.searchBtn{
	cursor: pointer;
	width:30px;
	height:25px;
	float:left;
	margin-top:5px;
}

.searchFld{
	width:116px;
	height:22px;
	margin:6px 44px 0 10px;
	padding:0;
	text-align:left;
	float:none;
}

.menutabs { 
	position: relative; 
	padding: .1em; 
	zoom: 1;
	z-index:408;
 } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.menutabs .menutabs-nav {
	float: left; 
	position: relative; 
	top: 1px; 
	margin: 5px 15px 0 0; 
	border-bottom: 0 !important; 
	padding: 0;
	white-space: nowrap; 
	z-index:400;
}

.menubtn { 
	padding: 10px 0 0 0;
	margin-right:60;
	font-size:0.88em;
	color: #003366;
	text-align:center;
	width:114px;
	height: 32px;
	z-index:400;
	background-image:url(../images/bkg10.png);
}

.menubtn:hover { 
	background:url(../images/bkg10_hover.png);
}

.menubtnsel { 
	background:url(../images/bkg10_sel.png);
}

.menubtn a { 
	color: #003366;
	text-decoration:none;
	margin: 0 5px 0 0;
}

.menubtn a:hover { 
	color: #CCC;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; 
	border:#FFF solid 1px;
	width:400px;
	top:35px;
	position:absolute;
	z-index:400;
	padding:5px;
	font-size:0.78em;
	color:#FFF;
	display:none;
	}
	
#tabs-4 {
	left:1px;
	background-color:#BBB;
	margin-top:12px;
	width: 325px;
}	

#tabs-4 a {
	color:#FFF;
}