html, body {
	background-color: White;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Trebuchet MS";
}
.vse
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
img, a
{
	border: 0px;
	text-decoration: none;
}
.vrch
{
	width: 980px;
	height: 30px;
	background-color: #CC3300;
	color: White;
	line-height: 30px;
}
.vrch a
{
	color: White;
	text-transform: uppercase;
	font-weight: bold;
	font-size: small;
}
.vrch_pasek
{
	background-image: url(img/vrch_pasek.jpg);
	float: left;
	background-repeat: no-repeat;
	height: 30px;
	background-position: right;
	padding-right: 50px;
	font-size: medium;
	margin-left: 15px;
}
.vrch_pasek a:hover
{
	color: Black;
}
.vrch2
{
	width: 980px;
	height: 200px;
}
.vrch2 img
{
	float: left;
}
.vrch_blok
{
	height: 160px;
	border-left: 1px solid #CCCCCC;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 320px;
	color: #CC3300;
	font-size: small;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 50px;
}
.vrch_blok h1
{
	font-size: medium;
	margin-top: 1px;
	margin-bottom: 3px;
}
.h1_class
{
	font-size: medium;
	margin-top: 1px;
	margin-bottom: 3px;
	font-weight: bold;
}
.vrch_blok2
{
	height: 120px;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
}
.vrch_blok2 img
{
	height: 120px;
}
.vrch3
{
	width: 980px;
	height: 30px;
	background-image: url(img/lista_prechod.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid Black;
   border-top: 1px solid Black;
	color: White;
	line-height: 30px;
}
.vrch_pasek2
{
	float: left;
	height: 30px;
	font-size: medium;
	margin-left: 10px;
	margin-right: 30px;
}
.vrch_pasek2 a
{
	color: White;
}
.vrch_pasek2 a:hover
{
	color: Black;
}
.vrch_kosik
{
	float: right;
	height: 30px;
	font-size: medium;
	margin-left: 10px;
	margin-right: 30px;
	line-height: 30px;
}
.vrch_kosik a
{
	color: White;
	text-transform: uppercase;
}
.vrch_kosik a:hover
{
	color: Black;
}
.spodek
{
	width: 980px;
}
.levo
{
	width: 210px;
	float: left;
}
.menu
{
	border: 2px solid #CCCCCC;
	width: 200px;
	margin-top: 10px;
}
.menu a
{
	color: Black;
	font-size: medium;
}
.menu h2
{
	color: #CC3300;
	font-size: medium;
	text-align: center;
	text-transform: uppercase;
}
.menu dir
{
	list-style-type: square;
	color: #CC3300;

}
.menu li
{
	color: Black;
	font-size: medium;
	margin-top: 4px;
}
.stred
{
	width: 740px;
	color: #CC3300;
	font-size: small;
	margin-top: 10px;
	border-bottom: 1px solid #CC3300;
	float: left;
	padding-bottom: 10px;
	padding-top: 5px;
}
.stred img
{
	float: left;
	height: 150px;
	margin-right: 30px;
	margin-left: 15px;
	padding-top: 0px;
}
.show
{
	width: 770px;
	float: left;
	margin-top: 10px;
}
.show h1
{
	text-align: center;
	color: #CC3300;
}
.vyr_levo
{
	width: 385px;
	float: left;
}

.vyr_levo dir
{
	list-style-type: circle;
	padding-left: 15px;
}

.vyr_pravo
{
	width: 380px;
	float: left;
}
.kostka
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_top
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_top.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_10
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_10.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_20
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_20.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_30
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_30.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_40
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_40.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_50
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_50.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_10_top
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_10_top.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_20_top
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_20_top.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_30_top
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_30_top.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_40_top
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_40_top.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.kostka_50_top
{
	width: 250px;
	float: left;
	height: 240px;
	font-size: small;
	background-image: url(img/koska_pozadi_50_top.jpg);
	background-repeat: no-repeat;
	padding: 2px;
}
.show dir
{
	list-style-type: none;
}
.show p
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 12px;
}
.show h3
{
	text-align: center;
	color: #CC3300;
	margin-bottom: 1px;
	font-size: medium;
}
.show h4
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 10px;
}
.show img
{
	margin-right: 10px;
	float: left;
}
.kostka_fto
{
	width: 80px;
	float: left;
	overflow: hidden;
	margin-right: 2px;
}
.kostka_detail img
{
	width: 68px;
	height: 27px;
}
.kostka_vyrobek_dalsi_fotky
{
	width: 379px;
	float: left;
	border: 1px solid #CC3300;
	padding-bottom: 5px;
}
.kostka_vyrobek_dalsi_fotky img
{
	margin-left: 5px;
	margin-top: 10px;
}
.dostupne_napis
{
	text-align: center;
	text-transform: uppercase;
	font-size: small;
	color: #CC3300;
	margin-top: 5px;
	font-weight: bold;
}
.kostka_vyrobek_koupit
{
	width: 379px;
	float: left;
	height: 300px;
}
.kostka_vyrobek_koupit dir
{
	list-style-type: circle;
	padding-left: 15px;
}
.koupit_poc
{
	float: left;
	margin-top: 5px;
}
.koupit_tla
{
	float: left;
	margin-bottom: 12px;
	margin-left: 3px;
}
.kostka_vyrobek img
{
	float: left;
	margin-right: 20px;
}
.clear
{
	clear: both;
}
.clear_left
{
	clear: left;
}
.pata
{
	width: 980px;
	height: 20px;
	background-color: #CC3300;
	color: White;
	line-height: 20px;
	margin-top: 10px;
}
.kosik_kostka
{
	width: 600px;
	height: 170px;
	float: left;
}
.kosik_pan1
{
	width: 150px;
	text-align: left;
	float: left;
	height: 30px;
	line-height: 30px;
}
.nakupni_kosik
{
	width: 570px;
	margin-left: 0px;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 10px;
}
.kosik_id
{
	background-color: #FFE4E7;
	width: 30px;
	float: left;
	font-weight: bold;
	height: 30px;
	color: Black;
	line-height: 30px;
}
.kosik_id2
{
	background-color: #F6F6F6;
	width: 30px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}
