﻿/*[variables]
colors
{
	@62: #B4061D;
	@40: #000000;
	@30: #010101;
	@20: #E9D6A0;
	@10: #E3B42B;
	@00: #FFE189;
}
*/
@import url(layout.css);
/*Youjoomla Default
layout css file
Youjoomla.com default CSS Layout
JOOMLA! STYLING
---------------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
}
A:focus
{
	outline: 0px;
}
/*focus*/
#INVALID-RULE
{
	outline: 0px;
}
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, FORM, LABEL, UL, OL, DL, FIELDSET, ADDRESS
{
	margin: 0.5em 0;
}
UL
{
	margin-left: 2em;
	list-style: none;
}
FIELDSET
{
	padding: 0.5em;
}
A:link, A:visited
{
	color: #8E0707;
	text-decoration: underline;
}
A:hover
{
	color: #666;
	text-decoration: none;
}
H1, .componentheading
{
	font-size: 1.7em;
	line-height: 1.7em;
	color: #8E0707;
}
H2, .contentheading
{
	font-size: 1.5em;
	line-height: 1.5em;
	color: #8E0707;
}
H3
{
	font-size: 1.3em;
	line-height: 1.3em;
	color: #8E0707;
}
H4
{
	font-size: 1.2em;
	line-height: 1.2em;
	color: #8E0707;
}
H5
{
	font-size: 1.1em;
	line-height: 1.1em;
	color: #8E0707;
}
H6
{
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	color: #8E0707;
}
.contentheading
{
	color: #8E0707;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
}
.contentheading A:link, .contentheading A:visited
{
	color: #8E0707;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.contentheading A:hover
{
	text-decoration: none;
	color: #666;
}
.contentpaneopen
{
	width: 95%;
/*font-family: Tahoma, Verdana, "Lucida Sans";
font-size: 12px;
color: #6F6F6F;*/
	text-align: left;
}
.article_seperator, .article_separator
{
	display: block;
	margin-top: 15px;
	height: 25px;
	clear: both;
	border-top: 2px solid #993300;
}
UL
{
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
UL A:link, UL A:visited
{
	color: #8E0707;
}
UL A:hover
{
	text-decoration: none;
}
.latestnews UL
{
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
.latestnews LI A:link, .latestnews LI A:visited
{
	color: #838383;
}
.latestnews LI A:hover
{
	text-decoration: underline;
}
.mostread UL
{
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
.mostread LI A:link, .mostread LI A:visited
{
	color: #838383;
}
.mostread LI A:hover
{
	text-decoration: underline;
}
.modifydate
{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #DDC8A0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.small
{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #DDC8A0;
}
.createby
{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #FFF;
}
.smalldark
{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #838383;
}
.createdate
{
	height: 35px;
	margin-bottom: 13px;
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #DDC8A0;
}
A.readon:link, A.readon:visited
{
	display: block;
	float: left;
	font-size: 10px;
	height: 20px;
	line-height: normal;
	line-height: 20px;
	text-decoration: none;
	text-indent: 8px;
	color: #8E0707;
	width: 95px;
	border: 1px solid #E1E1E1;
	text-transform: uppercase;
	font-weight: bold;
}
A.readon:hover
{
	text-decoration: underline;
}
TD.buttonheading
{
	width: 32px;
}
.mosimage_caption
{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #838383;
}
.sectiontableheader
{
	color: #8E0707;
	font-weight: bold;
	padding-bottom: 10px;
}
.sectiontableentry2
{
	background-color: #E1CA9F;
}
.inputbox
{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.inputbox:hover, .inputbox:focus
{
	background: #F5F5F4;
	border: 1px solid #DCDCDC;
}
IMG A, IMG
{
	border: 0;
}
.button
{
}
.mbot
{
	padding-bottom: 30px;
}
.componentheading
{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 14px;
	color: #8E0707;
	font-weight: bold;
	text-align: left;
}
TABLE.pollstableborder
{
	border: none;
	padding: 0;
	width: 100%;
	text-align: left;
}
TABLE.pollstableborder IMG
{
	vertical-align: baseline;
}
TABLE.pollstableborder TD
{
	padding: 2px !important; /*[e]2px*/
}
TABLE.pollstableborder TR.sectiontableentry1 TD
{
	border: none;
	background: #E3E3E3;
}
TABLE.pollstableborder TR.sectiontableentry2 TD
{
	border: none;
}
.sectiontableheader
{
	line-height: 29px;
	padding: 0 10px;
}
TR.sectiontableentry1 TD, TR.sectiontableentry2 TD, TD.sectiontableentry1, TD.sectiontableentry2
{
	height: 20px;
	padding: 0 10px;
	line-height: 29px;
}
TR.sectiontableentry1 TD, TR.sectiontableentry2 TD, TD.sectiontableentry1, TD.sectiontableentry2
{
	border-bottom: 1px solid #E7D1A7;
}
TR.sectiontableentry1 TD, TD.sectiontableentry1
{
	background-color: #F3F0E9;
	color: #87785C;
}
TR.sectiontableentry2 TD, TD.sectiontableentry2
{
	background-color: #FDF6E7;
	color: #87785C;
}
TR.sectiontableentry1:hover TD, TR.sectiontableentry2:hover TD
{
	background-color: #D9D6D0;
	color: #6F6D69;
}
TABLE.pollstableborder TD.sectiontableentry1, TABLE.pollstableborder TD.sectiontableentry2, TABLE.pollstableborder TR.sectiontableentry1 TD, TABLE.pollstableborder TR.sectiontableentry2 TD, TABLE.pollstableborder_red TD.sectiontableentry1_red, TABLE.pollstableborder_red TD.sectiontableentry2_red, TABLE.pollstableborder_red TR.sectiontableentry1_red TD, TABLE.pollstableborder_red TR.sectiontableentry2_red TD
{
	height: 20px;
	padding-left: 5px;
	text-align: left;
	padding-right: 10px;
	line-height: 18px;
	margin-bottom: 5px;
	background: none;
	border: 0;
}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar
{
	padding: 0 2px;
}
A.pagenav, .pagenav_prev A, .pagenav_next A, .pagenavbar A
{
	background: #EDD7AE;
	border: 1px solid #87785C;
	color: #87785C;
	padding: 2px;
	text-decoration: none;
}
A.pagenav:hover, A.pagenav:active, .pagenav_prev A:hover, .pagenav_prev A:active, .pagenav_next A:hover, .pagenav_next A:active, .pagenavbar A:hover, .pagenavbar A:active
{
	color: #FFF3D9;
}
.pagenavbar
{
	padding-left: 14px;
}
.pagenavcounter
{
	padding: 8px 14px 0;
}
.button
{
	margin-top: 10px;
}
.contentpane
{
	width: 100%;
}
A:focus
{
	outline: 0px;
}
DIV.syndicate DIV
{
	text-align: center;
	padding: 0;
}
/*Default Youjoomla
*****************
ROUND IT UP DEFAULT ROUND MODULE*/
.module P, .module_orange P, .module_blue P, .module_green P
{
	overflow: hidden;
	padding: 3px;
}
/******************************/
.module
{
	margin: 8px 0 10px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	color: #666666;
	height: 100% !Important;
	height: 1%;
}
.module H3
{
	margin: -4px -1px 5px;
	padding-left: 8px;
	text-transform: uppercase;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.module DIV DIV DIV, .module_orange DIV DIV DIV, .module_blue DIV DIV DIV, .module_green DIV DIV DIV
{
	padding: 10px;
}
.module DIV DIV DIV DIV, .module_orange DIV DIV DIV DIV, .module_blue DIV DIV DIV DIV, .module_green DIV DIV DIV DIV
{
	background: none;
}
.module
{
	background: url(../images/br.gif) no-repeat 100% 100%;
}
.module DIV
{
	background: url(../images/bl.gif) no-repeat 0 100%;
	height: 100% !Important;
	height: 1%;
}
.module DIV DIV
{
	background: url(../images/tr.gif) no-repeat 100% 0;
}
.module DIV DIV DIV
{
	background: url(../images/tl.gif) no-repeat 0 0;
	padding: 15px 5px 35px;
}
/*ORANGE*/
.module_orange LI, .module_orange LI A:link, .module_orange LI A:visited, .mostread_orange LI A:link, .mostread_orange LI A:visited, .latestnews_orange LI A:link, .latestnews_orange LI A:visited
{
	color: #FEE9D8;
}
.module_orange A:hover, .module_orange LI A:hover .mostread_orange LI A:hover, .latestnews_orange LI A:hover
{
	color: #FFF;
}
.module_orange
{
	margin: 8px 0 10px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	color: #FFF;
	height: 100% !Important;
	height: 1%;
}
.module_orange H3, .module_blue H3, .module_green H3
{
	margin: -4px -1px 5px;
	padding-left: 8px;
	text-transform: uppercase;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.module_orange
{
	background: url(../images/br_o.gif) no-repeat 100% 100%;
}
.module_orange DIV
{
	background: url(../images/bl_o.gif) no-repeat 0 100%;
	height: 100% !Important;
	height: 1%;
}
.module_orange DIV DIV
{
	background: url(../images/tr_o.gif) no-repeat 100% 0;
}
.module_orange DIV DIV DIV
{
	background: url(../images/tl_o.gif) no-repeat 0 0;
	padding: 15px 10px 35px;
}
/*BLUE*/
.module_blue A, .module_blue LI A:link, .module_blue LI A:visited, .mostread_blue LI A:link, .mostread_blue LI A:visited, .latestnews_blue LI A:link, .latestnews_blue LI A:visited
{
	color: #D0E9FE;
}
.module_blue A:hover, .module_blue LI A:hover, .mostread_blue LI A:hover, .latestnews_blue LI A:hover
{
	color: #FFF;
}
.module_blue
{
	margin: 8px 0 10px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	color: #FFF;
	height: 100% !Important;
	height: 1%;
}
.module_blue
{
	background: url(../images/br_b.gif) no-repeat 100% 100%;
}
.module_blue DIV
{
	background: url(../images/bl_b.gif) no-repeat 0 100%;
	height: 100% !Important;
	height: 1%;
}
.module_blue DIV DIV
{
	background: url(../images/tr_b.gif) no-repeat 100% 0;
}
.module_blue DIV DIV DIV
{
	background: url(../images/tl_b.gif) no-repeat 0 0;
	padding: 15px 10px 35px;
}
/*GREEN*/
.module_green A, .module_green LI A:link, .module_green LI A:visited, .mostread_green LI A:link, .mostread_green LI A:visited, .latestnews_green LI A:link, .latestnews_green LI A:visited
{
	color: #E3F1B7;
}
.module_green A:hover, .module_green LI A:hover, .mostread_green LI A:hover, .latestnews_green LI A:hover
{
	color: #FFF;
}
.module_green
{
	margin: 8px 0 10px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	color: #FFF;
	height: 100% !Important;
	height: 1%;
}
.module_green
{
	background: url(../images/br_g.gif) no-repeat 100% 100%;
}
.module_green DIV
{
	background: url(../images/bl_g.gif) no-repeat 0 100%;
	height: 100% !Important;
	height: 1%;
}
.module_green DIV DIV
{
	background: url(../images/tr_g.gif) no-repeat 100% 0;
}
.module_green DIV DIV DIV
{
	background: url(../images/tl_g.gif) no-repeat 0 0;
	padding: 15px 10px 35px;
}
/*DEFAULT MODS*/
.moduletable_red
{
	margin-bottom: 1em;
	padding: 0 10px 10px;
/*padding for inside text*/
	overflow: hidden;
	border: 2px dashed #000;
	color: #FFF;
	background: #A30808 url(../images/modbg.png) repeat-x left bottom;
}
.moduletable_red H3
{
	margin: 0 -10px 5px;
	padding-left: 5px;
	font-size: 120%;
	line-height: normal;
	text-transform: capitalize;
	font: normal 18px "Segoe UI", Arial, Helvetica, sans-serif;
	color: #FFF;
}
/*top bod*/
#midwrap .moduletable H3, #bottmods .moduletable H3
{
	color: #FFF;
}
#midwrap A, #bottmods A
{
	color: #FFF;
}
/*--*/
.moduletable
{
	margin-bottom: 1em;
	padding: 0 10px 10px;
/*padding for inside text*/
	overflow: hidden;
	border: 1px solid #8C0607;
	background: #FFE189; /*[e]@00*/
	color: #050505;
}

.moduletablenone
{
	margin-bottom: 1em;
	padding: 0 0px 0px;
/*padding for inside text*/
	overflow: hidden;
	border: 1px solid #8C0607;
	background: #FFE189; /*[e]@00*/
	color: #050505;
}

.moduletable H3
{
	margin: 0 -10px 5px;
	padding: 5px;
	font-size: 120%;
	line-height: normal;
	text-transform: capitalize;
	font: normal bolder 15px "Lucida Grande", Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #B4061D; /*[e]1px dashed @62*/
	background: #E9D6A0 url(../images/leaf.png) no-repeat right top; /*[e]@20 url(../images/leaf.png) no-repeat right top*/
}
/*deafult  flatlist*/
#mainlevel UL
{
	background: url(../images/strelica.gif) no-repeat left center;
	margin: 0;
	padding: 0;
}
#mainlevel
{
	padding: 0;
	color: #000;
	text-align: left;
}
#mainlevel UL
{
	list-style: none;
	margin-left: 10px;
	margin-right: 4px;
	padding: 0;
}
#mainlevel LI
{
	margin: 0 -15px 0px;
	padding-left: 0px;
}
#mainlevel LI A
{
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 5px;
	padding-left: 10px;
	display: block;
	background: url(../images/strelica.gif) no-repeat left center;
	color: #989898;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
HTML>BODY #mainlevel LI A
{
	width: 89%;
	color: #838383;
}
#mainlevel LI A:hover, #mainlevel A#active_menu:link, #mainlevel A#active_menu:visited
{
	color: #6F6852;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	background-color: #F5F5F4;
}
/*Default Vertical*/
A.mainlevel
{
	border-bottom: 1px solid #D8C49E;
	color: #8E0707;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 5px;
	width: 100%;
}
A.mainlevel:hover, A.mainlevel:active, A.mainlevel:focus
{
	background: #F8ECD3;
	color: #8E0707;
	text-decoration: none;
}
A.mainlevel#active_menu
{
	background: #DFCBA4;
	color: #8E0707;
	font-weight: bold;
}
A.sublevel
{
	background: url(../images/strelica.gif) no-repeat 5px 9px;
	color: #8E0707;
	padding: 3px 3px 3px 14px;
	display: block;
}
A.sublevel:hover, A.sublevel:active, A.sublevel:focus
{
	color: #8E0707;
	text-decoration: underline;
}
#active_menu
{
	color: #8E0707;
	font-weight: bold;
}
/*suck*/
#suck
{
	width: 100%;
	margin: 0 auto;
	height: 30px;
	background: #FFE189;
}
#sl
{
	margin: 0 auto;
	text-align: center;
	height: 30px;
}
#sr
{
	width: 100%;
	height: 30px;
	text-align: left;
}
#navigacija
{
	height: 30px;
	width: auto;
	text-align: left;
	float: left;
	margin-left: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#navigacija A
{
	color: #010101;
}
#navigacija A:hover
{
	color: #000000;
	background: #E3B42B; /*[e]@10*/
}
#navigacija LI LI
{
	border-top: 1px solid #010101;
/*light*/
	border-bottom: 1px solid #FFE189; /*[e]1px solid @00*/
/*dark*/
}
#navigacija LI.active
{
	background: #E9D6A0; /*[e]@20*/
}
#navigacija LI.active SPAN
{
	background: #E9D6A0; /*[e]@20*/
}
#navigacija LI.active A
{
	color: #000000;
}
#navigacija LI:hover SPAN, #navigacija LI.sfHover SPAN
{
	background: #E3B42B; /*[e]@10*/
}
#navigacija LI:hover A, #navigacija LI.sfHover A
{
}
#navigacija LI:hover SPAN.topdaddy, #navigacija LI.sfHover SPAN.topdaddy
{
}
#navigacija LI:hover SPAN.topdaddy A, #navigacija LI.sfHover SPAN.topdaddy A
{
	color: #000000;
/*dodao*/
}
#navigacija LI:hover UL, #navigacija LI.sfHover UL
{
	background: #FFE189; /*[e]@00*/
}
#navigacija LI LI:hover, #navigacija LI LI.sfHover
{
	background: #E3B42B; /*[e]@10*/
}
#navigacija LI:hover LI A.daddy, #navigacija LI.sfHover LI A.daddy, #navigacija LI.active:hover LI A.daddy, #navigacija LI.active.sfHover LI A.daddy
{
	background: #E3B42B url(../images/suckli.gif) no-repeat 100% 50%; /*[e]@10 url(../images/suckli.gif) no-repeat 100% 50%*/
}
/*drugi dio*/
.nav, .nav *
{
	margin: 0;
	padding: 0;
}
DIV#navigacija
{
	position: relative;
	z-index: 50;
}
DIV#navigacija .wrapper
{
	position: relative;
}
#navigacija LI LI
{
	margin: 0;
}
DIV#navigacija LI LI SPAN, DIV#navigacija LI.active LI SPAN, DIV#navigacija LI:hover LI SPAN
{
	background: none;
}
.nav
{
	line-height: 1;
	float: left;
	margin-bottom: 1.5em;
	position: relative;
	/*[empty]background:;*/
}
.nav UL
{
	background: #FFF;
	padding: 0;
}
.nav LI
{
	float: left;
	list-style: none;
	position: relative;
	background: none;
}
.nav LI LI A
{
	display: block;
	padding: 0;
	text-decoration: none;
	background-image: none;
	float: none;
	width: 135px;
}
DIV#navigacija LI LI A
{
	height: 28px;
	line-height: 28px;
	background-image: none;
}
DIV#sonja LI:hover
{
	background-position: 0 0;
}
DIV#navigacija LI:hover LI, DIV#navigacija LI.sfHover LI, DIV#navigacija LI.active:hover LI, DIV#navigacija LI.active.sfHover LI, DIV#navigacija LI:hover LI SPAN, DIV#navigacija LI.sfHover LI SPAN
{
	background-image: none;
}
DIV#navigacija LI:hover LI A, DIV#navigacija LI.sfHover LI A, DIV#navigacija LI.active:hover LI A, DIV#navigacija LI.active.sfHover LI A
{
	background-image: none;
}
.nav LI UL
{
	float: none;
	left: -999em;
	position: absolute;
	width: 177px;
	z-index: 5;
	border: 1px solid #232323;
}
.nav LI:hover UL, .nav LI.sfHover UL
{
	left: 0px;
	top: 28px;
}
.nav LI:hover LI UL, .nav LI.sfHover LI UL, .nav LI LI:hover LI UL, .nav LI LI.sfHover LI UL, .nav LI LI LI:hover LI UL, .nav LI LI LI.sfHover LI UL
{
	top: -999em;
}
.nav LI LI:hover UL, .nav LI LI.sfHover UL, .nav LI LI LI:hover UL, .nav LI LI LI.sfHover UL, .nav LI LI LI LI:hover UL, .nav LI LI LI LI.sfHover UL
{
	left: 177px;
	top: 0px;
	width: 177px;
}
.nav LI LI
{
	position: relative;
	float: none;
	width: 177px;
}
/*treci dio*/
#navigacija UL
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}
#navigacija LI
{
	display: block;
	float: left;
	margin: 0;
	margin-right: 0px;
	padding: 0;
}
#navigacija LI SPAN
{
	display: block;
	float: left;
}
#navigacija A
{
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	font-weight: normal;
	text-decoration: none;
}
#navigacija LI LI A
{
	font-size: 12px;
	padding: 0 15px;
	color: #000000;
}
#navigacija A:hover
{
	text-decoration: none;
}
#navigacija LI:hover, #navigacija LI.sfHover
{
	background: none;
}
#form-login-username .inputbox, #form-login-password .inputbox
{
	width: 85%;
	height: 19px;
	padding-left: 23px;
	padding-top: 3px;
	color: #8E0707;
	border: 1px solid #EAEAEA;
}
#form-login-password .inputbox
{
	background: #FFF3D9 url(../images/password.gif) no-repeat left center;
}
#form-login-username .inputbox
{
	background: #FFF3D9 url(../images/username.gif) no-repeat left center;
}
#mod_login_remember
{
	border: none;
	padding: 0 !important; /*[e]0*/
}
.input
{
	padding: 0;
	margin: 0;
	border: none;
}
BODY LI
{
	padding-left: 20px;
	background: url(../images/strelica.gif) no-repeat 0px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
BODY UL.box LI
{
	padding-left: 20px;
	background: url(../images/strelica.gif) no-repeat 5px 12px;
}
UL.box LI, LI.box
{
	list-style-image: none;
	list-style-type: none;
}
BODY UL.box
{
	margin-left: 25px;
	padding: 0;
}
