@charset "UTF-8";
/* CSS Document */

body{ font-family:Comic Sans MS,Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:left;}
a img { border: none;}
a{ text-decoration:none; color:#666666;}
a:hover{ text-decoration:underline;}

#all{ width:955px; margin:auto;}
#header{ width:955px;float:left; clear: both; background:url(/img/youthOpac/bck_header.jpg) no-repeat top left;}
#content{ width:955px;float:left; clear: both; background:url(/img/youthOpac/bck_modulo.jpg) repeat-y bottom left;}
#center{padding-left:30px;width:925px;float:left; clear: both; background:url(/img/youthOpac/bck_center.jpg) no-repeat bottom left; min-height: 447px;}
#footer{ width:955px;float:left; clear: both; text-align:center;}

#loghi{ padding-top:46px; padding-left:40px; width:330px; float:left;}
#loghi img{padding-right:20px;}

#login{ float:left; padding-top:46px; width:480px; text-align:right; padding-left:80px;}

#bruco{ text-align:right; margin-right:25px;}

#icone{ width: 600px; margin:auto; padding-left:0px; padding-top:50px;}
#icone img{}
#bottone-home{ width:150px; float:left; clear:both; font-size:12px; padding:15px 45px 10px 25px; text-align:center; clear:both;}
#bottone-home a{color:#666666; font-size:12px; text-decoration:none; font-weight: normal; text-transform:uppercase;}
#bottone{ width:135px; float:left; font-size:12px; padding:10px 18px; text-align:center; height:180px;}
#bottone a{ text-transform:uppercase; color:#666666; font-size:12px; text-decoration:none; font-weight: normal;}

#menu{ float:left; clear:both; margin-bottom:10px;margin-left:-20px;margin-top:10px;}
#menu ul{ padding:0px; margin: 0px 0px 10px 50px;}
#menu ul li{ display: inline; padding-right:10px;}
#menu ul li img { padding-right:2px;}
#menu ul li a{ text-transform:uppercase; color:#666666; font-size:12px; text-decoration:none; font-weight: normal; line-height: 9px; vertical-align:text-top;}
#menu ul li a:hover{ text-decoration:underline;}

#page-content{clear: both;padding-bottom:50px; margin-left:8px;}
.youthIconLink{
	text-decoration: none;
	border-style: none;
}

.youthIcon{
	width: 150px;
	text-align: center;

}

.youthMenuSearch{
	clear:both;
	padding:2px;
	width:100%;
}

div.youthMenuSearch span.image{
	float: left;
	text-align:center;
	width:30%;
}

div.youthMenuSearch span.richMenu{
	float:left;
	width:70%;
}

.table_section{font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;}
.table_section a{text-decoration:none;}
.table_section a:hover{text-decoration:none;}
img{border:0px;}
.table_section td{vertical-align:top;}





.login {margin:10px 0px 0px 10px;}

.text{ font-size:10px;color:#666;}

.login form{ margin:0px;padding:0px;}
/*  {background:url(/img/youthOpac/login_input.gif ) no-repeat;width:155px;height:16px;border:0px none;font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:9px;padding-left:4px;}*/
.login .log {font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#333333;float:left; padding-left: 8px; padding-right: 1px; line-height: 18px; padding-top:0px;}
.login .userLogged{width:155px;height:16px;font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:12px;color: red; }

.login .lnk{margin-bottom:4px;
	height: 17px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	font-size:9px;
  	height: 11px;
	text-decoration: none;
	color: #333333;
	background:  url(/img/youthOpac/menu.gif) no-repeat;
	padding: 0px 0px 2px 16px;
	display: block;
	font-family:Comic Sans MS,'lucida sans unicode', Verdana;

}

.login .lnk:hover {
	color: #ff0004;
	background:  url(/img/youthOpac/menu.gif) 0 -15px no-repeat;
	padding: 0px 0px 2px 16px;
}

li.youthOpacInline{
	display:inline; padding-left: 3px; padding-right: 7px;
}

li .lnkBooking{
	color: red;
}

/*li.youthOpacInline a{
	text-decoration: none;
	color: black;
	font-weight: bolder;
}*/

/*li.youthOpacInline a:hover{
	color: red;
}*/

.youthPanelGroup{
	vertical-align:top;
	height: 160px;
}

.youthDocumentSearchContainer{
	padding-left: 10px;
}

.youthDocumentSearch{
	/*border-bottom: 1px solid #cccccc;*/
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
	width:95%;
	font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:12px;padding-left:0px; color:#333333;

}

.left{
	float: left;
	clear: both;
}

.clear{
	clear:both;
}

.documentSearchButton{
	clear: both;
	padding-top: 4px;
	margin-left:10px;
	width:90%;
}

div.youthDocumentSearch span.leftField{
 	float: left;
 	text-align:left;
	width:15%;
	padding-top: 0.1em;
}

div.youthDocumentSearch span.rightData{
	width:40%;
	padding-top: 0.1em;
}

.youthIconLink{
	text-decoration: none;
	border-style: none;
}

.youthIcon{
	width: 150px;
	text-align: center;

}

.youthMenuSearch{
	clear:both;
	padding:2px;
	width:100%;
}

div.youthMenuSearch span.image{
	float: left;
	text-align:center;
	width:30%;
}

div.youthMenuSearch span.richMenu{
	float:left;
	width:70%;
}

.table_section{font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:11px;letter-spacing:2px;color:#666}
.table_section a{color:#666; text-decoration:none;}
.table_section a:hover{color:#666; text-decoration:none;}
img{border:0px;}
.table_section td{vertical-align:top;}


#data{font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;padding-left:4px; color:#333333;width:890px;}

#data .comandi{
	font-size:0.9em;
	margin: 0px 0px 1px 0px;
/*	border-top: 1px solid red;
	border-bottom: 1px solid red;*/
	padding: 3px 5px 4px 5px;}
	#data .comandi h1{font-size: 1em; margin:1px 50px 0px 0px;  text-transform:uppercase; display:inline;}

	#data .comandi p{
		margin:1px 0px 0px 30px;
		display:inline;
		text-align:right;}
	#data .comandi ul{display:inline; margin:0px}
	#data .comandi li{
		list-style-type:none;
		display:inline;
		margin-right:30px;	}
	#data .comandi .paginazione{
		color:#333333;
		text-align:right;
		vertical-align:middle;}

	#data .comandi a{
		color:#666666;
	}

#data label{
/*	color:#571D11;*/
	font-weight:bold;
}
#data input{
	font-size:1em;
	background-color:#f0f0f0;
}
#data select{
	font-size:1em;
	background-color:#f0f0f0;
}

