/* general */

* {
margin: 0;
padding: 0;	
border: 0;
}

html {
background: white url("../grafika/bg.jpg") no-repeat center top;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
color: black;
text-align: center;
}

a {
color: #435d95; /* modra */
text-decoration: underline;
} 

a:visited {
color: black; 
}

a:hover, a:active, a:focus {
color: #e40404; /* cervena */
}

h1 { 
color: #c80404;
font-size: 150%;
font-weight: normal;
margin: 0;
padding: 0;
display: inline;
}

h2 {
font-size: 140%;
font-weight: bold;
color: #435d95;
margin: 30px 0 20px;
}

h2.uvodni {
height: 23px;
margin: 0 0 10px 0;
display: inline-block;
float: left;
}

h2.legend {
color: #435d95;
font-size: 100%;
background: white url("../grafika/th.jpg") repeat-x bottom;
padding: 5px 10px;
border-top: 1px solid white;
margin: 0;
}

.legend {
color: #435d95;
font-size: 100%;
background: white url("../grafika/th.jpg") repeat-x bottom;
padding: 5px 10px;
border-top: 1px solid white;
font-weight: bold;
}

h2.shrnuti {
margin: 0 0 10px;
padding-bottom: 5px;
}

h3 {
color: #c80404;
font-size: 120%;
font-weight: bold;
text-transform: uppercase;
margin: 30px 0 20px;
}

h3.search {
	color: Black;
text-transform: none;
margin-top: 10px;
}

h4 {
color: black;
font-size: 120%;
font-weight: bold;
margin: 30px 0 20px;
}

h5 {
color: #666;
font-size: 100%;
font-weight: bold;
margin: 20px 0 10px;
}

p {
margin-bottom: 15px;
line-height: 150%;
}

ul, ol {
margin: 10px 0 10px 20px;
line-height: 140%;
}

li {
margin: 0 0 0 20px;
list-style: square;
padding: 5px 0;
}

ol li {
list-style: decimal;
padding: 5px 0;
background: none;
margin-left: 20px;
}

ol.alpha li {
	list-style-type: lower-alpha;
}
ol.roman li {
	list-style-type: upper-roman;
}

ol.search {
	font-size: 12pt;
	font-weight: bold;
}
ol.search li {
	border-bottom: 1px solid #CCC;
	
}
ol.search li img {
	float: left;
	margin: 5px 10px 5px 0;
}
ol.search li span.popis {
	font-size: 10pt;
	font-weight: normal;
}
ol.search li span.vyraz {
	background-color: aqua;
}

blockquote {
font-style: italic;
}

blockquote p:before {
content: open-quote;
font-size: 120%;
font-weight: bold;
}

blockquote p:after {
content: close-quote;
font-size: 120%;
font-weight: bold;
}

.cistic {
=height: 1px;
=width: 1px;
=font-size: 1px;
=line-height: 1px;
=margin: -1px -1px 0 0;
clear: both;
}

input {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
background: white;
border: 1px solid #8e8e8e;
color: black;
}

input[type=text], input[type=password], textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
background: white;
color: black;
padding: 3px;
border: 1px solid #8e8e8e;
}

table {
width: 100%;
border-collapse: collapse;
}

td, th {
padding: 5px 10px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}

th {
color: #435d95;
background: white url("../grafika/th.jpg") repeat-x bottom;
}

td.center, th.center {
text-align: center;
}

td.border {
width: 50px;
padding: 5px 0;
text-align: left;
}

tr.soucet td {
background: none;
border: 0;
}

td p {
margin: 0;
}

tr.odd td {
background: #ddd;
}

tr.vetsi td {
background: white;
padding: 10px;
border-top: 3px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
}

address {
font-style: normal;
line-height: 150%;
margin-bottom: 20px;
}

.right {
float: right !important;
}

.left {
float: left !important;
}

.nofloat {
float: none !important;
}

.strong {
font-weight: bold;
}

.small {
font-size: 90%;
}

.smaller {
font-size: 75%;
}

.vetsi {
font-size: 120%;
}

.big {
font-size: 150%;
}

.red {
color: #c80404 !important;
}

.white {
color: white;
}

.green {
color: #063;
}

.border img {
border: 1px solid #ccc;
}

