/** BASIC */

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(images/background.gif) repeat-x;
	font: 12px/18px arial;
	color: #555555;
}

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

h1 a {
	width: 750px;
	height: 125px;
	display: block;
	float: left;
	background: url(images/logo.gif);
}

h2 {
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
}

h2 a {
	width: 200px;
	height: 125px;
	display: block;
	float: right;
	background: url(images/mapa.gif);
}

h3 {
	margin: 0;
	font-weight: normal;
}

h4, #homepage h3 {
	margin: 0;
	color: #634737;
	font-size: 18px;
	font-weight: normal;
}

h5 {
	margin: 0;
	font-weight: normal;
}

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

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font: 12px/14px arial;
	color: #555555;
}

a {
	color: #555555;
	text-decoration: none;
}

img {
	border: 0;
}

.cleaner {
	clear: both;
}

/** LAYOUT */

#obchod, #administrace, .subpage {
	background: url(images/background-subpage.gif) repeat-x;
}

#homepage {
	background: url(images/background-homepage.gif) repeat-x;
}

#fotka {
	background: #ffffff;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
}

#logo {
	height: 125px;
}

#footer {
	height: 41px;
	margin-top: 23px;
	padding-top: 9px;
	background: #ffffff;
	border-top: 1px solid #e5e5e5;
	font-size: 10px;
	color: #888888;
	text-transform: uppercase;
}

#copyright {
	width: 345px;
	float: left;
	padding-left: 10px;
}

#pocitadlo {
	width: 120px;
	float: left;
	text-align: right;
}

#menu-bottom {
	width: 465px;
	float: right;
	padding-right: 10px;
	text-align: right;
}

#footer a {
	color: #3b5e73;
}

#footer a:hover {
	color: #888888;
}

/** MENU */

#menu-top {
	height: 23px;
	background: url(images/menu-top.gif) repeat-x;
}

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

#menu-top ul li {
	display: inline;
}

#menu-top a {
	display: block;
	float: left;
	padding: 3px 12px 2px 13px;
	border-left: 1px solid #A60000;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
}

#menu-top a:hover {
	color: #d1d1d1;
}

#menu-top li.first a {
	background: url(images/home.gif) no-repeat 0 9px;
	border: 0;
}

#menu-main {
	height: 37px;
	background: url(images/menu-main.gif) no-repeat;
}

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

#menu-main ul li {
	display: inline;
}

#menu-main a {
	height: 37px;
	display: block;
	float: left;
}

#menu-main a span {
	display: none;
}

#menu1 {
	width: 77px;
	background: url(images/menu-main1.gif);
}

#menu2 {
	width: 87px;
	background: url(images/menu-main2.gif);
}

#menu3 {
	width: 82px;
	background: url(images/menu-main3.gif);
}

#menu1:hover {
	background-position: 0 -37px;
}

#menu2:hover {
	background-position: 0 -37px;
}

#menu3:hover {
	background-position: 0 -37px;
}

#servis #menu1 {
	background-position: 0 -74px;
}

#obchod #menu2 {
	background-position: 0 -74px;
}

#sluzby #menu3 {
	background-position: 0 -74px;
}

#menu {
	width: 248px;
	_height: 300px;
	min-height: 300px;
	float: left;
	padding: 15px 0 88px 20px;
	background: #4a534f url(images/menu.gif);
	border-bottom: 12px solid #040404;
	border-left: 16px solid #040404;
}

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

#menu ul ul {
	_margin-top: -2px;
}

#menu li a {
	width: 208px;
	height: 33px;
	display: block;
	padding: 0 20px;
	background: url(images/menu1.gif);
	font-size: 12px;
	color: #ffffff;
	line-height: 32px;
	overflow: hidden;
}

#menu li a:hover {
	background-position: 0 -33px;
}

#menu li li a {
	background: url(images/menu2.gif);
	color: #98A79F;
}

#menu li li a:hover {
	background-position: 0 -33px;
	color: #EEEEEE;
}

#menu li li li a {
	width: 188px;
	padding-left: 40px;
	background: url(images/menu3.gif);
}

#menu li li li a:hover {
	background-position: 0 -33px;
}

#menu li li li li a {
	width: 168px;
	padding-left: 60px;
	background: url(images/menu4.gif);
}

#menu li li li li a:hover {
	background-position: 0 -33px;
}

