/*------------------------------ General ------------------------------*/

HTML, BODY { margin: 0; padding: 0; }
.content {
	margin-top: 30px;
}
body {
	
	background-image: url("/css/main/images/header-bg3.jpg");
    background-repeat: no-repeat;
	background-size: contain;
    background-position: top center;
	

	width: 100%;
	
	
	
	color: #365d84; font-family: Arial, sans-serif;
	font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; }

IMG { float: none; /* clear some strange default value*/ }
INPUT { }

A:active { outline: none; } /* remove halo effect in firefox */

/* Float elements */
.matura-floatContainer { min-height: 1%; /*overflow: hidden;*/ }
.matura-floatContainer:AFTER { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Typography*/
.matura-typography-heavy { font-weight: bold; }
#matura-body A, #matura-body A:HOVER, #matura-body A:FOCUS, #matura-body A:VISITED { color: #365d84; }
* { color: #365d84; }
#matura-body P { margin: 1em 0; }
#matura-body H1 { margin: 1em 0; font-size: 19px; }
#matura-body H2 { margin: 0.5em 0; font-size: 16px; }
#matura-body H3 { font-size: 13px; }
#matura-body LABEL { color: inherit; float: none; /* clear setting from vecernji.hr */  }

.xmatura-header-button {
  background:#fff;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
  display:inline-block;
  /*float:right;*/
  height:21px;
  margin: 1px 2px;
  padding:5px 12px;
  line-height: 21px; font-weight: bold; text-align: left;
}

.matura-button {
	display: inline-block;
	margin: 2px 0; padding: 0; width: 20px; height: 21px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll 0 -300px transparent;
}

#matura-body .matura-button INPUT[type=submit], #matura-body .matura-button INPUT[type=reset], 
	#matura-body .matura-button BUTTON, #matura-body .matura-button A {
	display: block; float: left;
	margin-left: 10px; padding: 0 10px 1px 0; border: 0; height: 21px;
	line-height: 21px; font-size: 12px; text-align: center; font-weight: bold; color: #365d84;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll right -300px transparent;
}


/*------------------------------ Override vecernji.hr ------------------------------*/

/*#logo {
	float: left !important; overflow: hidden !important; display: inline;
	margin: 10px auto !important; height: 70px  !important; width: 272px  !important;
}*/

div#header { height: 120px; }
div#navigation_wrap { height: 30px; }

#services UL { margin-left: 200px; }
DIV#services UL LI { display: list-item !important; }


/*------------------------------ Main layout ------------------------------*/

#matura-main {
	margin: 0 auto; width: 1000px;
	 padding-top: 290px;
}
#matura-header {}
	#matura-vecernji-headerServices {}
	#matura-vecernji-header { position: relative; }
#matura-body { width: 1000px; margin-top: 10px; }
	/*#matura-body * { color: #365d84; }*/
	#matura-body .matura-leftColumn { background-color: #ffffff; }
	#matura-body .matura-rightColumn {
		float: right;
		margin-left: 10px; width: 300px; padding: 10px;
		background-color: #FFFFFF; text-align: center;

	}
#matura-sitemap {
	position: relative; text-align: left;
}
#matura-footer {
	margin: 0 -4px; padding-top: 5px;
	text-align: left; background-color: #DEDED6;
}


/*------------------------------ common ------------------------------*/