.noborder {
border: 0 !important;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.m0 {margin: 0 !important;}
.mr0 {margin-right: 0 !important;}
.m20 {margin: 20px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mt10 {margin-top: 10px !important;}
.mt0 {margin-top: 0 !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt50 {margin-top: 50px !important;}
.mr30 {margin-right: 30px !important;}
.ml25 {margin-left: 25px !important;}

.p0 {padding: 0 !important;}
.p10 {padding: 10px !important;}
.pt30 {padding-top: 30px !important;}
.pt50 {padding-top: 50px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl30 {padding-left: 30px !important;}
.pt10 {padding-top: 10px !important;}

/***************** layout *************/

#main {
/*width: 984px;*/
width: 1160px;
text-align: left;
padding-bottom: 20px;
margin: 0 auto;
}
                                                        
#logo {
width: 290px;
height: 148px;
margin-top: 16px;
font-size: 200%;
color: #c00418;
text-transform: uppercase;
position: relative;
overflow: hidden;
float: left;
}

#logo a, #logo span {
width: 100%;
height: 100%;
display: block;
background: url("../grafika/logo.jpg");
position: absolute;
top: 0;
left: 0;
}

#header {
width: 566px;
height: 100px;
padding: 64px 0 0 128px;
background: #202225 url("../grafika/header.jpg");
position: relative;
float: left; 
}

#postava {
	background: transparent url(../grafika/header_brankar.png);
	position: absolute;
	z-index: 1;
	width: 297px;
	height: 250px;
	left: 259px;
	top: 0px;
}

#kosik {
margin: 0;
color: white;
}

#kosik a, #kosik a:visited {
display: inline-block;
padding-bottom: 3px;
font-size: 120%;
color: #e40404;
}

#kosik a:hover, #kosik a:focus, #kosik a:active {
color: white;
}

/* hledani */

#search {
width: 178px;
height: 44px;
position: absolute;
top: 38px;
right: 24px;
z-index: 3;
}

input#hledat {
width: 122px;
height: 34px;
=height: 24px;
padding: 0 5px 0 8px;
=padding: 10px 5px 0 8px;
margin-top: 6px;
border: 0;
background: white url("../grafika/hledej.jpg");
float: left;
}

input#go {
width: 43px;
height: 44px;
float: left;
border: 0;
background: url("../grafika/go.jpg") no-repeat top;
}

#number {
font-size: 150%;
color: white;
position: absolute;
top: 123px;
right: 43px;
}

/*** horni menu ***/

#menu {
width: 984px;
height: 47px;
background: #5d5d5d url("../grafika/menu.jpg");
float: left;
}

#menu ul { 
width: 675px;
height: 47px;
margin: 0;
padding: 0;
position: relative;
float: left;
}

#menu ul li {
width: 89px;
height: 47px;
margin: 0;
padding: 0;
list-style: none;
background: none;
display: block;
position: absolute;
top: 0;
left: 0;
}

#menu ul li#dva {
width: 184px;
left: 73px;
}

#menu ul li#tri {
width: 154px;
left: 238px;
}

#menu ul li#ctyri {
width: 110px;
left: 373px;
}

#menu ul li#pet {
width: 100px;
left: 464px;
}

#menu ul li a, #menu ul li a:visited,
#menu ul li span {
width: 100%;
height: 100%;
line-height: 47px;
color: white;
font-weight: bold;
font-size: 90%;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
position: absolute;
top: 0;
left: 0;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
color: white;
}

#menu ul li#jedna a:hover, #menu ul li#jedna a:active, #menu ul li#jedna a:focus,
#menu ul li#jedna span {
background: url("../grafika/01.png") no-repeat;
}

#menu ul li#dva a:hover, #menu ul li#dva a:active, #menu ul li#dva a:focus,
#menu ul li#dva span {
background: url("../grafika/02.png") no-repeat;
}

#menu ul li#tri a:hover, #menu ul li#tri a:active, #menu ul li#tri a:focus,
#menu ul li#tri span {
background: url("../grafika/03.png") no-repeat;
}

#menu ul li#ctyri a:hover, #menu ul li#ctyri a:active, #menu ul li#ctyri a:focus,
#menu ul li#ctyri span {
background: url("../grafika/04.png") no-repeat;
}

#menu ul li#pet a:hover, #menu ul li#pet a:active, #menu ul li#pet a:focus,
#menu ul li#pet span {
background: url("../grafika/05.png") no-repeat;
z-index: 0;
}

/* login */

#login {
width: 198px;
height: 40px;
padding-top: 7px;
color: #ccc;
font-size: 90%;
float: right;
position: relative;
z-index: 3;
}

#login a, #login a:visited {
color: white;
}

