@charset "utf-8";
/******************************************************************
Project: Ecoproizvodi.rs
Code by: Milos Zekovic from Etik.Web | etik.rs - miloszekovic.com
******************************************************************/

@import url('font.css');

/* global css */
html, body, div, span, section, article, header, footer, nav, aside, hgroup, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, b, u, i, ol, ul, li, fieldset, form, label, select, option, input, textarea, table, tr, td, th { margin:0; padding:0; border:0; outline:none; }
body { background:url(../pagefiles/images/ui/bg.png) repeat #efeade; font-size:13px; text-shadow:0 1px 0 #fefaf2; color:#342f27; }
body, input, textarea { font-family:Arial,Helvetica,sans-serif; }
div, span, section, article, header, footer, nav, aside, hgroup { float:left; }
ul, ol, li { list-style:none; float:left; }
h1, h2, h3, h4, h5, h6 { width:100%; font-size:26px; float:left; line-height:28px; font-weight:normal; color:#3a2605; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:2px; }
a { color:#195d0b; text-decoration: none; }
a:hover { color:#29ba0b; }
a:active { color:#b59053; }
img { float:left; font-size:13px; }
p { float:left; font-size:13px; line-height:22px; }
p a { text-decoration:underline; }
a, p a, a img { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }

.centering { display:block; margin:0 auto 0 auto; float:none; }
.no-fade, .no-fade *, ol.bjqs-markers, ol.bjqs-markers * { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }

#wrapper, header, footer, footer .foo-wrapp, .content, .home-blocks { width:100%; }
nav ul li a, header section .bottom-bar *, header section .top-bar *, footer .foo-left *, footer .foo-middle li a, footer .foo-right .fb-button, footer .foo-bottom *, .home-main-block article, #slider .bjqs .title em, #slider .bjqs .price span i, #slider .bjqs .price .add-basket, .pages section .where li a, .pages section .static-page em, .pages aside .baner-orders li { font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; }
header section .bottom-bar b a, footer .foo-left p b, .pages aside .baner-orders li em b, .pages aside .baner-orders li span { font-family:Arial, Helvetica, sans-serif; }

#wrapper { max-width:2000px; margin:0 auto 0 auto; float:none; }
.container, .home-main-container { width:960px; margin:0 auto 0 auto; float:none; }

/* header */
header { height:173px; background:url(../pagefiles/images/ui/header-bg.png) center no-repeat; }
header .logo { width:268px; padding:35px 0 0 32px; }
header section { width:660px; }
header section .top-bar, header section .bottom-bar { width:640px; padding:0 2px 0 2px; height:40px; border-bottom:1px solid #d5be99; margin-left:16px; }
header section .bottom-bar { height:38px; border-top:1px solid #f1eade; border-bottom:0; }
header section nav { width:647px; padding-left:13px; }
header section nav ul { width:647px; }
header section nav ul li { float:right; }
header section nav ul li a { display:block; height:42px; color:#f4f0e9; font-size:18px; text-shadow:0 0 4px #051901; padding:21px 26px 0 26px; background:url(../pagefiles/images/ui/nav-hover.png) top repeat-x; }
header section nav ul li a:hover { color:#f8bd66; background:url(../pagefiles/images/ui/nav-hover.png) bottom repeat-x; }
header section nav ul li a:active { color:#b59053; }
header section nav ul li .active, header section nav ul li .active:hover, header section nav ul li .active:active { background:url(../pagefiles/images/ui/nav-hover.png) bottom repeat-x; color:#f8bd66; }
header section .top-bar h1 { letter-spacing:2px; width:280px; font-size:16px; padding-top:7px; text-shadow:0 1px 0 #f6ead8; }
header section .bottom-bar p, header section .bottom-bar b a { color:#987d53; font-size:11px; text-shadow:0 1px 0 #f6ead8; }
header section .bottom-bar p { padding-top:7px; width:180px; }
header section .bottom-bar b { float:left; margin-top:11px; }
header section .bottom-bar b a { float:left; display:block; background:url(../pagefiles/images/ui/icon-phone.png) left top no-repeat; height:17px; padding:0 0 0 18px; }
header section .bottom-bar b a:hover { color:#195d0b; }
header section .bottom-bar b a:active { color:#b59053; }

/* footer */
footer { background:url(../pagefiles/images/ui/foo-bg.png) repeat-x; }
footer * { text-shadow:0 1px 0 #f3e5d0; }
footer .foo-wrapp { height:266px; padding-top:55px; background:url(../pagefiles/images/ui/foo-logo.png) bottom right no-repeat; }
footer .foo-left, footer .foo-middle { width:310px; padding:0 0 0 20px; }
footer .foo-left * { text-shadow:0 1px 0 #f6ead8; }
footer .foo-left h3 { color:#195b0b; font-size:14px; font-weight:bold; letter-spacing:2px; text-shadow:0 1px 0 #f6ead8; }
footer .foo-left p { color:#195b0b; font-size:12px; line-height:36px; margin-top:6px; }
footer .foo-left p i { font-style:normal; color:#987d53; }
footer .foo-middle { margin-top:9px; }
footer .foo-middle li, footer .foo-middle li a { width:310px; }
footer .foo-middle li { margin-bottom:21px; }
footer .foo-middle li a { display:block; width:310px; color:#7d5e2d; font-size:12px; }
footer .foo-middle li a:hover { color:#195d0b; }
footer .foo-middle li a:active, footer .foo-bottom a:active { color:#b59053; }
footer .foo-right { width:280px; padding-left:20px; }
footer .foo-right .fb-button { height:24px; padding:8px 0 0 33px; background:url(../pagefiles/images/ui/icon-fb.png) left no-repeat; letter-spacing:2px; display:block; width:247px; font-size:12px; color:#3a589b; }
footer .foo-bottom { width:920px; margin-top:15px; background:url(../pagefiles/images/ui/foo-line.png) top repeat-x; padding:13px 20px 0 20px; }
footer .foo-bottom p { width:330px; margin-top:3px; }
footer .foo-bottom * { color:#a68345; font-size:10px; }
footer .foo-bottom a { border-bottom:1px solid #cba25c; text-decoration:none; }
footer .foo-bottom a:hover { border-bottom:0; color:#195d0b; }
footer .foo-bottom b { float:left; font-weight:normal; margin-top:8px; width:280px; }
footer .foo-bottom ul { float:right; }
footer .foo-bottom ul li { margin-left:12px; }
footer .foo-bottom ul li u { width:3px; height:27px; background:url(../pagefiles/images/ui/foo-line-b.png) no-repeat; display:block; float:left; }
footer .foo-bottom ul li a { margin-top:8px; float:left; }

/* homepage */
.home-main-container { width:978px; }
.home-main-block { width:978px; height:487px; background:url(../pagefiles/images/home/main-slider-bg.png) no-repeat #ba9455; }
.home-main-block article { width:920px; height:111px; padding:20px 29px 0 29px; font-size:14px; color:#382505; line-height:23px; text-shadow:0 1px 0 #cbac7e; text-align:justify; }
.home-main-block article a { color:#195d0b; text-decoration:underline; }
.home-main-block article a:hover, #slider .bjqs p a:hover { color:#195d0b; text-decoration:none; }
.home-main-block article a:active, #slider .bjqs p a:active { color:#b59053; }
.home-blocks { margin:30px 0 10px 0; }
.home-blocks li { width:280px; margin-right:30px; height:322px; background:url(../pagefiles/images/home/block-shadow.png) left no-repeat; padding:15px 0 0 20px; }
.home-blocks li h2 { color:#124807; margin-left:-1px; }
.home-blocks li p { margin-top:10px; }
.home-blocks .block-max { width:280px; margin-right:0; height:322px; background:url(../pagefiles/images/home/block-second.png) repeat-y #f0e1c6; }
.home-blocks .block-max h2 { color:#8e5c0c; }
.home-blocks .block-max p { color:#593b05; }
.home-blocks .block-max p em { color:#a37c36; font-style:normal; }
.home-blocks .block-max #map-canvas { width:270px; border:5px solid #b48f53; height:140px; margin:13px 0 0 -10px; }

/* home slider */
#slider { width:978px; height:356px; position:relative; z-index:22; }
#slider .bjqs, #slider .bjqs li { width:978px; height:356px; }
ul.bjqs { position:relative; overflow:hidden; }
li.bjqs-slide { position:absolute; }
.bjqs-controls { visibility:hidden; }
.home:hover .bjqs-controls { visibility:visible; }
ul.bjqs-controls li { width:1px; height:1px; }
ul.bjqs-controls li a { display:block; text-indent:-9999px; width:51px; height:92px; position:absolute; }
ul.bjqs-controls li a:active { margin-top:1px; }
ul.bjqs-controls li .bjqs-next { background:url(../pagefiles/images/home/slide_arrows.png) left no-repeat; left:-81px; }
ul.bjqs-controls li .bjqs-prev { background:url(../pagefiles/images/home/slide_arrows.png) right no-repeat; right:-81px; }
ol.bjqs-markers { display:none; }
#slider .bjqs .prod_a { background:url(../pagefiles/images/home/slide-shea.png) right bottom no-repeat; }
#slider .bjqs .prod_b { background:url(../pagefiles/images/home/slide-konopljino.png) right bottom no-repeat; }
#slider .bjqs .title { width:920px; padding:40px 0 0 27px; }
#slider .bjqs .title h2 { width:auto; margin-right:20px; color:#3a2605; font-size:55px; text-shadow:0 1px 0 #e9c997; }
#slider .bjqs .title em { text-shadow:none; font-style:normal; font-size:30px; color:#dfc191; margin-top:5px; float:left; }
#slider .bjqs p { width:520px; padding:20px 0 0 29px; color:#f8f5ee; text-shadow:0 0 4px #000; }
#slider .bjqs p a { text-shadow:0 1px 0 #cbac7e; }
#slider .bjqs .price { width:526px; height:69px; background:url(../pagefiles/images/home/slide-price.png) no-repeat; padding-top:6px; margin:15px 0 0 15px; }
#slider .bjqs .price span { width:252px; padding:16px 0 0 7px; text-align:center; text-shadow:none; font-size:20px; color:#2c1d04; }
#slider .bjqs .price span i { font-size:18px; color:#ebdbc2; font-style:normal; }
#slider .bjqs .price .add-basket { width:198px; height:40px; padding:17px 0 0 58px; font-size:18px; color:#fff; text-shadow:none; background:url(../pagefiles/images/home/price-button.png) top no-repeat #134c08; float:left; display:block; }
#slider .bjqs .price .add-basket:hover { background:url(../pagefiles/images/home/price-button.png) bottom no-repeat; }

/* pages */
.pages { background:url(../pagefiles/images/pages/header-top.png) top center no-repeat; }

.pages aside { width:337px; margin-left:-9px; }
.pages aside h2 { width:308px; height:42px; padding:20px 0 0 29px; font-size:16px; font-weight:bold; text-shadow:0 1px 0 #d4b98a; }
.pages aside .nav { width:280px; padding:0 28px 29px 21px; background:url(../pagefiles/images/pages/nav-bg.png) bottom no-repeat; }
.pages aside .nav li { width:280px; padding-bottom:9px; }
.pages aside .nav li a { width:270px; height:90px; padding:5px; display:block; border-bottom:1px solid #d3b279; background:url(../pagefiles/images/pages/pro-buttons.png) right no-repeat; }
.pages aside .nav li a:hover { background:url(../pagefiles/images/pages/pro-buttons.png) left no-repeat; }
.pages aside .nav li .active, .pages aside .nav li .active:hover, .pages aside .nav li .active:active { background:url(../pagefiles/images/pages/pro-buttons.png) center no-repeat; }
.pages aside .nav li a h3 { font-size:24px; line-height:26px; color:#fff; text-shadow:0 0 4px #000; width:150px; height:72px; padding:18px 20px 0 100px;  }
.pages aside .nav .prod_a a h3 { background:url(../pagefiles/images/products/nav-2.jpg) left no-repeat; }
.pages aside .nav .prod_b a h3 { background:url(../pagefiles/images/products/nav-1.jpg) left no-repeat; }
.pages aside .baner-orders { width:280px; height:300px; margin-top:-9px; padding:45px 28px 0 21px; background:url(../pagefiles/images/products/baner-porudzbina.png) no-repeat; }
.pages aside .baner-orders li { width:280px; height:123px; margin-bottom:10px; }
.pages aside .baner-orders li em, .pages aside .baner-orders li p { width:280px; padding-top:3px; float:left; font-style:normal; text-align:center; font-size:18px; line-height:28px; }
.pages aside .baner-orders li em b { color:#195d0b; font-size:24px; }
.pages aside .baner-orders li p { color:#966f2f; padding-top:7px; }
.pages aside .baner-orders li span { width:254px; height:32px; margin:8px 0 0 13px; padding-bottom:6px; font-weight:bold; background:url(../pagefiles/images/pages/icon-phone.png) left bottom no-repeat; font-size:35px; color:#342205; text-align:right; letter-spacing:0; }

.pages section { width:632px; }
.pages section .static-page { width:595px; padding:14px 0 0 20px; }
.pages section .static-page h2 { text-shadow:0 1px 0 #d4b98a; margin:0 0 48px -2px; font-size:40px; }
.pages section .static-page p { text-align:justify; margin-bottom:20px; color:#444; text-shadow:none; font-size:14px; line-height:24px; }
.pages section .static-page em { float:left; font-size:18px; padding:70px 0 20px 0; width:595px; background:url(../pagefiles/images/pages/zig.png) right bottom no-repeat; }
.pages section .static-page .address, .pages section .static-page .work-time { margin-top:20px; width:307px; line-height:26px; }
.pages section .static-page .address i { font-style:normal; font-size:12px; color:#999; padding-right:5px; }
.pages section .static-page .work-time { width:287px; }
.pages section .static-page h4 { font-size:20px; margin:25px 0 15px 0; }
.pages section .static-page .regulations p { margin-bottom:10px; font-size:13px; line-height:21px; }
.pages section .static-page .regulations h3 { font-size:20px; margin:15px 0 5px 0; }
.pages section .static-page ul { width:575px; margin:0 10px 5px 5px; }
.pages section .static-page ul li { width:575px; margin:0 0 10px 0; font-size:12px; line-height:19px; }

.pages section .where { width:632px; height:37px; padding:25px 0 0 20px; }
.pages section .where li { padding-right:30px; }
.pages section .where li a { font-size:16px; text-shadow:0 1px 0 #c4a97f; }
.pages section .where li a:hover, .pages section .where li a:active { color:#195d0b; }

/* hovers and actives */
a img:hover, footer .foo-right .fb-button:hover, ul.bjqs-controls li a:hover, .pages section .where li a:hover, .pages aside .nav li a:active { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
a img:active, header section nav ul li a:active, footer .foo-right .fb-button:active, ul.bjqs-controls li a:active, #slider .bjqs .price .add-basket:active, .pages section .where li a:active { opacity:.60; -moz-opacity:.60; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }