@charset "utf-8";

a:focus {outline: none;}

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


/* ----- BODY ----- */
body {
margin:0 auto;
margin-top:0px;
background-color:#d0cab4;
background-image:url(images/sivo.gif);
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color:#4f5e38;
}

p {
color:#4f5e38;
padding:0px;
padding-top:6px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

.oglas_naslov {
color:#515151;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}

.oglas_tekst {
color:#515151;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding-left:5px;
padding-right:5px;
}

.{
color:#6b6a6a;
padding:0px;
padding-top:4px;
padding-left:4px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
text-decoration: none;
}

.forum_naslov{
color:#6b6a6a;
padding:0px;
padding-top:4px;
padding-left:4px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

.weather{
height:300px;
color:#6b6a6a;
padding:0px;
padding-top:4px;
padding-left:3px;
padding-right:3px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
text-decoration: none;
}

.klipovi{
width:70px;
float:left;
padding-left:5px;
padding-right:5px;
}
.klipovi_tekst{
width:115px;
float:right;
padding-right:5px;
}
.klipovi_siroko{
width:200px;
float:left;
height:50px;

}

.sliki_tumb{
width:120px;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}
.sliki_tumb2{
width:220px;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

h1, h1 a:link, h1 a:visited {
color:#6cb000;
padding:0px;
padding-top:3px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration: none;
}

h1 a:hover, h1 a:active {
text-decoration: underline;
}

/* ----- HEADER ----- */
#header {
background-image:url(images/pozadina.gif);
position: relative;
text-align:center;
}
#meni{
padding-right:204px;
}
#komarec{
height:171px;
background-image:url(images/komarce.png);
background-repeat:no-repeat;
background-position:right;
width:950px;
margin:auto;
padding-right:30px;
}
#strani {
width:100px;
height:171px;
background:url(images/pozadina.gif);
}

#siroko{ 
width:60px; 
height:60px;
float:left;
}
.galerija{ 
width:980;
float:left;
margin:auto;
}

/* ----- desno meni ----- */

#desno {
width:439px;
background-color:#ffffff;
float:right;
padding-top:20px;
border-left:solid #d0cab4 1px;
}

/* WRAPPER za glavnoto i sporednoto */

#wrapper{

width:980px;
background:url(images/background_4.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin:auto;
clear: both;
}
#wrapper2{
width:479px;
background:url(images/background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
}
#wrapper5{
width:980px;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin:auto;
background:url(images/background_3.gif) repeat-y;
}


/* ----- glavno tekst pole na prvata strana ----- */

#content { 

width:540px;
background-color:#ffffff;
padding-top:20px;
}
#content5 { 

width:980px;
background-color:#ffffff;
padding-top:20px;
padding-bottom:20px;
}

#sodrzina { 

width:500px;
background-color:#ffffff;
padding-top:20px;
}

/* ----- prvata najgolema slika ----- */
#topslika{ 
width:476px;
height:214px !important; /* for modern browsers */
height:214px; /* for IE5.x and IE6 */
background-color:#ffffff;
position:absolut;

}


/* ----- prvata najgolema slika ----- */
#oglasnik{ 
width:398px;
height:212px !important; /* for modern browsers */
height:212px; /* for IE5.x and IE6 */
position:absolut;

}


/* ----- reklama1 ----- */
#reklama1{ 
width:400px;
height:155px !important; /* for modern browsers */
height:155px; /* for IE5.x and IE6 */
background-color:#ffffff;
position:absolut;
margin-top:20px;


}
/* ----- reklama1 ----- */
#desno_meni{ 
width:200px;
position:absolut;
margin-top:20px;
float:left;
margin-left:20px;

}

#desno_meni_sodrzina1{ 
width:200px;
height:150px !important; /* for modern browsers */
height:150px; /* for IE5.x and IE6 */
background-color:#eceae1;
position:absolut;
float:left;
margin-bottom:10px;
}

#weather{ 
width:200px;
background-color:#eceae1;
position:absolut;
float:left;
height:100px;
margin-bottom:10px;
}

#vasifotki{ 
width:200px;
height:130px !important; /* for modern browsers */
height:130px; /* for IE5.x and IE6 */
background-color:#eceae1;
position:absolut;
padding-bottom:10px;
float:left;
margin-bottom:10px;
}
#klipovi{ 
width:200px;
height:270px !important; /* for modern browsers */
height:270px; /* for IE5.x and IE6 */
background-color:#eceae1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
position:absolut;
float:left;
margin-bottom:10px;
}

