@font-face {
font-family: Anivers;
font-style: normal;
font-weight: normal;
src: url('Anivers_Regular.otf'); }


/* Reset All Styles
-------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, tr, td,
 caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
     font-size: 16px;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.slick-prev:before, .slick-next:before {
   font-family: Helvetica, Arial, sans-serif !important;
    font-size: 25px !important;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


/* Global Styles
-------------------------------------------------------------------*/

body{
  background: #fff url(images/texturetastic_gray.gif);
  font-family: "Anivers", Helvetica, Arial, sans-serif;
  color: #252525;
  line-height: 1.4em;
}
strong{
  font-weight: bold;
}

table {margin: 0px; padding: 0px}
td {vertical-align:top; padding-right: 20px}

hr {border: 0px; height: 2px; background: url(images/hr2.png); margin: 20px 0px 20px 0px; clear: both}

/* Links */

a:link,
a:visited{
  color: #000;
  text-decoration: none;
}
a:hover,
a:active{
  color: #ae3e48;
}

p {margin: 10px 0px 10px 0px}

/* Headers */

h1{
margin-top: 20px;
  margin-bottom: 15px;
  font-size: 1.9em;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia
}

h2{
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 1.9em;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia
}
h3{
  margin-bottom: 5px;
  font-size: 2.3em;
  font-weight: normal;
}
h3 a:link,
h3 a:visited{
  color: #333;
}
h3 a:hover,
h3 a:active{
  text-decoration: underline;
}
h4{
  font-size: 1.1em;
  font-weight: normal;
  color: #333;
  margin-bottom: 10px;
  text-transform: uppercase;
}
pre {
  font-size: 1.2em;
  font-family: Georgia;
  font-weight: normal;
  color: #333;
  margin-bottom: 10px;
}
h5{
  font-family: Georgia;
  font-size: 1.1em;
  font-weight: normal;
  color: #333;
  margin-bottom: 10px;
	width: 500px
}
h6{
  font-family: Georgia;
  font-size: 0.9em;
  font-weight: normal;
  color: #333;
  margin-bottom: 10px;
	width: 590px
}


/* Structure */

#siteWrapper{
  margin: 0 auto;
  max-width: 1400px;
	
  
}

#naviWrapper {
	position: fixed;
	left: 0px;
	top: 60px;
	width: 118px;
	height: 460px;
	background: url("images/menubg.png") no-repeat -10px -10px;
}

#headInvisible {display:none}
#headVisible {text-align: center; position: absolute;
	left: 50%;
	top: 0px;
	width: 521px;
	height: 200px;}

#headCenter {
position: absolute;
left: -200px;
}

#contentWrapper {
margin: 0 20px 0 130px;
}

.entry { max-width: 720px; margin: auto; clear:both}

#motto, #art {margin: 20px 0px 20px 0px; padding: 40px 100px 50px 100px; }

#porady {margin: 20px 0px 20px 0px; 0px; padding: 0px 100px 50px 100px}
#hudebniPorady {margin: 20px 0px 20px 0px; padding: 40px 80px 50px 80px; background: url(images/03.gif); text-shadow: #f6d79d 1px 1px 0px;}
#about {margin: 20px 0px 20px 0px; padding: 40px 100px 50px 100px}
#koncerty {margin: 20px 0px 20px 0px; padding: 40px 100px 50px 100px}

#motto {background: url(images/01.gif) #a5d4cf; text-shadow: #cae7e4 1px 1px 0px; padding-top: 160px; margin-top: 30px; }
#about {background: url(images/02.gif) #f77e77; text-shadow: #ee8a85 1px 1px 0px; }
#porady {background: url(images/03.gif) #fae4b5; text-shadow: #f6d79d 1px 1px 0px;}
#porady #categoryFrame {background: url(images/hr.png) repeat-x; padding-top: 40px}
#koncerty {background: url(images/01.gif); text-shadow: #cae7e4 1px 1px 0px;}
#art {background: #fff;}
#kontakt {background: url(images/04.gif); color: #fff; text-shadow: #333 1px 1px 0px; margin: 20px 0px 0px 0px; padding: 40px 100px 20px 100px; }

