/* -----------------------------------*/
/* ---------->>> CSS RESET <<<--------*/
body, div, ul, ol, li, h1, h2, h3, form, fieldset, input, textarea, p { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
em, strong { color: #779f13; }
/* -----------------------------------*/
/* ---------->>> global <<<-----------*/
body { font-family: Verdana, Geneva, sans-serif; font-size: 100%; background: url(../img/main-bgrd.jpg) repeat; }
a, a:link, a:active, a:visited { color: #779f13; text-decoration: underline; }
a:hover { color: #63850d; text-decoration: none; }
#wrapper { width: 873px; margin: 20px auto 10px; border: 1px solid #a6d0e7; background: #fff; position: relative; margin-bottom: 10px;}
#home #wrapper, #kontakt #wrapper { background: #fff url(../img/content-grad.jpg) repeat-x 0 96px ;}
#header { position: absolute; top: 0; left: 0; height: 96px; width: 873px; background: url(../img/header-bgrd.jpg) no-repeat; }
#logo { float: left; }
#intro { width: 808px; height: 346px; position: relative; padding-top: 37px; margin-left: 35px; }
#content { padding-top: 95px;}
div.bottom { height: 150px; background: url(../img/bgrd_bottom.jpg) repeat-x; margin-top: -50px;}
/* -----------------------------------*/
/* ---------->>> home <<<-------------*/
#content .o_nama, #content .p_program, #content .clanci, .kontakt, .narucite, .brzi_kontakt { float: left; width: 255px; margin: 30px 0 30px 27px; font-size: 15px; color: #4c4b4b; }
#content h1, #content h1 a, #content h2 { width: 224px; height: 38px; text-indent: -8754px; margin-bottom: 10px; display: block; }
.o_nama h1 { background: url(../img/vasa-posteljina.png) no-repeat; }
.p_program h2 { background: url(../img/proizvodni-program.png) no-repeat; }
.clanci h2 { background: url(../img/clanci.png) no-repeat; }
.clanci h3 { margin-bottom: 10px; font-variant: small-caps; color: #30728c; }
#content p, #content ul { margin-bottom: 10px; color: #4C4B4B; font-size: 15px; line-height: 20px; }
a.read_more { color: #779f13; padding-right: 15px; background: url(../img/read_more.gif) no-repeat 100% 62%; }
.intro_text { clear: both;}
.intro_text img { float: left; margin: 5px 25px 25px;}
.intro_text h3 { margin-bottom: 10px; color: #63850D; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; letter-spacing: 0.6px;}
.intro_text p {  width: 540px; float: left;}
#home .p_program { margin: 35px 10px 0 35px; width: 270px; }
#home .clanci { margin-left: 10px;}
.tekstovi { clear: both;}
#home .tekstovi p { margin: 0 0 5px 25px; }
#home .tekstovi p a { text-decoration: none;}
#home .tekstovi p a:hover {text-decoration: underline; }
#home .tekstovi h3 { margin-left: 25px; color: #779F13; margin-bottom: 5px; text-decoration: underline;}
.tekstovi .levo { float: left; width: 420px; }
.tekstovi .desno { float: right; width: 420px; padding-top: 23px;}
#home .tekstovi .desno p { margin: 0 25px 5px 0;}
/* -----------------------------------*/
/* ---------->>> nav <<<--------------*/
#nav { position: absolute; width: 200px; top: 37px; right: 0; }
#nav li { display:inline; margin:0 10px 0 0; }
#nav li a { display:block; float:left; margin-right: 10px; color: #204556; font-variant:small-caps; letter-spacing: 0.6px; padding: 2px 5px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }
#nav li a:hover { background:#e7f4fc; text-decoration: none; color: #1a729c; }

/* -----------------------------------*/
/* -------->>> articles <<<----------*/
#articles #content { background: none; padding-top: 126px; }
#articles #content.intro {background: url(../img/slider-bgrd.jpg) no-repeat 23px 25px;  }
#articles #content.intro #slider { padding-top: 0;}
#articles #content div { clear: both; float: left; width: 870px; }
#articles #content div#intro, #articles #content div#slider {float: none; width: 808px; }
#articles h1, #articles h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; margin: 0 25px 20px 25px; border-bottom: 1px dotted #b6d1e1; padding-bottom: 2px; color: #2a5f7e; font-weight: bold; height: auto; width: auto; text-indent: 0; }
#articles #content div p, #articles #content ul { margin-left: 25px; margin-right: 25px;}
#articles #content ul { list-style: disc; list-style-position: inside; }
#articles #content li { margin-bottom: 10px;}
#articles #content div img { float: right; margin: 0 25px 20px 20px; border: 2px solid #ccc; }
#articles #content div#slider img { float: none; margin: 0;}
#articles #content #footer { clear: both; width: 840px; }
#articles h3 { border: none; margin-bottom: 5px; font-size: 18px; font-weight: normal;}
#articles #content div.adsense250x250 { width: 350px; float: none; clear: none; margin-left: 25px; margin-bottom: 15px;}
#home div.adsense728x90 { width: 800px; height: 100px; float: left; clear: both; margin-left: 30px; margin-top: 10px;}
#home div.adsense_links { position: absolute; top: 103px; width: 730px; height: 17px; margin-left: 25px;}
.adsense728x15 { position: absolute; top: 96px; width: 847px; padding-top: 3px; height: 21px; padding-left: 25px;}
.adsense250x250home { margin-left: 10px;}
/* -----------------------------------*/
/* ---------->>> kontakt<<<-----------*/
.kontakt h1 { background: url(../img/o_nama.png) no-repeat; }
.narucite h1 { background: url(../img/marketing.png) no-repeat; }
.brzi_kontakt h1 { background: url(../img/brzi-kontakt.png) no-repeat; }
#kontakt .brzi_kontakt h2 { text-indent: 0; font-size:13px; margin-bottom: 0;}
/* -----------------------------------*/
/* ---------->>> baneri<<<-----------*/
#baneri {clear: both; border-top: 1px solid #dcd8d8; margin-left: 12px; width: 840px;}
#baneri img { margin: 10px; margin-right: 0;}
/* -----------------------------------*/
/* ---------->>> footer<<<-----------*/
#footer { clear: both; border-top: 1px solid #dcd8d8; margin-left: 12px; width: 840px; font-style: italic; }
#footer ul { float: left; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; }
#footer ul li { display:inline; margin:0 10px 0 0; }
#footer ul li a { display:block; float:left; margin-right: 5px; color: #405f6e; font-variant:small-caps; letter-spacing: 0.6px; padding: 2px 5px; font-size: 14px; text-decoration: none;}
#footer ul li a:hover { text-decoration: underline; }
#footer p { float: right; font-size: 12px; padding: 2px 5px; margin-top: 10px; margin-bottom: 10px; }
p.copyright {width: 873px; margin: 0 auto 10px; font-size: 12px; font-style: italic; text-align: center;}
p.copyright a, p.copyright a:link, p.copyright a:visited { color: #030;}
/* -----------------------------------*/
/* ---------->>> forma kontakt<<<-----*/
form { margin-top: 5px; }
label, input { display: block; width: 150px; float: left; margin-bottom: 10px; }
label { text-align: left; width: 75px; padding-right: 20px; }
input { height: 20px; }
textarea { width: 245px; height: 80px; }
#submit { margin-top: 5px; margin-bottom: 10px; width: 100px; padding:0; height: 25px; line-height: 30px; }
input:hover, textarea:hover { background: #eff4f7; }
input:focus, textarea:focus { background: #eff4f7; }
br { clear: left; }
.overclear { width: 100%; overflow: hidden; }
/* -----------------------------------*/
/* ---------->>> slider<<<-----*/
#intro img { z-index: 99; }
#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider2 { margin-top:1em; }
#slider li, #slider2 li {width:808px; height:346px; overflow:hidden; padding: 0; margin-left: 0; margin-right: 0; }
#prevBtn, #nextBtn, #slider1next, #slider1prev { display:block; width:41px; height:40px; position:absolute; left:-26px; top:174px; z-index:1000; }
#nextBtn, #slider1next { left:796px; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:block; position:relative; width:40px; height:41px; background:url(../img/arrow-left.png) no-repeat 0 0; }
#nextBtn a, #slider1next a { background:url(../img/arrow-right.png) no-repeat 0 0; }
ol#controls { margin:1em 0; padding:0; height:28px; }
ol#controls li { margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a { background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
#slider ul li img { visibility:hidden; }