@charset "utf-8";
/* CSS Document */
div#overlaylogin {
position:absolute;
left:0;
top:0;
background:url(../images/overlay.png);
height:100%;
width:100%;
z-index:1;
}


div#popup{
position:absolute;
left:50%;
top:50%;
margin-left:-200px; 
margin-top:-240px;
height:360px;
width:480px;
z-index:1;
}

body {
margin:0px;
padding:0px;
background:url(../images/bgbody.jpg) center top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
}


div#main{
position:relative;
top:15px;
width:952px;
margin:auto;

}

div#main2{
background:url(../images/bgcontent.png) repeat-y;
margin:0px;
padding:0px;
}

div#top{
width:932px;
height:28px;
background:url(../images/bgtop.png);
text-align:right;
color:white;
line-height:28px;
font-size:11px;
padding-right:20px;
padding-top:5px;
}
div#top a{
color:white;
text-decoration:underline;
}
div#top a:hover{
color:red;
text-decoration:none;
}


div#logo{
width:932px;
height:45px;
background:url(../images/logostriscia.png);
padding-top:18px;
padding-right:20px;
text-align:right;
color:black;
}

div#left {
float:left;
width:208px;
height:auto;
padding-left:10px;
}
div#content{
clear:right;
float:left;
width:440px;
padding:10px;

}

div#content h1{
font-size:20px;
font-weight:bold;
margin:0px;
padding:0px;
}

div#content h2{
font-size:12px;
font-weight:bold;
color:red;
margin:0px;
padding:0px;
}

div#imgdestra{
clear:right;
float:left;
width:241px;
margin:13px;
margin-top:0px;
}

div.clear{
width:100%;height:1px;clear:both;
}

div#footer{
width:682px;
height:27px;
background:url(../images/footer.png);
padding-top:26px;
padding-left:270px;
color:white;
}

div.box{
width:208px;
}
div.boxtop{
width:198px;
background:url(../images/bgboxtopcert.jpg) no-repeat;
height:34px;
color:#FFFFFF;
font-size:18px;
text-align:right;
padding-right:10px;
line-height:34px;
font-weight:bold;
}
div.boxtop1{
width:198px;
background:url(../images/bgboxtop.jpg) no-repeat;
height:34px;
margin-top:10px;
color:#FFFFFF;
font-size:18px;
text-align:right;
padding-right:10px;
line-height:34px;
font-weight:bold}

div.boxcontent{
width:188px;
background:#d9d9d9;
padding:10px;

}

div.boxcontent h1{
margin:0px;
padding:0px;
font-size:10px;
color:#666666;
}

div.boxcontent h2{
margin:0px;
padding:0px;
font-size:11px;
font-weight:bold;
color:red;
}

div.boxbottom{
width:100%;
background:url(../images/bgboxbottom.png) no-repeat;
height:31px;
margin-bottom:10px;
}	

img {
border:0px;
padding:0px;
margin:0px;
}

a{
color:black;
text-decoration:underline;
}

a:hover{
color:red;
text-decoration:none;
}
#mac{
	text-align:left;
	padding-left:17px;
	color:#FFFFFF;
	font-weight:bold;

	}
#video{
	width:320px;
	height:240px;
	background:url(../images/video1.jpg) no-repeat center;
	}
#video:hover{
background:url(../images/video2.jpg) no-repeat center;
}
#videoen{
	width:320px;
	height:240px;
	background:url(../images/video2enh.jpg) no-repeat center;
	}
#videoen:hover{
background:url(../images/video2en.jpg) no-repeat center;
}
#videode{
	width:320px;
	height:240px;
	background:url(../images/video2de.jpg) no-repeat center;
	}
#footer a{
	text-decoration:none;
	}
.style123 {color: #FF66CC; text-decoration:none}
.style12 {color: #FFFFFF; text-decoration:none}