/* Start of CMSMS style sheet 'main' */
/* -- undo browser HTML defaults -- */
ul,ol {list-style-type: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset { margin:0; padding:0 }
a img,:link img,:visited,fieldset,img {border: none;}
address, em {font-style: normal;}


/* GLOBALS ELEMENTS, ID, CLASS
---------------------------------------------------------- */
/* html elements */
em { font-weight: bold; }
hr { display: none; }
input { padding: 2px; vertical-align: middle; font-size: 11px; }
img { vertical-align: middle; }

/* links */
a.more { padding-right: 12px; background: url(../images/arrow-right.gif) no-repeat 100% 50%; }
#main a { color: #0473b2; }
#main a:hover { color: #003d5f; }

/* forms */
fieldset { padding: 0 10px; border: 1px solid #0473b2; }
legend { background: #fff; }
form table th { text-align: right; background: #fff!important; }
form legend { padding: 3px 5px; font-weight: bold; color: #0473b2; }
label.error { display: none!important; }
input.error { background: red; }
label em { color: red; }
input.submit-button {  }
input.textfield {  }

/* headings */

/* universal ID, class */
.hide { display: none; }
.left { float: left; }
.right { float: right;}
.clear {clear: both;}

/* PAGE STRUCTURE
---------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size: 81.25%; font-size: 75%; line-height: 1.583; text-align: center; }
#top { background: #2ec3d0 url(../images/bg-top.gif) repeat-x 0 100%; height: 114px; }
body#home #top { height: auto; }
#header { position: relative; width: 880px; height: 294px; margin: 0 auto; padding-top: 104px; text-align: left; }
#main { float: left; width: 100%; background: url(../images/bg-main.gif) repeat-x 0 0; }
#main .wrapper { width: 880px; margin: 0 auto; text-align: left; }
#content { float: left; width: 550px; margin: 0 30px 50px 0; color: #333; }
#sidebar { float: right; width: 300px; margin-top: 2px; padding-bottom: 80px; background: url(../images/bg-sidebar.jpg) top no-repeat; }
#footer { clear: both; width: 880px; margin-bottom: 30px; padding-top: 1em; border-top: 2px solid #9cd2e2; font-size: 90%; color: #666666  }
.wide  { width: 880px!important }

/* #TOP
---------------------------------------------------------- */
/* #menu */
#menu { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; background: url(../images/bg-menu.png) repeat-x 0 100%; }
#menu .wrapper { position: relative; width: 880px; margin: 0 auto; padding-top: 75px; }
#menu ul { float: right; }
#menu ul li { display: inline; }
#menu ul li a { float: left; display: block; margin-right: 1px; padding: 10px 15px; border-top: 1px solid #e1fbfd; font-weight: bold; text-decoration: none; color: #1e5d66; background: #b3ebef; }
#menu ul li a:hover { background: #fff; }
#menu ul li.activ a { background: #fff; }

/* #header */
#logo { position: absolute; top: 15px; left: 0; z-index: 4; }
#logo span { display: none; }
/* #search */
#search { position: absolute; z-index: 3; top: 30px; right: 0; }
/* #slider1 */
#slider { position: absolute; left: 0; bottom: 0; height: 400px; color: #fff; }
#slider #slide { position: absolute; left: 0; bottom: 0; width: 880px; height: 400px; background: url(../images/bg-slide.jpg) no-repeat 0 0; }
#slider .slide-text { position: absolute; top: 210px; right: 0; width: 380px; }
#slider .slide-text h1 { margin-bottom: 5px; font-size: 250%; font-family: "Trebuchet MS"; }
#slider .slide-text p { line-height: 1.3; font-size: 140%; font-family: "Trebuchet MS"; }

/* #SIDEBAR
---------------------------------------------------------- */
#sidebar h2 { margin-bottom: 0.8em; text-transform: uppercase; font-size: 130%; font-family:"Trebuchet MS"; font-weight: bold; color: #2c4f40; }
/* #top-product */
#top-product { padding: 13px 0 0 30px; }
#top-product a img { margin: 0 10px 15px 0; padding 1px; border: 1px solid #0473b2; }
#top-product a:hover.foto img { border-color: #0b6984; }
#top-product h3, #top-product img { float: left; }
#top-product h3 { width: 188px; }
#top-product .category_item { clear: both; }
/* .sub-nav */
#sidebar .sub-nav { margin-top: 15px; }
#sidebar .sub-nav h5 { font-size: 90%; margin-left: 15px; line-height: 1.25; color: #666666 }
#sidebar .sub-nav ul { margin: 10px 0 0 0; }
#sidebar .sub-nav ul li { float: left; }
#sidebar .sub-nav ul li a { float: left; width: 275px; padding: 10px 0 10px 20px; font-weight: bold; text-decoration: none; background: url(../images/bg-subnav-link.gif) repeat-x 0 100%; }
#sidebar .sub-nav ul li.select { background: url(../images/bg-subnav-select.gif) repeat-y 0 50%; }
#sidebar .sub-nav ul li.select a { color: #666666; }

/* #CONTENT
---------------------------------------------------------- */
#content h2 { margin-bottom: 0.4em; font-family: Tahoma; font-size: 200%; font-weight: normal; color: #0473b2; }
#content h3 { margin: 0.8em 0 0.4em 0; font-size: 120%; font-weight: bold; color: #002439; }
#content h4 { margin-bottom: 0.4em; }
#content ul{list-style: disc outside;}
#content ol{list-style: decimal outside;}
#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table { margin-bottom: 0.8em; }
#content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#content blockquote { padding: 0 1em; margin: 1.6em 0; }
#content dt { font-weight: bold; margin-top: .8em; margin-bottom: .4em; }
#content ul, #content ol { margin-left: 2.2em; }
#content ul ul, content ol ul, #content ul ol, content ol ol { margin-bottom: 0; }
#content ul li { list-style-type: square; }
#content blockquote > * { margin: .8em 0; }
#content table { border-collapse: collapse; width: 100%; }
#content table td, #content table th { padding: 3px 5px; border: 1px solid #fff; }
#content table th { font-size: 90%; background: #c6ecf2; }
#content table th h4 { margin: 0; text-transform: uppercase; }
#content table th.head { background: #107888; color: #fff; }
#content table tfoot tr td { border-top: 1px solid; font-size: 120%; font-weight: bold; text-align: right; }



#content p.title-text { margin-bottom: 20px; font-weight: bold; color: #0473b2; }
#content a.foto { margin: 0 10px 0 0; }
#content a.foto img { margin-bottom: 0.8em; border: 2px solid #01536b; }

dl.description dt { font-size: 120%; }
.product-foto .thumb { margin: 10px 0; }
.product-foto .thumb a img { border: 1px solid #0473b2; }

h3.pudorys { padding: 8px 0 8px 45px; font-size: 130%!important; color: #0473b2!important; background: url(../images/bg-pudorys.gif) no-repeat 0 50%; }
h3.vybaveni { padding: 8px 0 8px 45px; font-size: 130%!important; color: #0473b2!important; background: url(../images/bg-vybaveni.gif) no-repeat 0 50%; }
h3.model { padding: 8px 0 8px 45px; font-size: 130%!important; color: #0473b2!important; background: url(../images/bg-model.gif) no-repeat 0 50%; }
h3.prace-material { padding: 8px 0 8px 45px; font-size: 130%!important; color: #0473b2!important; background: url(../images/bg-prace-material.gif) no-repeat 0 50%; }

.box { margin-top: 20px; padding-top: 5px; background: url(../images/horizontal-dotted.gif) repeat-x 0 0; }

.pagination { float: left; width: 100%; padding-top: 10px; background: url(../images/horizontal-dotted.gif) repeat-x 0 0; }
.pagination a { padding: 0 5px; }

.news { margin-top: 20px; padding-top: 5px; background: url(../images/horizontal-dotted.gif) repeat-x 0 0; }
.news h3 { font-size: 130%!important; color: #0473b2!important; }
.news dl { line-height: 1.35; }
.news dl dt { float: left; margin: 0 15px 0 0!important; padding: 3px 5px; font-size: 90%; font-weight: bold; color: #fff; background: #0473b2; }
.news dl dd { margin: 0 0 20px 0; }

/* .breadcrumbs */
.breadcrumbs { margin-bottom: 15px; padding: 10px 0 9px 0; border-bottom: 1px solid #9cd2e2; font-size: 90%; }


/* #LINK-LIST
---------------------------------------------------------- */
#link-list { float: left; width: 100%; background: #2c4f40 url(../images/bg-linklist.gif) repeat-x 0 0; }
#link-list .wrapper { position: relative; width: 880px; margin: 0 auto; text-align: left; overflow: hidden; }
#link-list img { float: left; display: inline; padding: 20px 0 18px; }
#link-list dl { float: left; display: inline; padding: 20px 0; }
#link-list dl { width: 210px; margin: 0 20px 0 10px; color: #6dadb3; line-height: 1.25; }
#link-list dl dt a { display: block; margin-bottom: 0.2em; font-size: 120%; font-weight: bold; text-decoration: none; color: #c8f1f5; }
#link-list dl dt a:hover { text-decoration: underline; }
#link-list dl dd { font-size: 90%; }
#link-list h1 { padding: 13px 0 13px 0; font-size: 230%; color: #c8f1f5; }

/* #FOOTER
---------------------------------------------------------- */


/* #SEOLISTA
---------------------------------------------------------- */
#seolista { clear: both; margin-top: 0.8em; width: 100%; text-align: right; }

a.butAkce  { cursor: pointer; text-transform: uppercase; font-size: 13px; border: 1px solid #0473b2; padding: 2px 10px; margin-bottom: 10px }
#zobrazSortiment { font-size: 12px; color: #903; display: none; }

.azall  { display: block; padding-bottom: 5px; border-bottom: 1px solid #9cd2e2; margin-bottom: 10px; }
/* End of 'main' */