/* general */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
color: black;
background: #f5f5f5 url("../grafika/bg.jpg");
height: 100%;
text-align: center;
}

a {
color: #fb5324; 
text-decoration: underline;
} 

a:visited {
color: #666; 
}

a:hover, a:active, a:focus {
color: black; 
}

h1  {
color: #fb5324; 
font-size: 150%;
line-height: 150%;
font-weight: normal;
margin-bottom: 20px;
}

h2 {
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
color: #de0000; 
margin: 30px 0 15px;
padding-bottom: 5px;
border-bottom: 1px solid #e2e7eb;
}

h3 {
font-size: 120%;
color: #ffc601; 
font-weight: normal;
margin: 0 0 20px 0;
}

h4 {
color: black; 
font-size: 100%;
margin: 20px 0 10px;
}

h5 {
font-size: 100%;
font-weight: bold;
color: #46a1bc; 
margin: 20px 0 10px 0;
}

h6 {
font-size: 90%;
font-weight: bold;
color: black; 
margin: 10px 0 10px 0;
}

p {
margin-bottom: 15px;
line-height: 150%;
}

ul, ol {
margin: 10px 0;
line-height: 140%;
}

li {
margin-left: 30px;
list-style: square;
padding: 7px 0;
}

ol li {
list-style: decimal;
padding: 7px 0;
}

.cistic {
height: 1px;
width: 1px;
font-size: 1px;
line-height: 1px;
margin: -1px -1px 0 0;
clear: both;
}

input, textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
background: white;
color: black;
padding: 3px;
border: 1px solid #c0d3e6;
}

select {
padding: 2px;
}

option {
padding-right: 10px;
}

table {
border-collapse: collapse;
border: 1px solid #e2f0fe;
margin-top: 20px;
width: 99%;
}


th {
padding: 5px 15px;
font-size: 90%;
font-weight: bold;
border: 1px solid #e2f0fe;
}

td {
border: 1px solid white;
padding: 10px 15px;
background: #e2f0fe;
}

address {
line-height: 150%;
font-style: normal;
font-size: 100%;
}

.strong {
font-weight: bold;
}

.small {
font-size: 90%;
}

.left {
float: left;
}

/***************** layout *************/


#main {
width: 960px;
padding-top: 15px;
text-align: left;
margin: 0 auto;
}

#top {
width: 737px;
height: 145px;
background: url("../grafika/header.jpg");
float: left;
}

#logo {
width: 737px;
height: 117px;
font-size: 150%;
color: #fb5324;
text-transform: uppercase;
overflow: hidden;
position: relative;
float: left;
}

#logo a, #logo span {
width: 737px;
height: 117px;
display: block;
background: url("../grafika/header.jpg");
position: absolute;
top: 0;
left: 0;
}

#breadcrumb {
width: 697px;
height: 28px;
line-height: 28px;
font-size: 90%;
padding: 0 20px;
background-color: #fb5324;
color: white;
}

#breadcrumb a, #breadcrumb a:visited {
color: white;
}

#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus {
color: black;
}

#breadcrumb .oddelovac {
color: #d4d5d6;
padding: 0 5px;
}

#panel {
width: 198px;
height: 125px;
padding: 10px 10px 10px 15px;
background: #d4d5d6;
float: right;
}

#kosik {
width: 198px;
height: 50px;
line-height: 160%;
float: left;
}

#kosik a {
font-weight: bold;
}

#panel a, #panel a:visited {
color: #fb5324;
}

#panel a:hover, #panel a:focus, #panel a:active {
color: black;
}

#login {
width: 198px;
padding: 10px 0;
border-bottom: 1px solid #eaeaeb;
border-top: 1px solid #eaeaeb;
float: left;
}

a#ctl00_hlPrihlaseni {
padding: 0 15px 0 20px;
background: url("../grafika/login.jpg") no-repeat center left;
border-right: 1px solid #eaeaeb;
}

a#ctl00_hlRegistrace {
padding-left: 20px;
background: url("../grafika/registrace.jpg") no-repeat center left;
margin-left: 10px;
display: inline-block;
}

#hledani {
width: 198px;
float: left;
padding-top: 10px;
}

#hledani span {
padding-top: 5px;
float: left;
}

input#ctl00_txtHledani {
width: 116px;
height: 14px;
padding: 3px;
border: 1px solid #a8a8a8;
margin-left: 5px;
float: left;
}

