/*
Theme Name: WordPress Default
*/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: #39f;    
    text-align: center;
    font: 13px sans-serif;
}

/* struktura */

#kontejner {
      width: 939px;
      margin: 0 auto;
      text-align: left;
}

#heder {
    height: 367px;
    background: url('grafike/heder.png') top left no-repeat;
}

#gornji {
height: 157px;
}

#heder_srednji {
padding: 0 51px 0 90px;
}

#kvadrati {
float: left;
width: 544px;
margin: 60px 0 0 11px;
}

#kvadrati ul {
list-style-type:none;
}

#kvadrati li {
float: left;
margin: 0 6px 0 6px;
}

#kvadrati li a {
display: block;
height: 115px;
width: 118px;
}

.spol_rod {background: url('grafike/spol_rod.png') top left no-repeat;}
.nenasilje {background: url('grafike/nenasilje.png') top left no-repeat;}
.spolno {background: url('grafike/spolno.png') top left no-repeat;}
.komunikacija {background: url('grafike/komunikacija.png') top left no-repeat;}

.spol_rod:hover {background: url('grafike/spol_rod-on.png') top left no-repeat;}
.nenasilje:hover {background: url('grafike/nenasilje-on.png') top left no-repeat;}
.spolno:hover {background: url('grafike/spolno-on.png') top left no-repeat;}
.komunikacija:hover {background: url('grafike/komunikacija-on.png') top left no-repeat;}


#beneri {
float:right;
width: 216px;
}

#beneri ul {
list-style-type: none;
}

#beneri li {
line-height: 24px;
}

#beneri li.lijevi {
float: left;
}
#beneri li.desni {
float: right;
}

#beneri li a {
text-decoration:none;
color: #000;
}

#beneri_o img {
padding-bottom: 10px;
}

#beneri_o {
height: 141px;
}

#srednji {
    background: url('grafike/rubovi.png') top left repeat-y;
    min-height:750px;
    height:auto !important;
    height:750px; 
    clear:both; 
}

#u_srednji {
	background: url('grafike/linkovi.png') bottom right no-repeat;
	height: 100%;
}

#sadrzaj {
    background: url('grafike/sadrzaj.png') top left no-repeat;   
    min-height:750px;
    height:auto !important;
    height:750px;  
    padding: 0 36px 0 90px;
}

#tekst {
	background: #fff url('grafike/sadrzaj_rub.png') bottom left no-repeat;
	width: 544px;
	min-height:555px;
   height:auto !important;
   height:555px;
   float:left;
   font-family: sans-serif;
padding-bottom: 30px;
}

#tekst h2 {
padding: 0 30px 10px 30px;
color: #e26436;
font-size: 20px;
}

#tekst h2 a {
color: #e26436;
text-decoration: none;

}

.postmetadata a {
text-decoration:none;
}

#tekst p {
padding: 0 30px 10px 30px;
}

#tekst ul, #tekst ol {
padding: 0 30px 10px 50px;
}

#tekst p a {
color: #000;
}

#tekst .datum {
font-size: 11px;
text-indent: 10px;
padding-bottom: 5px;
}

#tekst .vise a {
color: #e26436;
text-indent: 10px;
}


#linkovi {
	background: #fff url('grafike/linkovi_rub.png') bottom left no-repeat;
	width: 245px;
	float: right;
	min-height:250px;
   height:auto !important;
   height:250px;
}

#linkovi ul {
list-style-type: none;
font-size: 13px;
padding-left: 16px;
}

#linkovi li a {
color: #000;
padding-left: 25px;
padding-right: 25px;
text-decoration: none;
background: url('grafike/link_marker.png') top left no-repeat;
line-height: 20px;
border: 0;
}

#linkovi li.current_page_item a {
    background: url('grafike/link_marker-on.png') top left no-repeat;
}

#linkovi li {
padding: 5px 0;
}

#linkovi li {
padding: 5px 0;
}

#linkovi li ul {
      
}

#linkovi li ul.vidljivi {
    
}


#linkovi li ul li a {
line-height: 10px;
}

#linkovi li a:hover {
background: url('grafike/link_marker-on.png') top left no-repeat;
}



#footer {
    height: 110px;
    background: url(grafike/footer.png) top left no-repeat;
}

#footer p {
	color:#fff;
	font-size: 11px;
	padding-left: 25px;
	padding-top: 80px;
	font-family: Arial, sans-serif;
}
/* sadrzaj */

#gornji_linkovi {
	font-size: 14px;
	border-bottom: 2px solid #e15b1b;
	float: right;
	margin:3px 40px 0 0;
	padding: 0 0 2px 0;
}

#gornji_linkovi .page_item {
	display: inline;
	text-align: right;
	margin: 0 0 0 10px;		
}

#gornji_linkovi .page_item:first-child {
margin-left: 0;
}

.page_item a {
	text-decoration: none;
	color: #000;
	padding: 0 0 2px 0; 
	border-bottom: 2px solid #e15b1b;
}

.page_item a:hover {
	border-bottom: 2px solid #fab600;
}

input, textarea {
background-color: #c5dff9;
}

img.alignleft {
float:left;
margin-right: 6px;
}

img.alignright {
float:right;
margin-left: 6px;
}
img.alignnone {
clear:both;
margin-bottom: 6px;
}


#tekst img {
border: #94d4f0 6px solid;
}

.video {
text-align: center;
margin-top: 10px;
}