@charset "utf-8";

@import url("reset.css");

body {
	background: #F6F6F6;
	font: 100% Arial, Helvetica, sans-serif;
	color: #333;
	cursor: default;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding-bottom: 0.5em;
}
h1 {
	font-size: 1.25em;
}
h3 {
	font-size: 0.875em;
}
h4 {
	font-style: italic;
}
p, li, dt, dd, address {
	font-size: 0.875em;
	padding-bottom: 1em;
}
ol, ul {
	padding-bottom: 0.5em;
}
li li, li p {
	font-size: 1em;
}
blockquote {
	font-style: italic;
}
cite {
	text-decoration: underline;
}
ins {
    padding: 0 0.1875em;
    background-color: #FFC;
    text-decoration: none;
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #444;
}
a:focus {
	outline: none;
}

/* layout */
#accessibility {
	position: absolute;
	top: -10000px;
}
#header, #nav, #content, #footer, #legal {
	margin: auto;
}
#header {
	width: 960px;
	height: 210px;
	background: #FFF;
	border-right: solid 1px #D5D5D5;
	border-left: solid 1px #D8D8D8;
	border-bottom: solid 1px #DEDEDE;
}
#logo {
	display: block;
	position: relative;
	top: 35px;
	left: 34px;
	width: 567px;
	height: 120px;
	text-indent: -9999px;
	z-index: 300;
	background: url(logos/lsv.png) no-repeat left top;
}
#logo:hover {
	background: url(logos/lsv.png) no-repeat left bottom;
}
#slogan {
	position: relative;
	top: -75px;
	left: 615px;
	width: 138px;
	height: 64px;
	text-indent: -9999px;
	background: url(backgrounds/slogan.png) no-repeat left top;
}

.helpNav {
	position: relative;
	float: right;
	width: auto;
	padding-right: 1.875em;
	top: 6px;
}
.helpNav li {
	display: inline;
	margin-left: 1.25em;
}
.helpNav img {
	vertical-align: middle;
	margin-right: 8px;
}

#sticker {
	position: absolute;
	margin-left: 740px;
	margin-top: -160px;
	width: 240px;
	height: 240px;
	text-align: right;
	overflow: visible;
	z-index: 400;
}
#nav {
	background: #F6F6F6;
	width: 944px;
	height: 63px;
	padding: 0 10px;
	border-bottom: solid 1px #DEDEDE;
}
#nav li {
	float: left;
}
#content {
	width: 962px;
	background: #FFF;
	text-align: left;
	border-right: solid 1px #D5D5D5;
	border-left: solid 1px #D8D8D8;
}
.error #content {
	border-bottom: solid 1px #E1E1E1;
}
#aside {
	float: right;
	width: 290px;
	padding: 12px 30px 30px 30px;
	font-size: 0.92857em;
}
#aside object {
	margin-bottom: 12px;
}
#aside h3 {
	font-size: 1em;
}
#aside h4 {
	padding-left: 0.5em;
}
#aside .categoryList li, #aside .articleList li, #aside .linkList li, #aside .tag {
	margin-left: 16px;
	padding-left: 0.25em;
}
#aside .categoryList li {
	list-style-image: url(icons/category.png);
}
#aside .articleList li {
	list-style-image: url(icons/article.png);
}
#aside .linkList li {
	list-style-image: url(icons/link.png);
}
#aside .tag {
	list-style-image: url(icons/tag.png);
}
.sideNav {
	margin-top: 6px;
	font-size: 1.25em;
}
.sideNav li {
	margin-left: -14px;
}
.bannerNav {
	height: 160px;
}
.bannerNav li {
	display: inline-block;
	float: left;
	margin-top: 10px;
}
#logo1, #logo2 {
	display: block;
	position: relative;
	width: 120px;
	height: 120px;
	text-indent: -9999px;
	z-index: 300;
	background: url(logos/lsv.png) no-repeat left top;
}
#logo1 {
	background: url(logos/forum_zena_lsv.png) no-repeat left top;
	margin-left: 6px;
}
#logo2 {
	background: url(logos/lsvo.png) no-repeat left top;
	margin-left: 24px;
}
#logo1:hover {
	background: url(logos/forum_zena_lsv.png) no-repeat left bottom;
}
#logo2:hover {
	background: url(logos/lsvo.png) no-repeat left bottom;
}
#article {
	margin-right: 350px;
	padding: 32px 30px 24px 50px;
	line-height: 1.375em;
}

#footer {
	background: #333;
	width: 914px;
	padding: 30px 0 16px 50px;
	margin-top: -18px;
	clear: both;
	color: #FFF;
	font-size: 0.92857em;
}
#footer dl {
	display: block;
	width: 263px;
	float: left;
	margin-right: 40px;
}
#footer dt {
	padding: 0.25em 0 0.25em 0;
}
#footer .linkList dt {
	margin-top: -0.25em;
}
#footer .linkList dd {
	margin-left: 32px;
}
#legal {
	width: 960px;
	padding: 5px 0 30px 0;
	text-align: left;
}
#legal p {
	font-size: 0.6875em;
	padding: 0 1em;
	color: #444;
}
.tacit {
	float: right;
	margin-top: 0;
}

