header {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #666666;
	background-color:white;
    height:47px;
    position:fixed !important;
    width:100%;
    left:0px;
    top:0px;
    right:0px;
    z-index:9999;
}



h1.title {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 00px 10px;
	margin: 0px;
	float: left;
}

h1.title a{
	color: #cc3366;
    text-decoration: none;
}

#hlavnimenu {
	float: right;
	font-size: 14px;
	font-weight: bold;
}

#hlavnimenu li{
   display: inline;
   list-style-type: none;
   text-align: center;
   padding-right:10px;
   padding-left:10px;
   }

#hlavnimenu li a {
	color: rgb(180,180,180);
	text-decoration: none;
}

#hlavnimenu li a.active {
    color:#cc3366;
}

#hlavnimenu li a:hover {
    color:#cc3366 !important;
    text-decoration: underline;
}


html, body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	background-image: url("/images/background.jpg");
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: center top;
    left:0;
    right:0;

}

html {
    overflow-y:scroll;
}



.container {
    margin-left:-8px;
    margin-right:-8px;
}

.title_novinky,
.title_kurzy,
.title_workshopy,
.title_individual,
.title_omne,
.title_galerie {
	width: 100%;
    padding-top:40px;
}

.novinky,
.kurzy,
.workshopy,
.individual,
.omne,
.galerie {
	width:70%;
    position:center;
    margin-left:15%;
    margin-right:15%;
    margin-top:50px;
    margin-bottom:110px;
    font-size:14px;
}

.nadpis {
    font-size:18px;
    font-weight:bold;
}

#content_novinky a,
#content_kurzy a,
#content_workshopy a,
#content_individual a,
#content_omne a,
#content_galerie a {
	color: #cc3366;
    text-decoration: none;
}

#content_novinky a:hover,
#content_kurzy a:hover,
#content_workshopy a:hover,
#content_individual a:hover,
#content_omne a:hover,
#content_galerie a:hover {
	color: #cc3366;
    text-decoration: underline;
}

table.schedule {
	padding: 0px;
	margin-bottom: 60px;
    margin-top:30px;
}

thead.schedule {
	border-bottom:dashed;
}

table.schedule tr:first-child td {
	padding-top: 10px;
}

td.schedule, th.schedule {
	width: 195px;
	height: 20px;
	padding: 5px 0 0px 0;
	margin: 0px;
	border: 0px;
	text-align: center;
	font-weight: bold;
}

td.schedule {
	color: #cc3366;
}

.copyright {
	padding-left:10px;
}

.cprght {
	color: #666666;
	text-decoration: none;
}

.column1{
	color: #666666;
    text-align:center;
    width:34%;
    float:left;
    padding-top:28px;
    position:fixed !important;
    margin-left:-8px;    
}

.column2{
    float:right;
    width:65%;
    padding-top:28px;
}

/* GALERIE GALERIE GALERIE GALERIE GALERIE GALERIE GALERIE GALERIE */
.cbp-rfgrid {
	margin-top: 2.2vh;
    padding: 0px;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 30%; /* Fallback */
    margin:10px 10px 10px 10px;

}


.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.15);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
}

.cbp-rfgrid li a:hover div h3{
	color:#cc3366;
}

.cbp-rfgrid li a div h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;	
    width: 100%;
	color: white;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}


@media screen and (max-width: 1000px) {
	.cbp-rfgrid li {
		width: 30%; /* Fallback */
		width: -webkit-calc(100% / 3 - 4%);
		width: calc(100% / 3 - 4%);
	}
}


@media screen and (max-width: 900px) {
	.cbp-rfgrid li {
		width: 45%; /* Fallback */
		width: -webkit-calc(100% / 2 - 5.5%);
		width: calc(100% / 2 - 5.5%);
	}
}

@media screen and (max-width: 600px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}




/* KONEC GALERIE KONEC GALERIE KONEC GALERIE KONEC GALERIE KONEC GALERIE KONEC GALERIE KONEC GALERIE KONEC GALERIE */




@media screen and (max-width: 797px) {
    .column1{

        text-align:center;
        float:none;
        width:100%;
        background-color:white;
        margin-left:-8px;
    }

    .column2{
       float:none;
       width:100%;
       padding-top:30px;
    }

    #hlavnimenu {
	    visibility:hidden;
    }

    h1.title {
	    padding-left: 50px;
    }
}


@media screen and (min-width: 797px) {
    nav {
	    visibility:hidden;
    }
}



nav {
  position:absolute;
  width: 100px;
  font-size: 16px;
  left:5px;
  top:5px;
}

.dropdown-toggle {
  background-color:white;
  border: none;
  padding: 3px;
  display: block;
  position: relative;
  color:#666666;
  font-size: 25px;
}
.dropdown-toggle:after{
  content: "";
  position: absolute;
  top: 15px;
  right: 12px;
  width: 0; 
  height: 0; 

}
ul.dropdown {
  background: #fff;
  border-radius: 3px;
  margin-top: 10px;
  min-width: 12em;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
}
ul.dropdown::after {
  content: "";
  position: absolute;
  right: 12px;
  top: -5px;
}
ul.dropdown li {
  list-style-type: none;
  background-color:rgb(245,245,245);

}
ul.dropdown li a {
  text-decoration: none;
  padding: 8px 15px;
  display: block;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
}


ul.dropdown li a.active {
    color:#cc3366;
}