.kosik_nazev
{
	background-color: #FFE4E7;
	width: 159px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	text-align: left;
}
.kosik_nazev2
{
	background-color: #F6F6F6;
	width: 159px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
	text-align: left;
}
.kosik_kusu
{
	background-color: #FFE4E7;
	width: 57px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_kusu2
{
	background-color: #F6F6F6;
	width: 57px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}
.kosik_cena_bez_dph
{
	background-color: #FFE4E7;
	width: 100px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_cena_bez_dph2
{
	background-color: #F6F6F6;
	width: 100px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}
.kosik_cena
{
	background-color: #FFE4E7;
	width: 67px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_dph
{
	background-color: #FFE4E7;
	width: 57px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_dph2
{
	background-color: #F6F6F6;
	width: 57px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}

.kosik_cena2
{
	background-color: #F6F6F6;
	width: 67px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}
.kosik_celkem
{
	background-color: #FFE4E7;
	width: 100px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_celkem2
{
	background-color: #F6F6F6;
	width: 100px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}
.kosik_cel_bez
{
	background-color: #FFE4E7;
	width: 180px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_dph
{
	background-color: #FFE4E7;
	width: 57px;
	float: left;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_dph2
{
	background-color: #F6F6F6;
	width: 57px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
}
.kosik_cel_s
{
	background-color: #FFE4E7;
	width: 200px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_pred
{
	background-color: #FFE4E7;
	width: 133px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_bez2
{
	background-color: #F6F6F6;
	width: 180px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
	font-weight: bold;
}
.kosik_cel_s2
{
	background-color: #F6F6F6;
	width: 200px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: Black;
	font-weight: bold;
}
.kosik_cel_pred2
{
	background-color: #F6F6F6;
	width: 133px;
	float: left;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
}
       .hidden
       {
        display: none;
       }
       .visible
       {
	display: inline;
}
.pokladna_p
{
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	margin-bottom: 2px;
}
.pokladna_inp 
{
	margin-bottom: 20px;
}
.pokladna_inp p
{
	font-size: 12px;
	margin: 0px;
}
.pokladna h4
{
	font-size: 12px;
}
.dost_v_bar
{
	font-size: 10px;
	width: 145px;
	float: left;
	padding-right: 5px;
	margin-bottom: 1px;
	margin-top: 2px;
	overflow: hidden;
	height: 90px;
}