/**INIT**/
* {
  margin: 0px;
  padding: 0px;
}

body, p, td, th, 
div, span, ul, li, 
ol, a, h1, input { 
  font-size: 12px;
	font-family: Arial, Tahoma, Trebuchet MS;
	color: #323232;
}

body {
  text-align: left;
  line-height: 150%;
  background-color: #B5C2C4;
}

img {
  border: 0;
}

table {
  text-align: left;
}

a {
  color: #323232;
  text-decoration: underline;
}

a:hover {
  color: #323232;
  text-decoration: none;
}

p {
  margin-bottom: 10px;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom: 10px;
}

.clear {
  display: none;
}

.overflow {
  overflow: hidden;
  width: 100%;
}

.center {
  text-align: center;
}

/**LAYOUT**/
.container {
  position: relative;
  overflow: hidden;
  width: 1000px;
  margin: 0 auto 0 auto;
  background-color: #FFF;
}

.header {
  position: relative;
  overflow: hidden;
  width: 1000px;
  height: 169px;
}

.logo {
  position: absolute;
  top: 35px;
  left: 38px;
  width: 383px;
  height: 88px;
  background: url('../images/logo-bg.jpg') no-repeat;
}

.flags {
  position: absolute;
  top: 32px;
  left: 509px;
  width: 54px;
  height: 115px;
  background: url('../images/flags-bg.jpg') no-repeat;
}

.line {
  position: absolute;
  top: 19px;
  left: 578px;
  width: 3px;
  height: 133px;
  background: url('../images/line-bg.jpg') no-repeat;
}

.login_box {
  position: absolute;
  top: 0;
  left: 620px;
  width: 384px;
  height: 169px;
  background: url('../images/login_box-bg.jpg') no-repeat;
}

.login_title {
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  margin: 12px 0 0 141px;
}

.frm_log_txt,
.frm_log_pas {
  float: left;
  display: inline;
  width: 100px;
  height: 21px;
  padding: 5px 5px 0 5px;
  margin: 40px 0 0 90px;
  border: 1px #7C8283 solid;
  background-color: #FFF;
}

.frm_log_pas {
  margin: 40px 0 0 5px;
}

.frm_log_sub {
  cursor: pointer;
  float: left;
  display: inline;
  width: 38px;
  height: 28px;
  margin: 40px 0 0 5px;
  border: none;
  background: #FFE92D url('../images/ok-bt.jpg') no-repeat;
}

