html {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 12px;
	background-image: url("texture_bottom.jpg");
	background-repeat: repeat;
	background-position: top center;
}
body {
	margin: 0px;
	padding: 0px;
 	 background-image: url("texture.jpg");
	background-repeat: repeat-x;
	background-position: top center;
	min-height: 800px;
}

#hlavni {
	width: 725px;
	height: 715px;
	vertical-align: top;
	background-image: url("image.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

#hlavni .top_left {
	width: 221px;
	height: 338px;
	vertical-align: top;
}
#hlavni .top_right {
	height: 338px;
	vertical-align: top;
}

#hlavni .bottom_left {
	width: 185px;
	vertical-align: top;
	padding-left: 36px;
	padding-top: 5px;
	color: #666666;
	height: 372px;
}
#hlavni .bottom_right {
	vertical-align: top;
	padding-left: 15px;
	padding-right: 30px;
	color: #333333;
	font-size: 12px;
}
#hlavni .ikonky {
	margin-top: 50px;
	margin-left: 300px;	
}
#hlavni .ikonky a {
	margin-left: 10px;
	float: left;
}
#hlavni .top_left h1 {
	color: #5E5E5E;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 90px;
	font-size: 18px;
	text-align: center;
}
#hlavni .top_left h1 span {
	font-size: 15px;
}
#hlavni .top_left .nadpis {
	color: #BD0402;
	font-size: 14px;
	font-weight: bolder;
	font-size: 11px;	
	padding-left: 25px;
}
#hlavni .bottom_left a {
	color: #B80C18;
	text-decoration: none;
}
#hlavni .bottom_left a:hover {
	color: #000000;
	text-decoration: underline;
}
#hlavni .bottom_right h1,h2{
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 0px;
	font-size: 16px;
}
#hlavni .bottom_right h3,h4{
	margin-top: 5px;
	padding: 0px;
	font-size: 14px;
}
#hlavni .bottom_right a {
	color: #B80C18;
	text-decoration: none;
}
#hlavni .bottom_right a:hover {
	color: #000000;
	text-decoration: underline;
}
#hlavni .roler {
	height: 330px;
	overflow:auto;
}


#odkazy {
	vertical-align: top;
	margin-top: 56px;
	margin-left: 80px;
	margin-bottom: 0px;
	margin-right: 0px;
}
#odkazy a {
	display: block;	
	width: 134px;
	height: 32px;
	float: left;
	color: #595959;
	font-variant:small-caps;
	text-decoration: none;
	font-weight: bolder;
	font-size: 14px;
}
#odkazy a:hover {
	color: #000000;
	text-decoration: underline;
}

#podpis {
	text-align: center;	
	color: #666666;
	font-size: 11px;
}
#podpis a {
	color: #333333;
	text-decoration: none;
	font-weight: bolder;
}
#podpis a:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bolder;
}

#doporucujeme {
	width: 680px;
	vertical-align: top;
	color: #999999;
	font-size: 10px;
	text-align: justify;
}
#doporucujeme h4 {
	color: #999999;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#doporucujeme a {
	color: #777777;
	text-decoration: none;
}
#doporucujeme a:hover {
	color: #000000;
	text-decoration: underline;
}



/* STRANKY KOSIKU */

