/** BASIC */

body {
	margin: 0;
	padding: 0;
	background: #E3E3E3 center top no-repeat fixed;
	font: 13px/17px arial;
	color: #656565;
}

h1 {
	clear: both;
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
}

h1 a {
	width: 80px;
	height: 95px;
	float: left;
	margin: 3px 0 0 62px;
	background: url(images/logo.gif);
}

h2 {
	display: none;
}

h3 {
	margin: 0 0 11px 0;
	color: #BC221E;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
}

#homepage h3 {
	margin-bottom: 13px;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	margin: 17px 0 4px 0;
	color: #D1390F;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
}

#homepage h4 {
	margin: 0 0 9px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

p {
	margin-top: 0;
	margin-bottom: 17px;
}

form {
	margin: 0px;
	padding: 0px;
}

input, select, textarea {
	font: 11px/14px arial;
	color: #656565;
}

.input {
	width: 200px;
	margin-bottom: 2px;
	padding: 3px 3px 2px 3px;
	border: 1px solid #CCCCCC;
}

.file {
	margin-bottom: 2px;
}

.submit {
	height: 20px;
	background: #E2001A;
	border: none;
	color: #ffffff;
	font-weight: bold;
}

select {
	width: 208px;
	height: 19px;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
}

textarea {
	width: 490px;
	height: 200px;
	margin-bottom: 2px;
	padding: 3px 3px 2px 3px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

a {
	color: #656565;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

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

.red {
	color: #ff0000;
}

.green {
	color: #2E8A2D;
}

/** LAYOUT */

#wrapper {
	width: 847px;
	margin: 0 auto;
	background: #ffffff;
}

#menu-top {
	float: right;
	padding: 4px 17px 6px 15px;
	background: url(images/menu-top.jpg) no-repeat;
}

#menu-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-top li {
	display: inline;
}

#menu-top a {
	float: left;
	margin-right: 9px;
	padding-left: 14px;
	color: #E2001A;
	font: bold 10px verdana;
	text-decoration: none;
}

#menu-top a:hover {
	text-decoration: underline;
}

#uvod {
	background: url(images/icon-uvod.gif) 0 0 no-repeat;
}

#o-nas {
	background: url(images/icon-o-nas.gif) 0 1px no-repeat;
}

#obchodni-podminky {
	background: url(images/icon-obchodni-podminky.gif) 0 1px no-repeat;
}

#nahradni-plneni {
	background: url(images/icon-nahradni-plneni.gif) 1px 2px no-repeat;
}

#menu {
	float: right;
	margin-top: 28px;
	margin-bottom: 38px;
	padding-right: 32px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	padding: 0 12px;
	border-left: 2px solid #656565;
	font: bold 12px verdana;
	text-decoration: none;
}

#menu a:hover,
#menu a.selected {
	color: #E2001A;
}

#menu a.first {
	border-left: none;
}

#nabidka {
	float: right;
	margin-bottom: 23px;
	padding-right: 29px;
}

#nabidka ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nabidka li {
	display: inline;
}

#nabidka a {
	float: left;
	margin-left: 6px;
	padding: 0 16px;
	background: url(images/nabidka.gif) 0 8px no-repeat;
	font: 17px verdana;
	text-decoration: none;
	text-transform: lowercase;
}

#nabidka a:hover {
	background-image: url(images/nabidka-hover.gif);
}

#nabidka strong {
	color: #E2001A;
	font-weight: normal;
}

#image {
	width: 790px;
	height: 121px;
	clear: both;
	margin-left: 29px;
	background: url(images/image.gif);
	overflow: hidden;
}

#homepage #image {
	width: 786px;
	height: 160px;
	background: url(images/image-homepage.gif);
}

#img {
	width: 235px;
	height: 121px;
	float: left;
}

#homepage #img {
	width: 220px;
	height: 160px;
	background: url(images/image-uvod.jpg);
}

.o-nas {
	background: url(images/image-o-nas.jpg);
}

.obchodni-podminky {
	background: url(images/image-obchodni-podminky.jpg);
}

.akce {
	background: url(images/image-akce.jpg);
}

.produkty {
	background: url(images/image-produkty.jpg);
}

.fotogalerie {
	background: url(images/image-fotogalerie.jpg);
}

.kontakt {
	background: url(images/image-kontakt.jpg);
}

#citat {
	width: 198px;
	float: left;
	padding-top: 7px;
	padding-right: 15px;
	color: #ffffff;
	font-size: 13px;
}

