body {
font: bold 7.5pt/1.4em verdana,Arial;
padding: 0;
margin: 0;
background: url(../layout/dlahy_kruh_copy.png) top center no-repeat;
}
a img {border-style: none;}
h1 {
font-size: 11pt;
font-family: arial;
color: black;
text-align: right;
clear: both;
background: url(../img/carka1.gif) repeat-x top;
height: 77px;
padding: 10px 10px 0 0;
margin: 0;
line-height: 1.3em;
}
h1 img {
float: left;
margin-left: 4px;
margin-top: -6px;
}
h2 {
padding: 0px;
height: 22px;
font-size: 10px;
margin: 3px;
float: left;
color:#007;
}
h2 span {font-size: 7pt; font-weight: normal;}
h3 {
color: #003399;
font-size: 9.5pt;
margin-bottom: 8px;
margin-top: 0;
}
h4 {
color: #039;
font-size: 10pt;
margin: 17px 0 10px 5px;
}
h5{
color: #ff0000;
font-size: 10pt;
margin: 8px 0;
}
#reg{font-size: 9.5pt; letter-spacing: -1px;}
h6 {
background: url(../img/lista.gif) repeat-x top;
clear: both;
margin: 3px 0 0 0;
height: 20px;
padding: 4px 0 0 8px;
font-size: 15px;
color: #006;
}
#h7 {
height: 33px;
background: url(../img/carka6.gif) repeat-x top;
font-size: 10pt;
padding: 5px 0 0 15px;
}
#h8 {
float: left;
margin: 3px 0 20px 5px;
color: black;
width: 108px;
height: 35px;
}
a{color: #663366;}	
a:hover {text-decoration: none;}

							/****** ALL *******/
#all {
width: 980px;
margin: 0 auto;
}


							/****** HEAD *******/
#head{
background: url(../img/head.jpg) no-repeat right top;
height: 103px;
margin: 2px 0;
padding: 3px;
position: relative;
}
#head p {
margin:0 0 3px 7px;
font-weight: bold;
font-size: 10.5px;
line-height: 13px;
}

#banner {
	top: 0px;
	right: 0px;
	position: absolute;
}

.jazyk {margin: 0 10px 0 7px;}
a:hover .jazyk {margin-bottom: -2px;}

#head2 { margin: 5px; font-size: 32pt;}
#head2 a {color:#00008f; text-decoration: none;}

							/****** CONTENT *******/
#content {background: white;}

							/****** LEFT *******/
#left {
width: 200px;
float: left;
background: url(../img/left.jpg) repeat-x top;
}
#left a {color: #000066;}
#left li {margin: 3px 0;}
#left ul {
list-style:none;
margin:0;
padding: 0 10px;
}

				/****** PRIHLJEN� *******/
#left form {margin-top: 0px;}
#prihl_left {
float: left;
padding-left: 5px;
color: #000066;
font-weight: normal;
}
#prihl_left span{line-height: 21px;}
#prihl_right {float: right;padding-right: 7px;}
#prihl_right input{width: 125px;margin-bottom: 2px; height: 14px;}
.sub {
font-size: 10px;
font-weigh: bold;
background: #6fDfff;
border: 1px solid #0fAfff;
margin: 4px 0 0 5px;
}
.sub:hover {color: #990000;}
#left form a {
font-weight: normal;
color: #000066;
margin-left: 10px;
font-size: 7pt;
}
#vyhledavani label {display: block;color: #000066;}
#hledat {width: 100px;height: 14px;}
#hledat_sub {background: white;}
#vyhledavani {padding-left: 10px;}


							/****** MAIN *******/
#main {
width: 606px;
background: url(../img/lista.gif) repeat-x top;
margin: 0 0 0 2px;
float: left;
padding: 0 0 20px 10px;
}
#lista {
background: red;
list-style: none;
margin: 0; padding: 0;
margin-top: 4px;
}
#lista li {display: inline;float: left;margin: 0 15px;}
#lista a {font-size: 12px;color: #000066;}
#lista a:hover {color: #1141a0;text-decoration: none;}
.navigacetop {
color: #000066;
font-size: 7.5pt;
margin: 40px 0 15px 0;
clear: both;
}
.navigacetop a {color: #000066;}

				/****** PL�NOVAN� AKCE *******/
#akce {
padding-top: 7px;
margin-bottom: 25px;
background: url(../img/carka2.gif) repeat-x top;
clear: both;
}
.odsazene {
display:block;
margin-bottom: 3px;
font-size: 8pt;
padding-left: 8px;
background: url(../img/tecka.gif) no-repeat left 50%;
}
#akce p {margin: 0;}
#akce_left {
display: block; 
width: 470px;
}
#akce_right {
float: right;
width: 112px;
padding-top: 20px;
padding-left: 8px;
}
#akce_right a{
display: block;
margin: 0 0 10px 0;
font-size: 8pt;
}
#odrazka {
height: 20px;
clear: both;
display: block;
margin-top: 5px;
}
#left ul li #this {color: #ff6633;}

				/****** OBJEDN�VKA *******/
