/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 0px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-image: url(../images/bg.gif);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow:  none;
    box-shadow:  none;
}

.btn{position:absolute;
background-color: rgba(33, 242, 90, 0);
	z-index: 999;
}

.navbar-brand{padding:5px 0 0 25px;height: auto;}


.main{
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";/*IE 8*/-moz-box-shadow: 0 3px 10px 4px rgba(0,0,0,0.4);/*FF 3.5+*/-webkit-box-shadow: 0 3px 10px 4px rgba(0,0,0,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/box-shadow: 0 3px 10px 4px rgba(0,0,0,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000); /*IE 5.5-7*/
    margin-top: 50px;
}

#p01,
#p02,
#p03,
#p04,
#p05,
#p06,
#p07,
#p08,
#p09{position:relative;}

.abs{position:absolute;}

#p03{background-color: #f8e9ac; padding-bottom: 1.5%;}

.panel{ width: 98%; margin: 0 auto;}
.panel-heading{ text-align: center; background-color: #f29600;}
.panel-title {color: white; font-size: 2em;}
.panel-title a {display: block; width: 100%; text-decoration: none;}

/*logo*/
#l01{left: 5%;top: 78%;width: 22%;height: 16%;}
#l02{left: 33%;top: 74%;width: 37%;height: 4%;}
#l03{left: 58%;top: 47%;width: 30%;height: 4%;}
#l04{left: 39%;top: 78%;width: 22%;height: 5%;}
#l05{left: 56%;top: 93%;width: 22%;height: 5%;}
#l06{left: 4%;top: 19%;width: 29%;height: 33%;}
#l07{left: 35%;top: 19%;width: 30%;height: 33%;}
#l08{left: 67%;top: 19%;width: 29%;height: 33%;}
#l09{left: 20%;top: 55%;width: 29%;height: 39%;}
#l10{left: 51%;top: 55%;width: 29%;height: 33%;}
#l11{left: 10%;top: 21%;width: 36%;height: 56%;}
#l12{left: 53%;top: 21%;width: 36%;height: 56%;}
#l13{left: 10%;top: 82%;width: 36%;height: 15%;}
#l14{left: 53%;top: 82%;width: 36%;height: 15%;}
#l15{left: 30%;top: 64%;width: 39%;height: 3%;}
#l16{left: 30%;top: 86%;width: 39%;height: 3%;}

#a01{left: 5%;top: 91%;width: 1px;height: 1px;}
#a02{left: 5%;top: 96%;width: 1px;height: 1px;}
#a03{left: 5%;top: 96%;width: 1px;height: 1px;}
#a04{left: 5%;top: 97%;width: 1px;height: 1px;}
#a05{left: 5%;top: 95%;width: 1px;height: 1px;}


@media (max-width: 767px){
#l01{left: 5%;top: 89%;width: 34%;height: 10%;}
#l03{left: 58%;top: 48%;width: 30%;height: 4%;}
#l09{left: 20%;top: 55%;width: 29%;height: 39%;}
#l11{left: 10%;top: 21%;width: 36%;height: 56%;}
#l12{left: 53%;top: 21%;width: 36%;height: 56%;}
    
#a01{left: 5%;top: 94%;width: 1px;height: 1px;}
#a02{left: 5%;top: 92.5%;width: 1px;height: 1px;}
#a03{left: 5%;top: 87.5%;width: 1px;height: 1px;}
#a04{left: 5%;top: 95%;width: 1px;height: 1px;}
#a05{left: 5%;top: 93%;width: 1px;height: 1px;} 
    
}