/* ===== DEFAULTNI STYLY ===== */
/* v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/index.html */
/* Eric Meyers Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
  background: #E1E4E5 url('../images/menu_pozadi.png') 0 0 repeat-x;
  font-size:11px;
  color:#000;
  font-family: Tahoma, "Lucida Grande CE", lucida sans-serif;
}

h1.logo, h1.logo2 {
	position: relative;
	display: block;
	width: 290px;
	height: 68px;
	background: #fff;
	float: left;
}

h1.logo2 a {color: #82328C; font-size: 35px; margin: 10px 0 0 20px; display: block;}
h1.logo2 a:hover {text-decoration: none;}
h1.logo2 + span {color: #82328C; position: absolute; left: 22px; top: 52px; letter-spacing: 1px; font-size: 12px;}

h1.logo a {
	text-decoration: none;
	color: #000;
}

h1.logo span.logo {
	cursor: pointer;
	display: block;
	width: 290px;
	height: 68px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
	background: url('../images/logo.png') no-repeat;
}

#basket_header {
  float: left;
  width: 220px;
  height: 71px;
  margin-right: 10px;
}

#basket_header .basketCount, .countOfferTable td {
  vertical-align: top;
}

#basket_header ul {
  width: 170px;
  margin-top: 24px;
  line-height: 14px;
}

#button_header {
  float: left;
  width: 450px;
  height: 43px;
  border-left: 1px solid black;
  margin-top: 14px;
}

#button_header ul {
  /*margin-top: 14px;*/
}

#button_header ul li,  #button_header ul li.first{
  float: left;
  display: block;
  width: 131px;
  height: 43px;
  padding-left: 19px;
}

#button_header ul li.first {
  padding-left: 9px;
}

.countOfferTable td img {
  margin-top: 3px;
}





h1, .NadpisOffer {
  font-size:12px;
}

.top20 {
  padding-top:20px;
}

.top10 {
  padding-top:10px;
}

.top5, .NadpisOffer {
  padding-top: 5px;
}

.NadpisOffer {padding: 5px 0;}

.stred {
  text-align:center;
}

.doprava {
  text-align:right;
}

a {
  text-decoration:none;
  color:#000;
}

a:hover {
  text-decoration:underline;
}

.s14 {
  font-size:12px;
}

ul {
  list-style:none;
  line-height: 13px;
}

.basketTable {
  margin-bottom: 10px;
}

.insertBasket td {
  padding: 4px 0;
}

#container {
  /*width:320px; height:240px;*/
  min-width: 320px;
  _width: expression(document.body.clientWidth < 320? "320px" : "auto" );
}

.cleaner {
  clear:both;
}

#main form .InputPocet, #pocet {
  width:35px;
  text-align:center;
}

#pocet {margin-top: 12px; float: left; margin-right: 5px;}

#main .InputCena {width: 70px; text-align: right;}

#main {
  padding-left:5px;
  height:100%;
}

p {padding:3px 0 3px 0;}

img {
  border:0;
}

.no_border {
  border:0;
  border-collapse:collapse;
}

/* #menu .obal {background:url('../images/menu_pozadi.png') repeat-x;} */

#menu ul, #menu .menu_polozky ul {list-style-type:none;height:51px;}
#menu li, #menu .menu_polozky li{height:17px;}
#menu .menu_avo li {_margin-bottom:-3px}

#menu .menu_polozky {padding-left:4px;}
#menu img {border:0;}

#menu table, .Login {border:0;border-collapse:collapse;}
#menu .menu_background {background:url('../images/menu_background.png')no-repeat;width:92px;cursor:pointer;cursor:hand}

.Nadpisek {font-weight:bold;}
/* ===== ADRESAR ===== */

.adresar  {
  /* width:290px; */
  border-collapse:collapse;
}

.adresar td {
  padding:1px;
  vertical-align: middle;
}

.TRlink {
  background:#e1e4e5;
  cursor: hand; cursor: pointer;
}
.TRhover {
  background:#b8c2c9;
  cursor: hand; cursor: pointer
}

.TRlinkOffer, .TRlinkOrder {background:#e1e4e5;}
.TRhoverOffer, .TRhoverOrder {background:#b8c2c9;}

.dealer {
  color:#aeb8c1;
}

.detIco {
  position: relative;
  top: 12px;
}

.detObj th {text-align: left;}
.detObj th.doprava {text-align: right;}

a.adrLink {text-decoration:underline;}
a.adrLink:hover {text-decoration:none;}

li.dealerInfo {padding-left:36px;}

.BlokaceImg {padding-right: 3px;}
/* ===== ADRESAR / ===== */
/* ===== CENIK ===== */
.Cenakce, .CenCena {color:#ff0000;}
/* ===== CENIK / ===== */

/* ===== PATICKA =====*/
#foot {
  background:#82328C;
  height:12px; 
  color:#000;
  font-size:13px;
  height: 30px;
  line-height: 25px;
}

.LoginUser {
  padding:1px 0 0 6px;
  float:left;
}

.FootMenu {
  text-align:right;
  padding:1px 4px 1px 0;
}

#foot a {
  text-decoration:none;
  color:#fff;
  font-weight: bold;  
}

#foot a:hover{
  color:#F0C800;
}
/* ===== PATICKA / =====*/