#motto .entry-title {display:none}
#motto p, #kontakt p {margin: 2px}
#motto p {width: 500px}

#hudebniPorady #entry-thunb {padding: 20px; margin-bottom: 20px; background: url(images/big_bg.png) no-repeat; width: 650px; margin-left: 10px;}


#about .titlebox, #hudebniPorady .titlebox, #koncerty .titlebox, #art .titlebox {background: url(images/hr.png) left bottom repeat-x; padding-bottom: 3px;}

#kontakt .titlebox {display:none}
#kontakt .titlebox a {color: #CCC}
.titlebox {margin-bottom: 20px}

.more-link {background-color: rgba(255, 255, 255, 0.7);
padding: 5px 10px;

border-radius: 20px;}

/* Category
-------------------------------------------------------------------- */

#home {height: 100px}

/* Auto Columns
-------------------------------------------------------------------- */

#hudeasd .entry-content {
	  -moz-column-count: 2;
	  -moz-column-gap: 30px;
	  -moz-column-rule: none;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 30px;
	  -webkit-column-rule: none;
	column-count: 2;
	column-gap: 30px;
	column-rule: none;
	}



/* Logotype
-------------------------------------------------------------------- */
.logoimg {
	display: block;
	width: 521px;
	height: 206px;	
	background: url('images/logo.png') bottom;
}
.logoimg:hover {
	background-position: 0 0;
}

/* Paging Navigation
-------------------------------------------------------------------- */
.menu a {color: #fff}
.menu p {font-family: Georgia;
	font-style: Italic;
	font-size: 11px;
	text-align: center;
	line-height: 1.2em;
	margin: 0px}

.menu1, .menu2, .menu4 {
	display: block;
	padding: 70px 10px 0px 10px;
	width: 88px;
	height: 38px;
		
}
.menu3 {
	display: block;
	padding: 70px 20px 0px 20px;
	width: 68px;
	height: 38px;	
}
.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover {
	background-position: 0 0;
}

.menu1 {
	background: url('images/menu01.gif') bottom; 
}  
.menu2 {
	background: url('images/menu02.gif') bottom;
}
.menu3 {
	background: url('images/menu03.gif') bottom;
}
.menu4 {
	background: url('images/menu04.gif') bottom;
}

/* Read More
-------------------------------------------------------------------- */

.readmore {
font-size: 85%; 
text-shadow: 0px 0px 0px;
font-family: Georgia;
font-style: Italic;
margin: 20px auto;
width: 160px;
padding: 20px 0px 0px 0px}

.readmore a {
background: url(images/readmore2.gif) no-repeat; 
color: #fff; 
margin: 20px auto;
padding: 8px 30px 8px 30px}

.readmore a:hover {
background: url(images/readmore3.gif) no-repeat;
margin: 20px auto;
padding: 8px 30px 8px 30px}



/* sfvddgbsf
-------------------------------------------------------------------- */

#category_space {height: 100px}
#prehravac {width: 350px; margin: auto}

/* Self Clearing Floats
-------------------------------------------------------------------- */

#siteWrapper:after,
.post:after,
.commentEntry:after,
.commentForm:after,
#footer .elsewhere:after,
#metaContent .metaExtend:after,
#mainNav:after,
#mainNav ul:after,
#subNav ul:after,
#archives ul:after,
#coreContent .postMeta:after,
#recentPosts li:after,
#galleryNav:after,
#galleryNav_controls:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
#hudebniPorady .gallery img {
	box-shadow: 0px 0px 4px #b99249;
	border: 1px solid white !important;
	padding: 6px;
	background: url(images/80.png);
}

#hudebniPorady .gallery img:hover {
	background: white;
	box-shadow: 0px 0px 8px #b99249;

}
#about img {
	box-shadow: 0px 0px 4px #82514a;
	border: 1px solid white !important;
	padding: 6px;
	background: url(images/80.png);
}

#about img:hover {
	background: white;
	box-shadow: 0px 0px 8px #82514a;
}
#art .gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white !important;
	padding: 8px;
	background: url(images/80.png);
}

#art .gallery img:hover {
	background: white;
	box-shadow: 0px 0px 8px #999;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #fff;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0px 50px 10px;
}

#topspace {height: 10px;}