﻿@charset "utf-8";

* {	margin: 0px; padding: 0px; }
html, body { width: 100%; }
body { background: url(../img/main_bgr.jpg) 50% top repeat-y #003399; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; }

h1{ color: #E77A00; font-size: 46px; padding-bottom: 20px; font-weight: bold; }
h2{ font-size: 35px; font-weight: normal; padding-top: 0px; padding-bottom: 15px; }
h3{ color: #E77A00; font-size: 26px; padding-top: 15px; padding-bottom: 10px; }
h4{ color: #E77A00; font-size: 20px; padding-top: 10px; padding-bottom: 10px; }
h5{ color: #E77A00; font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
a, a:visited { cursor: pointer; text-decoration: none; color: #000; }
ul { padding-bottom: 5px; }
li { list-style: none; }
img { border: none; }
p { padding-bottom: 15px; }

.left { float: left; }
.clear { clear: both; }
.bold { font-weight: bold; }
.bordered { border-bottom: #000 solid 1px; }
.green { color: #99CC00; }
.orange { color: #E77A00; }
.centered { text-align: center; }
.hidden { display: none; }

h1, h2, h3, h4, #menu ul li a {
	font-family: "Arial", Gadget, sans-serif;
}

#center {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#menu {
	width: 950px;
	height: 98px;
	background: url(../img/header.jpg) top left no-repeat;
}

#menu ul {
	padding-left: 235px;
	padding-top: 32px;
}

#menu ul li {
	display: block;
	float: left;
	height: 59px;
	background: url(../img/menu_bgr2.jpg) top left repeat-x;
}

#menu ul li.first {
	width: 90px;
	background: none;
}

#menu ul li.last {
	width: 100px;
	background: none;
}

#menu ul li a {
	display: inline-block;
	height: 32px;
	margin: 0px 1px;
	padding: 17px 12px 12px 12px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	background: url(../img/menu_bgr1.jpg) top left repeat-x;
}

#menu ul li a:hover, #menu ul li.active a {
	color: #FFF;
	background: url(../img/menu_bgr3.jpg) top left repeat-x;
}

#menu ul li.first a {
	width: 78px;
	background: url(../img/menu_header_inactive.jpg) top left no-repeat;
	margin: 0px;
	padding-left: 12px;
	padding-right: 0px;
}

#menu ul li.first a:hover, #menu ul li.first_active a {
	color: #FFF;
	background: url(../img/menu_header_active.jpg) top left no-repeat;
}

#menu ul li.last a {
	width: 88px;
	height: 25px;
	padding-top: 24px;
	background: url(../img/menu_footer_inactive.jpg) top left no-repeat;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
	padding-right: 0px;
}

#menu ul li.last a:hover, #menu ul li.last_active a {
	color: #FFF;
	background: url(../img/menu_footer_active.jpg) top left no-repeat;
}

#content {
	background: url(../img/logo.jpg) top left no-repeat #007EC3;
	width: 950px;
	clear: right;
	position: relative;
}

#left_bar {
	float: left;
	width: 329px;
}

#left_content {
	margin-top: 600px;
	padding-left: 40px;
}

#right_bar {
	float: left;
	width: 599px;
	margin-bottom: -44px;
	|margin-bottom: 0px;
	margin-top: 20px;
}

#grey_header {
	width: 599px;
	height: 40px;
	background: url(../img/grey_header.png) top left no-repeat;
}

#grey_body {
	width: 599px;
	background: url(../img/grey_body.png) top left repeat-y;
}

#grey_content {
	padding: 0px 48px 0px 54px;
}

#grey_content2 {
	padding: 0px 45px;
}

#grey_footer {
	width: 599px;
	height: 44px;
	background: url(../img/grey_footer.png) top left no-repeat;
}

#footer {
	width: 950px;
	height: 103px;
	background: url(../img/footer2.jpg) top left no-repeat;
}

#nadpis {
	display: block;
	width: 320px;
	height: 570px;
	position: absolute;
	left: 20px;
}

#nadpis span{
	display: none;
}


#nadpis2 .rodinka {
    background: url(../img/bgr_rodinka.jpg) right top no-repeat;
	margin-top: -25px;
	float: right;
	width: 497px;
	height: 271px;
}


#nadpis2 h1 {
	display: block;
	width: 300px;
	height: 220px;
	margin-top: 25px;
}