input#ctl00_btnHledani {
width: 22px;
height: 22px;
background: #a8a8a8;
font-size: 90%;
font-weight: bold;
text-align: center;
border: 0;
float: left;
}

#obal {
width: 958px;
padding: 20px 0;
border: 1px solid #d4d5d6;
background: white;
float: left;
}

#inner {
min-height: 500px;
_height: 500px;
padding: 0 20px;
background: url("../grafika/line.jpg") repeat-y;
}

/**** bocni menu ****/

ul#menu { 
width: 180px;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
background: #f4f4f5;
border-top: 1px solid #afb0b1;
border-left: 1px solid #afb0b1;
border-right: 1px solid #afb0b1;
float: left;
}

ul#menu li {
width: 180px;
border-bottom: 1px solid #afb0b1;
margin: 0;
padding: 0;
list-style: none;
float: left;
}

ul#menu li a, ul#menu li a:visited,
ul#menu span {
padding: 7px 10px 7px 15px;
color: #fb5324;
text-decoration: none;
background: #e1e2e2;
display: block;
}

ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active,
ul#menu span {
color: white;
background: #fb5324;
}

/* submenu */

ul#menu ul {
width: auto;
font-size: 90%;
font-weight: normal;
border: 0;
}

ul#menu ul li {
width: auto;
border: 0;
padding: 2px 0;
margin-left: 30px;
list-style: square;
float: none;
}

ul#menu ul li a, ul#menu ul li a:visited {
padding: 0;
text-decoration: underline;
color: #fb5324;
background: none;
display: inline;
}

ul#menu ul li a:hover, ul#menu ul li a:focus, ul#menu ul li a:active {
color: black;
background: none;
}

/* sub-submenu */

ul#menu ul.Level3 {
width: auto;
font-size: 90%;
font-weight: normal;
border: 0;
padding-left:20px;
}

ul#menu ul.Level3 li {
list-style: circle;
}

/*** obsah ***/

#obsah {
width: 686px;
float: right;
}

.konference a, .konference a:visited {
border: 1px solid #d4d5d6;
text-align: center;
font-weight: bold;
margin-right: 30px;
text-decoration: none;
float: left;
display: block;
}

.konference a.last {
margin: 0 !important;
}

.konference img {
padding: 5px;
}

.konference div {
padding: 5px 0;
border-top: 1px solid #d4d5d6;
}

.browse a, .browse a:visited {
text-align: center;
font-weight: bold;
margin: 0 5px 20px 0;
text-decoration: none;
float: left;
display: block;
}

.browse a.last {
margin: 0 !important;
}

.browse a div {
text-decoration: underline;
}

input.pocet {
text-align: center;
width: 29px;
height: 14px;
}

input.koupit, input.prepocitat, input.smazat {
border: 1px solid white;
color: white;
background: #fb5324;
font-weight: bold;
font-size: 90%;
padding: 0;
text-transform: uppercase;
text-align: center;
width: 76px;
height: 22px;
}

input.prepocitat {
width: 86px;
}

input.smazat {
background: #a8a8a8;
}

tr.celkem td {
font-size: 120%;
font-weight: bold;
background: white;
border: 1px solid #e2f0fe;
}

td.vpravo {
text-align: right;
}

a.zpet, a.zpet:visited {
font-weight: bold;
color: #fb5324;
padding-left: 10px;
background: url("../grafika/back.jpg") no-repeat center left;
float: left;
}

a.zpet:hover, a.zpet:active, a.zpet:focus {
color: black;
}

input.zpet2 {
width: auto;
margin: 10px 0;
float: right;
padding: 5px 15px;
font-weight: bold;
text-transform: uppercase;
border: 0;
background: #fb5324;
color: white;
float: left;
}

#cesta img {
float: left;
}

.pozice {
color: white;
font-size: 120%;
font-weight: bold;
background: #d4d5d6;
display: inline-block;
height: 39px;
line-height: 39px;
padding-right: 10px;
float: left;
}

.pozice.aktivni {
background: #a8a8a8;
}

.pozice span {
background: #c7c7c8;
height: 39px;
padding: 0 12px;
margin-right: 8px;
display: inline-block;
}

.pozice.aktivni span {
background: #fb5324;
}

/*** formulár ***/

#registration fieldset {
padding: 20px;
padding: 0 20px 20px 20px;
background: #e2f0fe;
border: 1px solid #c4c5c6;
margin: 30px 0 20px;
position: relative;
}

