/* foglio di stile */

/* stili comandi assoluti */

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

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

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

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

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

h2 {
text-align: left;
font-size: 20px;
padding: 0 10px 10px 0;
margin: 15px 0 0 0;
color: #d04856;	
line-height: 20px;
}

h3 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-right: 20px;
margin: 0;
color: #fffbfa;
}

h4 {
text-align: left;
font-size: 20px;
padding: 0 0px 0px 0;
margin-left: 15px;
color: #ce071e;	
line-height: 5px;
margin-bottom: 5px;
margin-top: 15px;
}

h4 a{
text-align: left;
font-size: 20px;
padding: 0 0px 0px 0;
margin-left: 15px;
color: #ce071e;	
line-height: 5px;
margin-bottom: 5px;
margin-top: 15px;
}

h5 {
font-size: 14px;
margin: 14px 20px;
color:#FFFFFF;
text-align:left;
line-height: 20px;
text-decoration: none;
}

/* stili */

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

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

/* sezione logo */

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

	
/* sezione dell'immagine centrale */

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

/* sezione del menu  */

#menu {
width: 900px;
height: 40px;
padding: 0;
margin: 0;
background: #1B1B1B;
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: 318px; width: 105px;}
#tasto2 {left: 423px; width: 105px;}
#tasto3 {left: 528px; width: 93px;}
#tasto4 {left: 621px; width: 93px;}
#tasto5 {left: 714px; width: 93px;}
#tasto6 {left: 807px; width: 93px;}

/* 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;}
#tasto5 a:hover, #tasto5 a.on {background: #e46870;}
#tasto6 a:hover, #tasto6 a.on {background: #e46870;}


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

#sez2 {
background-color: #1B1B1B;
margin: 0 auto auto auto;
width: 900px;
height: 470px;
padding: 0;
}

#sez3 {
background-color: #1B1B1B;
margin: 0 auto auto auto;
width: 900px;
height: 1180px;
padding: 0;
}

#sez4 {
background-color: #1B1B1B;
margin: 0 auto auto auto;
width: 900px;
height: 400px;
padding: 0;
}

#sez5 {
background-color: #1B1B1B;
margin: 0 auto auto auto;
width: 900px;
height: 700px;
padding: 0;
}

#sez6 {
background-color: #1B1B1B;
margin: 0 auto auto auto;
width: 900px;
height: 550px;
padding: 0;
}

/* sezione dove c'è la frase impegnata più l'immagine di sfondo */
#frase {
background-repeat: no-repeat;
background-position: left;
width: 900px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
text-align: right;
}

/* sezione dei box */
.box_sx {
text-transform:none;
float: left;
background-repeat: no-repeat;
width: 350px;
height: 240px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_link {
text-transform:none;
float: left;
background-repeat: no-repeat;
width: 350px;
height: 240px;
margin-left: 20px;
padding: 0 0 0 60px;
list-style: none;
text-align: justify;
}

.box_dx_title {
background-image: url(../img/banner.gif);
background-repeat: no-repeat;
float: right;
width: 350px;
height: 60px;
margin-right: 60px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_dx {
background-repeat: no-repeat;
float: right;
width: 350px;
height: 240px;
margin-right: 60px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_01 {
float: right;
width: 350px;
height: 242px;
margin-right: 60px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}


.box_02 {
float: left;
background-image: url(../img/oggetti3D.jpg);
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_02_t {
float: left;
background-image: url(../img/contatti_prova.jpg);
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_03 {
float: left;
background-image: url(../img/modellazione.jpg);
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 5px 0 0 0;
list-style: none;
text-align: justify;
}

.box_03_t {
float: left;
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 5px 0 0 0;
list-style: none;
text-align: justify;
}

.box_04 {
float: left;
background-image: url(../img/grafica_image.jpg);
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_04_t {
float: left;
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}


.box_05 {
float: left;
background-image: url(../img/bicchieri.jpg);
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_05_t {
float: left;
background-repeat: no-repeat;
width: 350px;
height: 245px;
margin-left: 20px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_servizi_01  {
float: left;
background-image:url(../img/servizi01b.jpg);
border: 0px;
background-repeat: no-repeat;
width: 280px;
height: 200px;
margin-left:25px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_servizi_02  {
float: left;
background-image:url(../img/servizi02.jpg);
background-repeat: no-repeat;
width: 280px;
height: 200px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}
.box_servizi_03  {
float: left;
background-image:url(../img/servizi03.jpg);
background-repeat: no-repeat;
width: 280px;
height: 200px;
padding: 10px 0 0 0;
list-style: none;
text-align: justify;
}

.box_06 {
	float: right;
	position:fixed;
	width: 200px;
	height: 20px;
	margin-right: 20px;
	padding: 5px 0 0 0;
	list-style: none;
	text-align: justify;
	top: 1013px;
}

.box_brochure {
float: left;
background-position:right;
background-color:#1B1B1B;
background-repeat: no-repeat;
width: 350px;
height: 260px;
margin-left: 20px;
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: #ce071e;
color: #fffbfa;
text-align: center;
border-top: 5px solid #aa092b;
}