.login_user {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

.login_box a {
  display: inline;
  float: left;
  width: 120px;
  color: #0A3F51;
  text-decoration: underline;
  padding: 0 0 0 12px;
  background: url('../images/li1-bg.jpg') 0 center no-repeat;
}

.login_box a:hover {
  color: #0A3F51;
  text-decoration: none;
}

.login1 {
  margin: 12px 0 0 98px;
}

.login2 {
  margin: 5px 0 0 98px;
}

.menu {
  overflow: hidden;
  width: 1000px;
  height: 55px;
  background: #EB8825 url('../images/menu-bg.jpg') repeat-x;
}

.menu a {
  float: left;
  display: inline;
  height: 33px;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  padding: 23px 38px 0 38px;
  background: #EB8825 url('../images/menu_cattegories-bg.jpg') repeat-x;
}

.menu a:hover {
  color: #864B14;
  text-decoration: none;
  background-position: 0 -55px;
}

.menu span {
  float: left;
  display: inline;
  width: 5px;
  height: 55px;
  background: url('../images/span-bg.jpg') no-repeat;
}

.over_cont {
  position: relative;
  overflow: hidden;
  width: 1000px;
  margin-top: 17px;
}

.panel {  
  float: left;
  display: inline;
  width: 203px;
}

.categories {
  overflow: hidden;
  width: 203px;
}

.categ,
.sub {
  display: block;
  width: 176px;
  height: 22px;
  color: #535353;
  text-decoration: none;
  padding: 5px 0 0 27px;
  background: url('../images/categories-bg.jpg') no-repeat;
}

.categ:hover {
  color: #FFF;
  text-decoration: none;
  background-position: 0 -27px;
}

.sub {
  width: 161px;
  height: 24px;
  color: #535353;
  text-decoration: none;
  padding: 5px 0 0 42px;
  background: url('../images/sub-bg.jpg') no-repeat;
}

.sub:hover {
  color: #535353;
  text-decoration: underline;
}

.title {
  display: block;
  margin-bottom: 8px;
}

.box {
  width: 203px;
  background-color: #F5F5F5;
}

.cart-info {
  width: 183px;
  padding: 10px;
  margin-bottom: 10px;
}

.cart-info table {
  width: 183px;
  margin: 20px 0 0 0;
  border-collapse: collapse;
}

.cart-info th {
  width: 90px;
  font-weight: normal;
}

.cart-info td {
  width: 90px;
  font-weight: normal;
}

.cart-info a {
  display: block;
  cursor: pointer;
  width: 100px;
  height: 28px;
  margin: 20px 0 20px 35px;
  background: url('../images/shop-cart-bt.jpg') no-repeat;
}

.newsletter {
  width: 183px;
  padding: 10px;
  margin-bottom: 10px;
}

.frm_new_txt {
  display: block;
  width: 160px;
  height: 18px;
  padding: 2px 5px 0 5px;
  margin: 0 0 0 5px;
  border: 1px #7E7D7C solid;
  background-color: #FFF;
}

.frm_new_sub {
  display: block;
  cursor: pointer;
  width: 100px;
  height: 28px;
  margin: 10px 0 10px 3px;
  border: 0;
  background: url('../images/send-bt.jpg') no-repeat;
}

.content {
  float: left;
  display: inline;
  width: 588px;
  margin: 0 3px 0 3px;
}

.index {
  width: 588px;
  margin: 0;
  overflow: hidden;
}

.product_box {
  float: left;
  display: inline;
  width: 188px;
  height: 380px;
  margin: 7px 9px 0 0;
  padding-bottom: 10px;
  border: 1px #D2D2D2 solid;
  background: #FFF url('../images/product_box-bg.jpg') repeat-x;
}

.product_no_margin {
  margin: 7px 0 0 0;
}

.title_box {
  width: 178px;
  height: 25px;
  font-weight: bold;
  padding: 10px 0 0 10px;
}

.image_box {
  display: block;
  margin: 5px 0 0 3px;
  width: 182px;
  height: 121px;
}

.description_box {
  overflow: hidden;
  font-size: 11px;
  height: 70px;
  margin: 11px 11px 0 11px;
}

.product_box table {
  width: 182px;
  line-height: 21px;
  border-collapse: collapse;
  margin: 11px 0 0 3px;
}

.product_box th {
  width: 80px;
  padding-left: 5px;
}

.product_box span {
  color: #FFF;
  font-size: 10px;
}

.product_box td {
  width: 95px;
  text-align: right;
  padding-right: 5px;
}

.row0_box {
  background-color: #2C8DC6;
}

.row0_box th,
.row0_box td {
  color: #FFFFFF;
  font-weight: bold;
}

.row1_box {
  background-color: #F4F4F4;
}

.row2_box {
  background-color: #E9E9E7;
}

.row1_box th,
.row2_box th {
  font-weight: normal;
}

.product_button {
  overflow: hidden;
  width: 180px;
  margin-top: 15px;
}

.product_cart {
  float: left;
  display: inline;
  width: 93px;
  height: 28px;
  margin-left: 7px;
  background: #F9D557 url('../images/cart-bt.jpg') no-repeat;
}

.product_detail {
  float: left;
  display: inline;
  width: 66px;
  height: 28px;
  margin-left: 10px;
  background: #F9D557 url('../images/detail-bt.jpg') no-repeat;
}

.navigator {
  display: block;
  color: #BF5100;
  margin: 10px 0 10px 10px;
}

.navigator a {
  color: #BF5100;
  text-decoration: none;
}

.navigator a:hover {
  color: #BF5100;
  text-decoration: underline;
}

.line2 {
  width: 568px;
  height: 28px;
  font-weight: bold;
  color: #4E4E4E;
  padding: 16px 0 0 20px;
  background: url('../images/line2-bg.jpg') no-repeat;
}

.top_ban {
  display: block;
  margin: 13px 0 0 0;
}

.footer {
  position: relative;
  display: block;
  width: 1000px;
  height: 69px;
  margin: 30px 0 10px 0;
  background: #F7C236 url('../images/footer-bg.jpg') no-repeat;
}

.footer p {
  position: absolute;
  top: 28px;
  left: 30px;
}

.footer div {
  position: absolute;
  top: 28px;
  left: 595px;
}

/**TEXT**/
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6,
.detail h1,
.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6,
.registration h1,
.registration h2,
.registration h3,
.registration h4,
.registration h5,
.registration h6 {
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
}

.text h1,
.text h2,
.detail h1,
.detail h2,
.registration h1,
.registration h2 {
  font-size: 17px;
  font-weight: bold;
}

.text,
.detail {
  overflow: hidden;
  position: relative;
  width: 588px;
}

.text,
.detail,
.registration {
  width: 548px;
  padding: 20px;
}

.text ul,
.detail ul {
  margin: 0 0 10px 20px;
  list-style-type: none;
}

.text li,
.detail li {
  width: 530px;
  padding: 0 0 0 15px;
  background: url('../images/li4.gif') 0 center no-repeat;
}

.text div {
  text-align: justify;
}

.detail-inp {
  width: 30px;
  height: 17px;
  padding-top: 3px;
  text-align: center;
  color: #323232;
  font-weight: bold;
  border: 1px #323232 solid;
}

.detail-sub {
  cursor: pointer;
  width: 100px;
  height: 28px;
  border: 0;
  margin: 5px 0 0 10px;
  background: #6DD11B url('../images/do_kosika-bt.jpg') no-repeat;
}

/**DETAIL**/
.detail-over {
  position: relative;
  overflow: hidden;
  width: 552px;
  margin-top: 20px;
}

.detail-img {
  float: left;
  display: inline;
  width: 250px;
}

.detail-info {
  position: relative;
  float: right;
  display: inline;
  width: 280px;
  line-height: 28px;
  border-collapse: collapse;
}

.detail-param {
  width: 552px;
  line-height: 28px;
  border-collapse: collapse;
  margin: 10px 0 10px 0;
}

.detail-info th,
.detail-info td,
.detail-param th,
.detail-param td {
  border-bottom: 2px #FFF solid;
}

.detail-info-tr1,
.detail-param-tr1 {
  background-color: #EBEBEB;
}

.detail-info th,
.detail-param th {
  width: 90px;
  padding-left: 15px;
  font-weight: bold;
}

.detail-info td {
  width: 175px;
}

.detail-param th,
.detail-param td {
  width: 261px;
  padding-left: 15px;
}

.detail-param-tr1:hover th,
.detail-param-tr1:hover td,
.detail-param-tr2:hover th,
.detail-param-tr2:hover td {
  cursor: pointer;
  color: #FFF;
  background-color: #1E80A3;
}

.detail-info span {
  color: #1E80A3;
  font-weight: bold;
}

.detail_desc {
  margin-top: 20px;
}

.detail_gallery {
  overflow: hidden;
  width: 553px;
}

.detail_gallery div {
  overflow: hidden;
  float: left;
  display: inline;
  width: 120px;
  height: 90px;
  padding: 4px;
  margin: 10px 8px 0 0;
  border: 1px #848484 solid;
}

.detail_gallery div:hover {
  border: 1px #1E80A3 solid;
}

/**REGISTRATION**/
.RegForm {
  overflow: hidden;
  width: 552px; 
}

.RegWar {
  text-align: center;
}

.RegForm table {
  margin-bottom: 20px;
}

.RegForm tr {  
  height: 30px;
}

.RegLogin table {
  width: 250px;
}

.RegCol1 {
  width: 95px;
}

.RegCol2 {
  width: 155px;
}

.RegData {
  overflow: hidden;
  width: 552px;
}

.RegData table {
  float: left;
  width: 250px;
  display: inline;
}

.RegInv {
  margin-left: 50px;
}

.RegInv .RegCol1 {
  width: 70px;
}

.RegForm input {
  width: 131px;
  height: 17px;
  font-size: 11px;
  padding: 2px 10px 0 10px;
  border: 1px #7E7D7C solid;
  background: transparent;
}

.RegForm input:focus {
  border: 1px #0C7592 solid;
}

.RegSub {
  cursor: pointer;
  width: 100px;
  height: 28px;
  border: 0;
  margin: 15px 0 0 226px;
  text-align: center;
  background: url('../images/send-bt.jpg') no-repeat;
}

/**KOSIK**/
.cart {
  overflow: hidden;
  position: relative;
  width: 559px;
  padding: 15px 14px 0 15px;
}

.cart-cnt {
  overflow:hidden;
  width:100%;
}

.CrtMenu {
  overflow: hidden;
  width: 490px;
  margin: 0 15px 0 15px;
}

.CrtFir,
.CrtSec,
.CrtThi {
  float: left;
  display: inline;
  height: 21px;
  padding-top: 7px;
  margin-right: 1px;
  text-align: center;
}

.CrtFir {
  width: 130px;
}

.CrtSec {
  width: 103px;
}

.CrtThi {
  width: 110px;
}

.CrtActive {
  color: #1A7796;
}

.CrtActive strong {
  font-size: 20px;
}

.CrtBack a {
  float: right;
  display: inline;
  width: 50px;
  height: 28px;
  background: url('../images/crt-back-bg.jpg') no-repeat;
}

.CrtCnt {
  overflow: hidden;
  position: relative;
  width: 552px;
  border-top: 3px #1A7796 solid;
  border-bottom: 3px #1A7796 solid;
  background-color: #F3F5F5;
}

.CrtMessage {
  margin: 15px;
}

.Crt1Tab1 {
  border-collapse: collapse;
}

.Crt1Tr0 td {
  color: #1A7796;
  font-weight: bold;
  border-bottom: 1px #DDDDDD solid;
}

.Crt1Tr1 {
  height: 119px;
  padding-top: 3px;
  overflow: hidden;
  background: #F8F8F8;
}

.Crt1Tr1 td {
  border-bottom: 1px #DDDDDD solid;
}

.Crt1Td1 img {
  border: 1px #C0C0C0 solid;
}

.Crt1Td1 img:hover {
  border: 1px #1A7796 solid;
}

.Crt1Td1 {
  width: 100px;
  padding-left: 18px;
}

.Crt1Td2 {
  width: 115px;
  padding-right: 10px;
}

.Crt1Td2 a,
.Crt1Td2 a:hover {
  text-decoration: underline;
}

.Crt1Td2 a:hover {
  text-decoration: none;
}

.CartQua {
  width: 30px;
  height: 17px;
  padding-top: 3px;
  margin-left: 12px;
  text-align: center;
  color: #1A7796;
  font-weight: bold;
  border: 1px #D2D2D2 solid;
  background: #FFF;
}

.Crt1Td3 {
  width: 80px;
  text-align: right;
  padding-right: 10px;
}

.Crt1Td4 {
  width: 60px;
}

.Crt1Td5 {
  width: 90px;
  font-weight: bold;
  color: #1A7796;
  text-align: right;
  padding-right: 10px;
}

.Crt1Td6 {
  width: 60px;
}

.Crt1Td6 a {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 18px;
  background: url('../images/crt-del-bt.jpg') no-repeat;
}

.Crt1NmTd1 {
  padding-left: 18px;
}

.Crt1NmTd2,
.Crt1NmTd3,
.Crt1NmTd4,
.Crt1NmTd5 {
  text-align: center;
}

.CrtPayment,
.CrtDelivery,
.CrtDisc {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px #DDDDDD solid;
  width:100%;
  overflow:hidden;
}

.CrtPayment p,
.CrtDelivery p,
.CrtDisc p {
  width: 200px;
  font-size: 12px;
  font-weight: bold;
  color: #1A7796;
  margin: 20px 0 0 20px;
}

.CrtPayment table,
.CrtDelivery table {
  width: 400px;
  margin: 10px 0 0 100px;
}

.CrtPayment th,
.CrtDelivery th {
  width: 10px;
}

.CrtPayment td,
.CrtDelivery td {
  width: 385px;
  padding: 0 0 0 5px;  
}

.CrtPayment label,
.CrtDelivery label {
  font-weight: bold;  
}

.CrtPayment input,
.CrtDelivery input {
  margin: 2px 0 0 0;
}

.CrtDeliveryImg {
  position: absolute;
  top: 60px;
  left: 15px;
  width: 72px;
  height: 65px;
  background: url('../images/crt-delivery-bg.jpg') no-repeat;
}

.CrtSummary {
  width: 552px;
  height: 30px;
  padding-top: 7px;
  background-color: #1A7796;
  border-bottom: 1px #DDDDDD solid;
}

.CrtSummary td {
  color: #FFF;
}

.CrtSummary1 {
	padding-left: 15px;
	font-size: 17px;
	width: 120px;
}

.CrtSummary2 {
	font-size: 11px;
	text-align: center;
	width: 180px;
}

.CrtSummary3 {
	font-size: 17px;
	padding-right: 15px;
	text-align: right;
	width: 370px;
}

.CrtP {
  margin: 13px 0 0 0;
  text-align: center;
}

.Crt1Btn {
  overflow: hidden;
  width: 552px;
  height: 100px;
}

.Crt1Btn1,
.Crt1Btn2,
.Crt1Btn2-2,
.Crt3Submit {
  cursor: pointer;
  float: left;
	display: inline;
	height: 28px;
	width: 141px;
	margin-top: 40px;
	margin-left: 25px;
	border: 0;
  background: #F8F8F8 url('../images/prepocitat-bt.jpg') no-repeat;
}

.Crt1Btn2,
.Crt1Btn2-2 {
  width: 190px;
	margin-top: 40px;
	margin-left: 170px;	
	background: #F8F8F8 url('../images/pokracovat-bt.jpg') no-repeat;
}

.Crt1Btn2-2 {
  margin-left: 333px;
}

/**KOSIK-2**/
.Crt2Login tr,
.Crt2Data tr {  
  height: 30px;
}

.Crt2Login table {
  width: 250px;
  margin-left: 15px;
}

.Crt2Td1 {
  width: 95px;
}

.Crt2Td2 {
  width: 155px;
}

.Crt2Data {
  overflow: hidden;
  width: 537px;
  margin-left: 15px;
}

.Crt2Data table {
  float: left;
  width: 250px;
  display: inline;
  margin-top: 80px;
}

.Crt2Inv {
  margin-left: 25px;
}

.RegInv .RegCol1 {
  width: 70px;
}


.Crt2Login input,
.Crt2Data input {
  width: 135px;
  height: 16px;
  padding: 2px 2px 0 2px;
  border: 1px #000 solid;
}


.Crt2Log {
  position: absolute;
  top: 165px;
  left: 107px;
  cursor: pointer;
  width: 100px;
  height: 28px;
  border: 0;
  background: #6DD11B url('../images/prihlasit-bt.jpg') no-repeat;
}

.Crt2Border {
  overflow: hidden;
  width: 552px;
  height: 1px;
  border-bottom: 1px #DDDDDD solid;
}

/**KOSIK-3**/
.Crt3Confirm {
  overflow: hidden;
  position: relative;
  width: 522px;
  margin: 15px;
}

.Crt3Confirm table {
  width: 482px;
  margin: 0 20px 0 20px;
  border-collapse: collapse;
}

.Crt3Confirm tr {
  height: 30px;
}

.cart3-bord td,
.cart3-bord th {
  border-bottom: 1px #DDDDDD solid;
}

.cart3-bord th {
  width: 180px;
  font-weight: bold;
}

.cart3-bord td {
  width: 402px;
}

.Crt3Confirm td strong {
  color: #1A7796;
}

.cart3-btn {
  padding: 40px 0 40px 0;
  text-align: center;
}

.cart-thx {
  color: #646363;
  font-size: 18px;
  margin: 20px 0 0 0;
}

.CrtOK {
  margin: 15px 0 15px 70px;
}

.CrtOK input {
  margin-right: 2px;
}

.Crt3Submit {
  width: 100px;
  padding: 0;
  margin: 10px 0 20px 220px;
  background: #F8F8F8 url('../images/send-bt.jpg') no-repeat;
}

/* pager */
.pages {
  text-align: center;
  margin: 15px;
}

.pages a {
  text-decoration: none;
}

.pages a:hover {
  text-decoration: underline;
}

.pages span {
  font-weight: bold;
  color: #1a708b;
}

.errTag {
  display: block;
  color: red;
}

.FrmPass input {
  float: left;
  margin-left: 5px;
  margin-top: 0;
}

.FrmPass .frm_new_txt {
  margin-top: 3px;
}

.FrmPass {
  width: 100%;
  overflow: hidden;
}

.LstPass {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.cart_error {
  color: red;
  font-weight: bold;
  display: block;
  text-align: center;
}

/* kontakt */

#contact {
	float:right;
	width:250px;
}


#contact input {
  margin-left: 0;
}

#contact textarea.txtArea {
	display:block;
	margin-bottom:10px;
	margin-top:5px;
    width: 160px;
    height: 100px;
    border: 1px #7E7D7C solid;
    background-color: #FFF;
}

#contact textarea.txtArea {
  padding: 5px;
}

.FrmCon {
  cursor: pointer;
  border: 1px #CECECE solid;
  text-align: center;
  font-weight: bold;
  float: left;
  display: inline;
  height: 35px;
  width: 116px;
  padding: 8px 0 8px 0;
  background-color: #F8F8F8;
}

.FrmCon:hover {
  text-decoration: underline;
}

.print-page {
  display: block;
  height: 20px;
  width: 100px;
  padding-left: 30px;
  background: url('../images/print.gif') no-repeat;
  cursor: pointer;
}
