/* CSS Document */

body,html{ 
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px; 
background:url(../img_liceo_giusti_torino/bg_centrale.jpg) top repeat-y;
}



#homebox1{
float:left;
width:250px; 
border:#FFCC00 3px solid;
background-color:#FFFFFF;
text-align:left;
margin:5px 0px 0px 0px ;
padding: 0px;
}

#homebox2{
float:right;
width:264px; 
border:#FFCC00 3px solid;
background-color:#FFFFFF;
text-align:left;
margin:5px 0px 0px 0px ;
padding: 0px;
}


#indice{
margin:0px;
padding:0px;
overflow:hidden;
}

#indice ul{
overflow:hidden;
margin:0px;
padding:0px;
color:#000000;
list-style:none;
font-size:11px;
text-decoration:none;
}

#indice ul li{
overflow:hidden;
margin:0px 3px 0px 3px ;
padding:0px;
color:#000000;
float:left;
font-size:11px;
text-decoration:none;
}


#indice a,#indice a:link,#indice a:active{ 
margin:0px;
padding:0px;
font-size:12px;
font-weight:normal; 
font-style:normal;	
color: #000000 !important;
text-decoration:none;
}
#indice a:hover{
margin:0px;
padding:0px;
font-size:12px;
font-weight:normal; 
font-style:normal;
color: #000000 !important;
text-decoration:none;	
}


#linkcontenuti{
}
#linkcontenuti a,#linkcontenuti a:link,#linkcontenuti a:active{ 
margin:0px;
padding:0px;
font-size:12px;
font-weight:normal; 
font-style:normal;	
color: #000000 !important;
text-decoration:none;
}
#linkcontenuti a:hover{
margin:0px;
padding:0px;
font-size:12px;
font-weight:normal; 
font-style:normal;
color: #000000 !important;
text-decoration:none;	
}


#nascondi ul{
list-style:none;
font-size:9px;
text-decoration:none;
}

#nascondi h2{
font-size:8px;
}

.contenuti h2{
font-size:12px;
}
.contenuti h3{
font-size:12px;
}
.contenuti h4{
font-size:12px;
}


.errore{
color:#FF0000; 
font-weight:bold;
}




.paginazioneNext{
font-size:9px;
font-weight:bold; 
font-style:normal;
text-transform:uppercase;	
}

.paginazioneNext a,.paginazioneNext a:link,.paginazioneNext a:active{ 
font-weight:bold; 
font-style:normal;	
color: #0066cc !important;
text-decoration:none;
}
.paginazioneNext a:hover{
font-weight:bold; 
font-style:normal;
color: #000077 !important;
text-decoration:none;	
}


.txtPaginazione{
font-size:10px;
font-weight:bold; 
font-style:normal;
text-transform:uppercase;	
}
.txtPaginazione a,.txtPaginazione a:link,.txtPaginazione a:active{ 
font-weight:bold; 
font-style:normal;	
color: #000077 !important;
text-decoration:none;
}
.txtPaginazione a:hover{
font-weight:bold; 
font-style:normal;
color: #0066cc !important;
text-decoration:none;	
}


/*////////////////  GENERAL  ////////////////*/
/*////////////////  JS  ////////////////*/
.showHideLink{
	font-weight:normal;
	padding:0px;
}
.showHidehidden{
	display:none;
	padding:2px 0px 0px 0px;
	margin:0px;
}


#chiudi{
	background:url(/img_liceo_giusti_torino/icon_less.gif) left no-repeat;
	padding:0px 0px 0px 10px;
	display:none;
	text-decoration:none;
}
#apri{
	background:url(/img_liceo_giusti_torino/icon_plus.gif) left no-repeat;
	padding:0px 0px 0px 10px;
	display:block;
	text-decoration:none;
}

.immagine img {
background:#FFFFFF;
margin:0px; 
padding:0px;
border:#FFFFFF 2px solid;
}
.immagine a img,.immagine a:link img,.immagine a:active img{ 
margin:0px; 
padding:0px;
border:#FFFFFF 2px solid;
}
.immagine a:hover img{ 
margin:0px; 
padding:0px;
border:#0066CC 2px solid;
}


.overimg {  
background:url(../img_liceo_giusti_torino/zoom.gif) top right no-repeat;
width: 25px;
height: 25px;
/*border:#FF0000 1px solid;*/
top:0px; 
left:44px;
position:relative;
z-index:1000;
overflow:hidden;
}

/*////////////////  JS  ////////////////*/

