/**************************
	Tanmno Plava: #6691cc
	Svijetlo Plava: #c2d9f8
**************************/

* {
margin: 0;
padding: 0;
}

body {
background: #f4f4f4 url(../img/bg.gif) repeat-x;
text-align: justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

h1 {
font-size: 21px;
color: #333333;
padding-top:0px;
margin-bottom: 15px;
font-weight: normal;
}

h2 {
font-size: 21px;
color: #333333;
padding-top:0px;
margin-bottom: 15px;
font-weight: normal;
text-align:center;
}

h6 {
margin:0;
padding:0;
font-weight:bold; 
text-align:center;
font-size:14px;
color: #333333;
}

a {
color: #3b5998;
text-decoration:none;
}
a:link {
color: #3b5998;
}
a:active {
color: #3b5998;
}
a:visited {
color: #3b5998;
}
a:hover {
text-decoration: underline;
color: #3b5998;
}

span {
color:#999999;
font-size:10px;
}



/***************************************************
			           HEADER
***************************************************/
#header {
width: 900px;
height: 78px;
margin: 0 auto;
clear:both;
/*background: url(../images/header.png) no-repeat;*/
}

#logo {
width: 323px;
height: 32px;
float:left;
margin-top:25px;
margin-left:7px;
}

#baner {
width: 468px;
height: 60px;
float:right;
margin-top:10px;
margin-right:12px;
}
	#baner iframe {
	padding-left:140px;
	}
/***************************************************
			       TRAZI I MENI
***************************************************/
#tube {
width: 900px;
height: 33px;
margin: 0 auto;
clear:both;
}

#trazi {
width: 330px;
height: 27px;
float:left;
padding-top:6px;
margin-left:10px;
}
#trazi form{
padding-left:10px;
margin:0px;
}
#trazi .textbox {
width:260px;
height:19px;
border:1px solid #6691cc;
background-color:#ffffff;
color:#6691cc;
padding: 2px 0 0 3px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
#trazi .textbox:focus {
border:1px solid #6691cc;
cursor:text;
}
#trazi .textbox22 {
width:260px;
height:17px;
border:1px solid #6691cc;
background-color:#ffffff;
color:#6691cc;
padding: 0;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
.search {
height:23px;
width:25px;
font-size:11px;
font-weight:bold;
color:#ffffff;
cursor:pointer;
background: #6691cc url(../img/search.gif) no-repeat;
}
	.suggestionsBox {
		position: relative;
		left: 20px;
		margin: 33px 0px 0px 0px;
		width: auto;
		background-color: #212427;
		border: 2px solid #000;	
		color: #fff;
		text-align:left;
	}
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	.suggestionList li {
		list-style-type:none;
		margin: 0px 0px 0px 0px;
		padding: 4px 3px 5px 3px;
		cursor: pointer;
		display:block;
	}
	.suggestionList li:hover {
		background-color: #6691cc;
	}


#meni {
width: 387px;
height: 26px;
padding-top:5px;
float: right;
text-align:right;
color:#6691cc;
font-family:Arial, Helvetica, sans-serif;
}
#meni a {
	text-decoration:none;
	font-size:15px;
	padding: 3px 9px 4px 9px;
	font-weight:bold;
	color:#6691cc;
	display:block;
	float:left;
}

#meni a:hover {
	padding: 2px 9px 5px 9px;
}

#meni a.home{
	width: 24px;
	background: url(../img/home.gif) no-repeat bottom center;
	padding: 1px 9px 5px 9px;
}
#meni a.home:hover{
	background: url(../img/home.gif) no-repeat top center;
	padding: 1px 9px 5px 9px;
}

#meni a.rss{
	width: 24px;
	background: url(../img/rss.png) no-repeat bottom center;
	padding: 1px 4px 5px 9px;
}
#meni a.rss:hover{
	background: url(../img/rss.png) no-repeat top center;
	padding: 1px 4px 5px 9px;
}

#meni a.facebook{
	width: 24px;
	background: url(../img/facebook.png) no-repeat bottom center;
	padding: 1px 4px 5px 4px;
}
#meni a.facebook:hover{
	background: url(../img/facebook.png) no-repeat top center;
	padding: 1px 4px 5px 4px;
}
#meni a.twitter{
	width: 24px;
	background: url(../img/twitter.png) no-repeat bottom center;
	padding: 1px 4px 5px 4px;
}
#meni a.twitter:hover{
	background: url(../img/twitter.png) no-repeat top center;
	padding: 1px 4px 5px 4px;
}