#login a:hover, #login a:active, #login a:focus {
color: #ccc;
}

#prihlaseni {
height: 26px;
background: url("../grafika/prihlaseni.jpg") no-repeat top left;
padding: 6px 21px 0 28px;
display: inline-block;
}

#registrace {
height: 26px;
background: url("../grafika/registrace.jpg") no-repeat top left;
padding: 6px 0 0 26px;
display: inline-block; 
}

/*** obsah ***/

#obsah {
width: 984px;
background: white url("../grafika/bg-center.jpg") repeat-y;
}

#obsah-top {
background: url("../grafika/bg-top.jpg") no-repeat top;
}

#obsah-bottom {
background: url("../grafika/bg-bottom.jpg") no-repeat bottom;
/*position: relative;
z-index: 3;*/
}

#center {
width: 695px;
padding: 34px 0 0 30px;
float: left;
}

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


/* akcni nabidka */

a.vice {
height: 23px;
line-height: 23px;
padding-left: 20px;
background: url("../grafika/sipka.png") no-repeat center left;
display: inline-block;
float: right;
}

#akce-top {
width: 695px;
background: white url("../grafika/akce-top.jpg") no-repeat top;
margin-bottom: 30px;
}

#akce-bottom {
background: url("../grafika/akce-bottom.jpg") no-repeat bottom;
}

#akce {
width: 695px;
padding: 15px 0;
background: url("../grafika/akce-center.jpg") no-repeat center center;
}

.polovina {
width: 317px;
float: left;
padding: 0 15px;
}

.pulka {
width: 49%;
float: left;
}

.pulka input {
width: 220px;
}

.pulka input.kratsi {
width: 160px;
}

.pulka .doprava .radio input {
width: 50px;
}

.pic {
width: 120px;
height: 120px;
text-decoration: none;
padding: 0 !important;
display: block;
float: left;
position: relative;
}

.text {
width: 182px;
padding-top: 10px;
float: right;
}

.sale {
width: 52px;
height: 65px;
overflow: hidden;
position: absolute;
top: -10px;
left: -40px;
text-indent: -3000px;
}

.sale2 {
width: 80px;
height: 65px;
overflow: hidden;
position: absolute;
top: -10px;
left: -40px;
text-indent: -3000px;
}

#akce .sale {
left: -20px;
}

#nahled .sale, #nahled .sale2 {
top: 0;
left: 5px;
}

.sale span, .sale2 span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url("../grafika/sleva.png"); 
}

.sale2 span {
background: url("../grafika/sleva-novinka.png"); 
}

.sale span.new {
background: url("../grafika/novinka.png");
}

.polovina a {
font-size: 140%;
line-height: 130%;
}

.polovina .sleva {
font-weight: bold;
font-size: 120%;
color: #e40404;
text-decoration: line-through;
padding: 5px 0 3px;
}

.polovina strong {
font-size: 180%;
}

/* rozcestnik */

.rozcestnik {
width: 200px;
padding:  20px 10px 0 127px;
color: #ccc;
float: left;
}

.rozcestnik h3 {
font-size: 150%;
font-weight: normal;
text-transform: none;
margin: 0 0 5px 0;
}

.rozcestnik h3 a, .rozcestnik h3 a:visited {
color: white;
}

.rozcestnik h3 a:hover, .rozcestnik h3 a:active, .rozcestnik h3 a:focus {
color: #435d95;
}

#hrac {
height: 138px;
background: #303336 url("../grafika/hrac.jpg");
}
#hrac h3,#brankar h3 {
	margin-top: -12px;
}

#brankar {
height: 138px;
background: #303336 url("../grafika/brankar.jpg");
}

#rozhodci {
height: 151px;
padding-top: 21px;
background: #303336 url("../grafika/rozhodci.jpg");
}

#trener {
height: 151px;
padding-top: 21px;
background: #303336 url("../grafika/trener.jpg");
}

#hokejbal {
height: 131px;
padding-top: 15px;
background: #303336 url("../grafika/hokejbal.jpg");
margin-bottom: 30px;
}

#in-line {
width: 190px;
height: 148px;
padding: 15px 10px 0 137px;
background: #303336 url("../grafika/inline.jpg");
margin-bottom: 30px;
}

.odrazky {
line-height: 200%;
}

.odrazky a, .odrazky a:visited, .odrazky span {
padding: 0 10px 0 12px;
color: #ccc;
background: url("../grafika/bullet.jpg") no-repeat center left;
}

.odrazky a:hover, .odrazky a:active, .odrazky a:focus {
color: #e40404;
}

/* browse */

.browse {
width: 187px;
padding: 10px 15px 15px 15px;
border: 2px solid #d0d0d0;
text-align: center;
background: white url("../grafika/produkt.jpg") no-repeat bottom right;
margin: 0 15px 15px 0;
float: left;
}

.browse .pic {
margin: 0 0 10px 0;
float: none;
margin: 0 auto;
}

.browse a {
font-weight: bold;
line-height: 140%;
display: block;
}

.cena {
height: 30px;
padding: 8px 0 15px;
}

.nazev {
height: 30px;
}

.price {
font-size: 150%;
}

input.ks {
width: 22px;
height: 13px;
text-align: center;
border: 1px solid #cfcfd0;
padding: 3px;
font-size: 90%;
}

input.koupit {
width: 95px;
height: 27px;
text-transform: uppercase;
text-align: center;
margin-left: 10px;
vertical-align: bottom;
}
button.koupit {
width: 95px;
height: 27px;
text-transform: uppercase;
text-align: center;
margin-left: 10px;
vertical-align: bottom;
background-image: url('../grafika/koupit.jpg');
}
button.koupit_d {
width: 123px;
height: 34px;
text-transform: uppercase;
text-align: center;
margin-left: 10px;
vertical-align: bottom;
background-image: url('../grafika/koupit2.jpg');
vertical-align: middle;
}

#produkt input.koupit {
width: 123px;
height: 34px;
vertical-align: middle;
}

.sleva {
color: #e40404;
text-decoration: line-through;
}

/* strankovani */

.pagination {
text-align: right;
vertical-align: bottom;
padding-top: 10px;
margin-bottom: 20px;
color: black;
}

.pagination a, .pagination a:visited {
padding: 0 8px;
height: 22px;
font-size: 120%;
color: #435d95;
}

.pagination a:hover, .pagination a:active, .pagination a:focus,
.pagination strong {
color: #da1714;
}

.pagination strong {
padding: 0 8px;
color: black;
font-weight: bold;
font-size: 120%;
}

.pagination a.prev, .pagination a.next, .pagination a.prev:visited, .pagination a.next:visited {
width: 70px;
padding: 0 0 0 20px;
text-align: center;
font-size: 90%;
color: black;
height: 22px;
line-height: 22px;
text-decoration: none;
background: #cecfcf url("../grafika/prev.jpg"); 
margin-right: 7px;
display: inline-block;
}

.pagination a.next, .pagination a.next:visited {
width: 42px;
padding: 0 20px 0 0;
background: #cecfcf url("../grafika/next.jpg");
margin: 0 0 0 7px;
}

.pagination a.prev:hover, .pagination a.prev:active, .pagination a.prev:focus {
color: black;
background: #919292 url("../grafika/prev2.jpg"); 
}

.pagination a.next:hover, .pagination a.next:active, .pagination a.next:focus {
color: black;
background: #919292 url("../grafika/next2.jpg"); 
}

/* seradit */

#seradit {
width: 665px;
height: 35px;
font-size: 90%;
padding: 10px 20px 0 0;
margin-bottom: 20px;
text-align: right;
background: white url("../grafika/filtr-bottom.jpg");
position: relative;
}

#seradit fieldset {
display: inline;
padding-left: 10px;
}

#seradit input {
border: 0;
padding: 0;
display: inline;
vertical-align: middle;
}

#seradit select {
padding: 1px;
}

#seradit div {
width: 138px;
height: 193px;
background: url("../grafika/hrac.png");
position: absolute;
bottom: 0;
left: 0;
}

#seradit div.hokejbal {
background: url("../grafika/hokejbal.png");
}

#seradit div.inline {
background: url("../grafika/inline.png");
}

#seradit div.brankar {
background: url("../grafika/brankar.png");
}

#seradit div.rozhodci {
background: url("../grafika/rozhodci.png");
}

#seradit div.trener {
background: url("../grafika/trener.png");
}

#seradit div.kraso {
background: url("../grafika/kraso.png");
}

#seradit div.branky {
background: url("../grafika/branky.png");
}

/* filtry */

#filtr {
width: 685px;
background: black url("../grafika/filtr.jpg") no-repeat bottom;
}

#filtr .uvnitr {
width: 530px;
min-height: 110px;
padding: 10px 20px 10px 135px;
background: url("../grafika/filtr-top.jpg") no-repeat top;
}

