html,body {
background-color:#ffffff;
font-family: Arial, tahoma, serif;
font-size:13px;
color:#555555;
margin: 0;
padding: 4px 0 0 0 ;
height: 110%;
}

#main-container {

margin:0px auto;

/*font-family: Palatino, "palatino linotype", serif;*/

}

a {
color:#111111;
text-decoration: underline;
/*text-decoration: none;*/
/*border-bottom: 1px #222222 dashed ; */
}

a img {
border: 0 white none;
}

h6 {
color:#8B9EB0;
font-weight: bold;
font-size:14pt;
}

dl dt a {
text-decoration: underline;
}

dl dt {
margin:20px;
font-size:14px;

}




h3  {
text-align: right;
font-size: 13px;
font-weight: bold;
padding-top:9px;
padding-right:35px;
color:#A82A22;
margin-bottom:4px;
}

a:hover {
color:gray;
}

span.title {

}

p.norm {

color:#555555;
font-size:13px;
margin:20px;

}

#logo {
display: none;

}



#bin {
position:relative;
margin-top:10px;
border-right: gray 1px solid;;
background-color:red;
width:154px;
background-image: url(img/nav.gif);
background-position: left bottom;
background-repeat: no-repeat;
font-size: 10px;

}

.pic {
background-image: url(img/navtop.gif);
background-position: left top;
background-repeat: no-repeat;
min-height:50px;
_height:50px;
}



#content-text {
  
  overflow: visible;

  margin:9px 250px 0 100px;
  padding-left: 100px!important;

}

#content-text div#bg{
  padding-top:20px;
  padding: 10px ;
}

#content-text div#bottom{
  padding: 0px 0px 9px 0px ;


}

#rightfooter {

}


#footerrr{

clear:both;
width:450px;
font-size:8pt;
/*font-family: tahoma,arial, "trbuchet ms";*/
color:#666666;
margin-top:20px;
margin-left:350px;
margin-bottom:-5px;
}

#footerrr a{
text-decoration: none;
}

.right {
text-align: right;
margin-right:5px;
}

.center {
text-align: center;
color:#555555;
font-size:13px;
margin:20px;
}

.kontaktcenter {
margin-left:140px;
}

.left {
text-align: left;
color:#555555;
font-size:13px;
margin:20px;

}

.imgright {
float: right;
margin-right: 20px;
}

.imgleft {
float: left;
margin-left: 20px;
margin:20px;
}



textarea {
background-color: #ffffff;
border: 1px black solid;
}



