html                {   min-height: 100%;}
body						{background: #fff;margin: auto;font-family: sans-serif; color: #333333;background-image: url(../images/bg.jpg);	background-repeat: no-repeat;	background-position: center top;background-attachment: fixed; background-size: cover; background-color: #E5E5E5;}
h1, h1 a ,h1 a:hover		{font-family: Arial;font-size: 140%;color: #333333; text-transform: uppercase; border-bottom: 2px solid #F7931D;}
h2, h2 a ,h2 a:hover        {font-family: Arial;font-size: 130%;color: #333333; font-weight: bold;}
h3, h3 a ,h3 a:hover        {font-family: Arial;font-size: 120%;color: #333333; font-weight: bold;border-bottom: 2px solid #E0E0E0; text-decoration: none;}
a                           {color: #000; text-decoration: none;}
img                         {border: 0px none; } 
p                           {text-align: justify; margin: 3px 0px 10px 0px;}
ul                          { padding-left: 20px;}
.head-news					{font-size: 12px;text-decoration: underline;color: #ffffff;}	
.date					    {color: #5A95B7;}							
/*.text						{color: #c7c7c7;}*/						
.red						{color: #ff0000;}												
.reference-img          { float: left; padding-right: 20px; width: 300px; height: 300px; overflow: hidden;}
.c                          {text-align: center;}
.clear                      {clear: both;}
.b                          {font-weight: bold;}
.r                          {text-align: right;}
.nowrap                     {white-space:nowrap;}

th                          {text-align: left; background: #174401; color: #fff; padding: 3px 10px; border:  #174401 1px solid;}
td                          { border:  #173567 1px solid;}
table                       {border-collapse: collapse;}

/*input[type=submit]          { background: url('../images/bg-submit.jpg') repeat-x; color: #fff; border: none ; border-radius: 4px; padding: 3px 5px ;width: 100%;}*/

/*#lang-wrap                  { width: 100%; height: 30px; background: #333333; top: 0px; left: 0px;}
    #lang                   {position: relative;margin: 0px auto;width: 1000px;font-size: 12px; color: #ABE003; vertical-align: middle; line-height: 30px; text-align: right;}
    #lang a                 { color: #fff;}*/
    #lang                   { height: 30px; background:#333333;font-size: 12px; min-height: 37px;}
    #lang ul                { list-style: none;}
    #lang li                { display: inline-block;}
    .jumbotron              {  height: 353px; margin-bottom: 0px; border-radius: 6px 6px 0px 0px !important ;}
    .jumbotron_bg_en        { background: url('../images/bg_head_en.jpg') no-repeat; background-size: cover;}
    .jumbotron_bg_cs        { background: url('../images/bg_head_cs.jpg') no-repeat; background-size: cover;}
#all						{position: relative;margin: 0px auto;width: 1000px;}
    #middle                 {position: relative; float: left;width: 1000px;}
        .top-menu           { background: #333333;}
        .top-menu a         { color: #fff;}
        .top-menu a:hover   { color: #000;}
        #top                {position: relative; float: left;width: 1000px; height: 110px; }
            #logo           { top: 15px; left: 55px; display: table-cell; font-size: 13px; height: 110px; vertical-align: middle; }                                                         
            #logo-akustika  { height: 80px; vertical-align: middle; float: right; margin-top: 30px;}
        #head               {position: relative; float: left;width: 1000px; height: 353px; background: url('../images/bg_head.jpg') no-repeat #fff;}
            #o-zvuku_cs     {position: absolute; right: 20px; top: 70px; width: 416px; height: 39px; background:url('../images/o-zvuku_cs.png') no-repeat;}
            #o-zvuku_en     {position: absolute; right: 20px; top: 70px; width: 487px; height: 97px; background:url('../images/o-zvuku_en.png') no-repeat;}
        #menu-top           {min-height: 50px; background: #703E03; text-transform: uppercase; vertical-align: middle; line-height: 50px; position: static; color: #fff; font-weight: bold;}            
        #menu               {min-height: 50px; background: #333333; text-transform: uppercase; vertical-align: middle; line-height: 50px; position: static; }
        .menu               { list-style: none; padding: 0px; margin: 0px; margin-left: 20px;}
        .menu > li          {display: inline-block; text-align: center;}                   
        .menu > li > a      {position: relative; float: left; display: inline-block; font-size: 120%; color: #fff !important; text-align: center; /*margin: 0px 12px 0px 12px; */height: 100%;}              
        .menu > li > a:hover       { background: url('../images/menu-hover.png') repeat-x bottom center;}
        .menu > li > a.s           { font-weight: bold;}
        .menu > li ul li a {color: #000;}
        .menu > li ul li a:hover { background: none; font-weight: bold;}      
        .content            {background: #fff;}                
            .content-text   { min-height: 400px;}            
            .content-text img   {margin: 0px 10px 10px 10px;}
            
            .col2-wrap      {width: 50%; float: left;}
            .col2-l         {padding-right: 20px;}
            .col2-r         {padding-left: 20px; border-left:1px solid #C8C8C8}                                    
            .separator      {height: 20px;}
                       
            .noihide        {display: none;}
            .show           {display: normal;}
       .par-img        {float: left; margin: 0px 20px 10px 0px !important;}
        .new-images     {float: left; margin: 10px; height: 100px;}     
            
            
    .footer                 { font-size: 11px; color: #828282;background-color: #f5f5f5; margin-top: 20px; padding-top: 15px;}
    .footer-text a          { color: #828282;}
   
 
 
/* alert messages */
.message-success,.message-error,.message,.error
                                    {color:#000;font-size:16px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;}
.message-success,.message           {background-color:#9F6;border:1px solid #0F0;}
.message-error                      {display: block;}
.message-error,.error               {background-color:#F66;border:1px solid red;}
.message-info                       {display: block;border: #8585364px solid; background:#FFF701; color:#000;font-size:12px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;}

.scrollable                 {position:relative;overflow:hidden;height: 400px;width: 279px;}
    .scrollable .items      {position:absolute;height:20000em;}

.btn span.glyphicon {    			
	opacity: 0;				
}
.btn.active span.glyphicon {				
	opacity: 1;				
}

.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}
.form-group.required .control-label:after {
  content:"*";
  color:red;
}    
@media screen and (max-width: 768px) {
    #logo-wrap{
    display: none !important;
    }
}

@media (min-width: 768px){
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    color: #9d9d9d;
    cursor:default;
}
 