#filtr .uvnitr a {
	color: white;
	text-decoration: none;
}
#filtr .uvnitr a:hover {
	color: white;
	text-decoration: underline;
}

#filtr ul {
padding: 0;
margin: 0;
color: #ccc;
}

#filtr ul li {
list-style: none;
line-height: 230%;
padding: 0 10px 0 0;
=padding: 0 5px 0 0;
_padding-bottom: 8px;
white-space: nowrap;
margin: 0;
float: left;
}

#filtr input {
padding: 0;
margin: 0; 
background: white;
=background: none;
vertical-align: middle;
width: auto;
}

/* pravy sloupec */

.panel {
padding: 20px 0;
background: url("../grafika/panel.jpg") no-repeat bottom; 
}

.banner {
display: block;
text-align: center;
}

.box {
padding: 20px 20px 20px 35px;
}

ul.informace {
margin: 0 0 30px 35px;
padding: 0;
font-size: 120%;
}

ul.informace li {
margin: 0;
padding: 5px 0 5px 25px;
list-style: none;
background: url("../grafika/sipka.jpg") no-repeat 0 10px;
}

#kategorie {
width: 207px;
height: 32px;
padding: 14px 0 0 30px;
font-weight: bold;
background: #3e577a url("../grafika/kategorie-nadpis.jpg");
color: white;
}

#kategorie a, #kategorie a:visited {
color: #c3c3c3;
}

#kategorie a:hover, #kategorie a:active, #kategorie a:focus {
color: white;
}

#vyrobci {
padding-left: 30px;
vertical-align: top;
}
#kategorie_in {
padding-left: 10px;
padding-right: 40px;
vertical-align: top;
}

/* textova stranka */

#breadcrumb {
margin-bottom: 20px;
}

#breadcrumb a, #breadcrumb a:visited {
color: black;
padding-right: 30px;
background: url("../grafika/sipka2.png") no-repeat center right;
}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
color: #e40404;
}

.half {
background: url("../grafika/polovina.jpg") no-repeat center center;
}

.prava {
width: 45%;
float: right;
}

.leva {
width: 45;
float: left;
}

/* special menu */

ul#special-menu {
margin: 0;
padding: 25px 0 25px 35px;
background: #eee url("../grafika/panel3.jpg") no-repeat bottom;
font-weight: bold;
color: #e40404;
}

ul#special-menu li {
list-style: none;
margin: 0;
padding: 7px 0 7px 25px;
background: url("../grafika/sipka.jpg") no-repeat 0 10px;
}

ul#special-menu a, ul#special-menu a:visited {
color: #435d95;
}

ul#special-menu a:hover, ul#special-menu a:focus, ul#special-menu a:active {
color: #e40404;
}

/* bocni menu */

ul#mainmenu {
width: 204px;
margin: 0 auto;
padding: 0;
background: #ddd;
}

ul#mainmenu li {
list-style: none;
margin: 0;
padding: 0 0 1px 0;
}

ul#mainmenu li a, ul#mainmenu li a:visited {
width: 160px;
height: 33px;
line-height: 33px;
padding-left: 44px;
text-transform: uppercase;
display: block;
font-weight: bold;
text-decoration: none;
color: white;
background: #464646 url("../grafika/bocni-menu.jpg");
}

ul#mainmenu li a:hover, ul#mainmenu li a:focus, ul#mainmenu li a:active,
ul#mainmenu li a#aktivni {
color: white;
background: #c10505 url("../grafika/bocni-menu2.jpg");
}

/* submenu */

ul#maimenu ul {
width: auto;
margin: 0;
padding: 0;
background: #ddd;
}

ul#mainmenu ul li {
padding: 5px 0 5px 15px;
background: url("../grafika/bullet2.jpg") no-repeat 0 10px;
}

ul#mainmenu ul li a, ul#mainmenu ul li a:visited {
width: auto;
height: auto;
line-height: normal;
padding: 0;
display: inline;
background: none;
text-decoration: underline;
text-transform: none;
font-weight: normal;
color: black;
}

ul#mainmenu ul li a:hover, ul#mainmenu ul li a:active, ul#mainmenu ul li a:focus,
ul#mainmenu li strong {
color: #c50404;
width: auto;
height: auto;
line-height: normal;
padding: 0;
display: inline;
background: none;
text-decoration: underline;
text-transform: none;
font-weight: normal;
}

/* 2. �roven submenu */

ul#mainmenu ul li ul {
margin: 10px 0 0 0;
}