.voti{ 
font-size:10px;
font-weight:bold; 
font-style:normal;	
text-decoration:none;
}
.voti a,.voti a:link,.voti a:active{ 
font-weight:bold; 
font-style:normal;	
color: #000077 !important;
text-decoration:none;
}
.voti a:hover{
font-weight:bold; 
font-style:normal;
color: #0066cc !important;
text-decoration:none;	
}


/* tasti semplici */
.tasti{ 
font-family: Arial, Helvetica, sans-serif;
height:14px;
margin:2px 0px 2px 0px;
padding:2px 4px 2px 4px;
border:#FFCC00 2px solid;
font-size:11px; 
font-weight:bold;
color: #000; 
background-color: #FFFBCA; 
}

.tasti a,.tasti a:link,.tasti a:active{ 
font-weight:bold; 
font-style:normal;	
color: #000 !important;
text-decoration:none;
}
.tasti a:hover{
font-weight:bold; 
font-style:normal;
color: #000 !important;
text-decoration:none;	
}
/* fine tasti semplici */


#immagine_gallery{ 
width: 100px; 
height:150px;
border:#ccc 1px solid; 
float:left; 
/*display:block;*/
}

.imginvisible{
height:0px;
width:0px; 
border:0px; 
margin:0px; 
padding:0px;
}


a,a:link,a:active{ 
font-weight:bold; 
font-style:italic;	
color: #000077 !important;
text-decoration:underline;
}
a:hover{
font-weight:bold; 
font-style:italic;
color: #ffCC00 ;
text-decoration:none;	
}


#linkmaiuscolo{
font-weight:bold;  
text-decoration:none;
font-style:normal;
font-size:13px;
}
#linkmaiuscolo a, #linkmaiuscolo a:link, #linkmaiuscolo a:active{ 
font-style:normal;
font-size:13px;
text-decoration:none;
}
#linkmaiuscolo a:hover{ 
color:#0066cc !important;
font-size:13px;
font-style:normal; 
text-decoration:none;
}




.centrato{ 
text-align:center;
}

.nounderline{ 
text-decoration:none;
}
.nounderline a,.nounderline a:hover,.nounderline a:link,.nounderline a:active{ 
text-decoration:none;
}
.lineaalta{ 
line-height:20px;
}

hr{  
background-color:#FFCC00; 
border:none;
border-color:#FFCC00;
color:#FFCC00;
size:2px;
width:100%;
}

.javascript{
font-size:10px;
color:#FFFFFF;
}
.javascript a{ 
text-decoration:underline;
color:#FFFFFF;
}
.javascript a:hover{
text-decoration:none;
color:#FFFFFF;
}


p{
margin:10px 0px 0px 0px;
padding:0px;
}

.paddingquattro{
padding:4px;
}

.txtgiallo{
color:#FFCC00; 
}
.txtblu{
color:#000077; 
}

.txtbianco{
color:#FFFFFF; 
}

.txtazzurro{
color:#0066CC; 
}

.txtundici{
font-size:11px; 
}
.txtdieci{
font-size:10px; 
}
.txtnove{
font-size:9px; 
}

.txtrosso{ 
color:#CC0000;
}

.txtasterisco{ 
color:#CC0000;
}
.grassetto{
font-weight:bold;
}

table{
font-size:12px; 
}

#topCentrale{ 
text-align:center;
height:210px; 
margin:auto; 
padding:5px 0px 0px 0px ;
background:url(/img_liceo_giusti_torino/fondo_top.jpg) top no-repeat;
}

#centrale{
width:750px;
margin:auto;
/*padding:0px;*/
} 


#percorsobox{
color:#000077;
padding:6px;
margin: 0px ;
width: 210px;
background-color: #FFCC00;
}
#percorsobox a,  #percorsobox a:link{ 
font-style:normal; 
text-decoration:none; 
color:#000077 !important;
}


#percorsobox a:hover, #percorsobox a:active{ 
font-style:normal;
text-decoration:none; 
color:#FFFFFF !important;
}



#percorso { 
color:#000077;
padding:6px;
margin: 0px ;
width: 510px;
background-color: #FFCC00;
}
#percorso a,  #percorso a:link{ 
font-style:normal; 
text-decoration:none; 
color:#000077 !important;
}


#percorso a:hover, #percorso a:active{ 
font-style:normal;
text-decoration:none; 
color:#FFFFFF !important;
}


.contenuti table{
line-height: 18px;
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contenuti{
line-height: 18px;
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}



h1{
font-size:11px;
margin:0px;
padding:0px;
}

#fondo{
text-align:left;
width: 750px; 
clear:left;
margin: 0px auto; 
padding-top:10px;
padding-bottom:10px;
}