IMG.matura-maturant-image, IMG.matura-skola-image { display: block; margin: 1em auto; /*border: 1px solid #c6c6c6;*/ padding: 5px 2px; background-color: #FFFFFF; }
IMG.matura-maturant-image { width: 105px; height: 120px; }

#flashMessage { border: 1px solid; padding: 1em; }
.error, .error_message { color:#C14407; }


/*------------------------------ search (by name) ------------------------------*/

#matura-search {
	position: relative;
	padding-left: 360px; height: 135px;
	background:url("/img/matura/search_background2.png") no-repeat scroll left bottom #a2d1ef;
	background-color: #a2d1ef;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	
}
.matura-search-background {
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 343px;
	color: white;
		opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.matura-search-background h2 {
	color: white !important;
		opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
#matura-search-logo { display: block; height: 135px; width: 295px;}
#matura-search-linksContainer DIV.matura-button { float: right; }
#matura-search-wrap {
	float: right;
	margin-top: 30px; padding: 23px 10px 0 40px; width: 250px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll 0 -750px transparent;
}
#matura-search-input {
	position: relative;
	padding: 0 20px; width: 190px; height: 44px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll 0 00px transparent;
}
#matura-search-input .matura-right {
	position: absolute; right: 0;
	margin-right: -20px; width: 20px; height: 44px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll 0 -50px transparent;
}
#matura-search-input INPUT, #matura-search-input INPUT:FOCUS {
	border: 0; width: 210px; height: 44px;
	font-size: 19px; font-weight: bold; line-height: 44px; color: #6ba0d2;
	background-color: transparent;
}

p#matura-search-introText {
	float:left;
	margin: 2em 1em; width:330px;
	font-size: 1em; text-align:justify; color:#FFFFFF; font-weight:bold;
}


/*------------------------------ Borders ------------------------------*/

.matura-border-top {
	position: absolute; top: -9px; right: -1px; left: -1px;
	height: 9px;
	background: url("/img/matura/border_top.png") repeat-x scroll center transparent;
}
.matura-border-right {
	position: absolute; top: 0; bottom: 0; right: -9px; 
	width: 9px;
	background:url("/img/matura/border_right.png") repeat-y scroll left transparent;
}
.matura-border-bottom {
	position: absolute; right: -1px; bottom: -9px; left: -1px;
	height: 9px;
	background:url("/img/matura/border_bottom.png") repeat-x scroll center transparent;
}
.matura-border-left {
	position: absolute; top: 0; left: -9px; bottom: 0;
	width: 9px;
	background:url("/img/matura/border_left.png") repeat-y scroll right transparent;
}


/*------------------------------ Content ------------------------------*/
#matura-content {
	position: relative;
	 padding: 2em 0 2em;
}
.matura-izbornik-maturanata #matura-content { padding: 5em 0 2em; }
.matura-content-top {
	position: absolute; top: 0; right: -9px; left: -9px; z-index: 2;
	height: 21px;
	background:url("/img/matura/content_top.png") no-repeat scroll center transparent;
}
#matura-content > .matura-border-right { right: -15px; width: 15px; background-color: #DEDED6; }
.matura-content-bottom {
	position: absolute; right: -9px; bottom: -1px; left: -9px; z-index: 2;
	width: 670px; height: 22px;
	background:url("/img/matura/content_bottom.png") no-repeat scroll center transparent;
}
#matura-content > .matura-border-left { left: -15px; width: 15px; background-color: #DEDED6; }



#matura-subcontent {
	position: relative;
	padding: 30px 0 2em; min-height: 50px;
	background-color: #83b6e8;
}
.matura-izbornik-maturanata #matura-subcontent { min-height: 150px; 
/*												 background: url("/img/matura/subcontent_background.png") repeat-x scroll top center #FFFFFF; */
}
#matura-subcontent .matura-banner, #matura-content .matura-banner {
	position: absolute; top: -4px; left: 29px;
	width: 310px; height: 82px;
/*	background: url("/img/matura/matura_sprite.png") no-repeat scroll transparent;*/
}
#matura-subcontent .matura-banner.matura-home { background-position: 0 -450px; }
#matura-subcontent .matura-banner.matura-skola { background-position: 0 -550px; }
#matura-subcontent .matura-banner.matura-razred { background-position: 0 -650px; }
#matura-content .matura-banner.matura-vijesti { background-position: 0 -850px; }

.matura-wrap-bottom {
	margin: 0 -4px; /* cover HTML element' border image */ height: 5px;
	font-size: 1px; line-height: 1px; overflow: hidden;
	background: url("/img/matura/wrap_bottom.gif") no-repeat scroll center top transparent;
}
#matura-home-selection-generation {}
.matura-wrap-top {
	margin: 0 -4px; /* cover HTML element' border image */ height: 5px;
	background: url("/img/matura/wrap_top.gif") no-repeat scroll center bottom transparent;
}


/*------------------------------ Home ------------------------------*/

#matura-home-selection {
	margin: -60px 0 -24px 0; padding: 20px;

	background:url("/img/matura/content_background2.png") repeat-x scroll bottom center #A2D1EF;
}

#matura-home-introText, #matura-home-introText * {
	font-weight: normal;
	color:#2E3192;
float:left;
font-size:15px;
font-weight:bold;
text-align:left;
width:100%;

}
#matura-home-introText A { color: #FFFFFF; }
#matura-home-selection .matura-home-selection-container {
	margin: 0.2em; font-size: 20px; text-align: left; color: #FFFFFF;
}
#matura-home-selection .matura-home-selection-container .matura-title {
	float: left; width: 110px; color: inherit; font-size: 0.7em; line-height: 46px; font-weight: bold;
}
.matura-home-selection-commandContainer { padding: 50px 0 0 110px; text-align: left; }


.matura-home-selection-container .matura-selection-selectWrapper {
	float: left;
	padding-left: 20px; height: 46px; width: 180px; 
	font-size: 14px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll 0 -100px transparent;
}
.matura-home-selection-container .matura-selection-selectWrapper .matura-right {
	float: right;
	margin-right: -35px; padding-right: 35px; height: 44px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll right -150px transparent;
}
.matura-home-selection-container .matura-selection-selectWrapper A { line-height: 44px; } 
.matura-home-selection-container .matura-selection-selectWrapper A, .linkselectContainer .linkselectValue {
	white-space: nowrap; overflow: hidden; font-size: 14px; color: #5f83a7; font-weight: bold; font-family: inherit; 
}
.linkselectContainer UL { list-style-type: none !important; }
.matura-selection-selectWrapper A.linkselectLink, .matura-selection-selectWrapper A.linkselectLink:HOVER { display: block; white-space: nowrap; overflow: hidden; outline: none; background-color: transparent !important; }
.matura-selection-select { display: none; }
/*----- Generation selectbox -----*/
#matura-home-selection-generation_list, .linkselectContainer #matura-home-selection-generation_list .linkselectValue { color: #8A6E1B !important; }
#matura-home-selection-generationContainer .matura-selection-selectWrapper { background-position: 0 -200px; }
#matura-home-selection-generationContainer .matura-selection-selectWrapper .matura-right { background-position: right -250px; }
#matura-home-selection-generationContainer .matura-selection-selectWrapper { width: 90px; }
#matura-home-selection-generationContainer A.linkselectLink { color: #8a6e1b !important; }
#matura-home-selection-generation_list .linkselectContainer .scrollable LI SPAN { color: #8a6e1b !important; }
/**/
#matura-home-selection-locationContainer .matura-selection-selectWrapper { width: 120px; }
#matura-home-selection-schoolContainer .matura-selection-selectWrapper { width: 120px; }
#matura-home-selection-classContainer .matura-selection-selectWrapper { width: 120px; }



#matura-home-maturanti {
	overflow: hidden;
	margin: 0 auto; padding: 100px 0 50px; width: 640px; height: 410px;
}
#matura-home-maturanti-content {
	position: relative; overflow: hidden; 
	margin: 0 50px; width: 520px; height: 400px;
}
#matura-home-maturanti .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#matura-home-maturanti .matura-maturant {
	float: left;
	padding: 5px; width: 120px; min-height: 120px;
}

#matura-home-maturanti .matura-maturant-name {
	font-weight: bold;
}
#matura-home-maturanti .matura-home-navigation {
	margin-top: 175px; width: 50px;
}
.matura-home-navigation { display: block; width: 25px; height: 36px; background: url("/img/matura/matura_sprite.png") no-repeat scroll transparent; }
.matura-home-navigation.prev { float: left; background-position: 0 -350px; }
.matura-home-navigation.next { float: right; background-position: -50px -350px; }

