body {
margin: 0;
padding: 0;
background: #333333 url(../grafika/bg.gif) repeat-x;
text-align: center;
position: relative;
height: 100%;
font-family: arial;
}

#textfile{
width:570px;
overflow:hidden;
}

#send_order {
margin: 0px;
padding-bottom: 50px;
position: relative;
}

.cena_produktu{
font-size: 15px;
font-weight: bold;
}

.window{
font-size: 12px;
width: 190px;
overflow: hidden;
clear: both;
margin-bottom: 0px;
}

a img {
border: 0;
}

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

a:hover {
text-decoration: underline;
}

#main {
width: 1000px;
text-align: left;
margin: 0 auto;
}

#top {
position: relative;
margin: 0 auto;
width: 1000px;
height: 165px;
text-align: center;
}

#top_menu {
height: 50px;
text-align: center;
width: 1000px;
}

#top_menu ul {
margin: 0;
padding-left: 22px;
height: 30px;
margin: 0 auto;
width: 1000px;
}

#top_menu li {
display: block;
list-style-type: none;
float: left;
padding: 0 3px;
background: url(../grafika/divide.gif) top left no-repeat;
}


#top_menu a {
display: block;
float: left;
color: #fcf2f2;
font-weight: bold;
text-decoration: none;
font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1px;
font-size: 12px;
padding: 18px 20px;
}


#top_menu a:hover {
background: url(../grafika/hover.gif) repeat-x;
}

#logo {
margin-right: 10px;
}

#content {
width: 555px;
float: left;
position: relative;
left: 200px;
background: #fff;
height: 100%;
font-size: 12px;
color: #1a1a1a;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 20px;
min-height: 1500px
}

#content h1 {
font-size: 18px;
}

#content a {
color: #fc0500;
text-decoration: underline;
}

#content a:hover {
text-decoration: none;
}

#right_menu, #left_menu {
width: 190px;
background: #1a1a1a;
margin-top: -58px;
}

#right_menu {
float: right;
}

#left_menu {
position: absolute;
left: 0;
top: 59px;
float: left;
}



#bottom {
clear: both;
width: 100% !important;
position: absolute;
bottom: -5px;
left: 0;
background: #333333 url(../grafika/foot.gif) repeat-x;
height: 40px;
text-align: center;
padding-top: 30px;
}

#bottom a {
color: #fff;
font-size: 12px;
text-decoration: none;
}

#bottom a:hover {
text-decoration: underline;
}

#center {
background: url(../grafika/ct.gif) repeat-y;
position: relative;
}

hr.cleaner {
clear: both;
visibility: hidden;

}


h2 span {
visibility: hidden;
}

#search h2 {
display: block;
height: 33px;
margin: 10px 0;
background: url(../grafika/vyhledavani.gif) top center no-repeat;
}

#search input {
margin-left: 20px;
}

#search input.hledat_button {
background: none;
margin-left: 120px;
margin-top: 5px;
color: #fff;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 0.5px solid #fff;
width: 43px;
font-family: arial;
font-size: 12px;
cursor: hand;
cursor: pointer;
}

.kategorie_tree ul {
margin-left: 15px;
padding-left: 0;
}

.kategorie_tree ul li {
list-style-type: none;
display: block;
background: url(../grafika/arrow.gif) left 3px no-repeat;
padding: 0 0 0 20px;
}


.kategorie_tree ul li a {
color: #fff;
text-decoration: none;
font-size: 14px;
}

.kategorie_tree ul li a:hover {
color: #ef1e1e;
}

h2#kategorie {
display: block;
height: 33px;
margin: 20x 0 8px 0;
background: url(../grafika/kategorie.gif) center top no-repeat;
}

h2#zakaznik {
display: block;
height: 33px;
margin: 20x 0 8px 0;
background: url(../grafika/zakaznik.gif) center top no-repeat;
}

#cross {
background: url(../grafika/cross.gif) center top no-repeat;
}
#cross a{
display: block;
background: url(../grafika/arrow.gif) left 3px no-repeat;
padding: 0 0 0 20px;
color: #fff;
text-decoration: none;
margin-left: 15px;
}

#cross a:hover {
color: #cc3a3a;

}


h2#novinky {
margin-top: -3px;
display: block;
height: 33px;
margin: 20x 0 8px 0;
background: url(../grafika/novinky.gif) center top no-repeat;
}
#zakaznik-box p {
color: #fff;
}

#zakaznik-box a {
display: block;
background: url(../grafika/arrow.gif) left 3px no-repeat;
padding: 0 0 0 20px;
color: #fff;
text-decoration: none;
margin-left: 15px;
}

#zakaznik-box a:hover {
color: #cc3a3a;
}

