/***********************************************/
/* kartagener.css                             */
/* Use with template kartagener.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	/*color: #333333;*/
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-image:url(/Immagini/sfondo.gif);

	
	
	
	
}
#logo{float:right;}
a{
	color: #000066;
	text-decoration: none;
}

a:link{
	color: #000066;
	text-decoration: none;
}

a:visited{
	color: #000066;
	text-decoration: none;
}

a:hover{
	color: #000066;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin:-10px;
 padding:0px;
 visibility:hidden;
 
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #000066;
 margin: 0px;
 padding: 0px;
 
}
h2 img{float:right;
	margin-bottom:-16px;
 padding: 0px;
 position:relative;}
h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}
.contenitore {

   width: 90%;
	margin: 5%;
   color: #000;
   background-color: #99CCFF;
text-align:center;
}

.topleft { background: url(/Arrotondato/top_left1.gif) no-repeat top left }

.topright { background: url(/Arrotondato/top_right1.gif) no-repeat top right }

.bottomleft { background: url(/Arrotondato/bottom_left1.gif) no-repeat bottom left }

.bottomright { background: url(/Arrotondato/bottom_right1.gif) no-repeat bottom right }

.contenuto { padding: 10px }



#banner {
	position:relative;
	width:19% !important; 
	width:17%; 
	height:auto;
	background-color: #99CCFF;
	float:right;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	height:100%;
}

#banner p {
padding-left:5px;
}

#banner a {
color:#a93f37

}
#banner li {
color:#000066;
font-size:small;
padding-bottom:5px;
}
.misure{
width:170px;
height:93px;
border:0;
}
#cilia{
width:100%;}

/***********************************************/
/* FORM                            */
/***********************************************/

form#cse-search-box input#testo{
width:95%;
margin-top:0.7em;
margin-bottom:0.7em;
margin-right:-0.4em;
}	

form#form1 input#indirizzo {
width:98%;
margin-top:0.7em;
margin-bottom:0.7em;
}

/***********************************************/
/* FORUM                           */
/***********************************************/


#menu{
	width:100%;
	text-align:center;}

/***********************************************/
/* index                        */
/***********************************************/	

table#sezioni{
border:1px solid #999;
width:90%;
margin-left:20px;
}

table#sezioni th#elenco  {
background-color:#E3E2FE;
border:1px solid #999;
width:85%;
text-align:left;
}	

table#sezioni th#numero{
background-color:#E3E2FE;
border:1px solid #999;
width:15%;
text-align:center;}	

table#sezioni td{
border:1px solid #999;
text-align:left;}

/***********************************************/
/* sezione                     */
/***********************************************/	

table#discussioni{
border:1px solid #999;
width:90%;
margin-left:20px;
margin-top:10px;
}

table#discussioni th#elencodis  {
background-color:#E3E2FE;
border:1px solid #999;
width:60%;
text-align:left;
}	

table#discussioni th#autore{
background-color:#E3E2FE;
border:1px solid #999;
width:25%;
text-align:center;}	

table#discussioni th#data{
background-color:#E3E2FE;
border:1px solid #999;
width:15%;
text-align:center;}

table#discussioni td{
border:1px solid #999;
text-align:left;}

table#discussioni td#data{
text-align:center;
}

/***********************************************/
/* leggi                    */
/***********************************************/	

table#leggi{
border:1px solid #999;
width:90%;
margin-left:20px;
margin-top:10px;
}

table#leggi th#quesito  {
background-color:#E3E2FE;
border:1px solid #999;
text-align:left;
}	

table#leggi td{
border:1px solid #999;
text-align:left;}

/***********************************************/
/* utenti                          */
/***********************************************/

table#sezioni1{
border:1px solid #999;
width:95%;
margin-left:25px;
margin-top:10px;
}

table#sezioni1 th#elenco  {
background-color:#E3E2FE;
border:1px solid #999;
width:40%;
text-align:left;
}	

table#sezioni1 th#indir{
background-color:#E3E2FE;
border:1px solid #999;
text-align:center;
width:50%;}

