/* CSS Document */

/***********************************************/
/* struttura                                   */
/***********************************************/

body.popupbody{margin:0; padding:0;}

.popup_header{
	height:55px; background:url(img/header/popup_header.jpg) no-repeat top left;
	border-bottom:1px #F1F1F1 solid;
	padding:5px;
	}
	
.popup_content{height:367px; padding:10px;}

.popup_footer{
	border-top:1px #f1f1f1 solid; margin:20px 0 0 0; padding:5px;
	text-align:right;
	background:#f1f1f1;
	height:16px;
	}
	
.popup_footer a:link{background-color:none}

.link_close{background:url(img/struttura/close.gif) no-repeat center right;
	padding:0 15px 0 0;}

.linkpdf{
	background:url(img/struttura/ico_pdf.gif) no-repeat center right;
	padding-right:15px;
	}

body{
	margin-left:6px;
	margin-right:14px;
	margin-top:0px;
	background-color:#FFFFFF;
	font: 12px "Arial", Verdana, Helvetica;
	color: #666666;
}

body a{
	color: #999999;
	text-decoration: underline;
	background-color: #FFFFFF;
}

body a:hover{
	color:#999999;
	text-decoration: none;
	background-color: #DDDDDD; 
}

.testo{
	font: 11px "Arial", Verdana, Helvetica;
	color: #666666;
}

.testo a{
	color: #999999;
	text-decoration: underline;
	background-color: #FFFFFF;
}

.testo a:hover{
	color:#999999;
	text-decoration: none;
	background-color: #DDDDDD; 
}


.testo_dettaglio{
	font: 12px "Arial", Verdana, Helvetica;
	color: #666666;
	height:20px;
}

.testo_dettaglio a{
	color: #999999;
	text-decoration: underline;
	background-color: #FFFFFF;
}

.testo_dettaglio a:hover{
	color:#999999;
	text-decoration: none;
	background-color: #DDDDDD; 
}


#CellaScuola select{
	
	font: 11px "Arial", Verdana, Helvetica;
	color: #666666;
}
#CellaNome select{
	
	font: 11px "Arial", Verdana, Helvetica;
	color: #666666;
}
#misure_pagina {
	width:900px;
	background-image:url(http://www.otia.ch/img/struttura/sfondo.gif);
	background-repeat:repeat-y;

}

#header {
	width:900px;
	height:89px;
	background-color:#FFFFFF;
}

.logo {
	width:175px;
	height:89px;
	float:left;
}

.payoff {
	width:545px;
	height:89px;
	float:left;
}

.menuservizio {
	width:157px;
	float:left;
	height:89px;
	line-height: 10px;
}

.barra_img {
	width:725px;
	height:126px;
	float:right;
}

.img_home {
	width:722px;
	height:126px;
	float:left;
}

.barretta {
	width:3px;
	height:126px;
	float:right;
}

.barra_img_interno {
	width:725px;
	height:63px;
	float:right;
}

.img_home_interno {
	width:722px;
	height:63px;
	float:left;
}

.img_sx {
	float: left;
	margin-right: 10px;
	margin-bottom:5px;
	border-style:solid;
	border-color:#D2D2D2;
	border-width:1px;
}

.barretta_interno {
	width:3px;
	height:63px;
	float:right;
}

#footer {
	width:897px;
	clear:both;
	border: none;
	padding-top:5px;
	padding-bottom:5px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
	border-top-width:1px;
	margin-top:0px;
	font-family: "Arial", Verdana, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	background-color:#FFFFFF;
}

#footer a{
	text-decoration: underline;
	color: #999999;
}

#footer a:hover{
	text-decoration: none;
	color:#FFFFFF;
	background-color:#999999;
}

.stampa {
	width:487px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:10px;
}
.intestazione_finestra {
	width:490px;
	height:75px;
	float:left;
}

/***********************************************/
/* menu                                        */
/***********************************************/


#main_menu {
	width:175px;
	float:left;
}

#main_menu ul{
	list-style: none;
	margin: 0px;
	padding:0px;
	line-height: 5px;
	border:0px;
}

#main_menu li{
	list-style: none;
	margin: 0px;
	padding:0px;
	line-height: 5px;
	border-bottom:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	width:173px;
	}

#main_menu li#sottomenu{
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size:10px;
	color: #333333; 
	font-weight:normal;
	text-indent:10px;
	border:none;
	background-color:#F1F1F1;
	line-height: 20px;
		margin: 0px;
	padding:0px;
}

#main_menu li#sottomenu a{
	text-decoration: none;
	font-weight:normal;
	display:block;
	color: #333333; 
	background-color:#F1F1F1;
	text-indent:10px;
	line-height: 20px;
	margin: 0px;
	padding:0px;
}

#main_menu li#sottomenu a:hover{
	text-decoration: none;
	font-weight: normal;
	color:#333333;
	display:block;
	background-color:#FFFFFF;
	margin: 0px;
	padding:0px;
}

