/* -- ==================================================================== -- 
                                  Basic styles			
   -- ==================================================================== -- */
   
body {background: #fff url('body-bg.png') center top repeat-x; color: #26357c; font-family: tahoma, arial, verdana, sans-serif; padding: 0; margin: 0; text-align: center; font-size: 62.5%;}

h1, h2, h3, h4, h5, h6 {color: #26357c; margin: 0; border: 1px solid #abc1e4; position: relative;}
h1, h2, h3 {font-weight: normal; text-transform: uppercase;}

.hp h2 {font-family: 'Trebuchet MS', tahoma, arial, verdana, sans-serif; }
.hp h2, h1 {font-size: 1.3em;}
.hp h3, h2 {font-size: 1.3em;}
.hp h4, h3 {font-size: 1.2em;}
.hp h5, h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}


p {line-height: 1.5em; margin: 1em 0; font-size: 1.1em;}

a {color: #26357c;}
a:hover {text-decoration: none;}
a img {border: 0;}

sub, sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}
dl.address, address {font-style: normal; font-size: 1.2em; margin: 20px 0 0; line-height: 1.2em;}

table {border-collapse: collapse; font-size: 1.1em; margin-top: 15px;}
table th, table td {padding: 12px 15px; border: 1px solid #fff;}
table th {background: #d7e1f3; border-width: 1px 1px 1px 0;}
table td {background: #e4ecf8; border-width: 1px 0 1px 1px;}


ul, ol, dl, dt, dd {margin: 0; padding: 0;}
li {margin: 0.4em 0; line-height: 1.5em; font-size: 1.1em;}
ul li {list-style-type: none;}

ol li {margin: 0 0 0 18px; =margin: 0; padding: 0 0 0 13px;}

dl {font-size: 1.1em;}
dt, dd {float: left; line-height: 1.3em;}

form, form p {margin: 0;}

input, textarea {font-family: tahoma, arial, verdana, sans-serif; font-size: 1.2em}
input, select, th, td {font-size: 1em}
li li {font-size: 1em}
li li, li p, td p, blockquote p {font-size: 1em}

input {background: url('input.png') repeat-x; height: 21px; width: 115px; padding: 3px 10px 0; color: #081869; font-size: 1.3em; border: 1px solid #a9bfea; float: left;}
input.text {margin-right: 9px;}
input.submit {width: auto; height: 26px; cursor: pointer;}

.cleaner {clear: both; font-size: 1px; height: 1px;}
.bluecleaner {background: #011265;}

span.h1 {display: block; width: 16px; height: 16px; background: url('h1-span.gif') no-repeat; position: absolute; top: 5px; left: 9px;}
h1.yellow span.h1 {width: 19px; height: 19px; background: url('h1-span-yellow.gif') no-repeat; top: 3px; left: 0;}

span.h2, span.h3 {display: block; width: 16px; height: 16px; background: url('h2-span.gif') no-repeat; position: absolute; top: 5px; left: 6px;}
span.h3 {left: 0;}
span.h3-footer {display: block; width: 16px; height: 16px; background: url('footer-h3.gif') no-repeat; position: absolute; top: 1px; right: 90px;}
.margin-top5 {margin-top: 5px;}


/* -- ==================================================================== -- 
                                 Wrapper styles			
   -- ==================================================================== -- */

div#wrapper {text-align: left; margin: 0 auto; padding: 0; width: 960px; background: #fff url('body-bg.png') left top repeat-x; position: relative}	

#moreinfo {float:left; width:90%;}
/* logo */
#logo a {color: #464646; text-decoration: none;} 
#logo {border: 0; margin: 0; position: absolute; top: 34px; left: 0; z-index: 1; overflow: hidden; background: #fff; text-transform: uppercase;}
#logo, #logo span {width: 153px; height: 71px; display: block; cursor: pointer;}
#logo span {position: absolute; left: 0; top: 0; z-index: 2; background: url('logo.png') no-repeat;}
#logo big {color: #064780; font-weight: bold; display: block;}

div#main {float: right; width: 745px; margin-top: 270px; position: relative; z-index: 2; padding-bottom: 30px;}
div#main h3, div#left h3 {background: url('h2-bg.png') repeat-x; font-size: 1.3em; height: 26px; line-height: 26px; padding: 0 0 0 30px; text-transform: uppercase;}


/* -- ==================================================================== -- 
                                 Header styles			
   -- ==================================================================== -- */

div#header {position: absolute; top: 0; left: 0; width: 960px; height: 242px; background: transparent url('eader.gif') right top no-repeat;}

/* menu */
div#header ul#menu {position: absolute; bottom: 0; left: 0; font-size: 1.1em;}
div#header ul#menu li {float: left; margin: 0; background: url('menu-separator.png');}
div#header ul#menu li a {float: left; background: #fff url('menu-bg.png') left top repeat-x; padding: 0 28px; height: 49px; line-height: 49px; text-decoration: none; margin-right: 2px; font-weight:bold;}
div#header ul#menu li.first a {margin: 0 2px; display: inline;}

/* lang */
div#header ul#lang {position: absolute; bottom: 65px; right: 10px; font-size: 1.2em;}
div#header ul#lang li {float: left; margin: 0; background: url('');}
div#header ul#lang li a {float: left; background: url('lang-bg.png') right 6px no-repeat; padding: 0 8px; color: #fc0; text-decoration: none;}
div#header ul#lang li a:hover {text-decoration: underline;}
div#header ul#lang li.last a {padding-right: 0; background: url('');}


/* -- ==================================================================== -- 
                                 Content styles			
   -- ==================================================================== -- */

div#content {float: left; width: 530px;}
div#content h1 {background: #1956a7 url('h1-bg.png') repeat-x; height: 26px; line-height: 26px; margin-bottom: 12px; font-size: 1.3em; color: #fff; padding: 0 0 0 32px;}
div#content h1.yellow {font-size: 2em; text-transform: none; background: url(''); border: 0; color: #26357c; padding-left: 27px;}

div#content a.box {float: left; width: 225px; height: 87px; font-size: 1.1em; font-family: arial, sans-serif; color: #fff; text-decoration: none; padding: 13px 17px; margin: 0 12px 12px 0;}
div#content a.box * {cursor: pointer;}
div#content a.box-right {margin-right: 0;}

div#content a.box-first {background: #1956a7 url('box-1.gif') left top no-repeat;}
div#content a.box-second {background: #1956a7 url('box-2.gif') left top no-repeat;}
div#content a.box-third {background: #1956a7 url('box-3.gif') left top no-repeat;}
div#content a.box-fourth {background: #1956a7 url('box-4.gif') left top no-repeat;}

div#content a.box strong.heading {background: url('box-strong-bg.gif') no-repeat; text-transform: uppercase; display: block; padding: 0 0 10px 22px; height: 18px; line-height: 15px; font-size: 1.6em; font-weight: normal;}
div#content a.box span {height: 5em; overflow: hidden; display: block;}

/* news - hp */
div.news {float: left; width: 259px; margin: 20px 12px 7px 0; }
div.news-right {margin-right: 0;}
div.news h4 {border: 0;}

div.news img {float: left; width: 104px; border: 1px solid #fc0;}
div.news h4, div.news strong.date, div.news p, div.news a.more {width: 135px; float: right;}

div.news h4 a {text-decoration: none;}
div.news h4 a:hover {text-decoration: underline;}

div.news strong.date {color: #eabb00; font-size: 1.1em;}
div.news p {margin: 5px 0 0;}
div.news a.more {clear: right;}

a.more {float: right; font-size: 1.1em; font-weight: bold;}
p a.more {font-size: 1em;}

/* products */
div.product {width: 530px; background: url('product-bg.gif') right repeat-y; clear: both; height: 92px; margin-bottom: 11px; padding: 5px 0; position: relative;}
div.even {background: url('product-even-bg.gif') right repeat-y;}
div.product img {width: 122px; height: 102px; float: left; position: relative; top: -5px;}
div.product p, div#content div.product h2 {width: 370px; margin-left: 148px; padding: 0; line-height: 1.2em;}
div#content div.product h2 {font-size: 1.3em; border: 0; font-weight: bold; height: 2.5em; overflow: hidden; }

div.product p {margin-top: 0; margin-bottom: 0;}
div.product p.desc {height: 2.6em; overflow: hidden;}
div.product p.price {position: absolute; bottom: 8px; left: 0;}
div.product p.price span {float: left;}

/* news */
div.news-detail {clear: both; padding: 0 0 20px; border-bottom: 1px solid #d7e1f3; margin: 0 0 20px;}

div.news-detail a.img {float: left; border: 1px solid #d7e1f3; cursor: pointer; position: relative; z-index: 2; margin: 3px 18px 0 0;}
div.news-detail a.img img {width: 63px; display: block;}

div.news-detail span.date {padding-right: 7px; margin-right: 5px; background: url('news-date-bg.png') right 1px no-repeat; font-size: 1.1em;}
div.news-detail h2 {display: inline; padding: 0 !important;}
div.news-detail p {margin: 5px 0; line-height: 1.2em; height: 2.5em; overflow: hidden; margin-left: 83px;}
div.news-detail span.more {margin-left: 83px; display: block;}
div.news-detail span.more a.more {float: none;}

div#content img.news-img {float: right; margin: 0 0 10px 10px; border: 2px solid #e4ecf8;}
div#content div h2.nopadding {padding-left: 0;}

/* reference */
div.reference {width: 530px; float: left; background: url('reference-bg.gif') repeat-y; margin-bottom: 1px;}
div.reference a {text-decoration: none;}
div.reference a:hover {text-decoration: underline;}

div.reference h2 {border: 0; font-size: 1.3em; font-weight: bold; text-transform: none; margin-top: 10px;}
div#content div.reference h2 {padding: 0}
div.reference h2, div.reference p {margin-left: 183px;}
div.reference p {line-height: 1.5em;}

div.gallery-detail {display: table; min-height: 150px; border: 2px solid #e4ecf8; background: #e4ecf8 url('reference-img-bg.gif') top repeat-x; #position: relative; overflow: hidden; float: left; width: 163px; margin-bottom: 4px;}
* html div.gallery-detail {height: 150px;}
div.gallery-detail div.middle {#position: absolute;  #top: 50%; height: 150px; width: 163px; display: table-cell; vertical-align: middle; text-align: center; background: url('gallery-detail-bg.gif') center center no-repeat; =background: url('')} 
div.gallery-detail div.middle div.inner {#position: relative;  #top: -50%; float: left; margin: 0 auto; text-align: center;} 
div.gallery-detail div.middle-last div.inner {padding-right: 0;} 
div.gallery-detail div.middle div.inner span {display: block; width: 163px; text-align: center;} 


/* contact */
div#content h2.contact {font-weight: bold; text-transform: none; border: 0; padding: 0; font-size: 1.5em; font-family: tahoma, arial, sans-serif; margin: 20px 0;}

dl.big dt {width: 260px;}
dl.short {width: 270px; float: left; margin-top: 20px;}
dl.short dt {font-weight: bold; width: 110px;}
dl.short dd {width: 150px;}

address.contact {float: left; clear: both; width: 260px;}

form#contact-form {clear: both; width: 480px; padding: 15px 25px; float: left; margin: 25px 0 0; background: #f0f4fb;}
form#contact-form h3 {background: url(''); border: 0; font-weight: bold; text-transform: none; margin-bottom: 20px;}
form#contact-form h3.nopadding {padding: 0; margin: 15px 0 5px;}

form#contact-form input.text, form#contact-form label {float: left; font-size: 1.2em; margin: 0 0 8px;}
form#contact-form label {width: 65px; height: 20px; line-height: 20px;}
form#contact-form input.text {height: 20px; width: 144px; margin-right: 0;}
form#contact-form input.left {margin-right: 18px;}

form#contact-form input.text {background: #fff url('contact-text.png') top repeat-x; border: 1px solid #acc1e4;}
form#contact-form textarea {background: #fff url('contact-textarea.png') top repeat-x; border: 1px solid #acc1e4; width: 478px;}
form#contact-form input.submit {background: #122776 url('contact-submit.png') top repeat-x; border: 1px solid #266dad; color: #fff; margin-top: 8px; padding: 0 0 3px; float: right; height: 20px; text-transform: uppercase; font-weight: bold; font-size: 1.2em;}

form.order {background: url('') !important;}
form.order label {clear: both; width: 140px !important;}
form.order label.long {width: 200px !important;}
form.order input.checkbox {width: auto; margin-top: 0;}

/* product detail */
div#content h2 {border: 0; padding: 5px 0 0 28px; font-weight: bold; text-transform: none; position: relative;}
div.product-left {width: 350px; padding-right: 30px; float: left;}
div.product-right {width: 150px; float: left; overflow: hidden;}
div.product-right img {border: 3px solid #e4ecf8; border-width: 3px 4px; margin-bottom: 10px; display: block; max-width: 150px;}

div#content ul li {background: url('content-li.gif') left 5px no-repeat; padding: 0 0 0 13px}

/* product detail > buy */
div#buy {width: 494px; clear: both; float: left; padding: 12px 18px 20px; background: #011265 url('buy-bg.png') left top repeat-x; position: relative; margin-top: 25px;}
div#buy h2 {color: #fff; text-transform: uppercase; font-family: tahoma; font-size: 1.4em; padding-left: 34px; float: left;}
div#buy h2 span {background: url('buy-h2.gif') no-repeat;}

div#buy strong.right {float: right; font-weight: normal; font-size: 1.2em; margin: 5px 0 20px; text-align: right; color: #fff;}

div#buy span.prices {float: left; width: 225px; font-size: 1.1em; color: #fff; line-height: 2em;}
div#buy span.prices strong {font-size: 1.1em;}

div#buy form {float: right; position: absolute; bottom: 20px; =bottom: 40px; right: 18px;}
div#buy form input.text {padding-left: 0; padding-right: 0; width: 29px; border: 1px solid #fff; text-align: right; position: absolute; bottom: 0; right: 120px;}
div#buy form input.submit {width: 99px; height: 34px; background: url('buy-submit.png') no-repeat; padding: 0; text-align: left; border: 0; padding: 0 0 0 6px; font-size: 1.1em; font-weight: bold; color: #26357c;}
div#buy form label {float: left; color: #fff; height: 22px; line-height: 22px; position: absolute; bottom: 2px; right: 110px;}
div.height {height: 20px !important;}

table#table-buy {width: 530px; clear: both; margin: 7px 0 25px;}
table#table-buy th {padding: 15px; background: #e4ecf8; font-weight: bold;}

/* text page */
.text div#content h1, .text div#content h2, .text div#content h3, 
.text div#content h4, .text div#content h5, .text div#content h6 {border: 0; background: url(''); text-transform: none; padding: 0;}

.text div#content h1 {color: #26357c; font-size: 2em;}
.text div#content h2 {padding: 0 0 0 25px; background: url('h2-span.gif') left top no-repeat; }

/* search */
div#content ul#result li {background: url(''); padding: 0; border-bottom: 1px solid #c4d3ed; padding: 20px 0 30px;}
ul#result li h2 {padding: 0;}
ul#result li p {margin: 5px 0 2px;}
div#content .contact h2{
	padding-left: 0px;
}

.contact table td{
	background-color: transparent;
	padding-top: 0px;
	padding-left: 0px;
}
.contact table th {
	font-size: 115%;
	background-color: transparent;
	text-align: left;
	padding-top: 0px;
	font-weight: normal;
	padding-left: 0px;
}


p.right {float: right;}
p.string {float: left; width: 300px;}

/* pager */
p.pager {margin: -20px 0 10px; padding: 5px 0 4px; text-align: center; height: 25px; line-height: 25px; vertical-align: middle;}
p.pager span {display: inline-block;}

p.pager a {color: #333; text-decoration: none;}
p.pager a, p.pager span span {float: left; padding: 0 9px;}
p.pager a:hover {text-decoration: none; color: #00539f;}
p.pager span.active {font-weight: bold; color: #00539f;}

p.pager a.first, p.pager a.next {margin-right: 8px;}
p.pager a.prev {margin-right: 15px;}
p.pager a.next {margin-left: 15px; display: inline !important;}
p.pager a.image {padding: 0; display: block; cursor: pointer;}

p.pager a.image {position: relative; overflow: hidden; text-decoration: none;}
p.pager a.image, p.pager a.image span {width: 15px; height: 25px; display: block; cursor: pointer;}
p.pager a.image span {position: absolute; left: 0; top: 0; z-index: 1;}

p.pager a.first span {background: url('first.png') left center no-repeat;}
p.pager a.prev span {background: url('prev.png') left center no-repeat;}
p.pager a.next span {background: url('next.png') left center no-repeat;}
p.pager a.last span {background: url('last.png') left center no-repeat;}


/* -- ==================================================================== -- 
                                 Right styles			
   -- ==================================================================== -- */

div#right {float: right; width: 200px;}
div#right div.box {padding: 10px 15px; width: 170px; background: #f0f4fb; margin-bottom: 4px;}   
div#right div.box img {/*width: 168px; height: 84px;*/ display: block; border: 1px solid #fc0; margin-top: 10px;}

div#right input.text {margin: 0 6px 12px 0;}
div#right input.submit {width: 57px;}

div#right h3 {margin-bottom: 8px;}
div#right h4 {border: 0; font-size: 1.3em;}
   
   
/* -- ==================================================================== -- 
                                 Left styles			
   -- ==================================================================== -- */   

div#left {float: left; width: 196px; margin-top: 270px; position: relative; z-index: 2;}

/* submenu */
ul#submenu, ul#submenu ul {border-bottom: 1px solid #c4d3ed; list-style-type:none;}
ul#submenu li {position: relative; width: 196px; background: url('submenu-bg.gif') left top repeat-x; margin: 0; height: 31px; behavior: url('hover.htc');}
ul#submenu li:hover, ul#submenu li.hover {background: url('submenu-bg-hover.gif') left top repeat-x;}
ul#submenu li li {border-right: 0;}

/* odkazy */
ul#submenu li a, 
ul#submenu li:hover li a, ul#submenu li.hover li a, 
ul#submenu li:hover li:hover li a, ul#submenu li.hover li.hover li a {color: #26357c; position: relative; height: 31px; line-height: 31px; display: block; padding: 0 0 0 42px; border: 1px solid #c4d3ed; border-width: 1px 1px 0; text-decoration: none; background: url('submenu-span.gif') 12px 9px no-repeat; text-transform: uppercase; font-size: 1.2em; font-weight: bold; font-family: 'trebuchet ms', arial, sans-serif;}

/* hover odkazy */
ul#submenu li a:hover, 
ul#submenu li:hover a, ul#submenu li.hover a,
ul#submenu li:hover li:hover a, ul#submenu li.hover li.hover a, 
ul#submenu li:hover li:hover li:hover a, ul#submenu li.hover li.hover li.hover a {color: #fff; background: url('submenu-span-hover.gif') 12px 6px no-repeat;}
ul#submenu li:hover li:hover a, ul#submenu li.hover li.hover a {border-right: 0px solid #26357c}

/* show/hide */
ul#submenu ul {position: absolute; top: 0; left: 196px; visibility: hidden;}
ul#submenu li:hover ul, ul#submenu li.hover ul {visibility: visible;}
ul#submenu li:hover ul ul, ul#submenu li.hover ul ul {visibility: hidden;}
ul#submenu li:hover li:hover ul, ul#submenu li.hover li.hover ul {visibility: visible;}

ul#submenu li {behavior:url('design/hover.htc');}


div#left dt {width: 70px; clear: right;}
div#left dd {float: right; width: 120px;}

div#left a.catalogue {width: 166px; height: 80px; display: block; background: #ffd015 url('left-enter.png') no-repeat; padding: 11px 0 0 30px; font-size: 1.8em; font-family: arial, sans-serif; text-decoration: none; margin: 15px 0 25px;}
div#left a.catalogue strong {font-size: 1.1em; }




/* -- ==================================================================== -- 
                                 Footer styles			
   -- ==================================================================== -- */   

div#footer {clear: both; background: #011265 url('footer-bg.gif') top repeat-x; height: 250px; /*position: relative; top: 25px*/ margin-top: -25px; position: relative; z-index: 5;}
div#footer-in {width: 960px; text-align: left; margin: 0 auto; margin-bottom: -25px;}

div#footer form {float: right; margin-top: 80px; width: 207px;}
div#footer form h3 {border: 0; color: #fff; font-size: 1.3em; text-transform: uppercase; margin-bottom: 12px; text-align: right;}
div#footer form a {font-size: 1.3em; color: #fff; float: right; clear: both; margin-top: 30px;}
div#right input.submit, div#footer form input.submit {border: 1px solid #a9bfe4; padding: 0 6px 2px;} 

div#footer p {float: left; width: 700px; margin: 116px 0 0; color: #fff;}
div#footer p.recommend {margin-top:10px;}
div#footer p span {padding: 0 5px; display: inline-block;}
div#footer p a {color: #fff; text-decoration: none;}
div#footer p a:hover {text-decoration: underline;}
.noback { background:none;}