/* -------------- POWŠITKOWNJE -------------- */
@font-face { 
  font-family: 'Dosis';
    src: url('../template/FONTS/Dosis/Dosis-Regular.otf') format('truetype'); 
  }  
* {
  padding: 0px;
  margin: 0px;
}
body {
  font-family: 'Dosis';
  font-size: 1.8em;
  background: white;
  margin: 0;
  color: #333;
  background-color: #FFFFFF;
}
div.strona {
  background: white;
}
div.wobsah{
  min-height: 100px;  
}
div.carousel-caption {  
  left: 10%;
  right: 10%;
}
div.carousel-caption h1  {
  font-size: calc(0.8em + 0.8vw);
  font-weight: 900;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position: relative;
  color: white;  
  }
div.carousel-caption a  {  
  color: white;
  font-size: calc(0.8em + 0.7vw);
  }
div.hlowa {
  margin-left: -5px;
  margin-right: -5px;
}  
    
div.hlowa h1 {
  padding-left: calc(2.2em + 5vw);
  color: white;
}  
div.hlowa p {
  font-size: calc(0.3em + 0.9vw);
  padding-left: calc(2.5em + 5vw);
  color: white;
}    
.container { 
  padding: 0 5px 0 5px;    
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}  
  
h1 {
    font: normal 1.9em/130% 'Dosis', cursive;
  font-size: calc(1.8em + 0.5vw);
  margin: 10px 0 15px 0;
  color: #FF4500;
}  
h2 {
    font: normal 1.6em/120% 'Dosis', cursive;
  font-size: calc(1.4em + 0.4vw);  
    margin: 10px 0 10px 0;
}  
h3 {
    margin: 10px 0 10px 0;
  font-size: 1.4em;
  color: #82387c;
} 
h4 {
    margin: 10px 0 10px 0;
  font-size: 1.3em;
} 
h4.panel-title {
  font-size: 1.3em;
  color: #009f3c;
}  
h5, h6 {
    margin: 10px 0 10px 0;
  font-size: 1.0em;
  font-style: italic;  
  font-weight: bold
} 
a {
  color: #fe2a01;
  }
a:hover  {
  color: #fe2a01;  
  text-decoration: underline;
}  
div.wobsah {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
div.strona {
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
}
div.csc-textpic-text > ol,
div.wobsah > ol,
ol {
  margin: 0 0 10px 40px;
}
div.csc-textpic-text > ul,
div.wobsah > ul,
ul {
  list-style-type: disc;  
  margin: 0 0 10px 40px;  
  text-indent: 0em;
}  
hr {
  border: 1px dashed #C0C0C0;
  text-align: left;
}
table
  {
  border-style: solid;
  border-collapse:collapse;
  border-width: 1px;
  width: 100%;
  border-color: #6F6F6F;
  }
thead, th
  {
  background: #E6E6E6;
  font-style: italic;
  }
thead, th, td, tr
  {
  #font-size: 12px;
  vertical-align: top;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #6F6F6F;
  }

div.csc-textpic-image > img, div.carousel-caption > img
  {
  width: 100%;
  height: auto;
  }


/*-- PANEL --*/
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
  #color: inherit;
  color: #FF4500;
  }
.panel-body {
  padding: 15px;
  #background-color: #fcfcf3;
  }

/*-- TAB --*/
ul.nav-tabs {
  margin: 0 0 10px 0px; 
  }



/* -------------- HEADER -------------- */
#header_navi
  { 
  margin: 0 0 0 8px;  
  padding: 0 10px 0 0;  
  }


/* -------------- RĚĆ A SĆEŽKA -------------- */
#rec_scezka
  { 
  padding: 12px 0 0 4px;
  }
#rec
  { 
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }
.breadcrumb
  {
  padding: 0px;
  margin: 0px;
  background: transparent;
  }  
  

/* -------------- FORMATĚROWANJE NAWIGACIJE-------------- */
#nav { 
  margin-top: 10px;
  }
.navbar {
  margin-bottom: 0px;
  color: #009f3c;
  }
.navbar-toggle {
    #background-color: #009f3c;
}

/*-- HLOWNA NAWIGACIJA --*/
.navbar-default {
  background-color: #f3f3f3;
 }
 .navbar-default .navbar-brand  {
    color: #fe2a01;
} 
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover {
    color: #fe2a01;
}
.navbar-default .navbar-nav > li > a {
  color: #fe2a01;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
    color: #fe2a01;
    background-color: white;

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover
{
  color: #FFFFFF; 
  background: #fe2a01;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
  color: #fe2a01; 
    background-color: white; 
}

/*-- DROPDOWN NAWIGACIJA --*/
.dropdown-menu {
  font-size: 18px;
} 
.dropdown-menu > li > a {
    color: #fe2a01;
    #text-decoration: none;
    background-color: white;
}
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
    color: white;
    background-color: #fe2a01;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    color: white;
    background-color: #fe2a01;
}

/* MOBILNA DROPDOWN NAWIGACIJA --*/

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fe2a01;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: white;
    background-color: #fe2a01;;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: white;
    background-color: #fe2a01;
}  


.navbar-default .navbar-toggle .icon-bar {
    background: #fe2a01;
}


  
/* -------------- NAV (NIČO ZMĚNIĆ) -------------- */


.dropdown-submenu
  {
  position:relative;
  }
.dropdown-submenu > .dropdown-menu
  {
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
  }
.dropdown-submenu:hover > .dropdown-menu
  {
  display:block;
  }
.dropdown-submenu > a:after
  {
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;
  margin-right:-10px;
  }
.dropdown-submenu:hover > a:after
  {
  border-left-color:#ffffff;
  }
.dropdown-submenu .pull-left
  {
  float:none;
  }
.dropdown-submenu.pull-left > .dropdown-menu
  {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
  }
ul.nav > li.dropdown:hover > ul.dropdown-menu 
  {
  display: block;
  margin-top:0px
  }




/* --------------FOOTER -------------- */
footer.footer { 
  margin: 20px 0 20px 0;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 10px;  
}
footer.footer h4 { 
  #color: white;
}
footer.footer p { 
  #color: white;
}  
footer.footer hr { 
  border: 1px dashed white;
}  
footer.footer a { 
  #color: white;
}  
footer.footer a:hover { 
  #color: white;
  text-decoration: underline;
}
#funkcije
  {
  text-align: right;
  padding: 10px;
  }