/* menu nel footer */
.menufondo{
text-align:center; 
line-height:14px; 
color:#000077; 
font-size:10px; 
font-style:normal;
/*width:600px; */
border:0px;
margin:3px 0px 0px 0px; 
padding:0px;
}

.menufondo a, .menufondo a:link{ 
font-style:normal;
font-weight:normal;
text-decoration:none;
color:#000077; 
}

.menufondo a:hover, .menufondo a:active{
color:#000077 !important; 
font-style:normal;
text-decoration:underline;
}
/* FINE menu nel footer */

/* copyright del footer */
.copyright{
font-style:normal;
font-size:10px; 
font-weight:bold;  
text-align:center; 
color:#FFFFFF;
margin: 3px 0px 0px 0px;
}

.copyright a, .copyright a:link{ 
font-style:normal;
font-weight:bold;
text-decoration:none;
color:#FFFFFF !important; 
}

.copyright a:hover, .copyright a:active{
color:#FFCC00 !important; 
text-decoration:none;
font-weight:bold;
}
/* FINE copyright del footer */

#fondolinetta{ 
width:8px; 
height:48px;
float:left; 
background:url(/img_liceo_giusti_torino/puntino.gif) top center repeat-y;
border:0px;
margin:0px; 
padding:0px;
}

#fondo3{ 
color:#000077; 
line-height:18px; 
text-align:center; 
font-size:10px; 
width:110px; 
float:left;
border:0px;
margin:5px 0px 0px 0px ; 
padding:0px;
}



#footer{
color:#000; 
background:url(/img_liceo_giusti_torino/fondo_footer.jpg) top repeat-x; 
height:62px; 
border:#ffffff 3px solid;
background-color: #000077; 
width:744px; 
padding:0px;
margin:0px;
}

/* tabella ricerca */
.tabellaRicerca{
text-align:right;
color:#000077; 
font-size:10px;
padding: 1px 2px 1px 4px;
margin: 2px 0px 2px 0px; 
border:#FFCC00 2px solid;
background-color: #FFFFFF;
height:30px;
}

.ricercaUno{
color:#6699CC;
width:280px; 
height:20px; 
float:left; 
text-align:left;
margin:3px 0px 0px 0px;
}

.ricercaDue{
width:240px; 
float:left;
margin:3px 0px 0px 0px;
padding:0px;
}
.ricercaDue form{
margin:0px;
padding:0px;
}


/* tabella indirizzo */
#tabellaindirizzo{ 
color:#000077; 
font-size:11px;
padding: 5px;
margin: 10px 0px 0px 0px; 
border:#FFCC00 3px solid;
background-color: #FFFFFF;
}



#tabellaindirizzo  a, #tabellaindirizzo  a:link{ 
font-weight:bold;
font-style:italic;
text-decoration:none;
color:#000077 !important; 
}

#tabellaindirizzo  a:hover, #tabellaindirizzo a:active{
color:#FFCC00 !important; 
font-style:italic;
text-decoration:none;
font-weight:bold;
}



/* FINE tabella indirizzo */



#tabellaGenerale{
margin:0px;  
padding: 0px; 
border:#FFCC00 3px solid;
}





#colonnacontenuti{ 
width:auto; 
/*height:650px;*/
/*min-height:600px;*/
/*height: auto;*/
height: auto !important;
border:#FFCC00 3px solid;
background-color:#FFFFFF;
/*background:url(/img_liceo_giusti_torino/sfondo_contenuti.jpg) #FFFFFF top no-repeat;*/
text-align:left;
margin:0px ;
padding: 0px;
}

#provahome{
height: auto !important;
height:685px;
}


#provah{
height: auto !important;
height:670px;
}

#colonnacontenutihome{ 
width:auto; 
height: auto !important;
/*height:auto !important;*/
border:#FFCC00 3px solid;
background:url(/img_liceo_giusti_torino/sfondo_contenuti.jpg) #FFFFFF top no-repeat;
text-align:left;
margin:0px ;
padding: 0px;
}


#colonnastampapagina{ 
font-size:10px;
border-bottom:#FFCC00 2px solid;
border-left:#FFCC00 2px solid;
border-right:#FFCC00 2px solid;
background:#FFFFFF; 
width:60px; 
text-align:center;
margin:0px;
padding:4px;
}

.contenuti{ 
padding: 5px;
}

#nascondi{ 
line-height:0px; 
width:750px;
margin:0px auto; 
padding:0px; 
color:#000077; 
display:none; 
font-size:8px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}




/* */
#colonnasinistra{ 
text-align:left;
margin: 0px;
padding:0px;
float:left;
width:200px; 
}
#colonnadestra{
text-align:left;
float:left;
margin:0px 0px 0px 10px;
padding:0px;
width:536px; 
}