/* ===== LOGIN & REGISTER ===== */
.Login {
  padding-top: 10px; 
}
.Login label {
  font-weight:bold;
}
.Login td {padding: 2px 0;}
.btn_login {
  padding:3px 0 3px 25px;
}
.formular {
  padding-top:12px;
}
.input {
  border:1px solid #cfd0d0;
}

fieldset {
  border:1px solid #cfd0d0;
  margin:0 0 8px 0;
}

legend {
  font-weight:bold;
  padding:2px 4px 2px 4px;
}
/* ===== LOGIN & REGISTER / ===== */
/* ===== ROZCESTNIK ===== */
#rozcestnik ul{width:300px;font-size:20px;}
#rozcestnik li {float:left;list-style-type:none;text-align:center;line-height:25px;}
#rozcestnik a {display:block;text-decoration:none;color:#000;height:27px;width:27px; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}
#rozcestnik a:hover {color:#fff;background-color:#82328C;}

#rozcestnik span {color:#ff0000;padding-left:1px}
/* ===== ROZCESTNIK / ===== */
/* ===== TLACITKA ===== */
.tlacitko{/*background:#336633;*/text-align:center;padding:2px;border:2px solid #fff;font-size:10px;/*font-weight:bold;*/color:#fff;text-decoration:none;text-transform:uppercase;}
.tlacitko:hover {color:#f7f8f0;}
.btnOdeslat {font-size: 9px;}  

 /*BARVY*/      
.btnIndex {background-color:#3d7ea3;} /*tmave modra*/
.btnZpet {background-color:#c49801;} /*okrova*/
.btnKosik {background-color:#5ec9ea;} /*svetle modra*/
.btnDefault {background-color:#336633;} /*zelena*/
.btnDefault2 {background-color:#b24616;} /*oranzova*/
.btnVyhledat {background-color:#91383c;} /*cervena*/
.btnOff {background-color:gray;}  /*seda*/
 
/* 
.cervena {background-color:#91383c;}
.zelena {background-color:#336633;}
.oranzova {background-color:#b24616;}
*/
/* ===== TLACITKA / ===== */
/* ===== HLAVNI MENU ===== */
/*#hlavni_menu {padding-left:15px;}*/
/*#hlavni_menu li {list-style-image: url("../images/cube.gif")}*/
/* ===== HLAVNI MENU / ===== */

/* ===== OBJEDNAVKY A POHLEDAVKY ===== */
.TableObjednavky {border-collapse:collapse;border:1px solid #b7b7b7;}
.objednavky td {font-size: 16px;}
.TableHeadInfo {background-color:#ccc;font-style:italic;font-weight:bold;}
.dark {background-color:#d8d8d8;}
.light {background-color:#f7f8f0;}
.AddressTableTextRight {font-weight:bold;} 
.objednavky span, .OrderLnk, .BasketLnk, .KontaktLnk {font-weight:bold;}
.poznamka {width:97%;}

.showHide {margin-right:6px; margin-top:3px; margin-bottom:-3px; cursor:pointer;}
.hiddenBlock {margin-top:5px; margin-left:25px; display:none;}
/* ===== OBJEDNAVKY A POHLEDAVKY / ===== */

/* ===== DETAIL ===== */
.DetailTable {padding:3px 0 3px 0; clear: both;}
.DetailHodnota {padding-left:5px;}
/* ===== DETAIL / ===== */
/* ===== OFFER ===== */
.NazevArtiklu, .CenaArtiklu, .NazevFirmy {font-weight:bold;}
.OfferBottomTR   {border-bottom: 1px solid #cdcdcd;}
.OfferPager {float:right;}
.inputPocet {width: 34px;}

/* ===== OFFER / ===== */
.orderSelect {
  border: none;
  margin-top: 8px;
}

.orderSelect label, .orderSelect select {
  float: left;
}

.orderSelect label {
  line-height: 16px;
}

.orderSelect .platba {margin-left: 2px;}

.orderSelect select {
  /*width: 100px;*/
  margin: 0 4px;
}

.orderSelect hr.a {
  visibility: hidden;
  clear: both;
  height: 1px;
}

#frmCenik select {
  width: 174px;
}

.orderDetailUl span {
  width: 150px;

}

#kontakty td {
  padding: 2px 4px;
}

#kontakty address {
  line-height: 13px;
}
.basket-td {vertical-align: middle; height: 71px;}

.lstden th {text-align: left;}

.addtable {width: 98%;}
.addtable td.caption {width: 65px; vertical-align: top; padding-top: 4px;}
.addtable textarea {width: 98%; height: 100px;}
.addtable input {width: 300px;}

.adresar .date {width: 65px;}

input[type="text"], input[type="password"] {height: 25px; width: 175px; border: 1px solid #ccc; padding: 0 5px; margin: 2px 0; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}
input:hover, input:focus, textarea:hover, textarea:focus  {border-color: #82328C;}
textarea { border: 1px solid #ccc; padding: 0 5px; margin: 2px 0; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}

#hlavni_menu .button {float: left; margin: 5px 5px 0 0; text-transform: uppercase;}
#hlavni_menu .button {background-color:#5c7ce3; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; display:block; color:#ffffff; font-size:15px; text-decoration:none; text-shadow:0px 1px 0px #000; width:115px; height: 68px; text-align: center; padding-top: 42px;}
#hlavni_menu .button:hover {background-color:#6d89e6; text-decoration: none;}

#button_header a, .buttons a, .btnObj2, .btnPlus, .btnMinus, .btnObj3 {background-color:#5c7ce3; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; display:block; color:#ffffff; font-size:15px; text-decoration:none; width: 138px; padding: 15px 0; float: left; margin-right: 5px; text-shadow:0px 1px 0px #000; text-align: center; text-transform: uppercase; font-weight: bold;}
#button_header a:first-of-type {margin-left: 15px;}
#button_header a:hover, .buttons a:hover, .btnObj2:hover, .btnObj3:hover, .btnPlus:hover, .btnMinus:hover {background-color:#6d89e6; text-decoration: none;}
#button_header .btnVyr, #hlavni_menu .btnVyr {background: #fd6816;}
#button_header .btnVyr:hover, #hlavni_menu .btnVyr:hover {background: #ff823e;}
#button_header .btnObj, .buttons .btnObj, .btnObj2, #hlavni_menu .btnObj {background: #d83f57;}
#button_header .btnObj:hover, .buttons .btnObj:hover, .btnObj2:hover, #hlavni_menu .btnObj:hover {background: #e95365;}

.buttons a span {font-size: 8px;}
.buttons a {width: 96px; font-size: 12px; padding: 17px 0;}
.buttons .btnSearch {background: #3f5fc6;}
.buttons .btnSearch:hover {background: #536fcc;}
.buttons .btnSearchAbc {background: #178de7;}
.buttons .btnSearchAbc:hover {background: #2f99e9;}
.buttons .btnKatalog {background: #2dbc26;}
.buttons .btnKatalog:hover {background: #42c33c;}
.buttons .btnBack {background: #e94949;}
.buttons .btnBack:hover {background: #eb5c5c;}
.buttons .btnViewAll {background: #bb5735;}
.buttons .btnViewAll:hover {background: #c2684a;}
.buttons .btnPrep {background: #518793;}
.buttons .btnPrep:hover {background: #63939e;}
.buttons .btnClear {background: #9f6454;}
.buttons .btnClear:hover {background: #a97465;}
.buttons .btnSlevy {background: #fe3f3e;}
.buttons .btnSlevy:hover {background: #fe5352;}
.buttons .btnNez {background: #459982;}
.buttons .btnNez:hover {background: #58a38f;}
.buttons .btnVybPart {background: #bc4cd4;}
.buttons .btnVybPart:hover {background: #c35ed8;}
.buttons .btnOrder {background: #bc623d;}
.buttons .btnOrder:hover {background: #c37251;}
.buttons .btnUpravit {background: #50964e;}
.buttons .btnUpravit:hover {background: #62a160;}
.buttons .btnZrusit {background: #373737;}
.buttons .btnZrusit:hover {background: #4b4b4b;}
.buttons .btnPrint {background: #00accc;}
.buttons .btnPrint:hover {background: #1ab4d1;}
.buttons .btnLogin {background: #ab539d;}
.buttons .btnLogin:hover {background: #b465a7;}

.buttons .btnAddDenik, .buttons .btnNez, .buttons .btnVybPart {font-size: 11px; padding: 12px 0;}
.buttons .btnZobrDenik {font-size: 12px; padding: 11px 0;}

.btnObj2 {padding: 8px 0; margin-top: 10px; font-size: 14px;}
.btnPlus {background: #7a4a4a url('../images/arrow_up.png') no-repeat 50% 50%;}
.btnMinus {background: #7a4a4a url('../images/arrow_down.png') no-repeat 50% 50%;}
.btnPlus, .btnMinus {width: 50px; margin-top: 10px;}
.btnPlus:hover, .btnMinus:hover {background-color: #885c5c;}
.btnObj3 {width: 35px; background: #d83f57 url('../images/i_plus.png') no-repeat 50% 50%;}
.btnObj3:hover {background-color: #e95365;}

.cistic {clear: both;}
.adresar .btnVybPart {width: 120px; font-size: 11px;}
.adresar .btnPlus, .adresar .btnMinus {margin-top: 0;}

.nedodanePol label {margin-left: 5px;}