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

#main-container {

width:881px;

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;

}

a#icq {
position: absolute;
display: block;
margin: 19px 0px 0px 350px;
background: url(img/top-butt/icq.gif) no-repeat ;
width:65px;
height:21px;
}

a#icq:hover {
background: url(img/top-butt/icq-active.gif) no-repeat ;
}

a#skype {
position: absolute;
display: block;
margin: 42px 0px 0px 386px;
background: url(img/top-butt/skype.gif) no-repeat ;
width:65px;
height:21px;
}

a#skype:hover {
background: url(img/top-butt/skype-active.gif) no-repeat ;
}

a#mail {
position: absolute;
display: block;
margin: 65px 0px 0px 415px;
background: url(img/top-butt/mail.gif) no-repeat ;
width:65px;
height:21px;
}

a#mail:hover {
background: url(img/top-butt/mail-active.gif) no-repeat ;
}



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 {
background-image: url(img/main/top2.jpg);
background-repeat: no-repeat;
background-position: right;
width:868px;
padding-left: 13px;
height:187px;
}



#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 {
  position: relative;
  margin-top: 50px;
  float: right;
  background: url(img/main/main-top.gif) no-repeat left top !important;
  padding:9px 0 0 0;
  width: 692px !important;
  
}

#content-text div#bg{
  padding-top:20px;
  background: url(img/main/main-middle.gif) repeat-y !important;
  padding: 10px ;
  min-height: 460px;
  _height: 460px;
  overflow-x: hidden;
}

#content-text div#bottom{
  padding: 0px 0px 9px 0px ;
  background: url(img/main/main-bottom.gif) no-repeat left bottom;
  
}

#rightfooter {
min-height: 460px;
_height: 460px;

}


#footerrr{

clear:both;
width:450px;
font-size:8pt;
/*font-family: tahoma,arial, "trbuchet ms";*/
color:#666666;
margin-top:20px;
margin-left:450px;
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;
}

.hidden {
display: none;
}


#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 {
margin: 80px 0px 0 0 !important; 
width: 189px;
float: left;
}



#main-menu {
 position: absolute;
 top: 195px;
 z-index: 99;
 margin-left: 14px;
 
 width: 884px;
 height: 43px;
 
 
}

#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;
width:660px;
}


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!important;
}

/* ANKETA */


#additional div.anketa {
margin-left: 39px;
}

div.anketa {
text-align: left!important;
width:128px;
border:1px solid black;
margin-bottom:10px;
background-color:#fff;
font-size: 12px!important;
}

.anketa div.hlavicka {

background-color:#C6D5E1;
padding:2px;
margin:2px;
text-align:center;
font-size:11px;
}

.anketa div.odpoved  {

background-color:#E9F1F7;
padding:2px;
margin:2px;
font-size:11px;

}

.anketa div.odpovedhl {

background-color:#D8E0E6;
padding:2px;
margin:2px;
font-size:11px;
}

.anketa a {
text-decoration: none;
}

.anketa img {
margin-top:2px;
}

.anketa div.hlasu {
font-size:10px;
text-align: left;
color:gray;
}
table.anketyintext tr td {
vertical-align: top;
padding:0 20px 20px 15px;

}
/* !ANKETA */