/* CSS Document */


body{ background: #000000 url(img/top_bg.png) no-repeat ; background-position: center 0px;}
img{border:none;}

#mainte{text-align: center; margin-top: 100px;}
#mainte p{font-weight: bold;text-align: center;}
#mainteimg{width: 300px;}

#top{ width:830px; margin: 0 auto; text-align:center; margin-top:220px; }

.ST{ float:left; width:250px; margin-right:10px;}
.LAB{ float:right; width:250px;}
.m-logo1{float:left; margin:25px;}
.m-logo2{ display:none;}
.Mtext{ display:none;}

.Ptext{ color:#FFFFFF; font-family: "Courier New", Courier, monospace, sans-serif, serif;  font-size:150%; text-align:center; margin-left:20px; margin-top:70px;}

@media screen and (max-width: 800px) {
#top{ width:680px; text-align:center; left:0; margin:0 auto; position:relative; margin-top:200px;}

.ST{width:25%;}
.LAB{ width:25%; margin-left:-20px;}
.m-logo1{ margin:25px 25px 25px 40px;}
.m-logo2{ display:none;}

.Ptext{ margin-top:60px;}
}

@media screen and (max-width: 600px) {
body{ background: #000000 url(img/top_mobile.png) no-repeat ; background-position: center 0px;}

#top{width:100%; top:5%; margin: 0 auto; left:0;padding-top: 50px; }
.ST{ float:none; width:50%;}
.LAB{float:none; width:50%;}
.m-logo1{ display:none;}
.m-logo2{ display:inline;float:none; width:60%; margin-bottom:20px; }
.Ptext{display:none;}
.Mtext{ display: inline;color:#FFFFFF; font-family: "Courier New", Courier, monospace, sans-serif, serif; font-size:100%; text-align:center; margin:0 0 20px 0;}
}

@media screen and (max-width: 500px) {
body{ background: #000000 url(img/top_mobile.png) no-repeat ; background-position: center; }

.ST{ float:none; width:40%;}
.LAB{float:none; width:40%;}
}