/* type */
#article ol {
	list-style: decimal;
}
#article li {
	padding-bottom: 0.2em;
	margin-left: 2em;
}
#article .articleList, #article .searchResultList {
	list-style-type: none;
	font-size: 1.142857em;
	padding-bottom: 1em;
}
#article .searchResultList {
	padding-top: 0.25em;
}
#article .articleList blockquote, #article .searchResultList blockquote {
	font-style: normal;
	font-size: 0.875em;
}
#article .articleList li {
	margin-left: 0;
	padding-top: 1.25em;
	background: url(backgrounds/article.png) top left no-repeat;
}
#article .searchResultList li {
	margin-left: 0;
	padding-top: 0.5em;
}
#article .searchResultList li h2 {
	padding-bottom: 0.125em;
}
#article .searchResultList li p {
	padding-bottom: 0.75em;
}
.meta {
	font-size: 0.825em;
	padding-bottom: 0;
}
.tags {
	font-size: 0.825em;
}
.date {
	
}
.time {
	font-size: 0.92857em;
}
.author {
	text-align: right;
	font-style: italic;
}
.tagCloud {
	line-height: 1.625em;
	padding-top: 1.25em;
	font-size: 1em;
	text-align: center;
}

/* links */
abbr:hover, acronym:hover {
	border-bottom: 1px dashed #222;
}
#article a {
	color: #2857A2;
}
#article a:hover {
	color: #333;
}
#article a:visited {
	color: #9C3334;
}
#article a:visited:hover {
	color: #333;
}
#article h1 a, #article h2 a, #article h1 a:visited, #article h2 a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #444;
}
#article h1 a:hover, #article h2 a:hover {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dashed #444;
}
#article .meta a {
	color: #333;
	text-decoration: none;
	background-color: #F6F6F6;
	padding: 0 0.2em;
}
#article .tags a {
	color: #666;
	text-decoration: none;
	background-color: #F6F6F6;
	padding: 0 0.2em;
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D5D5D5;
	border-top: solid 1px #DEDEDE;
	border-bottom: solid 1px #E1E1E1;
}
#article .meta a:hover, #article .tags a:hover {
	background-color: #EBEBEB;
}
#article .author a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #444;
}
#article .author a:hover {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dashed #444;
}
#article .pageNav a {
	color: #9C3334;
	font-weight: bold;
	text-decoration: none;
}
#article .pageNav a:hover {
	color: #C95A5A;
}
.previous {
	padding: 0 12px 0 22px;
	background: url(icons/previous.png) no-repeat left top;
}
.next {
	padding-right: 22px;
	background: url(icons/next.png) no-repeat right top;
}

.news #article h1 a:visited, .news #article h2 a:visited {
	background: no-repeat right center url(icons/check.png);
	padding-right: 20px;
}

.fileList a[href$='.pdf'] { 
	padding-right: 20px;
	background: transparent url(icons/pdf.png) no-repeat center right;
}

.mainNav a {
	display: inline-block;
	width: auto;
	height: 37px;
	color: #222;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 1px 0 1px;
	padding: 20px 8px 0 55px;
}
#tab1, #tab2, #tab3, #tab4, #tab5 {
	background: no-repeat 4px center;
	border: solid 1px #F6F6F6;
	border-bottom: solid 1px #DEDEDE;
}
#tab1 {
	display: block;
	width: 1px;
	background: no-repeat center center url(icons/home.png);
	text-indent: -9999px;
}
#tab2 {
	background-image: url(icons/news.png);
}
#tab3 {
	background-image: url(icons/organization.png);
}
#tab4 {
	background-image: url(icons/documents.png);
}
#tab5 {
	background-image: url(icons/gallery.png);
}
#tab1:hover, #tab2:hover, #tab3:hover, #tab4:hover, #tab5:hover {
	background-color: #FDFDFD;
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D5D5D5;
	border-top: solid 1px #E1E1E1;
	border-bottom: solid 1px #DEDEDE;
}
.home #tab1, .news #tab2, #tab2.active, #tab3.active, #tab4.active, #tab5.active {
	background-color: #FFF;
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D5D5D5;
	border-top: solid 1px #E1E1E1;
	border-bottom: solid 1px #FFF;
}
#aside a {
	color: #333;
}

.sideNav a {
	display: block;
	width: 340px;
	height: 60px;
	text-indent: -9999px;
}
#ribbon1 {
	background: url(backgrounds/liga.png) no-repeat left top;
}
#ribbon2 {
	background: url(backgrounds/socijaldemokratija.png) no-repeat left top;
}
#ribbon3 {
	background: url(backgrounds/vojvodina.png) no-repeat left top;
}
#ribbon4 {
	background: url(backgrounds/sombor.png) no-repeat left top;
}
#ribbon1:hover, #ribbon1.active {
	background: url(backgrounds/liga.png) no-repeat left bottom;
}
#ribbon2:hover, #ribbon2.active {
	background: url(backgrounds/socijaldemokratija.png) no-repeat left bottom;
}
#ribbon3:hover, #ribbon3.active {
	background: url(backgrounds/vojvodina.png) no-repeat left bottom;
}
#ribbon4:hover, #ribbon4.active {
	background: url(backgrounds/sombor.png) no-repeat left bottom;
}

