/* CSS Document */

@import url("cssreset.css");
@import url("clear_float.css");

/*-------------------------------------------------------*/
html, body {
margin:0;
padding:0;
height:100%;
}

body {
font:normal 11px "Trebuchet MS", Tahoma, Arial, Verdana;
background:#eee3c7;
}

a {
	color:#891f2b;
}

.piso {
	font-weight:bolder!important;
	font-style:normal!important;
}



.blue {color:#0085EE!important;}
.red {color:#FF8130!important;}
.green {color:#91C02A!important;}
.yellow {color:#E7C207!important;}


/* MAIN WRAP
***********************************************************/
#main_wrap {
margin:0 auto;
width:910px;
height:auto!important;
min-height:100%;
height:100%;
/*border:solid 1px #FFF;*/
}

/* HEADER WRAP
***********************************************************/
.header_wrap {
background: url(design_img/shadow.jpg) bottom no-repeat;
padding:0 10px 8px 10px;
}
.header {
position:relative;
background:white url(design_img/header_bg.jpg) center bottom no-repeat;
height:114px;
}
body.Subpage .header {
background:white url(design_img/header_bg_2.jpg) center bottom no-repeat;
}

.header h1 {
position:absolute;
top:-1000000px;
left:-1000000px;
font-size:22px;
}

.header p.logo {
display:block;
float:left;
width:274px;
height:65px;
padding:25px 0 0 20px;
}
img.logo {
width:274px;
height:65px;
border:none;
}

/* TOP LINKS
***********************************************************/
.top_links {
position:absolute;
top:85px;
right:15px; /* 60px */
width:750px;
height:18px;
text-align:right;
}
* html .top_links {
width:266px;
}
.top_links ul li {
display:inline;
}

.top_links ul li a {
display:inline-block
float:left;
height:12px;
line-height:12px;
border-right:solid 1px #A6A5A4;
color:black;
text-decoration:none;
padding:0 10px;
font-style:italic;
color:black;
}
.top_links ul li.last a {
border:none;
padding-right:0;
}
.top_links ul li a:hover {
color:#891F2B;
text-decoration:underline;
}

/* LANGUAGE SELECTION
************************************************************/
.langs {
position:absolute;
top:15px;
right:0;
width:35px;
padding-left:15px;
border-left:solid 1px #A6A5A4;
height:auto;
}
.langs ul {
padding:3px 0;
}
.langs ul li a {
font-size:10px;
color:#777;
text-decoration:none;
}
.langs ul li a:hover,
.langs ul li.selected a {
color:#891F2B;
}

/* Date
************************************************************/
.date {
position:absolute;
top:20px;
right:17px; /* 70 */
width:500px;
text-align:right;
font-size:11px;
}

/* SPECIAL - GRAPHIC HOLDER, NEWS HOLDER,...
***********************************************************/
.specialHolder {
position:relative;
height:300px;
background:url(design_img/special_bg.jpg) bottom no-repeat;
width:910px;
}
.specialHolder img {
position:absolute;
top:10px;
left:20px;
}

.newsBg {
position:absolute;
bottom:18px;
left:20px;
width:870px;
height:272px;
z-index:1111;

background:#FFF; 
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.newsWrap {
position:absolute;
bottom:18px;
left:20px;
width:870px;
height:272px;
z-index:2222;
}

.newsWrap p {
padding-left:10px;
}

.newsWrap h2 a {
display:block;
font-size:14px;
padding-left:25px;
padding-bottom:10px;
margin-bottom:10px;
background:white url(design_img/bullet_minus.gif) 9px 5px no-repeat;
color:black;
font-weight:normal;
text-decoration:none;
}
.newsWrap h2 a:hover {
color:#891f2b;
}

.newsWrap h2 span {
float:right;
}

.newsWrap ul {
margin:0 10px 10px 10px;
}
.newsWrap ul li a {
display:block;
color:black;
text-decoration:none;
height:auto!important;
min-height:18px;
height:18px;
line-height:18px;
background:url(design_img/bullet_arrow_red.gif) center left no-repeat;
padding-left:15px;
}
.newsWrap ul li a span {
font-style:italic;
}
.newsWrap ul li a:hover {
background:#891F2B url(design_img/bullet_arrow_white.gif) center left no-repeat;
color:white;
}

.newsWrap p.readMore {
margin:0 20px 0 10px;
padding-top:10px;
}

.newsWrap p.readMore a {
display:block;
padding-right:10px;
width:135px;
text-decoration:none;
font-weight:bold;
color:#891f2b;
background:url(design_img/bullet_arrow_red.gif) right center no-repeat;
}

/* CLOSED NEWS */
.closed {
height:30px!important;
}
* html .closed {  }

.closed h2 a {
display:block;
width:845px;
padding-top:4px;
padding-bottom:5px;
margin-bottom:0;
background:transparent url(design_img/bullet_plus.gif) 9px 8px no-repeat!important;
border-top:solid 3px white!important;
font-size:12px;
}

.closed ul,
.closed p {
display:none;
}


/* MAIN NAVIGATION
***********************************************************/
.mainNaw_mainwrap {
background:url(design_img/menuWrap_bg.jpg) center 0px no-repeat;
height:170px;
padding:0 10px 10px 10px;
width:890px;
}
.mainNav_wrap {
background:#c1b086 url(design_img/mainNav_logo_part.jpg) center 27px no-repeat;
height:auto!important;
border:solid 10px #fef4c6;
margin-bottom:10px;
}

.mainNav_wrap div {
float:left;
width:170px;
border-right:solid 5px #fef4c6;
height:150px;
}
.mainNav_wrap div.last {
border-right:none;
}
.mainNav_wrap div h2 {
background:#891f2b;
height:20px;
line-height:20px;
color:white;
font-size:10px;
font-weight:normal;
margin:0;
padding-right:10px;
padding-left:10px;
padding-top:2px;
border-bottom:solid 5px #fef4c6;
text-transform:uppercase;
}

.mainNav_wrap ul {
background:none;
padding:5px 10px 5px 10px;
}
.mainNav_wrap ul li a {
display:block;
height:15px;
line-height:15px;
text-decoration:none;
color:black;
font-size:11px;
background:url(design_img/bullet_arrow_brown.gif) left 3px no-repeat;
padding-left:12px;
font-family:Arial, Helvetica, sans-serif;
}
.mainNav_wrap ul li a:hover,
.mainNav_wrap ul li.selected a {
background:url(design_img/bullet_arrow_white.gif) left 3px no-repeat;
}
.mainNav_wrap ul li.selected a {
text-decoration:none;
color:white;
}


/* CONTENT AREA // HOMEPAGE
***********************************************************/
body.Homepage .content_area {
clear:both;
margin:20px 0 30px 0;
padding:0 20px 0 20px;
background:url(design_img/homePage_contentBg.jpg) repeat-y;
background-position:center 20px;
}
body.Homepage .content_area .item {
float:left;
width:209px;
padding-right:0;
padding-left:1px;
margin-right:10px;
}
body.Homepage .content_area .last {
padding-right:0;
margin-right:0;
border-right:none;
}
body.Homepage .content_area .item h2 {
background:#43782C url(design_img/contentH2_bg.jpg) left top no-repeat; /* 891f2b */
color:white;
text-transform:uppercase;
font-size:10px;
height:26px;
line-height:26px;
padding-left:14px;
}
body.Homepage .content_area .item h3 {
font-weight:bold;
margin-bottom:5px;
padding:0 15px;
font-size:12px;
}

.content_area .left h4 {
	font-size:14px;
	font-weight:bold;¸
	margin-bottom:10px;
}

body.Homepage .content_area .item p {
padding:0 15px;
line-height:130%;
}
body.Homepage .content_area .item p a {
color:#891f2b;
text-decoration:none;
}
body.Homepage .content_area .item p a:hover {
	text-decoration:underline;
}

body.Homepage .content_area .item p.img {
display:block;
padding:0 0 10px 4px;
height:100px;
}
body.Homepage .content_area .item p.img img {
border-bottom:solid 1px white;
}

body.Homepage .content_area .item p.readMore {
margin-top:5px;
}
body.Homepage .content_area .item p.readMore a {
display:block;
padding-right:15px;
width:65px;
text-decoration:none;
font-weight:bold;
color:#891f2b;
background:url(design_img/bullet_arrow_red.gif) right center no-repeat;
}
body.Homepage .content_area .item p.readMore a:hover {
text-decoration:underline;
}


/* CALENDAR
***********************************************************/
.calendar_wrap {
clear:both;
margin:0;

background:url(design_img/shadow.jpg) bottom repeat-y;
height:auto!important;
min-height:80px;
height:80px;
}

.calendar_innerwrap {
padding-top:13px;
padding:20px 30px 20px 22px;
background:url(design_img/shadow_top.jpg) top no-repeat;
}
* html .calendar_innerwrap {
padding:20px 30px 30px 7px;
}

.event {
float:left;
width:70px;
height:auto!important;
min-height:65px;
height:65px;
background:url(design_img/event_bg.jpg) top left no-repeat;
margin-left: 15px;
}
.event p {
margin:0;
padding:0;
text-align:center;
font-size:9px;
line-height:12px;
}
.event span { display:block; }
.event span.mesec { font-size:10px; height:13px; line-height:13px; }
.event span.datum { font-size:38px; height:40px; line-height:40px; font-weight:bold; }
.event span.nedelja { color:red; }
.event span.dan { font-size:10px; height:12px; line-height:12px; margin-bottom:10px; }

.event p.naziv_dogodka {
display:block;
overflow:hidden;
height:25px;
color:#898887;
}

/* PERSONS
***********************************************************/
.person {
	margin-bottom:30px;
}

.person img {
	float:left;
	margin-right:20px;
}
.person .info {
	width:300px;
	float:left;
}


#obcinski_svet_docs li {
	margin-bottom:5px;
}
#obcinski_svet_docs li {
	font-size:12px;
}
#obcinski_svet_docs li a:hover {
	text-decoration:underline;
}


/* FOOTER
***********************************************************/
.footer {
padding:20px 0;
text-align:center;
}