/***************************************************
			           A B C
***************************************************/
#abc_meni {
width: 900px;
height: 20px;
margin: 0 auto;
clear:both;
padding-top:25px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
}


ul#abc {
margin-left:35px;
padding-left:0;
white-space:nowrap;
}

#abc li {
display:inline;
list-style-type:none;
text-transform:uppercase;
}

#abc a {
background-color:#d8dfea;
text-decoration:none;
color:#3b5998;
font-size:13px;
padding: 4px 10px 3px 10px;
font-weight:bold;
}

#abc a:hover {
color:#FFFFFF;
background-color:#6691cc;
}

#abc .aktivan a{
background-color:#FFFFFF;
color:#000000;
border-left: 1px solid #2b3d56;
border-top: 1px solid #2b3d56;
border-right: 1px solid #2b3d56;
padding: 5px 10px 4px 10px;
}





/***************************************************
			          LINKOVI
***************************************************/
#pjesme_box {
width:758px;
margin: 12px auto 15px auto;
clear:both;
}

#pjesme_naslov {
width:100%;
height:15px;
text-align:center;
color:#555555;
font-size:16px;
font-weight:bold;
}

/*PJESME - LINKOVI*/
#linkovi {
width:738px;
height:100%;
margin:auto;
margin-top:5px;
}
.link-osnova {
border:1px solid #cccccc;
height:22px;
width:100%;
margin:3px 0;
background-color:#FFFFFF;
color:#6691cc;
font-size:11px;
text-align:left;
}
.link-osnova:hover .link-ime a, 
.link-osnova:hover .link-skinuto, 
.link-osnova:hover .link-dodato {
background-color:#6691cc;
color:#ffffff;
}
.link-ime a{
float:left;
width:600px;;
border-right:1px dashed #cccccc;
padding-top:4px;	
text-indent:10px;
text-decoration: none;
height:18px;
font-weight:bold;
font-size:12px;
color:#6691cc;
}
.link-skinuto {
float:left;
width:56px;
border-right:1px dashed #cccccc;
padding-top:4px;	
text-decoration: none;
height:18px;
text-indent:18px;
background:url(../img/skinuto.gif) no-repeat 3px center;
}
.link-dodato{
float:left;
width:80px;
padding-top:4px;	
text-align:center;
text-decoration: none;
height:18px;
}


#pjesme_brojevi {
width:100%;
padding-top:4px;
padding-bottom:4px;
height:17px;
margin-top:-10px;
margin-bottom:8px;
font-size:11px;
}
#pjesme_brojevi_dole_box{
text-align:center;
}
#pjesme_brojevi_dole{
color:#6691cc;
}
#pjesme_brojevi_dole a {
text-decoration:none;
padding:3px 6px;
white-space:nowrap;
border:1px solid #cccccc;
background-color:#FFFFFF;
color:#6691cc;
font-weight:bold;
}
#pjesme_brojevi_dole a:hover {
border:1px solid #6691cc;
}
#pjesme_brojevi_dole span {
text-decoration:none;
padding:3px 6px;
font-weight:bold;
white-space:nowrap;
cursor:pointer;
border:1px solid #6691cc;
background-color:#6691cc;
color:#ffffff;
font-size:11px;
}


/*SAMO ZA DODATO*/
#dodato {
width:738px;
height:300px;
margin:auto;
margin-top:150px;
color:#6691cc;
font-size:20px;
font-weight:bold;
text-align:center;
}

/*SAMO ZA IFRAME*/
#iframe_box {
width:820px;
margin: 0 auto;
margin-top:15px;
color:#6691cc;
font-size:20px;
font-weight:bold;
text-align:center;
}

#iframe {
width:820px;
color:#6691cc;
border:1px solid #cccccc;
background-color:#FFFFFF;
margin-bottom:30px;
}
.iframe {
width:820px;
height:650px;
}


.tipka a {
text-decoration:none;
padding:2px 8px 0 8px;
white-space:nowrap;
color:#3b5998;
font-weight:normal;
margin-right:10px;
font-size:17px;
}
.tipka a:hover {
text-decoration:underline;
}


