html, body {
	background-color: #323232;
	margin-top: 0px;
	text-align: center;
}
img, a
{
	border: 0px;
	text-decoration: none;
	color: White;
}
h1
{
	font-size: 18px;
	font-weight: bold;
}
h2
{
	font-size: 16px;
	font-weight: bold;
}
h3
{
	font-size: 14px;
	font-weight: bold;
}
a
{
	color: White;
}
a:hover
{
	color: #e71542;
}
.vse
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2e2e2e;
	text-align: left;
}
.vrch
{
	width: 980px;
	height: 107px;
	color: White;
}
.vrch_logo
{
	width: 250px;
	height: 110px;
	float: left;
	text-align: center;
	margin-top: 10px;
	background-color: #323232;
}
.vrch_start a
{
	width: 120px;
	height: 140px;
	border-left: 1px solid #6D6D6D;
	float: left;
	background-image: url(img/start.jpg);
	background-repeat: no-repeat;
}
.vrch_start a:hover
{
	background-image: url(img/start_aktivni.jpg);
}
.vrch_provozovatel a
{
	width: 120px;
	height: 140px;
	color: White;
	border-left: 1px solid #6D6D6D;
	float: left;
	background-image: url(img/odk_provozovatel.jpg);
	background-repeat: no-repeat;
}
.vrch_provozovatel a:hover
{
	background-image: url(img/provozovatel_aktivni.jpg);
}
.vrch_oproduktech a
{
	width: 120px;
	height: 140px;
	border-left: 1px solid #6D6D6D;
	float: left;
	background-image: url(img/oproduktech.jpg);
	background-repeat: no-repeat;
}
.vrch_oproduktech a:hover
{
	background-image: url(img/oproduktech_aktivni.jpg);
}
.vrch_kontakty a
{
	width: 120px;
	height: 140px;
	border-left: 1px solid #6D6D6D;
	float: left;
	background-image: url(img/kontakty.jpg);
	background-repeat: no-repeat;
}
.vrch_kontakty a:hover
{
	background-image: url(img/kontakty_aktivni.jpg);
}
.vrch_dodani a
{
	width: 120px;
	height: 140px;
	border-left: 1px solid #6D6D6D;
	float: left;
	background-image: url(img/dodani.jpg);
	background-repeat: no-repeat;
}
.vrch_dodani a:hover
{
	background-image: url(img/dodani_aktivni.jpg);
}
.vrch_obch a
{
	width: 120px;
	height: 140px;
	border-left: 1px solid #6D6D6D;
	float: left;
	background-image: url(img/obch.jpg);
	background-repeat: no-repeat;
}
.vrch_obch a:hover
{
	background-image: url(img/obch_aktivni.jpg);
}
.obrazek_celek
{
	width: 759px;
	height: 340px;
	float: left;
}
.obrazek
{
	width: 759px;
	height: 303px;
	float: left;
	background-color: Black;
	border-top: 16px solid Black;
}
.vyber_barva
{
	width: 221px;
	height: 398px;
	float: left;
	border-top: 31px solid Black;
	line-height: 28px;
	color: White;
	font-size: 20px;
	background-color: Black;
}
.vyber_barva img 
{
	float: left;
	margin-right: 10px;
}
.vyber_barva_radek
{
	float: none;
	width: 221px;
	height: 35px;
	overflow: hidden;
	margin-top: 1px;
}
.produkt_spodek
{
	width: 759px;
	height: 110px;
	float: left;
	background-color: Black;
}
.levo
{
	width: 740px;
	float: left;
	border-left: 20px solid Black;
	border-bottom: 20px solid Black;
	background-color: #181818;
	color: White;
	display: inline;
	padding-bottom: 30px;
	text-align: left;
	font-size: 14px;
}
.levo img
{
	float: left;
	margin-right: 10px;
}
.img2
{
	float: right;
	margin-left: 10px;
}
.levo_pruh
{
	width: 285px;
	float: left;
	clear: both;
	overflow: hidden;
}
.levo_kostka
{
	width: 290px;
	float: left;
	background-color: #323232;
	height: 181px;
	margin-top: 20px;
}
.levo_kostka2
{
	width: 290px;
	float: left;
	background-color: #323232;
	height: 150px;
	margin-top: 20px;
}
.levo_vrch
{
	width: 290px;
	float: left;
	height: 30px;
	border-bottom: 1px solid Black;
	text-align: center;
	font-size: medium;
	font-weight: bold;
	line-height: 30px;
}
.levo_kostka img
{
	margin: 0px;
	float: left;
	display: inline;
}
.kosik_text
{
	width: 260px;
	float: left;
	height: 60px;
	margin: 0px;
	padding: 5px;
}
.zobrazit_kosik a
{
	width: 270px;
	float: left;
	height: 30px;
	background-image: url(img/zobrazit_kosik.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.zobrazit_kosik a:hover
{
	background-image: url(img/zobrazit_kosik_active.jpg);
	background-repeat: no-repeat;
}
.clear
{
	clear: both;
}
.pravo
{
	width: 220px;
	float: left;	
	background-color: #181818;
	display: inline;
}
.medium
{
	width: 94px;
	float: left;
	height: 125px;
	background-image: url(img/medium.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 10px;
	display: inline;
}
.large
{
	width: 94px;
	float: left;
	height: 125px;
	background-image: url(img/large.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 10px;
	display: inline;
}
.vyber_velikosti
{
	width: 220px;
	float: left;
	background-color: Black;
	line-height: 30px;
	height: 30px;
	color: White;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
.vyber_varianty
{
	width: 220px;
	float: left;
	background-color: Black;
	line-height: 30px;
	height: 30px;
	color: White;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #3D3D3D;
	display: inline;
}
.vyber_varianty_input
{
	width: 120px;
	float: left;
	margin-right: 20px;
	margin-left: 3px;
	display: inline;
}
.kusu
{
	width: 20px;
	display: inline;
}
.vyber_varianty img
{
	width: 50px;
}
.vyber_velikosti input
{
	margin-left: 20px;
}
.koupit
{
	width: 220px;
	float: left;
	line-height: 30px;
	height: 30px;
	background-image: url(img/koupit.jpg);
	background-repeat: no-repeat;
}
.tit_text
{
	float: left;
	width: 425px;
	padding: 5px;
	display: inline;
	text-align: left;
	font-size: 14px;
	margin-left: 5px;
}
.varianty_img
{
	visibility: hidden;
	display: none;
}
.nakupni_kosik
{
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 12px;
}
.kosik_id
{
	background-color: #FF5555;
	width: 40px;
	float: left;
	font-weight: bold;
	height: 30px;
	color: Black;
	line-height: 30px;
}
.kosik_id2
{
	background-color: White;
	color: Black;
	width: 40px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.kosik_id2 img
{
	margin-top: 5px;
}
.kosik_nazev
{
	background-color: #FF5555;
	width: 200px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	text-align: left;
}
.kosik_nazev2
{
	background-color: White;
	color: Black;
	width: 200px;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: left;
	font-size: 20px;
}
.kosik_nazev2_obr
{
	width: 25px;
	height: 25px;
	margin-top: 5px;
	float: left;
	margin-right: 5px;
}
.kosik_nazev2_obr img
{
	width: 25px;
	height: 25px;
	float: left;
}
.kosik_kusu
{
	background-color: #FF5555;
	width: 65px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_kusu2
{
	background-color: White;
	color: Black;
	width: 65px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.kosik_cena_bez_dph
{
	background-color: #FF5555;
	width: 120px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_cena_bez_dph2
{
	background-color: White;
	color: Black;
	width: 120px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.kosik_cena
{
	background-color: #FF5555;
	width: 80px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_dph
{
	background-color: #FF5555;
	width: 80px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_dph2
{
	background-color: White;
	color: Black;
	width: 80px;
	float: left;
	height: 35px;
	line-height: 35px;
}

.kosik_cena2
{
	background-color: White;
	color: Black;
	width: 80px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.kosik_celkem
{
	background-color: #FF5555;
	width: 120px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
}
.kosik_celkem2
{
	background-color: White;
	color: Black;
	width: 120px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.kosik_cel_bez
{
	background-color: #FF5555;
	width: 190px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_bez2
{
	background-color: White;
	color: Black;
	width: 190px;
	float: left;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}
.kosik_cel_dph
{
	background-color: #FF5555;
	width: 70px;
	float: left;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_dph2
{
	background-color: White;
	color: Black;
	width: 70px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.kosik_cel_pred
{
	background-color: #FF5555;
	width: 225px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_pred2
{
	background-color: White;
	color: Black;
	width: 225px;
	float: left;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}
.kosik_cel_s
{
	background-color: #FF5555;
	width: 220px;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	color: Black;
	margin-top: 5px;
}
.kosik_cel_s2
{
	background-color: White;
	color: Black;
	width: 220px;
	float: left;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}
.k_pokladne
{
	margin-top: 40px;
	margin-right: 30px;
	float: right;
}
.pokladna_p
{
	font-size: 12px;
	margin-bottom: 2px;
}
.pokladna_inp 
{
	margin-bottom: 20px;
}
.pokladna_inp p
{
	font-size: 12px;
	margin: 0px;
}
.pokladna h4
{
	font-size: 12px;
}

.kosik_kostka
{
	width: 400px;
	height: 170px;
	float: left;
}
.kosik_pan1
{
	width: 130px;
	text-align: left;
	float: left;
	height: 30px;
	line-height: 30px;
}
.input_pok
{
	margin-top: 2px;
	margin-bottom: 2px;
}
       .hidden
       {
        display: none;
       }
       .visible
       {
	display: inline;
}
.pata
{
	background-color: #323232;
	color: White;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	width: 760px;
	text-align: center;
}
.primabag
{
	margin-top: 50px;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	width: 270px;
	overflow: hidden;
}
.primabag img
{
	margin-left: 10px;
}
.vyber_sleva
{
	width: 110px;
	float: left;
	background-color: Black;
	line-height: 30px;
	height: 30px;
	color: Red;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	text-align: center;
}
.vyber_sleva2
{
	width: 220px;
	float: left;
	background-color: Black;
	line-height: 20px;
	color: Red;
	font-size: 18px;
	font-weight: bold;
	display: inline;
	text-align: center;
}
       .hidden
       {
        display: none;
       }
       .visible
       {
	display: inline;
}
.dodani_vanoce
{
	color: Red;
	font-weight: bold;
}
.blok_vyber
{
	background-color: Black;
	float: left;
}
