/* CSS Document */

/* CSS created by Giovanni Ghersi for if&but Network di Comunicazione - www.ifbut.com - April 2007. */

/* You may not reproduce this css design elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. */

body{

background-color:#f6f0c4;

background-image:url(media/fascia_nome2.jpg);

background-position: 0px 10px;

background-repeat:repeat-x;

text-align:center;

font-family:Georgia, "Times New Roman", Times, serif;

font-size: 12px;

color: #000;

margin:0;

}

p {margin: 10px 0px;}
img {border: 0;}



#wrapper {

width: 640px;

margin-left: auto;

margin-right: auto;

margin-top:0px;

text-align: center;

background-color:transparent;

}

#testata{    

width: 640px;

height:50px;

float:left;

text-align:right;

background-color:#ae1213;

color:#ede2c2;

margin-top:35px;
margin-bottom:20px;

background:url(media/nome.jpg) no-repeat center right #ae1213;

	}

#slideshow_testata{

width: 640px;

float:left;

margin-top: 10px;

background-color:#ede2c2;

border:2px solid #999;

background-color:#fff;

	}	

#content_area {
width: 640px;
float:left;
margin-top: 10px;
padding-bottom: 20px;
background-color:#f6f0c4;
	}
#content_left {
width: 415px;
float:left;
text-align:justify;
background-image:url(media/rigapuntata.png);
background-position: top right;
background-repeat:repeat-y;
padding-right:10px;
	}	
#content_right {
width: 207px;
float:right;
text-align:right;
margin-top:5px;
display:inline;
	}		

#content_right p{

padding-left: 10px;

	}		

div#slideshow_testata {

height: 180px;

background-color:#ede2c2;

	}

#footer{

float:left;

width:640px;

margin-top:10px;

	}

#footer p{

border-top: 1px dashed #ae1213;

font-size:10px;

padding-bottom:20px;

padding-top:10px;

	}		

/* ------------- slide show ------------ */

	#rotator

{	overflow: hidden;

	margin: 2px;

	position: relative;

	width: 636px;

	height: 176px;

	}



#rotator img

{	width: 636px;

	height: 176px;

}

a {

color:#ae1213;

text-decoration:underline;

}

a:hover {

color:#846256;

text-decoration:none;

}



/*  ------------- titolazione  --------------- */



.titolo1 {	/*

padding-left:50px; */

color:#ae1213;

font-size:24px;

/*

background-image:url(media/deco1.jpg);

background-repeat:no-repeat;

background-position:top left; */

}

.titolo2 {	/*

padding-right:30px; */

color:#ae1213;

font-size:15px;

font-weight:bold;

/*

background-image:url(media/deco2.jpg);

background-repeat:no-repeat;

background-position:top right; */

}
.question {	
color:#ae1213;
font-weight:normal;
}

/* MENU PRINCIPALE */

#menu{

width:644px;

float:left;

margin-top:5px;

}

.suckertreemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.suckertreemenu ul li{

position: relative;

display: inline;

float: left;

background-color: #ae1213; /*overall menu background color*/

}



/*Top level menu link items style*/

.suckertreemenu ul li a{

display: block;

width: 90px; /*Width of top level menu link items*/

padding: 2px 8px;

border: 1px solid black;

border-left-width: 0;

text-decoration: none;

color: #fff;

}

	

/*1st sub level menu*/

.suckertreemenu ul li ul{

left: 0;

position: absolute;

top: 1em; /* no need to change, as true value set by script */

display: block;

visibility: hidden;

text-align:left;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{ 

left: 159px; /* no need to change, as true value set by script */

top: 0;

}



/* Sub level menu links style */

.suckertreemenu ul li ul li a{

display: block;

width: 160px; /*width of sub menu levels*/

color: #fff;

text-decoration: none;

padding: 1px 5px;

border: 1px solid #ccc;

}



.suckertreemenu ul li a:hover{

background-color: #7d0202;

color: white;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

	

/* Holly Hack for IE \*/

* html .suckertreemenu ul li { float: left; height: 1%; }

* html .suckertreemenu ul li a { height: 1%; }

/* End */

.choler{
color:#fec623;
}
.melancholy{
color:#000;
}
.blood{
color:#fe0000;
}
.phlegm{
color:#008001;
}