body { text-align: left; color: #5F5F5F; font-family: Helvetica, "Arial CE", "Helvetica CE", Arial, sans-serif; font-size: 80%; background: #F3CF9A url(img/wood_pattern.png); }

/* ---GENERAL--- */
a, a:link, a:visited, a:active { color: #FF811A; text-decoration: underline; }
a:hover { color: #FF811A; text-decoration: none; }

.none { display: none; }
.clear { overflow: hidden; clear: both; }


/* ---HLAVICKA--- */
.head { margin: 0 auto; width: 100%; height: 102px; background: #2F2F2B url(img/bg-header.png);}
.head_in { margin: 0 auto; width: 960px; text-align: left; z-index: 200; position: relative; }

.logo { position: absolute; top: 10px; left:0; background:url(img/logo.png) no-repeat; width:216px; height:50px; }
.logo a { display:block; width:216px; height:50px; }
.logo span { display:none; }


.menu { position: absolute; top: 0; right:0; color: #fff; background: url(img/menu.png) no-repeat 5px -13px; width: 300px; height: 150px; }
.menu li a { text-decoration: none; }
.menu li a.domov span, .menu li a.cennik span, .menu li a.kontakt span { color: #fff; font-size: 100%; font-weight: bold; padding: 55px 0 0 0; display: block; }
.menu li a:hover.domov span, .menu li a:hover.cennik span, .menu li a:hover.kontakt span { display: none; }

.menu li.domov span, .menu li.cennik span, .menu li.kontakt span { display: none; }

.menu li.domov, .menu li.cennik, .menu li.kontakt { height: 80px; width: 40px; display: block; float: left; margin: 0 84px 0 2px; border: 0 solid red; }
.menu li a.domov, .menu li a.cennik, .menu li a.kontakt { height: 80px; width: 40px; display: block; float: left; margin: 0 84px 0 2px; border: 0 solid red; }


.menu li a.domov { background: url(img/menu.png) no-repeat 20px -10000px; }
.menu li a.domov:hover, .menu li.domov { background: url(img/menu.png) no-repeat 3px -153px; }

.menu li a.cennik { background: url(img/menu.png) no-repeat 133px -10000px; }
.menu li a.cennik:hover, .menu li.cennik  { background: url(img/menu.png) no-repeat -122px -153px; }

.menu li a.kontakt { background: url(img/menu.png) no-repeat 233px -10000px; margin: 0 0 0 2px; }
.menu li a.kontakt:hover, .menu li.kontakt  { background: url(img/menu.png) no-repeat -249px -153px; margin: 0 0 0 2px; }



/* ---OBSAH--- */
#main { margin: 50px auto 20px auto; width: 850px; padding: 40px 40px 40px 70px; text-align: left; position: relative; background: url(img/zosit_bg.png) repeat-y; min-height: 650px; height: auto; _height: 650px;
-moz-box-shadow: 0 0 5px #AEAEA9;
-webkit-box-shadow: 0 0 5px #AEAEA9;
box-shadow: 0 0 5px #AEAEA9; }

.lepka { background:url(img/lepka.png) no-repeat; width:141px; height:36px; position: absolute; top: -16px; left:440px; }

#main h2 { font-style: italic; font-family: Georgia; font-size: 180%; text-align: center; }
#main h2 span { color: #FF811A; }

.separator { margin: 20px 0; background: url(img/separator.png) no-repeat; width: 850px; height: 39px; }

.boxy { float: left; width: 270px; font-style: italic; font-family: Georgia; text-align: center; font-size: 160%; margin: 0 20px 0 0; }
.boxy h3 { line-height: 30px; padding: 0 0 15px 0; }
.boxy_text { float: right; width: 500px; }

.box { background: url(img/ram.png) no-repeat; width: 270px; height: 244px; }
.box img { margin: 10px 0 0 0; }
.box a { color: #FF811A; }
.last { margin: 0; }

#main h4 { font-style: italic; font-family: Georgia; font-size: 160%; padding: 0 0 10px 0; border-bottom: 1px solid #D5D5D5; margin: 50px 0 0 0; }
#main h5 { font-size: 140%; }

#main table { font-size: 100%; width: 850px; margin: 30px 0 20px 0; border-collapse: collapse; }
#main table td, #main table th { font-size: 110%; border: 1px solid #E6E6E6; width: 170px; border-collapse: collapse; height: 20px; padding: 0 5px; vertical-align: middle; text-align: center; }
#main table th { height: 30px; font-size: 100%; }
#main table tr.a { background: #F5F5F5; }

#head_form {background: #E0E0E0; margin: 10px 0 0 0; padding: 1px 0; width: 500px; float:left; }
#head_form .head_form_table { font-size: 100%; border-collapse: collapse; margin: 10px; width: 400px; }
#head_form .head_form_table td {border: none;text-align: left;width: 240px;padding: 3px 10px;margin: 0;background: transparent; }
#head_form .head_form_table td span {font-size: 85%; }
#head_form .head_form_table td em { color: #f00; }
#head_form .head_form_table td.textar {padding: 10px 0; }
#head_form .head_form_table td input, #head_form .head_form_table td textarea {width:200px; padding: 5px;border: 1px solid #ABADB3;}
#head_form .head_form_table td select {width:200px; padding: 5px;border: 1px solid #ABADB3;}
#head_form .head_form_table td textarea {width:220px; height: 130px;}
#head_form .head_form_table td input.but_odoslat {border: none;background: #ccc; display:block;margin: -5px 0 7px 50px; padding:0; width: 169px; height: 42px;line-height: 42px;vertical-align:middle;text-align: center;color:#fff;font-size: 140%;
-webkit-text-shadow:0 1px 2px #000;
-moz-text-shadow:0 1px 2px #000;
text-shadow:0 1px 2px #000; }
	 
#head_form .head_form_table td input.but_odoslat:hover {text-decoration:none;background: #aaa; }
#head_form .head_form_table td input.but_odoslat:link {text-decoration:none; }

.floatLeftClearos { float: right; clear: right; padding: 15px 0 15px 15px; }

#main p, #main ul { margin: 15px 0 0 0; font-size: 110%; }
#main p span { color: #FF811A; }
#main li { padding: 3px 0 3px 20px; margin: 0 0 0 10px; background: url(img/disc.png) no-repeat 0 6px; }

a.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #123d54;
	margin-top: 50px;
	text-decoration:none;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#afd9fa),
		to(#588fad));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}


/* ---FOOTER--- */
#footer { text-align: center; padding: 0; }
#footer p { font-size: 95%; }
#footer p span { color: #5F5F5F; padding: 0 15px; }