/* colonna menu */
#colonnamenu{
font-size:11px;
margin:0px;  
padding: 0px; 
border:#FFCC00 3px solid;
background-color: #FFFFFF;
}


/* ----------------------- MENU ----------------------- */
#menuI{ 
display:block;
background:url(../img_liceo_giusti_torino/fondo_menu_blu.jpg) no-repeat;
line-height: 30px; 
text-align:right;
border-bottom:#FFCC00 1px solid;
border-top:#FFCC00 1px solid;
margin:0px;
padding:0px;
width:194px; 
height:30px; 
}


#menuI a,  #menuI a:link{ 
background:url(../img_liceo_giusti_torino/fondo_menu_blu.jpg) #FFFFFF no-repeat;
display:block;
font-weight:bold; 
font-style:normal;
color:#000077;
text-decoration:none;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
width:184px; 
height:30px; 
}

#menuI a:hover, #menuI a:active{ 
color:#000077 !important; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-style:normal;
background:url(../img_liceo_giusti_torino/fondo_menu_blu.jpg) #FFCC00 no-repeat;
display:block;
width:194px; 
height:30px; 
}

#menuI a:visited{ 
}

#menuII{ 
display:block;
width:184px; 
text-align:left;
background:url(../img_liceo_giusti_torino/fondo_menu_blu_big.jpg) no-repeat;
border-bottom:#FFCC00 1px solid;
border-top:#FFCC00 1px solid;
font-size:10px;
font-style:normal;
line-height: 16px;  
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 10px;
}

#menuII a, #menuII a:link{ 
display:block;
text-decoration:none;
font-weight:bold;
font-style:normal;
color:#000077 !important;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:184px; 
}

#menuII a:hover, #menuII a:active{ 
padding:0px 10px 0px 0px; 
background-color: #FFCC66;
display:block;
line-height: 16px; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#menuII a:visited{ 
}

#visitatoI{
display:block;
background:url(../img_liceo_giusti_torino/fondo_menu_blu.jpg) #FFCC00 no-repeat;
line-height: 30px; 
text-align:right;
border-bottom:#FFCC00 1px solid;
border-top:#FFCC00 1px solid;
margin:0px;
padding:0px;
width:194px; 
height:30px; 
font-weight:bold;
color:#000077;
text-decoration:none;
}


#visitatoII{
display:block;
/*width:184px; */
text-align:left;
background:url(../img_liceo_giusti_torino/fondo_menu_blu_big.jpg) #FFCC66 no-repeat;
border-bottom:#FFCC00 1px solid;
border-top:#FFCC00 1px solid;
font-size:10px;
line-height: 16px;  
font-weight: bold;
margin: 0px;
padding-left: 10px;
}
/* ----------------------- MENU FINE ----------------------- */
.TASTI{
height:20px; 
margin:2px 0px 2px 0px;
padding:0px 4px 2px 4px;
border:#FFCC00 2px solid;
font-size:11px; 
font-weight:bold;
color: #000; 
background-color: #FFFBCA; 
}



.FORM{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
margin: 0px; 
color:#000; 
font-size:11px; 
background-color: #FFFBCA; 
border:#FFCC00 1px solid;
}

.FORM input{
padding: 0px;
margin: 0px; 
color:#000; 
font-size:11px; 
height:16px; 
font-weight:normal;
background-color: #FFFBCA; 
border:#FFCC00 1px solid;
}

.FORM textarea{
color:#000; 
font-size:11px; 
background-color: #FFFBCA; 
border:#FFCC00 1px solid;
}




contenuti ul { 
list-style:url(../img_liceo_giusti_torino/punto_elenco.gif);
}


/* tasti semplici */
.tastocerca{ 
font-family: Arial, Helvetica, sans-serif;
height:22px;
width:50px;
margin:0px;
padding:0px 0px 0px 0px;
border:#FFCC00 2px solid;
font-size:11px; 
font-weight:bold;
color: #000; 
background-color: #FFFBCA; 
}

.tastocerca a,.tastocerca a:link,.tastocerca a:active{ 
font-weight:bold; 
font-style:normal;	
color: #000 !important;
text-decoration:none;
}
.tastocerca a:hover{
font-weight:bold; 
font-style:normal;
color: #000 !important;
text-decoration:none;	
}
/* fine tasti semplici */













/* finestra di ricerca */
.finestraCerca{

}

.cse-closeResults{
color:#000000 !important ;
}

