
/* Foglio di stile per il sito www.ghinea.it
fatto da Francesca Morbidelli - web: http://www.storiediweb.it/morbidelli - 
e-mail: francesca [at] storiediweb.it */





/* max 420 PX - max 150 PX NELLE COLONNE*/
  
body {
	margin: 0;
	padding: 0;
	background-color: #EFFBFF;
	background: url(img/fondo_sfu.jpg) repeat-x;
	text-align: center; 
	
}

p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; background:transparent}

td { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; background:transparent}


img {border: 0px;}
		
		
a  { color: #003399; background: transparent; text-decoration: none;} 
a:link  { color: #003399; background: transparent; font-weight: normal;} 
a:visited { color: #003399; background: transparent; font-weight: normal;} 
a:active  { color: #FF6633; background: transparent;font-weight: normal; text-decoration: underline;}  
a:hover { color: #FF6633; background: transparent; text-decoration: underline; font-weight: normal;}

	
	
	#box {
		width:780px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background: #ffffff url(img/fondo_box.jpg) no-repeat;
/*		background: #ffffff no-repeat;*/
		}
		
      	
	   	
	#boxtesta {
		background:transparent;
		height:153px;
                margin-left:0px;
                margin-right:0px;
                margin-bottom:10px;   
		}
		
	#boxpiede {
		background:transparent url(img/fondo_piede.jpg) no-repeat;
		height:68px;
		padding-top:5px;
        	padding-left:10px;
                padding-right:10px;
		margin-top:0px;
        	margin-left:0px;
                margin-right:0px;
                margin-bottom:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px; 
		color: #3b3b3b;
		text-align: center
		}

	#boxpiedespa {
		background:transparent url(img/fondo_piede.jpg) no-repeat;
		height:68px;
		padding-top:5px;
        	padding-left:10px;
                padding-right:10px;
		margin-top:0px;
        	margin-left:0px;
                margin-right:0px;
                margin-bottom:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px; 
		color: #3b3b3b;
		
		/*text-align: center;*/
		
		}


	#boxsx {
		width:170px;
		padding-top:30px;
		padding-left:5px;
		float:left;
		background:transparent;
		margin: 0px;
		}
	
	#boxcx {
		width:450px;
		padding-top:5px;
		padding-left:5px;
		padding-bottom:15px;
		float:left;
		background: transparent;
		margin: 0px;

		}
	
	#boxdx {
		width:140px;
		position:relative;
		padding-top:15px;
		padding-left:10px;
		float:left;
		background:transparent;
		margin: 0px;
		}
		
	#spacer15{width:15px;  float:left;
 background:transparent}



/* tutoli vari, con formattazione e contorni (usare .titolo e .sezione)*/
.titolo {
	background: #E9E9E9;
	border: 1px dotted #666666;
	color: #CC0000;
	font: 13pt/15pt Georgia, "Times New Roman", serif;
	margin-bottom: 30px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 2px;
}

.titolo a, .title a:link, .title a:visited, .title a:hover, .title a:active {
	color: #000000;
	text-decoration: none;
}

.sezione {
	margin-bottom: 1px;
	margin-top: 6px;
	color: #666666;
	font: italic small-caps 12px Georgia, "Times New Roman", serif;
}


.sezione a link {
	color: #666666;
	text-decoration: none;
}

.sezione a {
	color: #666666;
	text-decoration: none;
}

.sezione a visited {
	color: #666666;
	text-decoration: none;
}
	
