@import url('https://fonts.googleapis.com/css?family=Roboto:300');

@charset "utf-8";

body {
	font-family: 'Roboto', sans-serif;
	color: black;
	background: white;
}
.navbar-brand>img{
	margin-top:-20px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-brand>p{
	color: white;
}
.navbar-default {
    background-color: black;
   }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: white;
	background: #D37832;
	font-family: 'Roboto', sans-serif;
}
.navbar-default .navbar-nav>li>a {
    color: white;
}
.navbar-default .navbar-nav>li>a:hover{
	color: white;
	background: #D37832;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: #D37832;
}

.nav>li{
		font-family: 'Roboto', sans-serif;
}
.nav>li>a:hover{
	color: #fff;
    background-color: #D37832;
}
.navbar-default .navbar-toggle{
	    background-color: #D37832;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
    }

h1{
	color: white;
	background: #A84200;
	font-size: 1.4em;
	    padding-left: 20px;
	    padding:20px;
}
h2{
	color: black;
	font-size:1.4em;
	font-weight: bold;
}
h3{
	font-size:1.4em;
	color: black;
}
h4{
	font-size:1.4em;
	color: #89B9E1;
	font-weight: bold;
}
p{
text-align: justify;
font-size:1.2em;
color: black;
}

li{
	font-size:1.2em;
	text-align: justify;
	color: black;
}
thead{
	border-radius: 4px;
}
thead>tr>th{
		background: #598B00;
		color: #fff;
	}
.col-md-12, footer{
		margin-top:0px;
		border-top:0px;
		/*border-left: #A0A0A4 solid 1px;
		border-right: #A0A0A4 solid 1px;
		border-bottom: #A0A0A4 solid 1px;*/
	}
.col-md-4{
	margin-top:20px;
}
.btn{

	border: 1px solid #BFBFBF;

	background: #a84200;
    color: #fff;
    font-size: 1.2em;
	}
.btn:hover{
	color:#fff;
}
label, select, textarea, input,form{
	font-size:1.1em;
}
form{
	text-align: center;
	}
label{
	float: left;
	font-weight:normal !important;
}

#back-to-top{
	display: block;
	border-radius: 4px;
	position:fixed;
	padding: 10px;
	background: #D37832;
	bottom: 10px;
	right: 5px;
	color: white;
	}
#back-to-top>a:hover, #back-to-top>a{
		color: white;
	}
footer{
	background: black;
	}
footer a, footer a:hover {
    color: #fff;
	text-decoration: none;
}

footer>.col-md-12{
    color: white;
    background-color: black;
	}

footer>.col-md-12>p{
		text-align: center;
		color: #fff;
	}

.banner{
	width: 100%;
}

.icon{
		width:35px;
}

.img-top{
	float: top;
	margin-right:10px;
	margin-bottom:10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px #333;
}

.img-right{
	float:right;
		margin-right:10px;
		margin-bottom:10px;
	}

.img-mid{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px #333;
	}

.img-left{
	float: left;
	margin-right:10px;
	margin-bottom:10px;

}

.clearfix{
	padding:0;
	margin:0px;
	content:"";
}

.iframe1{
	width: 330px;
	height: 260px;
	border: none;
}

.table{
	color: black;
	text-decoration: none;
}

.won {
   animation-name: flash;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    padding:0 2px 0 2px;
}
@keyframes flash {
    from {background-color:#e9e9e9;color:#ab4805;}
    to   {color:#61aa25;}
}

.footer1{
	color: white;
	font-size: 12px;
	text-align: center;
}

.td1{
	background: #FFFFFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #D1D1D1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #D1D1D1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #D1D1D1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #D1D1D1); /* Standard syntax (must be last) */
	border-radius: 10px;
	box-shadow: 2px 2px 4px #333;
}