table#sezioni1 th#numero{
background-color:#E3E2FE;
border:1px solid #999;
width:10%;
text-align:center;}	


table#sezioni1 td{
border:1px solid #999;
text-align:left;}

.bianco{
background-color:#FFFFFF;}
.grigio{
background-color:#EEEEEE;}

/***********************************************/
/* iscrizione mailing-list                        */
/***********************************************/


#iscrizioni{
border:1px solid #999;
width:55%;
margin-left:8em;


}
#titolo{
background-color:#E3E2FE;
border-bottom:1px solid #999;
text-align:center;
font-weight:bold;
padding:5px;
font-size:1.1em;
margin-bottom:0.5em;
}


form#iscrizione input#user, input#password {
width:98%;
margin-left:2px;
margin-bottom:0.5em;
}

/***********************************************/
/* iscrizione forum                         */
/***********************************************/


#iscrizioni1{
border:1px solid #999;
width:70%;
margin-left:5.2em;

}
#titolo1{
background-color:#E3E2FE;
border-bottom:1px solid #999;
text-align:center;
font-weight:bold;
padding:5px;
font-size:1.1em;
margin-bottom:0.5em;
}


form#iscrizione1 input#user1, input#password1 input#email1{
width:98%;
margin-left:2px;
margin-bottom:0.5em;
}
form#iscrizione1 input#password1 {
width:98%;
margin-left:2px;
margin-bottom:0.5em;
}
form#iscrizione1 input#email1{
width:98%;
margin-left:2px;
margin-bottom:0.5em;
}
/***********************************************/
/* NUOVO MESSAGGIO                           */
/***********************************************/


#nuovo{
border:1px solid #999;
width:95%;
margin-left:2em;
margin-top:20px;

}
#titolo2{
background-color:#E3E2FE;
border-bottom:1px solid #999;
text-align:center;
font-weight:bold;
padding:5px;
font-size:1.1em;
margin-bottom:0.5em;
}

form#scrivici input#titolomess {
width:98%;
margin-bottom:0.5em;
margin-left:2px;
}

form#scrivici select#sezione {
width:98%;
margin-bottom:0.5em;
margin-left:2px;
}

form#scrivici textarea#messaggio {
width:98%;
height: 10em;
margin-bottom:0.5em;
margin-left:2px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 18%;
	margin: 0px;
	padding: 0px;
	background-color:#99CCFF;
	color:#0000FF;
	border: 2px solid #cccccc;
	height:100%;
	
}

.immagine{
border:0;
margin:0;
width:88px;
height:31px}

.link{border:0;}

#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
  float: left;
    width:60% !important;
	width: 62%;
}
#mail{
	float: left;
    width: 75%;
    visibility:hidden;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
	color:#a93f37;
	float:right;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 85%;
	padding: 0 4px 0 0;
	font-weight: bold;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}

.breadCrumb{
	font-size: 90%;
	padding: 2px 0px 0 10px;
	color:#000066;
}
.breadblu{
	padding: 2px 0px 0 10px;
	color:#000066;
}
.breadbluP{
color:#000066;
font-weight:bolder;}

.rientro{
padding-left:20px;
}
.rientro1{
padding-left:40px;
}

/************** .feature styles ***************/
#feature{
	color: #000066;
	}
.feature{
	padding: 0px 0px 10px 10px;
	width: 97%;
	width: 97% !important;
	color: #000066;
	
	}
	
.feature p{
text-align:justify;
	}
	
.feature img{
	float: left;
	margin: 10px 10px 0px 10px;
	border: 1px solid #cccccc;
	}	
	
.feature li{
text-align:justify;
padding-bottom:10px;
list-style: none;
	}
	
.mappa{
	padding: 0px 0px 10px 10px;
	width: 95%;
	}
.mappa p{
text-align:justify;
font-size:85%;
	}
.mappa a{
text-decoration:underline;}	
	
.mappa li{
text-align:justify;
padding-bottom:10px;
	}
