/*______________________________________________________________________________________________________

SIXPACK66/PORTFOLIO http://www.sixpack66.com
Design and code: Mario Šestak (Sixpack66)
2007
_______________________________________________________________________________________________________*/

*{margin: 0;
padding: 0;}

html{
	background:url(../slike/slajsevi/background.jpg);
	font-family: "Microsoft Sans Serif", Arial, Verdana, Helvetica;
	font-size: 62.5%;
	line-height:1.9em;
	color:#f0d891;
	}

body{
	text-align: center;
	background:url(../slike/slajsevi/header_x_repeat.jpg) repeat-x;
	font-size:1.3em;
	}

#glavni_warp{
	text-align:left;
	min-height:800px;
	}

#header, #glavni_warp{
	width:908px;
	margin:auto;
	}

#header{
	background:url(../slike/slajsevi/header2.jpg) no-repeat;
	height:328px;
	}

.naglaseni{
	font-weight:bold;
	
	font-size:1.3em;
	}
.izdvojeni{
	font-size:1.3em;
		}

/*____________________________________________________________________________________________________________________
    LINKS GENERAL		*/

a,img{
	outline:none;
	border:none;
	}




a{
	text-decoration:none;
	}

a:link{
	color:#fdfdfd;
	}
	
a:visited{
	color:#cebca4;
	}
	
a:hover{
	border-bottom: 1px solid #FFF;
	}
	

a.external:link{
    background:url(../slike/slajsevi/link_icon.jpg) no-repeat 100% 0px;
	margin:0 .3em;
	padding-right:1.3em;
	}

a.external:visited{
    background:url(../slike/slajsevi/link_icon.jpg) no-repeat 100% -50px; 
	margin:0 .3em;
	padding-right:1.3em;
	}	

.offline{
	color:#710F10;
	}
	
/*____________________________________________________________________________________________________________________
    GLAVNA NAVIGACIJA		*/

#glavna_navigacija{
	float:right;
	width:250px;
	position:relative;
	left: -36px;
	top: 112px;
	}

ul#navigacija{ 
	list-style-type:none; text-indent:-999em;
	}

ul#navigacija li a{
	display:block; 
	height:36px; 
	width:234px;
	}

a.navigacija-a1{background: url(../slike/slajsevi/navigacija/home.jpg) no-repeat;}
a.navigacija-a2{background: url(../slike/slajsevi/navigacija/about.jpg) no-repeat;}
a.navigacija-a3{background: url(../slike/slajsevi/navigacija/portfolio.jpg) no-repeat;}
a.navigacija-a4{background: url(../slike/slajsevi/navigacija/contact.jpg) no-repeat;}

.navigacija-a1:hover{background: url(../slike/slajsevi/navigacija/home.jpg) no-repeat; background-position:-234px 0px; border:none;}
.navigacija-a2:hover{background: url(../slike/slajsevi/navigacija/about.jpg) no-repeat; background-position:-234px 0px; border:none;}
.navigacija-a3:hover{background: url(../slike/slajsevi/navigacija/portfolio.jpg) no-repeat; background-position:-234px 0px;border:none;}
.navigacija-a4:hover{background: url(../slike/slajsevi/navigacija/contact.jpg) no-repeat; background-position:-234px 0px;border:none;}


#home .navigacija-a1{background: url(../slike/slajsevi/navigacija/home.jpg) no-repeat; background-position:-234px 0px; border:none;}
#portfolio .navigacija-a3{background: url(../slike/slajsevi/navigacija/portfolio.jpg) no-repeat; background-position:-234px 0px;border:none;}
#about .navigacija-a2{background: url(../slike/slajsevi/navigacija/about.jpg) no-repeat; background-position:-234px 0px; border:none;}
#contact .navigacija-a4{background: url(../slike/slajsevi/navigacija/contact.jpg) no-repeat; background-position:-234px 0px;border:none;}



/*____________________________________________________________________________________________________________________
	NASLOVI			*/

h2#work_naslov{
	background:#f0d890 url(../slike/slajsevi/work.jpg) no-repeat;
	}

