html, body   { 
	background: #fff;
	margin: 0; 
	padding: 0;
	color: #303030;
}

body {
	text-align: center;
}

/* pomocne classy */

.none {display: none;}
.left {float: left;}
.right {float: right;}
.rightalign {text-align: right;}
.small {font-size: 0.85em; line-height: 1em;}
.clearline {clear: both; height: 1px; line-height: 1px; font-size: 1px;}
.broaden {width: 100%; text-align: right;}
.required {background: url(../gfx/required.gif) top right no-repeat;	background-color:white;}
.invalid {color: red;background-color:white;}
div.invalid {background: none;margin-bottom: 5px;font-weight: bold;}
.small {font-size: 10px;line-height: 13px;}
.hilite {color: #45697C; font-weight: bold; font-size: 1.6em;}
.zvyrazni_koncovou_cenu{color:#CC0000;font-weight:bold;font-size: 14px;}
.zvyrazni_slevu{color:#9CBD39;font-weight:bold;}
.warning {color:red; font-weight: bold;}
/* chovani beznych elementu*/

hr {display: none;}
ul {list-style-type: square;}
li {margin-top: 0.5em; margin-top: 0.5em;}
abbr {border-bottom: 1px dotted;cursor:help;}
object, embed {margin: 0;padding: 0;}
object {margin-top: -2px;}
form {margin: 0;padding: 0;border: none;}
fieldset {border: none;margin: 0;padding: 0;}

/* obecna typografie a barvy */

body {font-size: 0.65em;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
p {font-size: 0.95em; line-height: 1.3em; margin-bottom: 1.3em; margin-top: 1.3em;}

#content .column p {margin-bottom: 0em; margin-top: 0.2em;}

/* Begin Typography & Colors */

a:link {color: #59769A; text-decoration: none;}
a:visited {color: #59769A; text-decoration: none;}
a:hover {color: #59769A; text-decoration: underline;}

a.logo {
	display: block;
	width: 100%;
	height: 100%;		
	background: none;
	margin: 0;
	padding: 0;
	background: url(../gfx/_logo.png) top left no-repeat;
}

a.logo:hover {background-color: transparent;}
a.selected {font-weight: bold;} 

a.thumb {display: block; width: 100%; height: 100%;}
 
.yellowbutton, .yellowbutton:visited, .orangebutton, .orangebutton:visited, 
.yellowbigbutton, .yellowbigbutton:visited, .orangebigbutton, .orangebigbutton:visited
{
	margin: 0;
	padding: 0;
	display: block;
	width: 153px;
	height: 31px;
	line-height: 32px;
	background: url(../gfx/_button_ybutton.gif) top left no-repeat;
	text-align: center;
	color: #FFEFCC;
	text-decoration: none;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 0;
	padding-right: 10px;
	border: none;
	cursor: pointer;
}

a.yellowbutton, a.yellowbutton:visited, a.orangebutton, a.orangebutton:visited,
a.yellowbigbutton, a.yellowbigbutton:visited, a.orangebigbutton, a.orangebigbutton:visited {
	color: #FFEFCC; text-decoration: none;}
	
input.orangebutton, input.yellowbutton {width: 163px;}
input.orangebigbutton, input.yellowbigbutton {width: 212px;}
.orangebutton, .orangebutton:visited {background: url(../gfx/_button_obutton.gif) top left no-repeat;
	color: #FFCAA6;}
.orangebigbutton, .orangebigbutton:visited {background: url(../gfx/_button_obigbutton.gif) top left no-repeat;
	color: #FFCAA6;width: 202px;}

.yellowbigbutton, .yellowbigbutton:visited {background: url(../gfx/_button_ybigbutton.gif) top left no-repeat;
	width: 202px;}
.yellowbutton:hover, .orangebutton:hover, .yellowbigbutton:hover, .orangebigbutton:hover {
	color: #fff;}

.yellowbigbutton.left, .orangebigbutton.left, .yellowbutton.left, .orangebutton.left {
	margin-right: 5px;
}

a.double {
	font-size: 1em;
}

h1 {
	font-size: 2.2em;
	line-height: 1.3em;
	padding-top: 0.5em;
	letter-spacing: -0.1em;
	margin-bottom: 1em;
	color: #5A7394;
}

h1.hlavicka {
        margin: 0;
		  width: 100%;
		  margin-top: -8px;
        padding: 0px;
        height: 18px;
        width: 758px;
        font-size: 0.85em;
        font-weight: bold;  
        position: absolute; top: 80px;
        text-align: right;
        color: #5A7394;  
        line-height: 1.3em; 
        letter-spacing: 0em;
       /* background: #5A7394;*/
        }
		  
#proshops {
	margin-bottom: 10px;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 13px;
}

#center h3, #bigcenter h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}

#center h3.sleva, #bigcenter h3.sleva {
        border-bottom: 1px solid #ccc;
	color: #CC3300;
        padding-bottom: 3px;
}


h4 {
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #a0a0a0;
}

/* End Typography & Colors*/

/* Begin Structure */

#mainbox {
	/*margin-top: 16px;*/
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 758px;
	text-align: left;
}

#header {
	height: 100px;
	margin-top: 10px
}

#mainmenu {
	width: 100%;
	height: 23px;
	border-bottom: 1px solid #fff;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	height: 23px;
	list-style-type: none;
	float: right;
	margin-right: 5px;
}

#mainmenu li {
	display: block;
	float: left;
	margin: 0;
	margin-right: 1px;
	height: 23px;
	line-height: 23px;
	background: url(../gfx/_levyroh.gif) top left no-repeat #B3BCC6;
}

#mainmenu li a {
	display: block;
	padding: 0 10px 0 10px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background: url(../gfx/_pravyroh.gif) top right no-repeat transparent;
}

#mainmenu li a:hover {
	color: #5A7394;
}

#mainmenu li#selected {
	background: url(../gfx/_levyroh2.gif) top left no-repeat #8BCAEC;
}

#mainmenu li#selected a {
	background: url(../gfx/_pravyroh2.gif) top right no-repeat transparent;
	color: #fff;
}

#logo {
	margin: 0;
	height: 79px;
	width: 163px;	
	float: left;
}

