@charset "iso-8859-1";
/* CSS Document */

body{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin:auto;
    color:#000000;
    width:860px;
    font-weight:normal;
    background-image:url('../images/pattern1.jpg');
    background-attachment:fixed;

}
a:link{ color:#000000; text-decoration:none}
a:visited {
    text-decoration: none;
    color:#000000;}
a:hover { text-decoration: underline;
    color:#505050;}
a:active {
	text-decoration: none;
        color:#000000;
}
a img{border:none;}

.contenitore{

    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:864px;
    position:absolute;
    top:0px;
    z-index: 1;
}
div#imageContainer{

    border-left:3px black solid;
    border-right: 3px black solid;
    height:316px;
    width:856px;
    margin:0px 0px 0px 0px;
    padding:0px 2px 0px 2px;

}
/* menu principale */
div#menu{

	width:860px;
	position:absolute;
	top:0px;
	left:1px;
	height: 79px;
	z-index: 4;
}

div#menu ul{
    position:absolute;
	top:0px;
	left:3px;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	color:#FFF;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}

.menu_normale{
    background-image:url(../images/sfondo_menu.png);
}

.menu_selezionato{
    background-image:url(../images/sfondo_menu1.png);
}

div#menu li{
    margin:0px;
    padding:0px;
	float:left;
	width: 167px;
    margin-left:2px;
    margin-right:2px;
	display: block;
}
div#menu a{display: block;line-height:74px;text-decoration:none;font-size:12px;color: #FFF;font-weight:bold;text-align: center;font-size:15px}
div#menu a:hover{text-decoration:underline;}
/* fine ---menu principale--- */
/* inizio ---linguaggi--- */
div#linguaggi{
	width:110px;
	position:absolute;
	top:246px;
	left:750px;
    vertical-align:middle;
	z-index: 5;
}
/* fine ---linguaggi--- */

/* inizio ---barra--- */
div#barra{
	width:864px;
	position:absolute;
	top:282px;
	left:0px;
	height: 30px;
    vertical-align:middle;
    border-top:2px black solid;
    border-bottom:2px black solid;
	z-index: 5;
}
div#barra span#sinistra{
    font-family:Arial;
    font-size:14px;
    color:black;
    float:left;
    margin-top:7px;
    margin-left:15px;
}
div#barra span#destra{
    font-family:Arial;
    font-weight:bold;
    font-size:17px;
    color:black;;
    float:right;
    margin-right:10px;
    margin-top:4px;
}
/* fine ---barra--- */
h1{
	font-size:24px;
	margin:5px 0px 10px 0px;
	padding-left:15px;
    font-weight:bold;
    font-variant:small-caps;
	text-align: left;
}
h2{
font-style:italic;
font-size:16px;
margin: 4px 0 15px 0; padding-left:15px}

h3{
    font-size:25px;
}
/* foto sezione */
.logo{
	position:absolute;
	left: 0px;
	top: 200px;
	z-index: 5;
}
/* fine ---foto sezione--- */
div#pagina{
    padding:0px 20px 30px 20px;
    margin:0px 0px 0px 0px;
    width:820px;
    background-color: #ffffff;
    border-left:3px black solid;
    border-right: 3px black solid;
    z-index:5;
}
div#pagina img{
    margin:4px;
}

div#pagina li{
    margin:10px;
}

img#gallery{
    width:100px;
    height:100px;
    margin:20px;
    padding:20px;
}

/* inizio ---footer--- */
div#footer{
    width:854px;
    height:76px;
    padding-top:4px;
    padding-bottom:20px;
    padding-left:6px;
    padding-right:6px;
    background-image:url(../images/img_footer.png);

}
/* fine ---footer--- */