/*Theme Name: Herbafast tema
Author: Jelena*/

* {
margin: 0px auto;
padding: 0px;
text-align:center;
}

body {
background: white url(images/background.gif) repeat-x ;
}

img {
border: none;
}

#header {
-moz-border-radius: 5px 5px 0px 0px;
margin-top: 5px;
}

#container {
width: 960px;
margin: 0px auto;
}

#futer {
background: url(images/futercic.png) repeat-x;
height:  60px;
padding-top: 2px;
margin-bottom: 0px;
}

#futer p
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;

}

.top, .nav {
-moz-border-radius: 0px;
}

.top {
background: url(images/header1.gif) no-repeat top left;
display:inline-block;
width: 100%;
height:112px;
}

.nav {
background: white url(images/nav.gif) repeat-x top left;
height: 42px;
}

/*.nav ul li {
display: inline;
margin:10px;
padding:10px;
}*/

.logo {
display: inline;
float:left;
margin: 15px 10px;
}

.search {
width: 245px;
height: 60px;
background: grey;
display:inline;
float:right;
margin: 35px 10px;
background-image:url(images/searchpoza.gif);
background-repeat:repeat-x;
}


.lang {
position:relative;
top:60px;
left:480px;
width: 5px;
height: 42px;
/*background-image:url(images/nav.gif);
background-repeat:repeat-x;	*/
margin-top:10px;
}
#ostale_levo {
background-color:lightblue;
background-image:url(images/bg1.jpg);
background-repeat:repeat-y;

/*background: lightblue url(images/bg.gif) no-repeat;*/
-moz-border-radius: 0px;
display: inline-block;
width:100%;
}


/****** SREDINA **********/
#center {
background-color:lightblue;
background-image:url(images/bg1.jpg);
background-repeat:repeat-y;
/*background: lightblue url(images/bg.gif) no-repeat;*/
-moz-border-radius: 0px;
display: inline-block;
width:100%;
}
#center1 {
background-color:lightblue;
background-image:url(images/bg2.png);
background-repeat:repeat-y;
-moz-border-radius: 0px;
display: inline-block;
width:100%;
text-align:left;
}


.mid, .leftside, .rightside {
display: inline;
}

.mid {
width: 548px;
float: left;
margin-top: 15px;
}

.leftside, .rightside {
width: 200px;
margin: 2px;
}

.leftside {
float: left;
}

.rightside {
float: right;
}

.box1 {
width: 210px;
height: 300px;
background: lightblue;
margin-top: 20px;
}

.box2 {
width: 210px;
height: 100px;
background: lightblue;
margin-top: 20px;

}

.herbafast {
margin: 10px;
}

.smanjuje
{width:548px;
}

.iskustva
{width:548px;
}

#prednosti
{
background-image:url(images/sastav_sredina1.png);
background-repeat:repeat-y;
background-color:#000000;
width:176px;
height:152px;
margin-top:5px;
margin-left:10px;
}

#sastav
{
background-image:url(images/sastav_sredina.png);
background-repeat:repeat-y;
width:176px;
height:142px;
margin-top:20px;
margin-left:10px;
}
#sastav a
{
color:#333333;
}


.video
{
background-color:#000000;
width:174px;
height:114px;
margin-top:5px;
margin-left:12px;
}
.slika
{
background-color:#000000;
width:174px;
height:174px;
margin-top:10px;
margin-left:12px;
}
.slikaMala
{
width:174px;
height:20px;
margin-top:10px;
margin-left:12px;
}
.slikaFB
{
width:50px;
height:50px;
margin-top:5px;
margin-left:30px;
}
.slikaTW
{
width:50px;
height:50px;
margin-top:5px;
margin-right:25px;
float: right;
}

.kontaktforma
{
width:174px;
height:60px;
margin-top:10px;
margin-left:12px;
}

#smanjuje
{
width:548px;
height:208px;
color:#FFFFFF;
}
#smanjuje h2
{
height:14px;
background-image:url(images/smanjuje_prelaz_f.gif);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.7em;
}

#smanjuje h1
{padding-left:6px;
padding-top:4px;
height:26px;
background-image:url(images/smanjuje_prelaz.png);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:0.50em;
font-weight:bold;
overflow:hidden;
text-align:left;
}
#smanjuje .kontent
{
height:168px;
background-image:url(images/smanjuje_sredina.png);
background-repeat:repeat-x;
}
.slicica1
{position:relative;left:130px;bottom:150px}


#smanjuje ul
{
color:#FFFFFF;
text-align:left;
list-style-position:inside;
list-style-image:url(images/simbolzaul.jpg);
margin-left:28px;
padding-top:10px}
#smanjuje li
{
text-align:left;
font-size:1.2em;
font-family:Arial;
font-weight:bold;
font-style:italic;
line-height:1.5em;}


#poslednji
{
text-align:left;
width:548px;
height:98px;
color:#FFFFFF;
margin-top:20px;
}

#vaga
{
background-image:url(images/roundedhelp.png);
background-repeat:repeat-x;
margin-left:0px;
margin-top:10px;
background-color:#EFEFEF;
width:250px;
height:98px;
color:#FFFFFF;
}
#vaga h1
{background-image:url(images/idealno_prelaz.jpg);
background-repeat:repeat-x
padding-left:6px;
padding-top:2px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:0.15em;
font-weight:bold;
overflow:hidden;
text-align:left;
}

.idealnoanketa
{
background-color:#FFFF00;
background-image:url(images/roundedhelp.png);
background-repeat:repeat-x
width:250px;
height:85px;
margin-top:-10px;
}
#vaga p
{
margin-left:4px;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:left;
font-weight:bold;
letter-spacing:0.1em;
}
#vaga img, #anketa img, #prognoza img
{
float:right;
margin-right:40px;
}