.stranky_kosiku {
	position:relative;
	width:100%;
	height:110px;
	top:10px;
	display: block;
	text-align: center;
}
.prvni_kosik {
    position:relative;
	float:left;
	width:80px;
	height:100px;
}
.druhy_kosik {
    position:relative;
	float:left;
	width:80px;
	height:100px;
}
.treti_kosik {
    position:relative;
	float:left;
	width:80px;
	height:100px;
}
.ctvrty_kosik {
    position:relative;
	float:left;
	width:80px;
	height:100px;
}
.top_odkaz_1 a {
    position:relative;
	float:left;
	width:80px;
	background-repeat:no-repeat;
	background-image:url("jedna.png");
	height:50px;
	left:10px;
}
.top_odkaz_2 a {
    position:relative;
	float:left;
	width:80px;
	background-repeat:no-repeat;
	background-image:url("druhy_r1_c1.png");
	height:50px;
	left:10px;
}
.top_odkaz_3 a {
    position:relative;
	float:left;
	width:80px;
	background-repeat:no-repeat;
	background-image:url("druhy_r1_c3.png");
	height:50px;
	left:10px;
}
.top_odkaz_4 a {
    position:relative;
	float:left;
	width:80px;
	background-repeat:no-repeat;
	background-image:url("druhy_r1_c5.png");
	height:50px;
	left:10px;
}
.top_odkaz_1 a:hover {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r3_c1.png");
	height:50px;
	left:10px;
}
.top_odkaz_2 a:hover {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r1_c3.png");
	height:50px;
	left:10px;
}
.top_odkaz_3 a:hover {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r1_c5.png");
	height:50px;
	left:10px;
}
.top_odkaz_4 a:hover {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r1_c7.png");
	height:50px;
	left:10px;
}
.top_odkaz_1_sviti {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r3_c1.png");
	height:50px;
	left:10px;
}
.top_odkaz_2_sviti {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r1_c3.png");
	height:50px;
	left:10px;
}
.top_odkaz_3_sviti {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r1_c5.png");
	height:50px;
	left:10px;
}
.top_odkaz_4_sviti {
    position:relative;
	float:left;
	width:50px;
	background-repeat:no-repeat;
	background-image:url("druhy_hover_r1_c7.png");
	height:50px;
	left:10px;
}
.top_odkaz_text a {
    position:relative;
	float:left;
	top:10px;
	left:0px;
	width:70px;
	text-align:center;
}
.sipky_mezi_kosikem {
    position:relative;
	float:left;
	width:50px;
	height:50px;
	background-image:url("sipky_mezi_kosikem.jpg");
	background-repeat:no-repeat;
	background-position: center center;
}

/* STRANKY KOSIKU - KONEC */

/* KOŠÍK - PRVNÍ STRÁNKA */
.zahlavi_kosiku {
    position:relative;
	width:99%;
	height:50px;
	background-color:#D2D8DB;
	border:1px solid #8C99A4;
	margin-bottom:5px;
	padding-left: 3px;
}
#zahlavi_jmeno {
    position:relative;
	float:left;
	color:#000000;
	font-size:12px;
	top:17px;
	left:5px;
}
#zahlavi_kus {
    position:relative;
	float:left;
	color:#000000;
	font-size:12px;
	top:17px;
	left:130px;
}
#zahlavi_cena {
    position:relative;
	float:right;
	color:#000000;
	font-size:12px;
	top:17px;
	right:60px;
}
.tabulka_kosik {
    border:1px solid #8C99A4;
	position:relative;
	width:100%;
	margin-bottom: 10px;
}
.tabulka_kosik td {
    border:0px;
	font-size:12px;
}
#tabulka_udaje {
    border:1px solid #63B2E7;
	position:relative;
	margin-bottom: 10px;
	font-size:12px;
	color:#333333;
	margin-top:10px;
}
#tabulka_udaje td{
	vertical-align: top;
}
#tabulka_udaje h3{
	font-size:15px;
	color:#333333;
	padding: 0px;
	margin: 0px;
}
input.pocet_kusu {
	width: 30px;
}
.hlavicka {
    background-color: #D2D8DB;
	height: 20px;
	font-weight: bolder;
	text-align: center;
	color:#000000;
}
.cara_table {
	border-top: 2px solid #CCCCCC;
}
.celkem_platba {
    background-color: #8C99A4;
	height: 20px;
	font-weight: bolder;
	text-align: center;
}
.celkem_platba_1 {
    background-color: #8C99A4;
	height: 20px;
	color:#FFFFFF;
	font-weight: bolder;
	text-align: center;
}
.tabulka_nadkosikem {
    border:1px solid #8C99A4;
	margin-bottom:5px;
}
.vymaz {
    border:1px solid #8C99A4;
	padding-right:10px;
	width: 20px;
}
.vymaz a {
    color:#FF5D05;
	font-size:12px;
	text-decoration:underline;
}
.vymaz a:hover {
    color:#FF5D05;
	font-size:12px;
	text-decoration:none;
}