#matura-home-maturanti .pager { list-style: none; margin: 0 auto; width: 14em; }
#matura-home-maturanti .pager LI { float: left; }
#matura-home-maturanti .pagenum, #matura-home-maturanti .pagenum:HOVER { text-decoration: none; text-align: center; padding: 5px; color: #ecece4 !important; font-size: 35px; font-weight: bold; display: block; }
#matura-home-maturanti .pagenum.active, #matura-home-maturanti .pagenum.active:HOVER { color: #84e1f8 !important; }


.pagination-front { position: relative;  margin: 1em auto; width: 80% }
.pagination-front LI { padding: 0; list-style: none outside none; }

.pagination-front LI.first, .pagination-front LI.last { display: none; }
.pagination-front LI.previous {
	position: absolute; float: left; top: 0; left: 0;
	color: #000000; font-size: 2em;
}
.pagination-front LI.previous A { color: #000000 !important; }
.pagination-front LI.pages { text-align: center; line-height: 2em; font-size: 1.4em; }
.pagination-front LI.next {
	position:absolute; top: 0; right: 0; float: right;
	color: #000000; font-size: 2em;
}
.pagination-front LI.next A { color: #000000 !important; }


/*------------------------------ Razred ------------------------------*/

#matura-razred {}
#matura-razred-info { padding: 1em; text-align: right; font-weight: bold; }
#matura-razred-osoblje { margin: 1em auto; width: 560px; }
#matura-razred-osoblje .matura-osoba {
	float: left;
	margin: 10px; width: 120px; min-height: 120px;
}
#matura-razred-osoblje .matura-osoba-name { padding: 0.5em 0; font-weight: bold; }
#matura-razred-maturanti {
	margin: 0 auto; width: 560px;
}
#matura-razred-maturanti .matura-maturant {
	float: left;
	margin: 10px; width: 105px; min-height: 120px;
	
}
#matura-razred-maturanti .matura-maturant-name { padding: 0.5em 0; font-weight: bold; }
#matura-razred-imageContainer { position: relative; margin: 30px auto 10px; padding-top: 100px; }
#matura-razred-names {
	margin: 1em auto; width: 70%;
	font-size: 12px; text-align: justify;
}
/*------------------------------ Sponzori ------------------------------*/

#sponzori {
	float: left;
	margin: 5px; width: 200px; min-height: 120px; 

}

/*------------------------------ Pretraga ------------------------------*/

#matura-pretraga {}
#matura-pretraga-maturanti {
	margin: 0 auto; width: 560px;
}
#matura-pretraga-maturanti .matura-maturant {
	float: left;
	margin: 5px; width: 120px; min-height: 520px;
	
}
#matura-pretraga-maturanti .matura-maturant .matura-maturant-name { padding: 0.5em 0; font-weight: bold; }
#matura-pretraga-maturanti .matura-maturant .matura-maturant-class { margin-top: 0.5em; }


/*------------------------------ Skola ------------------------------*/

#matura-skola {}
#matura-skola-info { padding: 1em; text-align: right; font-weight: bold; }
#matura-skola-imageContainer { padding: 1.5em 0 2em 0; }
/*#matura-skola-image { border: 1px solid #c6c6c6; padding: 4px; background-color: #FFFFFF; }*/
#matura-skola-razredi { position: relative; margin: 10px 0; padding: 90px 0 50px; }
#matura-skola-razredi .matura-razred {
	display: inline-block;
	width: 97px; height: 48px;
	font-size: 15px; font-weight: bold; line-height: 48px;
	background: url("/img/matura/matura_sprite.png") no-repeat scroll 0 -400px transparent;
}
#matura-skola-osoblje { margin: 1em auto; width: 560px; }
#matura-skola-osoblje .matura-osoba {
	float: left;
	margin: 10px; width: 120px; min-height: 120px;
}
#matura-skola-osoblje .matura-osoba-name { padding: 0.5em 0; font-weight: bold; }