.krok {width: 80px;height: 23px;font-size: 13px;color: #006;background: url(../img/lista.gif) repeat-x top;text-align: center;padding-top: 4px;float: right;margin: 40px 0 0 3px;}
#krok_b {background: url(../img/carka3.gif) repeat-x top;}
.align_left {float: left;}
.align_right {float: right;}
#povinna_pole {color: red;font-weight: normal;margin: 0;clear: both;}
#povinna_pole code{font-weight: bold;}
#obj1 {width: 600px; clear: both;}
.red {color: red; font-size: 15px;}
.coto {color: red; font-size: 9px; font-weight: normal;}
.ks {width: 22px;}
.td1 {text-align: center; width:60px;}
.td2 {text-align: right; width: 90px;}
#podtrh {height: 7px; background: url(../img/carka2.gif) repeat-x top; margin: 3px 0; clear: both;}
.modry{width: 145px; font-size: 13px; text-align: center; padding-left: 0; background: url(../img/carka6.gif) repeat-x top; height: 80px;float: left;}
#radia {text-align: left; width: 200px; padding-left: 30px; float: left;}
#popis{font-weight: normal;}
#zobrazit{margin: 10px 0;float: left;}
#zobrazit_1{font-size: 9.5pt}
#zobrazit_1 select {margin-left:10px;}
#zobrazit_2 {font-size: 8pt;}
#zobrazit_2 input {margin-left: 7px;}
#strana { margin-top: 6px;}
#strana a {color: #0bb7cf;}

							/****** RIGHT *******/
#right {
float: right;
width: 148px;
background: url(../img/lista.gif) repeat-x top;
padding-left: 12px;
}
#right a {color: #000066;}
#kosik {
color: #000066;
margin-top: 5px;
margin-bottom: 20px;
}
#right p {margin: 0 0 7px 0;}
#datum {font-weight: normal;}
#body {color: #007; font-size: 8.5pt; margin: 20px; float: left; display: block;}

							/****** PRODUKT *******/
#prejdete {margin-bottom: 7px;clear: both; color: #cc0000; width: 400px; margin-right: 15px;}
#prejdete a {color: red;}
.produkt img {margin-left: 15px;float: left;}
#produkt_right span {float: left; color: #663366; margin-bottom: 14px;}
#ks_produkt {height: 13px; width: 22px; font-size: 12px;}
#sub_produkt {height: 18px; margin: 0;background: url(../img/carka5.gif) repeat-x; border: none; font-size: 8pt; font-weight: bold; color: #636; text-decoration: underline;}
#sub_produkt:hover {text-decoration:none;}
#produkt_right {float: right; width:180px;}
#baleni {width: 80px;}
#baleni label{float: left;height: 17px; }
#baleni input {padding: 0; margin:0; height: 17px;}
#baleni span {color: black; width: 55px;float: left; margin-top: 3px;}
#cena_bal {float: right; width: 90px; line-height: 17px; margin-top: -2px; }
.do_kosiku {clear: both; margin: 1px 0 0 10px;}
.do_kosiku input {width:20px; height: 14px;}
#sub3{font-size: 7.5pt; font-weight: bold; color:#006; height: auto; width: auto; background: url(../img/kosik.gif) no-repeat left; padding-left: 10px;border: hidden;}
#sub4{width: auto; height: auto; margin-top: 1px;}
#produkt { margin: 6px 2px;float: left;width: 147px;background:  url(../img/lista.gif) repeat-x top; height: 245px; overflow: hidden; }
#akce_red {color: red; float: right; margin: 3px 3px 0 0;}
#produkt .img {clear: both; text-align:center; height: 100px; margin-bottom: 25px; }
#produkt .img IMG { z-index: -1;}
#produkt p {margin: 0 9px; overflow: hidden; text-align:left;}
.s_obr {height: 61px;}
.bez_obr {clear: both; height: 144px;}
#vice {float: right; margin-right: 15px; }
.popis_produktu {
	font-weight: normal;
}

							/****** FOOTER *******/