ul#mainmenu ul li ul li {
padding: 5px 0 5px 15px;
margin: 0;
background: url("../grafika/sipka2.png") no-repeat 0 11px;
font-size: 90%;
}

/* flypage */

a#nahled {
position: relative;
float: left;
}

a#nahled img {
border: 2px solid #d1d1d1;
}

span.lupa {
width: 31px;
height: 31px;
background: url("../grafika/lupa.jpg");
position: absolute;
bottom: 4px;
=bottom: 1px;
right: 1px;
}

table#produkt {
width: 415px;
border: 0;
float: right;
}

table#produkt td {
border: 0;
font-size: 100%;
background: none;
}

td.vertical {
vertical-align: top;
}

#price .sleva {
font-size: 120%;
}

#price strong {
font-size: 180%;
}

#price strong span {
font-size: 70%;
}

#price .small {
padding-top: 3px;
}

#produkt select option {
padding-right: 10px;
}

/* prepinac */

#prepinac {
width: 685px;
position: relative;
margin: 50px 0 30px;
=margin: 40px 0 30px;
_margin: 40px 0 0;
float: left;
}

ul#menicko {
margin: 0;
padding: 0;
position: absolute;
top: -26px;
left: 0;
}

ul#menicko li {
width: 100px;
height: 26px;
margin: 0 6px 0 0;
padding: 0;
background: none;
text-align: center;
color: black;
display: block;
float: left;
}

ul#menicko li a, ul#menicko a:visited {
width: 100%;
height: 26px;
line-height: 26px;
color: black;
text-align: center;
display: block; 
border: 1px solid #d1d1d1;
border-bottom: 0;
background: white url("../grafika/zalozka.jpg") repeat-x;
text-decoration: none;
}

ul#menicko li a:hover, ul#menicko li a:focus, ul#menicko li a:active,
ul#menicko li a.aktiv {
color: black !important;
background: white url("../grafika/zalozka2.jpg") repeat-x !important;
}

ul#menicko li a.aktiv {
font-weight: bold;
}

#content_popis, #content_param, #content_obr, #content_prisl, #content_kom {
width: 643px;
background: white;
border: 1px solid #d1d1d1;
padding: 20px;
}

#content_param td, #content_param th {
border: 1px solid #f1f1f1;
}

td.parametr {
width: 120px;
}

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

#content_prisl .browse {
width: 173px;
margin: 0 10px 10px 0;
float: left;
}

#content_kom form {
margin-top: 20px;
}

#content_kom form h2, #content_kom fieldset {
border: 1px solid #d0d0d0;
}

#content_kom fieldset {
border-top: 0;
}

#content_kom .oddelovac {
color: #435d95;
}

#content_kom p {
margin-bottom: 30px;
}

#content_kom .odpoved p {
margin-bottom: 0;
}

#content_kom p.kdo {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 5px;
margin-bottom: 10px;
}

.odpoved {
padding-left: 20px;
margin-bottom: 30px;
}

.odpoved div {
padding: 10px;
background: #e3e8ee;
}

#content_kom .odpoved p.kdo {
border-bottom: 1px solid white;
}

/* prihlasovaci formular */

#form_zakaznik fieldset {
width: 50%;
float: left;
background: #476387;
padding: 20px;
border: 2px solid white;
}

#form_zakaznik.registrace fieldset {
width: auto;
float: none;
background: #476387;
padding: 20px;
border: 2px solid white;
}

#form_zakaznik label {
width: 120px;
display: inline-block;
color: white;
}

#form_zakaznik input {
border: 1px solid #5f78af; 
margin-bottom: 10px;
padding: 3px;
width: 200px;
vertical-align: middle;
}

#form_zakaznik ul.informace {
width: 40%;
float: right;
margin: 0;
}

input.button, input.button2 {
text-transform: uppercase;
color: white;
font-weight: bold;
background: black url("../grafika/button.jpg") repeat-x top;
padding: 3px 13px !important;
=padding: 3px !important;
font-size: 90%;
border: 1px solid black !important;
}

a.button2, a.button2:visited, a.button2:hover, a.button2:active, a.button2:focus {
display: block;
text-decoration: none;
text-transform: uppercase;
color: white;
font-weight: bold;
background: black url("../grafika/button.jpg") repeat-x top;
padding: 5px 20px;
font-size: 100%;
border: 1px solid black;
float: right;
}

input.button2 {
font-size: 100%;
padding: 5px 20px !important;
=padding: 5px !important;
float: right !important;
}