.jmeno_1 {
    border:1px solid #8C99A4;
	color:#333333;
	font-size:12px;
	padding-left:15px;
}
.kusy {
    border:1px solid #8C99A4;
}
.cena_k {
	padding-left:15px;
	font-size:13px;
	color:#333333;
	margin-top:10px;
	text-align: left;
}
.pocet_kusu_1 {
    border:1px solid #8C99A4;
	background-color:#D2D8DB;
	color:#000000;
	margin-left:3px;
	margin-right:3px;
	width:30px;
	text-align: center;
}
.prepocitani {
	width:99%;
	height:50px;
	position:relative;
	border:1px solid #8C99A4;
	background-color:#D2D8DB;
	margin-top:5px;
	padding-left: 3px;
}
.prepocitani_odkaz {
    position:relative;
	width:100px;
	height:27px;
	left:200px;
}
.input_prepocitat {
    border:1px solid #8C99A4;
	background-color:#FFFFFF;
	color:#660033;
}
.inpt_pre {
    border:1px solid #8C99A4;
	background-color:#FFFFFF;
	color:#000000;
}
.prepocitana_cena {
	color: #000000;
	font-size:16px;
	font-weight:bolder;
	position:relative;
	float:right;
	right:20px;
	top:14px;
}
.prepocitani_text {
    position:relative;
	float:left;
	color:#000000;
	top:17px;
}
.pokracuj {
	width:100%;
	height:38px;
	position:relative;
	margin-top:10px;
}
.levy_pokracuj a {
	color: #912523;
	font-size:12px;
	background-repeat:no-repeat;
	position:relative;
	width:105px;
	height:20px;
	text-decoration:none;
}
.levy_pokracuj a:hover {
	color: #000000;
	position:relative;
	text-decoration:underline;
	font-size:12px;
	width:105px;
	height:20px;
}
.pravy_pokracuj {
	position:relative;
	float:right;
}
.pravy_pokracuj input{
	padding: 0px;
	margin: 0px;
}
.pravy_pokracuj a {
	position:relative;
	text-align: right;
	float:right;
	color: #912523;
	text-decoration:none;
	font-weight:bold;
	width:105px;
	height:20px;
}

.pravy_pokracuj a:hover {
	position:relative;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	width:105px;
	height:20px;
}
.pravy_pokracuj_1 {
	position:relative;
	float:right;
}

.pravy_pokracuj_1 a {
	position:relative;
	float:left;
	color: #912523;
	text-decoration:none;
	font-weight:bold;
	width:105px;
	height:20px;
	left:40px;
}

.pravy_pokracuj_1 a:hover {
	position:relative;
	float:left;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	width:105px;
	height:20px;
}
/* KOŠÍK - PRVNÍ STRÁNKA - KONEC */

