﻿/*************************************************************************************

Foglio di stile, istitutocosmos.it

Data..........: 30/05/2007
Autore........: Carlo Recalcati
Committente...: Cosmos, istituto di ricerche olistiche

Sito..........: www.carlo.recalcati.name
eMail.........: webmaster@carlo.recalcati.name

Tutti i diritti riservati e protetti, (c) 2007 Carlo Recalcati

**************************************************************************************/
* { margin: 0; }

p {
	margin: 0 0 14px 0;
	line-height: 125%;
}

hr { color: #C0DBED; }

form {
	margin: auto;
}

body {
	height: 100%;
	margin: 0;
}


html {
	height: 100%;
	margin: 0;
}


body {
	font-family: Verdana, sans serif;
	font-size: 12px;
	color: #555555;
}


.contenitore {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

img {
	border: 0px;
}


.header {
	position: relative;
	width: 938px; 
	height: 220px; 
	border: 1px orange inset; 

	background-position: center center; 
	background-image: url('../images/header.2.jpg'); 
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

.menu_top {
	font-size: 11px;
	margin-top: 8px;
	height: 20px;
}

.menu_top a:hover {
	text-decoration: underline;
	color: orange;
}


/********************************
 Footer 
********************************/
.footer {
	margin: 30px auto 10px;
	width: 100%;
	height: 16px;
	clear: both;
	float: none;

	font-size: 10px;
	color: #666666;
	background-color: #E7F1F8;
	border-top: 1px #C0DBED solid;
	padding: 8px;
}

.footer a:visited {
	font-weight: normal;
	color: gray;
	text-decoration: underline;
}

.footer a {
	font-weight: normal;
	color: gray;
	text-decoration: underline;
}

.footer a:hover {
	text-decoration: underline;
	color: orange;
}
/********************************/



.body {
	float: left;
	text-align: justify;

/*
	Impostazioni per le 3 colonne

	width: 540px;
	margin: 0 20px;
*/

	width: 714px; /* 740 max*/
	margin-left: 20px;
}

.body h2 {
	color: orange;
}


/********************************/


.raquo {
	color: orange; 
	font-weight: bold;
}


/*****************************************************/



input {
	font-family: Tahoma, sans serif;
	font-size: 12px;
	margin: auto;
}
	
	
h2 {
	font-size: 20px;
/*	margin-bottom: 20px; */
}



a:visited {
	color: gray;
	text-decoration: none;
}



a {
	color: gray;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.immagine {
	float: left; 
	position: relative; 
	margin: 0 20px 20px 0;
	border: 1px orange inset;
}

.icona {
	vertical-align: middle ;
	border: 0px;
	margin: auto 3px auto 10px;
	}


/************************************************************************************************
 Titoli utente
************************************************************************************************/

h6 { font-weight:bold; }
h5 { font-weight:bold; }
h4 { font-weight:bold; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }


/************************************************************************************************
 Formattazione RSS
************************************************************************************************/

fieldset .news div {
	margin: 8px;
	}

.news {
}

.box {
	height: 110px;
	margin-bottom: 20px;
	clear: both;
	text-align: left;
}

.home {
	float: left;
	border: 1px orange inset;
	margin: 0 20px 20px 0;
}

.news h4 {
	margin: 0 0 20px 0;
}

.news h5 {
	margin: 0 0 10px 0;
	color: orange;
}

.news li {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
}