@import url("layout.css");

body {

	font-family: "Trebuchet MS", sans-serif;



	background-repeat: repeat;

}

#container {

	border-right: 2px solid #8c8c8c;

	border-bottom: 2px solid #8c8c8c;

	border-left: 2px solid #8c8c8c;

	background-color: #fff;

}

#masthead {

	text-align: center;

	background-color: #fff;

	background-image: url("../images/sflogo.jpg");

	background-repeat: no-repeat;

}

#navigation {

	border-top: 1px solid #808080;

	border-bottom: 1px solid #808080;

	background-color: #ccffff;

}

#family {

	border-top: 1px solid #808080;

	border-bottom: 1px solid #808080;

	background-color: #ccffff;

}



html>body #navigation {

	overflow: hidden;

}

#column_l {

	width: 467px;

	padding: 15px;

	background-color: #fff;

}

html>body #column_l {

	width: 470px;

	padding: 0 15px;

	background-color: #fff;

}

#column_r {

	width: 317px;

	padding: 15px 10px;

	background-color: #fff;

}

html>body #column_r {

	width: 320px;

	padding: 15px 10px;

	background-color: #fff;

}

#content {

	background-color: #fff;

}

#footer {

	text-align: center;

	padding-bottom: 10px;

}

html>body #footer {

	text-align: center;

	padding-bottom: 0;

}

/* Titolo */

#masthead h1 {

	color: #000;

	margin-bottom: 0;

}

#masthead h3 {

	color: #9a9;

	margin-top: 0.5em;

}

/* Struttura */

#navigation ul {

	list-style-type: none;

	width: 100%;

	margin: 0;

	padding: 0;

}

#navigation li {

	float: left;

}

#navigation a {

	font-weight: bold;

	text-decoration: none;

	color: teal;

	display: block;

	padding: 5px;

	border: 1px solid #cdc;

}

#navigation a:hover {

	font-weight: bold;

	text-decoration: none;

	color: red;

	border: 1px solid #c77;

	background-color: transparent;

}



/* Colonna destra */

#column_r img {

	border: 1px solid #808080;

}

/* Tipografia sito */
.teste {

	font-size: large;

	color: teal;
	
	font-weight:bold;

}
.testeblu {

	font-size: medium;

	color: navy;
	
	font-weight:bold;

}

h1 {

	font-size: x-large;

	color: navy;

}

h2 {

	font-size: large;

	color: navy;

}

h3 {

	font-size: medium;

	color: teal;

}

h4 {

	font-size: medium;

	color: teal;

}

ul {

	font-size: small;

	color: teal;

}

ol {

	font-size: small;

	color: teal;

}

p {

	font-size: small;

	color: teal;

}

blockquote {

	font-size: small;

	color: teal;

}

h5 {

	font-size: x-small;

	color: #c77;

}

h6 {

	font-size: xx-small;

	color: #c77;

}

/* Piè di pagina */

#footer p {

	font-size: x-small;

	color: #c77;

}

/* Collegamenti */

a {

	color: navy;

	text-decoration: underline;

}

a:hover {

	color: red;

	text-decoration: none;

}
.style2 {
	border-width: 0px;
	vertical-align: middle;
}

.style_bold {

	font-weight: bold;

}

.style_italic {

	font-style: italic;

}