body{
background: url(../images/body-bg.jpg);
font-family: "trebuchet ms", Verdana, arial;
font-size:1em;
line-height:1.4em;
text-align: left;
color: #000000;
}

html, body 
{
height: 100%;
}

*{margin: 0; padding: 0;}

#wrapper
{
position:absolute;
top:0;
left:0;
background: url(../images/weberica.jpg) no-repeat center top;
width:100%;
height:100%;
padding:0;
margin:0;

}

#wrapper2
{

width:960px;
padding:0;
margin: 0 auto;
background: url(../images/webdesign-container.jpg) repeat-y;
overflow:hidden;
}

.container 
{
height:100%;
margin:0 auto 0 auto;
width:960px;
padding-top:0.1px;
}

.header
{
background: url(../images/logo.jpg) no-repeat center top;
height:274px;
margin:0 auto 0 auto;
padding-top:1px;
}

.content
{
margin:0 auto;
width:960px;
}

.en{
vertical-align:middle;
}

/*-------------=heading-------------*/

h1 {
display:none;
}

h2 {
line-height:1em;
background: url() no-repeat center left;
padding-top: 20px;
margin-bottom:10px;
font-weight:normal;
color: #443e5a;/*blue*/
}

h5, h3 {
color: #99161c;/*red*/
line-height:1em;
margin-top:0;
padding-top:0;
margin-bottom:10px;
font-weight:bold;
text-transform:uppercase;

}

h4
{
font-family: "trebuchet ms";
}

.podnaslov{
font-family:georgia;
line-height:1.8em;
margin-top:0;
padding-top:0;
font-size:17px;
color: #36380a;
}


/*---------------------------=topcontent-----------------------*/

.portfolio-eng /* language-english */
{
margin-top:155px;
#margin-top:175px; /*ie 6 i 7*/
margin-left: 830px;
height: 100px;
width:100px;
display:block;
}


.navigation
{
background: url(../images/topnav-bg.jpg) no-repeat center top;
height:41px;
width:960px;
margin-top:0px;
#margin-top:0px; /*ie 6 i 7*/
text-align:right;
padding-top: 30px;
font-size:0.9em;
}

.navigation p
{
padding-right:90px;

}

.navigation a
{
color:#000000;
line-height:35px;
text-decoration:none;
padding:0px;
text-transform:uppercase;
font-family:"courier new",monospace;

font-weight:bold;
text-shadow: 0 1px 1px #fff;

#font-weight:normal;
}

.navigation a:hover{
text-transform:uppercase;

color:#ffffff;
font-weight:bold;
text-shadow: 0 1px 1px #000;

#color:#000000;
#font-weight: normal;
#text-decoration:underline;
}






#home .home, #portfolio .portfolio, #portfolio-en .portfolio-en, #web .web, #pitanja .pitanja, #download .download, #sitemap .sitemap, #foto .foto
{
text-transform:uppercase;
background:#ece9dc;
padding:2px;
}


/*-------------------------=maincoll-------------------------*/

.maincoll
{
background:url(../images/webdesign-paper.jpg) no-repeat center top;
margin-top:0;
#margin-top:0px; /*ie 6 i 7*/
_margin-top:-20px;
width:960px;
height:100%;
font-family:"trebuchet ms", helvetica, sans-serif;
padding-top: 40px;
font-size:0.9em;
}

.maincoll a{
color: #000000;
text-decoration:underline;
}

.maincoll a:hover{
color: #000000;
text-decoration:none;
}

.maincoll ul a{
text-decoration:none;
}

/*----------------------------=portfolio---------------------------*/
.portfolio-big li
{
background: url(../images/foto-bg.png) no-repeat left top;
height:220px;
width:100%;
overflow:hidden;
margin-left:0;
}

.portfolio-big img
{
margin: 7px 10px;
}


/*---------------------------=sidebar desna kolona-------------------------*/

.sidebar li
{
background:url(../images/foto-small-bg.png) no-repeat left top;
list-style:none;
height:100px;
margin-left:0;
margin-bottom:5px;
}

