/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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, 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, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; 	content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* ************************************* */

body { font: 1em/1.231 Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
	color: #634921;
	/* background: url("./img/pozadi.jpg") top center no-repeat;  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #98897a; /* #8e9082;  */
}
h1 { font-size: 160%; font-weight: bold; margin-bottom: 1%;}
h2 { font-size: 130%; font-weight: bold; margin-bottom: 1%; text-align: left;}
a, a:link, a:visited, a:active, a:focus { color: #ebc272; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }

.row1 { min-height: 22%; }
.row2 {  }
.cols { float: left; }
.align-right { float: right;	padding: 0% 0% 1% 2%; }
.align-left 	 { float: left;	padding: 0% 2% 1% 0%; }
.list { list-style: circle; padding: 1.0em;}
.list li { padding-bottom: 0.1em; }

#content { width: 100%; background: url("/img/posuvne-kovani.jpg") top left no-repeat;
	-webkit-background-size: 100% auto; -moz-background-size: 100% auto;
	-o-background-size: 100% auto; background-size: 100% auto;
}

#logo { width: 15.591397%; margin-left: 9.1397849%; margin-top: 2%; }
#head { width: 60.752688%; margin-left: 3.2258064%; margin-top: 2%; padding-top: 0.4%; font-size:100%; color: #634921; }

#box-photo { overflow:hidden; width: 50%; float:right; margin: 0% 0% 1% 2%; }
#box-photo img{ max-width: 100%; height: auto; }

#box-text { width: 32.795698%; margin-left: 31.182795%; padding: 0.5%; text-align: justify; color: #ebc272; font-size: 90%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#subpage-text { width: 54.838709%; margin-left: 9.1397849%;  padding: 1%; text-align: justify; color: #150d00;
	font-size: 90%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: url("/img/bg-transparent.png") top left repeat;
}
#subpage-text a{ color: #634921; font-weight: bold; text-decoration: none; }
#subpage-text a:hover { text-decoration: underline; }


#menu { width: 15.591397%; margin-left: 9.1397849%; font-weight: bold; font-size: 90%; text-align: center; }
#menu li { list-style-type: none; display: block;  line-height: 3em; position:relative; }
#menu ul li a { display: block; }
#menu ul li:hover {  }
#menu ul li a:hover { color: #ffffff; text-decoration: underline; }

#photogallery a { display: block; float: left; width: 23.99999%; padding: 0% 1% 1% 0%;}

#contact { width: 100%;  padding: 1% 0%; color: #150d00; font-size: 80%; text-align: center; background: url("/img/shadow-top.png") left top repeat-x; background-color: #98897a; }

/* nastavení obrázků pro slideshow() na frontpage */
#slideshow { position:relative; width: 100%; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active  { z-index:9; }

@media ( max-width: 950px ) {
	#content { width: 950px; }
}
/*
@media ( max-width: 950px ) and (min-width: 481px) {
	h1 { font-size: 135%; margin-bottom: 0%;}
	#menu { font-size: 80%; }
	#menu li { line-height: 2em; }
	#subpage-text { font-size: 80%; }
	#photogallery a { display: block; float: left; width: 30%; padding: 0% 1% 1% 0%; }
}

@media ( max-width: 480px ) {
	h1 { font-size: 140%; margin-bottom: 0%;}
	.one-cols { float: none; width: 98%; }
	.two-cols { float: none; width: 98%; }
	#logo { text-align: center;}
	#logo img { width:50%; }
	#head { color: #634921; text-align: center; padding: 1.555% 1% 1% 1%; }

	#menu { font-size: 90%; text-align: center; margin-bottom: 2%; background: url("/img/shadow-top.png") left top repeat-x; padding-top: 4%;}
	#menu li { line-height: 2em; width: 50%; float: left;}
	#menu ul li a { display: block; }
	#menu ul li:hover { background-color: #8e9082; border: 1px none #ebc272; }
	#menu ul li a:hover { text-decoration: none; }
	#box-text { background: url("/img/shadow-top.png") left top repeat-x; padding-top: 4%; }
	#photogallery a { display: block; float: left; width: 48%; padding: 0% 1% 1% 0%; }

	#contact { padding-top: 4%; }
}
 */
/* =================== */
.rounded-corners { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none; visibility: hidden; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}