#registration div.input {
width: 245px;
border: 1px solid #afb0b1;
background: white;
}

#registration input.short {
width: 80px;
}

#registration input.middle {
width: 185px;
}

input#odeslat, input.dalsi {
width: auto;
margin: 10px 0;
float: right;
padding: 5px 15px;
font-weight: bold;
text-transform: uppercase;
border: 0;
background: #fb5324;
color: white;
}

div.label {
width: 115px;
padding-top: 3px;
float: left;
}

legend {
background: white;
color: black;
font-weight: bold;
padding: 5px 10px;
border: 1px solid #c5c6c7;
position: relative; 
top: -1em; 
}


/* paticka */

#paticka {
width: 935px;
height: 60px;
line-height: 60px;
text-align: right;
padding-right: 25px;
font-size: 90%;
float: left;
}

#paticka .oddelovac {
color: #fb5324;
padding: 0 7px;
}

/******************/


input.hledani_vstup
{
	background-color: #d7be9f;
	border: solid 1px #c7ae8f;
	color: #ffffff;
	vertical-align: top;
	margin-top: 16px;
	height: 25px;
	padding-top: 4px;
	padding-left: 4px;
	width: 172px;
}

input.hledani_button
{
	vertical-align: top;
	margin-top: 16px;
	margin-left: 4px;
}






input.button
{
	border: solid 1px #e0dfd1;
	color: #988d7f;
	font-weight:bold;
	text-align:center;
	height:25px;
	cursor:hand;
}

input.policko
{
	border: solid 1px #e2e0db;
	color: #3b2e2a;
}

p.cena_celkem
{
	color: #6f5737;
}

.vyrazneCervena
{
	color:#F22919;
}
.podtrzeni
{
	border-bottom:solid 1px #f1f0ee;
	border-left:none 0px #ffffff;
	border-right:none 0px #ffffff;
}

table.hledaniFF td
{
	 border-left: solid 1px #FFFFFF;
	 border-right: solid 1px #FFFFFF;
}

td.kategorie_off
{
	border-top:solid 1px #e9e6e1;
	padding-left:33px;
	padding-right:10px;
	vertical-align:middle;
	color:#453429;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:11px;
}
td.kategorie_on
{
	background-color:White;
	border-top:solid 1px #e9e6e1;
	padding-left:33px;
	padding-right:10px;
	vertical-align:middle;
	color:#83735d;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:11px;
}

td.podkategorie_off
{
	border-top:solid 1px #e9e6e1;
	padding-left:42px;
	padding-right:10px;
	vertical-align:middle;
	color:#453429;
	height:28px;
	font-size:10px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
}
td.podkategorie_on
{
	background-color:White;
	border-top:solid 1px #e9e6e1;
	padding-left:42px;
	padding-right:10px;
	font-size:10px;
	vertical-align:middle;
	color:#83735d;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
}


td.kategorie2_on
{
	background-color:White;
	border-top:solid 1px #e9e6e1;
	padding-left:24px;
	padding-right:10px;
	vertical-align:middle;
	color:#83735d;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:12px;
}

td.kategorie2_off
{
	border-top:solid 1px #e9e6e1;
	padding-left:24px;
	padding-right:10px;
	vertical-align:middle;
	color:#83735d;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:12px;
	
}

td.kategorie1_on
{
	background-color:White;
	border-top:solid 1px #e9e6e1;
	padding-left:15px;
	padding-right:10px;
	vertical-align:middle;
	color:#83735d;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:12px;
	font-weight:bold;
}

td.kategorie1_off
{
	border-top:solid 1px #e9e6e1;
	padding-left:15px;
	padding-right:10px;
	vertical-align:middle;
	color:#83735d;
	height:28px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:12px;
	font-weight:bold;
}

td.kategorie_off a, td.podkategorie_off a, td.kategorie2_off a, td.kategorie2_on a, td.kategorie1_off a, td.kategorie1_on a, td.kategorie_off a, td.kategorie_on a
{
	color:#453429;
	text-decoration:none;
}

p.nadkategorie_popis, span.nadkategorie_popis, div.nadkategorie_popis, div.nadkategorie_popis p
{
	font-size:10px;
}

.nastenka
{
	padding: 5px;
	border-color: #fb5324;
	border-style: solid;
	border-width: 1px;
}