#main_menu li#sottomenu li.sottosottomenu{
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size:10px;
	color: #333333; 
	font-weight:normal;
	text-indent:20px;
	border:none;
	background-color:#F1F1F1;
	line-height: 20px;
	margin: 0px;
	padding:0px;
}

#main_menu li#sottomenu li.sottosottomenu a{
	text-decoration: none;
	font-weight:normal;
	display:block;
	color: #333333; 
	background-color:#FFFFFF;
	text-indent:20px;
	line-height: 20px;
	margin: 0px;
	padding:0px;
}

#main_menu li#sottomenu li.sottosottomenu a:hover{
	text-decoration: none;
	font-weight: normal;
	color:#333333;
	display:block;
	background-color:#FFFFFF;
	margin: 0px;
	padding:0px;
	font-weight:bold;
}

#main_menu li#sottomenu_fine{
	text-decoration: none;
	font-family: "Arial", Helvetica;
	font-size:10px;
	color: #333333; 
	font-weight:normal;
	text-indent:10px;
	border:none;
	background-color:#F1F1F1;
	padding:0px 0px 0px 0px; 
	line-height: 20px;
	margin: 0px;
	padding:0px;
	
}

#main_menu li#sottomenu_fine a{
	text-decoration: none;
	font-weight:normal;
	color: #333333; 
	background-color:#F1F1F1;
	border:0px;
	margin: 0px;
	padding:0px;
	line-height: 20px;
	display:block;
}

#main_menu li#sottomenu_fine a:hover{
padding:0px;
	background-color:#FFFFFF;
display:block;
}

.rollover_sottomenu{
	text-decoration: none;
	font-weight: normal;
	color:#333333;
	display:block;
	background-color:#FFFFFF;
	border:0px;
	padding:0px;
	margin: 0px;
}




.sfondo_bussola {
	height:500;
	background-image:url(http://www.otia.ch/img/menu/bussola.gif); 
	background-position:bottom; 
	background-repeat:no-repeat;
}

/***********************************************/
/* centro_pg                                   */
/***********************************************/
#contenuto_centrale {
	width:700px;
	margin-top:10px;
	float:right;
	
}
#notizie {
	width:487px;
	float:left;
}

#forum {
	width:485px;
	float:left;
	padding-top:40px;
}

.testo_sfondo {
	background-color:#F1F1F1;
	width:480px;
	float:center;
	padding:10px;	
}

.titolo_home {
float:left;
	width:487px;
}

.titolo_accordi{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #b34fc2;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:20px;
}