.udaje table.obj {width: 100%; margin-bottom:20px;}
.udaje table.obj td{  border-style: none;  border: 0px; text-align: right; width: 280px; }
.udaje table.obj td.inp{  text-align: left; }
.udaje table.obj th{  border-style: none;  border: 0px; background-color:  #fb8a00;}
.udaje table.obj td textarea,input {  border: 1px solid #000000; }
th {text-align: left; }
input.button {background-color:    #c30c15;
                     border:              1px solid black;
                     color:               white;
                     font-family:         Verdana, "Verdana CE", Arial, "Arial CE", Lucida, "Lucida Grande CE", "Helvetica CE", sans-serif;
                     font-weight:         bold;
                     cursor:              pointer;
                     height:              1.6em;
                      }


dl.shop,a { width:200px;text-align: center;text-decoration: none;}
dl.shop dt{
background-color: #fb8a00;
font: bold 15px bold;
}

dl.shop dd {
font-size:15px ;
background-color:rgb(153,204,255);
border-bottom:1px solid gray;
margin-left:0px;
}



dl.shop dt a {
text-decoration: none;}

.imgbin {
margin-top:2px;
margin-left:15px;
float: left;
height:29px;
}

strong.norm {
font-size: 14px;
}
hr {
border: 1px inset;
display: block;
margin:0px;
}

.nabidka_tbl {
width:100%;
text-align: center;
}

table.nabidka_tbl td {
vertical-align: top;
padding:20px;
width:50%;
}

.nabidka_img {
max-width:250px;
}

table.links {
margin-left:40px;
margin-right:40px;
margin-bottom:10px;
}

ul.norm li {
margin-left:30px;
font-size:12px;
margin-top:5px;
font-weight:normal;
}


ul.norm {
color:#444444;
font-size:12px;
font-weight:bold;
}

table.shoplist tr {

color:black;
}

table.shoplist td {
  width:130px;
  text-align:right;
  padding:2px 5px 2px 5px;
  border-top: 1px solid #d9e3ee;
  background-color: #f6f8fa;
}

.bold{
font-weight: bold;
}

.rightAlign {
text-align: right;
}

.leftAlign {
text-align: left !important;
}

tr.fullPrice td {
padding: 7px 7px 7px 7px ;
border: 0px ;
background: url(img/bin/bottom.gif) no-repeat left bottom;
}


tr.fullPrice td.bottomRight {
border-left: 1px solid #f6f8fa ;
background: url(img/bin/bottom.gif) no-repeat right bottom;


}

tr.sortLine td {
padding: 7px 7px 7px 7px ;
border: 0px ;
background: url(img/bin/top.gif) no-repeat left top;
}

tr.sortLine td.topCenter {
border-left: 1px solid #f6f8fa ;
background: url(img/bin/top.gif) no-repeat center top;

}

tr.sortLine td.topRight {
border-left: 1px solid #f6f8fa ;
background: url(img/bin/top.gif) no-repeat right top;
}

.hl td {
background-color:#FFB87F;

}

.hl {

background-color:#9CFFA3;
}
.hls {
background-color:#FFB87F;
}


table.details {
width:550px;

}


.submitinput {
background-color:#FF1F1F;
height:17px;
font-size:11px;
cursor: pointer;
padding-bottom:2px;
visibility: visible;
margin-right:1px;
_margin-right:-1px;
}

tr.tableHead td{
background-color:#FFB87F;
font-weight: bold;
}

.bigRedBold {
color:red;
}

input.inputText {
font-size:12px;
height:15px;

}

 .skryvany {display: none;color:red}


.kos {
 position:absolute;
 top:145px;
 margin-left: 700px;

}

.kos a {
color: #f0f0f0;
}

.kos a:hover {
color: #f06100;
}

.kos .text{
margin-left: 21px;
text-decoration: underline;
font-weight: bold!important;
font-size: 14px!important;
}

.kos img {
 position: absolute;
}



#nav-top {
  background: url(img/main/list-top.gif) no-repeat right top;
  padding-top: 10px;
}

#nav-top div {
  background: url(img/main/list-middle.gif) repeat-y right;
  padding:0 0 10px 38px ;
}

#nav-shop {
  background: url(img/main/shophover.gif) no-repeat left top;
  height: 43px;
}



#nav-under-bottom {
  background: url(img/main/list-bottom.gif) no-repeat right bottom;
  padding-bottom: 13px;
}

#nav-under {
  background: url(img/main/list-middle.gif) repeat-y right top;

}




#menuDiv {
  padding-left: 15px;
  }



#navigation {
display: none;
margin: 80px 0px 0 0 !important;
width: 189px;
float: left;
}



#main-menu {
 display: none;

}

#main-menu a span {
visibility: hidden;
}

#main-menu a {
  float: left;
  display: block;
  width: 123px;
  height: 43px;
  margin: 0 1px 0 0 ;
}

a#prodejna {

  background: url(img/buttons/prodejna.gif) no-repeat ;
}

a#prodejna:hover {
  background: url(img/buttons/prodejna-active.gif) no-repeat ;
}

a#servis {
  background: url(img/buttons/servis.gif) no-repeat ;
}

a#servis:hover {
  background: url(img/buttons/servis-active.gif) no-repeat ;
}

a#splatky {
  background: url(img/buttons/splatky.gif) no-repeat ;
}

a#splatky:hover {
  background: url(img/buttons/splatky-active.gif) no-repeat ;
}
a#turistika {
  background: url(img/buttons/turistika.gif) no-repeat ;
}

a#turistika:hover {
  background: url(img/buttons/turistika-active.gif) no-repeat ;
}


a#sortiment {
  background: url(img/buttons/sortiment.gif) no-repeat ;
}

a#sortiment:hover {
  background: url(img/buttons/sortiment-active.gif) no-repeat ;
}



a#odkazy {
  background: url(img/buttons/odkazy.gif) no-repeat ;
}

a#odkazy:hover {
  background: url(img/buttons/odkazy-active.gif) no-repeat ;
}




a#kontakt {
  background: url(img/buttons/kontakt.gif) no-repeat ;
}

a#kontakt:hover {
  background: url(img/buttons/kontakt-active.gif) no-repeat ;
}


div.item {

}

.item div.itemTop {
  padding: 0px ;
  font-weight: bold;
}

.item div.itemTop a{
  text-align: left;
  padding:8px;
  display:block;
  width: 304px;
}

.item .topReduction {
  background: url(img/items/top-orange.gif) no-repeat top left;
}
.item .topNormal {
  background: url(img/items/top-normal.gif) no-repeat top left;
}