#graphic {
	float: right;
	background:  url(../gfx/graphic01.png) top left no-repeat;
	width: 595px;
	height: 79px;
}

#shopmenu {
	clear: both;
	border-top: 2px solid #fff;
	height: 22px;
	background: #5A7394;
	width: 100%;
}

#shopmenu .left, #shopmenu .right  {
	color: #fff;
	line-height: 22px;
	margin-left: 10px;
}

#shopmenu .right a.special {
	color: red;
}

#shopmenu .right {
	margin-right: 10px;
}

#shopmenu .left a, #shopmenu .right a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

#shopmenu a:hover {
	color: #ddd;
}

#shopmenu .right a {
	font-weight: bold;
}
#shopmenu .kosik {
	background: url(../gfx/_kosik.png) top left no-repeat;
	padding-left: 23px; 
}
#content {
	margin-top: 14px;
}

#left {
	float: left;
	width: 161px;
	margin:0; padding:0;
}

#vyhledavani {
	border: none;
	background-color: #B7B7B7;
	padding: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	_display: inline-block;
}

#vyhledavani h3 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

#vyhledavani select, #vyhledavani input.input {
	font: 10px/15px Verdana, Tahoma, Arial, Arial CE, sans-serif;
	line-height: 130%;
	color: #303030;
	width: 137px;
}

#vyhledavani input.input {
	border: 1px solid #fff;
	background-color: #D4D4D4;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
}

#vyhledavani input.input:hover {
	border: 1px solid #fff;
	background-color: #FFCC00;
	color: #000;
}

#vyhledavani select {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 1px;
	width: 140px;
}


#vyhledavani a {
	color: #fff;
	text-decoration: underline;
}

#vyhledavani a.button {
	display: block;
	height: 22px;
	width: 70px;
	background: url(../gfx/_button_search.png) top left no-repeat;
	text-align: center;
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
}

.leftbutton {}

.leftbutton a {
	display: block;
	width: 161px;
	height: 31px;
	margin-bottom: 10px;
}