.cse-closeResults a{
margin:0px !important ;
padding:0px 1px 0px 1px !important ;
color:#000000 !important ;
font-size:10px;
font-weight:bold;
font-style:normal;
background-color: #FFFBCA;
border:#FFCC00 1px solid !important ;
}
.cse-closeResults a:hover{
background-color: #FFFBcc !important ; 
}

.cse-resultsContainer{
font-size:11px;
}
.cse-resultsContainer a{
font-size:12px;
text-transform:none;
font-style:normal;
text-decoration:none;
}

.cse-resultsContainer a:hover{
text-decoration:underline;
font-size:12px;
text-transform:none;
font-style:normal;
}
.campocerca{
background-color: #FFFBCA !important; 
border:#FFCC00 1px solid !important;
width:160px;
}
/* - - - */
.cse-resultsContainer input[type="text"]{
background-color: #FFFBCA; 
border:#FFCC00 1px solid;
width:240px;
}
.cse-resultsContainer input[type="submit"]{ 
font-family: Arial, Helvetica, sans-serif;
height:22px;
width:50px;
margin:2px;
padding:0px 0px 0px;
border:#FFCC00 2px solid;
font-size:11px; 
font-weight:bold;
color: #000; 
background-color: #FFFBCA; 
}
.cse-resultsContainer input[type="submit"] a, .cse-resultsContainer input[type="submit"] a:link, .cse-resultsContainer input[type="submit"] a:active{ 
font-weight:bold; 
font-style:normal;	
color: #000 !important;
text-decoration:none;
}
.cse-resultsContainer input[type="submit"] a:hover{
font-weight:bold; 
font-style:normal;
color: #000 !important;
text-decoration:none;	
}
/* FINE finestra di ricerca */


/* contatori del footer */
.contatori{
font-style:normal;
font-size:10px; 
font-weight:normal;
text-align:center; 
color:#FFCC00;
margin: 3px 0px 0px 0px;
}

.contatori a, .contatori a:link{ 
font-style:normal;
font-weight:normal;
text-decoration:none;
color:#FFCC00 !important; 
}

.contatori a:hover, .contatori a:active{
color:#FFCC00 !important; 
text-decoration:none;
font-weight:normal;
}
/* FINE contatori del footer */











/*--------------------------------------- LISTA NEWS -------------------------------------------*/
.tabellanews{
font-size:11px; 
width:536px;
height:22px;
/*border:#FFFFFF 4px solid;*/
/*background-color: #FFCC00; */
margin-bottom:3px;
padding:0px; 
font-family: "Verdana";
}


#tickerNews{
font-size:0.2em;
height:20px;
color:#000066;
}



.btnews{
	border: #FFCC00 2px solid;
	background:#CC0000 url(../img_liceo_giusti_torino/fondonews.jpg) repeat-x;
	float:left;
	margin: 0 0 0 2px;
	padding: 3px 3px 0 3px ;
	height:15px;
}
.btnews a{
	font-size:10px ;
	text-decoration:none;
	color:#FFFFFF !important;
	font-weight:bold;
	font-style:normal !important;
	text-transform:uppercase;
}
.btnews a:hover{
	color:#FFCC00 !important;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */

	border: #FFCC00 2px solid;
	background:#CC0000 url(../img_liceo_giusti_torino/fondonews.jpg) repeat-x;
	width: 472px;
	height: 18px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	float:left;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 5px;
	top: 3px;
	width: 462px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	font-size:11px !important;
	height: 18px !important;
	position: relative;
	left: 450px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	/*background: #fff;*/
	
}
ul.newsticker a {
text-decoration:none;
/*text-transform:uppercase !important;*/
	white-space: nowrap;
	padding: 0;
	color: #FFFFFF !important;
	font-style:normal !important;
	font: bold 10px;
	margin: 0 30px 0 0;
}
ul.newsticker a:hover {
	text-decoration:none;
	color: #000000 !important;
}

ul.newsticker span {
	color: #FFCC00;
	font-weight:bold;
}








/*
AGGIUNTI PER SEZIONE GENITORI
*/


.percorsoGenitore { 
color:#000077;
padding:4px 2px 4px 9px;
margin: 0px;
width: auto;
background:#FFCC00 url(../img_liceo_giusti_torino/fondogenitori.jpg) repeat-x;
}
.percorsoGenitore img{ 
margin:0px 4px;
padding:0px;
float:right;
}
.percorsoGenitore span{ 
float:left;
}


.genitorform label{
width:100px;
text-align:left;
font-weight:bold;
display:block;
float:left;
color:#000000;
}

.genitorform input{
height:18px;
}

.boxrosso{
background-color:#FF0000; width:10px; height:10px; margin:2px;
}

.boxverde{
background-color:#00CC00; width:10px; height:10px; margin:2px;
}