h2#nejprodavanejsi {
display: block;
margin: 20px 0 8px 0;
background: url(../grafika/nejprodavanejsi.gif) center top no-repeat;
padding-bottom: 20px;
}


ol.best_sellers li {
color: #ef1e1e;
font-size: 14px;
margin-left: -16px;
}

ol.best_sellers li a {
color: #fff;
text-decoration: none;
}

ol.best_sellers li a:hover {
color: #fd0002;
}

strong.cena {
display: block;
margin: 0;
font-weight: normal;
}

.leftfloat {
/* float: left; */
}

h3.news_topic {
}

h3.news_topic a {
text-decoration: none;
color: #ef1e1e;
font-size: 14px;
}

h3.news_topic a:hover {
text-decoration: underline;
}

#novinky-box {
margin: 0 10px 0 0;
width: 180px;
font-size: 12px;
color: #ebe6e6;
}

span.date {
color: #9b9b9b;
font-size: 12px;
padding: 0;
margin: 0;
}


#content h2 {
font-size: 16px;
color: #ef1e1e;
}

#bottom .obsah {
width: 1000px;
margin: 0;
text-align: right;
color: #fff;
text-decoration: none;
}

#bottom .odkazy{
position: relative;
color: #fff;
font-size: 12px;
text-decoration: none;
position: absolute;
right: 340px;
text-align: right;
}
#bottom .odkazy a {
font-size: 14px;
padding: 5px;
}

dl.produkt_left {
  width: 210px;
  float: left;
  margin: 13px 0; 
  padding: 0 19px 0 20px;
  border: 2px solid #ef1e1e;
  margin-right: 40px;
  overflow: hidden;
}

 dl.produkt_right {
  width: 210px;
  clear: none;
  float:left;
  margin: 13px 0;
  padding: 0 19px 0 20px;
  border: 2px solid #ef1e1e;
  position: relative;
  right: -1px;
  overflow: hidden;
  }

 dt a {
  font-size: 16px;
  text-align: center;
  display: block;
  text-decoration: none !important;
}

 dt a strong {
  color: #373737;
  display: block;
  margin: 10px 0;
  font-weight: normal;
  text-decoration: underline;
}
 

 dt a:hover strong {
  color: #ef1e1e; 
}
 
 dt a img {
  margin: 0 auto;

}

 dt br {
  line-height:2px;
}

 dd {
  margin-left: 0;
  border:0;
}
 dd.info {
  text-align: center;
  line-height: 1.2;
  margin-left: -80px;
  font-size: 12px;

}
 
 dd p {
  margin: .5em 0 .5em 75px;
}
 .order {
  display: block;
  color: #d31318;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  margin: 0; 
}

  .order a{
  margin-left: 10px;

}
 dd span.price {
  font-family:VERDANA;
  color: #fd0002;
  font-size: 18px;
  margin-left: 25px;
  margin-bottom: 5px;
}
 dd span.price strong {
  letter-spacing: -0.08em;
}
 dd .pridat_text {
  font-size: 70%;
  margin: 5px 0 0 5px;
  border:1px solid blue;
}

dd input {
float: right;
}

.clearline {
visibility: hidden;
clear: both;
}

#user_bar {
width: 560px;
background: #eeeeee;
height: 40px;
padding: 0 20px;
margin-left: 195px;
position: relative;
line-height: 40px; 
}


#user_bar a {
color: #000;
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
}

ul.paging {
display: block;
height: 20px;
padding-left: 40px;
}

.paging li {
display: block;
float: left;
padding: 5px;
list-style-type: none;
font-size: 14px;
font-weight: bold;
}



#content h1 {
color: #1a1a1a;
}

#kosik-box h2 {
margin-top: 10px;
display: block;
height: 33px;
background: url(../grafika/kosik.gif) top center no-repeat; 
}

#kosik-box ul {
margin: 0;
padding: 0 0 0 15px;
color: #fff;
}

#kosik-box p {
margin: 0;
padding: 0 0 0 15px;
color: #fff;
}

#kosik-box a {
text-decoration: underline;
}

#kosik-box a:hover {
text-decoration: none;
}

#kosik-box ul li {
color: #ef1e1e;
list-style-type: none;
display: block;
background: url(../grafika/arrow.gif) left 3px no-repeat;
padding: 0 0 0 20px;
}

#kosik_box{
background-color: red;
}

.prejit {
color: #fff;
float: right;
font-size: 12px;
margin-right: 10px;
display: block;
margin-top: 5px;
}

#content table#kosik{
  margin-left: 2px;
}

#content table#kosik a{
  text-decoration: none;
  font-weight: normal;
}