.leftbutton a#vyprodej {background:url(../gfx/_button_vyprodej.png) top left no-repeat;}
.leftbutton a#akce_tydne {background:url(../gfx/_button_akce_tydne.png) top left no-repeat;}
.leftbutton a#sety {background:url(../gfx/_button_sety.png) top left no-repeat;}

#kategorie {
	padding: 10px;
	padding-top: 10px;
	background-color: #5A7394;
	margin-bottom: 0px;
}

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

#kategorie li {
	margin:0;
	padding: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	background:url(../gfx/_kategorie_arrow.png) top left no-repeat;
	font-weight: bold;
	line-height: 140%;
}

#kategorie li ul {
	padding-top: 4px;
}

#kategorie li li {
	font-weight: normal;
}

#kategorie li a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

#kategorie li a:hover {
	color: #B3BCC6;
}

#thinframelogoplus {
	background:url(../gfx/jblogo_podkres.gif) 15px center no-repeat;
}

.thinframe {
	border: 1px solid #A0A0A0;
	border-bottom: none;
	border-top: none;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
	margin-top: 0;
	_display: inline-block;
}

.thinframe h3 {
	color: #9CBD39;;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0;	
	padding-top: 0px;
	margin-bottom: 7px;
}

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


.thinframe li {
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
	padding-left: 10px;
	background:url(../gfx/_topten_arrow.png) top left no-repeat;
}

.thinframe p {
	margin-top: 3px;
	margin-bottom: 7px;
	padding: 0;
}

#right {
	float: right;
	width: 161px;
	margin:0; padding:0;
}

#upoutavky {
	border: 0px solid #A0A0A0;
	background-color: #B7B7B7;
	margin-top: 10px;
	padding: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
}

#upoutavky h3 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	
}

#center {
	float: left;
	width: 415px;
	margin-left: 11px;
}

#bigcenter {
	float: left;
	margin-left: 11px;
	width: 586px;
}

/* IKONY PRUVODCU */

#bigbuttons {
	height: 205px;
}

#bigbuttons a {
	display: block;
	width: 202px;
	height: 191px;
}

#bigbuttons a#first_wizzard {background:url(../gfx/first_wizzard.png) top left no-repeat;}
#bigbuttons a#second_wizzard {background:url(../gfx/second_wizzard.png) top left no-repeat;}


/* IKONY AKCI A UPOUTAVEK */

#bigakce {
	margin-top: 15px;
        height: 91px;
}

#bigakce a {
        display: block;
        width: 202px;
        height: 91px;
}

#bigakce a#prvniakce {background:url(../gfx/akcebrusle.jpg) top left no-repeat;}
#bigakce a#druhaakce {background:url(../gfx/akcesleva.png) top left no-repeat;}


/* sede okno s textem */
.grayfield {
	background-color: #E3E3E3;
	padding: 10px;
	padding-top: 8px;
	padding-bottom:5px;
}

.grayfield h2 {
	margin-bottom: 0.3em; 
	margin-top: 0.5em;
}

.grayfield p {
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0.8em;
}
/*

/* okno vyber sekce */
.selectfield {
        background-color: #F0F0F0;
        padding: 10px;
}
 
.selectfield h4 {
        font-size: 13px;
        font-weight: bold;
        color: #5A7394;  
        clear: both;
        margin-bottom: 0.2em;
        margin-top: 0.2em;
}

.selectfield p {
        font-size: 1.1em;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0.8em;
}
/*

//////////////////////////////////////////////
	OBECNY VYPIS
//////////////////////////////////////////////
*/

#content .column {
	width: 200px;
	width: 48%;
	/*background: #efefef;*/
}

/* vypis s obrazky */

/* --- v obsahu*/
#center .column h2 {margin-top: 0; }
#center .column .thumblist {padding-left: 8px;}
#center .column .thumblist .item {padding-top: 8px;}
#center .column .thumblist a.thumb img {border: 1px solid #4F5356; margin: 0; padding: 0;}
#center .column .thumblist a.thumb:hover img {border: 1px solid #BE333B}
#center .column .thumblist .img {width: 70px !important;}
#center .column .thumblist .left {width: 110px;}
#center .column .thumblist h4 {margin-top: 0;}
#center .column .thumblist h4 a {color: #45697C;}
#center .column .thumblist p.cena {font-size: 1.6em; font-weight: bold; color: #9CBD39;}
#center .column .thumblist a.koupit {display: block; background:url(../gfx/vypis_kosik.gif) center right no-repeat;
	height: 22px; width: 57px; line-height: 22px;}
	
