html, body	{height: 100%;}
body, html {
	margin: 0;
	padding: 0;
	background-color: #f3e7cd;
	background-image: url(images/stred.jpg);
	background-position: center center;
	text-align: justify;
	font-family: "century gothic";
	font-size: 13px;
}
@font-face {font-family:"DejaVu Serif Condensed Italic";
    src: url('font/DejaVuSerifCondensed-Italic.eot');
    src: url('font/DejaVuSerifCondensed-Italic.eot?#iefix') format('embedded-opentype'),
url('font/DejaVuSerifCondensed-Italic.woff') format('woff'),
url('font/DejaVuSerifCondensed-Italic.ttf') format('truetype'),
url('font/DejaVuSerifCondensed-Italic.svg#DejaVuSerifCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'saffrontoo';
    src: url('font/saffrontoo.eot');
    src: url('font/saffrontoo.eot?#iefix') format('embedded-opentype'),
url('font/saffrontoo.woff') format('woff'),
url('font/saffrontoo.ttf') format('truetype'),
url('font/saffrontoo.svg#odstemplikRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face { font-family: 'PlayballRegular';
    src: url('fonts/playball-regular-webfont.eot');
    src: url('fonts/playball-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/playball-regular-webfont.woff') format('woff'),
url('fonts/playball-regular-webfont.ttf') format('truetype'),
url('fonts/playball-regular-webfont.svg#PlayballRegular') format('svg');
    font-weight: normal;
    font-style: normal;}    
h1, h2, h3, h4, h5, h6, span, p {margin: 0;padding: 0;}
h1 {color: #eee9cb;text-decoration: none;text-shadow: #222 0 1px 1px;line-height: 30px;text-align:center;font: 25px century gothic, sans-serif;}
h2 {}
h4 {font-size: 15px Georgia, sans-serif; margin: 0px 0 20px; text-shadow:0 10px 10px #999;color:#44201A;line-height:20px;text-align:center;font-weight:bold;}
table, tr, td {
	border-collapse: collapse;
	color: #222;
	font-family: "century gothic", sans-serif;
	font-size: 12px;
	line-height: normal;
	clip: rect(auto,auto,auto,auto);
	position: relative;
	width: 860px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 80px;
}
table.okraje td, table.okraje th { border:0px solid #624933; }
.stredem {text-align:center;}
.prava {
	width: 147px;
	position: absolute;
	top: 371px;
	left: 373px;
	margin-left: 370px;
}

ul, li, ol {margin: 0;padding: 0;}
img {
	border: none;
	clip: rect(auto,auto,auto,auto);
	position: relative;
	width: auto;
}
.img {box-shadow:0px 0px 10px #999; /*CSS3 shadow: 10px #999 shadow all around image*/}
.obr {padding: 10px;margin: 10px 10px 0px 10px;box-shadow:0px 0px 10px #888; /*CSS3 shadow: 10px #888; shadow all around image*/
    border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}

a {
	color: #A33B38;
	font-weight: normal;
	text-decoration: none;
	text-shadow: #222 0 1px 1px;
}
a:hover {color:#43200d; }
abbr {cursor:url(obrazky/help.cur) , progress; border-bottom: 1px dotted #9a7b4f;text-shadow:0 5px 5px #9a7b4f;}
.clear {clear: both;}
.link {border-bottom: 1px dashed #ca232b;text-shadow: #909090 0 1px 1px;font-size: 16px Georgia, sans-serif;}
hr { margin: 10px 0 0 0; border: 1px solid #eee9cb; border-bottom: 1px dashed #990000; border-right: none; border-left: none; }

.stranka {min-height: 100%;margin-bottom: -321px;position: relative;}

.obsah {
	width: 100%;
	min-height: 336px;
	margin: -12px;
	background-image: url(images/obsah.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.obsah .textova {
	width: 900px;
	overflow: hidden;
	position: relative;
	z-index: 100;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 80;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
}

.obsah1 {width: 100%;min-height: 206px;}
.obsah1 .textova {width: 955px;margin: 0 auto;padding: 0 0 25px 10px;overflow: hidden;position: relative;z-index: 100;}

.text {padding: 52px 0 0 0;}
.text p {
	margin: 0 0 15px 0;
	color: #111;
	padding-bottom: 12px;
	line-height: 23px;
	font-family: "century gothic", sans-serif;
	font-size: 12px;
}
.text .datum {color:#ca232b;font-size: 12px;font-weight: bold;}

.text1 {padding: 22px 0 0 0;line-height: 21px;}
.text1 p {margin: 0 0 12px 0;color: #4f392c;font: 15px Georgia, sans-serif;}
.text1 .datum {color:#ca232b;font-size: 12px;font-weight: bold;}

.nahore {
	width: 100%;
	height: 402px;
	background-image: url(images/nahore.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.nahore p {margin: -11px 0 1px 0;color: #AB8B6B;font: 12px 'Miama', sans-serif;}
.nahore .hlavicka {width: 990px;height: 155px;margin: 0 auto;overflow: hidden;}
.nahore #efekt {position:relative;width: 870px;height: 329px;margin: 0 auto;overflow: hidden;}
div.pohyb1{position:relative;width: 810px;height: 310px; }
div.pohyb1a {position:relative;width: 835px;height: 335px;padding-left: 170px;padding-top: 70px;}
div.pohyb2{position:relative;width: 944px;height: 365px;padding-left: 6px;padding-top: 91px;}
div.pohyb3{position:relative;padding-top: 120px;width: 105px;height: 655px;padding-top: 211px;padding-left: 15px;}
div.pohyb4 {position:relative;width: 940px;height: 430px;padding-left: 375px;padding-top: 20px;}

.nabidka {width: 100%;height: 59px;background: url(images/menu.png) bottom center repeat-y;font-family: 'Georgia', sans-serif;font-style:italic;}
.menu {
	width: 900px;
	position: relative;
	z-index: 200;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu ul {margin: 0;list-style: none;}
.menu li {list-style-type: none;position: relative;float: left;width:100px;}
.menu li:hover > a {color: #fff;text-shadow: #111 0 1px 1px;}
.menu ul ul {position: absolute;top: 46px;left: -20px;width:160px;background: url(images/menupozadi.png) bottom center no-repeat;padding: 0 0 9px 0;float: left;display: none;z-index: 103;}
.menu ul li:hover > ul {display: block;}
.menu .zalozka, .menu .zalozka a {
	margin: 0 -2px 0 0;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	font-family: 'Georgia', sans-serif;
	text-decoration: none;
	text-shadow: #111 0 2px 2px;
	display: block;
	position: relative;
	z-index: 1;
	font-style: italic;
}
.menu .zalozka a i, .menu .zalozka i {padding: 10px 20px 0 26px;height: 35px;font-style: normal;display: block;font-style:italic;}
.menu .zalozka a span {padding: 0 0px 0 0;}
.menu .zalozka a:hover {margin: 0 -2px 0 0;text-align: center;font-weight: normal;color: #e3ceb1;text-decoration: none;text-shadow: #111 0 1px 1px;display: block;position: relative;z-index: 1;}

.menu ul ul .zalozka a {width: 115px;height: auto;padding: 7px 18px 10px 25px;margin: 0 5px;border: none;color: #fff;font-size: 16px;font-weight: normal;text-align: center;
                        text-shadow: #111 0 1px 1px;text-decoration: none;display: block;}
.menu ul ul .zalozka a i {padding: 0;height: auto; background: none;display: inline;}
.menu ul ul .zalozka a:hover {width: 115px;height: auto;padding: 7px 18px 10px 25px;margin: 0 5px;border: none;color: #e3ceb1;font-size: 16px;font-weight: normal;text-align: center;text-shadow: #111 0 1px 1px;text-decoration: none;display: block;}
.menu ul ul li {background: none;}
.menu ul ul li:hover > a {color: #eee9cb;text-shadow: #252525 0 1px 0;}

.clanky {overflow: hidden;}
.clanky {list-style-type: none;}
.clanky h1 {
	color: #A33B38;
	text-decoration: none;
	text-shadow: #222 0 1px 1px;
	font-size: 25px;
	line-height: 30px;
	text-align: left;
	padding-left: 80px;
	width: 860px;
}
.clanky h2 {color: #111;text-decoration: none;text-shadow: #888 0 1px 1px;font-size: 23px;line-height: 30px;font-weight:normal;font-family: 'DejaVu Serif Condensed Italic';}
.clanky h3 {
	color: #A33B38;
	text-decoration: none;
	text-shadow: #888 0 1px 1px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
.clanky .linka {margin: 12px 0 11px 0;width: 950px;height:50px;background: url(images/linka.png) center center no-repeat;float: left;}
.text .clanky p {
	margin: 0 0 2px 0;
	line-height: normal;
}
.text .maly {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1px; color: #beb5ae;}
.sirka .obrazek {margin: 0 30px 0 0;width: 435px;float: left;}

.ramecekk {margin: 5px 0 0 0; padding: 0; position: absolute; z-index: 2; width: 319px; height: 235px; background-image: url(obrazky/ram1.png)}
.ramecekk1 {margin: 5px 0 0 0; padding: 0; position: absolute; z-index: 2; width: 235px; height: 319px;}

.ramecek {background: url(images/shadow.png) no-repeat right bottom;padding: 10px 20px 20px 20px;}
.ramecek1 {background: url(obrazky/shadow1.png) no-repeat right bottom;padding: 8px 13px 19px 8px;}

.ramecek:hover {
	padding: 10px 9px 14px 8px;
	background-image: url(images/shadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.ramecek1:hover {
	padding: 8px 13px 19px 8px;
	background-image: url(images/shadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.ramecek2 {background: url(obrazky/shadow2.png) no-repeat right bottom;padding: 10px 9px 12px 8px;}
.ramecek2:hover {background: url(obrazky/shadow2a.png) no-repeat right bottom;padding: 10px 9px 12px 8px;}

..ramecek3 {background: url(../obrazky/shadow3.png) no-repeat right bottom;padding: 10px 10px 14px 10px;}
..ramecek3:hover {background: url(../obrazky/shadow3a.png) no-repeat right bottom;padding: 10px 10px 14px 10px;}

..ramecek4 {background: url(../obrazky/shadow4.png) no-repeat right bottom;padding: 10px 9px 12px 8px;}
..ramecek4:hover {background: url(../obrazky/shadow4a.png) no-repeat right bottom;padding: 10px 9px 12px 8px;}

.sirka .text {width: 895px;float: left;}
.sirka .text1 {width: 485px;float: left;}

.dole {height: 220px;clear: both;}
.zakonceni {
	width: 100%;
	height: 215px;
	padding: 115px 0 0 0;
	position: relative;
	font-family: century gothic, sans-serif;
	font-size: 16px;
	background-image: url(images/dole.png);
	background-repeat: repeat-x;
	background-position: center;
}
.zakonceni .copyright {width: 900px;height: 85px;color: #e3d2b6;margin: 60px auto;position: relative;font-weight:normal;}
.zakonceni .copyright a {color: #358cd6; font-weight:normal;}

#back-top {position: fixed;bottom: 0px;margin-left: -100px;}
#back-top a {width: 108px;display: block;text-align: center;font: 14px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {color: #000;}
#back-top span {width: 108px;height: 158px;display: block;margin-bottom: 55px;background: url(images/nahoru.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}