#form_zakaznik input.button {
border: 1px solid black;
margin: 0 0 0 120px;
width: auto;
padding: 3px 13px;
}

/** kosik  **/

#cart img {
vertical-align: top;
margin-left: 3px;
}

#cart h1 {
display: inline;
margin: 0;
}

table#shoppingcart {
text-align: center;
margin: 20px 0;
}

input.odstranit {
border: 0;
padding: 0;
background: none;
}
button.odstranit {
	width: 22px;
	height: 22px;
	border: 0;
	padding: 0;
	background-image: url("../grafika/delete.jpg");
}

a.pokracovat {
padding-left: 20px;
font-weight: bold;
background: url("../grafika/back.jpg") no-repeat center left;
float: left;
}

/*** formular ***/

/*** doprava a platba ***/

table.doprava td.radio {
text-align: right;
width: 15px !important;
padding: 5px 0;
}

.radio input {
background: none;
border: none;
padding: 0;
}

.hodnota {
font-weight: bold;
text-align: right;

}

/*** udaje o objednateli ***/

.formular input {
padding: 3px;
float: left;
}

#podminky {
margin: 20px 0;
line-height: 200%;
}

#podminky input,
#dod, #register {
float: none;
border: 0;
background: none;
}

.velky {
font-size: 120%;
font-weight: bold;
}

.formular fieldset {
padding: 20px 20px 10px;
=padding-bottom: 20px;
margin: 0 0 20px 0;
border: 1px solid white;
background: #ddd;
}

.short {
width: 90px !important;
}

.short2 {
width: 90px;
margin: 0;
}

.middle {
width: 170px;
margin-right: 20px;
}

.formular textarea {
width: 99%;
height: 80px;
background: white;
margin-bottom: 10px;
border: 1px solid #8e8e8e;
}

.formular label {
width: 60px;
padding-top: 2px;
margin-bottom: 20px;
float: left;
}

.formular label.delsi {
width: 120px;
}

.formular label.sirsi {
width: 90px;
}

.formular label.pozn {
width: auto;
margin: 0 0 5px;
}

.formular label.uzsi {
width: 40px;
}

input.next {
width: 134px;
height: 34px;
padding: 0 0 0 20px;
color: white;
text-align: left;
text-transform: uppercase;
background: #122a7f url("../grafika/dale.jpg");
border: 1px solid #12277b;
text-decoration: none;
font-weight: bold;
float: right;
}

table.doprava {
margin: 20px 0 0 0;
}

table.doprava td {
padding: 10px 15px;
}

input.prepocitat {
text-transform: uppercase;
font-size: 80%;
color: black;
padding: 3px 10px;
=padding: 3px;
background: url("../grafika/prepocitat.jpg") repeat-x bottom;
border: 1px solid #b0b0b0;
}

#tretina-bg {
background: url("../grafika/tretina.jpg") repeat-y;
=float: left;
margin: 20px 0 15px;
}

#tretina-bottom {
background: url("../grafika/tretina-bottom.jpg") no-repeat bottom;
}

#tretina-bg h2 {
border: 1px solid white;
}

.tretina {
width: 32%;
float: left;
margin: 0 10px 0 0;
}

.tretina.right {
margin-right: 0;
}

.tretina p, .tretina address {
margin: 0;
}

p.podbarveny {
border: 1px solid white;
padding: 10px;
background: #ddd;
}

#dodaci {
margin-top: 20px;
}

/* paticka */

#paticka  {
width: 949px;
height: 61px;
padding: 0 0 0 35px;
background: #3b3d3f url("../grafika/paticka.jpg");
}

p#copyright {
width: 470px;
height: 61px;
line-height: 61px;
font-size: 90%;
color: #a6a6a6;
float: left;
}

#paticka a, #paticka a:visited {
color: #a6a6a6;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: white;
}

.oddelovac {
padding: 0 7px;
color: white;
}

#buttony {
line-height: 61px;
display: inline-block;
float: right;
}

#buttony a, #buttony a:visited {
padding: 0 30px 0 22px;
display: inline-block;
}
  
#podporujeme {
background: url("../grafika/podporujeme.jpg") no-repeat center left;
}  

#sitemap {
background: url("../grafika/sitemap.jpg") no-repeat center left;
}

#print {
background: url("../grafika/print.jpg") no-repeat center left;
}

/* poradna */