#homepage #citat {
	width: 274px;
	padding: 14px 10px 0 21px;
}

#citat h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
}

#homepage #citat h4 {
	margin-bottom: 16px;
	font-size: 14px;
}

#citat p {
	margin-bottom: 10px;
	line-height: 14px;
}

#homepage #citat p {
	margin-bottom: 24px;
	line-height: 16px;
}

#obchod {
	width: 197px;
	float: left;
	padding: 32px 20px 0 44px;
	color: #ffffff;
	font: bold 16px/20px verdana;
	letter-spacing: -1px;
}

#obchod img {
	margin-top: 16px;
	margin-left: -3px;
}

#content {
	width: 719px;
	margin-top: 10px;
	padding: 23px 64px 29px 64px;
}

#homepage #content {
	width: 723px;
	margin-top: 10px;
	margin-left: 29px;
	padding: 12px 27px 0 36px;
	background: url(images/content.jpg) 0 -20px no-repeat;
}

#left {
	width: 508px;
	min-height: 190px;
	-height: 190px;
	float: left;
	padding-right: 27px;
}

#homepage #left {
	width: 500px;
	padding: 18px 9px 25px 0;
	-padding-bottom: 8px;
}

.fotka {
	width: 96px;
	float: left;
	margin-right: 10px;
	font-size: 10px;
	text-align: center;
	line-height: 12px;
}

.fotka .img1 {
	margin: 0 0 3px 0;
}

#homepage .fotka {
	width: 68px;
	margin-right: 10px;
	margin-bottom: 7px;
}

#homepage .fotka p {
	margin-bottom: 0;
}

#box-left {
	width: 245px;
	min-height: 245px;
	-height: 245px;
	float: left;
	margin-top: 10px;
	border-right: 1px solid #E1E2E2
}

#box-left p {
	margin-bottom: 13px;
}

#box-right {
	width: 234px;
	float: right;
	margin-top: 10px;
	padding-left: 20px;
}

.ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ul li {
	padding-left: 19px;
	background: url(images/li.gif) 0 4px no-repeat;
	font-size: 11px;
	line-height: 18px;
}

#box-right .ul {
	margin-top: -1px;
	padding-bottom: 17px;
	background: url(images/ul.jpg) 159px 0 no-repeat;
}

#right  {
	width: 184px;
	float: right;
}

#homepage #right  {
	width: 178px;
	padding-left: 36px;
}

#menu-right {
	font-size: 0;
}

#menu-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-right a {
	width: 178px;
	display: block;
}

#menu-right a:hover {
	background-position: 0 -100%;
}

#menu-right span {
	display: none;
}

#menu1 {
	height: 81px;
	background: url(images/menu1.gif);
}

#menu2 {
	height: 81px;
	background: url(images/menu2.gif);
}

#menu3 {
	height: 81px;
	background: url(images/menu3.gif);
}

#menu4 {
	height: 80px;
	background: url(images/menu4.gif);
}

#menu5 {
	height: 80px;
	background: url(images/menu5.gif);
}

#footer {
	width: 722px;
	margin-top: 1px;
	margin-left: 66px;
	padding-top: 12px;
	padding-bottom: 35px;
	border-top: 1px solid #EEEEEE;
	font-size: 11px;
}

#footer a {
	color: #E2001A;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#menu-bottom {
	float: left;
	margin-top: 20px;
}

#menu-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-bottom li {
	display: inline;
}

#menu-bottom a {
	float: left;
	padding: 0 3px 0 4px;
	border-left: 1px solid #656565;
	line-height: 12px;
}

#menu-bottom a.first {
	padding-left: 0;
	border: none;
}

#administrace {
	float: right;
	margin-top: 20px;
	line-height: 12px;
}

/** SUBPAGE 1 */

#image h3 {
	width: 303px;
	float: left;
	padding-top: 41px;
	padding-left: 35px;
	color: #ffffff;
	font: 25px verdana;
	letter-spacing: 0;
}

.img1 {
	float: left;
	margin: 4px 13px 7px 0;
	padding: 1px;
	border: 3px solid #E1E2E2;
}

.img2 {
	float: right;
	margin: 4px 0 7px 13px;
	padding: 1px;
	border: 3px solid #E1E2E2;
}

.box {
	width: 508px;
	margin-bottom: 12px;
	padding-top: 14px;
	border-top: 1px solid #CCCCCC;
}

.box .img1 {
	margin: 0 13px 0 0;
}

.box .img2 {
	margin: 0 0 0 13px;
}

.box h4 {
	margin-top: 3px;
	margin-bottom: -1px;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0;
}

.box h4 a {
	color: #D1390F;
	text-decoration: none;
}

.box h4 a:hover {
	text-decoration: underline;
}

.box p {
	margin: 0;
}

#right h4 {
	margin: 2px 0 9px 2px;
	color: #656565;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}



#homepage #right li {
	margin-bottom: 0;
	padding-left: 0;
	background: none;
}

#right p {
	margin-bottom: 8px;
	padding-left: 20px;
	line-height: 20px;
}

#right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#right h5 {
	margin: 0 0 3px 0;
	padding-left: 20px;
	background: url(images/li.gif) 0 2px no-repeat;
	color: #D1390F;
	font-size: 13px;
}

.aktualita {
	margin-bottom: 8px;
	padding-left: 20px;
	line-height: 20px;
}

/** SUBPAGE 2 */

/** ADDED */

ul {
	margin: 0;
	padding-left: 15px;
}

.pdf {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pdf li {
	padding-left: 19px;
	background: url(images/icon-pdf.gif) 0 1px no-repeat;
	font-size: 11px;
	line-height: 20px;
}

.editace {
	font-size: 0;
}

.editace img {
	margin-right: 5px;
}

.editace a img {
	border: 0;
}

span.editace {
	display: block;
	float: left;
}

p.editace {
	margin-bottom: 0;
}

#strankovani-top,
#strankovani-bottom {
	font-weight: bold;
	text-align: right;
}

.align-right {
	margin-top: -20px;
	margin-bottom: 3px;
	text-align: right;
}

#citat p.editace {
	font-size: 12px;
}

#citat a {
	color: #ffffff;
}

.kategorie {
	width: 33%;
	float: left;
	margin-bottom: 17px;
	text-align: center;
}

.kategorie h4 {
	margin-top: 0;
}

.kategorie .img1 {
	float: none;
	margin-right: 0;
}

.kategorie h4 a {
	color: #D1390F;
	text-decoration: none;
}

#kategorie2 h4 {
	margin-top: 8px;
	margin-bottom: 13px;
}

#edit {
	margin-bottom: 17px;
}

#login h4 {
	margin-bottom: 5px;
}

#login p {
	padding-top: 2px;
	padding-left: 2px;
	border-top: 1px dashed #cccccc;
}

.login .input {
	width: 150px;
}

#fotky {
	margin-top: 15px;
	margin-bottom: 17px;
}

.tip {
	margin-bottom: 17px;
	padding: 7px 10px;
	background: #E2001A;
	color: #ffffff;
}

.tip a {
	color: #ffffff;
}

#aktualita {
	width: 400px;
	position: absolute;
	top: 130px;
	margin-left: 189px;
	padding: 25px;
	background: #fff url(images/aktualita.gif) no-repeat;
	border: 10px solid #E22F2D;
	text-align: center;
	font: 13px/19px arial;
	color: #666666;
}

#aktualita h4 {
	margin-bottom: 15px;
	color: #34363E;
	font-family: "century gothic", arial;
	font-size: 25px;
	text-transform: none;
	letter-spacing: 0;
}

#aktualita h5 {
	margin: 0;
	padding: 5px;
	color: #34363E;
	font-family: "century gothic", arial;
	font-size: 13px;
	font-weight: bold;
}

#aktualita h5 a {
	color: #34363E;
	text-decoration: underline;
}

#aktualita h5 a:hover {
	color: #34363E;
}

#aktualita a {
	color: #E22F2D;
}

#aktualita p,
#aktualita #text,
#aktualita #produkty {
	margin-bottom: 15px;
}

#aktualita a#zavrit,
#aktualita a#vstup {
	font-family: "century gothic", arial;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#aktualita a#zavrit:hover,
#aktualita a#vstup:hover {
	color: #34363E;
}

#aktualita a#zavrit {
	float: right;
	margin-top: -25px;
	margin-right: -25px;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 25px;
}

h5 {
	margin: 0;
	color: #34363E;
	font-size: 13px;
	font-weight: bold;
}

/** ADDED */

#wrapper {
	position: relative;
}

#facebook {
	width: 50px;
	height: 143px;
	display: block;
	position: absolute;
	top: 139px;
	right: -51px;
	background: url(images/facebook.png);
	font-size: 0;
	text-indent: -9999px;
}

#facebook:hover {
	background-position: 0 -100%
}

#fb-share {
	display: block;
	margin-top: 25px;
	margin-left: 20px;
}

#homepage #fb-share {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 20px;
}