@import url("global.css");

body { background:#333; font-size:62.5%; padding:0 !important; }
#page { font-size:1.3em; line-height:1.4; margin:auto; padding:0 0 10px 0; position:relative; color:#fff; }


/* LINKS */
a, a:link, a:visited { color:#fff; text-decoration:underline; }
a:active, a:focus, a:hover { color:#fff; text-decoration:none; }

h2 { margin:20px 0; }
address { margin:20px 0; }


/* HEADER */
#header { background:#333 url('../images/bg-top.png') repeat-x left top; height:121px; margin:0 auto; position:relative; }
#header #logo { color:#fff; font-size:1em; font-weight:700; text-decoration:none; margin:auto; position:relative; top:14px; width:212px; height:93px; }
#header #logo span { background:url('../images/bg-logo.png') no-repeat left top; }


/* CONTAINER */
#container { background:#71c826 url('../images/bg-green-top.png') repeat-x left top; border-top:1px solid #71c942; margin:auto; text-align:center; }
#container #containerBottom { background:url('../images/bg-green-bottom.png') repeat-x left top; height:28px; margin:20px 0 0 0; }

#magazines { width:990px; margin:auto; padding:22px 0; position:relative; overflow:hidden; }
#magazines li { width:328px; float:left; position:relative; text-align:left; }
#magazines li p { color:#446d04; font-size:1.1em; padding:0 15px; }
#magazines li p strong { color:#414200; font-weight:500; font-size:0.9em; }
#magazines li p.fixBottom { position:absolute; bottom:0; }
#magazines li:hover p,
#magazines li.hover p,
#magazines li:hover p strong,
#magazines li.hover p strong { color:#fff; }
#magazines li .holder { background:url('../images/magazine-img-holder.png') no-repeat left top; display:block; width:328px; height:278px;  }
#magazines li .holder img { margin:15px; position:relative; z-index:10; }

#magazines li h2 { margin:0 auto 4px; }
#magazines li h2 a { height:47px; margin:auto; color:#446d04; }
#magazines li h2 a:hover,
#magazines li.hover h2 a,
#magazines li:hover h2 a { color:#fff; }
#magazines li h2 a span { background:url('../images/logos-magazine.png') no-repeat 0px 0px; }

#magazines li#samuraj h2 a { width:183px; }
#magazines li#samuraj h2 a span { background-position:0px 0px; }
#magazines li#samuraj h2 a:hover span,
#magazines li#samuraj.hover h2 a span,
#magazines li#samuraj:hover h2 a span { background-position:0px -47px; }

#magazines li#mineralfit h2 a { width:213px; }
#magazines li#mineralfit h2 a span { background-position:-183px 0px; }
#magazines li#mineralfit h2 a:hover span,
#magazines li#mineralfit.hover h2 a span,
#magazines li#mineralfit:hover h2 a span { background-position:-183px -47px; }

#magazines li#chovatelka h2 a { width:204px; }
#magazines li#chovatelka h2 a span { background-position:-396px 0px; }
#magazines li#chovatelka h2 a:hover span,
#magazines li#chovatelka.hover h2 a span,
#magazines li#chovatelka:hover h2 a span { background-position:-396px -47px; }


#stores { width:970px; margin:auto; position:relative; }
#stores li { overflow:hidden; width:100%; margin:0 0 35px 0; color:#999999; }
#stores li a { color:#999999; }
#stores li:hover,
#stores li:hover a,
#stores li.hover a,
#stores li.hover { color:#fff; }
#stores li h2 { float:left; margin:0; }
#stores li h2 a { width:187px; height:67px; }
#stores li h2 a span { background:url('../images/logos-stores.jpg') no-repeat 0px 0px; }
#stores li h3 { margin:0 0 10px 200px; font-size:1.1em; font-weight:500; }
#stores li p { margin:0 0 0 200px; color:#808080; font-size:0.9em }
#stores li:hover p,
#stores li.hover p { color:#ccc; }

#stores li#lekarna h2 a span { background-position:0px 0px; }
#stores li#lekarna h2 a:hover span,
#stores li#lekarna.hover h2 a span,
#stores li#lekarna:hover h2 a span { background-position:0px -67px; }

#stores li#kosmetika h2 a span { background-position:-187px 0px; }
#stores li#kosmetika h2 a:hover span,
#stores li#kosmetika.hover h2 a span,
#stores li#kosmetika:hover h2 a span { background-position:-187px -67px; }

#stores li#elektro h2 a span { background-position:-374px 0px; }
#stores li#elektro h2 a:hover span,
#stores li#elektro.hover h2 a span,
#stores li#elektro:hover h2 a span { background-position:-374px -67px; }


/* FOOTER */
#footerLogo { width:122px; height:19px; margin:0 auto; }
#footerLogo span { background:url('../images/bg-logo-bottom.png') no-repeat left top; }
#footerLogo:hover span { background-position:left bottom; }
#footer { background:#71c826 url('../images/bg-footer.png') no-repeat left top; width:970px; height:97px; margin:7px auto 0; position:relative; }
#footer p { text-align:center; line-height:2.3; font-size:0.9em; }
#footer p.navLinks { padding:8px 0 0 0; }
#footer p.copyLinks,
#footer p.copyLinks a { color:#446d04; }


/* COMMON CLASS */
.in { padding:10px; }
.hidden { display:none; }
.imRight { display:block; float:right; }
.imLeft { display:block; float:left; }
.fleft { float:left !important; }
.fright { float:right !important; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.vam { vertical-align:middle; }
.clear { width:100%; overflow:hidden; }
.clear2 { clear:both; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }

#j402d7 { margin-top: 8px; }
#j402d7 p a { color: #000; }