/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





* {
	margin: 0;
}
html, form {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #000;

}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0;
	margin-bottom: -188px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

.push {
	height: 188px;
}

a, a:hover {
    outline:none;
}


@font-face {
    font-family: 'FFDINCELight';
    src: url('ff_din_ce_light_0-webfont.eot?') format('eot'),
         url('ff_din_ce_light_0-webfont.woff') format('woff'),
         url('ff_din_ce_light_0-webfont.ttf') format('truetype'),
         url('ff_din_ce_light_0-webfont.svg#webfontphdSgpWd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FFDINCEMedium';
    src: url('ff_din_ce_medium_0-webfont.eot?') format('eot'),
         url('ff_din_ce_medium_0-webfont.woff') format('woff'),
         url('ff_din_ce_medium_0-webfont.ttf') format('truetype'),
         url('ff_din_ce_medium_0-webfont.svg#webfonttBratj5h') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* HEADER */

#header {
	height: 420px;
	margin-bottom: 25px;
}

.top-header {
	height: 63px;
	background-image: url(Images/header-top-back.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.top-header-inner {
	width: 980px;
	margin-left: auto;
	margin-right:auto;
}

/*.top-header .logo-new {
	display: block;
	height: 59px;
	width: 314px;
	background-image: url(Images/logo-new.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
.top-header .logo-maistra {
	display: block;
	height: 59px;
	width: 122px;
	background-image: url(Images/logo-maistra.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}*/

.header-bottom .buttons-top {


}

.header-bottom .buttons-top a.home-logo {
	display: block;
	height: 262px;
	width: 281px;
	margin-bottom: 0px;
	background-image: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;	

}

.header-bottom .buttons-top a.home-logo:hover {
	background-color: transparent;
	background-image: none;	
	
}
.header-bottom .buttons-top a {

	display: block;
	width: 251px;
	height: 33px;
	background-image: url(Images/main-pattern.png);
	background-repeat: repeat;
	background-position: left top;
	cursor: pointer;
	padding-right: 15px;
	padding-left: 15px;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	color: #dc8500;
	line-height: 33px;
	text-decoration: none;
	font-weight: normal;
	font-size: 15px;
}

.header-bottom .buttons-top a:hover {
	background-color: #dc8500;
	color: #000;
	background-image: none;
}

.header-bottom .buttons-top .login_en-us, .header-bottom .buttons-top .login_hr-hr, .header-bottom .buttons-top .logout_hr-hr, .header-bottom .buttons-top .logout_en-us {
	margin-bottom: 4px;

}

.header-bottom {
	height: 357px;
	width: 100%;
	float: left;
}


.header-bottom-inner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	height: 337px;
}

.header-bottom-inner .logo{
	height: 332px;
	width: 281px;
	float: left;
	margin-right: 25px;
	background-image: url(Images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

.slider {
	width: 644px;
	height: 302px;
	float: left;
	background-image: url(Images/main-pattern.png);
	background-repeat: repeat;
	background-position: left top;
	padding: 15px;
}

/* TOP MENU */

.top-header ul{
	padding: 0px;
	height: 63px;
	display: inline;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	text-align: center;
}

.top-header li{
	list-style-type: none;
	margin: 0px;
	height: 63px;
	display: inline-block;
	float: left;
}

.top-header li a{
	font-size: 14px;
	color: #bfbfbf;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 33px;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin: 0px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 20px;
}

.title {
	height: 224px;
	width: 432px;
	background-image: url(Images/title.png);
    background-repeat: no-repeat;
	background-position: left 52px;
}

.big-button, .big-button-eng {
	display: block;
	height: 60px;
	width: 244px;
	background-image: url(Images/big-button.png);
	background-position: left top;
	margin-left: 29px;
}

.big-button-eng
{
    background-image: url(Images/big-button-eng.png);
}

.big-button:hover, .big-button-eng:hover {
	background-position: left bottom;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header-right li a{margin-right: 10px;}
}*/

.top-header li a:hover{
	text-decoration: none;
	background-color: #dc8500;
	color: #FFF;
}

.topMenuCurrent{
	text-decoration: none;
	background-image: url(Images/menu-hover-current.png);
	background-repeat: no-repeat;
	background-position: center top;		
	color: #ededed;
}

/* TOP MENU en-us */



.top-header .en-us{
	padding: 0px;
	height: 63px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	text-align: center;
}

.top-header .en-us li{
	list-style-type: none;
	margin: 0px;
	height: 63px;
	display: inline-block;
}

.top-header .en-us li a{
	font-size: 14px;
	color: #bfbfbf;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 33px;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin: 0px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 20px;

}
	
/*	@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header-right .en-us li a{margin-right: 5px;}
}*/

.top-header .en-us li a:hover{
	text-decoration: none;
	background-color: #dc8500;
		color: #FFF;
}

/* BODY */

#body {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 40px;
	margin: 0px;
	padding-right: 0px;
}

#body .body-inner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	
}


/* LEFT MENU */

.menu-left {
	width: 282px;
	float: left;
	margin-right: 25px;
	background-image: url(Images/content-text-back.png);
	background-repeat: repeat;
	background-position: left top;
}

h1 {
	font-size: 31px;
	color: #c78410;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-right: 10px;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0px #000;
	text-transform: uppercase;
}
h2 {
	font-size: 31px;
	font-weight: normal;
	color: #cecece;
	margin-bottom: 25px;
	padding: 10px;
	display: inline-block;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0px #000;
	text-transform: uppercase;
	background-image: url(Images/main-pattern.png);
	background-repeat: repeat;
	background-position: left top;
	width: auto;
	vertical-align: middle;
}
h3 {
	font-size: 20px;
	color: #c78410;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-bottom: 10px;
	text-transform: uppercase;
}



.menu-left ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu-left ul li {
	display: block;

}

.menu-left ul li a{
	text-decoration: none;
	font-size: 15px;
	color: #e5e4e4;
	line-height: 38px;
	display: block;
	width: 247px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #624108;
	padding-left: 15px;
	padding-right: 20px;
}

.menu-left ul li a:hover{
	text-decoration: none;
	background-color: #000;
}

.menu-left ul li a.closed{
	background-image: url(Images/menu-indicators.png);
	background-repeat: no-repeat;
	background-position: 260px center;
}

.menu-left ul li a.opened{
	background-image: url(Images/menu-indicators-opened.png);
	background-repeat: no-repeat;
	background-position: 260px center;
	background-color: #000;	
}

.menu-left ul li ul {
	margin: 0px;
	padding: 0px;

}

.menu-left ul li ul li {
	margin: 0px;
	padding: 0px;
}

.menu-left ul li ul li a{
	text-decoration: none;
	font-size: 14px;
	color: #c78410;
	line-height: 38px;
	display: block;
	width: 237px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #624108;
	padding-left: 25px;
	padding-right: 20px;
}

.menu-left ul li ul li a:hover{
	text-decoration: none;
	background-color: #000;
}

.current{

}

/* Treci UL */

.menu-left ul li ul li ul{
                margin: 0px;
                padding: 0px;
}

.menu-left ul li ul li ul li{
                margin: 0px;
                padding: 0px;
}

.menu-left ul li ul li ul li a{
	text-decoration: none;
	font-size: 12px;
	color: #c78410;
	line-height: 38px;
	display: block;
	width: 227px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #624108;
	padding-left: 35px;
	padding-right: 20px;
}

.menu-left ul li ul li ul li a:hover{
	text-decoration: none;
	background-color: #000;
}


/* CONTENT */

.content{
	float: left;
	width: 673px;
	

}

.content .content-text {
	background-image: url(Images/content-text-back.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 21px;
	padding-right: 21px;
	padding-bottom: 5px;
	padding-left: 21px;
}

.content p, .content p font{
	font-size: 14px;
	color: #e5e4e4;
	margin-bottom: 20px;
	line-height: 22px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.content strong{
	font-weight: bold;
}

.content p a {
	text-decoration: underline;
	color: #FFF;
}
.content p a:hover {
	text-decoration: underline;
	color: #c78410;
}

.content ol a {
	color: #FFF;
	text-decoration: underline;
}
.content ol a:hover {
	color: #a37d3b;
	text-decoration: underline;
}

.content ul{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	list-style-type: none;
}

.content ul li {
	background-image: url(images/bullet.gif);
	background-position: left 9px;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #e5e4e4;
	font-family: Arial, Helvetica, sans-serif;
}

.content ul li a {
		color: #e5e4e4;
	text-decoration: underline;
}

.content ul li a:hover {
	color: #c78410;
	text-decoration: underline;
}


.content ol{
	padding: 0;
	margin: 0;
	margin-left: 25px;
}

.content ol li {
	padding-left: 10px;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #e5e4e4;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: decimal;
}
.content ol li a:hover {
color: #c78410;

}
.novost-najnovija {
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding: 0px;
	background-image: url(Images/content-text-back.png);
	background-repeat: repeat;
	background-position: left top;	/*border: 1px solid #c78410;*/
}
.novost-najnovija p {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	margin: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.novost-top {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.novost-top h4 {
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	text-shadow: 1px 1px 0px #000;
	color: #c78410;
}

.novost-bottom {
	height: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}
.novost-button {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 18px;
	padding: 0px;
	margin-bottom: 5px;
	width: 120px;
	height: 30px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	text-decoration:none;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	background-color: #dc8500;
	text-transform: uppercase;
}

.novost-button:hover {
	color: #dc8500;
	background-color: #000;
}

.novost-datum {
	float: right;
	width: 208px;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: right;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #cccccc;
}

h4 {
	font-size: 16px;
	color: #c78410;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-bottom: 10px;
}


/* SIDEBAR */

.sidebar {
	float: left;
	width: 170px;
}
.pill-back {
	background-image: url(images/sidebar-pill-middle.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}
.pill ul {
	list-style-type: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 52px;
	padding: 0px;
}
.pill li {
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
}
.pill li a {
	display: block;
	float: left;
	font-size: 10px;
	color: #636362;
	text-decoration: none;
	margin-right: 25px;
	line-height: 10px;
}
.pill  li a:hover {
	color: #333333;
	text-decoration: none;
}



.pill .zastava-hr {
	background-image: url(images/zastava-hrvatska.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 26px;
	width: 36px;
	padding: 0px;
	float: left;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 45px;
}

.pill .zastava-hr:hover {
	background-image: url(images/zastava-hrvatska.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 26px;
	width: 36px;
}
.pill .zastava-eng {
	background-image: url(images/zastava-engleska.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 26px;
	width: 36px;
	padding: 0px;
	float: left;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pill .zastava-eng:hover {
	background-image: url(images/zastava-engleska.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 26px;
	width: 36px;
}


.pill {
	background-image: url(images/pill-back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}

.pill:hover {
	background-image: url(images/pill-back-hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}

.pill-middle {
	background-image: url(images/sidebar-pill-middle.gif);
	background-repeat: repeat-y;
	background-position: center center;
	text-align: center;
	padding-top: 10px;
}
.pill-bottom {
	background-image: url(images/sidebar-pill-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 12px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.pill-middle   input {
	font-size: 11px;
	border: 1px solid #e5e4e5;
	color: #636362;
	margin-bottom: 10px;
	height: 16px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	text-align: center;
}
.pill-middle input:focus {
	border: 1px solid #FAA61A;
}


.sidebar  .naslov a {
	font-size: 14px;
	font-weight: bold;
	color: #faa61a;
	text-align: center;
	padding-bottom: 3px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-left: 0px;
	line-height: 14px;
}

.sidebar  .naslov a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #636362;
	text-align: center;
	padding-bottom: 3px;
	text-decoration: none;
	display: block;
	line-height: 14px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-left: 0px;
}

.sidebar  .podnaslov a {
	color: #636362;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	height: 14px;
}
.prijavi-se-button {
	font-size: 10px;
	text-decoration: none;
	line-height: 21px;
	text-align: center;
	display: block;
	width: 73px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: 22px;
	margin-bottom: 10px;
	
	

	color: #000;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	background-color: #dc8500;
	text-transform: uppercase;
	
}
.prijavi-se-button:hover {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 21px;
	text-align: center;
	display: block;
	width: 73px;
	padding: 0px;
	background-image: url(images/prijavi-se-button.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 22px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.pill-middle a {
}
.pill-middle .zaborav {
	font-size: 10px;
	color: #909090;
}
.pill-middle .zaborav:hover {
	font-size: 10px;
	color: #515151;
}


.generalni-sponzori {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}

/* FOOTER */

#footer {
	height: 188px;
	background-image: url(Images/content-text-back.png);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}

.footer-logo {
	height: 31px;
	width: 161px;
	background-image: url(Images/logo-footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.footer-logo:hover {
	background-position: left bottom;
}

.footer-text {
	padding-left: 17px;
	padding-top: 20px;
	font-size: 12px;
	color: #e5e4e4;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.logo-treed {
	height: 188px;
	width: 284px;
	background-image: url(Images/logo-footer-pd.png);
	background-repeat: no-repeat;
	background-position: 20px 40px;
	float: left;
}
.rest-of-footer {
	padding-top:62px;
	height: 126px;
	width: 402px;
	float: left;
}

.footer-text p {
	margin-bottom: 3px;
}
.footer-text a {
	color: #e5e4e4;

}
.footer-text a:hover {
	color: #c78410;
}

.inner-footer {
	height: 188px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(Images/inner-footer-back.png);
	background-repeat: no-repeat;
	background-position: right 62px;
	text-align: center;

}

/* TABS */

.tabs ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.tabs li {
	height: 18px;
	width: 86px;
	display: inline;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.tabs li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #636362;
	height: 18px;
	width: 86px;
	display: block;
	float: left;
	text-align: center;
	padding-top: 6px;
	background-color: #dc8500;
}

.tabs li a:hover {
	text-decoration: none;
	color: #faa61a;
	background-image: url(images/tab-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #dc8500;
}

.pressed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636362;
	height: 24px;
	width: 86px;
	text-align: center;
	padding: 0px;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	background-color: #dc8500;
}

/* TABLICA FOTKE */

table {
	font-size: 11px;
	color: #636362;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border:1px solid #cfcfe8;
	
}

th {
	font-size: 14px;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	height: 35px;
	border:1px solid #999;
	background-color: #dc8500;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
}

.alt {
	background-color: #F5F5F5;
}
table img  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

tr{
/*border:1px solid #cfcfe8;*/
}
td{
	vertical-align: middle;
	background-color: #cccccc;
	color: #333333;
	border:1px solid #999;
	padding: 4px;/*border:1px solid #EDF0F4;*/
	font-size: 13px;
}


/* POST */

.post img {
	padding: 0px;
	height: 150px;
	width: 446px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #e5e4e5;
}

.post img:hover {
	border: 1px solid #faa61a;
}

.post {
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3a3837;
}
.datum {
	font-weight: bold;
	padding: 0px;
	font-size: 12px;
	color: #8B8B8B;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.datum a{
	color: #636362;
}

.datum a:hover{
	color: #faa61a;
}

h3 a{
	font-size: 18px;
	color: #c78410;
	text-decoration:none;
	
}

h3 a:hover{

	text-decoration:underline;
	
}


.more {
	display: block;
	width: 120px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 30px;
	margin-bottom: 10px;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	text-decoration:none;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	background-color: #dc8500;
	text-transform: uppercase;
	
	
}


.more:hover {
	color: #dc8500;
	background-color: #000;
}

.post ul{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	list-style-type: none;
}
.post li {
	font-size: 11px;
	color: #636362;
	background-image: url(images/bullet.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding-left: 10px;
	display: block;
	line-height: 22px;
}
.paginacija {
	margin-top: 10px;
}

/* ERRORS AND INFOS */
.viewError {
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dc8500;
	padding: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	line-height: 20px;
}
.viewError p {
	color: #000;
    margin: 0px;
	font-size: 14px;
}

.viewErrorValidator{
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dc8500;
	padding: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	line-height: 20px;
}

.viewInfo {
	color: #0085AA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #F2FCFF;
	border: 1px solid #e5e4e5;
	padding: 10px;
}

.viewInfoValidator {
	color: #0085AA;
	font-size: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #F2FCFF;
	border: 1px solid #0085AA;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding: 10px;
}

.content .viewInfoValidator p {
	color: #0085AA;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	}

.content .viewInfo p {
	color: #0085AA;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

/* žiri */

.zhiri {
	height: 120px;
	width: 120px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.ime-zhiri {
	float: left;
	width: 120px;
	margin-right: 30px;
	height: 36px;
	text-align: center;
	margin-top: 5px;
}

.zhiri-thumbs {
	

}

.zhiri-thumbs p {
	margin: 0px;
	text-align: center;
}
.zhiri-thumbs p a{
	text-decoration: none;
	font-weight: normal;	
}
.zhiri-thumbs p a:hover{
	text-decoration: none;	
	font-weight: normal;
}

.zhiri img{
    /*border: solid 1px #ccc;*/
}

/* FINALISTS 2008 */
.foto_small_box    {
	width: 210px;
	display: block;
	text-align: center;
	margin-right: 0px;
	height: 245px;
	float: left;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;	/*background-color: #282625;*/
	color: #e5e4e4;
}


.foto_small_box span{
	font-size: 10px;
	color: #e5e4e4;
	line-height: 15px;
	margin-top: 5px;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	

}

.autor_gal_small {
	display: block;
	text-align: center;
	font-size: 0.9em;
	width: 210px;
	height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.foto_small_box .autor_gal_small a {
	color: #000000;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}




.foto_small_box_img  a {
	/*background-color: #F2F2F2;*/
	display: block;
	height: 210px;
	background-color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
}

.content .foto_small_box .foto_small_box_img a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.foto_small_box .foto_small_box_img a:hover {
	background-color: #dc8500;
}

.winnerBox, .finalistsBox{
	width: 444px;
}

.clearLeft{
	clear: left;
}

/* LOGIN AND REGISTER */
.login-content {
	
}
.login-content .zaborav {
	font-size: 10px;
	color: #909090;
}

.label {
	font-weight: bold;
	color: #faa61a;
	
	}




.content input  {
	font-size: 14px;
	color: #333;
	height: 25px;
	padding-left: 5px;
	width: 250px;
	padding-right: 5px;
	border: 1px solid #000;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #ccc;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 25px;
}

.content span.cb-is-portfolio label{
    margin-top: -15px;
    display: inline-block;
}

.content span.cb-is-portfolio,
.content span.cb-is-portfolio label{
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

.content .cb-is-portfolio input{
    width: 20px;
}

.content select  {
	font-size: 14px;
	color: #333;
	height: 25px;
	width: 264px;
	border: 1px solid #000;
	background-color: #ccc;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 30px;
    margin-right: 10px;
}

	
.content  input:focus  {
	background-color: #FFF;	/*border: 1px solid #a37d3b;*/
}

.content .fupload{
    display: block;
}

.login-content input {
	font-size: 14px;
	color: #333;
	height: 25px;
	padding-left: 5px;
	width: 250px;
	padding-right: 5px;
	border: 1px solid #000;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #ccc;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 25px;
}
.login-content input:focus {
	/*border: 1px solid #FAA61A;*/
}
.login-content a {
}
.login-content .zaborav {
	font-size: 10px;
	color: #909090;
}
.login-content .zaborav:hover {
	font-size: 10px;
	color: #515151;
}

.login-content .prijavi-se {
	display: block;
	width: 120px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	text-decoration:none;
	
	
	color: #000;
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	background-color: #dc8500;
	text-transform: uppercase;
}

.login-content .prijavi-se:hover {
	color: #dc8500;
	background-color: #000;
	text-decoration: none;	
}

.signedOn{
    font-size: 11px;
    text-align: center;
}

.signedOnLink a {
	font-size: 12px;
	font-weight: bold;
	color: #faa61a;
	text-align: center;
	text-decoration: none;
		display: block;

}

.signedOnLink a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #636362;
	text-align: center;
	text-decoration: none;
	display: block;

}

.signedOnUserName{
    color: #636362;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


.obrazac {

	margin-bottom: 20px;
}

.obrazac p {
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #f1f1f2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.obrazac-textarea span.vertical{
	vertical-align: top;
}



.textfield-error {
	background-image: url(images/textfield-error.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.textfield-ok {
	background-image: url(images/textfield-ok.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.content textarea  {

	padding: 5px;
	width: 250px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 130px;
	font-size: 14px;
	color: #333;
	width: 250px;
	border: 1px solid #000;
	background-color: #ccc;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 25px;
	
}
.obrazac-textarea {
	font-size: 12px;
	font-weight: bold;	
	
}
.content  textarea:focus  {
	background-color: #FFF;	/*border: 1px solid #FAA61A;*/
}
.vertical {
	vertical-align: top;
}

/*#popis_profil li a{
                font-size: 11px;
                color: #636362;
                
}

#popis_profil li a:hover{
                font-size: 11px;
                color: #faa61a;
}*/

/* xarpo theme ajax toolkit*/
.ajax__tab_xarpo .ajax__tab_header{
   
}

.ajax__tab_xarpo .ajax__tab_outer{
   
}

.ajax__tab_xarpo .ajax__tab_inner{
	height: 30px;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.ajax__tab_xarpo .ajax__tab_tab{
	font-family: 'FFDINCELight', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	background-color: #dc8500;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.ajax__tab_xarpo .ajax__tab_hover .ajax__tab_outer{
    
}

.ajax__tab_xarpo .ajax__tab_hover .ajax__tab_inner{
   
}

.ajax__tab_xarpo  .ajax__tab_hover .ajax__tab_tab{
	text-decoration: none;
	color: #dc8500;
	background-color: #000;
}

.ajax__tab_xarpo .ajax__tab_active .ajax__tab_outer{
    
}

.ajax__tab_xarpo .ajax__tab_active .ajax__tab_inner{
    
}

.ajax__tab_xarpo .ajax__tab_active .ajax__tab_tab{
	color: #dc8500;
	background-color: #000;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	width: auto;
}

.ajax__tab_xarpo .ajax__tab_body{
    padding-top: 20px;
    background-image: url(images/tabs-back-back.gif);
    background-repeat: repeat-x;
    background-position: left 5px;
}

.login-content .prijavi-se-inline {
	font-size: 10px;
	color: #636362;
	text-decoration: none;
	line-height: 21px;
	display: block;
	width: 73px;
	padding: 0px;
	background-image: url(images/prijavi-se-button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
}

.login-content .prijavi-se-inline:hover {
	background-image: url(images/prijavi-se-button.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



.naslov-fixed-height{
    height: 28px;
    margin-bottom: 0;
}

.loggedOnHolder{
    margin: 0 auto 0 auto;
    border: none;
    border: solid 1px #fff;

}

.loggedOnHolder td{
    padding: 0 10px 10px 10px;
    border: solid 1px #fff;
}

.tablicaBezBordera, .tablicaBezBordera td{
	text-align: left;
	padding:0px;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}

/* NOVO NOVO NAJNOVIJE */

.content img {
	margin-bottom: 10px;

}

.wrapper .body-inner .content table img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

.content .inline-slika {
	float: left;
	margin-right: 20px;
	/*padding: 6px;*/
	margin-top: 20px;
	margin-bottom: 10px;
	/*background-color: #0B0B0B;*/
}
.content .inline-slika-nize {
	float: left;
	margin-right: 20px;
	/*padding: 6px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	/*background-color: #0B0B0B;*/
}

/* new validators */
input.error  { background: #FFDFDF; border: 1px solid red; }

select.error { background: #FFDFDF; border: 1px solid red; }

label.error, .form-side-labels label.error, .form-top-labels label.error
{
    display: block;
    margin: 0 0 0 5px;
    padding: 3px;
    width: auto;
    font-weight: bold;
    color: #fff;
    background: red;
}

span.error {
	font-size: 12px;
	vertical-align: middle;
	line-height:25px;
	color: #dc8500;
}

.form-top-labels label.error
{
    margin: 3px 0 0;
    width: 416px;
}

.form-top-labels .side-by-side label.error, 
.form-top-labels .side-by-side-last label.error 
{ 
    width: 200px; 
}

/* HOME PAGE BANNER */

.home-page-banner
{
    margin-bottom: 25px;   
}

/*WORD*/

.word {
	background-image: url(images/word.png);
	background-repeat: no-repeat;
	background-position: left 60px;
	height: 160px;
	width: 109px;
	float: right;
	margin-right: 100px;
}
.content .word a {
	height: 160px;
	width: 109px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ccc;	

}

/* PRESS TABLES */
table.press-table{
    border: none;
}

table.press-table td{
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.content table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* LEFT TABS */


#tab-long {
	height: 143px;
	width: 74px;
	background-image: url(Images/face-icon.png);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 90px;
}

.photo-by {
	height: 106px;
	width: 30px;
	position: absolute;
	right: 0px;
	top: 90px;
	background-image: url(Images/photoby.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#language-switcher {
	height: 47px;
	width: 74px;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 250px;
}
#language-switcher a.english {
	background-image: url(Images/language-icon.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#language-switcher a.hrvatski {
	background-image: url(Images/language-icon-hr.png);
	background-repeat: no-repeat;
	background-position: right top;
}


#tab-long a {
	display: block;
	height: 109px;
	width: 74px;
}
#language-switcher a {
	display: block;
	height: 46px;
	width: 74px;
    text-indent: -9999px;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

/*
#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:190px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}*/
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:490px;
	bottom:-34px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.viewInfo .acc-reactivation a{
    color: #333333;
}