#content table#kosik a:hover{
  text-decoration: underline;
}

#content table#kosik input.text{
width:200px;
background-color:#ffffff;
float:left;
}


#content table#kosik td.text_center{
text-align: center;
}


#content table#kosik td.tmave{
  background-color:#FB3A3A;
  width:50%;
  text-align:right;
  margin:15px;
}

#content table#kosik thead th{
  background-color:#FB3A3A;
  padding:5px;
  color:#FFFFFF;
  text-align:center;
}

#content table#kosik tbody td{
  background-color:#fdf5f1;
  padding:5px;
  color:#7C7B7C;
  text-align:right;
  margin:15px;
}


#content table#kosik tfoot td{
  background-color:#FB3A3A;
  padding:5px;
  color:#FFFFFF;
  text-align:right;
}

#kosik tr td{
color: #000 !important;
font-size: 15px;
font-weight: bold;
}

#kosik tr td .text{
border: 1px solid #FF640A;
}

#main_info {
float: right;
border: 2px solid #ef1e1e;
padding: 10px 0 10px 50px;
width: 250px;
margin-right: 30px;
}

#main_info a {
text-decoration: none;
}
#main_info a:hover {
text-decoration: underline;
}
#hire_sale, #avalibility, #partNo {
display: block;
width: 280px;
padding: 0 0 0 15px;
background: url(../grafika/sipecka.gif) center left no-repeat; 
}

#img_big {
margin-left: 10px;
float: left;
height: 300px;
width:200px;
overflow:hidden;
}

#price {
  font-family:VERDANA;
  color: #fd0002;
  font-size: 25px;
}

input#submit {
float: right;
margin-top: -38px;
margin-right: 80px;
}

span.price {
position: absolute;
left: 10px;
bottom: 15px;
}

a.submit { 
position: absolute;
right: 10px;
bottom: 10px;
}

dl.produkt_left, dl.produkt_right {
position: relative;
padding-bottom: 40px;
height:250px;
}


input.pocet {
width: 30px;
}


.pokracovat {
float: left;
}

.objednat {
float: right;
}

.pokracovat a {
display: block;
background: url(../grafika/pokr.gif) no-repeat;
height: 29px;
width: 150px;
margin-left: 3px;
text-decoration: none !important;
}

.pokracovat span, .objednat span {
visibility: hidden;
}

.objednat a {
display: block;
background: url(../grafika/obj.gif) no-repeat;
height: 29px;
width: 89px;
text-decoration: none !important;
margin-right: 10px;
}

p.inline {
/* float: left; */
display: inline;
margin-bottom: 5px;
font-weight: normal;
}


.nav_button {
font-size: 15px !important;
font-weight: bold;
}


#podkategorie a.kategorie_vypis span.podkategorie_titulek {
font-size: 16px;
font-weight: bold;
color: #393421;
text-align: center;
text-decoration: none;
}

#podkategorie a.kategorie_vypis {
font-size: 12px;
color: #C71E1E;
text-decoration: underline;
}

#podkategorie a:hover.kategorie_vypis {
text-decoration: none;
}

#podkategorie div {
float: left;
width: 165px;
height: 210px;
border: 2px solid #ef1e1e;
text-align: center;
margin-bottom: 33px;
}

#podkategorie div.left_border {
margin-left: 20px;
}

#podkategorie div.produkt_foto, #podkategorie div.new_line {
border: 0;
display: inline;
}

#podkategorie div.new_line {
display: none;
}

#podkategorie a {
text-decoration: none;
}

#img_smaller {
position: relative;
top: 5px;
float: right;
margin-bottom: 5px;
width: 340px;
text-align: left;
}

#img_smaller img {
padding: 3px;
float: left;
}

#content h1 {
font-size: 24px;
}

#cetelem_img {
padding-left: 8px;
position: relative;
padding-top: 30px;
width: 180px;
}
#ramecek{
  font-size: 1.2em;
  font-style: italic;
  background: #FFF4DD;
  border: 1px dashed #222222;
  margin: -0.5em 0 2em;
  padding: 1em;
  white-space: normal;  
  color: #616161;
}

/*  styly pro bottom */

#copyright a {
position: absolute;
left: 133px;
text-align: left;
color: #fff;
font-size: 14px;
text-decoration: none;
}

#webdesign {
position: absolute;
right: 140px;
color: #fff;
font-size: 10px;
text-decoration: none;
}

#webdesign a{
color: #fff;
font-size: 10px;
text-decoration: underline;
}

#webdesign a:hover {
color: #fff;
font-size: 10px;
text-decoration: none;
}

#content h1 a{
    color: #1a1a1a;
    text-decoration:none;
}