/* foglio di stile */

/* stili comandi assoluti */

body {
margin: 0px;
padding: 0px;
font-size: 70%; 
background-color: #EBEBEB;
font-family: Georgia, "Times New Roman", Times, serif;
}

p {
font-size: 14px;
margin: 14px 0px;
color: #000000;
}

a {
margin: 0px 0px 13px 0px;
color: #FFF;
text-decoration: none;
}

b {
margin: 0px 0px 13px 0px;
color: #666;
text-decoration: none;
}


/* font grassetto */
h1 {
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-right: 10px;
margin: 0;
color: #000000;
}

/* titoli */
h2 {
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:inherit;
font-size: 20px;
padding: 0 10px 10px 0;
margin: 15px 0 0 0;
color: #666666;	
line-height: 20px;
}

h3 {
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:inherit;
font-size: 14px;
padding: 0 10px 10px 0;
margin: 15px 0 0 0;
color: #666666;	
line-height: 20px;
}

/* stili */

#contenitore {
width: 900px;
background: #edecec;
margin: 0px auto;
padding: 0;
}

/* bordo superiore */
.bordo {
border-top: 5px solid #666666;
} 

/* sezione logo */

#logo {
background-image: url("img/brainrem.jpg");
margin-left: 10px;
}

	
/* sezione dell'immagine centrale */

#sezimg {
margin: 0;
padding: 0;
border-bottom: #666666 solid 5px;
height: 200px;
}

/* sezione del menu  */

#menu {
width: 900px;
height: 40px;
padding: 0;
margin: 0;
background: #e1e1e1;
float: right;
margin: 0px 0px 0px 0px;
}

#menu ul {
background:url(../img/);
width: 900px;
height: 40px;
margin: 0;
padding: 0;
position: relative;
}

#menu ul li	{
	background:none;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}


/* tasti del menu da modificare il primo è il punto da cui parte il secondo è la larghezza del tasto */

#tasto1 {left: 262px; width: 143px;}
#tasto2 {left: 405px; width: 191px;}
#tasto3 {left: 596px; width: 190px;}
#tasto4 {left: 786px; width: 114px;}


/* cambiare colore al passagio del mouse o della pagina in cui sei presente */

#tasto1 a:hover, #tasto1 a.on {background: #e46870;}
#tasto2 a:hover, #tasto2 a.on {background: #e46870;}
#tasto3 a:hover, #tasto3 a.on {background: #e46870;}
#tasto4 a:hover, #tasto4 a.on {background: #e46870;}



/* sezione frase più contenuti */
/* per modificare l'altezza con background colorato modificare il min-height */

#sez2 {
background-color: #e1e1e1;
margin: auto;
border: 0px;
width: 900px;
height: 1300px;
padding: 0;
}

#sez3 {
background-color: #e1e1e1;
margin: auto;
border: 0px;
width: 900px;
height: 250px;
padding: 0;
}

#sez3 {
background-color: #e1e1e1;
margin: auto;
border: 0px;
width: 900px;
height: 600px;
padding: 0;
}

/* sezione dove c'è la frase impegnata più l'immagine di sfondo */

#frase {
background-repeat: no-repeat;
background-position: left;
width: 896px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 20px;
text-align: right;
}

#titoli {
background-repeat: no-repeat;
background-position: right;
width: 800px;
height: 30px;
padding-right: 40px;
padding-left: 20px;
border-bottom: 2px solid #666666;
margin-top: 10px;
text-align: left;
}

#titoli02{
	background-repeat: no-repeat;
	background-position: left;
	width: 800px;
	height: 30px;
	padding-right: 40px;
	padding-left: 20px;
	margin-top: 250px;
	border-bottom: 2px solid #333333;
	text-align: left;
}

/* sezione dei box */


#box {
background-color: #e1e1e1;
border: 0px;
width: 900px;
height: 250px;
padding: 0px;
}

.box_pano01 {
float: left;
width: 600px;
height: 300px;
margin-left: 150px;
margin-right: 150px;
list-style: none;
text-align: justify;
}

.box_pano02 {

width: 600px;
height: 300px;
list-style: none;
margin-top: 20px;
text-align: justify;
}

.box_contatti {

width: 600px;
height: 300px;
list-style: none;
margin-top: 20px;
text-align: justify;
}

.box_t01 {
background-repeat: no-repeat;

padding: 0px;
float: left;
width: 260px;
height: 200px;
margin-top: 20px;
margin-left: 12px;
text-align: justify;
}

.box_t02 {
background-repeat: no-repeat;
background-position: center;
float: left;
width: 260px;
height: 200px;
padding: 0px;
margin-left: 48px;
margin-top: 20px;
text-align: justify;
}

.box_t03 {
background-repeat: no-repeat;
float: right;
width: 260px;
height: 200px;
padding: 0px;
margin-top: 20px;
margin-left: 10px;
margin-right: 12px;
}


.box_brochure {
float: left;
background-position:right;
background-repeat: no-repeat;
width: 350px;
height: 260px;
margin-left: 20px;
margin-top: 20px;
padding: 0px 0px 0px 0px;
list-style: none;
text-align: justify;
}

.box_brochure2 {
float: left;
background-position:right;
background-repeat: no-repeat;
width: 350px;
height: 260px;
margin-left:80px;
padding: 0 0 0 0;
list-style: none;
text-align: justify;
}



/* sezione footer */

#footer {
width: 900px;
margin: 0px auto;
padding-bottom: 5px;
clear: both;
background: #000000;
color: #fffbfa;
text-align: center;
border-top: 5px solid #666666;
}