h2#port{
	background:#f0d890 url(../slike/slajsevi/portfolio.jpg) no-repeat;
	}

#about h2#port{
	background:#f0d890 url(../slike/slajsevi/about.jpg) no-repeat;
	}

#about #work_naslov{
	background:#f0d890 url(../slike/slajsevi/links.jpg) no-repeat;
	}

#home #work_naslov{
	background:#f0d890 url(../slike/slajsevi/hello.jpg) no-repeat;
	}

#home h2#port{
	background:#f0d890 url(../slike/slajsevi/latest_work.jpg) no-repeat;
	}

#contact #work_naslov{
	background:#f0d890 url(../slike/slajsevi/email.jpg) no-repeat;
	}
	
#contact h2#port{
	background:#f0d890 url(../slike/slajsevi/contact_me.jpg) no-repeat;
	}

h1#web{
	background: #f0d890 url(../slike/slajsevi/web.jpg) no-repeat;
	margin-bottom:1em;
	}

h1#print{
	background:#f0d890 url(../slike/slajsevi/print.jpg) no-repeat;
	margin-bottom:1em;
	}

h1#logo{
	background:#f0d890 url(../slike/slajsevi/logo.jpg) no-repeat;
	margin-bottom:1em;
	}
	
h1#apparel{
	background:#f0d890 url(../slike/slajsevi/apparel.jpg) no-repeat;
	margin-bottom:1em;
	}

h3{
	color:#710F10;
	font-weight:bold;
	font-size:1.9em;
	line-height:1.9em;
	}

h1,h2{
	height:24px;
	text-indent:-999em;
	}

/*____________________________________________________________________________________________________________________
	PORTFOLIO NAVIGACIJA			*/

#portfolio_navigacija{
	width:214px;
	float:left;
	margin:1em 0 0 9em;
	display:inline;
	clear:both;
	background:url(../slike/slajsevi/work_back.jpg) no-repeat;
	}


ul#work_type{
	padding:3em 0 0 1.5em;
	font-weight:bold;
	font-size:1.2em;
	list-style-type:none;
	}

#work_type li{
	padding-left: 1.4em;
	background:url(../slike/slajsevi/list_icon.jpg) no-repeat 0 .5em;
	}
	
.desno{ 
	float:right;
	clear:both;
	}

/*____________________________________________________________________________________________________________________
	PORTFOLIO DOWNLOAD			*/

#portfolio_download{
	width:426px;
	height:210px;
	float:left;
	margin:1em 0 0 5.4em;
	background:url(../slike/slajsevi/portfolio_back.jpg) no-repeat;
	}

#portfolio_download img{
	padding:3em 1em 0 2em; 
	float:left;
	}

#portfolio_download p{
	padding-top:2.6em;
	}

/*____________________________________________________________________________________________________________________
	GLAVNI SADRŽAJ			*/

#sadrzaj_glavni{
	clear:both;
	background: url(../slike/slajsevi/work_portfolio.jpg) no-repeat;
	width:710px;
	margin:1em 0 0 9em;
	}

#error #sadrzaj_glavni{
	background:none;
		}

.vijest{
	padding:.5em 0 .4em .8em;
	float:left;
	border-bottom: #f0d890 dotted 1px;
	clear:both;
	width:710px;
	}
	
#sadrzaj_glavni a:hover{
	border:none;
	text-decoration:underline;
	}

ul.updates_slike{
	list-style-type:none; 
	}
	
ul.updates_slike li a{
	
	display:block; 
	float:left;
	margin:1.5em .2em;
	}
	
ul.updates_slike li{
	display:inline;
	}

/*____________________________________________________________________________________________________________________
	"PREDHODNA", "SLJEDECA" "BROJEVI" NAVIGACIJA			*/	
	
#predhodna_sljedeca{ 
	list-style-type:none;
	clear:both;
	}

ul#predhodna_sljedeca .left{ 
	float: left; 
	margin:5em 16em 4em 2em;
	}
	
ul#predhodna_sljedeca .right{
	float:right; 
	margin:5em 2em 4em 0;
	}