/*SAMO ZA PRIJAVI*/
#prijavi {
width:800px;
margin:auto;
margin-top:50px;
margin-bottom:200px;
color:#6691cc;
font-size:20px;
font-weight:bold;
text-align:center;
}
#prijavi_naslov {
font-size: 19px;
color: #333333;
padding-top:0px;
margin-bottom: 15px;
font-weight: normal;
text-align:center;
}
#prijavi_naziv {
font-size: 21px;
color: #6691cc;
padding-top:0px;
margin-bottom: 15px;
font-weight: normal;
text-align:center;
margin-bottom:40px;
}
.label_prijavi {
padding-left:114px;
font-size:14px;
}
.prijavi {
height:30px;
width:88px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#6691cc;
cursor:pointer;
margin-left:0px;
}



/***************************************************
			      FOOTER
***************************************************/
#footer {
height: 120px;
clear:both;
padding: 4px 0;
background-color: #c2d9f8 ;
color: #3b5998;
text-align: center;
font-size: 9px;
border-top: 1px solid #2b3d56;
border-bottom: 1px solid #2b3d56;
}
#footer_box {
width:900px;
margin: 0 auto;
}

#footer_meni {
width: 900px;
height:14px;
margin: 0 auto;
clear:both;
padding: 2px 0;
font-size: 11px;
font-weight:bold;
}
#footer_meni_lijevo {
width: 480px;
float:left;
text-align:left;
padding-left:7px;
}
#footer_meni_desno {
width: 400px;
float:right;
text-align:right;
padding-right:12px;
}

a img.baner {
float: left;
border:0;
padding: 4px 0 0 7px;
}
a:hover img.baner {
float: left;
border:0;
}



#footer_linkovi {
width: 900px;
height:19px;
margin: 0 auto;
clear:both;
padding: 4px 0 2px 0;
font-size: 11px;
font-weight:bold;
text-align: center;
}



#oglasi {
height:15px;
clear:both;
width:728px;
margin: 0 auto;
}

/***************************************************
			    FORMA ZA DODAJ
***************************************************/

label {
color:#6691cc;
font-size:12px;
width:290px;
display:block;
float:left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 5px;
clear: both;
font-weight:bold;
text-align:left;
}

.label_dodaj {
width:365px;
height:20px;
border:1px solid #6691cc;
background-color:#ffffff;
color:#6691cc;
padding-top:3px;
padding-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.dodaj {
height:30px;
width:88px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#6691cc;
cursor:pointer;
margin-left:140px;
}

.textbox_prijavi {
width:300px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#6691cc;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:80px;
margin-left:0px;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
.textbox_prijavi:focus {
border:1px solid #6691cc;
cursor:text;
}


/***************************************************
			    KONTAKT FORMS
***************************************************/
#kontakt {
width:430px;
margin:auto;
margin-top:20px;
padding-left:150px;
color:#6691cc;
font-size:20px;
font-weight:bold;
text-align:center;
}

.form_textarea {
width:100%;
position:relative;
float:left;	
}
.form_textbox{
height:58px;
width:100%;
position:relative;
float:left;	
}


.plava_zvjezdica{
color:#999;
}

.textbox {
width:200px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#6691cc;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:80px;
margin-left:0px;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
float:left;
}
.textbox:focus {
border:1px solid #6691cc;
cursor:text;
}

textarea {
width:300px;
height:200px;
border:1px solid #cccccc;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:19px;
font-size:12px;
color:#6691cc;
margin-top:0px;
padding:2px;
clear:both;
float:left;
}
textarea:focus {
border:1px solid #6691cc;
cursor:text;
}

#submit {
width:300px;
height:30px;
padding-top:20px;
padding-left:0px;
padding-bottom:40px;
}
.submit {
height:30px;
width:88px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#6691cc;
cursor:pointer;
margin-left:10px;
}

.greska, .greska2, .greska3, .greska4, .greska_prijavi {
font-size:11px;
color:#999;
position:absolute;
right:137px;
top:23px;
}
.greska2{
right: 64px;
}
.greska3{
right: 11px;
}
.greska4{
right: 118px;
}

.greska_prijavi {
right: 95px;
}



/***************************************************
			         CLEAR
***************************************************/
.clear10 {
clear: both;
height: 10px;
}
.clear15 {
clear: both;
height: 15px;
}
.clear20 {
clear: both;
height: 20px;
}
.clear30 {
clear: both;
height: 30px;
}
.clear42 {
clear: both;
height: 42px;
}
.clear100 {
clear: both;
height: 100px;
}
.clear400 {
clear: both;
height: 400px;
}