#menu li.hidden {
	display: none;
}

/** BOX */

#box1 {
	width: 918px;
	height: 270px;
	border-top: 9px solid #040404;
	border-right: 16px solid #040404;
	border-bottom: 12px solid #040404;
	border-left: 16px solid #040404;
	color : #838685;
}

#box1 h3 {
	margin-bottom: 4px;
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
}

#box1 h3 span {
	color: #a8b934;
}

#box1-left {
	width: 457px;
	float: left;
	font-size: 2px;
}

#box1-left #arrows {
	margin-top: -30px;
}

#box1-right {
	width: 383px;
	height: 225px;
	float: right;
	padding: 25px 35px 20px 43px;
	background: #181B1A url(images/box1-right.gif);
}

#loga {
	height: 169px;
	margin-top: 18px;
	padding-left: 14px;
	border-left: 1px solid #393e3c;
}

#loga img {
	margin-bottom: 10px;
	-margin-bottom: 5px;
}

#loga-left {
	width: 158px;
	float: left;
}

#loga-right {
	width: 158px;
	float: left;
	margin-left: 30px;
}

#servis #loga {
	border: 0;
	font-size: 0;
}

#servis .img1,
#servis .img3,
#servis .img5,
#servis .img7,
#servis .img9 {
	clear: both;
	margin-right: 30px;
}

#box2 {
	height: 180px;
	color: #ffffff;
}

#box2 h3 {
	margin-bottom: 17px;
	font-size: 22px;
	color: #FFA780;
}

#box2 p {
	margin-bottom: 24px;
}

#box2-left {
	width: 405px;
	height: 152px;
	float: left;
	padding: 28px 30px 0 40px;
}

#box2-right {
	width: 404px;
	height: 152px;
	float: right;
	padding: 28px 30px 0 40px;
	border-left: 1px dashed #483226;
}

#box2 .more {
	margin-top: 6px;
	padding: 6px 15px 6px 9px;
	background: #040404;
	font-size: 10px;
	color: #eeeeee;
	text-transform: uppercase;
}

#box2 a.more:hover {
	background: #000000;
}

#box2 a.more span {
	color: #dc6b10;
}

#box3 {
	height: 164px;
}

#box3 h3 {
	margin-bottom: 17px;
	font-size: 22px;
	color: #000000;
}

#box3-left {
	width: 405px;
	height: 131px;
	float: left;
	padding: 33px 30px 0 40px;
}

#box3-right {
	width: 404px;
	height: 131px;
	float: right;
	padding: 33px 30px 0 40px;
	border-left: 1px dashed #d1d1d1;
}

#box3-right img {
	margin: 0;
	float: left;
	margin-right: 18px;
}

#box3 a.more {
	padding: 3px 15px 4px 9px;
	background: #9d867a url(images/more.gif) no-repeat right top;
	font-size: 10px;
	color: #eeeeee;
	text-transform: uppercase;
}

#box3 a.more:hover {
	background: #8d766a url(images/more-hover.gif) no-repeat right top;
	color: #ffffff;
}

#box3 a.more span {
	color: #ffffff;
}

#box2 img, #box3 img {
	float: left;
	margin-right: 15px;
}

/** SUBPAGE 1 */

#body {
	width: 950px;
	background: #ffffff;
	border-top: 9px solid #040404;
}

#content {
	width: 598px;
	padding: 15px 22px 0 30px;
	float: left;
	background: #FFFFFF;
}

#content a {
	color: #885A44;
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#right {
	width: 16px;
	height: 157px;
	float: right;
	background: #040404;
}

#navigation {
	padding-bottom: 11px;
	padding-left: 18px;
	background: url(images/navigation.gif) no-repeat 0 3px;
	border-bottom: 1px dashed #d1d1d1;
	font-size: 10px;
	color: #888888;
	text-transform: uppercase;
}

#navigation img {
	margin-right: 10px;
}

#content h3 {
	margin-top: 30px;
	margin-bottom: 17px;
	font-size: 22px;
	color: #634737;
}

#content h3.red {
	color: #FF0000;
}

#administrace h4 {
	margin-top: 30px;
}

#administrace h5 {
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #634737;
}

#obchod #content h3 {
	margin-top: 40px;
}

table.dashed {
	border-top: 1px dashed #d2d2d2;
}

table.dashed td {
	border-bottom: 1px dashed #d2d2d2;
}