.sidebar li img
{
margin:8px 10px;
}

.popis, .popis li
{
margin-left:0;
padding-left:0;
}

.popis, .popis2{
list-style:none;
font-size:0.9em;
}

.popis a, .popis2 li{
text-decoration:none;

}

.popis a
{
padding-left: 10px;
}

.popis a:hover{
text-decoration:none;
background: #c8b79b;
padding: 0 10px;
color: #ffffff; /*dark green*/
}

/* accordian -- */


.accordion_headings{
margin-top:5px;
line-height:25px;
background: #c8b79b;/*označeni naslov*/
padding-left:10px;
cursor:pointer;
font-size:0.8em;
font-weight:bold;
text-shadow: 0 1px 1px #ffffff;
}

.accordion_headings:hover{
color:#ffffff;
padding-left: 10px;
text-shadow: 0 1px 1px #000;
}

.accordion_child{
padding-left:0;
margin-left:0;
}

.header_highlight{
background: #c8b79b;/*grey*//*označeni naslov*/
padding-left: 10px;
}

.floatright
{
float:right;
width:64px;
}


.kro-feed-bio
{

margin-bottom: 20px;
/*
background: url(../images/userf.png) no-repeat right top; */
}



.kro-feed
{
margin-bottom: 20px;
}

.kro-feed a
{
text-decoration:underline;
color:#666666;
}

.kro-feed a:hover{
text-decoration:none;
}

.kro-feed ul, .kro-feed li, .kro-feed a, .kro-feed p{
list-style:none;
margin:0; padding:0;
}

.kro-feed span, .kro-feed-bio span
{
font-size:0.8em;
font-weight:bold;
}

.mapaweba li{
list-style:none;
line-height: 24px;
}

.mapaweba a{
background: url(../images/bullet-green.png) no-repeat left center;
padding-left: 10px;
text-decoration:none;
color: #36380a; /*dark green*/
line-height: 24px;
}

.mapaweba a:hover
{
background: #d1d1b5 url(../images/bullet-red.png) no-repeat left center;
padding-left: 10px;
text-decoration:none;
color: #36380a; /*dark green*/
line-height: 24px;
}

.mapaweba img{
vertical-align: bottom;
}

/*--------------------=footer-------------------------------------*/
.footer{
clear:both;
background: url(../images/footer.jpg) no-repeat center top;
height:164px;
color: #ffffff;
overflow:hidden;
text-align: center;
padding-top: 20px;
font-size:0.8em;

}

.footer .links
{
font-family:"courier new",monospace;
color:#000000;
}

.footer .links a
{
color:#1e1a2d;
text-decoration: none;
font-weight:bold;
text-shadow: 0 1px 1px #fff;

#font-weight:normal;
}

.footer .links a:hover
{
color:#ffffff;
font-weight:bold;
text-shadow: 0 1px 1px #000;

#color:#000000;
#font-weight: normal;
#text-decoration:underline;
}

.validation{
height: 33px;
padding-top: 50px;
}

.validation a{
color: #dedec2;
text-decoration: none;
text-align: center;
}

.validation a:hover{
color: #e3e3cc;
text-decoration: underline;
}

/*------------------=search box-----------*/
#searchform2A { display:block; width: 100%; overflow:hidden;}

#searchform2A .searchead {color:#36380a;padding-left: 5px;font-size:14px;}

#searchform2A fieldset {padding:0 0 5px 5px; width:288px; margin-right:5px; float:left; margin-bottom:5px; border:#36380a 1px solid;}

#searchform2A .isearch2, #searchform2A .ibutton2 { width:215px;}

#searchform2A .isearch2 {width:215px; color: #000000; padding: 5px 0px 0 5px; font-size: 12px; font-weight:700; background:#d1d1b5; height:23px; border:#000000 1px solid; margin-right:5px; float:left;}

#searchform2A .ibutton2 
{
background:#99161c;
border:#000000 1px solid;
width:55px; 
cursor: pointer;
color:#ffffff;
height:30px; }