/*------------------------------ Prijava ------------------------------*/

#matura-prijava { margin: 0 auto; padding: 1em 0 2em; width: 95%; }
#matura-prijava-loginMessage {}
#matura-prijava-userAccount { margin: 2em 0 1em; }
#matura-prijava-userAccount-message {}
#matura-prijava-userAccountForm {
	margin: 1em auto;
	text-align: left;
}
#matura-prijava-userAccountForm LABEL {
	white-space: nowrap;
}
.matura-commandContainer { margin-top: 1em;  text-align: center; }


/*------------------------------ Error pages ------------------------------*/

.matura-errorMessage {}


/*------------------------------ Godina ------------------------------*/

#matura-godina { padding: 1em; }
#matura-godina-info { padding: 1em; text-align: right; font-weight: bold; }
#matura-godina-mjesta {
	margin:25px 0 10px 25px;
	list-style:none outside none; text-align:left;
}
#matura-godina-mjesta .matura-skole { margin:0 0 2em 2em; text-align:left; }
#matura-godina-mjesta .matura-skole LI { margin: 7px 0 0 0; }



/*------------------------------ Mjesto ------------------------------*/

#matura-mjesto { margin: 0 auto; width: 80%; text-align: left; }
#matura-mjesto-info { padding: 1em; text-align: right; font-weight: bold; }
#matura-mjesto-skole {
	margin:25px 0 10px 25px;
	list-style:none outside none; text-align:left;
}
#matura-mjesto-skole LI { margin:7px 0 0 0; }


/*------------------------------ Novosti ------------------------------*/

#matura-novosti-lista { padding: 5em 1em 1em; text-align: left; }
#matura-novosti-lista .matura-novost { margin: 2.5em 1em; }
#matura-novosti-lista .matura-novost.withImage { padding-left: 170px; }
#matura-novosti-lista .matura-novost .matura-novosti-link, #matura-novosti-lista .matura-novost .matura-novosti-link:HOVER {
	font-size: 1.2em; color: #76a3d0; font-weight: bold;
}
#matura-novosti-lista .matura-novost .matura-novosti-image { float: left; margin-left: -167px; border: 1px solid #c6c6c6; padding: 4px; background-color: #FFFFFF; }
#matura-novosti-lista .matura-novost .matura-title { color: #000000; }
#matura-novosti-lista .matura-novost .matura-description { text-align: justify; color: #000000; }




#matura-novosti { padding: 1em; text-align: left; color: #000000; }
#matura-novosti P { color: #000000;}
#matura-novosti .matura-novost { margin: 1em; color: #000000; }
#matura-novosti .matura-novost .matura-title { color: #000000; }
#matura-novosti .matura-novost .matura-description { font-weight: bold; color: #000000; }
#matura-novosti .matura-novost .matura-body { text-align: justify; color: #000000; }

#matura-novosti .matura-novost .matura-novosti-image { display: block; margin: 4em auto;}
#matura-novosti .matura-novost .matura-body IMG { float: left; margin: 0 10px 10px 0; }

/*------------------------------ Stranice ------------------------------*/

#matura-stranice { padding: 1em; text-align: left; }
#matura-stranice .matura-content {}