H1 {FONT-SIZE: 16px; ; font-family: Arial, Helvetica, sans-serif; color: #ff0000}
H2 {FONT-SIZE: 14px; ; color: #666666; font-family: Arial, Helvetica, sans-serif}
H3 {FONT-SIZE: 12px; ; font-family: Arial, Helvetica, sans-serif; color: #333333}
H4 {; font-weight: bold}
	
	
	
	/*BOXTESTA stili occhio: ci sono tre sottoclassi per i tre livelli e una boxtx3 è del menù orizzontale nero!*/

	#boxtx1 {	background:transparent; 
				height:28px; 
				text-align:right;
				margin-right:0px;
				margin-left:0px;
				margin-bottom:0px;
				margin-top:0px;
				padding-top:2px;
				padding-right:20px;
				}
	#boxtx1 p 		{ font: normal 9px Verdana, sans-serif; color: #000090; background:transparent}
	#boxtx1 a 		{ font: normal 9px Verdana, sans-serif; color: #000090; background:transparent; text-decoration: none;}
	#boxtx1	a:hover	{ font: normal 9px Verdana, sans-serif; color: #000060; background: #f0f0f0; text-decoration: none;}
	
	#boxtx2 {background:transparent; height:97px; margin-left:0px; margin-right:0px; margin-bottom:0px;}
	
	#boxtx3 {	background:transparent; 
				position: absolute;
				text-align:right;
				margin-right:0px;
				margin-left:0px;
				margin-bottom:0px;
				margin-top:0px;
				padding-top:0px;
				padding-right:20px;
				}

	
	

.blogtitle{font: 1.8em "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;
		padding:10px 10px 5px 10px;
		margin:0px;
		text-align:center;
		color:#000000;
		}
		
 .blogdescription {font: 1.1em "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;
		padding:5px 10px 10px 10px;
		margin:0px;
		text-align:center;
		color:#000000;
                border-bottom:3px solid #000000;	    
		}
		
      .blogtitle  a:link {	color: #000000;	text-decoration: none;	font-weight:normal;	}
      .blogtitle  a:visited {	color: #000000;	text-decoration: none;	font-weight:normal;	}
      .blogtitle  a:hover {	color: #000000;	text-decoration: none;	font-weight:normal;	}
      .blogtitle  a:active {	color: #000000;	text-decoration: none;	font-weight:normal;	}
       
/*boxsx boxdx STYLES*/

	
	#boxsx p { font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
	                color: #000000; padding: 0px 0px; margin-bottom:20px; background:transparent}
	#boxdx p { font: normal 9px Verdana, Arial, Helvetica, sans-serif; 
	                 color: #000000; padding:0px 10px; background:transparent}
		
	
	#section {background:transparent; margin-bottom: 20px; text-align:left; border: 0px solid #606060}
	#section-c {background:transparent; margin-bottom: 20px; text-align:left}

	
	h2.sectiontitle {
	
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	background: transparent;
	text-align: left;
	padding-top: 15px;
	margin:0px 10px;
	border-bottom: 1px solid #dddddd;
	}

	#boxminibanner {
		width:90%;
		margin-right:auto;
		margin-left:auto;
		margin-top:1px;
		margin-bottom:1px;
		padding:0px;
		background: #f6f6f6;
		}
    
 /*boxcx STYLES*/    

  #boxcx p { font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
                  color: #000000; 
		padding:0px 10px; 
		background:transparent		
  }
  #boxcx h1 { font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
                  color: #0066FF; 
		padding:0px 0px; 
		background:transparent		
	}
  #boxcx h2 { font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
                  color: #0066FF; 
		padding:0px 0px; 
		background:transparent		
	}

    
  #boxcx ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

 #boxcx li {
	background: transparent;
	font: .76em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

	


.prev {
  float: left;
  text-align: left;
  width: 35%;
}
.next {
  float: right;
  text-align: right;
  width: 35%;
}
.home {
  text-align: center;
}

/* ----- INIZIO MENU' TEMATICO ----- */ 


#temaarea { 
  width:780px;
  height: 24px;
  margin:0px auto; 
  padding:0;  
  background: #1F58A9 url(img/tema/tema_bg_on_3.gif) repeat-x top left; }

#temahome a, #temahomeon a { 
  width:118px; 
  float: left; 
  text-align:center; 
  padding-top:5px; 
  padding-bottom:6px; 
  border-right: 1px solid #0F2C54; }
  
#temahomeon a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema1 a, #tema1on a { 
  width:120px;
  float: left; 
  text-align:center; 
  padding-top:5px; 
  padding-bottom:6px; 
  border-right: 1px solid #0F2C54; }
  
#tema1on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema2 a, #tema2on a { 
  width:125px; 
  float: left; 
  text-align:center; 
  padding-top:5px; 
  padding-bottom:6px;  
  border-right: 1px solid #0F2C54; }
  
#tema2on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema3 a, #tema3on a { 
  width:165px; 
  float: left; 
  text-align:center; 
  padding-top:5px; 
  padding-bottom:6px; 
  border-right: 1px solid #0F2C54; }
  
#tema3on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema4 a, #tema4on a { 
  width:140px; 
  float: left; 
  text-align:center; 
  padding-top:5px; 
  padding-bottom:6px; 
  border-right: 1px solid #0F2C54; }
  
#tema4on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema5 a, #tema5on a { 
  width:105px; 
  float: left; 
  text-align:center; 
  padding-top:5px; 
  padding-bottom:6px; 
  border-right: 1px solid #0F2C54; }
  
#tema5on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema6 a, #tema6on a { 
  width:75px;
  float:left;
  text-align:center;
  padding-top:5px;
  padding-bottom:6px; 
  border-right:1px solid #0F2C54; }
  
#tema6on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema7 a, #tema7on a { 
  width:56px;
  float:left;
  text-align:center;
  padding-top:5px;
  padding-bottom:6px; 
  border-right:1px solid #0F2C54; }
  
#tema7on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema8 a, #tema8on a { 
  width:75px;
  float:left;
  text-align:center;
  padding-top:5px;
  padding-bottom:6px; 
  border-right:1px solid #0F2C54; }
  
#tema8on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#tema9 a, #tema9on a { 
  width:70px;
  float:left;
  text-align:center;
  padding-top:5px;
  padding-bottom:6px; }
  
