/*!
 * Based on Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{margin:.67em 0;font-size:2em}
strong{font-weight:bold}
img{border:0}

table{border-collapse:collapse;border-spacing:0}

@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:2cm .5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}


*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}
a{color:#428bca;text-decoration:none}
a:hover,a:focus{color:#2a6496;text-decoration:underline}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}

.img-responsive{display:block;height:auto;max-width:100%}

.img-rounded{border-radius:6px}
p{margin:0 0 10px}
h1,h2,h3,h4{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
ul{margin-top:0;margin-bottom:10px}
.container{padding-right:3em;padding-left:3em;margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.row{margin-right:-15px;margin-left:-15px}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both}

.col-md-1, .col-md-2, .col-md-3, .col-md-20, .col-md-4,  .col-md-6, .col-md-9 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

code {
    padding-left: 0;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    white-space: nowrap;
    background-color: #f9f2f4;
    border-radius: 4px;
}


pre { overflow: hidden;
    /*display: block;*/
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}


code, pre {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
}

pre {
    white-space: pre-wrap; }
	
.form-control:-moz-placeholder{color:#999}
.form-control::-moz-placeholder{color:#999}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

fieldset{padding:0;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;margin-bottom:5px;font-weight:bold}

button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}

select[multiple],select[size]{height:auto}
select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}

textarea.form-control{height:auto}
.form-group{margin-bottom:15px}


@media(min-width:768px){.container{max-width:750px}
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block}
.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}
.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}
.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}
.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}
.form-horizontal .form-group:after{clear:both}
.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}
.form-horizontal .form-group:after{clear:both}

@media(min-width:768px){.form-horizontal .control-label{text-align:right}
}

@media(min-width:992px){.container{max-width:970px}
.col-md-2, .col-md-3, .col-md-20, .col-md-4, .col-md-6,.col-md-9, .col-md-12 {float:left}
.col-md-1{width:8.333333333333332%}
.col-md-2{width:16.666666666666664%}
.col-md-3{width:25%}
.col-md-20{width:20%}

.col-md-4{width:33.33333333333333%}
.col-md-6{width:50%}
.col-md-9{width:75%}
.col-md-12{width:100%}


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

table{max-width:100%;background-color:transparent}
th{text-align:left}

.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#333;text-decoration:none}
.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:hover,.btn-info:focus,.btn-info:active{color:#fff;background-color:#39b3d7;border-color:#269abc}
.btn-info:active{background-image:none}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav:before,.nav:after{display:table;content:" "}
.nav:after{clear:both}
.nav:before,.nav:after{display:table;content:" "}
.nav:after{clear:both}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 10px} /* webado */
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
.nav-justified{width:100%}
.nav-justified>li{float:none}
.nav-justified>li>a{text-align:center}

@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}
}

@-ms-viewport{width:device-width}

@media screen and (max-width:400px){@-ms-viewport{width:320px}
}

@media screen and (max-width: 767px) {
.marquee {display:none;}

body {font-size: 16px; }
.btn {font-size: 14px;}
p,li {line-height: 2em; }
}
/* ************************* */
html {height: 100.1%; }

body {    background-color: #CCFFFF;   background-image: url(images/bgr.png);}
a:hover { color: #090; }

.space30 { margin-top: 30px; }

.row ul { padding-left: 30px; }

/*li {line-height: 2em; }*/

.clear { clear: both; }

.float_left { float: left; }
.float_right { float: right; }

.img_left_gallery {	float: left; margin: 12px; padding: 8px; border: 1px solid #CCC; }

.img_left {	float: left; margin-right: 20px; margin-bottom: 15px; }

.img_right { float: right; margin: 0 0 15px 20px; }

.img_center {float:none; margin: 0 auto 15px auto; }

.img_bottom { margin-bottom: 15px; }

.footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 20px;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
  height: 0px;
}
/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #006699;
  border-radius: 6px;
  border: 1px solid #006699;
}

.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #005588;
  background-color: #006699; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #305B74 0%, #CFE8EE 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305B74), color-stop(100%,#CFE8EE)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #305B74 0%,#CFE8EE 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #305B74 0%,#CFE8EE 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #305B74 0%,#CFE8EE 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305B74', endColorstr='#CFE8EE',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #305B74 0%,#CFE8EE 100%); /* W3C */
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  color: #000000;
  background-color: #CFE8EE;
  background-image: none;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.25);
}

.nav-justified > li > a:hover { 
	color: black;
	background-color: #CFE8EE; 
	background-image: none;
	box-shadow: inset 0 3px 7px rgba(0,0,0,.25);
}

.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.marquee {color: #FBF2BD; background-color: #4B0082; width: 700px; margin-left: auto; margin-right: auto; margin-top: 3em;}

@media (max-width: 768px) {

.marquee {display:none;}
}


@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-left: 1px solid #305B74;
    border-right: 1px solid #005588;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-radius: 0 5px 5px 0;
    border-right: 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ********************* */
.container {background-color: #F5F5FF; }
.top-logo {top:0; left: 10%;position: absolute; color: #FF5200; z-index:99; }

.top-logo h4 {float: left; margin-left: 10px;margin-top: 2.5%;font-size: 1em;padding:0; font-family: verdana,arial,sans-serif;font-weight: bold; }
.top-logo .avatar {float:left; margin-top: 3%;}
.lang {float:right; margin-left: 90px;text-align: center;margin-top: 2%; background-color: #FFFFFF; color: #0099FF;  border: 1px solid red; text-transform:uppercase; font-weight: bold; padding: 0.5em; width: 3.5em;}
#lang {top:0; right: 8px; position:fixed; z-index: 100; ;}
#t-o-p {bottom:30px; right: 8px; position:fixed; z-index: 100; font-weight: bold; border: 1px solid #eee; background-color: #FFFFFF; padding: 0.5em; width: 3.5em;}
.clear {clear:both;}




.btn-default{color:#fff;background-color:#FF5200;border-color:#ccc}


@media screen and (max-width:400px) {
.marquee {display:none;}

.top-logo {top:0; left: 1%;position: absolute; color: #FF5200; z-index:99;}
.top-logo h4 {display: none;}
.top-logo .avatar {float:left; margin-top: 0;}
.top-logo .lang {float:right; margin-top: 20px; text-align: center; background-color: #FFFFFF; color: #0099FF; width: 3em; margin-left: 60px;}

}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999; 
	display: table-cell;
	padding: 3px 10px; padding: 7px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.songtable1 {width: 35%; min-width: 100px;}
.songtable3 {width: auto;}