/* vypis na uvodce */

#vypis {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 414px;
	margin-top: 20px;
}

#upoutavky_sloupce {
        margin-bottom: 10px;   
        margin-left: auto; 
        margin-right: auto;
        width: 161px;
}

#upoutavky_sloupce a, #upoutavky_sloupce img {
        border: none;
}

#banner {
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 414px;
}

#banner a, #banner img {
	border: none;
}

#footer {
	clear: both;
	text-align: center;
	border-top: 1px solid #B5B5B5;
	color: #ABABAB;
	margin-top: 20px;
}

#footer a img {
	border: 0;
	margin-top: 10px;
}


/*Kulate zkurvene ramecky*/

div.dole {
	height: 4px;
	padding-bottom: 10px;
	overflow: hidden;
}

div.hore {
	height: 4px;
	line-height: 4px;
	overflow: hidden;
	margin: 0;
}

div.blue {
	background:url(../gfx/_ramec_hore_blue.gif) top center no-repeat;
}

div.blue_ramecek_dole {
	background:url(../gfx/_ramec_dole_blue.gif) top center no-repeat;
}

div.grey {
	background:url(../gfx/_ramec_hore_grey.gif) top center no-repeat;
}

div.grey_ramecek_dole {
	background:url(../gfx/_ramec_dole_grey.gif) top center no-repeat;
}

div.thin_ramecek_hore {
	background:url(../gfx/_ramec_hore_thin.gif) top center no-repeat;
}

div.thin_ramecek_dole {
	background:url(../gfx/_ramec_dole_thin.gif) top center no-repeat;
}

#druh_vypisu {
	height: 30px;
}

#druh_vypisu h3 {
	margin-top: 0px;
}


/* Vypis prodktu*/

.lista {
	background: #efefef;
	line-height: 20px;
	height: 20px;
	padding-left: 5px;
	border-top: 2px solid #ddd;
}

.lista a {
	color: #9CBD39;
}

/*****************************************************
PRUVODCI*/

#produkty input {
	height: 10px;
	margin:0px;
	padding:0px;
	font-size:10px;
}
#produkty table, #katalog table {
	width: 414px;
	width: 586px;
}


#produkty table.detail {
	width: 330px;
}

#produkty table.detail a img  {
	border:none 0px gray;
}





#produkty.siroky table.detail {
	width: 400px;
}

#produkty table.detail td.sign {
	width: 180px;
}

#produkty td {
	vertical-align: top;
}

#produkty table.sortiment, #katalog table {
	width: 98%;
	margin-bottom: 15px;
}

#produkty table th, #produkty table.detail td.sign {
	padding: 4px;
	background-color: #ddd;
	color: #666;
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding-right: 15px;
}

#produkty table th.selected {
	background-color: #fff;
}

#produkty table th a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#produkty table th.az {
	background:url(../gfx/az.gif) center right no-repeat #fff;
}

#produkty table th.za {
	background:url(../gfx/za.gif) center right no-repeat #fff;
}

#produkty table td {
	padding: 4px;
	font-size: 11px;
	vertical-align: top;
	background-color: #f5f5f5;
	/*border: 1px solid #ccc;*/
	margin: 5px;
}

#produkty table td.kod {
	text-align: right;
	color: #999;
	border-left: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#produkty table td.cena {
	text-align: right;
	font-weight: bold;
}

#produkty table.detail td.cena {
	text-align: left;
	color: #c30;
	font-size: 1.2em;
}

#produkty table tr.sudy td {
	background-color: #f9f9f9;
}

#produkty table tr.lichy td {
	background-color: #f0f0f0;
}

/* SESTAVY */

.sestava_item {
	border-bottom: 1px solid #ccc;
}