.item .topPresent {
  background: url(img/items/top-blue.gif) no-repeat top left;
}


.topReduction a {
  color:#f0f0f0;
}
.topReduction a:hover {
  color:#0f0f0f;
}

.topNormal a{

}
.topNormal a:hover {

}

.item div.itemContent {

width: 319px !important;
border: 1px solid #d9e3ee ;
background-color: #f6f8fa;

}

.item div.ItemPresent {
padding: 10px ;
width: 299px !important;
border: 1px solid #d9e3ee ;
background-color: #f6f8fa;


}

.item .buyIt {
width: 304px;
}

.presentPicture {
float: right;
margin: 5px ;
border: 1px solid gray ;
}

div.itemBottom {
padding:7px;

}


.item .bottomReduction {
  background: url(img/items/bottom-orange.gif) no-repeat bottom left;
}

.item .bottomNormal {
  background: url(img/items/bottom-normal.gif) no-repeat bottom left;
}

.item .bottomPresent {
  background: url(img/items/bottom-blue.gif) no-repeat bottom left;
}


.item  .itemTopContainer {
}


.item .itemPicture {
float: left;
width: 165px;

}

a.itemPicture img {
margin: 10px 10px 10px 10px;
border: 1px solid gray ;
}

.itemDetails a.itemPicture img {
margin: 10px 10px 0px 10px;
border: 1px solid gray ;
}


ul.itemPrice {
padding: 10px ;
margin: 0px 0px 0px 0px;

list-style-type: none ;
}

ul.itemPrice li {
margin: 0px ;
padding: 0px ;
list-style-type: none;
}

ul.itemPrice li.smallPrice {
  font-size: 12px;
  margin: 0px 0px 7px 0px ;
}

ul.itemPrice li.bigPrice {

  margin: 0px 0px 0px 0px ;
  font-weight: bold;
  font-size: 13px;

}

.orange {
color:#F06100;
}

.itemText {
padding: 0px 10px 10px 10px;
overflow: hidden;
text-align: justify;
clear: left;
}

.itemDetails .itemText table {
width: 450px !important;
background-color: #F6F8FA;
}

.itemDetails .itemText table tr td {
background-color: #F6F8FA;
padding: 2px 5px 0px 0px ;
vertical-align: top;
}


table.itemList {
overflow: hidden;
margin-left: 7px;

}


table.itemList tr td {
overflow: hidden;
width: 330px;
vertical-align: top;
padding: 0 ;
padding-bottom: 10px;
}


.optionLine {
padding: 5px 25px 5px 25px ;
text-align: right;
}
.optionLine .sortForm {

margin: 0px ;
padding: 0px ;

}

.optionLine .sortForm select {

}

.optionLine .sortForm label{
font-weight: bold;
}

.optionLine .sortOption{

}

.optionLine .pagingOption {
   float: left;
}


.paging {
margin: 4px 0px 0px 0px;
font-size:12px;
text-align:left;
font-weight: bold;
}
.paging a{
color: #f06100;
text-decoration: underline;
font-weight: normal;
}
paging a:hover {
color: black;
}

formDiv {
display: inline;
}

.striked {
text-decoration: line-through;
}

form.buyIt {
text-align: right;
padding: 0px 10px 0px 0px ;
margin: 0px ;

}


form.buyIt div.formDiv {
display: inline;
font-size: 10px;
}

form.buyIt div.formDiv label {
margin: 0px 3px 0px 0px ;
font-size: 10px;
}
form.buyIt div.formDiv select {
margin: 0px 3px 0px 0px ;
font-size: 10px;

}

form.buyIt div.formDiv input {
margin: 0px 0px 0px 0px ;
font-size: 10px;
}

input.buyItSubmit {
width: 17px;
height: 17px;
border: 0px;
background: url(img/kos.gif) no-repeat ;
cursor: pointer;
}

input.buyItSubmit:hover {

}

#cesta, #cesta a {
margin: 0px 10px 10px 10px;
font-size: 14px;
font-weight: bold;
color: #0070A5;
}



table.itemDetails {
padding: 0px ;
margin: 10px 0px 0px 9px ;
width: 651px;
overflow: hidden;
}

table.itemDetails tr td{
padding: 0px ;
margin: 0px ;
overflow: hidden;
}
table.itemDetails tr {
padding: 0px ;
margin: 0px ;
}



.itemDetails td.itemTop {
  font-weight: bold;
}

.itemDetails td.itemTop a{
  text-align: left;
  padding:8px;
  display:block;
  width: 635px;
}


