/* layout */
.cleaner {clear: both; height: 1px; font-size: 1px; display: block; padding: 0; margin: 0;}
.hidden {display: none;}
.fl {float: left;  display: inline !important;}
.fr {float: right; display: inline !important;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.nw {white-space: nowrap !important;}
.uc {text-transform: uppercase !important;}

IMG {border: 0px;}
SPAN.txt {height: auto !important;}
BODY, FORM, FIELDSET, UL, OL, H1, H2, H3, H4, H5 {padding: 0; margin: 0;}
FIELDSET {border: 0px;}
HTML, BODY {height: 100%;}
BODY {background: url('../images/layout/backgrounds/bg-body.gif') top left repeat-x #72a2bd; text-align: center; font-family: Arial, sans-serif; font-size: 11px; color: #3b3b3b; padding-top: 21px;}
#main {width: 743px; margin-left: auto; margin-right: auto; text-align: left; position: relative;}

.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w650 {width: 650px;}

.no-js {margin: 0px; padding: 5px; text-align: center;}
.no-js A {color: #3b3b3b;}

#left-shadow {width: 17px; height: 158px; background: url('../images/layout/backgrounds/bg-main-shadow-left.jpg') top left no-repeat; position: absolute; top: 230px; left: 0px; z-index:10;}
#right-shadow {width: 17px; height: 158px; background: url('../images/layout/backgrounds/bg-main-shadow-right.jpg') top left no-repeat; position: absolute; top: 230px; right: -1px; z-index:10;}

FIELDSET {border: 0px;}
LEGEND {display: none; border: 1px solid red;}
INPUT, FORM SELECT, FORM TEXTAREA {font-size: 11px; font-family: Arial, sans-serif;}
INPUT.txt {border: 1px solid #6c86a3; background: url("../images/layout/backgrounds/bg-input.gif") top right repeat-x; height: 16px; _height: 22px; _heig\ht: 16px; padding-top: 3px; padding-left: 4px;}
TEXTAREA {border: 1px solid #6c86a3; background: url("../images/layout/backgrounds/bg-input.gif") top right repeat-x; overflow: hidden; padding-top: 3px; padding-left: 4px;}
SPAN.obliged {color: red; float: left; margin-left: 4px; font-size: 12px;}
/*************************************************************************************************************************/

/* Header */
#header-holder {min-height: 213px; _height: 230px; _heig\ht: 213px; background: url('../images/layout/backgrounds/bg-header-holder.jpg') top left no-repeat; position: relative; z-index: 2; padding-top: 17px;}
#header {margin-left: 17px; margin-right: 17px; padding: 4px 4px 0px 4px; background-color: #fff; position: relative;}

#languages {position: absolute; top: -25px; left: 0px; _left: 17px; _lef\t: -3px;}
#languages A {display: block; height: 18px; _height: 25px; _heig\ht: 18px; background-color: #6293c1; color: #fff; font-size: 11px; font-weight: bold; text-align: center; padding-top: 7px; float: left; _display: inline; position: relative; overflow: hidden; text-decoration: none;}
#languages A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
#main #languages A.act {background-color: #c41818;}
#main #languages A.act SPAN {background-position: 0px -25px;}
#languages A#lang-czech {width: 32px;}
#languages A#lang-czech SPAN {background: url("../images/layout/backgrounds/bg-lang-cz.gif") top left no-repeat;}
#languages A#lang-english {width: 30px;}
#languages A#lang-english SPAN {background: url("../images/layout/backgrounds/bg-lang-en.gif") top left no-repeat;}

#icon-basket {width: 70px; padding-top: 4px; height: 18px; _height: 22px; _heig\ht: 18px; background-color: #175e9d; display: block; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; position: absolute; top: -27px; right: 228px; _right: 246px;}
#icon-basket SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/layout/backgrounds/bg-basket.gif") top left no-repeat; cursor: pointer; cursor: hand;}

#search {position: absolute; top: -27px; width: 230px; right: -6px; _right: 8px; _rig\ht: 12px;}
#search INPUT {float: left; _display: inline;}
#search INPUT#f_search {margin-right: 4px; width: 140px;}

#header H1 {width: 177px; _width: 200px; _wid\th: 177px; height: 117px; _height: 159px; _heig\ht: 117px; font-size: 24px; letter-spacing: -1px; text-transform: uppercase; position: absolute; padding-top: 42px; padding-left: 23px; background: url("../images/layout/backgrounds/bg-h1.jpg") top left no-repeat #fafafa; top: 54px;}
#header #like-h1 {width: 177px; _width: 200px; _wid\th: 177px; height: 117px; _height: 159px; _heig\ht: 117px; font-size: 24px; letter-spacing: -1px; text-transform: uppercase; position: absolute; padding-top: 42px; padding-left: 23px; background: url("../images/layout/backgrounds/bg-h1.jpg") top left no-repeat #fafafa; top: 54px;}
#header H1 A, #header #like-h1 A {text-decoration: none; color: #00396c; position: relative; overflow: hidden; display: block; width: 150px; height: 64px;}
#header H1 A SPAN, #header #like-h1 A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/layout/backgrounds/bg-h1-logo.gif') top left no-repeat; cursor: pointer; cursor: hand;}
#header H1 A SMALL, #header #like-h1 A SMALL {font-size: 10px;}

#intro {width: 499px; height: 157px; background: url("../images/layout/backgrounds/bg-intro.jpg") top left no-repeat; margin-left: 202px; margin-top: 4px; border-bottom: 2px solid #fff;}

#nav {height: 46px; position: relative;}
#nav LI {float: left; display: inline; list-style-type: none;}
#nav LI A {position: relative; display: block; height: 30px; _height: 46px; _heig\ht: 30px; padding-top: 16px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; background-color: #155d98;}
#nav LI A:hover {color: #ffffff;}
#nav LI A:hover SPAN {background-position: 0px -46px;}
#nav LI A SPAN {display: block; width: 100%; height: 46px; position: absolute; top: 0px; left: 0px; cursor: pointer; cursor: hand; background-position: top left; background-repeat: no-repeat;}

#nav .submnu {border-bottom: 1px solid #073d68; border-right: 2px solid #073d68; width: 181px; visibility: hidden; position:absolute; z-index: 100;}
#nav LI:hover .submnu {visibility: visible;}
#nav LI:hover A SPAN {background-position: 0 -46px;}

#nav .submnu LI {float: none; width: 100%;}
#nav .submnu LI A {text-align: left; text-transform: none; color: #fff; background: url("../images/layout/crumbs/li-submenu.gif") 8px 10px no-repeat #1f6eae; display: block; min-height: 20px; padding: 0px; height: auto; _height: 20px; border-top: 1px solid #3084c8; border-bottom: 1px solid #155b94; font-size: 11px; padding-left: 18px; padding-right: 12px; font-weight: normal;}
#nav .submnu LI A:hover {background-color: #b90707;}
#nav .submnu LI A:hover {background-color: #b90707;}
#nav .submnu UL LI SPAN {background-image: none; position: static;  height: auto; padding-top: 4px; padding-bottom: 4px;}


#nav-100 {width: 81px;}
#nav-100 SPAN {background-image: url('../images/layout/nav/nav100.gif');}
#nav-200 {width: 88px;}
#nav-200 SPAN {background-image: url('../images/layout/nav/nav200.gif');}
#nav-300 {width: 125px;}
#nav-300 SPAN {background-image: url('../images/layout/nav/nav300.gif');}
#nav-400 {width: 137px;}
#nav-400 SPAN {background-image: url('../images/layout/nav/nav400.gif');}
#nav-500 {width: 87px;}
#nav-500 SPAN {background-image: url('../images/layout/nav/nav500.gif');}
#nav-600 {width: 94px;}
#nav-600 SPAN {background-image: url('../images/layout/nav/nav600.gif');}
#nav-700 {width: 89px;}
#nav-700 SPAN {background-image: url('../images/layout/nav/nav700.gif');}

/*************************************************************************************************************************/

/* Content */

#content-holder {min-height: 160px; _height: 160px; background: url('../images/layout/backgrounds/bg-content-holder.gif') top left repeat-y; position: relative; z-index: 1;}
#content {margin-left: 17px; margin-right: 17px; background-color: #fff; min-height: 160px; _height: 160px; position: relative;}
#content H3 {font-size: 12px; text-transform: uppercase; color: #00396c; position: relative;}
#content A {color: #b60707;}


#content-left {float: left; _display: inline; width: 207px;}
#content-left {float: left; _display: inline; width: 207px;}#content-left {float: left; _display: inline; width: 207px;}
#content-left #h3-home-trade-network, #content-left #h3-important-home-news {width: 174px; _width: 207px; _wid\th: 174px; height: 21px; _height: 28px; _heig\ht: 21px; color: #ae1313; padding-left: 33px; padding-top: 7px;}
#content-left #h3-home-trade-network SPAN, #content-left #h3-important-home-news SPAN  {position: absolute; top: 0px; left: 0px; width: 207px; height: 100%; background: url("../images/content/headings/h3-home-map-trade-network.gif") top left no-repeat;}
#content-left #h3-important-home-news SPAN {background-image: url("../images/content/headings/h3-home-important-news");}
#content-left #map-trade-network {width: 207px; height: 130px; background: url("../images/layout/backgrounds/bg-map.jpg") top left no-repeat; position: relative;}
#content-left #map-trade-network IMG {display: block;}
#content-left #important-home-news {padding: 31px; padding-top: 0;}
#content-left .trade-city-holder {position: absolute; background: url("../images/layout/backgrounds/bg-map-crumb.gif") top left no-repeat; visibility: hidden; z-index: 5;}
#content-left .trade-city-holder .crumb {font-size: 1px; display: block; width: 5px; height: 4px; background: url("../images/layout/backgrounds/bg-map-crumb.gif") top left no-repeat; position: absolute; margin-top: -3px; left: 50px; z-index: 5;}
#content-left .trade-city {background-color: #fff; filter:alpha(opacity=90); -moz-opacity:.90; color: #00396c; font-size: 9px; border: 1px solid #16568b; width: 136px; _width: 150px; _wid\th: 136px; padding: 6px; }
#content-left .trade-city P {margin: 0px;}
#content-left .trade-city STRONG {font-size: 11px;}
#content-left #praha-layer {top: 68px; left: 18px;}
#content-left #zdanice-layer {top: 92px; left: 102px;}


#content-right {float: left; _display: inline; width: 500px; margin-left: 2px;}
#content-right p{padding-left: 10px; padding-right:10px}
#content-right #h3-home-news, #content-right #h3-company-home-news {width: 462px; _width: 495px; _wid\th: 462px; height: 25px; _height: 36px; _heig\ht: 25px; padding-left: 33px; padding-top: 11px;}
#content-right #h3-home-news SPAN, #content-right #h3-company-home-news SPAN {position: absolute; top: 0px; left: 0px; width: 495px; height: 100%; background: url("../images/content/headings/h3-home-news.gif") top left no-repeat;}
#content-right #h3-company-home-news SPAN {background-image: url("../images/content/headings/h3-home-company-news.gif")}


#main .home-news, #main .company-news {padding-left: 15px; padding-right: 15px; background: url("../images/layout/backgrounds/bg-news.jpg") top left no-repeat;}
#main .company-news {background: none;}
#main #news DIV, #main #news2 DIV {padding-top: 12px; border-top: 1px solid #dcdbdc; padding-bottom: 12px;}
#main #news DIV.first, #main #news2 DIV.first {border-top: 0px;}
#main #news H4, #main #news2 H4 {color: #00396c; font-size: 11px; font-weight: bold; margin-top: 0px;}
#main #news H5, #main #news2 H5 {color: #00396c; font-size: 9px; font-weight: bold;}
#main #news P, #main #news2 P {margin: 0px; margin-top: 5px;}

#main #content H1 {width: 667px; _width: 700px; _wid\th: 667px; height: 22px; _height: 27px; _heig\ht: 22px; padding-left: 33px; padding-top: 5px; color: #00396c; font-size: 12px; text-transform: uppercase; margin-left: 4px; position: relative; overflow: hidden; background: url("../images/layout/backgrounds/bg-h2.gif") top left no-repeat;}
#main #content H2 {width: 667px; _width: 700px; _wid\th: 667px; height: 22px; _height: 27px; _heig\ht: 22px; padding-left: 33px; padding-top: 5px; color: #00396c; font-size: 12px; text-transform: uppercase; margin-left: 4px; position: relative; overflow: hidden; background: url("../images/layout/backgrounds/bg-h2.gif") top left no-repeat;}

#content-right H2#h2-home-news {width: 462px; _width: 495px; _wid\th: 462px; height: 25px; _height: 36px; _heig\ht: 25px; line-height:22px; padding-left: 33px; margin-left: 0px; padding-top: 11px; background: url("../images/layout/backgrounds/bg-h2-u.gif") top left no-repeat;}
#content-right H1#h1-home-news {width: 462px; _width: 495px; _wid\th: 462px; height: 25px; _height: 36px; _heig\ht: 25px; line-height:22px; padding-left: 33px; margin-left: 0px; padding-top: 11px; background: url("../images/layout/backgrounds/bg-h2-u.gif") top left no-repeat;}

#content H2 SPAN {position: absolute; top: 0px; left: 0px; width: 700px; height: 100%; background-position: top left; background-repeat: no-repeat;}
#h2-10 SPAN {background-image: url("../images/content/headings/h2-10.gif");}
#h2-20 SPAN {background-image: url("../images/content/headings/h2-20.gif");}
#h2-30 SPAN {background-image: url("../images/content/headings/h2-30.gif");}
#h2-100 SPAN {background-image: url("../images/content/headings/h2-100.gif");}
#h2-110 SPAN {background-image: url("../images/content/headings/h2-110.gif");}
#h2-120 SPAN {background-image: url("../images/content/headings/h2-120.gif");}
#h2-200 SPAN {background-image: url("../images/content/headings/h2-200.gif");}
#h2-300 SPAN {background-image: url("../images/content/headings/h2-300.gif");}
#h2-400 SPAN {background-image: url("../images/content/headings/h2-400.gif");}
#h2-500 SPAN {background-image: url("../images/content/headings/h2-500.gif");}
#h2-501 SPAN {background-image: url("../images/content/headings/h2-501.gif");}
#h2-502 SPAN {background-image: url("../images/content/headings/h2-502.gif");}
#h2-503 SPAN {background-image: url("../images/content/headings/h2-503.gif");}
#h2-504 SPAN {background-image: url("../images/content/headings/h2-504.gif");}
#h2-505 SPAN {background-image: url("../images/content/headings/h2-505.gif");}
#h2-506 SPAN {background-image: url("../images/content/headings/h2-506.gif");}
#h2-600 SPAN {background-image: url("../images/content/headings/h2-600.gif");}
#h2-610 SPAN {background-image: url("../images/content/headings/h2-610.gif");}
#h2-620 SPAN {background-image: url("../images/content/headings/h2-620.gif");}
#h2-630 SPAN {background-image: url("../images/content/headings/h2-630.gif");}
#h2-640 SPAN {background-image: url("../images/content/headings/h2-640.gif");}
#h2-700 SPAN {background-image: url("../images/content/headings/h2-700.gif");}


#page_content {margin-left: 4px; margin-right: 4px; margin-top: 1px; padding-left: 32px; padding-right: 32px; padding-bottom: 20px; min-height: 180px; _height: 180px; background: url("../images/layout/backgrounds/bg-page_content.jpg") top left no-repeat; padding-top: 1px; _padding-top: 20px;}
#page_content H3, H3.glob {background: url("../images/layout/crumbs/h3.gif") 0px 2px no-repeat; color: #b60707; font-size: 12px; padding-left: 22px; margin-left: -22px; margin-top: 2em;}
#page_content H3 SMALL {color: #00396c; font-size: 11px;}
#page_content H4 {color: #00396c; font-size: 11px; margin: 0px; margin-top: 1.5em;}
#page_content P {margin: 0px; margin-top: 1em;}
#page_content A {color: #b60707;}
#page_content IMG.img, IMG.img {border: 3px solid #d5d4d4;}
#page_content IMG.imgl {float: left; _display: inline; margin-right: 15px; margin-bottom: 10px; border: 3px solid #d5d4d4;}
#page_content IMG.imgr {float: right; _display: inline; margin-left: 15px; margin-bottom: 10px; border: 3px solid #d5d4d4;}
#page_content UL {margin-left: 1px; margin-top: 1em;}
#page_content UL LI {list-style-type: none; background: url("../images/layout/crumbs/li.gif") 0px 6px no-repeat; padding-left: 10px; margin-top: 0.3em;}
#page_content OL {margin-left: 26px; margin-top: 1em;}
#page_content OL LI {margin-top: 0.3em;}
#page_content TABLE {margin-top: 1em; font-size: 11px; border: 0px;}
#page_content TABLE TD, #page_content TABLE TH {padding-right: 5px; padding-top: 3px; padding-bottom: 2px; border: 0px;}
#page_content TABLE.common {width: 100%; margin-top: 2em;}
#page_content TABLE.common TH, #page_content TABLE.common TD {padding: 6px;}
#page_content TABLE.common TH {background-color: #1f6cac; color: #fff; font-weight: bold; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#page_content TABLE.common TD {border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
#page_content TABLE.common TR.tr1 TD {background-color: #f1f0f0;}
#page_content TABLE.common TR.tr2 TD {background-color: #e7e6e6;}
#main #page_content TABLE.common TR TD.img {background-color: #fff; padding: 0px; vertical-align: top;}
#main #page_content TABLE.common TR TD.img A {border: 1px solid #e2e1e1; display: block; height: 100%; border: 1px solid #e2e1e1;}
/*#main #page_content TABLE.common TR TD.img A IMG {display: block;}*/
#page_content A.button-red {display: block; position: relative; overflow: hidden; height: 18px; _height: 22px; _heig\ht: 18px; padding-top: 4px; background-color: #ae0706; text-align: center; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#page_content A.button-red SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; cursor: pointer; cursor: hand;}
#page_content A.button-blue {display: block; position: relative; overflow: hidden; height: 18px; _height: 22px; _heig\ht: 18px; padding-top: 4px; background-color: #145996; text-align: center; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#page_content A.button-blue SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; cursor: pointer; cursor: hand;}
#page_content A.delete {width: 70px;}
#page_content A.delete SPAN {background: url("../images/content/buttons/button-odebrat.gif");}
#page_content A.back-list {width: 101px;}
#page_content A.back-list SPAN {background: url("../images/content/buttons/button-zpet-seznam.gif");}
#page_content FORM LABEL {float: left; _display: inline; margin-top: 5px; margin-right: 5px;}
#page_content FORM .f-row {margin-top: 4px; clear: both; border: 1px solid #fff; _border: 0px;}
#page_content .gallery {margin-top: 1em;}
#page_content .gallery A {float: left; _display: inline; margin-right: 10px; background: url("../images/layout/backgrounds/bg-gallery-img.gif") 0px 85px no-repeat; padding-bottom: 50px; position: relative; width: 114px; cursor: pointer; cursor: hand; margin-top: 10px; text-decoration: none; line-height: 11px;}
#page_content .gallery A IMG {display: block; border: 3px solid #d5d4d4;}
#page_content .gallery A SPAN {display: block; position: absolute; left: 0px; width: 94px; _width: 114px; _wid\th: 94px;  top: 88px; padding-left: 18px; cursor: pointer; cursor: hand; font-size: 10px;}
P.suma {background-color: #b60707; padding: 6px 10px 5px 10px; color: #fff; font-size: 12px; text-align: right;}
FORM#form_order {margin-top: 2em;}

#product-img {float: left; _display: inline; width: 400px; margin-right: 15px; margin-top: 2em;}
#product-img IMG {display: block; border: 1px solid #d5d4d4;}
#product-info {float: left; _display: inline; width: 220px;}

TABLE#imgtable {width: 100%; height: 100%;}
TABLE#imgtable TD {padding: 0px; vertical-align: middle;}
TABLE#imgtable TD.tdimg {text-align: center; vertical-align: top;}
TABLE#imgtable TD.tdimgl, TABLE#imgtable TD.tdimgr {text-align: center; width: 50%; vertical-align: middle;}
TABLE#imgtable TD.tdtit {text-align: center; height: 40px; font-weight: bold; color: #b60707; padding-left: 40px; padding-right: 40px; font-size: 12px;}
TABLE#imgtable TD.tdpop {text-align: center; height: 40px; color: #b60707; padding-left: 40px; padding-right: 40px; font-size: 12px;}

/*************************************************************************************************************************/

/* Footer */
#footer-holder {background: url("../images/layout/backgrounds/bg-footer-holder.jpg") top left no-repeat; height: 52px; position: relative;}
#footer {margin-left: 17px; margin-right: 17px; margin-bottom: 17px; background: url("../images/layout/backgrounds/bg-footer.gif") top left repeat-x #fff; font-size: 10px; font-weight: bold; color: #787878; height: 32px; _height: 35px; _heig\ht: 32px; font-family: Arial, sans-serif; border-bottom: 3px solid #0a497b; text-transform: uppercase;}
#footer P {margin-top: 13px;}
#footer P#copyright {float: left; _display: inline; margin-left: 10px;}
#footer P#design {float: right; _display: inline; margin-right: 10px;}
#footer P A {color: #b60707; text-decoration: underline;}

/*************************************************************************************************************************/