/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0 0 0 0; margin: 0; background: #c7d0d6 url(../img/bg-body.png) no-repeat 50% 0; zoom: 1; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -940px; width: 625px; padding-bottom: 20px; }
.col-side { margin-left: -274px; width: 254px; zoom: 1;}
.col-full { margin-left: -940px; width: 920px; }

.row-main { margin-bottom: 35px; }

.col-products-a { margin-left: -940px; width: 234px; }
.col-products-b { margin-left: -687px; width: 234px; }
.col-products-c { margin-left: -433px; width: 413px; }

.col-products-a2 { margin-left: -940px; width: 336px; }
.col-products-b2 { margin-left: -585px; width: 565px; }

#grandmother { width: 964px; margin: 0 auto; zoom: 1; position: relative; background: none; }
#mother { width: 960px; padding: 0 0 0 4px; margin: 0; zoom: 1; position: relative; background: url(../img/bg-main.png) repeat-y 0 0; zoom: 1; }
#main { position: relative; zoom: 1; }

/* Header */
#header {  position: relative; height: 115px; }

#logo { position: absolute; left: 20px; top: 24px; }
#logo p { margin: 0; }
#logo a img { display: block; }

#slogan { position: absolute; left: 190px; top: 10px; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu */
#main-menu { margin: 1px 0 0 0; padding: 0; position: absolute; left: 190px; bottom: 0; _bottom: -1px; font-family: Arial;}
#main-menu ul { margin: 0; }
#main-menu li { margin: 0 3px 0 0; padding: 0; background: none; float: left; _display: inline;  }
#main-menu li a { display: block; color: #0071bb; font-weight: bold; text-decoration: none; font-size: 15px; text-transform: uppercase; padding-left: 4px; float: left; }
#main-menu li a .in { display: block; padding: 9px 18px 7px 14px; zoom: 1; float: left; =cursor: pointer; }
#main-menu li.active a .in { =cursor: default; }
#main-menu li a:hover {  }
#main-menu li a { background: url(../img/bg-main-menu-li.png) no-repeat 0 0; }
#main-menu li a .in { background: url(../img/bg-main-menu-li.png) no-repeat 100% 0; }

#main-menu li.active a, #main-menu li a:hover { background-position: 0 -100px; color: #ebebeb; }
#main-menu li.active a .in, #main-menu li a:hover .in { background-position: 100% -100px; }

#search-box { position: absolute; right: 20px; top: 41px; }
#search-box .spc { padding: 0; }
#search-box input { vertical-align: middle; }
#search-box #q { width: 130px; border: 1px solid #abc7ce; padding: 3px; }