table.dashed #content tr.first td {
	border-top: 1px dashed #d2d2d2;
}

#images {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 5px 22px 25px 21px;
	border: 1px solid #e2e2e2;
	font-size: 0;
}

#images h4 {
	width: 79px;
	height: 21px;
	position: relative;
	top: -15px;
	padding-top: 1px;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	font-size: 13px;
	font-weight: bold;
	color: #040404;
	text-align: center;
}

#thumbs {
	margin-top: 5px;
}

#thumbs img {
	margin-top: 5px;
	margin-right: 6px;
}

/** SUBPAGE 2 */

.subpage #left {
	width: 16px;
	height: 157px;
	float: left;
	background: #040404;
}

.subpage #content {
	width: 888px;
	padding-right: 0;
}

.subpage #right {
	width: 16px;
	height: 369px;
	float: right;
	background: #040404;
}

#image {
	width: 482px;
	float: right;
	margin-left: 15px;
	border-bottom: 7px solid #040404;
	border-left: 1px dashed #d1d1d1;
	font-size: 0;
}

.subpage #arrows {
	width: 113px;
	height: 26px;
	float: right;
	clear: both;
	margin-left: 380px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-left: 23px;
	background: #040404;
}

.subpage #arrows a {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 2px;
	background: #734f3e;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	line-height: 16px;
}

.subpage #arrows a:hover {
	background: #ffffff;
	color: #000000;
}

#image .img1,
#image .img2,
#image .img4,
#image .img5 {
	margin: 0;
	border-right: 1px dashed #d1d1d1;
}

#image .img1,
#image .img2,
#image .img3 {
	margin: 0;
	border-bottom: 1px dashed #d1d1d1;
}

/** ADDED */

.visible {
	display: block;
}

.hidden {
	display: none;
}

.red {
	color: #FF0000;
}

.green {
	color: #008000;
}

.green-light {
	color: #8DC63F;
}

textarea {
	border: 1px solid #9d867a;
	overflow: auto;
}

.input {
	height: 16px;
	border: 1px solid #9d867a;
}

.submit1 {
	padding: 2px 9px 3px 9px;
	background: #9d867a url(images/submit1.gif) no-repeat left top;
	border: 0;
	font-size: 10px;
	color: #eeeeee;
	text-transform: uppercase;
}

.submit1:hover {
	background: #8d766a url(images/submit1-hover.gif) no-repeat left top;
	color: #ffffff;
}

.submit2 {
	padding: 2px 9px 3px 9px;
	background: #9d867a;
	border: 0;
	font-size: 10px;
	color: #eeeeee;
	text-transform: uppercase;
}

.submit2:hover {
	background: #8d766a;
	color: #ffffff;
}

.submit3 {
	padding: 2px 15px 3px 9px;
	background: #9d867a url(images/submit3.gif) no-repeat right top;
	border: 0;
	font-size: 10px;
	color: #eeeeee;
	text-transform: uppercase;
}

.submit3:hover {
	background: #8d766a url(images/submit3-hover.gif) no-repeat right top;
	color: #ffffff;
}

.submit1, .submit2, .submit3 {
	height: 20px;
}

/** KOSIK */

#kosik {
	margin-bottom: 20px;
	color: #ffffff;
}

#kosik div {
	padding-left: 17px;
	background: url(images/kosik.gif) no-repeat 0px 2px;
	border-bottom: 1px dashed #ffffff;
	font-weight: bold;
}

#kosik a {
	color: #ffffff;
	font-weight: normal;
}

#kosik a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/** LOGIN */

#login {
	margin-bottom: 20px;
	color: #ffffff;
}

#login div {
	padding-left: 17px;
	background: url(images/login.gif) no-repeat 0px 2px;
	border-bottom: 1px dashed #ffffff;
	font-weight: bold;
}

#login a {
	color: #ffffff;
	font-weight: normal;
}

#login a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/** ZOBRAZENI */

#editace {
	float: right;
}

#editace a {
	text-decoration: none;
}

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

#zobrazeni {
	float: right;
	margin-top: 10px;
}

#zobrazeni select, #admin select {
	height: 16px;
	margin-right: 3px;
	border: 1px solid #9d867a;
}

#hledat {
	float: left;
	margin-top: 10px;
}

#hledat .input {
	width: 130px;
	margin-right: 3px;
}