.sestava_item table, .sestava_item p.hint {
	margin-left: 20px;
}

#produkty .sestava_item table.detail td.sign {
	background: #B3BCC6;
	color: #245679;
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding-right: 15px;
}

#produkty .sestava_item table td {
	background-color: #F3F7FA;
}

#produkty .sestava_item select {
	width: 150px;
}

#produkty .sestava_item p.hint {
	font-size: 1.2em;
	font-weight: bold;
}


.checklink {
	float:left; width: 140px; white-space: nowrap;
}

#katalog table {
	width: 100%;
}

#katalog table td {
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin-left: 5px;
	padding: 10px;
	background-color: #f9f9f9;
	vertical-align: top;
}

#katalog table td img.nahled {
	margin-top: 10px;
}

#katalog table td div.right {
	width: 145px;
}

#katalog.sestavy table td div.right {
	width: 190px;
}

#katalog table td p {
	margin-top: 6px;
	margin-bottom: 6px;
}

#katalog table td h4 {
	margin-top: 8px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 130%;
}

#katalog table .cena {
	font-size: 18px;
	font-weight: bold;
	color: #9CBD39;
	margin-bottom: 10px;
	margin-top: 15px;
}



/*****************************************************
/* VELIKOST LEGEA */

#velikost_legea div.bunka img{
       float:left;
	margin: 0 5px 5px 5px;
	
}

#velikost_legea div.#bunka p{
	float:right; 
	width:300px;
	margin-top:5px;
     
}

/*****************************************************
/* KATEGORIE */


#big_kategorie {
	height: 120px;
	margin: 15px 0px 10px 0px;
}
#big_kategorie .item {
	width: 138px;
	height: 110px;
	margin-right: 11px;
	float: left;
}
#big_kategorie .item.last {
	margin-right: 0;
}

#big_kategorie .item a {
	display: block;
	width: 132px;
	padding-top: 86px;
	padding-left: 5px;
	height: 30px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#big_kategorie .item a:hover {
	text-decoration: none;
	color: #B3BCC6;
}

#big_kategorie .item#brusle {background:url(../gfx/_big_kategorie_brusle.png) left top no-repeat #fff;}
#big_kategorie .item#helmy {background:url(../gfx/_big_kategorie_helmy.png) left top no-repeat #fff;}
#big_kategorie .item#hokejky {background:url(../gfx/_big_kategorie_hokejky.png) left top no-repeat #fff;}
#big_kategorie .item#kalhoty {background:url(../gfx/_big_kategorie_kalhoty.png) left top no-repeat #fff;}

#big_kategorie .item#lapacky {background:url(../gfx/_big_kategorie_lapacky.png) left top no-repeat #fff;}
#big_kategorie .item#betony {background:url(../gfx/_big_kategorie_betony.png) left top no-repeat #fff;}
#big_kategorie .item#vesty {background:url(../gfx/_big_kategorie_vesty.png) left top no-repeat #fff;}
#big_kategorie .item#tasky {background:url(../gfx/_big_kategorie_tasky.png) left top no-repeat #fff;}

#big_kategorie .item#drevene {background:url(../gfx/_big_kategorie_drevene.png) left top no-repeat #fff;}
#big_kategorie .item#celokompozit {background:url(../gfx/_big_kategorie_celokompozit.png) left top no-repeat #fff;}
#big_kategorie .item#shafty {background:url(../gfx/_big_kategorie_shaft.png) left top no-repeat #fff;}
#big_kategorie .item#cepele {background:url(../gfx/_big_kategorie_cepele.png) left top no-repeat #fff;}

#big_kategorie .item#senior {background:url(../gfx/_big_kategorie_senior.png) left top no-repeat #fff;}
#big_kategorie .item#junior {background:url(../gfx/_big_kategorie_junior.png) left top no-repeat #fff;}



#dalsi_kategorie h4 {
	margin: 0px 5px 0px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #5A7394;
	clear: both;
}

#dalsi_kategorie p {
	margin: 5px 5px 20px 5px;
	font-size: 1.1em;
	font-weight: bold;
}

/*****************************************************
PRUVODCI*/

