@font-face {
	font-family: 'Arial';
	src: url('../fonts/gothic/century_gothic.eot');
	src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothic/century_gothic.woff') format('woff'),
		url('../fonts/gothic/century_gothic.ttf') format('truetype'),
		url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
	font-weight: normal;
	font-style: normal;
}
#main_cont {
    height: 600px;
    width: 800px;
    background-color: #dcdcdc;
    border: 1px solid;
    position: relative;
}

body {
    overflow: hidden;
    margin: 0px;
    font-family:'Arial';
}

#container {
    position: relative;
    width: 100%;
    background-color: #666666;
    height: 570px;
    top: 30px;
}
.click_cont
{
    position: absolute;
    width: 800px;
    height: 140px;
    background-color:black;
}
/*#img1
{
    position: absolute;
    top: 15px;
    left: 40px;
    width: 428px;
    height: 103px;
    background-image: url("../images/image_1.png");
    background-size: 100%;
}*/
#img1
{
/*
    position: absolute;
    top: 15px;
    left: 40px;
    left: 170px;
    width: 428px;
    height: 103px;
    background-image: url("../images/image_0.png");
    background-size: 100%;
*/
    display: block;
}
#img2
{
    position: absolute;
    top: 51px;
/*    left: 71px;*/
    left: 201px;
    width: 45px;
    height: 46px;
    background-image: url("../images/smallsquare1.png");
    background-size: 100%;
    display: block;
}
#img3
{
    position: absolute;
    top: 25px;
/*    left: 382px;*/
    left: 512px;
    width: 44px;
    height: 44px;
    background-image: url("../images/smallsquare2.png");
    background-size: 100%;
    display: block;
}
#img2:hover
{
/*
    position: absolute;
    top: 51px;
    left: 71px;
    width: 44px;
    height: 44px;
*/
    background-image: url("../images/smallsquare1hover.png");
    background-size: 100%;
    display: block;
}
#img3:hover
{
/*
    position: absolute;
    top: 25px;
    left: 382px;
    width: 44px;
    height: 44px;
*/
    background-image: url("../images/smallsquare2hover.png");
    background-size: 100%;
    display: block;
}
#img4
{
    position: absolute;
    top: 40px;
/*    left: 61px;*/
    left: 191px;
    width: 66px;
    height: 66px;
    background-image: url("../images/image_21.png");
    background-size: 100%;
    display: none;
}
#img4:hover
{
/*
    position: absolute;
    top: 40px;
    left: 61px;
    width: 66px;
    height: 66px;
*/
    background-image: url("../images/image_21hover.png");
    background-size: 100%;
}
#img5
{
    position: absolute;
    top: 15px;
/*    left: 371px;*/
    left: 501px;
    width: 66px;
    height: 66px;
    background-image: url("../images/image_31.png");
    background-size: 100%;
    display: none;
}
#img5:hover
{
/*
    position: absolute;
    top: 15px;
    left: 371px;
    width: 66px;
    height: 66px;
*/
    background-image: url("../images/image_31hover.png");
    background-size: 100%;
}
#btn_1
{
    position: absolute;
    top: 547px;
    left: 265px;
    opacity: 0.5;
    border-radius: 0px;
}
/*.btn1:hover
{
    opacity: 0.5;
}
.btn2:hover
{
    opacity: 0.5;
}*/
#btn_2
{
    position: absolute;
    top: 547px;
    left: 430px;
    opacity: 0.5;
}
#title1
{
    position: absolute;
    top: 143px;
    left: 0px;
    color: white;
    font-size: 14px;
}
#title2
{
    position: absolute;
    top: 340px;
    left: 0px;
    color: white;
    font-size: 14px;
}
#msg_1
{
    position: absolute;
    top: 40px;
     left: 10px; 
    width: 355px;
    height: 20px;
    text-align: center;
    display: none;
}
#msgbox_1
{
    position: absolute;
    top: 180px;
    left: 330px;
    width: 380px;
    height: 115px;
    border: 1px solid;
    background-color: white;
    box-shadow: 0px 10px 20px #505050;
/*    box-shadow: 0px 10px 20px #000000;*/
    display: none;
}
#empty_1
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 380px;
    height: 30px;
    border-bottom: grey 1px solid;
    background-color: #c0c0c0;
    display: none;
}
#btn_3
{
    position: absolute;
    top: 75px;
    height: 25px;
    background-color: #ccdced;
    border: 1px solid;
    width: 90px;
    left: 145px;
    display: none;
}
#msg_2
{
    position: absolute;
    top: 40px;
    left: 50px; 
    width: 155px;
    height: 20px;
    display: none;
/*    text-align: center;*/
}
#msgbox_2
{
    position: absolute;
    top: 180px;
    left: 330px;
    width: 260px;
    height: 115px;
    border: 1px solid;
    background-color: white;
    box-shadow: 0px 10px 20px #505050;
/*    box-shadow: 0px 10px 20px #000000;*/
    display: none;
}
#empty_2
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 260px;
    height: 30px;
    border-bottom: grey 1px solid;
    background-color: #c0c0c0;
    display: none;
}
#btn_4
{
    position: absolute;
    top: 75px;
    height: 25px;
    background-color: #ccdced;
    border: 1px solid;
    width: 90px;
    left: 80px;
    display: none;
}
#btn_4:hover
{
    background-color: #b9cadc;
}
#btn_3:hover
{
    background-color: #b9cadc;
}
#msg
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 600px;
    display: none;
}
/*
#clickcount1
{
    position: absolute;
    top: 50px;
    left: 70px;
    width: 46px;
    height: 46px;
    border: red 1px solid;
}
#clickcount2
{
    position: absolute;
    top: 23px;
    left: 378px;
    width: 46px;
    height: 46px;
    border: red 1px solid;
}
*/



.btn {
    background-color: #eeeeee;
    padding: 1px 6px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: default;

}
#loadInfo {
    position: absolute;
    width: 176px;
    height: 50px;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 24px;
    text-align: center;
}
        #main_cont{
                opacity: 0;
        }