#stred {
	padding: 20px 0 0;
	width: 497px;
}

#stred .leva {
	width: 240px;
	float: left;
	font-size: 16px;
	font-weight: bold;
}

#stred ul.prava {
	display: block;
	width: 250px;
	float: right;
}

#stred ul.prava li {
	display: block;
	margin-left: 0;
	background: url(../img/sipka_red.jpg) top left no-repeat;
	padding-left: 20px;
	margin-bottom: 15px;
}

#novinka {
	height: 177px;
	width: 497px;
	background: url(../img/bgr_novinka.jpg) right top no-repeat;
}

#novinka h3 {
}

.produkty {
	margin-top: 35px;
}

.ceny {
	float: left;
	width: 100px;
	margin-right: 139px;
	margin-top: 39px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.ceny.posledni {
	margin-right: 0px;
}

.ceny p {
	margin-bottom: 3px;
}

.anchors a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: #99CC00;
	margin-bottom: 10px;
}

.ucinne_latky h2 { color: #E77A00; font-size: 26px; padding-top: 15px; padding-bottom: 10px; }
.ucinne_latky h3 { color: #E77A00; font-size: 14px; padding-top: 15px; padding-bottom: 15px; }

.ucinne_latky h2 {
	display: block;
	height: 39px;
	padding-left: 50px;
	padding-top: 6px;
	margin-top: 25px;
	font-weight: bold;
}

.ucinne_latky h2.first {
	margin-top: 0px;
}

h2.bg {
	background: url(../img/obsah_bg.png) top left no-repeat;
}
h2.ag {
	background: url(../img/obsah_ag.png) top left no-repeat;
}
h2.c {
	background: url(../img/obsah_c.png) top left no-repeat;
}
h2.b {
	background: url(../img/obsah_b.png) top left no-repeat;
}
h2.ak {
	background: url(../img/obsah_ak.png) top left no-repeat;
}
h2.o3 {
	background: url(../img/obsah_o3.png) top left no-repeat;
}
h2.se {
	background: url(../img/obsah_se.png) top left no-repeat;
}
h2.zn {
	background: url(../img/obsah_zn.png) top left no-repeat;
}
h2.fe {
	background: url(../img/obsah_fe.png) top left no-repeat;
}
h2.mg {
	background: url(../img/obsah_mg.png) top left no-repeat;
}
h2.p {
	background: url(../img/obsah_p.png) top left no-repeat;
}
h2.ca {
	background: url(../img/obsah_ca.png) top left no-repeat;
}
h2.cu {
	background: url(../img/obsah_cu.png) top left no-repeat;
}

.faq h2, .objednavka h2 { color: #E77A00; font-size: 14px; padding-top: 15px; padding-bottom: 15px; font-weight: bold; }

.kontakt h2 { color: #E77A00; font-size: 26px; padding-top: 15px; padding-bottom: 10px; font-weight: bold; }

#grey_body li {
	/*display: block;*/
	/*background: url(../img/li_green.png) top left no-repeat;*/
	margin-left: 15px;
	padding-bottom: 10px;
	list-style: disc;
	list-style-position: outside;
}

ul h4 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.kontakt a, .kontakt a:visited, .kontakt a:link {
	text-decoration: underline;
	color: #000;
}

.half_left {
	float: left;
	width: 250px;
}

.half_right {
	float: right;
	width: 250px;
}

input , textarea{ width: 186px;  padding: 4px 2px 0px 2px; }
label{ width: 65px; float: left; margin-top: 5px; }
input.input2{ width: 96px; margin-left: 5px; vertical-align: top; }
input.submit{ width: 96px; margin-left: 162px; }
.error{ font-size: 18px; margin-bottom: 20px; color: #C30; }
.short_form label { width: 35px; margin-left: 60px; }
.short_form input { width: 15px; }
#admin_form label{ width: 100px; }


.zelenac {
	padding-top: 96px;
}

.video {
}

#menu2 li {
	display: block;
	float: left;
	margin: 5px;
	padding: 5px;
	background: #999;
	font-weight: bold;
	
}

.left_akce p { 
	color: #E77A00; font-size: 20px; padding-top: 10px; padding-bottom: 10px; font-weight: bold;
}

.left_akce p.green { color: #99CC00; }

.pouziti h2 { color: #E77A00; font-size: 20px; padding-top: 10px; padding-bottom: 10px; }