#kroky {
	height: 30px;
}

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

#kroky li {
	margin: 0;
	padding: 0;
	float: left;
}

#kroky li a {
	display: block;
	_display: inline-block;
	border-top: 8px solid #fff;
	height: 22px;
	line-height: 22px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #aaa;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	margin-right: 1px;
	cursor: default;
}

#kroky li a span {
	font-size: 1.2em;
}

#kroky li a:hover {
	background: #bbb;
	text-decoration: none;
}

#kroky li.selected a {
	height: 30px;
	line-height: 30px;
	border-top: none;
	font-size: 1.3em;
	background: #9CBD39;
}

#kroky li.selected a span {
	font-size: 1.4em;
}

#pruvodce_nazev {
	background-color: #5A7394;
	height: 40px;
	color: #fff;
}

#pruvodce_nazev h1 {
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	padding-top: 0.8em;
	margin-left: 15px;
	color: #fff;
}

.pruvodce_buttony_2, .pruvodce_buttony_3 {

}

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

.pruvodce_buttony_2 li, .pruvodce_buttony_3 li {
	margin: 0;
	padding: 0;
	float: left;
}

.pruvodce_buttony_2 a {
	display: block;
	width: 202px;
	height: 289px;
}

.pruvodce_buttony_3 a {
	display: block;
	width: 130px;
	height: 289px;
}

.subbuttons ul {
	margin: 0;
	padding: 0;
	margin-left: 40px;
	margin-right: 40px;
}

.subbuttons li {
	padding-bottom: 5px;
}

.subbuttons a {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em; 
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

li.yellow_subbutton, li.orange_subbutton, li.head_subbutton {
	list-style-type: none;
}
li.head_subbutton {
 padding: 5px 0px 5px 12px;
 height: 15px;
 background: #9CBD39;
}
li.head_subbutton em{
 display: block;
 float: left;
 width: 90px;
 font-style: normal;
font-size: 1.2em; 
 color: #fff;
 font-weight: bold;
 
 
}
li.yellow_subbutton  a em{ 
 display: block;
 float: left;
 width: 90px;
 font-style: normal;
 /*border: 1px solid #ccc;*/
}

li.yellow_subbutton a {
	background: #FFCC00;
}

li.yellow_subbutton a:hover {
	background: #FFEFCC;
	background: #aaa;
}

li.orange_subbutton a {
	background: #9CBD39;
}

li.orange_subbutton a:hover {
	background: #aaa;
}

#junior_senior li#junior a {
	background:url(../gfx/_pruvodce_junior.jpg) top left no-repeat;
}

#junior_senior li#senior {
	margin-left: 10px;
}
#junior_senior li#senior a {
	background:url(../gfx/_pruvodce_senior.jpg) top left no-repeat;
}

#skill_level li#zacatecnik a {
	background:url(../gfx/_pruvodce_zacatecnik.jpg) top left no-repeat;
}
#skill_level li#amater a {
	background:url(../gfx/_pruvodce_amater.jpg) top left no-repeat;
}

#skill_level li#amater, #skill_level li#profesional {
	margin-left: 11px;
}
#skill_level li#profesional a {
	background:url(../gfx/_pruvodce_profesional.jpg) top left no-repeat;
}


#komplety_chranice li#komplety a {
	background:url(../gfx/_pruvodce_komplety.jpg) top left no-repeat;
}

#komplety_chranice li#chranice {
	margin-left: 10px;
}
#komplety_chranice li#chranice a {
	background:url(../gfx/_pruvodce_chranice.jpg) top left no-repeat;
}

#comfort_level li#levne a {
	background:url(../gfx/_pruvodce_levne.jpg) top left no-repeat;
}
#comfort_level li#komfortni a {
	background:url(../gfx/_pruvodce_komfortni.jpg) top left no-repeat;
	margin-left: 10px;
}
#comfort_level li#luxusni a {
	background:url(../gfx/_pruvodce_luxusni.jpg) top left no-repeat;
	margin-left: 10px;
}

.nowrap {
	white-space: nowrap;
}

