/* Autor: Jiří Pecher - 10.2007, 1.2012 */

body, div, img, ul, ol, li { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; padding: 0; line-height: normal; }

h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { font-size: 12px; }

hr { display: inline-block; height: 2px; margin: 0; padding: 0; border: 0; border-top: 2px dotted #ccc;}

p { margin: 0 0 15px 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #c5df8e url(../aimg/bg_body.gif) repeat;
}

body, table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #444;
}

table { margin: 0 auto 15px auto; padding: 0; border: 1px solid #ccc; }
td { color: #444; background-color: #c5df8e; }
th { color: #fff; background-color: #888; }

.product_tb { }
.product_detail_tb td.nazev { font-size: 12px; color: #444; background-color: #eee; border-bottom: 1px solid #ccc; }
.product_detail_tb td.popis { font-size: 11px; color: #444; background-color: #fff; }

.fotogalerie_tb { float: left; display: inline; margin: 0 10px 10px 0; }

form { margin: 0; padding: 0; }
fieldset { margin: 0 0 10px 0; padding: 10px; }
label { float: left; display: block; width: 100px; margin-right: 10px; font-weight: bold; text-align: left; vertical-align: top; }

input.styled, textarea.styled, select.styled {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #444;
	margin: 0 0 5px 0;
	padding: 1px 0;
	background: #fff url(../img/bg_input.gif) repeat-x top;
	border: 1px solid #7f8db9;
}

input.styledbutton {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #444;
	cursor: pointer;
}

/* Třidy */

.blue  { color: #1e90ff; }
.gray  { color: #888; }
.red   { color: #f00; }
.green { color: #008000; }
.brown { color: #b22222; }

.cleaner { clear: both; }
.no      { display: none; }
.nowrap  { white-space: nowrap; }
.center  { text-align: center; }

.nocontent { display: block; height: 200px; }
.content { margin: 0 0 10px 0; }

.back { padding: 3px 10px; background-color: #fff; border: 1px solid #ccc; }
.back strong { margin-right: 3px; color: #f00; }

.bordered { display: block; padding: 5px 10px; background-color: #f0f0f0; border: 1px solid #ccc; }

/* Identifikátory */

#page_bg {
	width: 820px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 5px 0;
	background: url(../img/bg_page_bg.gif) no-repeat bottom;
}

#page {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background: #fff url(../img/bg_page.gif) no-repeat top;
	border: 1px solid #000;
	border-top: 0;
}

#header { border-bottom: 1px solid #444; }

#header #addressbox { position: absolute; top: 73px; left: 80px; z-index: 0; }

#header #iconbox { position: absolute; top: 10px; left: 760px; z-index: 0; }
#header #iconbox a { display: block; margin: 0 0 10px 0; border: 1px solid #fff; }
#header #iconbox a:hover { border: 1px solid #ddd; }

#topmenu { width: 780px; margin: 0 10px; padding: 10px 0 0 0; }
#topmenu ul { list-style: none; }
#topmenu li { float: left; width: 110px; height: 20px; margin-right: 3px; }
#topmenu li a { display: block; width: 100px; height: 17px; padding: 3px 5px 0 5px; font-size: 11px; color: #f00; font-weight: bold; text-decoration: none; background: url(../img/bookmark_n.gif) no-repeat; }
#topmenu li a.this { font-size: 13px; color: #000; background: url(../img/bookmark_h.gif) no-repeat; }
#topmenu li a:hover { font-size: 13px; color: #000; }

#main {
	width: 780px;
	height: auto;
	margin: 0 10px;
	padding: 15px 0 15px 0;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#leftcol { float: left; width: 200px; margin: 0; padding: 0; background-color: transparent; }

#leftcol #menu { width: 180px; margin: 40px 0 0 5px; border: 1px solid #aaa; border-top: 5px solid #aaa; border-bottom: 5px solid #aaa; }
#leftcol #menu ul { list-style: none; padding: 5px 5px 15px 5px; background-color: #fff; }
#leftcol #menu li { width: 170px; border-bottom: 1px solid #ccc; }
#leftcol #menu li a { display: block; width: 150px; padding: 4px 0 4px 20px; font-size: 11px; color: #000; text-decoration: none; }
#leftcol #menu li a.this { color: #000; background: #ddd url(../img/odrazka2.gif) no-repeat left; }
#leftcol #menu li a:hover { color: #f00; background: #eee url(../img/odrazka1.gif) no-repeat left; }

#leftcol #links { text-align: right; }
#leftcol #links p { margin: 20px 15px 20px 5px; }

#rightcol { float: right; width: 580px; margin: 0; padding: 0; background-color: transparent; }

#rightcol h4 { text-align: center; color: #444; padding: 0 0 3px 0; border-bottom: 2px dotted #ccc; }
#rightcol h5 { text-align: center; color: #800080; letter-spacing: 1px; }
#rightcol ol { list-style: decimal; margin: 0 0 15px 25px; color: #000; font-weight: bold; }
#rightcol ul { list-style: square; margin: 3px 0 15px 25px; color: #c5df8e; }
#rightcol ol li span { color: #444; font-weight: normal; }
#rightcol ol li span span { color: #d2691e; }
#rightcol ul li span { color: #444; font-weight: normal; }
#rightcol ul li span span { color: #d2691e; }
#rightcol li { margin: 0 0 3px 0; }

#strelnice, #restaurace, #paintball, #zavody, #kontakt {
	line-height: 1.5em;
	margin: 0 5px 0 0;
	padding: 10px 20px 150px 20px;
	border: 1px solid #ccc;
}

#strelnice  { background: #fff url(../img/bg_strelnice.jpg) no-repeat bottom right; }
#restaurace { background: #fff url(../img/bg_restaurace.jpg) no-repeat bottom right; }
#paintball  { background: #fff url(../img/bg_paintball.jpg) no-repeat bottom right; }
#zavody     { background: #fff url(../img/bg_zavody.jpg) no-repeat bottom right; }
#kontakt    { background: #fff url(../img/bg_kontakt.jpg) no-repeat bottom right; }

#footer { width: 800px; height: 10px; padding: 10px 0; border-top: 1px solid #444; }
#footer #copyright { font-size: 90%; color: #888; padding: 0 10px; }

a:link    { color: #0000cd; text-decoration: underline; }
a:visited { color: #0000cd; text-decoration: underline; }
a:active  { color: #0000cd; text-decoration: underline; }
a:hover   { color: #f00; text-decoration: none; }

a.styl_01:link    { color: #888; text-decoration: none; }
a.styl_01:visited { color: #888; text-decoration: none; }
a.styl_01:active  { color: #888; text-decoration: none; }
a.styl_01:hover   { color: #000; text-decoration: none; }

a.styl_02:link    { color: #444; text-decoration: underline; }
a.styl_02:visited { color: #444; text-decoration: underline; }
a.styl_02:active  { color: #444; text-decoration: underline; }
a.styl_02:hover   { color: #000; text-decoration: none; }

a.imagehover { display: block; margin: 0 auto; text-align: center; border: 1px solid #aaa; } /* parametr width + heihgt */
a.imagehover img { border: 1px solid #eee; }
a:hover.imagehover { border: 1px solid #000; }