@font-face {
    font-family: 'TeXGyreBonumBold';
    src: url('fonts/texgyrebonum-bold-webfont.eot');
    src: url('fonts/texgyrebonum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyrebonum-bold-webfont.woff') format('woff'),
         url('fonts/texgyrebonum-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyrebonum-bold-webfont.svg#TeXGyreBonumBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreBonumRegular';
    src: url('fonts/texgyrebonum-regular-webfont.eot');
    src: url('fonts/texgyrebonum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyrebonum-regular-webfont.woff') format('woff'),
         url('fonts/texgyrebonum-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyrebonum-regular-webfont.svg#TeXGyreBonumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}  

html 
{
	height: 100%;
}

body 
{
	height: 100%;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	margin: 0; padding: 0;
	background: #f9eded;
	color: #573d37;
}

strong { font-weight: bold; }

a:link { color: #6F482B; font-weight: bold; text-decoration: none;}
a:visited { color: #6F482B; font-weight: bold; text-decoration: none;}
p a:hover { text-decoration: underline;}

table { font-size: 0.9em; }
thead tr td{ font-weight: bold; text-align: center; vertical-align: middle; }
tbody tr td { text-align: center; padding: 10px; vertical-align: middle;}

label, p label { color: #6F4567; font-size: 1em;}

#wrapper { position: relative; height:auto; min-height: 100%; width: 960px;  margin: 0 auto 0 auto; padding: 0 0px 0px 0px; }

header
{
	position: absolute; top: 0px; left: 0px; z-index: 9999;
	width: 100%; height: 140px; 
	margin: 0 0 0 0; padding: 0;
}

.main-menu { position: absolute; top: 70px; right: 80px; z-index: 9999; margin: 0;  padding: 0; width: 400px; height: 40px; text-align: right;}
.main-menu ul li
{
	display: inline;
	list-style-type: none;
	text-align: right;
	margin-left: 25px;
}	
.main-menu ul li a:link, .main-menu ul li a:visited
{
	font-family: 'TeXGyreBonumBold', Arial;
	font-size: 1.3em;
	letter-spacing: -0.03em;
	color: #35221D;
}

#main
{
	width: 100%; 
	margin: 0 0 0 0; padding: 590px 0 200px 50px;
	
}

#center
{
	position: absolute; top: 110px; left: 0px; z-index: 2;
	width: 100%; height: 430px;
	margin: 0; padding: 0;
	background: #e8d8d2;
	border-top: solid 1px #e8c9c0;
	border-bottom: solid 1px #e8c9c0;

}
.center-title { width: 937px; height: 387px; margin-top: 20px; background: url("../images/center-bg.jpg") 0px 0px no-repeat; }
.center-wrapper { position: relative; height:300px; width: 960px;  margin: 0 auto 0 auto; padding: 0px; }


.photoBox
{
	float: left;
	width: 400px;
	height: 250px;
	margin: 40px 20px 20px 40px;

}
.photoBox img { border: solid 2px #80425B; margin: 0 5px 5px 0;}

footer
{
	position: relative;
	margin: 0 0 60px 0;
	margin-top: -270px; /* negative value of footer height */
	clear:both;
	height: 250px;
	width: 80%;
	background-color: #E8D8D2;
					
}
footer h2
{
	font-size: 1.6em;
}

footer div.footer-menu  {  
	position: relative;
	height:auto; 
	min-height: 100%; 
	width: 450px;  
	margin: 0 auto 0 auto; 
	padding: 30px 0px 0px 0px;
	text-align: left;  
	color: #35221D; 
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.logo { 	margin: 0;  padding: 27px 0 0 50px; }

.left-home-content { float: left; width: 480px; margin: 0px 0px 40px 10px; _margin-left: 10px;  }
.right-home-content { width: 300px; margin: 0px 10px 70px 600px; }


.clear
{
	clear: left;
}

.post { margin: 0 0 40px 0; padding-bottom: 45px; background: url("../images/post-border.jpg") bottom center no-repeat;}


.showMeMoreLink { padding: 15px 10px 20px 20px;}
.showMeMoreLink a:link, .showMeMoreLink a:visited { font-size: 0.8em; font-weight: normal;}

a.readArticleLink { color: #4797BF; font-size: 0.9em; margin-left: 5px;}

.homeButtons img { margin-right: 5px; }

.home-novinky li { padding-bottom: 15px; font-size: 0.9em; line-height: 130%; color: #857457; }
.home-novinky li span { font-size: 0.9em; font-weight: bold; color: #00aaff; margin-right: 10px;}

.articleFooter { color: #6C5138; font-size: 1em; padding: 20px 0 0px 0; }
.autor { font: normal 1.2em/1.4em 'TeXGyreBonumBold', Helvetica, Arial, Verdana; padding-top: 20px; margin: 40px 0 40px 0; color: #35221D;   }

.inTextVideo { 
	width: 100%; 
	background: #2F231A; 
	text-align: center;
	margin-top: 30px;

	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
}

.paging { margin: 30px 0 10px 0; font-size: 1.4em; color: #35221D; text-align: left;}
.paging a:link, .paging a:visited {color: #35221D; text-decoration: none; letter-spacing: -0.05em;}
.paging a:hover { text-decoration: underline; }

.float-right  { float: right; margin: 0 0 20px 20px;}
.float-left  { float: left; margin: 0 20px 20px 0px;}
.clear-both { clear: both; }

/* Margin classes */
.margin-right-100 { margin-right: 100px;}
.margin-top-0 { margin-top: 0px; }
.width100percent { width: 100%;}


.ilu-image { border: solid 5px #7F7F7F; }
.video-ukazka { width: 100%; height: 65px; background: #b8e3e6; padding: 10px; margin: 0 0 10px 0; }
.video-ukazka img { float: left; border: solid 3px #58ACB2; margin-right: 10px; }
.video-ukazka div { font-size: 0.8em; line-height: 120%; font-weight: bold; color: #296B6F; }

.foto-ukazky { width: 100%; }
.foto-ukazky h3 { color: #00B5BF; height: 30px; padding: 5px 0 0 50px; background: #fff url("../img/foto-icon.png") top left no-repeat; }
.foto-ukazky a { position: relative; z-index: 1; }
.foto-ukazky img { float: left; width: 80px; height: 60px; border: solid 3px #B8E3E6; margin: 0 8px 8px 0; }

.novinky  { color: #00B5BF; height: 30px; padding: 5px 0 0 50px; background: #fff url("../img/star-icon.png") top left no-repeat; margin-top: 30px;}


.blueForm { 
		padding: 25px; margin: 0px 0 20px 0; background: #FFC600;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
}
.blueForm td { padding: 0 10px 7px 0px; margin: 0;}

.blueForm input, .blueForm textarea, .blueForm select { 
			background: #FFF6DB; border: solid 1px #D6B657; margin: 0px; padding: 5px; color: #6F482B;
}
.blueForm input.captcha { position: relative; top: 0px; margin-right: 10px; font-size: 1.4em;}
.blueForm label { font-weight: normal; font-size: 1em; color: #6F482B;}
.blueForm img { margin: 15px 5px 0px -5px; }
.blueForm p { margin: 0; }
.blueForm input.submit { 
			font-weight: bold; background: #FF6D10; color: #fff; border: none;
			padding: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
}
.blueForm sup { color: #F54828; font-size: 1em;}
.blueForm p.poznamka { width: 100%; text-align: right; font-size: 0.8em; font-weight: bold; color: #485F00;}
p.poznamka { width: 100%; text-align: right; font-size: 0.8em; color: #6F482B;}
#image { 
			vertical-align: top; 
			
}


.msgBox { color: #fff; width: 90%; padding: 10px 10px 10px 15px; margin-bottom: 20px; font-size: 0.9em; line-height: 130%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.error { background: #FF1800; }
.success { background: #afd833; color: #485F00;}
.formError { background: #EFD1D1 !important; color: #000 !important; border: solid 1px #DF2F00 !important;}


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

.signature { 
			margin-top: 40px; background: #afd833; padding: 20px 20px 10px 20px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-moz-border-radius-topright: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-bottomleft: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-webkit-border-top-left-radius: 10px;
}
.signature p { color: #485F00; font-size: 1em;}
.signature p a:link, .signature p a:visited { color: #485F00; font-weight: bold;} 

article img
{
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	rotation: -3deg;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	margin: 20px 40px 25px 0px !important;
}

p , address 
{
		font: 1.2em/1.4em Arial,Helvetica,Verdana;
		color: #573D37;
		line-height: 1.6em;
		text-align: left;
		margin-bottom: 15px;
		 
}


h1, h1 a:link, h1 a:visited, .post h2 a:link, .post h2 a:visited  { 
		
		
		text-align:left;
		font-family: 'TeXGyreBonumBold', Arial, Verdana;
		text-decoration: none;
		word-spacing: -0.05em;
		text-align: left;
		letter-spacing: -0.04em;
		line-height: 100%;
		font-size: 3.4em;
		font-weight: normal;
		color: #35221d;
		margin: 0 0 20px 0;
		*margin: 0 0 20px 0;

}
 h1 a:link, h1 a:visited
 {
		font-size: 1em;
 }

.post h2 a:link, .post h2 a:visited { font-size: 1.6em; line-height: 100%;}
.post h2 a:hover { text-decoration: underline; }

h2 
{ 
	font-family: 'TeXGyreBonumBold', Helvetica, Arial, Verdana;
	text-align:left;
	word-spacing: -0.03em;
	letter-spacing: -0.03em;
	line-height: 1.2em;
	font-size: 1.8em;
	color: #7C5F56; 
	margin: 30px 0 20px 0;
	padding: 0; 	
	
}

h3 {
		
		font-family: 'TeXGyreBonumRegular', Arial, Verdana;
		word-spacing: -0.05em;
		text-align: left;
		line-height: 1.2em;
		font-size: 1.6em;
		color: #35221D; 
		margin: 25px 0 20px 0; 
		padding: 0; 
		
}

h4 {
		margin: .5em 0 .5em 0;
		font-family: 'TeXGyreBonumRegular', Arial, Helvetica;
		font-size: 1.2em; 
		font-weight: bold;
		color: #35221d;
		
}

h5, h6 {
		font-family: Arial, Helvetica;
		font-weight: normal;
		font-size: 1.3em;
}

.post h2, .right-home-content h3   
{  
		font-size: 2.4em;
		color: #35221d; 
		margin-top: 0px;	
}
.right-home-content h3 
{
	font: normal 3em/1em 'TeXGyreBonumRegular', Helvetica, Arial, Verdana;	
	letter-spacing: -0.05em;
}

ul, ol { margin: 0 0 20px 20px; }
ul li,ol li { 
		list-style-type: square; 
		line-height: 140%; 
		color: #6F482B;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
		font-size: 1.1em;
}
ol li { list-style-type: decimal;}



sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 70%;
	
}

sup {
	bottom: .5ex;
	left: .5ex;
}

sub {
	top: .5ex;
}

em { font-style: italic;}

table { font-size: 1em; color: #6F4567; /*width: 100%;*/ margin: 0 0 20px 0;}
table td.center { text-align: center; }
thead {background: #EDEDED; color: #7F7F7F; }
thead tr td { padding: 8px 0 8px 0; text-align: center;}

tbody tr td { padding: 5px 10px 5px 10px; text-align: left;}
tbody tr td:first-child { width: 80px; }
thead tr td:nth-child(2nd) { /*width: 100px;*/}

.table2 { width: 350px; }
.table2 td { padding: 5px 0 0 0; color: #6F4567; }
.table2 tbody tr td:first-child { font-weight: bold; font-size: 0.9em; width: 130px; }

.kontakt-table tbody tr td:first-child { width: 230px; line-height: 140%;}

hr.cistic {
			clear: both;
			height: 1px;
			border: none;
			margin: -1px 0 0 0;
			visibility: hidden;
		}

div.spacer { margin: 30px 0 10px 0; }		


.hide { display: none; }
.show { display: block;}

.rssIcon { margin: 30px 0 30px 0; }

.tagSelector { position: absolute; top: 300px; left: 300px; z-index: 999; width: 150px; height: 40px; background: #5F4E41; }



/* --- END BUTTONS --- */	
.perex { font-family: 'TeXGyreBonumRegular', Arial; font-size: 1.3em; line-height: 1.4em; letter-spacing: -0.02em; color: #573d37; margin-bottom: 20px;}
.perex a { color: #573d37; }

.readmore { width: 100px; float: left; margin: 0px 10px 15px 0px; padding-top: 15px;}
.readmore a:link, .readmore a:visited
{
	margin-top: 5px;
	padding: 10px;
	background: #FFC600;
	letter-spacing: -0.05em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.readmore a:hover
{
	color: #FFC600;
	background: #6F482B;
}

.ownerInfo
{
	font: normal 1.2em/1.4em 'TeXGyreBonumRegular', Arial; 
	color: #573d37; 
	margin-bottom: 30px;
}
.ownerInfo img
{
	float: left;
	margin: 0px 15px 7px 0px;
	border: solid 3px #E8D8D2;
}
.right-home-content ul
{
	margin: 0px 0px 0px 0px;
}
.right-home-content ul li
{
	font-family: 'TeXGyreBonumBold', Arial, Verdana;
	font-size: 1.4em;
	list-style-type: none;
	line-height: 1.2em;
	margin-top: 10px;
}

article li
{
	font: 1.2em/1.4em Arial,Helvetica,Verdana;
	color: #573D37;
	line-height: 1.6em;
}