#footer {
background: url(../img/carka2.gif) repeat-x top;
clear: both;
padding: 15px 0 0 40px;
height: 80px;
font-weight: normal;
font-size: 7pt;
}
#footer img {margin-left: 15px;}
#footer p {
float: right;
margin-right: 40px;
margin-bottom: 20px;
color: #000099;
}
#footer a {color: #000099;}

							/****** FORMUL�RE *******/
.f100 {width: 265px;}
.f20 {width: 55px; margin-right: 3px;}
.f40 {width: 88px; margin-right: 3px;}
.f80 {width: 193px;}
.f60 {width: 130px; margin-right: 3px;}
.inputy input{
height: 14px;
border-top: 1px solid #444;
border-left:1px solid #444;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
font-size: 11px;
margin-left: 0; padding:0;
margin-top: 2px;
}
.inputy code {
font-size: 15px;
color: red;
font-weight: bold;
}
.inputy{font-weight: normal;}
#vzkaz {
width: 414px;
height: 60px;
margin: 0; padding: 0;
margin-top: 2px;
clear: both;
}
#sub2 {
background: url(../img/carka5.gif) repeat-x top;
height: 20px;
font-weight: bold;
text-decoration:underline;
float: right;
padding: 0 15px;
margin-top: 10px;
}
#sub4 {
background: url(../img/carka5.gif) repeat-x top;
height: 25px;
font-size: 11pt;
font-weight: bold;
text-decoration:underline;
float: right;
padding: 0 15px;
margin-top: 10px;
color: red;
border-color: white;
}
#sub2:hover {text-decoration: none;}
#zavazne {width: 200px; line-height: 17px;}
#zavazne input{float: right; margin:0 25px 0 0; padding: 0; height: 17px; border-color: white; border: thin;}
#zavazne span {float: left; height: 17px;}
#zavazne2 {width: 340px; }
#zavazne2 h2 {width: 318px;}
#zavazne2 .noborder{border-color: white; border: thin;}
.sirka_h2 {width: 166px;}
#ubyt_input { width: 270px;}

.clear {
	clear: both;
}

.kosikblock{
	display: block;
	float: left;
	width: 245px;
	padding: 10px;
}

.kosikblock label{
	display: block;
	float: left;
	width: 90px;
}
.kosikblock label span.povinne{
	padding: 0 0 0 15px;
	background: url('../layout/star.gif') 0% 50% no-repeat;
}

.kosikblock label{
	display: block;
	float: left;
	width: 90px;
}

.kosikblock input{
	float: left;
	width: 130px;
	padding: 1px;
	font-size: 11px;
	border: 1px solid #dddddd;
	margin: 0 0 4px 0;
}
div.kostab {
  margin: 0 0 20px 0;
}

table.vypiskose {
  color: #004566;
  margin: 10px 0 0 0;
  font-size: 8pt;
}

table.vypiskose thead {
}
table.vypiskose thead tr th {
  background-color: #ddeaf0;
  font-weight: bold;
  padding: 5px 6px;
}
table.vypiskose tbody {
  font-size: 9pt;
}
table.vypiskose tfoot tr.summary td {
}

table.vypiskose td {
  font-weight: normal;
  padding: 4px 5px 4px 5px;
  border-bottom: 1px solid #f3ede8;
}


.paymenttypes{
	width: 595px;
	border: 1px solid #ddeaf0;
	background: #e1eff2;
	padding: 5px;	
}
.paymenttypes label{
	font-weight: bold;
	float: left;	
}
.paymenttypes select{
	width: 200px;
	float: right;
	margin: 3px 0;
}

.left2{    float: left;width: 150px;}
.right2{float: left;width: 250px;}

.detailleftbox {
	float: left;
	margin: 0px 10px;
	width: 250px;
	text-align: center;
}

.predata {
	float: right;
}

.razeni {
	position: absolute;
	margin-top: -30px;
	margin-left: 5px;
}

.err_msg {
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 13px;
}