/*
 Screen style    
 Site: Flexobazeny.sk
*/
body { font-size: 75%; padding: 0; background: #404A1C url(../images/bg/body.gif); color: #fff; }
a { color: #F0E7B5; }
a:hover { /* color: #f8f4dc; */ text-decoration: none; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto-clearing floats */
#wrapper:after, #inner:after, #footer .vcard:after, #footer .links:after, .home-boxes:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrappers */
#outer-wrapper { background: url(../images/bg/outer-wrapper.gif) repeat-x; }
#wrapper { width: 1000px; margin: 0 auto; background: #3B371C; }

/* Header */
#header { height: 347px; position: relative; background: url(../images/bg/visual1.jpg) no-repeat; }
.visual2 #header { background-image: url(../images/bg/visual2.jpg); }
.visual3 #header { background-image: url(../images/bg/visual3.jpg); }
.visual4 #header { background-image: url(../images/bg/visual4.jpg); }

/* Logo */
#logo { background: #000; width: 523px; height: 155px; position: absolute; top: 0; left: 0; }
#logo p { width: 475px; height: 59px; position: absolute; top: 54px; left: 30px; }
#logo p span { background-image: url(../images/text/merkanta.gif); }
.cz #logo p span { background-image: url(../images/text/merkanta-cz.gif); }

/* Lang */
#lang { position: absolute; top: 0; left: 523px; width: 155px; height: 155px; background: url(../images/bg/lang.jpg) no-repeat; }
#lang .accessibility { display: none; }
#lang ul { position: absolute; top: 8px; left: 3px; height: 15px; }
#lang li { float: left; padding-left: 5px; background: url(../images/bg/arrow1.gif) 1px 50% no-repeat; }
#lang a { display: block; height: 15px; line-height: 15px; width: 20px; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
#lang a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#lang a:hover { background-color: #3B371C; color: #fff; }
#lang a:hover span, #lang a.current span { background-position: left bottom; }
#lang a#sk span { background-image: url(../images/text/sk.gif); }
#lang a#cz span { background-image: url(../images/text/cz.gif); }

/* Nav */
#nav { height: 46px; background: #000; }
#nav li { float: left; }
#nav a { color: #fff; display: block; height: 46px; line-height: 46px; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background-color: #000; color: #C5E482; }
#nav a:hover span { background-position: 0 -46px; }
#nav a.current span { background-position: left bottom; }
#nav a#nav01 { width: 99px; }
#nav a#nav02 { width: 124px; }
#nav a#nav03 { width: 152px; }
#nav a#nav04 { width: 136px; }
#nav a#nav05 { width: 114px; }
#nav a#nav06 { width: 143px; }
#nav a#nav07 { width: 106px; }
#nav a#nav08 { width: 126px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }
#nav a#nav07 span { background-image: url(../images/nav/07.gif); }
#nav a#nav08 span { background-image: url(../images/nav/08.gif); }
.cz #nav a#nav03 span { background-image: url(../images/nav/03-cz.gif); }
.cz #nav a#nav06 span { background-image: url(../images/nav/06-cz.gif); }

/* Inner */
#inner { padding: 0 30px 30px 30px; background: url(../images/bg/inner.gif) repeat-x; }

/* Content */
#content { float: left; width: 618px; }
#content .intro { margin: 0 -30px 30px -30px; padding: 45px 30px 30px 30px; background: #000; position: relative; width: 618px; }
#content .intro p { margin: 0; }
#content ul { margin: 1em 0 1em 10px; }
#content li { padding-left: 10px; margin-bottom: 8px; background: url(../images/bg/square1.gif) 0 7px no-repeat; }
#content th { padding: 0 10px 0 0; }
#map { margin-top: 15px; border: 1px solid #2b2914; }
#content .date { margin-bottom: 0.5em; font-size: 0.92em; }
#content h2 a { color: #c5e482; text-decoration: none; }
#content h2 a:hover { text-decoration: underline; }

/* Products */
.products-img { margin: 10px 0 10px -4px; }
.products-img img { display: block; }
.flexosize { border-collapse: collapse; border: 1px solid #868372; width: 500px; margin: 10px 0; }
.flexosize th, .flexosize td { border: 1px solid #868372; padding: 2px 5px; }
.flexosize th { text-align: center; font-weight: bold; }
.flexosize td { text-align: right; }
.flexosize td.center { text-align: center; }
img.left { float: left; margin: 5px 15px 15px 5px; border: 1px solid #2b2914; display: block; }
img.right { float: right; margin: 5px 5px 15px 15px; border: 1px solid #2b2914; display: block; }
.img-row, .img-row-single { clear: both; text-align: center; padding: 10px 0; }
.img-row img { border: 1px solid #2b2914; margin: 0 10px; }
.img-row-single img { border: 1px solid #2b2914; }

/* Home page */
.home #content { width: 622px; }
.home-boxes { margin-bottom: 40px; font-size: 0.92em; }
.home-boxes .left { float: left; width: 293px; }
.home-boxes .right { float: right; width: 293px; }
.home-boxes .img { margin: 0 -4px 8px -4px; width: 301px; }
.home-boxes .img img { display: block; }
.home-boxes h2 { margin: 0 0 5px 4px; }
.home-boxes p { margin: 0 25px 0 10px; }

/* Sidebar */
#sidebar { float: right; width: 262px; margin-top: 56px; font-size: 0.92em; }
#sidebar h2 { margin-bottom: 1.5em; }
#sidebar h3 { margin-bottom: 0.2em; color: #fff; }
#sidebar h3 a { text-decoration: none; color: #fff; }
#sidebar .merkanta-banner { margin-top: 25px; }
#sidebar .merkanta-banner img { display: block; }

/* News */
.news { clear: both; margin-bottom: 20px; }
.news .date { color: #c5e482; margin-bottom: 0.15em; font-size: 0.92em; }
.news img { float: left; margin: 5px 12px 6px 0; }
#sidebar .archive { font-size: 1.27em; padding-left: 9px; background: url(../images/bg/square1.gif) left center no-repeat; margin: -5px 0 40px 0; }

/* Secondary navigation */
.sec-nav { margin: 0 0 40px 2px; }
.sec-nav li { padding-left: 10px; margin-bottom: 8px; background: url(../images/bg/square1.gif) 0 7px no-repeat; }
.sec-nav li a.current { text-decoration: none; }

/* Footer */
#footer { font-size: 0.92em; clear: both; width: 310px; margin: 0 auto; background: url(../images/bg/footer.gif) no-repeat; padding: 30px 15px 30px 675px; }
#footer p { margin: 0; }

/* Footer vCard */
#footer .vcard { padding-bottom: 10px; }
#footer .vcard p { float: left; width: 143px; padding-right: 12px; border-right: 1px solid #868372; }
#footer .vcard ul { float: left; padding-left: 16px; }
#footer .vcard ul strong { font-weight: normal; display: block; float: left; width: 36px; }

/* Footer links */
#footer .links { clear: both; margin-top: 10px; }
#footer .links li { float: right; margin-left: 10px; padding-left: 12px; background: url(../images/bg/del1.gif) 0 60% no-repeat; }
#footer .links li.first { padding: 0; margin: 0; background: none; }
#footer .links img { vertical-align: top; }

/* Titles */
.title-novinky { width: 57px; height: 18px; }
.title-novinky span { background-image: url(../images/text/title-novinky.gif); }
.title-sekcia { width: 90px; height: 18px; }
.title-sekcia span { background-image: url(../images/text/title-sekcia.gif); }
.title-flexobazeny { width: 102px; height: 18px; }
.title-flexobazeny span { background-image: url(../images/text/title-flexobazeny.gif); }
.title-laguny { width: 68px; height: 18px; }
.title-laguny span { background-image: url(../images/text/title-laguny.gif); }
.title-miesacie { width: 144px; height: 19px; }
.title-miesacie span { background-image: url(../images/text/title-miesacie.gif); }
.title-cerpadla { width: 132px; height: 19px; }
.title-cerpadla span { background-image: url(../images/text/title-cerpadla.gif); }
.cz .title-sekcia span { background-image: url(../images/text/title-sekcia-cz.gif); }
.cz .title-laguny span { background-image: url(../images/text/title-laguny-cz.gif); }
.cz .title-miesacie span { background-image: url(../images/text/title-miesacie-cz.gif); }
.cz .title-cerpadla span { background-image: url(../images/text/title-cerpadla-cz.gif); }