/*stili titoli e immagini generici*/
h1,h2,h3{margin: 0;padding:0;}
h1{display:none;}
h1{color: #000; text-align:center ; font-size: 18px}
h2{color: #000; text-align:center ; font-size: 12px}
h3{font-size: 10px;  font-weight: bold;}

img{ border: none;}

/*stili link e liste generici*/
a{color:#0000ff;text-decoration: none;font-size: 10px;}
a:hover{color: #ff0000;text-decoration: underline}
a:focus{color: #990000;text-decoration: underline;}

a:active{color: #990000;text-decoration: underline;}

ul{margin: 0; padding: 0;list-style-type: none}
li{margin: 0;padding-bottom: 5px; }

/*stil e alternativo*/
#stili{ 
position: absolute;
top: 0px;
right: 1%;
text-align: right;
}

/*stili per il layout con font adatti alla lettura sul web*/
body{margin: 0;padding:0}

html{margin: 0;padding:0}

body{font-family:Verdana, Arial, sans-serif;font-size: 76%; }

/*salta al contenuto*/
#divskip {display:none}
#skip {position: absolute;top:-100px ; }

#contenuto{ display: none;color: #ffffff;}

div#titolo{height: 00px; background-color:#B7D7DD;color: #000;display:none}

div#barra{ 
clear: both;
background-color: #e6e6e6;  
border-right: 2px ridge #DCDCDC;
border-bottom: 2px ridge #DCDCDC;
color: #000000;
 height: 18px;
text-align:left;
margin-left: 11%;
width:77%;
}

/*eliminazione pallini a liste*/
div#barra ul{ 
padding: 0px;
margin: 0px;
list-style: none;
width:74%;
margin-left: 1%;
} 

/*lista verticale non orizzontale*/
div#barra li{   
display: inline;
margin-right: 1%;
}

div#barra a{     
font-family: sans-serif;
font-size: 10px;
font-weight: 300;
}

div#barrabandiere{  
position: absolute;
right: 12%;
top: 138px;
z-index: 10;
width: 131px;
}

div#barrabandiere ul{  
 display: inline;
 padding: 0px;
 margin: 0px;
}

div#barrabandiere li{  display: inline; 
 padding: 0px;
 margin: 0px;
}

form{  
 display: inline;
z-index: 10;




}
form p{  
 display: inline; 

}

select{color: #0000ff; width:20%;font-size: 10px ; margin-top: 0px; padding-top: 0px; }
form{padding: 0px; margin-bottom: 5px;display: inline;}

div#percorsi{  
color: #000000;
height: 13px;
text-align:left;
margin-left: 25%;
margin-top: 0px;
 padding: 0px;
font-size: 9px;
width: 50%
}

div#percorsi ul{padding: 0px; margin: 0px;list-style: none; padding-top: 1px;} 

div#percorsi li{margin-left: 2%;display: inline;}




/*stili su header logo foto e testo rete civica pisa*/
div#header{background-color:#ffffff;
color: #000;   
height: 136px; 
text-align: center; 
margin: 0px auto 0px auto;
width:745px; }

div#logo{ 
float: left;
color: #800000;
font-style: oblique;
font-weight: bold;
text-decoration: none;
font-size: 18px; 
margin-top: 10px;
}
div#foto{  
text-align: right;
background-position:left;  
background-image: url('../images/img-home.jpg') ;  
background-repeat: no-repeat;
background-color:#ffffff;
color: #000;   
height: 136px;  
margin-left: 190px
}

#rete a{color: #800000;font-style: oblique;font-weight: bold;text-decoration: none;font-size: 18px;}
#rete a:hover{color: #0000ff;text-decoration: underline}
#rete a:focus{color: #990000;text-decoration: underline;}

div#navigation{   position: absolute;left: 5px;top:170px; 
background-color: #ffffff;  
border: solid 1px #c1c1ff; 
width: 20%;
padding-left: 4px;
padding-right: 4px;
padding-top: 0px;
padding-bottom: 4px; 
font-size: 10px; 
}

div#nav00{  
height: 32px;  
margin-left: 4%; 
padding: 2px;
width: 80%;

}
div#nav00 li{  
position: relative; 
 display: inline;
top: 7px;
left: 12%;
}
div#nav00 img{ 
float: left; 
text-align: center;

}

div#nav01{ 
font-size: 10px;  
font-weight: bold; 
text-align: center;
border:1px solid #DCDCDC; 
background-color:#e6e6e6;
padding: 2px;  
}

div#nav01 h2{ 
font-size: 10px;  
font-weight: bold;
}

div#nav1{ 
border:1px solid #DCDCDC; 
background-color: #e6f2ff;
padding: 5px; 
margin-left: 0px;  
}

div#nav02{ 
margin-top: 5px;  
font-size: 90%; 
font-weight: bold; 
text-align: center;
border:1px solid #DCDCDC; 
background-color:#e6e6e6;
padding: 2px;  
}

div#nav2{
border:1px solid #DCDCDC; 
background-color: #e6f2ff;
padding: 5px; 
margin-left: 0px;  
}

div#nav03{ 
margin-top: 5px;  
font-size: 90%; 
font-weight: bold; 
text-align: center;
border:1px solid #DCDCDC; 
background-color:#e6e6e6;
padding: 2px;  
}

div#nav3{
border:1px solid #DCDCDC; 
background-color: #e6f2ff;
padding: 5px;
margin-left: 0px;  
}