#tema9on a {
  background:#002964 url(img/tema/tema_bg_on_1.gif) repeat-x top left; }

#temaarea a {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  text-align:center;
  text-decoration:none;
  color:#fff; }

#temaarea a:hover, #nav a:active {
  color:#fff;
  background:#2873C3 url(img/tema/tema_bg_on_2.gif) repeat-x  top left; }



/* ----- INIZIO CONTENITORI TEMATICI DI DESTRA! --*/


.thebox1 {
  width: 134px;
  padding:0;
  margin:10px 0 0 0;
  background:#ebebeb url(img/box_sx.gif) no-repeat bottom left;  }

  
.thebox1_br {
  background: url(img/box_dx.gif) no-repeat bottom right; }



/* ----- CONTENITORE DI SINISTRA BIANCO --*/

.theboxbianco {
  width: 160px;
  padding:0;
  margin:10px 0 0 0;
  background:#ffffff  no-repeat bottom left;  }

  
.thebox_brbianco {
  background: url(img/box_dx.gif) no-repeat bottom right; }







/* ----- INIZIO CONTENITORI TEMATICI DI SINISTRA! --*/

.clear {font-size: 1px; height: 1px}

.thebox {
  width: 160px;
  padding:0;
  margin:10px 0 0 0;
  background:#ebebeb url(img/box_sx.gif) no-repeat bottom left;  }

  
.thebox_br {
  background: url(img/box_dx.gif) no-repeat bottom right; }

 
.boxbg {
  margin:0;
  padding:0 0 4px 0; }
  
.boxbg h4 {
  font-weight:bold;
  padding: 3px 5px 0 7px;
  margin:0 0 3px 0;}

.boxbg h5 {

  padding: 0 5px 0 7px; }
  
.boxbg h6 {

  padding: 0 5px 0 7px; }

.boxbg p {
  font-size:11px;
  font-weight: normal;
  line-height:14px;
  padding: 0 6px 0 7px;
  margin-top:5px; }
  
.boxbg ul.wire li {
  list-style:none;
  padding: 5px 4px 0 10px;
  margin-left: 7px;
  font-size:10px;
  background-image: url(img/ico_freccia.gif);
  background-repeat: no-repeat;
  background-position: 0 .7em; }
  
.boxbg ul {
  padding:0;  }

.boxbg_options ul {
  margin:7px 0 3px 7px;
  padding:0; }
  
.boxbg_options ul li {
  list-style:none;
  display:inline;
  font-family:Verdana, Arial, sans-serif; 
  font-size:11px;
  margin-right:3px;
  margin-left:0;
  padding-right:4px;
  border-right: 1px solid #b3b3b3; }
  
.boxbg_options .last_option {
  border-right:none;
  margin-right:0;
  padding-right:0; }
  
.mix_boxbg_options ul {
  margin:14px 0 3px 62px;
  padding:0; }
  
.mix_boxbg_options ul li {
  list-style:none;
  display:inline;
  font-family:Verdana, Arial, sans-serif; 
  font-size:11px;
  margin-right:3px;
  margin-left:0;
  padding-right:4px;
  border-right: 1px solid #b3b3b3; }
  
.mix_boxbg_options .last_option {
  border-right:none;
  margin-right:0;
  padding-right:0; }
  
.blogsmallimg {
  float:left;
  margin:0 5px 5px 7px;
  border:1px solid #6C6C53; }


/* ----- INIZIO CONTENUTO BOXINO RICERCA (sfondo trasparente) e (eventuale) FORM IMMISSIONE DATI (anche Google)----- */

.theboxcerca {
  width: 160px;
  padding:0;
  margin:10px 0 0 0;
  font-family:verdana,arial,sans-serif;
  FONT-SIZE: 0.7em;
  color:#000000;
  background:transparent
 }

.theboxtesto {
  font-family:verdana,arial,sans-serif;
  FONT-SIZE: 0.8em;
  color:#000000;
  background:transparent
 }

.form {border:1px solid #c0c0c0; font-size:10px; background:#E8E8E8; color:#000000;}
.form1 {border:1px solid #c0c0c0; font-size:10px; background:#ffffcc; color:#000000;}
.form2 {border:1px solid #c0c0c0; font-size:10px; width:120px; height:50px; background:#ffffcc; color:#000000;}
.bottoni {border:1px solid #c0c0c0; font-size:10px; height:18px; margin-top:5px; width:50px; background:#000000; color:#f0f0f0;}

input.box {
	background-color:#AFA292;
	font-family:verdana,arial,sans-serif;
	FONT-SIZE: 0.8em;

	width:130px;
	border:1px solid #b69b5d;
	color:#000000;
	height:17px;
}

textarea {
	
	background-color:#AFA292;
	font-family:verdana,arial,sans-serif;
	FONT-SIZE: 0.8em;
	color: #E8E8E8;
	width:150px;
	border:1px solid #b69b5d;
	color:#000000;
	height:80px;
	
}

checkbox {
	
	background-color:#AFA292;
	color: #E8E8E8;
	border:1px solid #b69b5d;
	color:#000000;
	
}

input.button {
	background-color: #AFA292;
	font-family: verdana,arial,sans-serif;
	font-size: 0.8em;
	color: #1b1192;
	border:1px solid #1b1192;
	height: 17px;
	margin: 1% 1% 1% 0%;
	cursor: pointer;
}



/* ----- INIZIO CONTENUTO BOXINO ROSSO 130PX --*/

.themmbox {
  width: 134px;
  margin-top:10px;}

div.mmbox {
  height: 30px;
  width: 134px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000
}

div.mmbox ul.mmboxmenu {
  height: 30px;
  width: 134px;
  background: transparent url(img/box_red.gif) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative; }

div.mmbox ul.mmboxmenu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
   color:#fff;
  text-decoration: none;
  font-size:10px;
  font-weight:bold;
  padding-top:5px; 
  padding-left:7px;
  height: 30px;
  display: block;
 }
	
ul.mmboxmenu li, ul.mmboxmenu a {
  font-size:11px;
  font-weight:bold;
  color:#fff;
  padding-top:5px; 
  padding-left:7px;
  height: 30px;
  display: block; }  
  html>body ul.mmboxmenu li { overflow: hidden; }

.mmboxdescrip { 
  color:#ccc;

  font-size:11px;
  font-weight:normal;
  padding-left:5px; }
	
div.mmbox ul.mmboxmenu li a {
  color:#fff;
  text-decoration: none; }
	
.mmhead {
  left: 0;
  width: 134px; }
  
.mmhead a:hover {
  background: transparent url(img/box_red.gif) 0 -30px no-repeat; }

.mmboxbg {
  margin:0;
  padding:5px 0 1px 0; }
  
.mmboxbg h3 {
  padding: 0 5px 0 7px;
  margin-bottom:3px;}

.mmboxbg h4 {
  padding: 0 7px 2px 7px; }

.mmboxbg p {
  font-size:11px;
  line-height:normal;
  padding:2px 6px 5px 7px;
  margin:0 }

.mmboxbg p.strong {
  font-weight: bold; }

/* ----- INIZIO CONTENUTO BOXINO GRIGIO ----- */

.themwaybox {

  margin-top:10px; }

div.mwaybox {
  height: 30px;
  width: 160px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000
    }

div.mwaybox ul.mwayboxmenu {
  height: 30px;
  width: 160px;
  background: transparent url(img/box_grigio.gif) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative; }

div.mwaybox ul.mwayboxmenu li {
  list-style: none;
  position: absolute;
  top: 0;
  color:#fff;
  text-decoration: none;
  font-size:10px;
  font-weight:bold;
  padding-top:5px; 
  padding-left:7px;
  height: 30px;
  display: block; }  
  html>body ul.mwayboxmenu li { overflow: hidden; }

.mwayboxdescrip { 
  color:#ccc;
  font-size:10px;
  font-weight:normal;
  padding-left:5px; }
	
.mwayHead {
  margin-left: 0;
  width: 160px; }

.mwayboxbg {

  margin:0;
  padding:5px 0 10px 0; 
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		color: #000000}
  
.mwayboxbg h3 {

  padding: 10px 5px 0 7px;
  margin-bottom:2px; }

.mwayboxbg h4 {
  font-weight: bold;
  padding: 10px 7px 2px 7px; }

.mwayboxbg p {
  font-size:10px;
  line-height:normal;
  padding:0;
  margin:2px 7px 5px 7px; }
  
.mwaysubbox {
  margin:8px 7px 6px 7px;
  padding:5px 3px 9px 3px;
  background-color: #d7d7d7;
  border: 1px solid #cbcbcb; }

.mwaysubimg {
  float:left;
  margin:0 5px 7px 0;
  clear:left; }


/* ----- INIZIO CONTENUTO BOXINO GRIGIO CHIARO !!!!! ----- */

.themwaybox1 {

  margin-top:10px; }

div.mwaybox1 {
  height: 30px;
  width: 160px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000
    }

div.mwaybox1 ul.mwayboxmenu1 {
  height: 30px;
  width: 160px;
  background: transparent url(img/box_grigioc.gif) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative; }

div.mwaybox1 ul.mwayboxmenu1 li {
  list-style: none;
  position: absolute;
  top: 0;
  color:#cc0000;
  text-decoration: none;
  font-size:10px;
  font-weight:bold;
  padding-top:5px; 
  padding-left:7px;
  height: 30px;
  display: block; }  
  html>body ul.mwayboxmenu1 li { overflow: hidden; }

.mwayboxdescrip1 { 
  color:#cc3333;
  font-size:10px;
  font-weight:normal;
  padding-left:5px; }
	
.mwayHead1 {
  margin-left: 0;
  width: 160px; }

.mwayboxbg1 {

  margin:0;
  padding:5px 0 10px 0; 
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		color: #000000}
  
.mwayboxbg1 h3 {

  padding: 10px 5px 0 7px;
  margin-bottom:2px; }

.mwayboxbg1 h4 {
  font-weight: bold;
  padding: 10px 7px 2px 7px; }

.mwayboxbg1 p {
  font-size:10px;
  line-height:normal;
  padding:0;
  margin:2px 7px 5px 7px; }
  
.mwaysubbox1 {
  margin:8px 7px 6px 7px;
  padding:5px 3px 9px 3px;
  background-color: #d7d7d7;
  border: 1px solid #cbcbcb; }

.mwaysubimg1 {
  float:left;
  margin:0 5px 7px 0;
  clear:left; }
  
.prova_ulli
{
  list-style:none;
/*  display:inline;*/
  font-family:Verdana, Arial, sans-serif; 
  font-size:12px;
  margin-right:3px;
  margin-left:0;
  padding-right:4px;
/*  border-right: 1px solid #0000FF; */
  }

.indexpost{
	background: #E9E9E9;
	border-bottom: 1px dotted #666666;
	color: #CC0000;
	font: 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	margin-bottom: 30px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 2px;
}
  
  