/*TABELLA DETTAGLIO*/

.documentDetails{
	border-top: 1px solid #C1BFB6;
	border-bottom: 1px solid #C1BFB6;
	margin:10px 0px 10px 0px;
	float:left;
	width:750px;
}

.documentDetail{
	border-bottom:1px dashed #e3e3dd;
	padding-bottom:2px;
	clear: both;
}

div.documentDetail span.th{
	color:#EE3C24;
 	float: left;
	text-align:right;
	width:20%;
	font-weight:bold;
	padding-top: 0.4em;
}

div.documentDetail span.tr.warning{
	font-weight:bold;
	background-color:#FFCC00;
	padding-top: 0.4em;
}

div.documentDetail span.td{
	float: left;
	width:75%;
	text-align: left;
	color:#666666;
	padding-top: 0.4em;
	padding-left: 5px;
}

.copertinaWrapper {
	float: right;
	width: 100px;
	margin-left: 15px;
}

.copertina{
	margin:10px 0px 10px 0px;
	align: center;
	text-align:center;
	clear:both;
}

.copertina img{
	border: 0px;
}

.preview{
	align: center;
	text-align:center;
	clear:both;
}

.preview img{
	border: 0px;
}


/*Riepilogo Notizie*/
/* Link*/
div.documentDetail span.td a{
	color: #666666;
	font-weight: bold;
}

div.documentDetail span.td a:hover{
text-decoration:underline;
}

/*Tabelle risultati*/
/* Link*/
#data tr.riga-youth-opac a{
	text-decoration: underline;
	color: #f30;
	font-weight: bolder;
}

#data tr.riga-youth-opac a:hover{
	color: red;
}

.table-risultati{
	width: 880px;
}

#data .table-risultati td{
	/*border-bottom: 1px solid #ffffff;*/
}

#data .table-risultati th{
	text-align:left;
	border-bottom: 1px solid #ffffff;
}

#data .table-risultati th a{
	text-decoration: none;
	font-weight: bolder;
	color: black;
}

#data .table-risultati th a:hover{
	color: red;
}

/*TABELLA DETTAGLIO*/
#data .table-dettaglio{
	margin:10px 0px 10px 0px;
	/*border-bottom: 1px solid red;
	border-top: 1px solid red;*/

}
#data .table-dettaglio th{
	color:#666666;
	text-align:right;
}
#data .table-dettaglio tr.warning{
	font-weight:bold;
	background-color:#FFCC00;
}
#data .table-dettaglio td{
	color: #333333;
}
.iconDescription{
	font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:16px;letter-spacing:2px;color:#666;
	max-width: 220px;
	width: 220px;

}

