@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,900italic,900,700italic,700,500italic,500,400italic,300italic,300&subset=latin-ext,latin);

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

* {
font-family: 'Roboto', sans-serif;
}


body
{
}

.scroll-img {
  border: 0px solid red;
  width: 750px;
  height: 150px;
  overflow: hidden;
  font-size: 0;
 
}


.scroll-img ul {
  width: 3000px;
  height: 600px;
  margin: 0;
  padding:0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 10px 10px 10px;

}

.scroll-img ul li img {
   border:5px solid white;
   box-shadow:gray 0px 0px 10px; 
 
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 600; position: absolute; bottom: 20px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 60px; width: 25px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #000;}
.cycle-pager > * { cursor: pointer;}

#vrsek2 {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: transparent;
	position:relative;
  border-top-left-radius:8px;
 border-top-right-radius:8px;
}

.banner{
width:100%;
background : url(/images/banner.jpg) no-repeat;
margin:0 auto;
}



.bannertext{
width:50%;
float:left;
z-index:299999;
position:absolute;
top:20px;
left:0px;}

.fotoimg
{
margin-top:25px;
border:5px solid #E6D0AA;
}

.carousel-fade .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;}
.carousel-fade .next {left:0;opacity:1;z-index:1;}

.leva
{
text-align:left;
}

.container
{

}

.container2
{
background-color:#fff;

}

.obss
{
width:100%;
margin:0px 0px 0px 0px;
position:relative;
}

.titulka{
padding-top:10px;
}

.stranka{
margin:30px 0px 10px 0px;
}

.item img
{
width:100%;
}

.menicko
{
background: transparent ;
padding:0px;
}

.navbar-header
{}

.navbar-nav li a{
border-top:5px solid #e8e8e8;
color:#727272;
background-color:transparent;
z-index:9999;
**padding-bottom:1px;
font-weight:bold;
}

.navbar-nav li a:hover{
color:#004494;
**font-weight:bold;
border-top:5px solid #264796;
font-weight:bold;
}

.prihlaseni{
background-color:#a2d94c;
padding:5px;
float:right;}

.prihlaseni label{
color:#fff;}

.prihlaseni button{
border:1px solid white;
color:white;
background-color:#54ab0f;
padding:5px;}

.prihlaseni input{
text-align:center;
padding:5px;
color:#54ab0f;}



.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
color:#004494;
**border-bottom:5px solid #54ab0f;
background-color:#fff;}

.nav .caret{
border-top-color:#727272;
border-bottom-color:#727272;
}                     
 
.nav .open>a .caret, .nav .open>a:hover .caret, .nav .open>a:focus .caret{
border-top-color: #004494;
border-bottom-color: #004494; 
}
.odsad
{
padding:10px 0px;
}

.patka
{
background:url(/images/footer.jpg);
margin:0 auto;
color:#fff;
}


.menuodsad
{
}

.nav
{
font-size:15px;

}

.navbar
{
margin-top:20px;
}

.navbar-default
{
border:0px;}

.navbar-default .navbar-nav>li>a
{color:#fff;
background-color:#000;
}

.navbar-default .navbar-nav>li>a:hover
{color:#000;
 
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus
{color:#000;
background-color:#fff;}

.dropdown-menu
{
position:relative;
top:0px;
left:0px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a{
border:0px;
position:relative;
top:0px;
left:0px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus
{color:#fff;
background-color:#428bca;
position:relative;
}

.dropdown-menu>li>a .dropdown-menu>li>a:hover
{
background-color:#000;
color:#fff;}

.carousel-indicators li
{
border-color:black;
}


.carousel-caption {
 width:50%;
 right:0px;
 top:0px;
 border:0px solid red;
 left:50%;
 text-align:left;
 color:black;
 
}

.item
{
text-align:center;
margin:0px auto;
}

.spodniblok
{
 background-color:#fff;
}

.text
{
width:100%;
}

.levemenu2 ul
{
  list-style:none;
  height:auto;
}

.levemenu2 ul li p
{
  margin:0px;
}
/****************************
.levemenu2 ul li
{
  padding:10px;
  background-color:#E8E8E8;
}
.levemenu2 ul li:hover
{
  padding:10px;
  background-color:#E8E8E8;
  border-right:3px solid #004494;
  
}
.levemenu2 ul li a
{
  color:#727272;
  font-weight:bold;
}

.levemenu2 ul li a:hover
{
  color:#004494;
  font-weight:bold;
  text-decoration:none;
}
***************************/

.multi-level
{

}

.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s linear forwards;
}
 
@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
 
.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s linear forwards;
}
 
@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}



.menupvyb
{
  padding:10px;
  background-color:#E8E8E8;
  border-right:3px solid black;
}

.menupvyb a
{
  color:#727272;
  font-weight:bold;
  **margin-left:30px;
}
/*****************************************/
.menup
{
  padding:10px;
  background-color:#E8E8E8;
  
}

.menup:hover
{
  padding:10px;
  background-color:#E8E8E8;
  border-right:3px solid #004494;
}

.menup a
{
  color:#727272;
  font-weight:bold;
  **margin-left:30px;
}

.menup a:hover
{
  color:#004494;
  font-weight:bold;
  text-decoration:none;
}
/*****************************************/
.menup1
{
  padding:10px;
  background-color:#004494;
}

.menup1:hover
{
  padding:10px;
  background-color:#E8E8E8;
  border-right:3px solid #004494;
}

.menup1 a
{
  color:#727272;
  font-weight:bold;
  margin-left:10px;
}

.menup1 a:hover
{
  color:#004494;
  font-weight:bold;
  text-decoration:none;
}
/*****************************************/
.menup2
{
  padding:10px;
  background-color:#E8E8E8;
}

.menup2:hover
{
  padding:10px;
  background-color:#E8E8E8;
  border-right:3px solid #004494;
}

.menup2 a
{
  color:#727272;
  font-weight:bold;
  margin-left:20px;
}

.menup2 a:hover
{
  color:#004494;
  font-weight:bold;
  text-decoration:none;
}
/*****************************************/
.menup3
{
  padding:10px;
  **background-color:#E8E8E8;
}

.menup3:hover
{
  padding:10px;
  **background-color:#E8E8E8;
  border-right:3px solid #004494;
}

.menup3 a
{
  color:#727272;
  font-weight:bold;
  margin-left:30px;
}

.menup3 a:hover
{
  color:#004494;
  font-weight:bold;
  text-decoration:none;
}