table.menustranka {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

table.velikosti {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

table.velikosti td {
	border: 1px solid #eee;
	padding: 3px;
	background: #efefef;
	overflow:visible;
}

.tabulka table {
	width: 100%;
	border: 1px solid #ddd;
	background: #f5f5f5;
	margin-bottom: 15px;
}

.tabulka table td {
	padding: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	vertical-align: top;
}

.tabulka table td.label {
	width: 40%;
	text-align: right;
	padding-right: 15px;
	color: #666;
}

.tabulka table select {
	width: 148px;
}

.tabulka table td.cena {
	text-align: right;
	padding-right: 10px;
	color: #9CBD39;
	font-weight: bold;
}

.tabulka h2 {
	padding-left: 15px;
	color: #999;
	margin-top: 1em;
}

#pruvodci {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	margin-top: 10px;
	border-top: 3px solid #efefef;
	/*height: 150px;*/
}

#pruvodci td {
	vertical-align: top;
	font-size: 1.2em;
	line-height: 1.45em;
}

#pruvodci td a {
	color: #9CBD39;
}

#pruvodci ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	margin-right: 25px;
}

#pruvodci li {
	margin: 0;
	padding: 0;
}


/*
---------------------------------------------------------------------------------------------------
 formulare
--------------------------------------------------------------------------------------------------- 
*/

/*#leftcolumn form, #rightcolumn form {
	padding-left: 5px;
}*/

.column input.input {width: 80%; margin-left: 0px; margin-bottom: 10px; margin-top: 3px;}
.column label {margin-left: 0px;}
.column.left input.input, .column.left label {margin-left: 15px;}
.column.right input.input, .column.right label {margin-left: 5px;}

/* zpusob dorucni v kosiku */

ul.radio {list-style: none;}
ul.radio input.radio {margin-right: 15px;}
ul.radio h4 {margin-top: 0.2em;	margin-bottom: 0.3em;}
ul.radio p {margin-bottom: 0.3em;font-size: 0.85em;}
ul.radio div.popis {width: 350px;}
ul.radio .cena {color: #808082;}
ul.radio .cena strong {color: #696969;}

.kusy {
	text-align: center;
}
.kusy input.input {color: #45697C; border: 1px solid #45697C; width: 15px; text-align: right; padding-right: 3px;}
.kusy input.button {background: #45697C; color: #fff; border: none; _padding-top: 0; 
	cursor: pointer; padding: 2px; padding-bottom: 1px; padding-top: 1px; font-weight: bold;}
.kusy input.button.delete {background: #C7570C;}
.kusy input.button:hover {background: #9CBD39;}

input.koupit.button {
	display: block;
	background:url(../gfx/vypis_kosik.gif) center right no-repeat;
	height: 22px !important;
	width: 53px;
	padding-left: 0;
	text-align: left;
	border: none;
	padding-bottom: 2px !important;
	cursor: pointer;
	text-decoration: none;
	color: #9CBD39;
}

input.koupit.button:hover {text-decoration: underline;}

/* KOSIK */

table#stav_kosiku {
	width: 100%; font-size: 1.1em;
}

table#stav_kosiku th {
	background: #B6B6B6; color: #fff; font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	/*border-bottom: 10px solid #fff;*/
	font-size: 0.95em;	
}

table#stav_kosiku td {padding: 2px;padding-left: 6px; /*vertical-align: top*/; background-color: #efefef;}
table#stav_kosiku td.nazev a {font-weight: bold;}
table#stav_kosiku td.cena {text-align: right; font-weight: bold;}
table#stav_kosiku td.kusy {white-space: nowrap; font-size: 1.1em;}

#kroky ul {
	margin: 0;
	padding: 0;
	height: 22px;
}

#kroky ul.guide li {
	/*display: block;*/
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.05em;
	padding-left: 0px;
	padding-right: 12px;
	padding-left: 10px;
	background: #A0A0A0;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-weight: bold;
	margin-right: 1px;
}

#kroky ul.guide li.done {background: #45697C;}
#kroky ul.guide li.selected {background: #9CBD39;}


.fotoGalery {
        text-align: center; 
        margin-top: 10px;
}


.fotoGalery img {
	border:solid 1px gray;
}