#mp3{ 
width:200px;
height:240px !important; /* for modern browsers */
height:240px; /* for IE5.x and IE6 */
background-color:#eceae1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
position:absolut;
float:left;
margin-bottom:20px;
}




/* ----- reklama1 ----- */
#desno_meni2{ 
width:180px;
height:730px !important; /* for modern browsers */
height:730px; /* for IE5.x and IE6 */
position:absolut;
margin-top:20px;
float:right;
margin-right:20px;
margin-bottom:8px;
background-color:#eceae1;

}

/* ----- reklama1 ----- */
#oglasi{ 
width:180px;
height:240px !important; /* for modern browsers */
height:240px; /* for IE5.x and IE6 */
position:absolut;
float:right;
margin-right:20px;
margin-bottom:20px;
background-color:#eceae1;
}
#rss{ 
width:400px;
position:absolut;
float:right;
margin-right:20px;
background-color:#eceae1;
}
.oglasi_temni{ 
width:398px;
height:53px !important; /* for modern browsers */
height:50px; /* for IE5.x and IE6 */
position:absolut;
float:left;
background:#d8d8d8;
}
.oglasi_naslov{
width:398px;
padding-left:5px;
padding-top:5px;
float:left;
font-weight:bold;
}
.oglasi_tekst{
width:378px;
padding-left:5px;
padding-right:10px;
padding-top:1px;
float:left;
}
.oglasi_svetli{ 
width:398px;
height:53px !important; /* for modern browsers */
height:50px; /* for IE5.x and IE6 */
position:absolut;
float:left;
background:#e4e4e4;
}
#forum{ 
width:180px;
height:200px !important; /* for modern browsers */
height:200px; /* for IE5.x and IE6 */
position:absolut;
float:right;
margin-right:20px;
margin-top:10px;
margin-bottom:20px;
background-color:#eceae1;

}


.oglasi{
padding-bottom:10px;
}
.fotki{
padding-left:5px;
padding-bottom:2px;
}

/* ----- tekst pod najgolema slika ----- */
#topslika_tekst{ 
width:476px;
position:absolut;
margin-bottom:15px;
}

/* ----- prvata najgolema slika ----- */
#slika_pocetna{ 
width:230px;
height:130px !important; /* for modern browsers */
height:130px; /* for IE5.x and IE6 */
background-color:#ffffff;
position:absolut;
float:left;

}
/* ----- tekst pod najgolema slika ----- */
#tekst_pocetna{ 
width:230px;
position:absolut;
float:left;
margin-bottom:15px;
}
/* ----- prvata najgolema slika ----- */
#slika_pocetna2{ 
width:230px;
height:130px !important; /* for modern browsers */
height:130px; /* for IE5.x and IE6 */
background-color:#ffffff;
position:absolut;
float:right;

}
/* ----- tekst pod najgolema slika ----- */
#tekst_pocetna2{ 
width:230px;
position:absolut;
float:right;
margin-bottom:10px;
}
#footer { 
height:20px;
margin-top:10px;
}
#testiram {
color:#d0cab4;
padding-left:765px;
padding-bottom:5px;
}
#testiram2 {
width:982px;
color:#d0cab4;
text-align:right;
margin:auto;
}
#testiram2 .ul {
margin-left:600px;
}
.meni_slika {
padding-right:40px;
}
#logo{
padding-right:750px;
}
#komarce{
position: absolute;
padding-left:960px;
z-index: 10;
}
.slajfni{
color:#FFFFFF;
background-color:#5d594e;
margin-bottom:10px;
}
.komentar_temen{ 
width:480px;
position:absolut;
float:center;
background:#e8e5da;
padding:10px;
border:solid #ccc7b7 1px;
}
.komentar_svetol{ 
width:480px;
position:absolut;
float:center;
background:#ffffff;
padding:10px;
border:solid #ccc7b7 1px;
}



#sddm
{	margin: 0;
margin-left:658px;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #a1ab0c;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #a1ab0c}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #a1ab0c}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 30px 3px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #a1ab0c;
		color: #FFF}

.tabela{
border:solid 1px #999999;
padding:5px;
}
#ii{
width:398px;
}