﻿/* CSS Document by Francesca Grillo - Find The Cure ©2008 */

/* Stile principale per il body */
body {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px; 
/*		padding-left: 50%;*/
	background: #fff url(images/bg.gif) center repeat-y;
/*	position: absolute;*/
}



/* header */

#header {
	width: 940px;
	height: 300px;
	margin: 0 auto;
}

#header1 {
	width: 653px;
	height: 300px;
	background: url(images/header_bg1.jpg) no-repeat;
	float: left;
}

#nome_sito {
	display: none;
}

#tagline {
	display: none;
}

#header2 {
	width: 287px;
	height: 300px;
	background-image: url(images/header_bg2.jpg);
	float: right;
}

#infoheader {
	width: 276px;
	height: 289px;
	margin-left:5px;
	padding-top:10px;
}


/* Container principale */
#container {
	width: 940px;
/*	margin-left: -470px !important;*/
	height:auto;
	margin: 0 auto;
}

/* ---PAGINA--- */

.main {
    width: auto;
	height:auto;
	clear: both;
    color: #333333;
    padding: 0px 0px 0px 0px;
	margin-top:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
    border:1px solid #efefef;
    text-align: justify;
}



#sinistra {
	width: 620px;
	height:auto;
	float: left;
	margin-right:0px;
	padding-right:0px;
}

#fattodafare {
	width: 648px;
	height:auto;
	float: left;
	margin-right:0px;
	padding-right:0px;
}


#destra {
	width:290px;
	height:auto;
	float: right;
}


#corpo {
    width:auto;
	height:auto;
}

/* Rilievo */
.rilievo {
	border: dashed #CCCCCC;
	padding: 10px;
	background-color: #FFFFFF;
	

}

/* Forse ti interessa anche */
.readmore {
	text-align: right;
	float:right;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	width:200px;
	border: dashed #CCCCCC;
	margin-bottom:15px;
	margin-top:10px;
}

.readmore_wide {
	text-align: right;
	float:right;
	color:#333333;
	font-size:11px;
	line-height:12px;
	width:300px;
	border: dashed #CCCCCC;
	margin-bottom:15px;
	margin-top:10px;
}


#fatto {
	width: 295px;
	height:auto;
	float: left;
	margin-right:10px;
	padding-right:0px;
}


#dafare {
	width: 295px;
	height:auto;
	float: right;
		margin-right:0px;
	padding-right:0px;
}


/* Laterale */

#espo {
	margin-top:8px;
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	width: 280px;
	height:561px;
}

#espobike {
	margin-top:8px;
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	width: 280px;
	height:828px;
}

#espob {
	margin-top:8px;
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	width: 280px;
	height:701px;
}


#espopp {
	margin-top:0px;
	padding-top:0px;
	margin-left:10px;
	width: 280px;
	height:135px;
}

#espoar {
	margin-top:0px;
	padding-top:0px;
	margin-left:10px;
	width: 280px;
	height:auto;
	background-image:url(images/espo/espo_arancio_bg.png);
	background-repeat:repeat-y;
}



#lat_testa {
	background-image: url(images/interna_head.jpg);
	background-repeat:no-repeat;
	width:280px;
	height:124px;
	margin-left: auto;
	margin-right: auto;
}


#lat_tit {
	background-image: url(images/interna_titolo.jpg);
	background-repeat:no-repeat;
	width:280px;
	height:80px;
	margin-left: auto;
	margin-right: auto;
}

#lat_bg {
	width:280px;
	background-image: url(images/interna_bg.jpg);
	background-repeat:repeat-y;
	height:auto;
	margin-left: auto;
	margin-right: auto;

}

#lat_fine {
	background-image: url(images/interna_foot.jpg);
	background-repeat:no-repeat;
	width:280px;
	height: 196px;
	margin-left: auto;
	margin-right: auto;

}	



/* Footer */
#footer {
	background-color: #CCC;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	height: auto;
	padding-top: 5px;
	clear: both;
	position:relative;
}

/* Style box */

div.hp2-featurestylebox{
	background-color: #FFFFFF;
	border: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	overflow: hidden;
	padding: 2px;
	width:210px;
	height:auto;
	margin-left:16px;
}

