body {font-family:Arial, Helvetica, sans-serif;	font-size: 83%; background: #E91921 url(../images/bg.jpg) repeat-x top left ; margin:0; padding:0; text-align: center;}
img {border:0}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.leftf {float:left}
.rightf {float:right}
.small {font-size:10px;}
.small h1 {font-size:10px;};
.both {clear:both; font-size:5px; height:5px; width:100%}
a {font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline}

.telo { margin:0 auto; background:#EEEEEE; width:758px; border-right:4px solid #fff;border-left:4px solid #fff;}
.hlavicka { width:758px; height:118px; position:relative; background:url(../images/hlavicka_bg.jpg) left top no-repeat; }
.hlavicka .logo { position:absolute; left:3px; top:5px;}
.hlavicka .slogan { position:absolute; left:230px; top:6px; font-weight:bold; font-style:italic; color:#FF0000; text-decoration:none; font-size:13px;}
.hlavicka .ostatni1 { position:absolute; top:5px; right:0px; width:110px; height:17px; background:url(../images/ostatni_obchody.gif) no-repeat bottom left;}
.hlavicka .ostatni1 a { color:#FFFFFF; font-size:11px; line-height:15px; text-decoration:none;}
.hlavicka .ostatni2 { position:absolute; top:25px; right:0px; width:110px; height:17px; background:url(../images/ostatni_obchody2.gif) no-repeat bottom left;}
.hlavicka .ostatni2 a { color:#FFFFFF; font-size:11px; line-height:15px; text-decoration:none;}

.top-lista { text-align:left; padding-left:10px; margin-top:2px; _height:18px; background:#2266AA; border-top:1px solid #004890; border-bottom:3px solid #004890}
.top-lista * {margin:0; padding:0}
.top-lista li { display: inline; color:#FFFFFF; font-weight:bold;  display: inline; list-style-type: none;padding-right: 20px;}
.top-lista a { color:#FFFFFF; font-size:10px;}
.top-lista .zobraz,.top-lista .zobraz a,.top-lista .zobraz a:hover { font-size:12px; color:#00ff00}

/* zalozky - top */
.zalozky1, .zalozky2, .zalozky3, .zalozky4, .zalozky5 { position:absolute; bottom:-5px;left:7px;background: url(../images/zalozky.gif) top left no-repeat;}

.zalozky1 a, .zalozky2 a, .zalozky3 a, .zalozky4 a, .zalozky5 a {font-size:12px;font-weight:bold;padding:2px 0 0 0;text-decoration: none;background: url(../images/zalozky.gif) top left no-repeat;width: 88px;height: 20px;display:block;color:#000000;}

.zalozky1 a:hover, .zalozky2 a:hover, .zalozky3 a:hover, .zalozky4 a:hover, .zalozky5 a:hover , .zalozky6 a:hover , .zalozky7 a:hover , .zalozky8 a:hover {background-position: 0 -24px;width: 88px;height: 20px;display:block;color:#FFFFFF;}


.zalozky { position:absolute; bottom:-5px;left:7px;background: url(../images/zalozky.gif) top left no-repeat;}

.zalozky a {font-size:12px;font-weight:bold;padding:2px 0 0 0;text-decoration: none;background: url(../images/zalozky.gif) top left no-repeat;width: 88px;height: 20px;display:block;color:#000000;}

.zalozky a:hover  {background-position: 0 -24px;width: 88px;height: 20px;display:block;color:#FFFFFF;}


.zalozky1 {left:0px;}
.zalozky2 {left:90px;}
.zalozky3 {left:180px;}
.zalozky4 {left:270px;}
.zalozky5 {left:360px;}
.zalozky6 {left:450px;}
.zalozky7 {left:540px;}
.zalozky8 {left:630px;}
.zalozky9 {left:720px;}

.aktivni, .aktivni  a,.aktivni  a:hover   {font-size:12px;font-weight:bold;padding:2px 0 0 0px;text-decoration: none;width: 88px;height: 20px;display:block;color:#fff;background: url(../images/aktivni.gif) top left no-repeat; ; color:#00ff00}
/* zalozky - top - konec */


/* layout */
.obsah { width:760px; background:#EEEEEE;}
.levo{ width:160px; float:left; position:relative; margin-left:-160px; margin-right:0px;}
.stred{ border:solid white 0px; /*/*/ border-left: 160px solid #EEEEEE;  /* NN4 hack pro schování borders */ /*/*/ border-right: 160px solid #EEEEEE; /* NN4 hack pro schování borders  */ width: auto;  }
.pravo{ /*/*/ width:160px; /* hack NN4 */  float:right; position:relative;   margin-right:-160px;  margin-left:-3px; }
.inner{margin:4px 0 0 0; width:100%;}
.main{ float: left;  width: 440px;  position: relative;  margin: 0 -8px 0 0px; _margin: 0 -8px 0 0px; }
.main .text {text-align:left; width: 420px; margin: 0 8px 0 2px; _margin: 0 8px 0 2px;  background:#FFFFFF; padding:3px; float:left; border:1px solid #D5D5D5;}
.main .text .box {}
.paticka{ height:30px;  width:100%;  background:url(../images/paticka.gif) repeat-x left top }
 /* layout - konec */

.input { background:#F4F4F4; border:1px solid #ACACAC; width:138px; font-size:12px; color:#333333; margin:0; padding:0;}
.button { float:right; width:61px; height:16px; border:0px; background:url(../images/hledat.gif) no-repeat left top; color:#FFFFFF; font-size:11px; margin:4px 10px; padding:0 0 0 7px; letter-spacing:1px; cursor:pointer;}
/* box */
.box1 { padding:25px 0 0 0; width:160px; background:url(../images/box1_bg.gif) repeat-y top left; position:relative;}
.box1-top { position:absolute; top:0; left:0; width:160px; height:19px; background:url(../images/box1_top.gif) no-repeat left top; padding:2px 0 0 10px; text-align:left; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:1px;}
.box1-bottom { clear:both; width:160px; height:4px; font-size:1px; background:url(../images/box1_bottom.gif) no-repeat top left}
.box1 .text { text-align:left; font-size:0.8em; margin:0 0 4px 7px }
.box1 .text a {color:#E91921}

.box2 { margin:4px 0; padding:25px 0 0 0; width:160px; background:url(../images/box2_bg.gif) repeat-y top left; position:relative;}
.box2-top { position:absolute; top:0; left:0; width:160px; height:19px; background:url(../images/box2_top.gif) no-repeat left top; padding:2px 0 0 10px; text-align:left; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:1px;}
.box2-bottom { clear:both; width:160px; height:4px; font-size:1px; background:url(../images/box2_bottom.gif) no-repeat top left}
.box2 .text { text-align:left; font-size:0.8em; margin:0 0 4px 3px; width:148px}
.box2 .text a {color:#054F99;}
.box2 .text a {color:#054F99;}
#menu-selected{
font-size:12px;
color:#E91921;
}

.box3 { text-align:center; margin:4px 0; padding:20px 0 0 0; _padding:25px 0 0 0; width:160px; background:url(../images/box3_bg.gif) repeat-y top left; position:relative;}
.box3-top { position:absolute; top:0; left:0; width:160px; height:19px; background:url(../images/box3_top.gif) no-repeat left top; padding:2px 0 0 10px; text-align:left; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:1px;}
.box3-bottom { clear:both; width:160px; height:4px; font-size:1px; background:url(../images/box3_bottom.gif) no-repeat top left}
.box3 .text { text-align:left; font-size:0.8em; margin:0 0 4px 7px }
.box3 .text a {color:#054F99}

.box3 .polozka { margin:5px auto; padding:1px; width:135px; background:#fff; }
.box3 .polozka a { display:block; color:#EC2625; font-size:1em; font-weight:bold;}
.box3 .polozka p { margin:1px 0; color:#707070; font-size:0.7em;}
.box3 .cena { margin:3px 0; color:#55BB00; font-size:1em; font-weight:bold;}
.box3 .info a { margin:5px 0 0 73px; width:60px; font-size:0.73em; background:#ECFFDD; border:1px solid #D8E0E6}
/* box - konec */

.main .lista { height:1.4em; margin:0 0 3px 2px; _margin:0 0 3px -2px; width:428px; background:#E91921 url(../images/lista_rohy.gif) top left no-repeat;}
.main .lista h1 { float:left; font-size:0.97em; color:#FFFFFF; margin:2px 0 0 10px;}
.main .lista_customer h1 { float:left; font-size:0.97em; color:#FFFFFF; margin:2px 0 0 10px;}
.main .lista .stranka { float:right;  margin:4px 10px 0 0; color:#ffffff; font-size:0.8em;}
.main .lista .stranka a {margin:0px 10px; font-weight:bold; text-decoration:underline;  color:#ffffff; font-size:1em;}
.main .lista .stranka a:hover { text-decoration:none;}

.main .lista-dole { clear:both; height:1.4em; margin:0 0 3px 2px; _margin:0 0 3px -2px; width:428px; background:#E91921 url(../images/lista_dole.gif) bottom left no-repeat;}
.main .lista-dole .stranka { float:right;  margin:3px 10px 0 0; color:#ffffff; font-size:0.8em;}
.main .lista-dole .stranka a {margin:0px 10px; font-weight:bold; text-decoration:underline;  color:#ffffff; font-size:1em;}
.main .lista-dole .stranka a:hover { text-decoration:none;}

/* vypis */
.zbozi { margin:0px 2px 5px 2px; width:128px; position:relative; min-height:250px; _height:250px; background:#FFFFFF; padding:5px; float:left; border:1px solid #D5D5D5}
.sugested {
background:#E1EAF3;
}

.white {
background:#ffffff;
}
.zbozi a { display:block; color:#EC2625; font-size:0.8em; font-weight:bold;  _word-wrap: break-word;}
.zbozi img { max-width:100px;}
.zbozi {background-color: #fff;}
.zbozi p { margin:5px 0; text-align:justify; color:#707070; font-size:0.78em;}
.zbozi .cena1 { font-size:0.73em; color:#000000;}
.zbozi .cena2 { font-size:1em; color:#EC2625; font-weight:bold;}
.zbozi .cena2 em {font-style:normal; font-size: 1em;}
.zbozi .cena2s { font-size:0.8em; color:#000000; font-weight:none;}
.zbozi .cenas { font-size:0.75em; color:#55BB00; font-weight:bold; height:20px; text-align: center;}
.zbozi .moznosti { position:absolute; bottom:5px; left:5px; width:127px; margin:8px auto 0 auto; background-color: #fff;}
.zbozi .moznosti .koupit a {  float:right;width:55px; font-size:0.8em; background:#E91921; color:#FFFFFF; border:1px solid #C80008;}
.zbozi .moznosti .info a { float:left;width:55px; font-size:0.8em; color:#E91921; background:#ECFFDD; border:1px solid #D8E0E6}
.zbozi h1 {margin:0px 0;  font-size:1em;}
/* vypis */


.paticka .hotline { padding:11px 0 0 0; color:#FF0000; font-size:1em;}
.paticka .hotline span { color:#55BB00; font-weight:bold;}

.skladem { color:#55BB00; font-weight:bold;; font-size:0.7em;}
.sklademn { color:#000000; font-weight:bold;; font-size:0.7em;}


/* detail produktu */
.detail { margin:0 0 5px 2px; padding:0 0 5px 0; _margin:0 0 5px -1px; width:428px; background:#fff; }
.detail .obraz { float:left}
.detail .obraz .dalsi a { color:#FF0000;font-weight:bold; text-decoration:none; }

.detail .info { /*detail_produktu*/
  float:left;
  margin-left:15px;
  text-align:left;
  font-size:0.93em; 
 }
.detail .info .vyrobce { color:#2266AA; margin:12px 0; }
.detail .info .zaruka { color:#387B00;  margin:8px 0; }
.detail .info .kod { color:#000000; font-size:0.9em;  margin:8px 0; }
.detail .info .cena1 { font-size:1.1em; color:#000000;  margin:30px 0 0 0;background: url(../images/no.gif) top center no-repeat; }
.detail .info .cenas { font-size:1.2em; color:#55BB00; font-weight:bold;  margin:6px 0; }
.detail .info .cenass { font-size:0.8em; color:#000000; font-weight:none;  margin:6px 0; }
.detail .info .cena2 { font-size:1.5em; color:#EC2625; font-weight:bold;  margin:0px 0; }
.detail .info .cena2s { font-size:0.8em; color:#000000; font-weight:bold;  margin:0px 0; }
.detail .info .cena3 { font-size:0.9em; color:#000000;  margin:0px 0 0 0;}
.detail .info .koupit-button { margin:20px 0 0 0px; _margin:20px 0 0 -20px; font-size:0.97em; letter-spacing:2px;  height:20px; width:150px; background:#E91921; font-weight:bold; color:#FFFFFF; border:none; cursor:pointer;}
.detail .prislus .koupit-button { margin:20px 0 0 0px; _margin:20px 0 0 -20px; font-size:0.97em; letter-spacing:2px;  height:20px; width:150px; background:#E91921; font-weight:bold; color:#FFFFFF; border:none; cursor:pointer;}
.detail .prislus { clear:both; padding:0px 10px;}
.detail .prislus fieldset { text-align:left; padding:5px; font-size:0.83em;}
.detail .prislus legend { margin-left:-3px; _margin-left:-10px; padding:2px 5px; background:#2266AA; font-weight:bold; color:#FFFFFF;}
.detail .prislus table { _margin-top:3px; }
.detail .prislus .tab-top { background:#F0F4F7}

.detail .prislus2 { clear:both; padding:0px 10px;}
.detail .prislus2 fieldset { text-align:left; padding:5px; font-size:0.83em;}
.detail .prislus2 legend { margin-left:-3px; _margin-left:-10px; padding:2px 5px; background:#E91921; font-weight:bold; color:#FFFFFF;}
.detail .prislus2 table { _margin-top:3px;}
.detail .prislus2 .tab-top { background:#f7e4e0}

.detail .dost-a { color:#55BB00; font-weight:bold;font-size:1.0em;  }
.detail .dost-n { color:#EC2625; font-weight:bold;font-size:1.0em;  }

.detail .podrobne { clear:both; padding:5px 10px;}
.detail .podrobne fieldset { text-align:left; padding:10px; font-size:0.83em;}
.detail .podrobne legend { margin-left:-3px; _margin-left:-10px; padding:2px 5px; background:#55BB00; font-weight:bold; color:#FFFFFF;}
.detail .zpet a {color:#2266AA; font-weight:bold; font-size:0.77em; margin:15px 0 0 0; float:left;}
.detail .zpet span {float: right; padding-right: 10px;}
/* detail produktu - konec */

/* objednávka */

.obj { margin:0 0 5px 2px; padding:5px 0 5px 0; _margin:0 0 5px -1px; width:428px; background:#fff; }
.obj .kosik { clear:both; padding:5px 10px;}
.obj .kosik .odebrat a { font-size:0.8em; color:#2266AA;}
.obj .kosik  fieldset { text-align:left; padding:7px; font-size:0.83em;}
.obj .kosik  legend { margin-left:-3px; _margin-left:-10px; padding:2px 5px; background:#2266AA; font-weight:bold; color:#FFFFFF;}
.obj .kosik table { background:#E6F3FF;_margin:6px 0 5px 0}
.obj .kosik table.celkem { background:#fff;_margin:6px 0 5px 0; text-align:right}
.obj .kosik .tab-top { background:#AED1F5;}
.obj .kosik .basket-a   { font-weight:bold; color:#000000;}
.obj .kosik hr { margin:10px 0; _margin:0}
.obj .kosik .butons input { background:#E91921; font-size:0.83em; font-weight:bold; border:0px; cursor:pointer; color:#FFFFFF;}
.obj .adresa { clear:both; padding:5px 10px;}
.obj .adresa  fieldset { text-align:left; padding:7px; font-size:0.83em;}
.obj .adresa  legend { margin-left:-3px; _margin-left:-10px; padding:2px 5px; background:#55BB00; font-weight:bold; color:#FFFFFF;}
.obj .adresa  ul { background:#E9FFD8;padding:0;margin:6px 0 5px 0; _margin:6px 0 5px 0; list-style-type: none;}
.obj .adresa  ul li {
 clear:both;
}
.obj .adresa  ul li strong {
  display: block;
  float: left;
  width: 60px;  
}
.obj .adresa .tab-top { background:#BFF099}
.obj .dodani input { font-size:0.8em;}
.obj .dodani { clear:both; padding:5px 10px;}
.obj .dodani  fieldset { text-align:left; padding:7px; font-size:0.83em;}
.obj .dodani  legend { margin-left:-3px; _margin-left:-10px; padding:2px 5px; background:#E91921; font-weight:bold; color:#FFFFFF;}
.obj .dodani .cena { font-weight:bold;}
.obj .dodani .vyber { _margin:10px 0;}
.obj .dodani select { font-size:0.9em;}
.obj .dodani input { background:#E91921; font-size:0.83em; font-weight:bold; border:0px; cursor:pointer; color:#FFFFFF;}
table.ob-top {
 text-align: left;
}
/* objednávka - konec */


.main .lista_customer {
  height:1.4em;
  margin:0 0 0px 2px;
  _margin:0 0 0px -2px;
  width:428px;
  background:#E91921 url(../images/lista_rohy.gif) top left no-repeat;
}

.login_custom {
 width: 426px;
 height: 1000px;
 /*margin: 0 auto;*/
 padding: 10px 0 10px 0 ;
 margin-left: 2px;
 background: #fff;
 border: 1px solid #ccc;
 color: #555;
}
.login_custom fieldset {
	width: 300px;
	margin: 0 auto;
	/*margin: 20px 0 0 0;*/
	padding: 15px 10px;
	background-color:#FAFAFA;
		
	overflow: auto;
}
.login_custom legend {
	padding: 2px 5px;
	color: #00CC33;
	font-weight: bold;
}
.login_custom form .oneField {
	margin: 6px 0;
	display: block;
	vertical-align: middle;
}
.login_custom form .inlineSection .oneField {
	margin-right: 2px;
	white-space: nowrap;	
	display: inline;
}
/* Ties together a label and its checkbox or radio */
.login_custom.login_customform .oneChoice {
	white-space: nowrap; 	
}
.login_custom label.preField {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
}
.login_custom form .actions {
	margin: 0px 0 10px 0;	
	padding:  10px 5px ;
	
	text-align: right;
}
.customer {
  width: 415px;
  padding-left: 5px;
  text-align: left;
  margin-bottom: 20px;
}
.customer span {
 display: block;
 padding-left: 2px;
 background: #f0f0f0;
 border-bottom: 1px solid #ccc;
}
.customer span em {
 display: block;
 float: left;
 font-style: normal;
 font-weight: bold;
 width: 80px;
}
.orders {
  text-align: left;
  padding-left: 5px;
}
.orders table{ 
 border-collapse: collapse;
 width: 415px; 
 margin-bottom: 20px;
}

.orders  table thead th {
  padding-right: 5px;
  padding-left: 2px;
  background:  #e0e0e0;
}

.orders  table tbody td {
  padding: 5px;
  padding-left: 4px;
  border-top: 1px solid #ccc;
  background:  #f5f5f5;
}
.orders  table tbody td a {
 color: #777;
 text-decoration: underline;
}


.login_custom #detail_order {
  text-align: left;
  margin:0;
  padding-left: 5px;  
}
.login_custom #detail_order table{
 margin:0;
 border-collapse: collapse;
 width: 415px;
 margin-bottom: 20px; 
}

.login_custom #detail_order table thead th {
  padding-right: 5px;
  padding-left: 2px;
  background:  #e0e0e0;
  margin:0;
}
.login_custom #detail_order table tbody td {
  border-top: 1px solid #ccc;
  padding: 5px;
  padding-left: 4px;
  background:  #f5f5f5;
}

.login_custom h3 {
 width: 415px; 
 font-family:"Trebuchet MS", Garamond, Georgia;
 line-height: 0.88em;
 border-bottom: #E91921 1px solid;
 color: #E91921; 
 letter-spacing: -2px;
 text-align: left;
 margin-top: 0px;
 margin-bottom: 10px; 
}
 
.customer a.order_but {
 display: block; 
 width: 150px;
 margin-top: 10px;
 padding: 5px;
 border: 1px solid #aaa;
 background: #ccc;
 color: #666; 
}
.customer a.order_but:hover {
 text-decoration: none;
}

.sablona table {
 border-collapse: collapse;
 border: 1px solid #D9D9D9;
}
.sablona table th {
 padding: 5px;
 border-bottom: 1px solid #f3f3f3; 
 border-right: 1px solid #ccc;
 color:#592C16;
 width: 35%;
}
.sablona table td {
 padding: 5px; 
 width: 60%;
}
.sablona table tr.light th{
 background-color: #E5E5D8;
}
.sablona table tr.light td{
 background-color: #fff;
}
.sablona table tr.dark th{
 background-color: #E5E5D8;
}
.sablona table tr.dark td{
 background-color: #F0F3F3;
}
 
.main .text #provozovatel-page {
 text-align: center;
}
.main .text #provozovatel-page .pictures {
 margin-top: 10px;
}
.main .text #provozovatel-page h4{
 font-size: 12px;
 /*font-weight: normal;*/
 margin-bottom: 0;
}
.main .text #provozovatel-page table {
 float: none;
 margin: 0 auto;
}
.main .text #provozovatel-page table td.zelena_linka {
 background: #009900;
 color: #fff;
 text-align: center;
 font-weight: bold;
}

a.submit {
 
 display: block;
 width: 150px;
 background: #c0c0c0;
 color: #fff;
 text-align: center;
 margin-top: 10px;
 padding-top: 2px;
 padding-bottom: 2px;
}
.none {display: none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */