/* CSS Document */
body{
background-color:#f0f2f2;
font-family:'Open Sans', sans-serif;
}
#content{
background-color:#fff ;
padding:30px;
}
#heading{
padding:15px;
background-color:#FFFFFF;
}
.navbar {
border-radius: 0px;
padding-bottom: 15px;
border-color:#008aa5;
margin-bottom:0px;
/*background-color:#fff;*/
padding-top:15px;

background: #eaeaea; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#01c3df,#00aac6,#008aa5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#01c3df, #00aac6,#008aa5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#01c3df, #00aac6,#008aa5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#01c3df, #00aac6,#008aa5); /* Standard syntax */
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
color:#f6e07b;
background-color:rgba(0,0,0,0.15);

}

.navbar-default .navbar-nav > .active > a {
   /* background-color: #fcfbb5;*/
   /* color: #305d8b;*/
}
.navbar-default .navbar-nav >  a : hover{
    /*background-color: #fcfbb5;
    color: #305d8b;*/
}
.navbar-default .navbar-toggle{
border-radius:50%;
background-color:#e8f7ff;
}

.navbar-collapse{
margin-top:10px;
}

.navbar-default .navbar-nav > li {
margin-right:5px;
}

.navbar-default .navbar-nav > li > a{
font-weight: 600;
font-family: 'Trirong', serif;	
font-size: 14px;
color:#fff;
}



p{
font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    line-height: 1.714em;
}

h3{
color:#26436b;
font-family: 'Open Sans', Arial, sans-serif;
}


.dropdown-menu > li > a {
font-weight: 700;
font-family: 'Trirong', serif;	
font-size: 14px;
}

.form-control{
border-radius:0px;
}

.line{
border: 2px solid #0099FF;
width 50px;
height: 3px;
margin-right: 10px;
}
h4{
color:#26436b;
font-family: 'Open Sans', Arial, sans-serif;
}
.navbar-brand{
padding-top:0px;
}
#footer{
background: #008aa5; /* For browsers that do not support gradients */
 }  
@media (min-width: 768px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -20px;
}

/*.gallery li a > img {
height: 200px;
width: 200px;
}*/
}

@media (min-width: 1200px){
.container {
    width: 1200px;
}

#content ul li  {
list-style-image:url(../images/list-style.png);
}

.gallery  li img {
height: 300px;
width:300px;

}

}

@media (min-width: 768px){
.navbar-right {
    float: right !important;
    margin-right: 0px;
}

}
@media (max-width: 490px){

.gallery  li img {
height: 200px;
width:200px;
margin-bottom:20px;
}

}
.navbar-nav > li > .dropdown-menu {
 background: #eaeaea; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#01c3df,#00aac6,#008aa5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#01c3df, #00aac6,#008aa5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#01c3df, #00aac6,#008aa5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#01c3df, #00aac6,#008aa5); /* Standard syntax */  
}

.dropdown-menu > li > a {
    color: #FFFFFF;
}

.dropdown-menu > li > a:hover{
    background-color: transparent;
}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
}