/* --------------------------------------------------------------------------
		created by Marek Levák - www.designme.sk
	-------------------------------------------------------------------------- */

/* Reset ................. */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

blockquote2:before, blockquote2:after, q:before, q:after {}
blockquote2, q {}
	
	
/* Common ................. */
body {
	color: #666;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #000;
	background-image: url(../images/back.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
a, a:active, a:visited { color: #D82727; text-decoration: underline; }
a:hover { color: #fff; }

div { text-align: left; }
img { border: none; }
input, textarea { font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #555; border: 1px solid #009442; padding: 3px; overflow: visible; }
select, option { font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #555; }

/* Cleaners ................. */
.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%; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }

/* Headings ................. */
h1 { font-size: 20px; color: #fff; margin: 0 0 20px 0; font-weight: normal; line-height: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h2 { font-size: 16px; color: #fff; margin: 25px 0 10px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h3 { font-size: 13px; color: #fff; margin: 25px 0 10px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }

/* Paragraphs ................. */
p { margin: 10px 0; }

/* Layout ................. */
#wrapper { width: 900px; margin: 0 auto; }
#header { height: 100px; position: relative; }
#logo { position: absolute; top: 10px; left: 10px; }
#language { position: absolute; top: 0; right: 10px; }
#language a, #language a:active, #language a:visited { display: block; float: left; padding: 5px; background-color: #444; color: #999; text-decoration: none; margin-left: 2px; }
#language a:hover { color: white; background-color: #666; }

#menu { position: absolute; top: 40px; right: 40px; }
#menu ul li { float: left; display: inline; }
#menu ul li a, #menu ul li a:active, #menu ul li a:visited 
	{ display: block; padding: 13px 20px; color: #afafaf; text-transform: uppercase; text-decoration: none; margin-left: 10px; }
#menu ul li a:hover, #menu ul li a.aktivna, #menu ul li a.aktivna:link, #menu ul li a.aktivna:visited  { background-color: #D82727; color: white; }

#intro { background-color: #111; border: 1px dashed #444; padding: 10px 0; text-align: center; }
#intro2 { background-color: #222; border: 1px dashed #444; padding: 9px;}
.uvodbox { float: left; display: inline; background-color: #222; border: 1px dashed #444; border-width: 0 0 1px 1px; width: 259px; padding: 20px; }
.uvodbox2 { float: left; display: inline; background-color: #111; border: 1px dashed #444; border-width: 0 1px 1px 1px; width: 258px; padding: 20px; }
.uvodbox, .uvodbox2 {
	min-height: 120px; height: 120px; _height: 130px;
}
.uvodbox p, .uvodbox2 p { line-height: 130%; margin: 10px 0 0 0; }
.uvodbox ul { margin: 10px 0; }
.uvodbox ul li {
	background-image: url(../images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height: 140%;
}

#kontakt { background-color: #111; text-align: left; }
#kontakt td { line-height: 130%; }
img.floatleft { float: left; margin-right: 30px; }

input.policko {
	padding: 4px;
	overflow: visible;
	width: 200px;
	background-color: #222;
	border: 1px solid #292929;
	margin-bottom: 3px;
}
textarea.form-text {
	padding: 4px;
	overflow: visible;
	width: 400px;
	background-color: #222;
	border: 1px solid #292929;
	margin: 0 0 3px 0;
}
input.odoslat {
	background-color: #D82727;
	border: 1px solid #EE3733;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
}

#sidebar { float: left; display: inline; width: 199px; background-color: #111; border: 1px dashed #444; border-width: 1px 0 1px 1px; padding-bottom: 10px; }
span.nadpis-galeria {
	font-size: 12px;
	color: #ccc;
	display: block;
	margin: 20px 0 20px 15px;
	font-weight: bold;
}
ul.leftmenu { margin: 0 10px 0 10px; }
ul.leftmenu li { display: inline; }
ul.leftmenu li a, ul.leftmenu li a:active, ul.leftmenu li a:visited {
	display: block;
	background-color: #222;
	background-image: url(../images/arrow.gif);
	background-position: 8px center;
	background-repeat: no-repeat;
	color: #777;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid #292929;
}
ul.leftmenu li a:hover, ul.leftmenu li a.aktivna, ul.leftmenu li a.aktivna:link, ul.leftmenu li a.aktivna:visited {
	background-color: #D82727;
	background-image: url(../images/arrow2.gif);
	color: white;
}

#obsah-wrapper {
	width: 648px;
	border: 1px dashed #444;
	float: left;
	display: inline;
	background-color: #222;
	padding: 30px 20px 20px 20px;
}
p.gal-popis {
	line-height: 130%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333;
}
div.obrazky img {
	margin: 0 4px 4px 0;
}
input.gb-policko {
	padding: 4px;
	overflow: visible;
	width: 185px;
	background-color: #333;
	border: 1px solid #444;
	margin: 0 0 3px 0;
	color: #777;
}
textarea.gb-text {
	padding: 4px;	
	width: 430px;
	background-color: #333;
	border: 1px solid #444;
	margin: 0 0 3px 0;
	color: #777;
	_height: 100px;
}
input.gb-odoslat {
	background-color: #D82727;
	border: 0;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	float: right;
	margin-right: 8px;
}
p.ponuka-text {
	line-height: 130%;
	margin: 10px 30px 10px 0;
}

div.prispevok { padding: 10px; background-color: #2f2f2f; line-height: 130%; }
div.prispevok2 { padding: 10px; background-color: #222; line-height: 130%; }
div.prispevok-hlavicka { margin-bottom: 5px; }
span.datum { float: right; color: #555; }
span.meno { color: #ccc; font-weight: bold; }










#footer {
	clear: both;
	padding: 15px 10px 20px 0;
	text-align: right;
	line-height: 150%;
	color: #555;
}
#footer a, #footer a:active, #footer a:visited { color: #555; }
#footer a:hover { color: #999; }