.grey	{ color: #666; }
.green	{ color: #7391CA; font-size: 14px; }
.cyan	{ color: #69f; }
.orange	{ color: #EE3C24; }
.violet	{ color: #666666; }
.yellow	{ color: #fc0; }
.red	{ color: #7391CA; font-size: 14px; }

.panelMenuItem {
	background: #69f;
}
.panelMenuGroup{
	background:#66aaff;
}
.panelHovered{
	background:#ddd;
}

.topGroupClass{
	/*background: #1155bb;*/
	/*background-image: none;*/
}


/*TITOLI*/
#data h2{font-size:14px; font-weight:bold; margin:5px 0px 5px 0px;}
#data h3{font-size:1em; color:#2B364C;}
#data h4{font-size:1em; color:#2B364C;}

/*aggiunte*/
.youthDocumentSearch h1{ margin: 0px;}
.login img{ margin-top: 2px;}
a.linkDetailTitle {color:#666666;}
.youthDocumentSearch span{ font-size:12px;}
youthDocumentSearch input{ font-size:12px;}
a.linkDetailRownum {  font-size: 14px; color: #EE3C24; }
span.paginazione{ line-height: 30px;}
li.youthOpacInline a { text-decoration:none; font-weight:bold;}
li.youthOpacInline a:hover { text-decoration:underline; font-weight:bold;}
.bigIcon{
	position: relative;
    float: left;
    padding-left: 30px;
    padding-top: 20px;
}
span.typeMaterial{ font-style:italic;}
span.th{}
span.td{}

.login .logLabel {font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:9px; color:#333333;float:left; padding-left: 8px; padding-right: 1px; line-height: 18px; padding-top:0px;}
.login .logInput { width:120px; font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size:9px; color:#333333;float:left}
h2{ font-size:14px; margin:0px 0px 5px 0px; font-weight:bold;}
#page-content ul{ margin: 0px; padding:0px; margin-left:20px;}
#comandi{ margin-top: 5px; margin-bottom: 5px;}
#header-menu{ float:left; clear:left; margin-top:10px;}
tr.riga-youth-opac{line-height:20px;}
tr.riga-youth-opac td{ padding-left:3px;}

#icone_left{ float:left;width:220px; padding-left:50px;}
#icone_right{ float:left; width:220px;}
#bruco_home{ float:left; height:400px;}
span.paginazione a{ font-size: 14px; padding-right:1px; padding-left: 1px;}
span.paginazione b{  font-size: 14px;}
#page-content h2 {  color: #EE3C24; font-size:16px;}
th.documentDescription{ padding-right:4px; padding-left: 3px; background:#f3f2e9; text-transform:uppercase; font-weight:normal; font-size:12px;}
#riga{float:left; margin-bottom:10px; border-bottom: 1px solid #C1C0BC; height: 120px;}
#riga_testo{float:left; margin-bottom:10px;padding-bottom:10px; border-bottom: 1px solid #C1C0BC; }
#riga_testo_last{float:left; padding-bottom:40px;}
#col_left{width: 150px;float:left; text-align:center;}
#col_right{ width: 730px;float:left; position:relative; height:100px;float:left; clear:right;}
#col_right p{position: absolute;top:40%;}
#col_right_testo{ width: 730px; float:left; clear:right;}
#col_right_testo p{}
#clear{ float: left;clear:both;}
#help{ float:left; clear:both; width:900px; margin-bottom: 70px; margin-top:40px;}
#riga_last{float:left; margin-bottom:10px; height: 120px; border-bottom: 1px solid #C1C0BC; }
#riga_last #col_left{ width:200px;}
#riga_last #col_right{ width:650px;}
#bottone-home-left{ width:150px; float:left; clear:both; font-size:12px; padding:15px 0px 10px 70px; text-align:center; clear:both;}
#bottone-home-left a{color:#666666; font-size:12px; text-decoration:none; font-weight: normal; text-transform:uppercase;}
#bottone-home-right{ width:150px; float:left; clear:both; font-size:12px; padding:15px 70px 10px 10px; text-align:center; clear:both;}
#bottone-home-right a{color:#666666; font-size:12px; text-decoration:none; font-weight: normal; text-transform:uppercase;}
#bottone-home-centerleft{ width:150px; float:left; clear:both; font-size:12px; padding:15px 55px 10px 15px; text-align:center; clear:both;}
#bottone-home-centerleft a{color:#666666; font-size:12px; text-decoration:none; font-weight: normal; text-transform:uppercase;}
#bottone-home-centerright{ width:150px; float:left; clear:both; font-size:12px; padding:15px 15px 10px 55px; text-align:center; clear:both;}
#bottone-home-centerright a{color:#666666; font-size:12px; text-decoration:none; font-weight: normal; text-transform:uppercase;}
#clear{ float:left; clear:both; height:20px;}
.comandi ul{ list-style-type:none; clear:both;} 
.comandi ul li{ display:inline; padding-right: 10px;}

#menu a.reservationLink {color:red; font-weight:bold; font-size:14px;}