pre { font-family: Trebuchet MS; font-size: 11px; position: absolute; color: #000; background: #fff;
 -moz-box-shadow:  0px 0px 10px #000; -webkit-box-shadow:  0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
 -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
 -khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);
 margin: 25px 0 0 75px; padding: 10px;}
* { margin: 0px; padding: 0px; border-collapse: collapse; border: 0; }

body {
  font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; color: #091866;
  background: url('http://www.abrus.cz/image/bg.jpg') repeat-x top left #596dd3;
}
a { color: #baa61f;}
a:hover { color: #596dd3;} 

#site-top { background: url('http://www.abrus.cz/image/site-shade-top.png') no-repeat top left;}
#site-bot { background: url('http://www.abrus.cz/image/site-shade-bot.png') repeat-y top left #fff; width: 1060px; margin: 0px auto;}
#top-bar { background: url('http://www.abrus.cz/image/top-bar-bg-1.jpg') repeat-x top left; color: #fff; width: 1050px; height: 70px; margin-left: 5px;}
#top-bar a { color: #fff; text-decoration: none;}
#top-bar a:hover, #top-bar .active a { color: #93a5ff;}
#top-content-l { background: url('http://www.abrus.cz/image/top-content-left.jpg') no-repeat top left; margin-left: 11px; height: 70px;}
#top-content-r { background: url('http://www.abrus.cz/image/top-content-right.jpg') no-repeat top right; margin-right: 11px; height: 70px;}
#top-bar .divider { background: url('http://www.abrus.cz/image/top-content-divider.gif') no-repeat top left; width: 3px; height: 54px; float: left; overflow: hidden;}
  #top-bar .top-content { background: url('http://www.abrus.cz/image/top-content-bg.jpg') repeat-x top left; height: 54px; float: left;}
  #top-menu { font-size: 12px; text-transform: lowercase; list-style-type: none; width: 175px; margin-left: 27px; padding: 0 75px; }
    #top-menu li { text-align: center; display: block; float: left; height: 40px; margin: 11px 0 0 0;}
    #top-menu li.div { margin: 24px 4px 0 4px;}
    #top-menu li a span { display: block; width: 100%; }
    #top-menu li.home a span { background: url('http://www.abrus.cz/image/top-icon-home.gif') no-repeat top center; height: 10px; margin-top: 3px;}
    #top-menu li.down a span { background: url('http://www.abrus.cz/image/top-icon-down.gif') no-repeat top center;height: 13px;}
    #top-menu li.contact a span { background: url('http://www.abrus.cz/image/top-icon-contact.gif') no-repeat top center; height: 11px; margin-top: 2px;}
    #top-menu li.login a span { background: url('http://www.abrus.cz/image/top-icon-login.gif') no-repeat top center; height: 11px; margin-top: 2px;}
      #top-menu li a:hover span, #top-menu li.active a span { background-position: bottom center;}
  #top-basket { background: url('http://www.abrus.cz/image/top-icon-basket.gif') no-repeat 75% 10px; font-size: 11px; width: 130px; height: 54px; padding: 10px 85px 0 40px; }
    #top-basket dt { font-weight: bold; float: left; width: 7px; padding: 0 2px 0 1px;}
    #top-basket dd { float: right; width: 46%; padding: 0 3px;}
  #top-search { width: 230px; padding: 5px 48px 0 121px; }
    #top-search span { background: url('http://www.abrus.cz/image/top-search-input-left.gif') no-repeat 0 0; display: block; height: 35px; padding-left: 6px; padding-top: 0; float: left;}
    #top-search span input { background: url('http://www.abrus.cz/image/top-search-input-bg.gif') repeat-x 0 0; font-family: Arial; font-size: 13px; color: #172983; height: 34px; padding: 0px 10px; border-right: 2px solid #4f62c6; }
    #top-search button { float: right; border: 0px; background: none transparent; cursor: pointer;}
    
#head { background: url('http://www.abrus.cz/image/head-bg.jpg') no-repeat top left #fff; width: 1009px; height: 159px; margin: 0 0 0 5px; padding: 62px 0 0 41px; }

#menu { background: url('http://www.abrus.cz/image/menu-bg.gif') repeat-x top left; margin: 0 0 0 5px; padding: 0 0 0 0; width: 1050px; height: 57px; }
  #menu li { text-align: center; display: block; float: left; width: 262px; height: 44px; padding: 13px 0 0 0; }
  #menu .first { background: url('http://www.abrus.cz/image/menu-left.gif') no-repeat top left; }
  #menu .last { background: url('http://www.abrus.cz/image/menu-right.gif') no-repeat top right; width: 264px; }
  #menu a { font-family: Arial; font-size: 20px; color: #f4f4f4; text-decoration: none; }
  #menu a:hover, #menu .active a { color: #f4e68b; }

#left-column { background: #fff; float: left; padding: 0 0 0 22px; margin: 0 0 0 5px; }
#eshop-sub { background: url('http://www.abrus.cz/image/eshop-sub-bg.gif') repeat-y top left; width: 216px;}
  #eshop-sub li { font-family: Arial; font-size: 15px; list-style-type: none; padding: 0 0 8px 0;}
  #eshop-sub .first { background: url('http://www.abrus.cz/image/eshop-sub-top.gif') no-repeat top left; padding-top: 24px; }
  #eshop-sub .last { background: url('http://www.abrus.cz/image/eshop-sub-bottom.gif') no-repeat bottom left; padding-bottom: 24px; }
  #eshop-sub a { background: url('http://www.abrus.cz/image/eshop-sub-list-item.gif') no-repeat 0 3px; color: #fff; text-decoration: none; padding: 0 0 0 22px; margin: 0 0 0 15px;}
  #eshop-sub .active {  }
  #eshop-sub a:hover, #eshop-sub .active a { background: url('http://www.abrus.cz/image/eshop-sub-list-item-active.gif') no-repeat 0 3px; color: #f4e68b; }
#eshop-category { background: url('http://www.abrus.cz/image/eshop-category-bg.gif') repeat-y top left; font-family: Arial; font-size: 13px; list-style-type: none; padding: 0 0 0 0; }
  #eshop-category .first { background: url('http://www.abrus.cz/image/eshop-category-top.gif') no-repeat top left; font-size: 16px; font-weight: bold; font-style: italic; color: #5669cd; padding-top: 20px; padding-bottom: 10px; }
  #eshop-category .last { background: url('http://www.abrus.cz/image/eshop-category-bottom.gif') no-repeat bottom left; padding-bottom: 20px; }
  #eshop-category li { margin: 7px 0 7px 0; padding: 0 0 0 15px; }
  #eshop-category li a { background: url('http://www.abrus.cz/image/eshop-category-list-item.gif') no-repeat 0 3px; display: block; width: 161px; border-bottom: 1px solid #ebebeb; }
  #eshop-category a { color: #4f4f4f; text-decoration: none; margin-right: 20px; padding: 0 0 3px 20px; }
  #eshop-category a:hover, #eshop-category li.active a { background: url('http://www.abrus.cz/image/eshop-category-list-item-active.gif') no-repeat 0 3px; color: #4f62bf; }
  
#right-column { background: #fff; width: 811px; float: right; margin: 0 6px 0 0; }
#breadcrumb {
  background: url('http://www.abrus.cz/image/breadcrumb-bg.png') no-repeat top left;
  font-family: Arial;
  font-size: 12px;
  text-align: right;
  margin: 0 23px 10px 0px;
  padding: 0 0 0 12px;
}
  #breadcrumb ul {
    list-style-type: none;
    border-bottom: 1px solid #dedede;
    margin: 0;
    padding: 13px 5px 9px 0px;
  }
  #breadcrumb li { background: url('http://www.abrus.cz/image/breadcrumb-list-item.gif') no-repeat 0 5px; display: inline; margin: 0 12px 0 0; padding: 0 0 0 12px;}
  #breadcrumb .active, #breadcrumb li:hover { background: url('http://www.abrus.cz/image/breadcrumb-list-item-active.gif') no-repeat 0 5px;}
  #breadcrumb a { color: #172983; text-decoration: none;}
  #breadcrumb a:hover, #breadcrumb .active a { color: #baa61f;}