/** VYPIS */

#katalog h4 {
	font-size: 14px;
	font-weight: bold;
}

#katalog img {
	margin-bottom: 2px;
}

#katalog td {
	padding-bottom: 15px;
	vertical-align: top;
}

#katalog .koupit {
	float: left;
	margin-top: 5px;
}

#katalog .koupit td {
	height: auto;
}

#seznam h4 {
	font-size: 14px;
	font-weight: bold;
}

#seznam td {
	height: 30px;
	border-bottom: 1px dashed #D1D1D1;
}

#seznam .first td {
	border-top: 1px dashed #D1D1D1;
}

#seznam .last td {
	border: 0;
}

#seznam .koupit {
	margin-top: 0px;
}

#seznam .koupit td {
	border: 0;
}

.koupit {
	float: right;
	margin-top: 10px;
}

.koupit .input {
	width: 30px;
	margin-right: 3px;
	text-align: right;
}

#strankovani-top {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: right;
}

#strankovani-bottom {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
}

/** OBJEDNAVKA */

#objednavka .input, #admin .input {
	width: 200px;
	margin-bottom: 2px;
}

#objednavka textarea {
	width: 300px;
	height: 100px;
}

/** NAHRADNI DILY */

#nahradni-dily-vypis {
	float: left;
}

#nahradni-dily-dokumenty {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nahradni-dily-dokumenty li {
	padding-top: 1px;
	padding-left: 20px;
	background: url(images/icon-pdf.gif) no-repeat;
}

#nahradni-dily-ceniky {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nahradni-dily-ceniky li {
	padding-top: 1px;
	padding-left: 20px;
	background: url(images/icon-xls.gif) no-repeat;
}

#nahradni-dily-objednavka {
	float: right;
}

#nahradni-dily-objednavka table {
	float: left;
	margin-left: 12px;
}

#nahradni-dily-objednavka .input {
	width: 80px;
	margin-bottom: 2px;
	margin-left: 2px;
}

/** ADMINISTRACE */

#admin select {
	width: 160px;
	margin-bottom: 2px;
}

#admin textarea {
	width: 490px;
	height: 150px;
}

#admin .file {
	height: 20px;
	margin-bottom: 2px;
}

#admin.kategorie .input {
	width: 158px;
	margin-right: 3px;
}

#admin.kategorie .submit3 {
	margin-top: -1px;
}

#admin.dokument .input {
	width: 158px;
	margin-right: 3px;
}

#admin.dokument .submit3 {
	margin-top: -1px;
}

#admin.login .input {
	width: 150px;
}

#rozpis td {
	height: 30px;
	border-bottom: 1px dashed #D1D1D1;
}

#rozpis .first td {
	border-top: 1px dashed #D1D1D1;
}

#rozpis .last td {
	border: 0;
}

#rozpis .head td {
	color: #888888;
}

/** CHYBA */

#chyba {
	margin-bottom: 20px;
	color: #ffffff;
}

#chyba div {
	border-bottom: 1px dashed #ffffff;
	font-weight: bold;
}

#chyba a {
	color: #ffffff;
	font-weight: normal;
}

#chyba a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/** ADDED */

#tisk {
	float: right;
	margin-top: 10px;
}

#tisk a {
	padding-left: 10px;
	background: url(images/tisk.gif) no-repeat 0 4px;
	text-decoration: none;
}

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

#dokument,
#odkaz {
	margin-bottom: 20px;
}

#dokument h4,
#odkaz h4 {
	margin-bottom: 5px;
}

#obchod #tisk {
	padding-right: 49px;
}

.mapa-stranek ul {
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
	font-size: 0;
}

.mapa-stranek li span, .mapa-stranek li a {
	font-size: 12px;
}

.mapa-stranek ul ul {
	border-left: 1px solid #885A44;
}

#homepage #katalog {
	margin: 20px 0 0 0;
}

#kontakt h4 {
	margin-top: 15px;
	margin-bottom: 5px;
}

#kontakt strong {
	display: block;
}

/** ADDED */

.bottom {
	margin-top: 50px;
	padding-top: 25px;
	border-top: 1px solid #D2D2D2;
	color: #885A44;
}

#homepage .bottom {
	margin-top: 0;
	border-top: none;
	color: #555555;
}

#homepage h3 {
	margin-bottom: 10px;
}