* {margin: 0;} 
html, body, #contentX {font-family:Arial, Helvetica, Verdana, Sans-serif; margin: 0px;padding: 0px;height: 100%;background:#323232;}
body {font-size: 13px;color:#777; }
a {text-decoration: none;color:#777;}
h1 {color: #000;font-size:22px;font-weight:normal;}
h2 {color: white;font-size:22px;line-height:23px;}
h3 {color: white;font-size:16px;font-weight:normal;}
textarea {width:625px !important;min-width:625px !important;max-width:625px!important;height:60px !important;min-height:60px !important;max-height:60px !important;} 
img {  border-style: none;vertical-align:top;}
#contentLeft table.redesign {border: 1px solid #ccc;border-bottom:none;width:470px;background:#f6f6f6;border-spacing:0;}
#contentLeft td.redesign {border:none; border-bottom:1px solid #ccc; padding: 5px 10px;}
ul {margin-left:15px;}
input {-webkit-appearance: none;border-radius: 0;}
select {border-radius: 0;}
input[type="text"], input[type="password"] { outline: none; }

/* HEADER */
#bodyContainer {margin: auto;overflow:hidden;min-height:100%;position:relative;}
#headerContainer {height:100px;background:#CC2027;}
#headerWrapper {margin:auto;width:100%;height:100px;}
@media only screen and (min-width: 980px) {
	#headerWrapper {margin:auto;width:980px;height:100px;}
}
#logoContainer {float:left;padding-top:20px;padding-left:40px;}
/* SUBMENU */
#subHeaderContainer{margin:auto;height:4px;background:#ddd;}

/* CONTACT */
#contactWrapper {float:right;text-align:right;padding-top:85px;z-index:99}
#contactSection {color:#aaa;font-size:14px;}
#contactSection span.green {font-size:20px;color:#00a2b2;}
#contactSection span.black {font-size:18px;color:#000;}
#contactSection span.black a{color:#999;}

/* SEARCH */
#contentLeftSearch {padding-top:25px;text-align:right;z-index:99;margin-bottom:-50px;}
#searchField {float:left;background:#5b5b5b;border:none;width:120px;height:25px;padding:0px 0px 0 5px;z-index:99}
#searchButton {float:left;border:none;height:25px;width:30px; background: #5b5b5b url(/images/search.png) no-repeat;cursor:pointer;}
.contentSearch a{color:#323232;font-size:9px;font-size:11px;}
.contentSearch a:hover{text-decoration:underline;}
.contentFullTextSearch {float:none;width:100%;min-height:auto;background:#fff;padding:10px 10px 10px 10px;overflow:hidden;}
@media only screen and (min-width: 980px) {
	.contentFullTextSearch {float:left;width:630px;min-height:320px;background:#fff;padding:10px 10px 10px 10px;overflow:hidden;}
}


/* MENU */
#menuContainerWrapper {height:50px;background:#ddd;}
#mainMenuContainer {float:left;padding-top:42px;height:30px;display:none;}
@media only screen and (min-width: 980px) {
	#mainMenuContainer {display:block;}
}
.menuParent {float:left;}
.menu{float:left;padding:15px 8px;font-size:11px;color:#fff;}
.menu:hover {}
.whiteSquare {float:left;background:#fff;width:5px; height:5px;margin-top:21px;}
.menuParentMobile {padding:10px 0px;}


/* CONTENT */
#pageContainer {}
#contentContainer {margin:auto;width:100%}
#content{margin:auto;width:100%;}
#contentLeft {float:left;font-size:10px;color:#969696;font-weight:bold;width:155px;margin:10px 10px 10px 0px;display:none}
@media only screen and (min-width: 980px) {
	#contentLeft {display:block}
	#contentContainer {width:980px}
	#content{width:980px;}
}
#contentLeft a{color:#969696;text-decoration:none;}
#contentLeft a:hover{color:#969696;text-decoration:underline;}
#contentLeftTop {height:330px;}
#contentMiddle {float:left;font-size:12px;color:#323232;width:100%;margin:0px;}
@media only screen and (min-width: 980px) {
	#contentMiddle {width:650px;;margin:10px 10px 0px 0px;}
}
#contentRight{float:left;font-size:11px;color:#969696;width:100%;margin:1px 0px 0px 0px;}
@media only screen and (min-width: 980px) {
	#contentRight{float:left;font-size:11px;color:#969696;width:155px;margin:10px 0px 10px 0px;}
}

.contentRightFiller{height:20px;}
.contentRightFillerAlt1{height:10px;}
.contentDate {color:#323232;font-size:9px;}
.contentSubHeading {color:#323232;font-size:9px;padding-bottom:10px;}
.contentHeading {color:#CC2027;font-size:12px;padding:3px 0px 5px 0px;font-weight:bold;}
.contentHeading1 {color:#CC2027;font-size:12px;}
.contentHeadingAlt {color:#CC2027;font-size:12px;padding:0 0 10px 0;font-weight:bold;}
.contentDescription {color:#323232;font-size:9px;}
.contentDescriptionWithoutPhoto {color:#323232;font-size:12px;}
.contentText {background:#fff;padding:10px;}
.redSquare {color:#fff;background:#CC2027;width:15px; height:15px;text-align:center;cursor:pointer;line-height:10px;display:none;}
@media only screen and (min-width: 980px) {
	.redSquare {display:block;}
}
.topicText {color:#CC2027;font-size:12px;padding:10px 0;font-weight:bold;}
.leftArrow {position:absolute;background: url(/images/leftarrow.png) no-repeat;height:30px;width:30px;z-index:999;margin-left:-100%;margin-top:145px;}
.rightArrow {position:absolute;background: url(/images/rightarrow.png) no-repeat;height:30px;width:30px;z-index:999;margin-left:-30px;margin-top:146px;}
@media only screen and (min-width: 980px) {
	.leftArrow {position:absolute;background: url(/images/leftarrow.png) no-repeat;height:30px;width:30px;z-index:999;margin-left:-470px;margin-top:145px;}
	.rightArrow {position:absolute;background: url(/images/rightarrow.png) no-repeat;height:30px;width:30px;z-index:999;margin-left:-45px;margin-top:146px;}
}
.contentPdf {position:absolute;bottom:10px;right:10px;}
.itemPdf {font-size:10px;color:#cc2027;}
.itemPdf:hover {text-decoration:underline;}
.itemPdfAlt {font-size:10px;}
.itemPdfAlt:hover {text-decoration:underline;}
#paginationContainer{height:20px;font-size:11px;}
#bottomContainer{height:50px;}
.bigPicture{cursor:pointer;}
.getPicture{/*display:inline-block;*/padding-right:8px;cursor:pointer;color:#999999;vertical-align: top; zoom: 1; display: inline;}
.getPicture:hover{color:#333333;}
.getPictureSelected{color:#333333;}
.architectsButtonOn{color:#333333;}
.menuArchitectOn{color:#333333;}
.newsDate{float:left;width:80px;color:}
.newsText{float:right;width:560px;text-align:justify}
.menuArchive {cursor:pointer;}
.menuArchiveOn {color:#333333;}
.separator {height:5px; background:#eee;}
.gotoTop {background:#aaa;color:white;font-size:10px;padding:3px 10px;margin-top:20px;float:right;}
#contentLeft a.gotoTop {color:white;}
#contentLeft a.gotoTop:hover {opacity:0.7;text-decoration:none;}
.whiteFiller {background:#fff;height:10px;width:650px;}
.transparentFiller {background:transparent;height:1px;width:100%;}
@media only screen and (min-width: 980px) {
	.transparentFiller {background:transparent;height:10px;width:650px;}
}

.photoText {font-size:11px;position:absolute;left:495px;top:281px}
.photoTextAbs {font-size:11px;position:absolute;bottom:0;}
.fb {float:left;background: url(/images/fb-icon-gray.png) no-repeat;width:30px;height:30px;}
#fbWrapper{margin-top:10px;}

/* CONTENT HOME*/
.contentFull {position:relative;}
.contentFullSecond {position:relative;margin-top:1px;}
@media only screen and (min-width: 980px) {
	.contentFullSecond {position:relative;margin-top:10px;}
}

.contentFullPhoto {float:left;width:100%;height:auto;background:#fff;overflow:hidden;border:none;}
.contentFullPhoto img {width:100%;height:auto;}
@media only screen and (min-width: 980px) {
	.contentFullPhoto {width:485px;height:320px;}
	.contentFullPhoto img {width:auto;}
}

.contentFullContent {float:left;width:650px;height:320px;background:#fff;overflow:hidden;}
.contentFullContentVar {float:none;width:100%;background:#fff;overflow:hidden;}
.contentFullPhotoVar {float:none;width:100%;background:#fff;overflow:hidden;}
@media only screen and (min-width: 980px) {
	.contentFullContentVar {float:left;width:650px;background:#fff;overflow:hidden;}
	.contentFullPhotoVar {float:left;width:650px;background:#fff;overflow:hidden;}
}
.contentFullPhotoS {float:none;width:100%;height:auto;background:#fff;overflow:hidden;}
.contentFullPhotoS img {width:auto;}
@media only screen and (min-width: 980px) {
	.contentFullPhotoS {float:left;width:165px;height:200px;background:#fff;overflow:hidden;}
}
.contentFullList {float:none;width:100%;height:auto;background:#fff;overflow:hidden;cursor:pointer;}
.contentFullListPhoto {float:none;width:100%;background:#fff;overflow:hidden;}
.contentFullListPhoto img {width:100%}
.contentFullListText {float:none;height:auto;width:100%;background:#fff;overflow:hidden;padding:10px;}
@media only screen and (min-width: 980px) {
	.contentFullList {float:left;width:650px;height:155px;background:#fff;overflow:hidden;cursor:pointer;}
	.contentFullListPhoto {float:left;width:165px;background:#fff;overflow:hidden;}
	.contentFullListText {float:left;height:155px;width:485px;background:#fff;overflow:hidden;padding:0 10px;}
}
.contentFullViewPhoto {float:none;width:100%;background:#fff;overflow:hidden;}
.contentFullViewPhoto img {width:100%;}
@media only screen and (min-width: 980px) {
	.contentFullViewPhoto {float:left;width:485px;background:#fff;overflow:hidden;}
}
.contentFullViewText {float:left;width:145px;background:#fff;overflow:hidden;padding:10px 10px;font-size:9px;}
.contentFullViewText span{color:#777;}
.contentFullText {float:left;width:100%;height:auto;background:#fff;padding:10px;overflow:hidden;border:none;}
.contentFullTextS {float:none;width:100%;height:auto;background:#fff;padding:10px;overflow:hidden;}
@media only screen and (min-width: 980px) {
	.contentFullText {width:165px;height:320px;}
	.contentFullTextS {float:left;width:485px;height:200px;background:#fff;padding:10px;overflow:hidden;}
}
.contentFullTextWithoutPhoto {float:none;width:100%;min-height:auto;background:#fff;padding:10px 10px 10px 10px;overflow:hidden;}
@media only screen and (min-width: 980px) {
	.contentFullTextWithoutPhoto {float:left;width:650px;min-height:320px;background:#fff;padding:10px 10px 10px 10px;overflow:hidden;}
}
.contentFullTextWithoutPhotoFixed {float:left;width:650px;height:320px;background:#fff;padding:10px 10px 10px 10px;overflow:hidden;}
.contentHalf {float:none;margin-top:1px;width:100%;height:auto;}
@media only screen and (min-width: 980px) {
	.contentHalf {float:left;margin-top:10px;width:320px;height:300px;}
}
.contentHalfWithoutPhoto {float:none;background:#fff;margin-top:1px;width:100%;height:auto;}
@media only screen and (min-width: 980px) {
	.contentHalfWithoutPhoto {float:left;margin-top:10px;}
}
@media only screen and (min-width: 980px) {
	.contentHalfWithoutPhoto {width:320px;height:320px;}
}
.contentHalfPhoto {width:100%;height:auto;overflow:hidden;}
.contentHalfPhoto img {width:100%}
@media only screen and (min-width: 980px) {
	.contentHalfPhoto {width:320px;height:165px;overflow:hidden;}
}
.contentHalfText {width:100%;height:auto;background:#fff;padding:10px;}
@media only screen and (min-width: 980px) {
	.contentHalfText {width:320px;height:155px;}
}
.contentThird {float:none;margin-top:1px;margin-left:0px;width:100%;}
@media only screen and (min-width: 980px) {
	.contentThird {float:right;margin-top:10px;margin-left:10px;width:320px;}
}
.contentThirdText {width:100%;height:auto;background:#fff;padding:10px;overflow:hidden;}
@media only screen and (min-width: 980px) {
	.contentThirdText {width:320px;height:155px;background:#fff;padding:10px;overflow:hidden;}
}
.contentFourth {float:none;margin-top:1px;margin-left:0px;width:100%;}
@media only screen and (min-width: 980px) {
	.contentFourth {float:right;margin-top:10px;margin-left:10px;width:320px;}
}
.contentFourthText {width:100%;height:auto;background:#fff;padding:10px;overflow:hidden;}
@media only screen and (min-width: 980px) {
	.contentFourthText {width:320px;height:155px;}
}
.contentTextThird {width:485px;}
.contentFifth {float:none;margin-top:1px;width:100%;}
@media only screen and (min-width: 980px) {
	.contentFifth {float:left;margin-top:10px;width:320px;}
}

/*CONTENT RIGHT*/
#contentRightAlt1{width:100%;min-height:auto;padding:5px;position:relative;margin-left:15px;}
@media only screen and (min-width: 980px) {
	#contentRightAlt1{width:155px;min-height:652px;padding:5px;position:relative;margin-left:0px;}
}
.contentRightTopic {display:none; color:#CC2027;font-size:20px;}
.contentRightTopic a{color:#CC2027;font-size:20px;}
.contentMobileTopic {display:block;color:#CC2027;font-size:20px;margin:10px 0px;text-align:center;}
.contentMobileTopic a{color:#CC2027;font-size:20px;}
@media only screen and (min-width: 980px) {
	.contentRightTopic {display:block;}
	.contentMobileTopic {display:none;}
}

.contentRightSubTopic, .contentRightSubTopic a {font-size:12px;padding-top:5px;color:#969696;font-weight:bold;}
.contentRightSubTopic.selected a {color:#CC2027;}
.contentRightSubTopic a:hover{text-decoration:underline;}
.subTopicItem{float:left;}
.subTopicItemPdf{float:right;height:13px;}

/* CONTENT RIGHT - FILTERS */
.filterSection {color:#999;padding-top:5px;}
.filterProjectWrapper {padding-top:3px;}
#filterMainSearch {padding-bottom:10px;}
.filterProjects {background:#5b5b5b;border:none;width:130px;height:20px;padding:0px 0px 0 5px;z-index:99;font-size:9px;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
.projectFilterWrapper {float:left;margin: 0px 0 0 0;*zoom: 1;width:120px;height:20px;}
.projectFilterWrapper:after {clear: both;content: "";display: table;}
.projectsSearchButton {float:right;border-width: 5px 0px 5px 10px;border-style:solid;border-color: transparent #cc2027;margin-top:4px;cursor:pointer;}
/* FIRST DROPDOWN */
.projectDropdownPlaceholder {color:#000;padding: 1px 5px;height:20px;width:110px;overflow:hidden;line-height:20px;}
.projectDropdown1 {position: relative;width: 130px;padding:0px;height: 20px;margin: 0 auto;background: #5b5b5b;color: #fff;outline: none;cursor: pointer;font-size: 9px;}
.projectDropdown1:after {content: "";width: 0;height: 0;position: absolute;right: 6px;top: 50%;margin-top: -3px;border-color: #ccc transparent;border-width: 8px 5px 0 5px ;border-style: solid;}
.projectDropdown1 .dropdown {position: absolute;top: 100%;right: 0;width: 130px;max-height:200px;overflow:auto;background: #6e6e6e;list-style: none;font-weight: normal;opacity: 0;pointer-events: none;z-index:99;}
.projectDropdown1 .dropdown li a {display: block;text-decoration: none;color: #000;padding: 5px 5px;}
.projectDropdown1 .dropdown li:hover a {background:#999;}
.projectDropdown1.active .dropdown {opacity: 1;pointer-events: auto;}
.projectDropdown1.active:after {border-color: transparent;border-width: 8px 5px 0 5px ;margin-top: -3px;}
.projectDropdown1.active {background: #5b5b5b}
.no-opacity       .projectDropdown1 .dropdown,.no-pointerevents .projectDropdown1 .dropdown {display: none;opacity: 1;pointer-events: auto;}
.no-opacity       .projectDropdown1.active .dropdown,.no-pointerevents .projectDropdown1.active .dropdown {display: block;}
.projectDropdown1:focus .dropdown {opacity: 1;pointer-events: auto;}
.projectDropdown1:focus:after {border-color: #cc2027 transparent;border-width: 8px 5px 0 5px ;margin-top: -3px;}
.directionControls{padding-top:10px;}
#directionPrev {float:left;border-width: 5px 10px 5px 0px;border-style:solid;border-color: transparent #cc2027;margin-top:0px;cursor:pointer;}
#directionNext {float:right;border-width: 5px 0px 5px 10px;border-style:solid;border-color: transparent #cc2027;margin-top:1px;margin-right:0px;cursor:pointer;}

/* CARD */
#contentCard {margin:auto;width:820px;padding:50px 80px;color:#000;font-size:12px;}

/* FOOTER */
#footerWrapper {margin:auto;width:100%;}
@media only screen and (min-width: 980px) {
	#footerWrapper {margin:auto;width:980px;}
}
#footerContainer {margin:auto;color:#C8C8C8;font-size:14px;text-align:center;border-top:1px solid #666;padding:30px 0px;}
@media only screen and (min-width: 980px) {
	#footerContainer {margin:auto;color:#C8C8C8;padding:10px 0 10px 165px;font-size:9px;border-top:none;}
}
#footerContainer a{color:#C8C8C8;}
.footerItem {float:none;padding:0 10px 0 0px;}
@media only screen and (min-width: 980px) {
	.footerItem {float:left;padding:0 10px 0 0px;}
}

/* ----- EMAIL PORM - START ----- */
#email_form {/*font-family:Arial*/color:#3c3c3c;}
#email_form a{color:blue;}
#email_form a:hover{color:navy;}
#email_form img {border-style:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#submitButton {border:solid 1px #c1c1c1;padding:3px;width:100px;color:#464545;cursor:pointer;}
#submitButton:hover{color:#1b1b1b;cursor:pointer;background:#d6d6d6;}
.emailText {border:solid 1px #c1c1c1; padding:3px;}
.emailText:hover {border:solid 1px #9e9e9e}
.emailTextarea {border:solid 1px #c1c1c1; padding:3px;}
.emailTextarea:hover {border:solid 1px #9e9e9e}
/* ----- EMAIL PORM - END ----- */
/* ----- PAGINATION - START ----- */
div.pagination {text-align:left;padding: 3px;padding-right:20px;margin: 20px 3px 3px 3px;font-size:12px;font-family: Arial;text-align:center;}
div.pagination a {padding: 2px 15px 2px 15px;margin-right:1px;background:#9d8b77;text-decoration:none;font-weight:bold;color:#FFF;font-size:12px;}
div.pagination a:hover, div.pagination a:active {background:#6c553c;font-weight:bold;color:#FFF;}
div.pagination span.current {padding: 2px 15px 2px 15px;margin-right: 1px;font-family: Arial;font-size:12px;font-weight:bold; background-color: #7F6446;color: #FFF;}
div.pagination span.disabled {background:#c6baac;padding: 2px 15px 2px 15px;margin-right: 1px;font-weight:bold;color:#FFF;
}
/* ----- PAGINATION - END ----- */

.sitemap {color: #464545; font-size: 11px; padding-left: 20px;}
.sitemap a {color: #717171; font-size: 11px;}
.sitemap  a:hover{color: #717171; text-decoration: underline;}

/* KOLEDAR */
#calendarSection{height:155px;background:#fff;}
#calendarContainer {height:155px; border:5px solid #fff;font-size: 10px;background:#c8c8c8;overflow:hidden;}
#calendarHeader {display:block;background:#fff;margin-right:1px;width: 145px;height: 22px;}
#calendarHeader a {background-repeat: no-repeat;}
#calendarBtnPrev {float:left;width:19px;height:19px;color:#fff;font-size:15px;margin-right:1px;background:#c8c8c8;text-align:center;}
#calendarBtnPrev:hover {color:#000;}
#calendarBtnNext {float: right;width: 19px;height:19px;color:#fff;font-size:15px;margin-left:1px;background:#c8c8c8;text-align:center;}
#calendarBtnNext:hover {color:#000;}
#calendarMonthYear {float: left;background:#c8c8c8;color:#000;height:19px;width:105px;text-align: center;font-size: 10px;padding-top:3px;}
#calendarTextContainer {position:absolute;background:#c8c8c8; border:6px solid #fff;border-top:1px solid #fff; padding:10px 5px; font-size:10px;color:#323232;width:155px;z-index:99;font-weight:normal;cursor:pointer;}
#calendarTableInside {background:white}
.contentCalendarHeading {color:#CC2027;font-size:11px;padding-bottom:10px;font-weight:bold;}
.contentCalendar {padding-bottom:10px;}
.contentCalendar a{color:#323232;}
.contentCalendar a:hover{color:#323232;text-decoration:underline;}
.headerDays {text-align: center;background-color: #fff;color: #000;font-size:10px;}
.tableCell {line-height:16px;color:#666;background-color:#c8c8c8;}
.tableCell:hover {background:#ddd;cursor:pointer;}
.tableCellOn {background: #CC2027;}
.tableCellOn:hover {background: #ef444b;}
.tableCellDisabled {	background-color: #f9f9f9;}
.tableCellWrapper {display: block;height:17px;}
.tableCell .tableCellDay {display:block;color: #666;text-align: center;}
.tableCell .tableCellDay  a{color:#ddd;}
.tableCell .tableCellDayOn {color:#ddd;height:17px;}
.tableCellDisabled .tableCellDay {display:block;color:#ccc;height:15px;width:15px;}
.tableCellContent {display:block;position:relative;color: #090;}

/* GALERIJA*/
#gallerySection{float:left;width:50%;height:auto;background:#fff;margin-top:0px;padding:0px;}
.galleryContent {width:100%;height:auto;overflow:hidden;text-align:center}
.galleryContent img {width:100%;border-top:5px solid #323232;}
@media only screen and (min-width: 980px) {
	#gallerySection{width:155px;height:155px;margin-top:10px;padding:5px;}
	.galleryContent {width:145px;height:145px;overflow:hidden;text-align:center}
	.galleryContent img {width:auto;border-top:none;}	
}

.contentCardMobile {display:block;padding:20px;}
@media only screen and (min-width: 980px) {
	.contentCardMobile {display:none;}
}
#contentLeftSponsorsMobile {text-align:center;border-top:1px solid #666;padding-top:30px;}

/* BORZA DELA*/
#jobsSection{width:155px;height:155px;background:#fff;/*padding:5px*/;margin-top:10px;}
#jobsHeading a{color:#3c3c3c;}
#jobsHeading a:hover{text-decoration:underline;}
.cubeSection{width:50%;float:left;height:auto;background:#fff;margin-top:0px;}
.cubeSection img {width:100%}
@media only screen and (min-width: 980px) {
	.cubeSection{float:none;width:155px;height:155px;margin-top:10px;}
}
/* KOMENTARJI */
#commentsSection{width:155px;height:155px;background:#fff;/*padding:5px;*/margin-top:10px;}
#ohsSection{width:155px;height:155px;background:#fff;/*padding:5px;*/margin-top:10px;}
.commentContainer {background:#fff;padding:10px;}
#commentHeader {color:#CC2027;font-size:11px;padding:10px 0;}
.commentAuthor {border:1px solid #ddd;font-size:11px;padding:2px;color:#777}
.commentText  {border:1px solid #ddd;font-family:Arial, Helvetica, Verdana, Sans-serif;font-size:11px;padding:2px;}
.commentsItem {padding-bottom:5px;}
.buttonPublish {float:left;color:#969696;border:none;background:#CC2027;cursor:pointer;padding:2px 10px;}
.buttonPublish:hover {background:#dfdede;}
.commentsPost {padding:10px 0;}
.postHeader {}
.postAuthor {float:left; color:#777;padding-right:5px;}
.postDate {float:left; color:#777}
.postText {color:#777;padding-top:5px;}
.deleteComment {float:right;color:#969696;border:none;background:#CC2027;cursor:pointer;padding:2px 10px;font-size:9px;}
.commentsLogin {color:#777;cursor:pointer;}
.commentsRegister {color:#777;cursor:pointer;}
.commentItemHeader {color: #323232;padding:10px 5px;}
.commentItem {color: #323232;padding:0 5px 10px 5px;font-size:9px;cursor:pointer;}
.commentItem :hover{text-decoration:underline;}
.commentItem a {color: #323232;}

/* LOGIN */
#loginContainer {position:relative;float:right;color:#fff;font-size:10px;padding-top:12px;width:500px;text-align:right;display:none;}
@media only screen and (min-width: 980px) {
	#loginContainer {display:block}
}
#loginForm {margin-left:30px;}
.loginWinMain {position:absolute;right:0;z-index:200;}
.loginWinFloat {width:300px;float:right;text-align:right;}
.loginLogin {color:#fff;}
.loginRegister {color:#fff;}
.loginLogout {color:#fff;}
.loginManage {color:#fff;}
.loginWinLogin {clear:both;width:310px;background:#323232;color:#969696;padding:30px 10px 15px 10px;border-top:2px solid #CC2027;border-bottom:4px solid #CC2027;}
.loginWinRegister {clear:both;width:310px;background:#323232;color:#969696;padding:30px 10px 15px 10px;border-top:2px solid #CC2027;border-bottom:4px solid #CC2027;}
.loginWinManage {clear:both;width:310px;background:#323232;color:#969696;padding:30px 10px 15px 10px;border-top:2px solid #CC2027;border-bottom:4px solid #CC2027;}
.loginButton {color:#969696;border:none;background:#CC2027;cursor:pointer;padding:2px 10px;}
.loginButton:hover {background:#dfdede;}
.loginInput {width:160px;border:none;background:#5b5b5b;margin-bottom:5px;height:20px;}
.loginInput:hover {background:#8b8b8b}
.loginInputProtected {width:160px;border:none;background:#5b5b5b;color:#999;margin-bottom:5px;height:20px;}
.loginForgetPass {font-size:10px;color:#969696;border:none;cursor:pointer;text-align:right;background:none;}
.loginForgetPass {color:#969696;}
.loginForgetPass:hover {text-decoration:underline;}

/*PAGINATION*/
#paginationSection {/*position:absolute;bottom:0;*/color:#fff;font-size:9px;padding-right:20px;}
.paginationPager {color:#fff;}
.paginationPager.active {color:#CC2027;}
.paginationControls{width:100%;margin-bottom:15px;}
@media only screen and (min-width: 980px) {
	#paginationSection {padding-right:0px;}
	.paginationControls{width:155px;margin-bottom:15px;}
}

#paginationPrev {float:left;border-width: 5px 10px 5px 0px;border-style:solid;border-color: transparent #cc2027;margin-top:0px;cursor:pointer;}
#paginationNext {float:right;border-width: 5px 0px 5px 10px;border-style:solid;border-color: transparent #cc2027;margin-top:1px;margin-right:12px;cursor:pointer;}

/* MOBILE MENU
----------------------------------------------------------------*/

#mobileMenuBtn, #mobileSearchBtn {
	display: none;
	float: right;
	width: 48px;
	height: 48px;
}
#mobileMenuBtn {
	background-image: url(../images/menuBtn.png);
	background-size: 44px 88px;
	background-position: 2px 2px;
	margin: 25px 18px 0px 0px;	
}
#mobileSearchBtn {
	background-image: url(../images/searchBtn.png);
	background-size: 44px 88px;
	background-position: 2px 2px;
	margin: 25px 0px 0px 0px;	
}
#mobileMenuBtn:hover, #mobileSearchBtn:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.03);
}
#menuContainer2 {display: block;margin: 0px}

/* MOBILE SEARCH
----------------------------------------------------------------*/

#mobileSearchContainer {
	display: none;
	background: rgba(0,0,0,0.90);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#mobileSearchBox {
	display: block;
	width: 280px;
	margin: 148px auto 0;
}
#mobileSearchContainer #mobileSearchField {width: 236px;background-color: transparent;color: #fff;padding: 0px 10px;}
#mobileSearchContainer #mobileSearchFieldBtn {background-color: rgba(255,255,255,0);background-position: 0px -44px;border: 1px solid white;border-left:none;}
#mobileSearchContainer #mobileSearchFieldBtn:hover {background-color: rgba(255,255,255,1);background-position: 0px 0px;}
#mobileSearchCloseBtn, #mobileMenuCloseBtn {display: block;width: 44px;height: 44px;position: fixed;top: 20px;right: 20px;z-index: 99999;background-image: url(../images/closeBtn.png);background-repeat: no-repeat;background-size: 44px 88px;background-position: 0 -44px;}
#mobileSearchCloseBtn:hover, #mobileMenuCloseBtn:hover {background-color: rgba(255,255,255,1);cursor: pointer;background-position: 0px 0px;}
#mobileheaderBg, #mobileheaderBg2 {display: block;width: 100%;position: fixed;top: 0px;left: 0px;background-color: #000;height: 84px;z-index: 99998;}
#sidebar #mobileheaderBg2 {display: none;}

@media only screen and (min-width : 980px) {
	#sidebar #mobileheaderBg2, #mobileMenuCloseBtn, #menuContainer2 {display: none !important;}
	#sidebar {display: block !important;}
	body {overflow-y: auto !important;}
}

@media only screen and (max-width : 980px) {
	#menuContainer {display: none;}
	#mobileMenuBtn, #mobileSearchBtn {display: block !important;}
	#sidebar {
		display: none;
		background: rgba(0,0,0,0.90);
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10000;
		margin: 0;
		padding: 108px 60px 20px 20px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.expandIcon {
		background-position: -2px -46px;
		opacity: 1;
	}
	.expandIcon.retract {
		background-position: -2px -134px;
	}
	
	#sidebar a {
		color: #fff;
		padding: 13px 5px;
		font-size:14px;
	}
	#sidebar a:hover {
		background-color: rgba(255,255,255,0.05);
		color: #fff !important;
		text-decoration: none;
	}
	#sidebar ul li a.active {
		color: #fff !important;
	}
	#sidebar ul.level2, #sidebar ul.level3, #sidebar ul.level4 {
		border-bottom: 1px solid rgba(255,255,255,0.1);		
	}	
}

.item-odmik {height:1px;}
@media only screen and (min-width : 980px) {
	.item-odmik {height:10px;}
}
input#mobileSearchField {
	float: left;
	width: 200px;
	height: 44px;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid #eee;
	font-size: 1.1em;
}
#searchFieldBtn, #mobileSearchFieldBtn {
	display: block;
	float: left;
	width: 44px;
	height: 44px;
	background-color: rgba(255,255,255,0.8);
	border-left: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../images/searchBtnAlt.png);
	background-repeat: no-repeat;
	background-size: 44px 88px;
	background-position: 0 0px;
}
#searchFieldBtn:hover, #mobileSearchFieldBtn:hover {
	background-color: #C5AB71;
	background-position: 0px -44px;
	cursor: pointer;
}

.desktopThumb {display:none;}
.mobileThumb {display:block;}
@media only screen and (min-width : 980px) {
	.desktopThumb {display:block;}
	.mobileThumb {display:none;}
}