/*------------------------------ Komentari ------------------------------*/
.matura-komentari { margin: 2em auto; width: 70%;  text-align: left; }
.matura-komentari-commentList { margin: 1em 0 2em; }
.matura-komentari-commentList LI { margin: 10px 0; padding: 10px; border: 1px solid #7497B3; list-style: none; }
.matura-komentari-commentList LI .meta { font-weight: bold; }
.matura-komentari .matura-komentari-commentFormRow { margin-left: 110px; }
.matura-komentari INPUT, .matura-komentari TEXTAREA { border: 1px solid #C6C6C6; font-size: 13px; }
.matura-komentari LABEL { display: block; float: left !important; margin-left: -110px; width: 110px; }
.matura-komentari INPUT[type=checkbox] { margin: 4px 0; }
.matura-komentari .matura-commandContainer { margin-top: 1em; text-align: center; }
.matura-komentari .matura-commandContainer .matura-button { margin: 0 auto; }


/*------------------------------ Glasovanje ------------------------------*/
.matura-star-rating {
	list-style:none;
	margin: 0px !important;
	padding:0px !important;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url("images/alt_star.gif") top left repeat-x;
}
.matura-star-rating li{
	padding:0px !important;
	margin:0px !important;
	width:25px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.matura-star-rating li a,
.matura-star-rating li b
{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px !important;
	margin:0px !important;
	overflow:hidden;
}
.matura-star-rating li a:hover{
	background: url("images/alt_star.gif") left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.matura-star-rating a.one-star,
.matura-star-rating b.one-star{
	left: 0px;
}
.matura-star-rating a.one-star:hover{
	width:25px;
}
.matura-star-rating a.two-stars,
.matura-star-rating b.two-stars{
	left:25px;
}
.matura-star-rating a.two-stars:hover{
	width: 50px;
}
.matura-star-rating a.three-stars,
.matura-star-rating b.three-stars{
	left: 50px;
}
.matura-star-rating a.three-stars:hover{
	width: 75px;
}
.matura-star-rating a.four-stars,
.matura-star-rating b.four-stars{
	left: 75px;
}
.matura-star-rating a.four-stars:hover{
	width: 100px;
}
.matura-star-rating a.five-stars,
.matura-star-rating b{
	left: 100px;
}
.matura-star-rating a.five-stars:hover{
	width: 125px;
}
.matura-star-rating li.current-rating{
	background: url("images/alt_star.gif") left center;
	position: absolute;
	height: 25px;
	left:	0;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}



/*----------*/

input#matura-home-selection-goButton, input#matura-home-selection-goButton:hover {
  background: url(/img/matura/kreni.png) !important;
  width: 139px !important;
  height: 46px !important;
  text-indent: -9999;
  cursor: pointer;
}

.matura-button a {
  background:none!important;
  margin:0!important;
  padding:0!important;
  color:#6BA0D2;
}

.matura-header-button a:hover {
background:url(/img/matura/matura-button-hover.png) no-repeat;
}


/*-------------------- viewboxes --------------------*/

.matura-viewbox {
	margin: -10px; padding: 10px;
}
.matura-viewbox .matura-title {
	padding: 0.3em; font-weight: bold; color: #FFFFFF; text-align: left; font-size: 1.2em; 
}
.matura-viewbox.novosti .matura-title { background-color: #6f9fcb; }
.matura-viewbox.poslovi .matura-title { background-color: #4b9500; }
.matura-viewbox.vecernjihr .matura-title { background-color: #d00000; }
.matura-viewbox .matura-viewbox-list {
	margin: 0.3em; background-color: #FFFFFF;
}
#matura-viewboxContainer .novosti, #matura-viewboxContainer .poslovi {
  
}

.matura-viewbox .matura-viewbox-item {
	padding: 0.5em; border-bottom: 1px dotted #dfdfd7; list-style: none; text-align: left;
}
.matura-viewbox .matura-viewbox-item .matura-item-tag {
	color: #717067; text-transform: uppercase; font-size: 0.8em;
}
.matura-viewbox .matura-viewbox-item .matura-item-link {
	margin-top: 0.2em; color: #000000 !important;
}

#matura-viewboxContainer {
	width: 670px;
	margin-top: 30px;
}
#matura-viewboxContainer .novosti { float: left; }
#matura-viewboxContainer .poslovi { float: right; }

#matura-viewboxContainer .novosti ul { float: left; min-height: 378px; }
#matura-viewboxContainer .poslovi ul { float: right; min-height: 378px; width: 318px; }

#matura-viewboxContainer .novosti, #matura-viewboxContainer .poslovi {
	margin-top: 0; width: 325px;
}

#matura-viewboxContainer .novosti li, #matura-viewboxContainer .poslovi li {
  padding: 7px 5px;
}


#ime_prezime {
  text-align: center;
}