#aside .subNav a, #aside .categoryList a, #aside .articleList a, #aside .linkList a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
#aside .subNav a:hover, #aside .categoryList a:hover, #aside .articleList a:hover, #aside .linkList a:hover {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dashed #666;
}
#aside .categoryList .active, #aside .categoryList .active:hover, #aside .articleList .active a {
	border-bottom: none;
}
.helpNav li a, .helpNav li a:hover, #footer dd a, #footer dd a:hover {
	text-decoration: none;
}
.helpNav li a {
	color: #777;
	border-bottom: 1px solid #777;
}
.helpNav li a:hover {
	color: #999;
	border-bottom: 1px dashed #999;
}
#footer dd a {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
#footer dd a:hover {
	color: #DDD;
	border-bottom: 1px dashed #DDD;
}

#footer dt a {
	color: #CCC;
	padding: 0 0.2em;
	background-color: #3C3C3C;
	text-decoration: none;
}
#footer dt a:hover {
	text-decoration: none;
	background-color: #555;
}
#footer dd a {
	font-weight: bold;
}
.tacit a {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 16px;
	text-indent: -9999px;
	z-index: 300;
	background: url(logos/tacit.png) no-repeat center top;
}
.tacit a:hover {
	background: url(logos/tacit.png) no-repeat center bottom;
}
.searchLink {
	margin-top: -1em;
	color: #060;
	font-size: 0.7857em;
}
#footer dl dt #bulletin {
	display: block;
	position: relative;
	top: -12px;
	width: 280px;
	height: 80px;
	text-indent: -9999px;
	z-index: 300;
	background: url(logos/slobodna_vojvodina.png) no-repeat left top;
}
#footer dl dt #bulletin:hover {
	background: url(logos/slobodna_vojvodina.png) no-repeat left bottom;
}

/* forms */
form {
	margin-bottom: 20px;
}
legend {
	font-weight: bold;
	font-size: 0.92857em;
	padding-bottom: 0.75em;
	color: #333;
}
label {
	display: inline-block;
	width: 120px;
	vertical-align: top;
	font-size: 0.825em;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.1em 0.2em;
	background-color: #F6F6F6;
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D5D5D5;
	border-top: solid 1px #DEDEDE;
	border-bottom: solid 1px #E1E1E1;
}
label.zemText, label.zemTextarea, label.zemSelect {
	color: #666;
	font-style: italic;
}
input.zemText {
	width: 190px;
	height: 20px;
	font-size: 0.875em;
}
textarea.zemTextarea {
	width: 380px;
	height: 160px;
	font-size: 0.875em;
}
input.zemText, textarea.zemTextarea {
	margin-bottom: 1.25em;
}
input.zemSubmit {
	margin-left: 120px;
	color: #FFF;
	font-weight: bold;
	padding: 0.325em 0.5em;
	background: #9C3334;
	border-top: solid 2px #AE5859;
	border-left: solid 2px #722526;
	border-right: solid 2px #722526;
	border-bottom: solid 2px #74292A;
}
select.zemSelect {
	width: auto;
	height: 23px;
	margin-left: -4px;
}
select.zemSelect option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.825em;
	color: #333;
}
#birthMonth, #birthYear, #cardMonth, #cardYear {
	margin-left: -120px;
}
.zemContactForm hr, hr {
	width: auto;
	height: 1px;
	background: url(backgrounds/article.png) center center no-repeat;
	margin-bottom: 1.125em;
}
.zemError {
	border: #9C3334 2px solid;
	padding: 1em 0 0.75em 0;
	margin-bottom: 1.5em;
	background: #FCF8CF;
}

.error #searchForm {
	padding-top: 14px;
}
#searchForm .inputText, #searchForm .focusInputText {
	width: 260px;
	height: 20px;
	position: relative;
	float: left;
	font-size: 1em;
}
#searchForm .inputText {
	background-color: #F6F6F6;
	color: #999;
	font-style: italic;
}
#searchForm .focusInputText {
	background-color: #FFF;
	color: #333;
}
#searchForm .submitButton {
	position: relative;
	float: right;
	width: 30px;
	height: 30px;
	background: transparent url(backgrounds/search.png) no-repeat top center;
	text-indent: -9999px;
	margin-left: -9px;
	border: none;
	z-index: 500;
	cursor: pointer;
}
#searchForm .submitButton:hover {
	background: transparent url(backgrounds/search.png) no-repeat bottom center;
}

/* images */
.icon {
	vertical-align: middle;
	padding-right: 8px;
}
#footer .icon {
	
}
.articleImg {
	text-align: center;
}
.articleImg img, .summaryImg {
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D5D5D5;
	border-top: solid 1px #DEDEDE;
	border-bottom: solid 1px #E1E1E1;
}
.articleImg img {
	margin-left: -5px;
}
.summaryImg {
	float: right;
	clear: left;
	margin: 4px 0 0 4px;
}
/* */
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}