.mappa h3{
color:#a93f37;
text-align:left;}
	
	
	#lista{
	padding-top:30px;}
		
	.corsivo{
	font-style:italic;}

	.corsivorosso{
	font-style:italic;
	color:#a93f37;}

	.destra{
	float:right;
	margin-top:-17px;
	}

.feature p img{
	
	margin: 0px 7px 0px 0;
}
.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
	color:#a93f37;
	font-weight:bolder;
	font-size:large;
}



/************** .story styles *****************/
.rosso{color:#a93f37;
		font-size:medium;
		font-weight:bold;}
		
.rossocentro{color:#a93f37;
		font-size:medium;
		font-weight:bold;
		text-align:center;}

.rossocentro1{
		margin-top:0.8em;
		text-align:center;}		
		
.rossocentro img{text-decoration: none;}

.rossoccurr{color:#a93f37;
		font-size:large;
		font-weight:bold;
		text-align:center;}
		
.rosso a{color:#a93f37;
		font-size:medium;
		font-weight:bold;}
		
		
.blu{	color:#000066;
		font-size:medium;
		font-weight:bold;
		font-size:medium;
		}
		
.blueventi{	color:#000066;
		font-size:medium;
		font-weight:bold;
		font-size:medium;
		width:90%;
		text-align:justify;
		}
				
		
.blugrande{	color:#000066;
		font-size:x-large;
		font-weight:bold;
		text-align:center;
		}	
		
.bold{font-weight:bold;}	
		
.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
	border:0;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sectionLinks h3{
	margin-top:15px;
	padding: 8px 0px 3px 10px;
	border-bottom: 3px dotted #000066;
	border-top: 3px dotted #000066;
	color:#000066;
}

#sectionLinks a {
	display: block;
	border-bottom: 3px solid #ffffff;
	padding: 4px 0px 4px 10px;
}

#sectionLinks a:hover{
	background-color: #ffffFF;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
	border-top: 1px solid #cccccc;
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
	float:right;
	position:relative;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

.rosso{
color:#a93f37;
}
.rossovivo{
color:#a93f37;}

#cinque a{
color:#a93f37;
float:right;
font-size:x-large;
font-weight:bold;
width:65%;
}
.comitato{ background-image:url(/Immagini/sfondo_med.gif) }

#curriculum{
font-size:small;
padding: 0 30px 0 30px;
line-height: 2em;
text-align:justify;
}
#curriculum1{
font-size:small;
padding: 0px 0px 10px 10px;
line-height: 2em;
text-align:justify;
width: 95%;
width: 95% !important;
}
#curriculum ul{
list-style:decimal;
}



#aggiorna{
color:#000066;
font-size:small;
float:left;}

.figura{
font-size:80%;
text-align:left;
color:#000066;
}

.bottone{
font-weight:bold;
border: 1px solid #000000;
background-color:#6699CC;
width:7em;
text-align:center;
color:#FFFFFF;
}
.bottone a{
color:#ffffff;
text-decoration:none;
border:0;
text-align:center;}

.bottone img{
text-decoration:none;
border:0;}

.bottonenocurr{
font-weight:bold;
border: 1px solid #000000;
background-color:#6699CC;
width:7em;
text-align:center;
color:#FFFFFF;
font-size:small;
padding: 3px;
}

.bottonenocurr a{
color:#FFFFFF;
text-align:center;}

#curriculum a{
border:0;}
#curriculum img{
border:0;}

li#skipnav-link1 {

    display: none;
	left:242px;
	top:1px;
	width:2px;
	height:0.1em;
	color:#278DE5;
	}
.skipnav{
display:none;}	

.destra{
float:right;
padding-left:10px;}

.mezzo{
width:48%;}

.centra{text-align:center;
font-size:80%;
color:#000066;}

.centrapiccolo{text-align:center;
font-size:70%;
color:#000066;}

.centrarosso{text-align:center;
font-weight:bold;
color:#a93f37;
padding-top:0.2em;}

.muto{
color: #FFFFFF; 
font-family: Times News Roman; 
font-size: 8pt;
padding-left:30px;
text-align:right;

}
.pulsante{
border-bottom: 3px dotted #000066;
border-top: 3px dotted #000066;
text-align:center;
margin-top:15px;
}
.immagini{
border= 0;}