.sottotitolo_accordi{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #b34fc2;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_accordi a{text-decoration:underline; color:#b34fc2;}
.sottotitolo_accordi a:hover{background:#ddd; text-decoration:none; color:#999}

.titolo_rosso{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #CA413C;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:20px;
}

.titolo_regolamento{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #CA413C;
	font-weight: normal;
}

.titolo_regolamento a{text-decoration:underline; color:#CA413C;}
.titolo_regolamento a:hover{background:#ddd; text-decoration:none; color:#999}


.sottotitolo_rosso{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #CA413C;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.titolo_blu{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #2F4F94;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:20px;
}

.sottotitolo_blu{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #2F4F94;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_blu a{
	text-decoration: none;
	font-weight:normal;
	color: #2F4F94; 
	background-color:#FFFFFF;
}

.sottotitolo_blu a:hover{
	text-decoration: none;
	font-weight: normal;
	color:#2F4F94;
	background-color:#E9ECF1;
}

.titolo_azzurro{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #29B6D0;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:20px;
}

.sottotitolo_azzurro{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #29B6D0;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.titolo_verde{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #59AB39;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_verde{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #59AB39;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_verde a{
	text-decoration: none;
	font-weight:normal;
	color: #59AB39; 
	background-color:#FFFFFF;
}

.sottotitolo_verde a:hover{
	text-decoration: none;
	font-weight: normal;
	color:#59AB39;
	background-color:#E6F2E1;
}

.titolo_verdino{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #A4B722;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_verdino{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #A4B722;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_verdino a{
	text-decoration: none;
	font-weight:normal;
	color: #A4B722; 
	background-color:#FFFFFF;
}

.sottotitolo_verdino a:hover{
	text-decoration: none;
	font-weight: normal;
	color:#A4B722;
	background-color:#F5F8D9;
}

.titolo_giallo{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #E89E0F;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_giallo{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #E89E0F;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.titolo_arancio{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #D5691A;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_arancio{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #D5691A;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.titolo_viola{
	background-color:#FFFFFF;
	font: 16px "Arial", Verdana, Helvetica;
	color: #900B21;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:15px;
}

.sottotitolo_viola{
	background-color:#FFFFFF;
	font: 13px "Arial", Verdana, Helvetica;
	color: #900B21;
	font-weight: normal;
	padding-bottom:5px;
	padding-top:5px;
}

.testo_centro {	float:left;
	width:487px;
	padding:20px 0px 0px 0px;
}

.testo_lista {
	width:487px;
	padding:0px 0px 0px 0px;
}

.tabella {
	width:487px;
	padding:2px 2px 2px 2px;
	margin-top:15px;
	border:#DDDDDD 1px solid;
}

.testo_tabella {
	font: 11px "Arial", Helvetica;
	color: #999999;
}

.testo_evento_1 {
	width:220px;
	font: 11px "Arial", Verdana, Helvetica;
	color: #666666;
	float:left;
}

.testo_evento_2 {
	width:220px;
	font: 11px "Arial", Verdana, Helvetica;
	color: #666666;
	float:right;
}

.spazio_H10 {
	height:10px;
}

.spazio_H20 {
	height:20px;
}

.pulsanti {
	font-family: "Arial", Verdana, Helvetica;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align:right;
	border-bottom:#DDDDDD 1px solid;
	padding:5px 0px 5px 0px;
	margin: 0 0 0px 0; 

}

.pulsanti a{
	text-decoration: none;
	color: #999999; 
}

.pulsanti a:hover{
	color:#FFFFFF;
	background-color: #999999;
}

.allegato {
	font-family: "Arial", Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align:left;
	border-top:#DDDDDD 1px solid;
	padding:5px 0px 10px 0px; 

}

.allegato a{
	text-decoration: none;
	color: #999999; 
}

.allegato a:hover{
	color:#FFFFFF;
	background-color: #999999;
}

.allegato_ {
	font-family: "Arial", Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align:left;
	border-bottom:#DDDDDD 1px solid;
	padding:10px 0px 5px 0px; 

}

.allegato_ a{
	text-decoration: none;
	color: #999999; 
}

.allegato_ a:hover{
	color:#FFFFFF;
	background-color: #999999;
}

.form {
	width:160px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: "Arial", Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.linea {
	border-top:#DDDDDD;
	border-top-style:solid;
	border-top-width:1px;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:0px;
}

.comandi {
	width:225px;
	height:20px;
	float:right;
	margin-top:5px;
}


/***********************************************/
/* destra_pg                                   */
/***********************************************/
#spazio_dx {
	width:177px;
	float:right; 
	margin-top:0px;
	z-index:1;
}

.testo_dx {
	width:160px;
	margin-left: 8px;
	font-family: "Arial", Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.testo_dx a{
	color: #999999;
	text-decoration: none;
	background-color: #FFFFFF;
}

.testo_dx a:hover{
	color:#999999;
	text-decoration: none;
	background-color: #DDDDDD; 
}

.testo_login {
	font-family: "Arial", Verdana, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.saluti{
	background-image:url(http://www.otia.ch/img/struttura/freccia_rossa2.gif);
	background-repeat:no-repeat;
	padding-left:5px;
	margin-top:8px;
}

.saluti_off{
	padding-left:5px;
	margin-top:8px;
}

.comunicato{
	background-image:url(http://www.otia.ch/img/struttura/freccia_grigia2.gif);
	background-repeat:no-repeat;
	padding-left:5px;
	margin-top:8px;
}

table.search {border-collapse:collapse;border:0px;padding:0px;margin:0px;width:100%; font-size:12px; font-family:Arial;}
table.search tr,td {padding:0px;vertical-align:top; text-align:left;}
table.search table {font-size:12px; font-family:Arial;}
table.search .bot {color: #999999; text-decoration: underline; background-color: #FFFFFF; border:0px;}
.sezione{font-weight:normal; font-style:italic; float:left; position:relative; width:500px; padding:0 0 0 20px;}

.IndagineTitolo{background-color:#FFFFFF;	font: 14px Arial, Verdana, Helvetica; color: #2F4F94; font-weight: normal; border-top:#D3E8EC solid 1px; padding:3px 0 5px 0;}
.IndagineTesto{font: 12px Arial, Verdana, Helvetica; color: #2F4F94; font-weight: normal; border-top:#D3E8EC solid 1px; padding:10px 0 5px 0;}

#listatab {width:487px;height:17px; position:absolute; left:0px; top:0px; z-index:2;}
a.tabSelected { text-decoration:none; background-color:#FFFFFF; float:left; position:relative; padding:0px 0px; height:16px; line-height:16px; border:1px solid #DDDDDD; border-bottom:none; color:#2F4F94; width:100px; text-align:center; margin-right:2px;}
a.tabSelected:hover{background-color:#FFFFFF; color:#2F4F94;}
a.tabInactive { text-decoration:none; background-color:#DDDDDD; float:left; position:relative; padding:0px 0px; height:16px; line-height:16px; border:1px solid #DDDDDD; border-bottom:none; width:100px; text-align:center; margin-right:2px;}
a.tabInactive:hover{background-color:#DDDDDD;}

.takeAll {float:left; position:relative; clear:both;}
.max {width:100%;}
.pertab {display:none;padding-top:15px;width:485px;border:1px solid #DDDDDD;padding-bottom:15px; margin-top:16px; z-index:1;}