ul#predhodna_sljedeca li a{ 
	display:block; 
	width:7em;
	padding:.4em 0; 
	background:#261511; 
	text-align:center;
	}

ul#brojevi{ 
	list-style-type:none; 
	margin-top:4em;
	}
	
ul#brojevi li{
	display:inline;
	}

ul#brojevi li a{
	display: block; 
	float:left;
	width:3em; 
	background:#261511; 
	margin-left:.1em; 
	padding:.4em 0; 
	text-align:center;
	}
/*____________________________________________________________________________________________________________________
	FOOTER			*/		
	
#footer{
background:#33FF99 url(../slike/slajsevi/footer.jpg) center no-repeat;
height:76px;
clear:both;
}	
#footer p{line-height:.9em;
font-size:1em;} 	
	
/*____________________________________________________________________________________________________________________
	ABOUT			*/		

.about{
width:426px;
float:left;
margin:1em 0 3em 5.4em;
background:url(../slike/slajsevi/portfolio_back.jpg) no-repeat;
}

.about p{
padding:0 1.2em 2em 1.4em;
}

#my_links{
	width:214px;
	float:left;
	margin:1em 0 0 9em;
	display:inline;
	background:url(../slike/slajsevi/work_back.jpg) no-repeat;
	}
.naslov{
	padding:2.7em .7em 1.5em 1em;
	font-size:1.5em;
	line-height:1.15em;
	}
.kod_datuma{padding-bottom:.5em;}



p.linkova{
	padding:0 1.2em 2em 1.4em;
	}

.linkovi_eksterijerni{
 	list-style-type: none;
	margin: 1em 0 16em 1.6em;
	}
	
.linkovi_eksterijerni li a:link{
    background:url(../slike/slajsevi/link_icon.jpg) no-repeat;
	padding-left:1.3em;
	}
	
.linkovi_eksterijerni li a:visited{
    background:url(../slike/slajsevi/link_icon.jpg) no-repeat 0 -50px; 
	padding-left:1.3em;
	}	
	
/*____________________________________________________________________________________________________________________
	CONTACT			*/		
	

#contact p.linkova{
	padding:0 2.6em 2em 1.4em;
	}



/*______________KONTAKT FORMA _popraviti(html)____________________*/

#kontaktforma {
	margin: 0 0 3em 1.4em;
	width: 350px;
	}

#kontaktforma fieldset{
	border:0;
	}

#kontaktforma legend{
	visibility:hidden;
	}

#kontaktforma label{
	display: block;
	font-size: 1.1em;
	}

#kontaktforma input, #kontaktforma textarea, #kontaktforma select{
	width: 300px;
	margin: 0 0 10px;
	padding: 2px;
	background: #fefffd;
	border: 3px solid #fff;
	}

#kontaktforma input:focus, #kontaktforma textarea:focus{
	background: #f3f7db;
	border: 3px solid #efd790;
	}

#kontaktforma textarea{
	height: 150px;
	}

#kontaktforma #theSubmit{
	width: auto;
	padding: 3px 7px;
	background: #000;
	color: #fff;
	border: 1px dotted #efd791;
	cursor: pointer;
	}

#message{
	font-size:1.1em;
	font-family: "Microsoft Sans Serif", Arial, Verdana, Helvetica;
	}
	
/*____________________________________________________________________________________________________________________
	HOME			*/		
	
	


.dajajde a{
	text-decoration:none;
	}

.dajajde a:link{
	color:#fdfdfa;
	}
	
.dajajde a:visited{
	color:#cebca4;
	}
	
.dajajde a:hover{
	border:none;
	text-decoration:underline;	}
	

.dajajde{
	padding: .5em 0 3.5em 2em;
	}


#home a.external:link{
	padding-right:1.3em;
	margin:0 .3em;
	}

#home a.external:visited{
    background:url(../slike/slajsevi/link_icon.jpg) no-repeat 100% -50px; 
	padding-right:1.3em;
	margin:0 .3em;}

	

.crta{
	border-bottom: #f0d890 dotted 1px;
	}