div#content{ margin-left: 24%; margin-right: 24%;
font-size: 10px;
width: 51%;
border-left: 1px solid #c1c1ff;
border-top: 1px solid #c1c1ff;
border-right: 2px ridge #c1c1ff;
border-bottom: 2px ridge #c1c1ff; 
z-index: 10; 
padding: 5px ;
padding-bottom: 0px ;
 margin-bottom: 5px;
}

div#tutto1 {
border:1px solid #DCDCDC; 
background-color: #e6f2ff;
}

div#cont01{ 
background-color:#e6e6e6;
padding: 0px; 
margin: 0px;
}

div#cont1{  
margin-top: 5px;
height: 1%;
margin-bottom:5px; /*explorer*/
}
div#cont1 p{   
margin: 0px;
padding-left: 150px;
padding-top: 23px; 
padding-right: 20px;
text-align: justify;
}
div#cont1 img{ 
float:left;
margin-left: 25px;margin-bottom:5px; /*firefox*/
}

div#cont11{  
clear: both; 
height: 1%;
 margin-bottom:5px; /*explorer*/
}
div#cont11 p{
margin: 0px;
padding-left: 150px; 
padding-top: 10px; 
padding-right: 20px;
text-align: justify;
}
div#cont11 img{ 
float:left;
margin-left: 26px;margin-bottom: 5px;/*firefox*/
}

div#cont111{ 
clear: both; 
height: 1%;
text-align: justify;
}
div#cont111 p{  padding-bottom: 30px;/*firefox e explorer*/
margin: 0px;
padding-left: 150px; 
padding-top: 10px; 
padding-right: 20px;
}
div#cont111 img{ 
float:left;
margin-left: 5px; 
}

div#cont02{ clear: both;
border:1px solid #DCDCDC; 
background-color:#e6e6e6;
padding: 0px; 
padding-left: 15px; 
margin-top: 5px ;
}

div#cont2{  
background-color: #e6f2ff; 
border: 1px solid #c1c1ff;
padding: 10px;
}

div#cont2 li{
margin-left: 19px; 
padding-top:2px;
list-style-type: disc;
}

div#eventi{text-align: right;}
div#eventi p{ display: inline;}

div#stampa{text-align: center;margin: 0px;padding-top: 3px; color: #ffffff}

div#data{ display: none;
position: absolute;
right:6%;
top:157px;
font-size:10px;
font-family: "Times New Roman", sans-serif; 
}

div#extra{ 
position:absolute;
background-color: #ffffff;
border: solid 1px #c1c1ff;
top: 170px;
right: 5px;
width: 20%;
padding: 5px; 
font-size: 10px; 
padding-top: 0px; 

}

div#ex00webcam{ 

padding: 2px;
height: 32px;
 text-align: center;

}
div#ex00webcam p{ 
position: relative;
display: inline;
top: -12px;


}


div#ex00{text-align: left; }
div#ex00 p{display: inline;}



div#ex01{  
font-size: 90%; 
font-weight: bold; 
text-align: center;
border:1px solid #DCDCDC; 
background-color:#e6e6e6;
padding: 2px;  
}

div#ex1{
border:2px solid #DCDCDC; 
background-color: #e6f2ff; 
padding: 5px;
margin-left: 0px;  
}

div#ex02{ 
margin-top: 5px;  
font-size: 90%; 
font-weight: bold; 
text-align: center;
border:1px solid #DCDCDC; 
background-color:#e6e6e6;
padding: 2px;  
}

div#ex2{
border:1px solid #DCDCDC; 
background-color: #e6f2ff;
padding: 5px;
margin-left: 0px;  
}

div#ex03{   
height: 32px;
border:1px solid #DCDCDC; 
background-image: url('../images/pisainforma-p.jpg'); 
background-position: 50% top; 
background-repeat: no-repeat;
padding: 5px;
}

div#ex3{ 
margin-top: 5px;
border:1px solid #DCDCDC;  
margin: 0px; 
padding: 5px;
}

div#ex31{   
margin: 0px;
border:1px solid #DCDCDC;  
padding: 5px;
text-align: center; 
font-weight: bolder; 
color: #950000
}

#excitel{  background-color: #ffffff;
border:2px solid #A0A0A0;
margin-top: 5px;
text-align:left;
 padding-bottom: 1px;
padding-top: 5px;
padding-left: 2px;
height: 20px;
}
#excitel a{ 
margin-left: 25px;
}
#excitel img{ 
float: left; 
margin-top: -5px;
}



#exdigitale{ 
border:1px solid #A0A0A0;
margin-top: 5px;
text-align:center;
 padding-bottom: 15px;

}
#exdigitale img{ 
float: left; 
}

#exdigitale a{ 
padding:5px 10px 5px 10px;

}




div#footer{  
background-color:#eaeaea;
border: ridge 1px #dcdcdc;
margin-top: 5px;
width: 55%;
text-align:center; 
padding: 2px 5px 2px 5px; 
color: #000; 
 font-size: 80%;
text-align: center;
margin-left: 22%;

}
div#info{ 
 margin-bottom:3px;
}
div#footerval{ 
padding: 2px;  
color: #000000;
display: inline;
font-size:10px;

}
div#footerval a{ 
font-size:11px;
}
div#footervalimg{ 
position: relative;
color: #eaeaea;
display: inline;
top: 3px;
}