div.hp2-featurestyleimage{
	width: 209px;
	height: 170px;
	background-color: #e0e0e0;
	overflow: hidden;
}

div.hp2-featurestyletext{
    font: 10px verdana;
    font-weight: bold;
	height:auto;
	float:left;
	text-align: left;
	vertical-align: bottom;
	padding-top:5px;
}

/* Testo */
h1 {
    font: 48px verdana;
	color: #EEE;
	margin: 5px;
}
h2 {
	margin-left: 14px;
	margin-top:0px;
	padding-top:15px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	letter-spacing: 0.4em; 
	line-height: 1.00em; 
	color: #c00;
/*	font-weight: bold;*/
	font-size:16px;  

}
h2:first-letter {
	font-size: 2.25em;
	font-family: Georgia, Georgia, serif; 
} /* styles the first letter of the main title to make it large */

h3 {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:13px;
	letter-spacing: 0.1em; 
	line-height: 1.20em; 
	color: #c00;
	font-weight: bold;

}

h4 {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:15px;
	letter-spacing: 0.1em; 
	line-height: 1.20em; 
	color: #c00;
	font-weight: bold;

}

h5 {
    font: 14px verdana;
    font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;

}

h6 {
    font: 10px verdana;
    font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;

}

/* And this gives the column text some breathing space */
.testo
{
	margin-left:38px;
    line-height: 20px;
}

.testo_espo
{
	margin-left:14px;
	padding-top:7px;
	margin-right:25px;
/*    line-height: 10px;*/
}



/* Style-up those ugly default hyperlinks */
a {
	text-decoration: none;
	font-weight:bold;
	padding: 0;
	margin: 0;
	color: #c00;
}

/* Testo piu piccolo */
.smaller {
	font-size:10px;
	line-height:14px;
}

/* Testo in alto table */
.tabletop {
	vertical-align:top;
}

/* Link */
a:hover {
	text-decoration: underline;
	}

.header a {
    font: 10px verdana;
    font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
}

h5 a {
    font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
}

h2 a {
	text-decoration:underline;
}



/* ---UTILITIES--- */
/* Contiene le tabs */
#tabholder {
    width: auto;
}

img {
	border: none;
}

.image{
	background-color: #FFFFFF;
	border: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	overflow: hidden;
	padding: 2px;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.logos{
	background-color: #FFFFFF;
	border: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	overflow: hidden;
	padding: 2px;
 margin-left: auto;
 margin-right: auto;
}


/* ---immagini PNG--- */
/*img, div {behavior: url(images/iepngfix.htc);}*/



/* Citazioni */
blockquote {
	font: 1.2em/1.6em;
	width: 400px;
	background: url(images/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
}
blockquote:first-letter {
	background: url(images/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

.fonte {
	font: 0.8em;
	text-align:left;
	width: 480px;
	line-height:12px;
	font-style:italic;
}



/* get rss */

.labelfield{ 
color:brown;
font-size: 90%;
}

.datefield{ 
color:#DDD;
font-size: 90%;
}

#example1 a {
    font: 10px verdana;
    font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
}

div.feedburnerFeedBlock a { 
    font: 10px verdana;
    font-weight: bold;
color:#C0C0C0;
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
}

.feedburnerFeedBlock #creditfooter {
   display: none;
}

div.feedburnerFeedBlock ul {
margin-left:4px;
padding-left:4px;
list-style-type: none
}



/* MENU CSS from IzzyMenu.com
=================================================================== */

#MainMenu 
{
	width:100%;
	height:30px;
	background:url(images/bmid_046.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/bright_046.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_046.gif) no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	font-weight:700;
	line-height:29px;
	padding:0 10px 0 10px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 #000;
	background:url(images/bmid_046.gif);
	color:#000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:245px;
	display:block;
	border:0 #FF9300;
	color:#000;
	background:url(images/bleft_046.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:29px;
	background:url(images/bright_046.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	float:none;
	padding:0 15px 0 18px;
}
.dropmenudiv a:hover 
{
	border:0 #FF9300;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}

/* End of CSS Tabs */