/* VÝBER PLATBY */
.vyber_platby {
    position:relative;
	width:100%;
}
.left_platby {
    position:relative;
	float:left;
	width:56px;
}
.top_platby {
    position:relative;
	float:left;
	width:56px;
	height:56px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	margin-bottom:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.center_platby {
    position:relative;
	float:left;
	width:56px;
	height:86px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	margin-bottom:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.bottom_platby {
    position:relative;
	float:left;
	width:56px;
	height:86px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.right_platby {
    position:relative;
	float:right;
	width:440px;
}
.top_right_1 {
    position:relative;
	float:left;
	width:420px;
	height:36px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	margin-bottom:5px;
	padding:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.center_right {
    position:relative;
	float:left;
	width:420px;
	height:66px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	margin-bottom:5px;
	padding:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.bottom_right_1 {
    position:relative;
	float:left;
	width:420px;
	height:66px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	padding:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#top_platky_input {
    position:relative;
	left:15px;
	top:20px;
}
.platby_input {
    position:relative;
	left:15px;
	top:35px;
}
.radek_platby {
    position:relative;
	float:left;
}
.doprava_left {
	width: 60px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}
.doprava_center{
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	text-align: left;
	vertical-align: top; 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
.doprava_right{
	width: 80px;
	background-color:#FFFFFF;
	border:1px solid #8C99A4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bolder;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}



/* VÝBER PLATBY - KONEC */

/* DOKONCENÍ OBJEDNÁVKY */
/* DOKONCENÍ OBJEDNÁVKY */
#oramovani {
	margin-top: 10px;
	border: 1px solid #8C99A4;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    position:relative;
	width: 95%;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
#oramovani h3 {
	color:#020203;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:0px;
	margin-left:0px;
}
#oramovani .cervena {
	color:#EB0000;
}
.top_dokonceni {
    position:relative;
	float:left;
	width:503px;
	height:350px;
}
.top_dokonceni_left {
    position:relative;
	float:left;
	width:56px;
	height:56px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.top_dokonceni_right {
    position:relative;
	float:right;
	height:37px;
	width:423px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:19px;
	padding-left:15px;
}
.top_dokonceni_right a {
    color:#EF5A00;
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
}
.top_dokonceni_right a:hover {
    color:#EF5A00;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
.top_dokonceni_text {
    position:relative;
	float:left;
	width:481px;
	height:274px;
	border:1px solid #CCCCCC;
	background-color:#E6E6E6;
	margin-top:5px;
	padding:10px;
}
.center_dokonceni {
    position:relative;
	float:left;
	width:503px;
	height:300px;
	margin-top:14px;
	margin-bottom:20px;
}
.center_dokonceni_left {
    position:relative;
	float:left;
	width:56px;
	height:56px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;

}
.center_dokonceni_right {
     position:relative;
	float:right;
	height:37px;
	width:423px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:19px;
	padding-left:15px;
}
.center_dokonceni_text {
    position:relative;
	float:left;
	width:481px;
	height:224px;
	border:1px solid #CCCCCC;
	background-color:#8C99A4;
	margin-top:5px;
	padding:10px;
	
}
.bottom_dokonceni {
    position:relative;
	float:left;
	width:503px;
	height:200px;
	margin-bottom:10px;
}
.bottom_dokonceni_text {
    position:relative;
	float:left;
	width:481px;
	height:180px;
	border:1px solid #CCCCCC;
	background-color:#8C99A4;
	padding:10px;
}
.uz_sem_nakupoval {
    position:relative;
	left:18px;
	top:20px;
}

.textarea_dokonceni {
    width:477px;
	height:150px;
	border:1px solid #CCCCCC;
}
.dokonci_obednavku {
    position:relative;
	float:right;
	width:90px;
	height:26px;
	margin-bottom:10px;
}
.dokonci_obednavku_1 {
    position:relative;
	float:right;
	width:90px;
	height:26px;
	margin-bottom:10px;
	left:70px;
}

.dokonci_obednavku a {
    position:relative;
	float:left;
	background-image:url("odeslat_r2_c4.jpg");
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	width:105px;
	height:20px;
	font-size:14px;
	left:70px;

}
.dokonci_obednavku a:hover {
    position:relative;
	float:left;
	background-image:url("odeslat_r2_c4.jpg");
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	width:105px;
	height:20px;
	font-size:14px;

}
.registrace_input {
    width:150px;
	height:18px;
	border:1px solid #8C99A4;
	position:relative;
}
.poznamka_obj {
    width:403px;
	height:80px;
	border:1px solid #8C99A4;
	position:relative;
}
.textarea_reg {
    width:200px;
	height:100px;
	border:1px solid #8C99A4;
	position:relative;
}
.goo {
    position:relative;
	top:10px;
	z-index:10;
}
/* DOKONCENÍ OBJEDNÁVKY - KONEC */