.itemDetails .topReduction {
  background: url(img/singleitem/top-orange.gif) no-repeat top left;
}
.itemDetails .topNormal {
  background: url(img/singleitem/top-normal.gif) no-repeat top left;
}

.itemDetails .topPresent {
  background: url(img/singleitem/top-blue.gif) no-repeat top left;
}


td.itemContent {
border: 1px solid #d9e3ee ;
background-color: #f6f8fa;
overflow: hidden;
}



td.itemBottom {
  padding:7px !important;
}

.bottomReduction {
  background: url(img/singleitem/bottom-orange.gif) no-repeat bottom left;
}

.bottomNormal {
  background: url(img/singleitem/bottom-normal.gif) no-repeat bottom left;
}

.bottomPresent {
  background: url(img/singleitem/bottom-blue.gif) no-repeat bottom left;
}

td.singleItemPicture {
border: 1px solid #d9e3ee ;
background-color: #f6f8fa;
vertical-align: top;
padding: 0px ;
width: 25%;
}

.itemDetails div.itemPresent {
padding: 10px;
border: 1px solid #d9e3ee ;
background-color: #f6f8fa;
}

.finalOrder {
margin-top: 20px;
margin-left: 100px;
width: 451px !important;
}

.finalOrder tr td {
  padding:5px 5px 5px 5px;
  border-top: 0px solid #d9e3ee;
  background-color: #f6f8fa;

}

.finalOrder .tableHead td {
border: 0px ;
padding: 7px ;
background: url(img/bin/top.gif) no-repeat top;
}

.finalOrder .tableEnd td {
border: 0px ;
padding: 7px ;
background: url(img/bin/bottom-shorter.gif) no-repeat bottom left;
}

table.nabidka {
width:668px!important;
text-align: center;
overflow-x: hidden;
}

table.nabidka tr td{

}
table.nabidka tr th {
border: 0px ;
padding: 7px ;
background: url(img/bin/top.gif) no-repeat top left;
}

table.nabidka tr th.right_fix {
overflow-x: hidden;
border: 0px ;
padding: 7px ;
background: url(img/bin/top.gif) no-repeat top right;
}


.nabidka tr td {
width: 334px!important;
overflow-x: hidden;
  padding:15px 0px 15px 0px;
  background-color: #f6f8fa;
  border: 2px solid #EAF0F6 ;
  border-top: 0px solid #d9e3ee!important;
}

#shopButton {
display: block;
width: 160px;
height: 40px;
}

a#shopButton div{
padding: 9px  0 0 40px;
font-weight: bold;
font-size: 20px;
color: #0070A5;
visibility: hidden;
}

a#shopButton:hover div{
visibility: visible;
}

.shop-nadpis {
margin: 0px 0px 10px 0px;
font-size: 12px;
font-weight: bold;
color: #F06100;
}


a.shop-nadpis:hover {
text-decoration: underline;
}

#additional {
padding-right: 20px;
text-align: right;
}

#additional .shop-nadpis{
color: #0070A5!important;
}



/*------------------------------ system -------------------------------------*/


#bg  div.clanek,#bg  div.soubor, #bg  div.odkaz {
margin:10px 0px 0px 20px;
}

#bg  span.clanekdatum {
display: block;
font-size: 10px;
}

#bg  span.clanekpopis, #bg  .souborpopis {
color:#F06100;
display: block;
font-size: 0.9em;
font-style: italic;
margin:-2px 0px 0px 15px;
}

#bg  span.clanekzobraz {
font-size: 0.8em;
font-style: italic;
}

#bg  span.claneknazev {

margin:0px 0px 10px 0px;
padding:0px 0px 2px 15px;
}


#bg  span.soubornadpis {

margin:0px 0px 10px 0px;
padding:0px 0px 2px 15px;
}


#bg  .odkazynadpis {

margin:0px 0px 0px 0px;
padding:0px 0px 2px 15px;
}



#bg  div.submenu  {
margin:10px 0px 0px 20px;
}

#bg  div.submenu a.podrubriky {
display:block;
margin:0px 0px 10px 0px;
padding:0px 0px 2px 15px;
}
div.essox_calc {
margin: 5px 5px 20px 5px!important ;
height: 200px!important;
}

div.ESSOX_popis {
font-weight: bold;
font-size: 12px;
}
div.ESSOX {
height: 115px!important;
}

input.ESSOX_submit {
font-size: 12px!important;
cursor: pointer;
}

.red {
color: red;
}

.green {
color: green;
}