#prognoza
{
float:right;
background-image:url(images/roundedhelp.png);
background-repeat:repeat-x;
background-color:#EFEFEF;
width:250px;
height:145px;
color:#000000;
text-align:left;
}
#prognoza h1
{
background-image:url(images/idealno_prelaz.jpg);
background-repeat:repeat-x
padding-left:6px;
padding-top:4px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
overflow:hidden;
text-align:left;
}

#anketa
{
float:right;
background-image:url(images/roundedhelp.png);
background-repeat:repeat-x;
background-color:#EFEFEF;
width:250px;
height:98px;
color:#FFFFFF;
text-align:left;
}
#anketa h1
{background-image:url(images/idealno_prelaz.jpg);
background-repeat:repeat-x
padding-left:6px;
padding-top:4px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
overflow:hidden;
text-align:left;
}
#anketa p
{
margin-left:4px;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:left;
letter-spacing:0.1em;
}
#anketa ul
{
color:#333333;
text-align:left;
list-style-position:inside;
list-style-type:circle;
margin-left:28px;
}
#anketa li
{
text-align:left;
font-size:11px;}
#anketa img
{
margin-top:0px;}

#iskustva
{
width:548px;
height:160px;
color:#FFFFFF;
margin-top:15px;
}
#iskustva h1
{padding-left:6px;
padding-top:4px;
height:27px;
background-image:url(images/iskustva_prelaz.png);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:0.15em;
font-weight:bold;
overflow:hidden;
text-align:left;
}
#iskustva h2
{
height:12px;
background-image:url(images/iskustva_prelaz_f.gif);
background-repeat:repeat-x;}

#iskustva .kontent
{
height:129px;
background-image:url(images/iskustva_sredina.jpg);
background-repeat:repeat-x;
}
#iskustva p
{
margin-left:3px;
margin-right:3px;
padding-top:5px;
text-align:left;
font-weight:bold;
font-family:Geneva, Arial;
font-size:0.9em;
color:#000000;
line-height:1.3em;
}

#iskustva a
{
color:#333333;
}


#dazivite
{
width:548px;
height:257px;
color:#FFFFFF;
margin-top:15px;
}
#dazivite img
{
margin-top:-4px;
}

#dazivite h1
{
padding-left:6px;
padding-top:4px;
height:30px;
background-image:url(images/dazivite_prelaz.png);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:0.15em;
font-weight:bold;
overflow:hidden;
text-align:left;
}

#dazivite h2
{
height:12px;
background-image:url(images/dazivite_prelaz_f.png);
background-repeat:repeat-x;
}



.headermenu{
/*background-color:#990033;*/
width: 93%;
height:30px;
overflow: hidden;
padding-right:60px;
padding-top:5px;
padding-bottom:5px;
}


.headermenu li{
display: inline;
margin: 0;
}

.headermenu li a{
background-image:url(images/crno_bela3.jpg);
background-position:right;
background-repeat:no-repeat;
float: left;
display: block;
text-decoration: none;
padding-top:8px; /*padding inside each tab*/
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
color: white;
font-size:1em;
font-weight:bold;
font-family:"Trebuchet MS", Arial, sans-serif;
letter-spacing:0.2em
}

.headermenu li a:visited{
color: white;
}

.headermenu li a:hover, .headermenu li.selected a{
background-image:url(images/nav-prelaz1.gif);
background-repeat:repeat-x;
}

#pagesastav
{
margin:0px auto;
padding:0px;
}
#pagesastavcontainer
{
margin-left:20px;
text-align:left;
width:60%;
}
.slikadesno
{
float:right;
width:30%;
margin-right:20px;
margin-top:10px;
}

.fontDesnoLink
{
margin-right:25px;
color:white;
float:right;
}

.fontDesnoLink a
{
color:green;
text-decoration:none;
}

.fontDesnoLink a:hover
{
color:red;
}

.fontDesnoLink a:visited
{
color:green;
text-decoration:none;
}


#pagesastavcontainer ul
{
list-style:inside;
list-style-type:disc;
margin-top:3px;
margin-bottom:10px;
margin-left:5px;
}
#pagesastavcontainer li
{
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
line-height:1.5em;
color:#6699ff;
}
#pagesastavcontainer p, .okvir
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
text-align:left;
padding:10px;
}

#pagesastavcontainer .okvir
{
background-color:#FFFFFF;
border:2px #FF0000 dotted;
}

#pagesastavcontainer .slucajime
{
text-decoration:underline;
font-weight:bold
}
#pagesastavcontainer .pitanje
{
text-decoration:none;
font-weight:bold
}
#pagesastavcontainer .slucajopis
{
}

#pagesastavcontainer td
{
background-color:#66FF00;
font-family:Arial, Helvetica, sans-serif;
}


#pagesastav h1
{
text-align:left;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:2em;
letter-spacing:0.2em;
margin-bottom:5px;
margin-top:5px;
color:#FF0;
text-shadow:inherit;
}

#pagesastav h2
{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#3366cc;
padding:5px;
}

#pagesastav h3
{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#33cc33;
padding:5px;
}

#pagesastav h4
{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#3366cc;
padding:1px;
}

#pagesastav text
{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#fffff;
padding:5px;
}



#lang_sel {height:32px; position:relative; z-index:999; float: right; margin-right: 5px; margin-top:0px;  font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:119px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:119px;position:relative;}



.bynow {
position:relative;
top:50px;
left:210px;
}


.click, .click1, .click3, .click6
{
position:relative;left:130px;bottom:150px
}

.click2
{
position:relative;left:130px;bottom:137px
}

.click3
{
position:relative;left:130px;bottom:168px
}

.click4
{
position:relative;left:156px;bottom:163px
}

.click5
{
position:relative;left:130px;bottom:140px
}