﻿
html, body, div, p, li, ul, h1, h2 {
margin : 0;
padding : 0;
list-style : none;
}
body {
font-family : Verdana;
font-size : medium;
font-weight : normal;
background-color : #ffffff;
background-image : url(../images/gradient.jpg);
background-repeat : repeat-x;
}
a {
color : #ff7200;
text-decoration : underline;
}
a:hover {
text-decoration : underline;
color : #eb1213;
}
img {
border : 0 solid #000000;
}
h1 {
font-size : 1em;
color : #ffffff;
}
h2 {
font-size : 1em;
color : #000000;
}
#view {
position : relative;
width : 770px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right: auto;
}
#head {
position : relative;
top : 92px;
}
#logo {
position : absolute;
float : left;
}
#logo h1 {
font-weight : 100;
margin-left : 2px;
}
#traverza {
position : absolute;
z-index : 3;
left : 39%;
}
#menu {
position : relative;
width : 770px;
height : 49px;
background-image : url('../images/menubg.jpg');
background-repeat : no-repeat;
top : 101px;
z-index : 5;
}
#menu ul {
position : relative;
height : 100%;
margin-left : 10px;
}
#menu li {
position : relative;
float : left;
}
#menu li a {
display : block;
width : 124px;
height : 37px;
padding-top : 15px;
float : left;
font-size : 1em;
color : #ff7200;
text-decoration : none;
text-align : center;
}
#menu li.active a {
color : #000000;
background : url('../images/btn-active.jpg') no-repeat 3px 9px;
}
#menu li a:hover {
color : #eb1213;
}
#image {
width : 760px;
height : 290px;
position : relative;
z-index : 4;
background-image : url('../images/image.jpg');
background-repeat : no-repeat;
left : 5px;
top : 101px;
_top : 98px;
_right : 4px;
}
#pattern {
border-color : #000000;
border-style : solid;
border-width : 1px;
border-top-width : 0;
padding-top : 10px;
padding-bottom : 10px;
left : 5px;
width : 758px;
position : relative;
background-image : url(../images/pattern.jpg);
background-repeat : repeat;
margin-top :  190px;
_margin-top : 187px;
}
#info {
left : 5px;
position : relative;
padding-left : 15px;
}
#info h1 {
padding-top : 15px;
padding-bottom : 8px;
color : #ff7200;
font-size : 1.2em;
font-weight : lighter;
}
#info li {
list-style-type : disc;
margin-left : 16px;
padding-left : 2%;
padding-bottom: 5px;
}
#info ul {
padding-bottom : 15px;
}
#info hr {
border-color : #000000;
border-style : solid;
border-top-width : 1px;
border-bottom-width : 0;
position : relative;
width : 90%;
height : 1px;
right : 20px;
}
#info p {
padding-left : 4%;
text-indent : 0%;
line-height : 1.2em;
font-size : 1em;
width : 75%;
padding-bottom : 20px;
}
#info p.miniatures {
position : relative;
width : 100%;
right : 0.8%;
padding-top: 30px;
padding-bottom : 30px;
_width : 95%;
}
#info p.miniatures img{
border: 1px;
border-style: solid;
border-color: #000000;
margin-right: 6.3%;
}
#info ul.p {
width: 85%;
padding-left: 8%;
}
#info span {
color : #ff7200;
}
#info p.ref {
padding-bottom : 30px;
}

#info p.ref img {
border-width: 1px;
border-color: #000000;
border-style: solid;
width : 180px;
height : 136px;
margin-left : 80%;
_margin-left : 60%;
}
