/*********/
/* BASIC */
/*********/

*        { margin: 0; padding: 0; border: none; }
p        { padding: 0 0 10px; }
a        { color: #1D2B3E; text-decoration: underline; }
a:hover  { text-decoration: none; }
hr       { display: none; }

html,
body  { padding: 0; margin: 0; }

.clearfix         { display:block; }
.clearfix:after   { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

h1 { font-size: 1.9em;  font-weight: normal;   margin-bottom: 10px; color: #1D2B3E; }
h2 { font-size: 14pt;  font-weight: bold; margin-bottom: 10px; color: #1D2B3E; line-height: 1.1em; }
h3 { font-size: 1.4em;  font-weight: bold;   margin-bottom: 10px; color: #1D2B3E; }
h4 { font-size: 1.2em;  font-weight: bold;   margin-bottom: 5px;  color: #1D2B3E;  }

.hidden     { display: none; }
.tl         { text-align: left; }
.tr         { text-align: right; }
.tj         { text-align: justify; }
.fl         { float: left; }
.fr         { float: right; }
.small      { font-size: .85em; }
.large      { font-size: 1.2em; }

.cols          { position: relative; }
.cols2 .col1   { float: left; width: 49%; }
.cols2 .col2   { float: right; width: 49%; }

/**********/
/* LAYOUT */
/**********/

body  { font: normal 75%/1.3 Tahoma,Geneva,Kalimati,sans-serif; text-align: center; background: #fff url('../files/graphics/bg_body.gif') 0 0 repeat-x; line-height: 1.5; }

#background { position: relative; margin: 0 auto; background: transparent url('../files/graphics/bg_background.jpg') center top no-repeat; height: 1280px; }
#page       { position: relative; width: 1376px; height: 1280px; margin: 0 auto; text-align: left; background: #f3f3f3 url('../files/graphics/bg_page.jpg') 0 0 no-repeat; font-size: .95em; }

#header     { position: relative; height: 325px; }
#logo       { position: absolute; top: 30px; right: 250px; width: 186px; height: 95px; }
#logo h1    { position: relative; display: block; width: 186px; height: 95px; cursor: pointer; overflow: hidden; margin: 0; }
#logo a     { display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; z-index: 12; }
#logo a span{ display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; background: transparent url('../files/graphics/logo.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 0; } 

#mainMenu                           { position: absolute; top: 65px; left: 438px; width: 424px; height: 56px; background: #2F3C4D url('../files/graphics/bg_mainmenu.jpg') 0 0 no-repeat; }
#mainMenu ul#lavaLamp1              { list-style-type: none; position: relative; }
#mainMenu ul#lavaLamp1 li           { display: block; float: left; height: 56px; line-height: 56px; background: transparent url('../files/graphics/bg_mainmenu_li.gif') right 19px no-repeat; }
#mainMenu ul#lavaLamp1 li.last      { background: transparent; }
#mainMenu ul#lavaLamp1 li a         { position: relative; float: left; height: 56px; line-height: 56px; color: #fff; text-decoration: underline;  padding: 0 22px 0 20px; z-index: 10; outline:none; }
#mainMenu ul#lavaLamp1 li a:hover,
#mainMenu ul#lavaLamp1 li.current a { text-decoration: none; color: #E97225; }
#mainMenu ul#lavaLamp1 li.back      { background: transparent url('../files/graphics/bg_mainmenu_li_a_hover.gif') left bottom repeat-x; z-index: 8; position: absolute; cursor: pointer; }

#content    { position: relative; margin: 0px 0 25px 228px; }
#contentCont{ width: 650px; background: #E97225 url('../files/graphics/bg_content.jpg') 0 0 no-repeat; color: #fff; }
#sideBar    { width: 250px; float: left; }
#mainBar    { width: 650px; float: right; }

#footer                 { margin-left: 228px; width: 650px; border-top: 1px solid #fff; padding-top: 25px; color: #fff; }
#footer a               { color: #1D2B3E; text-decoration: none; }
#footer a:hover         { color: #fff; }
#footer .made           { float: left; }
#footer .made strong    { display: block; float: left; margin-right: 5px; }
#footer .made a         { display: block; float: left; padding-right: 27px; background: transparent url('../files/graphics/ico_2am.gif') right center no-repeat; }
#footer .made a:hover   { background-image: url('../files/graphics/ico_2am_white.gif'); }
#footer .made a span    { display: none; }
#footer .copyright      { float: right; }

/*********/
/* PRVKY */
/*********/

ul.ul1      { list-style-type: none; margin-bottom: 25px; }
ul.ul1 li   {  }

.headline1, .headline2  { color: #1D2B3E; width: 650px; overflow: hidden; border: none !important; }
.headline1              { font-size: 14pt; line-height: 1em; margin-bottom: 5px; }
.headline2              { font-size: 11pt; line-height: 1em; }

/**********/
/* SEKCIE */
/**********/

/* produkty */

.products .productsHeadline                     { width: 650px; height: 56px; overflow: hidden; margin-bottom: 20px; line-height: 56px; }
.products .productsHeadline a                   { display: block; width: 100%; height: 100%; overflow: hidden; background: transparent url('../files/graphics/bg_products_headline.png') 0 0 no-repeat; outline: none; text-decoration: none; cursor: pointer; }
.products .productsHeadline a span.brand        { float: left; cursor: pointer; padding-left: 30px; font-size: 1.5em; }
.products .productsHeadline a span.describe     { float: right; cursor: pointer; padding-right: 80px; color: #fff; }
.products .productsHeadline a:hover span.brand,
.products .productsHeadline a.active span.brand { color: #E97225; }

.products .productsItems               { padding-bottom: 10px; }
.products .productsItems .item         { width: 650px; overflow: hidden; margin-bottom: 10px; }
.products .productsItems .item a       { display: block; width: 650px; height: 32px; color: #fff; text-decoration: none; line-height: 32px; overflow: hidden; background: transparent url('../files/graphics/bg_products_item_hover.png') left top no-repeat; cursor: pointer; }
.products .productsItems .item a:hover { color: #1D2B3E; }
.products .productsItems .item a .ico  { display: block; float: left; width: 28px; height: 44px; margin: 7px 23px 0px 19px; background: transparent url('../files/graphics/ico_pdf.png') 0 0 no-repeat; _display: inline; }
.products .productsItems .item a .name { display: block; float: left; height: 62px; font-weight: bold; width: 450px; }
.products .productsItems .item a .date { display: block; float: right; width: 130px; text-align: left; }

/* kontakt */

.contactLayout .text { float: right; width: 277px; padding-top: 15px; }
.contactLayout .map  { float: left; width: 353px; }

.contactLayout table             { font-size: 1em; padding-top: 5px; }
.contactLayout table th,
.contactLayout table td          { vertical-align: top; }
.contactLayout table tr th       { padding-left: 17px; text-align: left; }
.contactLayout table tr.tel th   { background: transparent url('../files/graphics/ico_tel.gif') left center no-repeat; }
.contactLayout table tr.mobil th { background: transparent url('../files/graphics/ico_mobil.gif') left top no-repeat; }
.contactLayout table tr.email th { background: transparent url('../files/graphics/ico_email.gif') left center no-repeat; }
.contactLayout table tr.web th   { background: transparent url('../files/graphics/ico_web.gif') left center no-repeat; }

.contactLayout table tr.mobil td { padding-bottom: 25px; }