#center .poradna {
float:left;
background:url('../grafika/icon-diskuze.png') no-repeat 0 10px;
color:#424242;
font-size:14px;
display:inline-block;
width:230px;
height:65px;
padding:10px 50px 5px 62px;
line-height:1.4em;
}
#center .poradna a {
color:#435d95;
font-weight:bold;
}
#center .poradna a:hover {
text-decoration:none;
}

#addotazka label {
display:inline-block;
width:48px;
margin:0 15px 17px 0;
padding-top:3px;
}
#addotazka label.autowidth {
width:auto;
}
#addotazka input {
margin-right:25px;
width:220px;
}
#addotazka input.small {
width:55px;
}
#addotazka textarea {
float:left;
width:570px;
height:110px;
}
#addotazka input.btn {
float:right;
width:auto;
padding:5px 12px;
margin-right:2px;
text-transform:uppercase;
color:white;
font-weight:bold;
background:black url("../grafika/button.jpg") repeat-x top;
padding:5px 13px !important;
font-size:90%;
border:1px solid black !important;
}
#diskuze a {
color:#435d95;
}
#diskuze a:hover {
text-decoration:none;
}
#diskuze .otazkawrapper {
border-bottom:1px solid #ffffff;
margin-bottom:30px;
color:#424242;
position:relative;
}
#diskuze .otazkaauthor {
background:url("../grafika/th.jpg") repeat-x center bottom white;
display:block;
padding:7px 10px 5px 72px;
}
#diskuze .otazkaauthor a {
font-weight:bold;
}
#diskuze .otazkaauthor span {
float:right;
_margin-top:-20px;
_margin-right:10px;
*margin-top:-20px;
*margin-right:10px;
}
#diskuze .otazka {
background:url("../grafika/icon-diskuze.png") no-repeat 10px 0;
padding:37px 0 0 69px;
margin-top:-29px;
}
#diskuze .otazka p {
line-height:1.6em;
padding-left:2px;
}
#diskuze .answer {
padding:3px 7px;
color:white;
display:inline-block;
text-decoration:none;
background:black url("../grafika/button.jpg") repeat-x top;
border:1px solid black !important;
margin-bottom:13px;
}
#diskuze .re {
border:1px solid #cecece;
background:#ffffff;
padding:10px 10px 0 10px;
margin-top:-22px;
}
#diskuze .re .otazkaauthor {
border:1px solid #cecece;
padding-top:6px;
padding-bottom:4px;
}
#diskuze .re .otazkaauthor .black {
color:#000000;
}
#diskuze .re .otazka {
background-image:url("../grafika/icon-diskuze-red.png");
}
#diskuze .re .otazka .leftcorner {
background:url("../grafika/left-corner-re.gif") no-repeat;
display:inline-block;
width:19px;
height:19px;
font-size:0;
position:absolute;
left:-1px;
_left:-11px;
bottom:-1px;
}

/* vse o nakupu */

#center .onakupu {
background:url('../grafika/icon-01.png') no-repeat 0 7px;
border-bottom:1px solid #ffffff;
padding:9px 0 0 133px;
margin-bottom:6px;
height:auto !important;
height:112px;
min-height:112px;
}
#center .ic02 { background-image:url('../grafika/icon-02.png'); }
#center .ic03 { background-image:url('../grafika/icon-03.png'); }
#center .ic04 { background-image:url('../grafika/icon-04.png'); }
#center .ic05 { background-image:url('../grafika/icon-05.png'); }
#center .ic06 { background-image:url('../grafika/icon-06.png'); }
#center .ic07 { background-image:url('../grafika/icon-07.png'); }
#center .ic08 { background-image:url('../grafika/icon-08.png'); }
#center .onakupu .nazev {
color:#435d95;
font-size:18px;
text-decoration:underline;
}
#center .onakupu a.nazev:hover {
text-decoration:none;
}
#center .onakupu p {
padding-top:11px;
}

.alert {
	color: red;
}

input.btn_search {
width:auto;
padding:5px 12px;
margin-right:2px;
color:white;
font-weight:bold;
background:black url("../grafika/button.jpg") repeat-x top;
padding:5px 13px !important;
border:1px solid black !important;
margin-left: 20px;
}

#human {
	visibility:hidden;
	display:none;
}

input#asc {
	background: url("../grafika/up.jpg") no-repeat;
	border: 0;
	width: 12px;
	height: 12px;
	font-size: 0;
}
input#dsc {
	background: url("../grafika/down.jpg") no-repeat top;
	border: 0;
	width: 12px;
	height: 12px;
	font-size: 0;
}