.blue { color: #0072bc; }

.motive-box { position: relative; margin-left: -4px; }
.motive-box #motives { position: absolute; top: 0px; left: 370px; }
.motive-box #motives img { position: absolute; background: none; }


.news ul { margin: 0; padding: 0; width: 100%; }
.news ul li .date { margin: 0; font-size: 84.615%; }
.news ul li { margin: 0 0 15px; padding: 15px 0 1px; background: none; border-top: 1px dotted #C7D0D6; zoom: 1; }
.news ul li .img-box { float: left; width: 90px; height: 90px; border: 1px solid #e8e8e8; text-align: center; padding: 5px; vertical-align: middle; font-size: 0; _font-size: 80px; line-height: 90px; _line-height: 90px; }
.news ul li .img-box img { background: white; display: inline; vertical-align: middle; }
.news ul li .text-box { margin-left: 118px; }
.news ul li.no-img .text-box { margin-left: 0; }
.news ul li h3 { font-size: 123.077%; font-weight: normal; margin: 0 0 5px; }
.news ul li .desc { font-size: 107.692%; line-height: 1.286; margin: 0; }
h2.under { border-bottom: 1px solid #c7d0d6; font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 22px; margin: 20px 0 10px 0; padding: 0 0 5px; zoom: 1; }

.news-home ul li { width: 48%; float: left; }
.news-home ul li.even { float: right; }

.blblist { border: 1px solid #dde5ea; margin: 0 0 20px; zoom: 1; }
.blblist ul { width: 312px; margin: 0; padding: 0;}
.blblist ul.fr { width: 311px; }
.blblist ul li { margin: 0; padding: 0; background: #E2EBF1 url(../img/bg-blblist.png) repeat-x 0 0; border-top: 1px solid #dde5ea; zoom: 1; width: 100%; float: left; }
.blblist ul li.first { border-top: 0; }
.blblist ul li a { display: block; background: url(../img/bullet-blblist.png) no-repeat 5px 50%; padding: 7px 5px 7px 20px; zoom: 1; float: left; }

.blblist2 { border: 1px solid #dde5ea; margin: 0 0 20px; zoom: 1; }
.blblist2 ul { width: 100%; margin: 0; padding: 0;}
.blblist2 ul.fr { width: 311px; }
.blblist2 ul li { margin: 0; padding: 0; background: none; zoom: 1;  }
.blblist2 ul li a { display: block; padding: 7px 30px 7px 5px; zoom: 1;  background: #e2ebf1 url(../img/bg-blblist.png) repeat-x 0 0; border-top: 1px solid #dde5ea; text-decoration: none; }
.blblist2 ul li a .text { text-decoration: underline; margin-left: 35px; display: block; zoom: 1; =cursor: pointer; }
.blblist2 ul li.first a { border-top: 0; }
.blblist2 ul li a:hover, .blblist2 ul li a.active { background: url(../img/bg-blblist-hover.png) no-repeat 100% 0; border-color: #4d9ed3; color: white; }
.blblist2 ul li a .number { color: #0074bf; width: 30px; float: left; }
.blblist2 ul li a:hover .number, .blblist2 ul li a.active .number { color: white; }

.blblist2 ul li ul { display: none; }
.blblist2 ul li.active ul { display: block; }
.blblist2 ul li.active ul li a { font-size: 92%; background: #509FD3; color: white; }
.blblist2 ul li.active ul li a:hover, .blblist2 ul li.active ul li a.active { background: url(../img/bg-blblist-hover.png) no-repeat 100% 0; border-color: #4d9ed3; color: white; }
.blblist2 ul li.active ul li a .number { color: white; }

h3.under { color: #38464a; font-weight: normal; border-bottom: 1px solid #c0c0c0; }

.product-detail-min { background: #56a3d6; color: white; padding: 15px; margin: 0 0 20px 0; zoom: 1; }
.product-detail-min h3 { color: white; margin-top: 0; }
.product-detail-min a { color: white !important; }
.product-detail-min .img-box { width: 130px; float: left; }
.product-detail-min .text-box { margin-left: 135px; }
.product-detail-min-no-img .text-box { margin-left: 0; }

.loading { width: 32px; height: 32px; text-indent: -5000px; background: url(../img/ajax-loader.gif) no-repeat 0 0; margin: 80px auto 20px; }

/* Side menu */
.side-menu {  margin: 0 0 20px; zoom: 1; }
.side-menu h2 { margin-bottom: 0; }
.side-menu ul { margin: 0; padding: 0; border: 1px solid #dde5ea;}
.side-menu ul li { margin: 0; padding: 0; background: url(../img/bg-blblist.png) repeat-x 0 0; border-top: 1px solid #dde5ea; zoom: 1;  }
.side-menu ul li.first { border-top: 0; }
.side-menu ul li a { display: block; background: url(../img/bullet-blblist.png) no-repeat 5px 50%; padding: 7px 5px 7px 20px; zoom: 1;  }


.sticker-benefits { width: 287px; min-height: 214px; _height: 214px; background: url(../img/sticker-benefits.png) no-repeat 0 0; margin: -41px -11px 20px -22px; position: relative; }
.sticker-benefits .text-box { padding: 81px 11px 20px 25px; zoom: 1; }
.sticker-benefits .text-box p { margin: 0 0 7px 0; }

#footer { width: 960px; margin: 0 auto 20px; }
#footer .inner { background: #b5bfc6 url(../img/bg-footer.png) repeat-x 0 0; padding: 15px 15px; width: 928px; zoom: 1; margin-left: 2px; border: 1px solid #d8e1e7; border-top: 0; }
#footer p { margin: 0; }

.breadcrumb { border: 0px solid #edd5bb; background: #e2eef6; padding: 7px 10px; margin: 15px 0 15px 0; font-size: 84.615%; }
.breadcrumb p { margin: 0; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-more.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; }

.annot { font-size: 115.385%; line-height: 1.3; margin-bottom: 1.462em; color: #0074BF; }

/* Side box */
.side-box { margin: 0 0 30px; }
.side-box h2 { font-family: Arial, sans-serif; font-size: 16px; color: #363636; font-weight: bold; text-transform: uppercase; }
.side-box .inner { }
.side-box p {  }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images h2 {   }
.related-images ul { margin: 0 0 0 -9px; padding: 0; font-size: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 0 0 9px; padding: 0 0 10px; background: none; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3;  }
.related-images ul li img { display: block; padding: 4px; border: 1px solid #69AAD2; margin: 0; background: #fff; }
.related-images ul li a, .related-images ul li span { display: block; position: relative;}
.related-images ul li .delete { display: block; position: relative;}

/* Search results */
ol.search-results { padding-left: 15px; font-size: 1.1em; margin-top: 20px; }
ol.search-results li { margin-bottom: 20px; }
ol.search-results li h2 { display: inline; padding-right: 15px; font: bold 1.2em/1.5em Arial; }
ol.search-results li a { color: #AF4C33;  }
ol.search-results li a:hover { color: #265C64; }
ol.search-results li p { line-height: 1.25em; padding: 0; margin: 0 0 5px; }
ol.search-results li p a.search-link { display: block; }

/* Paging */
.paging { padding: 10px; overflow: hidden; margin: 10px 0; border: 1px solid #BDDBEF; border-width: 1px 0; clear: both; }
.paging { text-align: right;  background: #E7F2F9; padding: 5px 10px; }
.paging a { margin-left: 2px; padding: 3px 3px; }
.paging a.active { font-weight: bold; }


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-serif; }
input, select, label { vertical-align: middle; }

.inp-text { border: 1px solid #825f30; }
input.inp-text, textarea { padding: 1px 3px; }

.form-box { padding: 20px 28px 20px 20px; background: #E7F2F9; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #BDDBEF; }
.form-box .w-full { margin-right: 0 -8px; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }

/* File icons */
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a, a.ico-file { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}


/* Rozcestník */
.roz { background: white; }
.roz #mother { width: 737px; margin: 0 auto; background: none;}
.roz #header { border: 10px solid #d5eaf8; height: auto; zoom: 1;  }
.roz #header #logo { position: static; float: left; margin: 18px 27px 15px; _display: inline; }
.roz #header #slogan { position: static; float: left; margin: 30px 0 0; _display: inline; }

.roz .motive-box { margin: 0; }
.roz .motive-box img { display: block; }

.roz #lang-menu { float: right; margin: 60px 27px 0 0; _display: inline;}
.roz #lang-menu ul { float: right; margin: 0; padding: 0; }
.roz #lang-menu ul li { float: left; margin: 0 0 0 6px; padding: 0; background: none; }

.roz .roz-links { padding: 40px 0; text-align: center; }
.roz .roz-links a { margin: 0 30px; }

.roz .roz-news { border: 10px solid #d5eaf8; margin-bottom: 20px; }
.roz .roz-news ul { margin: 0; padding: 0; }
.roz .roz-news ul li { margin: 0; padding: 10px 30px; background: none; border-top: 1px solid #d5eaf8; }
.roz .roz-news h2 { background: #d5eaf8; margin: 0; padding: 1px 30px; zoom: 1;}
.roz .roz-news p.date { margin: 0; font-size: 92.308%; line-height: 1.25; }
.roz .roz-news h3 { margin: 0; font-size: 115.385%; font-family: Trebuchet MS, sans-serif; }
.roz .roz-news a, .roz .roz-news a:visited { color: #0072bc; }
.roz .roz-news a:hover { color: #0d9dfb; }