@charset "UTF-8";
 
/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:0; background-color: #c7c7c7; border-top: 1px solid #c7c7c7; border-left:0; border-right:0; border-bottom: 1px solid #FFF; margin:1em 0; padding:0;}
*+html hr {height: 2px;}

/******************************* FONTS *******************************/
@font-face {
    font-family: 'cafetaregular';
    src: url('../fonts/cafeta-webfont.eot');
    src: url('../fonts/cafeta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cafeta-webfont.woff') format('woff'),
         url('../fonts/cafeta-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/******************************* BASIC ELEMENTS *******************************/
* { margin: 0; padding: 0;}
img { border: 0; }

a {color: #323232;}

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.clearfix { width:100%; height: 0; clear: both }

h1, h2, h3, h4, h5, h6 {font-family: 'cafetaregular'; font-weight: normal;}

header, nav, article, footer, address { display: block; }
header, footer { width: 100%; clear: both; padding: 0; margin: 0; }

/******************************* BODY *******************************/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #323232; background: #efefef url('../images/bg.png') no-repeat center 218px;}

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

/******************************* HEADER *******************************/
header {width: 100%; height: 121px;  background: #fff200;}
.logo {float: left; width: 214px; height: 121px; border-right: 1px #d9ce0d solid;}
.logo img {margin: 26px 0 0 7px;}
.social {background: url('../images/pridruzi-se-v2.png') no-repeat left 20px;     width: 92px;    height: 42px;    padding: 79px 0 0 43px;}
.social img {margin-right: 4px;}
header  h1, header  h2 {float: left; font-size: 50px; color: #0c0c0c; margin: 36px 0 0 23px; font-family: 'cafetaregular';}

.menu {display: block; width: 100%; height: 41px; background: #323232;}
.menu nav ul li {float: left; list-style: none; font-family: 'cafetaregular';}
.menu nav ul li a {float: left; padding: 9px 17px;  font-size: 20px; line-height: 23px; color: #fff200; text-decoration: none;}
.menu nav ul li a:hover {background: #444444;}
.menu nav ul li a.active {background: #fff200; color: #323232;}

.dropbottom {display: block; margin-top: -5px; width: 215px; height:15px; background: url('../images/dropbg.png') no-repeat;}

/******************************* CONTENT *******************************/
.levo {float: left; width: 648px; margin-top: 20px; line-height: 20px;}
.okvir {display: block; width: 568px; height: 314px; padding: 40px; background: url('../images/okvirsiv.png') no-repeat; }
.okvir h2 {font-size: 30px; padding-bottom: 10px; color: #fff;}
.okvir p {font-size: 14px; line-height: 18px; text-align: justify; padding:0 0 10px 0; color: #fff;}
.okvir img {margin: 20px 0 100px 30px;}
.okvir .vec a {float: left; font-family: 'cafetaregular'; margin-top: 15px; width: 147px; height: 27px; padding-top: 7px; background: url('../images/vec-bg-bela.png') no-repeat; color: #fff; text-align: center; text-decoration: none; font-size: 20px;}
.okvir .vec a:hover {color:#f0f0f0;}

.levo article {display: inline-block; padding: 23px 0 0 0; border-bottom: 1px #323232 dashed; width:628px;}
.levo article .fl, .novica-posamezna .fl {margin-right: 22px;}
.levo article .fr, .novica-posamezna .fr {margin-left: 22px;}
.levo article .fl {margin-bottom:20px; margin-top:0px;}
.levo article h3, .levo article h2 {font-size: 24px; line-height: 24px; padding-bottom: 6px;}
.levo article h3 a, .levo article h2 a {color:#000; text-decoration:none;}
.levo article h3 a:hover, .levo article h2 a:hover {color:#73A800;}
.levo article .vec {display: block; margin-top: 2px; font-weight: bold;}
.levo article .vec a {text-decoration: none;}
.levo article .vec a:hover {text-decoration: underline;}

.novice, .novica-posamezna {display: block; padding: 0 10px;}
.novice h1 {display: inline-block; font-size: 30px; line-height:32px; }
.novice h2 {font-size: 26px; line-height:26px; }
.novice h2.naslov {display: inline-block; background: url('../images/pencil.png') no-repeat right bottom; padding: 18px 134px 0px 0;}
.naslov-div {display: block; padding-bottom: 11px; border-bottom: 1px #323232 dashed;}

.novica-posamezna h2 {font-size: 30px; line-height: 32px;}
.novica-posamezna h3 {font-size: 25px; line-height: 27px; color: #ff7800;}
.novica-posamezna h4 {font-size: 20px; line-height: 22px; color: #969696;}
.novica-posamezna p {text-align: justify; padding-bottom: 10px;}
.post-content {margin-top: 16px; padding-bottom: 20px;}
.novica-posamezna a {color: #ff7800; text-decoration: underline;}
.novica-posamezna a:hover {text-decoration: none;}
.novica-posamezna ul {margin: 10px 0;}
.novica-posamezna ul li {padding-left: 7px; background: url('../images/box.gif') no-repeat left 8px; padding-bottom: 3px;}
.novica-posamezna ul li a {color: #323232; font-weight: bold; text-decoration: none;}
.novica-posamezna ul li a:hover {text-decoration: underline;}

.desno {float: right; width: 312px; margin-top: 20px;}

.ostale-gumb {display: block; padding: 10px 0;}
.rgumb {display: inline-block;margin-top: 10px;}
.rgumb a {background: #fff200; font-family: 'cafetaregular'; font-size: 20px; padding: 2px 17px; text-decoration: none; color: #323232;}
.rgumb a:hover {color: #fff200; background: #323232;}

.gumbi .gumb {float: right; display: block; font-family: 'cafetaregular'; margin-top: 10px; margin-right: 17px;}
.gumbi .gumb a {display: block; width: 237px; height: 40px; padding-top: 18px; text-decoration: none; font-size: 24px; padding-left: 40px;}
.gumbi .gumb a:hover {color:#73A800;}
.gumbi .gumb-1 {background: url('../images/gumb-1.png') no-repeat;}
.gumbi .gumb-2 {background: url('../images/gumb-2.png') no-repeat;}
.gumbi .gumb-3 {background: url('../images/gumb-3.png') no-repeat;}

.koledarcek {display: block; width: 311px; background: url('../images/kol-tp.png') no-repeat left top; margin-top: 20px; color: #FFF;}
.koledarcek-noga {display: block; width: 311px; padding-bottom: 30px; background: url('../images/kol-bt.png') no-repeat left bottom;}
.kol-head {display: inline-block; width: 271px; padding: 20px 25px 10px 25px;}
.kol-head h4 {font-size: 25px; line-height: 34px; color: #FFF;}
.koledarcek article {display: block; border-top: 1px #FFF dashed; padding: 18px 25px;}
.koledarcek article a {color: #fff200; font-size: 15px;}
.koledarcek article a:hover {text-decoration: none;}
.koledarcek .rgumb {margin-left: 25px;}

.ne-spreglejte {display: block; width: 311px; background: url('../images/nesp-tp.png') no-repeat left top; margin-top: 20px; color: #FFF;}
.ne-spreglejte-noga {display: block; width: 311px; padding-bottom: 30px; background: url('../images/nesp-bt.png') no-repeat left bottom;}
.nesp-head {display: inline-block; width: 271px; padding: 20px 25px 10px 25px;}
.nesp-head h4 {font-size: 25px; line-height: 34px; color: #FFF;}
.nesp-body {padding: 0 25px;}
.nesp-body h5 {font-size: 20px; color: #fff200; padding: 15px 0;}
.nesp-body p {padding-bottom: 10px;}
.nesp-body iframe, #content iframe {padding:0; margin:0;}

.iskanje {float: left; margin: 30px 23px 0 50px; display: inline-block;}
.iskanje a {background: url('../images/loop.png') no-repeat; padding: 8px 0 16px 35px; font-size: 16px; color: #000; text-decoration: none;}
.iskanje a:hover {text-decoration: underline;}
#search { display: block; }
	#search input { top: 60px; position: absolute; width: 180px; margin-left:-125px; padding:5px; color:#999999; font-family: 'cafetaregular'; font-size:20px }
/******************************* FOOTER *******************************/
footer {width: 100%; height: 525px; padding-top: 42px; background: #d4d4d4; margin-top: 35px; line-height: 18px;}
.wline {position: absolute; width: 100%; height: 35px; background: url('../images/footer-top.png') no-repeat center top; margin-top: -59px;}
*+html .wline {left: 0;}

footer h3 {font-size: 25px; border-bottom: 1px #323232 dashed; padding-bottom: 15px; margin-bottom: 18px;}
footer a {color: #323232;}
footer a:hover {text-decoration: none;}

footer img.fr {margin-left: 20px;}

.foot-1 {float: left; width: 180px;}
.foot-1 p, .foot-2 p {padding-bottom: 10px;}
.foot-2 {float: left; width: 427px; margin-left: 30px;}
.foot-2 p {text-align: justify;}
.foot-3 {float: right; width: 285px;}
.foot-3 table {width: 100%;}
.foot-3 table td {vertical-align: middle; padding-bottom: 10px;}
.foot-3 table td p {margin-left: 15px; line-height:16px;}

.podpis {display: block; border-top: 1px #a6a69d solid; margin-top: 20px; padding-top: 18px; color: #646464; font-size: 11px;}
.izdelava a {padding-right: 93px; background: url('../images/novisplet.png') no-repeat right 1px; color: #646464; text-decoration: none;}
.izdelava a:hover {text-decoration: underline;}

/******************************* PODSTRAN *******************************/
.breadcrumb {display: block; padding: 0 10px 20px 10px;}
.breadcrumb a {text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb .divider {margin: 0 5px;}

.pagination {margin-top: 10px;}
.pagination ul li {float: left; list-style: none;}
.pagination ul li a {display: inline-block; padding: 2px 9px; text-decoration: none; font-size: 20px; font-family: 'cafetaregular';}
.pagination ul li a:hover {background: #fff200;}
.pagination ul li.arr a {background: #d4d4d4;}
.pagination ul li.active a {background: #fff200;}

blockquote {background: #ffc48f; padding: 12px 20px; text-align: justify; margin-bottom: 17px;}
.novica-posamezna table {width: 100%; background: #FFF; border: 1px #c3c3c3 solid;}
.novica-posamezna table td , .novica-posamezna table th {border-left: 1px #c3c3c3 solid; border-bottom: 1px #c3c3c3 solid; padding: 9px 32px;}
.novica-posamezna table th {text-align: left; font-weight: normal; background: #ffe8d4;}

.zemljevid {float: left; width: 290px;}
.kontaktni {float: right; width: 320px;}
#content .kontaktni h3 {color: #ff7800; padding:4px 0 10px 0; margin:0; border:0;}
.kontaktni form {background: #FFF; padding: 24px;}
.kontaktni form span {color: #ff7800; vertical-align: top; margin-top: 10px;}
.kontaktni form input[type="text"] {margin-bottom: 10px;}
.kontaktni form input[type="text"], .kontaktni form textarea {width: 243px; font-family: Arial, Helvetica, sans-serif; border: 1px #b5b5b5 solid; background: #efefef; padding: 5px 9px; margin-right: 4px;}
.kontaktni form textarea {height: 253px;}

iframe {border: 1px #b5b5b5 solid; margin-top: 20px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #323232;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #323232;}

.poslji {background: #fff200; font-family: 'cafetaregular'; font-size: 20px; padding: 2px 17px; border: 0; margin-top: 16px; cursor:pointer;}

/****/
.pagetitle {display: block; padding-bottom: 11px; border-bottom: 1px #323232 dashed; margin:0 10px 0 10px;}
	.pagetitle h1 {display: inline-block; font-size: 30px; line-height:32px;}
	
#content {padding:20px 10px 20px 10px; color:#323232; display:block;}
	#content p {text-align: justify; padding:0 0 10px 0;}

	#content a {color: #5E8700; text-decoration: underline;}
	#content a:hover {text-decoration: none;}
	
	#content h2, #content h3, #content h4 {display: block; padding-bottom: 12px; padding-top:24px; margin-top:10px; border-top: 1px #323232 dashed;}
	#content h2 {font-size: 30px; line-height: 32px; color: #ff7800;}
	#content h3 {font-size: 25px; line-height: 27px; color: #73A800;}
	#content h4 {font-size: 20px; line-height: 22px; color: #969696;}

	#content ul { padding:0 0 10px 0;}
	#content ul li {/*padding-left: 12px; background: url('../images/box.gif') no-repeat left 8px; */ padding-bottom: 3px;}
	#content ul li a {color: #323232; font-weight: bold; text-decoration: none;}
	#content ul li a:hover {text-decoration: underline;}
	
	#content ol { padding:0 0 10px 26px;}
	#content ol li {padding-bottom: 3px;}
	
	#content hr {margin:0; padding:0 0 16px 0; height:0px; font-size:1px; line-height:1px; border:0; border-top:1px #323232 dashed; background:none;}

	#content table {width: 100%; background: #FFF; border: 1px #c3c3c3 solid; margin:10px 0;}
	#content table td , #content table th {border-left: 1px #c3c3c3 solid; border-bottom: 1px #c3c3c3 solid; padding: 9px 32px;}
	#content table th {text-align: left; font-weight: normal; background: #ffe8d4;}
	
	#content .newspic {float:right; margin:0 0 5px 20px; padding:1px; border:1px solid #73A800;}
	
	#content .ostale-gumb {display: block; padding: 10px 0;}
	#content .rgumb {display: inline-block;margin-top: 10px;}
	#content .rgumb a {background: #fff200; font-family: 'cafetaregular'; font-size: 20px; padding: 2px 17px; text-decoration: none; color: #323232;}
	#content .rgumb a:hover {color: #fff200; background: #323232;}
	#content .nazaj a {font-size: 24px; padding: 0px 13px;}
	
	#content .picgal {padding:20px 0 0 0;}
	#content .picgal p {padding:0;}
	#content .onepic {float:left; width:202px; padding:0 11px 20px 0;}
		#content .onepic img {float:left; padding:1px; border:1px solid #73A800;}
	#content .nopadd {padding-right:0;}
	
/*Gradiva*/
body #gradiva, body #gradiva td {background:none; border:none; padding:0; vertical-align:top;}
body #gradiva td.hrtd {padding:20px 0;}
#gradiva img.gradimg {float:left; border:1px solid #202020; margin:4px 0 0 0;}
#gradiva p.gradtit {font-weight:bold; padding:0 0 8px 0; font-size:16px; line-height:20px;}
#gradiva p.gradlink {font-weight:bold; font-size:14px; line-height:20px;}

#content .ginp {width: 156px; font-family: Arial; border: 1px #b5b5b5 solid; background: #fff; padding: 5px 4px; margin-right: 4px; float:left; color:#808080;}
#content .gsub {border: 1px #b5b5b5 solid; font-size:20px; line-height:20px; cursor:pointer; background: #fff200; color:#323232; padding: 3px 15px 1px 15px; float:left; font-family: 'cafetaregular';}
#content span.error-msg {float:left; width:170px; visibility:hidden; display:block;}