#content { line-height: 20px; padding: 0 0 20px 0; margin: 0 23px 0 12px; }
 #content h2 { font-size: 20px; font-weight: normal; margin: 40px 20px 20px 20px; }
 #content h3 { font-size: 17px; font-weight: normal; color: #172983; margin: 30px 20px 10px 20px; }
 #content p { margin: 6px 20px 6px 20px; }
 #content ul, #content ol, #content dl { margin: 0 0 0 50px; list-style-type: none;}
 #content input, #content textarea, #content select { font-family: Arial; font-size: 12px; color: #121212; border: 1px solid #888888;
 -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; padding: 3px 6px;}
 #content input.num { text-align: center; width: 30px;}
 #content input.text { width: 70px;}
 #content .submit td { text-align: right; padding: 5px 0 0 0;}
 #content .produkt-fancy .submit td { text-align: right; padding: 5px 0 0 0;}
 #content .submit input { font-size: 13px; color: #121212; border: 1px solid #888888; background: #d6d6d6; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#adadad)); background: -moz-linear-gradient(0% 100% 90deg,#adadad, #d6d6d6); background: -o-linear-gradient(90deg, #adadad, #d6d6d6);}
 #content .produkt-fancy .submit input { font-size: 13px; color: #121212; border: 1px solid #888888; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#adadad)); background: -moz-linear-gradient(0% 100% 90deg,#adadad, #d6d6d6); background: -o-linear-gradient(90deg, #adadad, #d6d6d6);}
 
 .adresa { float: left; width: 30%;}
 #kontaktni-form { float: right; width: 60%;}
 .varovani { background: #dedede; color: #303030; text-align: center; border: 3px double #303030; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; padding: 10px 20px;}
 .uspech { background: #27c420; color: #fff;}
 .neuspech { background: #c42020; color: #fff;}
 
.content-fancy { width: 800px; margin: 0 auto 100px auto; text-align: center;}
 
  .produkt { background: url('http://www.abrus.cz/image/product-bg.gif') repeat-y top left; width: 384px; height: 230px; float: left; margin: 6px 0 6px 3px; padding: 0; }
    .produkt-top { background: url('http://www.abrus.cz/image/product-top.gif') no-repeat top left; width: 384px; height: 8px; overflow: hidden;}
    .produkt-bottom { background: url('http://www.abrus.cz/image/product-bottom.gif') no-repeat bottom left; width: 384px; height: 15px; overflow: hidden;}
    #content .produkt p { margin: 0; padding: 0; }
  .produkt-fancy { width: 384px; height: 230px;  }
  #content .foto { float: left; border: 2px solid #a3abd2; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin: 2px 0 2px 10px; }
  #content .foto a { text-decoration: none;} 
  #content .new-image-1 { width: 120px; height: 207px; overflow: hidden; margin: 0; padding: 0; }
    #content .produkt-fancy .new-image-1 { width: 110px; height: 180px; overflow: hidden; padding: 0;}
  #content .new-image-2 { float: left; width: 300px; height: 500px; overflow: hidden; margin: 0; padding: 0; }
  #content .parametry { width: 54%; float: right; margin: 0 0 0 35px; }
  #content .parametry h2 { padding: 0; margin: 20px 0 20px 0; }
  #content .parametry h3 { font-size: 15px; font-weight: bold; margin: 30px 0 10px 0; }
  #content .parametry p { font-size: 12px; }
  .parametry .p-table { font-size: 13px; width: 100%; border-top: 3px double #dedede; border-bottom: 3px double #dedede; }
  .parametry th { text-align: left; padding: 0 0 0 15px; }
  .parametry td { text-align: left; padding: 0 0 0 80px; }
  .doplnek { text-align: center; width: 130px; height: 180px; float: left; border: 1px solid #d2d2d2; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin: 5px; }
  .doplnek img { border: 2px solid #a3abd2; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
  #content .detail { float: right; width: 230px; height: 205px; margin: 10px 0 0 15px; }
  #content .produkt-fancy .detail { text-align: left; float: right; width: 230px; height: 197px; margin: 10px 0 0 15px; }
  #content .detail h3, #content .detail h3 a { font-size: 20px; font-weight: normal; color: #596dd3; text-decoration: none; width: 95%; margin: 0 0 0 0; padding: 0 0 10px 0; }
  #content .produkt-fancy .detail h3, #content .produkt-fancy .detail h3 a { font-size: 17px; font-weight: normal; color: #596dd3; text-decoration: none; width: 95%; margin: 0 0 0 0; padding: 0 0 10px 0; }
  #content .detail table { font-size: 13px; color: #6b6b6b; margin: 0 0 35px 0; }
  #content .produkt-fancy .detail table { font-size: 11px; color: #6b6b6b; margin: 0 0 35px 0; }
  #content .detail th { font-weight: bold; text-align: left; }
  #content .detail td { padding: 0 0 0 80px; }
  #content .produkty-fancy .detail .submit td { padding: 5px 0 0 0;}
  #content .produkt-fancy .detail td { padding: 0 0 0 50px; }
  #content a.zobr-detail { background: url('http://www.abrus.cz/image/product-zobr-detail.gif') no-repeat 0px 5px; font-family: Verdana; font-size: 11px; color: #172983; text-decoration: none; padding: 0 0 0 15px; margin: 0 0 0 60px; clear: both; }
  #content a.zobr-detail:hover { text-decoration: underline; }
  
#interactive-products { border-top: 3px double #dedede; border-bottom: 3px double #dedede; clear: both; padding: 30px 0 10px 0; }
.interactive-content { background: url('http://www.abrus.cz/image/product-bg.gif') repeat-y top left; height: 238px; overflow: hidden; }
  .interactive-content .produkt, .interactive-content .produkt-top, .interactive-content .produkt-bottom { background: none transparent; margin: 0; padding: 0; position: relative; clear: both; }
  #action-good-1, #action-good-2, #action-good-3, #action-good-4, #action-good-5, #new-prod-1, #new-prod-2, #new-prod-3, #new-prod-4, #new-prod-5 { display: none; }
  #interactive-products .top { background: url('http://www.abrus.cz/image/interactive-top-bg.gif') repeat-x top left; height: 43px; margin: 0; }
  #interactive-products .top p { background: url('http://www.abrus.cz/image/interactive-top-side.png') no-repeat top left; text-align: right; font-family: Arial; font-size: 20px; font-weight: normal; font-style: italic; color: #fff; width: 379px; height: 32px; margin: 0; padding: 11px 5px 0 0; }
  #interactive-products .top p span { padding: 0 30px 0 0; }
  #interactive-products .bottom { background: url('http://www.abrus.cz/image/interactive-bot-bg.gif') repeat-x top left; height: 50px; }
  #interactive-products .bottom div { background: url('http://www.abrus.cz/image/interactive-bot-side.png') no-repeat top left; width: 100%; height: 50px; }
  #interactive-products .bottom a { background: url('http://www.abrus.cz/image/interactive-arrow.gif') no-repeat 0 7px; font-family: Arial; font-size: 12px; text-decoration: none; color: #172983; display: block; width: 40%; height: 40px; float: left; margin: 13px 0 0 20px; padding: 0 0 0 15px; }
  #interactive-products .bottom a:hover { text-decoration: underline; }
  #content .control { list-style-type: none; text-align: center; width: 40%; height: 40px; float: right; margin: 10px 0 0 0; padding: 0;}
    .control li { background: url('http://www.abrus.cz/image/interactive-but.png') no-repeat 0 0; display: block; width: 24px; height: 24px; float: left; cursor: pointer; margin: 0 1px 0 2px; }
    .control li.active { background: url('http://www.abrus.cz/image/interactive-but-active.png') no-repeat 0 2px; }
    #new-products { width: 384px; height: 350px; float: left; overflow: hidden; }
    #action-goods { width: 384px; height: 350px; float: right; overflow: hidden; }
  
#site-bottom { background: url('http://www.abrus.cz/image/site-bottom.gif') no-repeat top left; height: 11px; overflow: hidden; }

.raz-a-str { border-bottom: 3px double #dedede; margin: 15px 0 15px 0; }
.strankovani { width: 40%; float: right; }
.strankovani b { display: block; float: left; height: 18px; margin: 0 4px; }
.strankovani a { background: url('http://www.abrus.cz/image/paging-butt.png') no-repeat 0 1px; font-weight: bold; color: #fff; width: 27px; height: 20px; display: block; float: left; text-align: center; text-decoration: none; margin: 0 2px 0 2px; }
.strankovani a:hover { color: #d1d1d1;}
.strankovani span { background: url('http://www.abrus.cz/image/paging-butt-active.png') no-repeat 0 1px; font-weight: bold; color: #888888; width: 27px; height: 20px; display: block; float: left; text-align: center; margin: 0 2px 0 2px; }
.razeni { width: 40%; float: left; }
.razeni a { padding: 0 3px; }
.razeni .aktivni { color: #aeaeae; text-decoration: none; }

#nakupni-kosik { width: 100%; }
  #nakupni-kosik th { background: #dedede; font-size: 14px; color: #505050; padding: 12px 7px 5px 7px; border-bottom: 3px double #8e8e8e;}
  #nakupni-kosik td { font-size: 12px; padding: 4px 7px; border-bottom: 1px solid #8e8e8e; }
  #nakupni-kosik tr.balne td { border: 0px; }
  #nakupni-kosik tr.postovne td { padding-bottom: 10px;}
  #nakupni-kosik tr.postovne .submit { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#adadad)); background: -moz-linear-gradient(0% 100% 90deg,#adadad, #d6d6d6); background: -o-linear-gradient(90deg, #adadad, #d6d6d6);}
  th.pocet, td.pocet { width: 50px; text-align: right;}
  th.nazev, td.nazev { text-align: left; }
  th.cena, td.cena { width: 100px; text-align: right; }
  th.odstran, td.odstran { width: 25px; text-align: center;}
  td.odstran a { font-family: Palatino,'palatino linotype',serif; font-size: 14px; font-weight: bold; border: 1px solid red; color: red; text-decoration: none; padding: 1px 3px; margin-top: 2px;}
  td.odstran a:hover { border: 1px solid #323232; color: #323223;}
  tr.soucet td { background: #dedede; font-size: 14px; font-weight: bold; color: #505050;}
  td.podprodukt { background: url('http://www.abrus.cz/image/podprodukt.gif') no-repeat 43px 9px; }

#foot { font-family: Arial; font-size: 12px; color: #fefefe; width: 1000px; margin: 0 auto; }
  #foot a { color: #fefefe; text-decoration: none; }
  #foot a:hover, #foot .active a { color: #93a5ff; }
  #foot p { float: left; margin-top: 20px; }
  #foot ul { text-transform: lowercase; list-style-type: none; float: right; }
  #foot li { text-align: center; display: block; float: left; height: 40px; margin: 11px 0 0 0; }
  #foot li.div { margin: 24px 5px 0 5px;}
  #foot li a span { display: block; width: 100%;}
    #foot li.home a span { background: url('http://www.abrus.cz/image/foot-icon-home.gif') no-repeat top center; height: 10px; margin-top: 3px;}
    #foot li.up a span { background: url('http://www.abrus.cz/image/foot-icon-up.gif') no-repeat top center; height: 13px;}
    #foot li.contact a span { background: url('http://www.abrus.cz/image/foot-icon-contact.gif') no-repeat top center; height: 11px; margin-top: 2px;}
    #foot li.login a span { background: url('http://www.abrus.cz/image/foot-icon-login.gif') no-repeat top center; height: 11px; margin-top: 2px;}
      #foot li a:hover span, #foot li.active a span { background-position: bottom center;}
  
.kosik-objednavka { font-size: 13px; color: #121212; width: 250px; border: 1px solid #888888; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#adadad)); background: -moz-linear-gradient(0% 100% 90deg,#adadad, #d6d6d6); background: -o-linear-gradient(90deg, #adadad, #d6d6d6); padding: 10px 30px; margin: 20px auto; text-align: center; display: block; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.formular { border-top: 3px double #dedede; border-bottom: 3px double #dedede; padding: 10px 0;}
.formular .label { width: 1800px; font-weight: bold; vertical-align: top;}
.formular .label b, .formular .info b { color: red;}
.formular td { padding: 3px 5px;}
.formular input, .formular select, .formular textarea { width: 330px;}
.formular .info { font-style: italic;}
.formular .submit { width: auto;}

.lide-ve-firme { width: 100%;}
.lide-ve-firme th { text-align: left; padding-top: 10px; border-bottom: 1px dashed #dedede;}
  .lide-ve-firme th em { font-weight: normal; padding-left: 15px;}
.lide-ve-firme td { text-align: right; padding-right: 50px; border-bottom: 1px dashed #dedede;}

#prihlaseni, .prihlaseni { width: 60%; float: left;}

#objednavka {
  width: 75%;
  margin: 0 auto;
}

#map_canvas { width: 750px; height: 500px; border: 2px solid #dedede;}

.txt-l { text-align: left;}
.txt-c { text-align: center;}
.txt-r { text-align: right;}  
  
.flL { float: left;}
.flR { float: right;}
.flN { clear: both;}
.zero { height: 0; overflow: hidden;}