﻿/* Reset defaults to sane values*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

/* Reset fonts to sane values */
body{font: 13px/1.231 arial,sans-serif;font-size: medium;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}




body
{
font-family: arial,sans-serif;
font-size:12px;
background-color: #ccc;
}

html, body {
height: 100%;
background-color: #fff;
}

.body-gal
{
    /*background: #E2E2E2 url(../img/bg.gif) repeat-y center;*/
    background-color: #fff;
    height: 100%;
    width: 972px;
    /*height: 100%;
    width: 100%;*/
}

.container
{
    width: 1032px; /*972px*/
    min-height: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0 15px;
    /*margin-bottom: -150px;*/
}


a  {
	text-decoration:none;
	/*color: #234b7b;*/
	color: #111;
}

a:visited {
	text-decoration:none;
	/*color: #234b7b;*/
	color: #111;
}

a:hover
{
    color: #990000;
}


.rss 
{
    font-family: arial,sans-serif;
    font-size: 12px;
    /*line-height:16px;*/
    /*height: 16px;*/
    
}

.rss a 
{
    color: #ed6517;
    padding-top:4px;
}

.rss a:visited 
{
    color: #ed6517;
    padding-top:4px;
}

.rss img 
{
    vertical-align:middle;
}

.footer
{
    font-family:arial,sans-serif;
    font-size: 10px;
    color: #888888;
    padding-top: 25px;
    text-align: center;
    padding-bottom: 15px;
    clear: both;
    
}

.footer-links
{
    font-family: arial,sans-serif;
    font-size: 12px;
    color: #333333; /*margin-top: 25px;*/
    text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
    clear: both;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
    padding:5px;
}


.glava-wrapper {
	/*margin-top: 4px;*/
	margin-bottom: 8px;
	width: 1032px;
	/*height:90px;*/
	float: left;
    text-align:center;
}

.header-wrapper {
	margin-top: 14px;
	/*margin-bottom: 4px;*/
	width: 1000px;
	float: left;
	position: relative;
}

.logo-area
{
    /*width: 274px;
    height: 48px; /*display: inline !ie;*/
    font-family: arial,sans-serif;
    /*font-size: 26px;*/
    /*color: #8D8D8D;*/
    position: relative;
    margin-top:15px;
    margin-bottom:15px;
    
}

.logo-area-rubrika {

    float: left;
    width: 1000px;
    height: 72px;
    /*left: 10px;*/
    position: relative;

    /*background-color:#f6f6f6;*/

    /*background-color:#f6f6f6;
    border-bottom:solid;
    border-bottom-color:#aaa;*/

    border-bottom-width:4px;
    border-bottom-color:#aaa;
    border-bottom-style:double;

    /*border-top-width:10px;
    border-top-color:#fff;
    border-top-style:dotted;*/

    margin-bottom:15px;

}

.logo-area-logo {
    float:right;
    padding-top:20px;
    margin-right:20px;
}

.logo-area-sbt
{
    float:left;

    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 28px;
    line-height:22px;

    text-align:left;
    padding-top:34px;

    margin-left:20px;    
    /*text-transform: uppercase;*/
    color:#666;
     
}

.logo-area-sbt::first-letter {

    /*font-size:120%;*/
    

}


.google-search 
{
    width:1000px;
    /*left:20px;*/
    position: relative;
    text-align:center;
    font-size:18px;
    margin-bottom:20px;

}

.google-search-desno
{
    float:right;
    width:372px;
    /*left:20px;*/
    position: relative;
    text-align:right;
}


.logo-area-igre
{
    float: left;
    width: 160px;
    height: 50px;
    display: inline !ie;
    font-family: arial,sans-serif;
    font-size: 26px;
    color: #8D8D8D;
    position: relative;
}



.rss-area 
{
    float:right;
    width:172px;
    /*left:20px;*/
    position: relative;
    text-align:right;
}


.oglas-glava-prva
{
    height: 90px;
    width: 100%;
    font-family: arial,sans-serif;
    font-size: 10px;
    position: relative;
}

.oglas-full {
    width:1000px;
    text-align:center;
    margin-bottom:20px;
}

.oglas-glava-igre
{
    height: 90px;
    font-family: arial,sans-serif;
    font-size: 10px;
    float:left;
    left:40px;
    position:relative;

}

.oglas-left-prva
{
    float:left;
    position:relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.oglas-desno
{
    float:left;
    position:relative;
    /*margin-top: 5px;*/
    margin-bottom: 40px;
    padding-top:3px;
}

.adsense-manji
{
    width: 652px;
    height: 60px;
    background-image: url('../img/dots-grey-veci.gif');
    background-repeat: repeat;
    clear: both;
    text-align: center;
    margin-top:15px;
    margin-bottom:18px;
}



.header 
{
  float: left;
  margin: 0 0 3px 0;
  
}


.content 
{
   float: left;
   margin: 0 0 3px 0;
}




.empty-space {
	clear: both;
	height: 25px;
	color: #FFFFFF;
}

.foto-empty-space {
	clear: both;
	height: 15px;
	/*color: #FFFFFF;*/
	background: #FFFFFF;
}

.kolline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	clear: both;
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kolline-nclr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	/*clear: both;*/
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kolline-nm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	clear: both;
	float: none;
	/*margin-top: 2px;*/
	margin-bottom: 15px;
    margin-top:5px;
}

.kolline-menu {
    width:1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	clear: both;
	float: none;
	/*margin-top: 2px;*/
	/*margin-bottom: 5px;*/
}

.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	clear: both;
	float: none;
	margin-bottom: 10px;
	margin-top:10px;
}

.line-clearleft {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;*/
	float: none;
	margin-bottom: 2px;
	clear:left;
}

.adLeft 
{
	position:fixed; 
	height:920px;
	z-index:0;
	right:50%;
	margin-right:565px;
	overflow:visible
}

.adRight
{
	position:fixed;
	height:920px;
	z-index:0;
	left:50%;
	margin-left:565px;
	overflow:visible
}



.contentwrapper{

}

.contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

.bodytext {
	font-family: arial,sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #222222;
}

.fleft 
{
    float:left;
    
}

.fright 
{
    float:right;
}

/* Main Menu */



.ps-mnu{
	width: 1000px;
	font-family: Tahoma, Geneva, sans-serif; /*georgia,"times new roman",serif;*/
	font-size: 14px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	text-decoration: none;
	
}

.ps-mnu ul{
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	clear: both;	
	width: 100%;
	background: #FFFFFF;
	border-right-width: 0;
	border-left-width: 0;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e2e2e2;
	border-left-color: #e2e2e2;
	margin-top:5px;
    margin-bottom:5px;
}

.ps-mnu-prilog a{
	background-color: #FFF;
}

.ps-mnu-prilog2 a{
	background-color: #FFF;
}

.ps-mnu ul li{
display: inline;
}

.ps-mnu ul li a
{
    float: left;
    color: #000;
    padding: 3px 11px 3px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
}

.ps-mnu ul li b
{
    float: left;
    color: #000;
    padding: 3px 11px 3px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
}

.ps-mnu ul li a:visited{
color: #000;
}

.ps-mnu ul li a:hover, .ps-mnu ul li .selected{
	color: #000000 !important;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #e2e2e2;
}

/*.ps-mnu ul li h1
{
    float: left;
    color: #FFF;
    padding: 5px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
    background-color: #234b7b;
    font-weight: bold;
    width:100px;
}

.ps-mnu ul li h2
{
    float: left;
    color: #FFF;
    padding: 5px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
    background-color: #006600;
    font-weight: bold;
    width: 100px;
}*/

.mnu-right {

    font-size:16px;
    float:right;
    /*width:100%;*/
    bottom:40px;
    position:relative;
    margin-right:36px;

}

.mnuHeader {
    font-size:16px;
    float:right;
}

.mnuContent {
    font-size:16px;
    float:right;
    width:100%;
}


/* podrubrike menu */

.mainmnu {
	padding-right: 10px;
	width: 165px;
	clear: both;
	float: none;
	font-family: georgia,"times new roman",serif;
	font-size: 15px;
}

.mainmnu ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.mainmnu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFCFCF;
	padding-bottom: 3px;
	padding-top: 3px;
	/*font-weight: bold;*/
}

.mainmnu a {
	color: #000000;
	text-decoration: none;
	/*font-family: georgia,"times new roman",serif;
	font-size: 12px;*/
}

.mainmnu a:visited {
	color: #000000;
	text-decoration: none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;*/
}




.mainmnu a:hover
{
    color: #3333CC;
    text-decoration: none;
}



/* Main Two Columns */

.col1
{
    float: left;
    width: 652px; /*height: 70px;*/ /*display:inline !ie; */ /*color: #8D8D8D;*/
    position: relative;
    padding-top:10px;
}

.col2
{
    /*height: 70px;*/
    float: left;
    width: 300px;
    left: 40px;
    position: relative;
    padding-top:10px;
}

.col1-reverse
{
    float: left;
    width: 300px; /*height: 70px;*/ /*display:inline !ie; */ /*color: #8D8D8D;*/
    position: relative;
    padding-top:10px;
}

.col2-reverse
{
    /*height: 70px;*/
    float: left;
    width: 652px;
    left: 40px;
    position: relative;
    padding-top:10px;
}

.col1-3-prva 
{
    float:left;
    width:300px;
    position: relative;
    /*background:#ddd;*/
}

.col2-3-prva 
{
    float:left;
    width:300px;
    margin-left:40px;
    /*background:#ddd;*/
    position:relative;
}

.col3-3-prva 
{
    float:left;
    width:300px;
    margin-left:40px;
    position: relative;
    /*background:#aaa;*/
    /*position:relative;*/
    /*margin-right:15px;*/
}




/* Other Subpage Columns */

/*lijeva uza - desna sira*/

.scol1-rbig {
	float: left;
	width: 230px;
	/*height: 70px;*/
	position: relative;
}

.scol1-rbig img 
{
    float: left;
    margin-right: 8px;
}

.scol2-rbig {
	/*height: 70px;*/
	float:left;
	width: 400px;
	left: 20px;
	position: relative;
}

.scol2-rbig img 
{
    float: right;
    margin-left: 8px;
}

.scol2-rbig2 {
	/*height: 70px;*/
	float:left;
	width: 400px;
	left: 20px;
	position: relative;
}

.scol2-rbig2 img 
{
    float: left;
    margin-bottom: 8px;
}


/*desna uza - lijeva sira*/

.scol1-lbig {
	float: left;
	width: 450px;
	/*height: 70px;*/
	position: relative;
}

.scol1-lbig img 
{
    float: left;
    margin-right: 8px;
}

.scol2-lbig {
	/*height: 70px;*/
	float:left;
	width: 182px;
	left: 20px;
	position: relative;
}

.scol2-lbig img 
{
    float: right;
    margin-left: 8px;
}

.scol2-lbig2 {
	/*height: 70px;*/
	float:left;
	width: 400px;
	left: 20px;
	position: relative;
}

.scol2-lbig2 img 
{
    float: left;
    margin-bottom: 8px;
}

/* dvije kolone - jednake sirine */

.scol1-equal {
	float: left;
	width: 315px;
	/*height: 70px;*/
	position: relative;
    margin-top:10px;
}

.scol1-equal img 
{
    float: left;
    margin-right: 8px;
    margin-bottom: 20px; 
}

.scol1-equal h1,h2
{
    overflow: hidden; 
}

.scol2-equal {
	/*height: 70px;*/
	float:left;
	width: 315px;
	left: 20px;
    margin-top:10px;
	position: relative;
}

.scol2-equal img 
{
    float: left;
    margin-right: 8px;
    margin-bottom: 20px;
}

.scol2-equal h1,h2
{
    overflow: hidden; 
}

.threecol-subcol1
{
    float: left;
    width: 199px;
    position: relative;
}

.threecol-subcol1 img
{
    float: left;
    position: relative;
    margin-bottom:3px;
    margin-right:8px;
}

.threecol-subcol2 
{
    float:left;
	width: 198px;
	margin-left: 13px;
	position: relative;
	
}

.threecol-subcol2 img
{
    float: left;
    position: relative;
    margin-bottom:3px;
    margin-right:8px;
}


.threecol-subcol3 
{
    float:left;
	width: 198px;
	margin-left: 13px;
	position: relative;
	
}

.threecol-subcol3 img
{
    float: left;
    position: relative;
    margin-bottom:3px;
    margin-right:8px;
}



.fourcol-subcol1
{
    float: left;
    width: 140px;
    position: relative;
    padding-right: 12px;
}

.subcol-vdivider
{
    float: left;
    height: 220px;
    width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
    position: relative;
}

.fourcol-subcol2 
{
	float: left;
	width: 140px;
	left:12px;
	position: relative;
    padding-right: 12px;

}

.subcol-vdivider2
{
    float: left;
    height: 220px;
    width: 1px;
    left:12px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
    position: relative;
}


.fourcol-subcol3
{
    position: relative;
    float: left;
    width: 140px;
    left: 26px;
    padding-right: 12px;

}

.subcol-vdivider3
{
    float: left;
    height: 220px;
    width: 1px;
    left:26px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
    position: relative;
}

.fourcol-subcol4
{
    float: left;
    width: 152px;
    left: 35px;
    position: relative;

}

/*.col1-galprva {
	float: left;
	width: 140px;
	position: relative;
}

.col1-galprva img
{
    float: left;
    margin-right: 8px;
}

.col2-galprva {
	float:left;
	width: 140px;
	left: 20px;
	position: relative;
}

.col2-galprva img 
{
    float: left;
    margin-right: 8px;
}*/

.col1-galprva {
	float: left;
	width: 143px;
	/*height: 70px;*/
	position: relative;
}

.col1-galprva img
{
    float: left;
    margin-right: 8px;
}

.col2-galprva {
	/*height: 70px;*/
	float:left;
	width: 143px;
	left: 20px;
	position: relative;
}

.col2-galprva img 
{
    float: left;
    margin-right: 8px;
}

.col3-galprva {
	/*height: 70px;*/
	float:left;
	width: 143px;
	left: 40px;
	position: relative;
}

.col3-galprva img 
{
    float: left;
    margin-right: 8px;
}

.col4-galprva {
	/*height: 70px;*/
	float:left;
	width: 143px;
	left: 60px;
	position: relative;
}

.col4-galprva img 
{
    float: left;
    margin-right: 8px;
}


.col-prva-full {

    float: left;
	width: 1032px;
	/*height: 70px;*/
	position: relative;

}

/* jedna kolona - full width */

.col-full {
	float: left;
	width: 652px;
	/*height: 70px;*/
	position: relative;
}

.thumbnail 
{
    float:left;
    margin-right: 16px;
    width:100px;
    height:65px;
}

.thumbnail img 
{
    position:absolute;
    clip: rect(0px,100px,65px,0px);

}

.thumbnail300 
{
    float:left;
    margin-bottom: 10px;
    width:300px;
    height:180px;
}

.thumbnail300 img 
{
    position:absolute;
    clip: rect(0px,300px,180px,0px);
    width:300px;
    /*height:200px;*/

}

.col-full h5 
{
    font-size:16px;
    font-weight:normal;
    font-family: georgia,"times new roman",serif;
    padding-top: 3px;
    padding-bottom:8px;
}



/* anketa */

.anketa
{
    margin-bottom: 15px;
    float: left;
    position: relative;
    width: 290px;
    font-size: 12px;
    /*background-color: #FFFFCC;*/
    padding:5px;
}

.anketa-tipka {
    
    margin-top:20px;
    text-align:center;
}

.anketa-pitanje
{
    margin-bottom:10px;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:26px;
    font-weight:normal;

}

/*.anketa-tipka
{
    margin-top: 6px;
    text-align: center;
}*/


.anketa label 
{
    padding-left:6px;
}

.anketa li
{
    margin-bottom:4px;
}

.ank-prvakolona
{
    float: left;
    width:150px;
    padding-bottom:6px;
    
}

.ank-drugakolona
{
    float: left;
    padding-bottom:6px;
    width:100px;
}

.ank-posto
{
    float: left;
    width: 37px;
    padding-bottom: 6px;
    padding-right:3px;
    text-align: right;
    font-size: 11px;
}

.anketa-box
{
    border: 1px solid #C0C0C0;
    border-radius: 8px;
    width: 560px;
    padding: 28px;
    /*float: left;*/
    margin-bottom: 10px;
    font-size: 16px;
    position:relative;
}

.anketa-box-stare
{
    border: 1px solid #C0C0C0;
    border-radius: 8px;
    width: 470px;
    padding: 28px;
    /*float: left;*/
    margin: 10px;
    margin-bottom:20px;
    font-size: 16px;
    position:relative;
}

.clearfix {
    overflow: auto;
}

.anketa-center {

    margin-left:auto;
    margin-right:auto;
    width: 540px;

}

.anketa-col1 {
    float:left;
    width:480px;
}

.anketa-col2 {
    float:left;
    width:480px;
    margin-left:40px;
}

.anketa-full-frame {
    width:1000px;
    clear:both;
}

.anketa-nova
{
    margin-bottom: 15px;
    float: left;
    position: relative;
    /*width: 290px;*/
    font-size: 12px;
    /*background-color: #FFFFCC;*/
    padding:5px;
}

.anketa-nova-pitanje
{
    margin-bottom:24px;
    font-size: 24px;
    font-weight:bold;
    /*text-shadow: 0 0 2px #990000;*/
}

.ank-nova-prvakolona
{
    float: left;
    width:400px;
    padding-bottom:6px;
    clear:left;
    font-size: 14px;
}

.ank-nova-drugakolona
{
    float: left;
    padding-bottom:6px;
    min-width:3px;
    background-image:url('../img/ank.gif');
    height:8px;
    font-size: 14px;
    margin-bottom: 16px;
    clear:left;
    
}

.ank-nova-posto
{
    float: left;
    width: 37px;
    padding-bottom: 6px;
    padding-left:6px;
    /*text-align: right;*/
    font-size: 11px;

}

.anketa-stare
{
    margin-bottom: 15px;
    float: left;
    position: relative;
    /*width: 290px;*/
    font-size: 12px;
    /*background-color: #FFFFCC;*/
    padding:5px;
}

.anketa-stare-pitanje
{
    margin-bottom:10px;
    font-size: 18px;
    font-weight:bold;
    clear:left;
    padding-top:6px;
}


.ank-stare-prvakolona
{
    float: left;
    /*width:394px;*/
    
    padding-bottom:6px;
    clear:left;
    font-size: 14px;
    
}

.ank-stare-drugakolona
{
    float: left;
    padding-bottom:6px;
    min-width:3px;
    background-image:url('../img/ank.gif');
    height:8px;
    font-size: 14px;
    margin-bottom: 16px;
    clear:left;
}

.ank-stare-posto
{
    float: left;
    width: 37px;
    padding-bottom: 6px;
    padding-left:6px;
    /*text-align: right;*/
    font-size: 11px;
}

.ank-stare-crta 
{
    /*background-image: url('../img/red-dot.gif');
    background-repeat:repeat-x;*/
    height:6px;
    float:none;
    clear:both;
    font-size: 2px;
    color:crimson;
    padding-bottom:12px;
    width:400px;
}

.ank-stare-datum 
{
    float: left;
    clear:both;
    font-size: 11px;
}

.rbAnketa li
        {
            color:#666;
            padding:5px;
        }
.rbAnketa label {
    margin-left:10px;
}

.ngalerije-block
{
    width:220px;
    /*height:180px;*/
    float:left;
    margin-right:40px;
}

.ngalerije-block-tekst
{
    padding:8px;
    font-family:georgia,"times new roman",serif;
    font-size:16px;
    background-color:#eee;
    border-bottom:dotted;
    border-bottom-color:#fff;
    border-bottom-width:4px;
    /*border-top:dotted;
    border-top-color:#fff;
    border-top-width:4px;*/
    color:#888;
}

.ngalerije-block-last
{
    width:220px;
    /*height:180px;*/
    float:left;
    /*margin-right:20px;*/
}

/*.ankline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	clear: both;
	float: none;
	margin-bottom:5px;
	margin-top: 10px;
}*/


/* naslovi, nadnaslovi, podnaslovi */

.naslovi-container 
{
    float:left;
    /*margin-top:5px;*/
    margin-bottom:5px;
    margin-top:10px;
    width:100%;
}



.naslovi-container h2 /* nadnaslov */
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.naslovi-container h1 /* naslov */
{
    font-size: 22px;
    line-height:26px;
    font-weight: normal;
    
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-bottom:8px;
    
}

.naslovi-container h3
{
    font-size: 12px;
    font-weight: normal;
    /*color: #234b7b;*/
    color: #111;
    text-transform: uppercase;
}

.naslovi-container h4 
{
    font-size:16px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-top: 3px;
    padding-bottom:8px;
}

.naslovi-container h5 /* podnaslov-rubrika **/
{
    font-size: 16px;
    font-weight: normal;
}

.naslovi-container img 
{
    
    margin-bottom:8px;
}

.naslovi-container-prva 
{
    float:left;
    /*margin-top:5px;*/
    margin-bottom:5px;
    margin-top:15px;
    width:100%;
    
    
}

.naslovi-container-prva h2
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.naslovi-container-prva h1
{
    font-size: 20px;
    line-height:22px;
    font-weight: normal;
    
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-bottom:8px;
}

.naslovi-container-prva h3
{
    font-size: 12px;
    font-weight: normal;
    /*color: #234b7b;*/
    color: #111;
    text-transform: uppercase;
}



.naslovi-desno-container  
{
    margin-bottom:15px;
    float:left;
    position:relative;
    width:300px;
}

.naslovi-desno-container h2 
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.naslovi-desno-container h1
{
    font-size: 20px;
    line-height:22px;
    font-weight: normal;
    
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-bottom:8px;
}

.naslovi-desno-container h3 
{
    font-size:12px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    /*padding-top: 8px;*/
}

.naslovi-desno-container h4 
{
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-top: 3px;
    padding-bottom:8px;
}

.naslovi-desno-container img
{
    float:right;
    margin-left:8px;
    margin-bottom:3px;
}

.naslovi-negativ-desno 
{
    width: 290px;
    background-color:Black;
    padding:8px 8px 8px 8px;
    margin-bottom:15px;
    float:left;
    position:relative;
    
}

.naslovi-negativ-desno a
{
    color:White;
}

.naslovi-negativ-desno img
{
    float:right;
    margin-bottom:8px;
    margin-right:8px;
}


.naslovi-negativ-desno h2 
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    color:#FFF;
}

.naslovi-negativ-desno h1
{
    font-size: 20px;
    line-height:22px;
    font-weight: normal;
    
    color: #FFF;
    font-family: georgia,"times new roman",serif;
    padding-bottom:8px;
}

.naslovi-negativ-desno h3 
{
    font-size:12px;
    font-weight:normal;
    color: #FFF;
    /*padding-top: 8px;*/
}

.naslovi-negativ-desno h4 
{
    font-size:16px;
    font-weight:normal;
    color: #FFF;
    font-family: georgia,"times new roman",serif;
    padding-top: 3px;
    padding-bottom:8px;
}

/* igre */

.igra-play
{
    width: 910px;
    margin-left: 8px;
    padding: 20px;
    border: 3px solid #33CC33;
    border-radius: 15px;
    background-color: #FFFFCC;
    margin-top: 20px;
}

.igra-play-main
{
    width:700px;
    position: relative;
    float:left;
    text-align:center;
}

.igra-play-tekst 
{
    position: relative;
    float:left;
    left:20px;
    width:190px;
}

.igra-play-tekst  h1
{ 
    font-size: 20px; 
    font-family: arial,sans-serif;
}

.igra-play-tekst h2
{
    font-size: 16px;
    font-family: arial,sans-serif;
    line-height: 28px;
}

.igra-play-tekst  h3
{ 
    font-size: 14px; 
    font-family: arial,sans-serif;
}


.igre-container
{
    width: 972px;
    min-height: 100%;
    margin: 0 auto;
    background: #FFCC66; /*background:#FFF;*/
    padding: 0 15px;
    /*background-image: url('../img/igre-back.jpg');*/
    background-repeat: repeat-y;
}

.igra
{
    padding: 10px;
    border: 3px solid #33CC33;
    border-radius: 15px;
    width: 205px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #FFFFCC;
}

.igra img 
{
    float:left;
    margin-right:8px;
    
}

.igra h1
{
    font-family: arial, sans-serif;
    font-size: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    margin-left:98px;
    margin-bottom:5px;
    margin-top:5px;
}

.igreheader
{
    border: 2px solid #FFFF99;
    background-color: #33CC33;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    width: 935px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    margin-bottom: 15px;
}

.igreheader2
{
    border: 2px solid #FFFF99;
    background-color: #FF9900;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    width: 935px;
    padding-top: 3px;
    padding-bottom :3px;
    padding-left: 15px;
    margin-bottom: 15px;
}

.igre-meni{
	width: 100%;
	font-family: arial,sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
	font-style: normal;
	text-decoration: none;
	
}

.igre-meni ul
{
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    background: #FFFFCC;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e2e2e2;
    border-right-color: #e2e2e2;
    border-bottom-color: #e2e2e2;
    border-left-color: #e2e2e2;
    margin-top: 2px;
}

.igre-meni ul li{
display: inline;
}

.igre-meni ul li a
{
    float: left;
    color: #000;
    padding: 3px 11px 3px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
}

.igre-meni ul li a:visited{
color: #000;
}

.igre-meni ul li a:hover, .igre-meni ul li .selected{
	color: #000000 !important;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #e2e2e2;
}

.igre-meni ul li h1
{
    float: left;
    color: #FFCC00;
    padding: 5px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
    background-color: #234b7b;
    font-weight: bold;
    width:100px;
}

.igre-meni ul li h2
{
    float: left;
    color: #FFCC00;
    padding: 5px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
    background-color: #006600;
    font-weight: bold;
    width: 100px;
}




.fb-comm
{
    width: 652px;
    text-align: left; /*clear: both;*/ /*height: 25px;*/
    color: #FFFFFF;
    margin-left: 160px;
    margin-right: 160px;
}

.fb-friends
{
    width: 300px;
    height: 25px;
    background-color: #3b5998;
    color: #FFFFFF;
    padding-top: 7px;
    /*padding-bottom: 5px;*/
    text-align: center;
    font-size: 14px;
}

.like-buttons{
    float: left;
    width: 652px;
    height:40px;
}

.like-buttons-col1 
{
    float:left;
    width:150px;
    position:relative;
}

.like-buttons-col2 
{
    float:left;
    left:10px;
    position:relative;
}

/* promo rubrika */

.promo-prva-desno
{
    border: 8px solid #DDDDDD;
    padding: 8px 8px 8px 8px;
    margin-bottom: 15px;
    float: left;
    position: relative;
    width: 268px;
}

.promo-container  
{
    /*margin-bottom:15px;*/
    float:left;
    position:relative;
    width:100%;
}

.promo-container img
{
    float:right;
    margin-left:8px;
    margin-bottom:3px;
}

.promo-container h2 
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.promo-container h1
{
    font-size: 20px;
    line-height:22px;
    font-weight: normal;
    
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-bottom:8px;
}

.promo-container h3 
{
    font-size:12px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    /*padding-top: 8px;*/
}

.promo-container h4 
{
    font-size:16px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-top: 3px;
    padding-bottom:8px;
}


/* kolumne-prva */

.kolumne-prva-desno
{
    /*border: 1px dashed #C0C0C0;
    padding: 8px 8px 8px 8px;
    margin-bottom: 15px;
    float:left;
    position:relative;*/
    /*width:283px;*/

    color:#444;
    font-family: georgia,"times new roman",serif;

}

.boja {

    /*background-color:#f7f2ee;*/
    background-color:#f6f6f6;

    border-bottom-width:10px;
    border-bottom-color:#fff;
    border-bottom-style:double;

    border-top-width:10px;
    border-top-color:#fff;
    border-top-style:dotted;

    float:left;
    position:relative;

    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    padding-top:10px;

}

.boja2 {

    background-color:#f6f6f6;

    border-bottom-width:10px;
    border-bottom-color:#fff;
    border-bottom-style:double;

    border-top-width:10px;
    border-top-color:#fff;
    border-top-style:double;

    float:left;
    position:relative;

    padding:20px;


}


.kolumne-prva-desno img
{
    float:left;
    margin-bottom:8px;
    margin-right:8px;
    clear:both;
}

.kolumne-prva-desno h3
{
    font-size: 22px;
    line-height:28px;
    
    /*font-weight: bold;
    margin-bottom: 8px;
    padding-bottom:4px;*/
    /*border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    clear:both;*/
}

.kolumne-prva-desno h2
{
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 12px;
    float:left;
}

.kolumne-prva-desno h1
{
    font-size: 26px;
    font-weight: normal;
    float:left;
    /*color:#222;*/
    margin-bottom: 8px;
}

.kolumne-prva-desno h4
{
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    float:left;
}

/*kolumne.aspx*/

.kolumnist{
	/*width: 652px;*/
	/*clear: both;*/
	/*float: left;*/
	margin-top: 5px;
	margin-bottom: 10px;
}

.kolumnist-ime{
	
	font-size: 16px;
    line-height:20px;
	color: #666666;
}

.kolumnist-ime-veci
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #222222;
    float:right;
}

.kolumnist-email{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	padding: 5px;
}

.kolumnist-kolnaziv
{
    font-size: 18px;
    line-height: 24px;
    /*font-weight: bold;*/
    text-transform: uppercase;
}

.kolumnist-kolnaziv2
{
    border: 1px dotted #C0C0C0;
    font-size: 24px; /*font-weight: bold;*/
    color: #000; /*background-color: #aaaaaa;*/
    margin-bottom: 4px;
    padding:12px;
}

.kolumnist-kolnaslov{
	
	font-size: 32px;
	line-height: 38px;
	color: #990000;
	margin-top: 6px;
    margin-bottom:15px;
}

.kolumnist-foto{
	margin-right: 15px;
	margin-left: 10px;
	clear: none;
	float: left;
}

.kolumnist-body
{
    font-size: 16px;
    line-height: 22px;
    font-family:arial,sans-serif;
    color: #222;
   
}

.datum-objave
{
    font-family: arial,sans-serif;
    font-size: 12px;
    line-height: 200%;
    color: #666666;
    width: 100%;
    margin-bottom: 5px; /*clear: both;
	float: none;*/
}



/* grupa */

.grupa-header
{
    /*font-size: 18px;
    padding-bottom: 15px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    margin-bottom:20px;*/
}

.grupa-header img
{
    padding-top:10px;
    padding-bottom:15px;
}


/* podstranica - vijest.aspx */

.foto-opis
{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom:3px;
    color: #FFFFFF;
    font-size: 11px;
}

.foto-autor
{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    color: #FFFFFF;
    text-align: right;
    font-style: italic;
    font-size: 11px;
}

.video-opis
{
    /*margin-bottom: 20px;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom:3px;
    color: #FFFFFF;
    font-size:11px;
}


.negativ-mali
{
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 3px;
}

.gore-dolje {
    margin-top:5px;
    margin-bottom:5px;
}

.glavna-vijest-naslov 
{
    text-decoration: none;
    font-size:3.5em;
    line-height: 46px;
    /*font-weight: bold;*/
    
    font-family: georgia,"times new roman",serif;
    color: #222;
    
    padding-left:20px;
    display:inline-block;
    margin-bottom:20px;
}

.vijest-naslov 
{
    text-decoration: none;
    font-size: 40px;
    line-height: 42px;
    /*font-weight: bold;*/
    /*padding-bottom:4px;*/
    font-family: georgia,"times new roman",serif;
    color: #222;
    padding-left:20px;
    display:inline-block;
    margin-bottom:15px;
}

.vijest-naslov-manja 
{
    text-decoration: none;
    font-size: 26px;
    line-height: 30px;
    /*font-weight: bold;*/
    /*padding-bottom:4px;*/
    font-family: georgia,"times new roman",serif;
    color: #222;
    padding-left:10px;
    display:block;
    /*margin-bottom:5px;*/

}

.glavna-vijest-nadnas 
{
    text-decoration: none;
    font-size: 1.4em;
    line-height: 18px;
    /*font-weight: bold;*/
    
    padding-left:20px;
    display:inline-block;
    margin-bottom:10px;
    
    
    
}

.vijest-nadnas 
{
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    /*font-weight: bold;*/
    margin-bottom:6px;
    display:block;
    
}

.vijest-fotovideo 
{
    margin-bottom:20px;
}

.vijest-podnas 
{
    font-family:georgia,"times new roman",serif;
    font-size: 18px;
    line-height: 22px;
    /*margin-top:5px;*/
    margin-bottom:25px;
    color: #222;
    display:block;
    padding-left:20px;
}


.vijest-body
{
    font-size: 16px;
    line-height: 26px;
    font-family:arial,sans-serif;
    color: #222;
}

/*.vijest-body::first-letter
{
    font-size: 200%;
    padding-right:2px;
}*/


/* !Text overlays */

.glavna-vijest-up {
    position:relative;
  clear:none;
  float: left;
  overflow:hidden;
  padding: 0;
  margin-bottom: 10px;
  bottom:50px;
}

.image-unit {
  position:relative;
  clear:none;
  float: left;
  /*overflow:hidden;*/
  padding: 0;
  margin-bottom: 10px;
}

.image-unit-aktualno {
  position:relative;
  clear:both;
  /*float: left;*/
  /*overflow:hidden;*/
  padding: 0;
  /*margin-bottom: 20px;*/
}


/*.image-unit-glavna-vijest {
  position:relative;
  clear:none;
  float: left;
  overflow:hidden;
  padding: 0;
  margin-bottom: 10px;
  bottom:50px;
}*/

.image-unit .image {
  position:relative;
  z-index:1;
  
}

.image-unit div {
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  z-index:2;
  text-align:left;
  bottom: -16px;
  padding-bottom:8px;
  
}

.image-unit-aktualno .image {
  position:relative;
  z-index:1;
}

.image-unit-aktualno div {
  /*display:block;*/
  position:inherit;
  /*bottom:0;*/
  left:0;
  z-index:2;
  text-align:left;
  bottom: 32px;
  margin-bottom:-32px;
  /*background:#ddd;*/
  
}

.entry-title 
{
    padding-left:10px;
    width:640px;

}

.entry-title2 
{
    padding-left:10px;
    width:290px;
     
}

.image-unit div a.image-unit-h1 {
    background-color:#000;
    padding:2px 2px 2px 0px;
    color: #fff;
    text-decoration: none;
    font-size: 32px;
    line-height: 43px;
    font-weight: bold;
}

.image-unit div a.image-unit-h2 {
    background-color:#000;
    padding:2px 2px 2px 1px;
    /*color: #f9e32a;*/
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    line-height: 17px;
    font-weight: bold;
}

.image-unit div a.image-unit-h3 {
    background-color:#fff;
    padding:4px 4px 4px 4px; /*zadnji je bio 1px*/
    padding-left:10px;
    margin-right:10px;
    color: #000;
    text-decoration: none;
    font-size: 14px; /*14px*/
    /*font-weight:bold;*/
    line-height: 20px;
    display:block;
    top:40px;
}

.image-unit-aktualno div a.image-unit-h3-aktualno {
    font-family:georgia,"times new roman",serif;
    background-color:#fff;
    /*padding:4px 4px 4px 4px; /*zadnji je bio 1px*/
    padding-left:10px;
    margin-right:10px;
    padding-top:10px;
    color: #222;
    text-decoration: none;
    font-size: 18px; /*14px*/
    line-height: 22px;
    display:block;

}


.image-unit div a.image-unit-h1a {
    background-color:#000;
    padding:2px 2px 2px 0px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.image-unit div a.image-unit-h2a {
    background-color:#000;
    padding:2px 2px 2px 1px;
    color: #f9e32a;
    text-decoration: none;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
}

.image-unit div a.image-unit-h3a {
    background-color:#fff;
    padding:2px 2px 2px 1px;
    padding-left:6px;
    /*margin-right:6px;*/
    color: #000;
    text-decoration: none;
    font-size: 11px;
    font-weight:bold;
    line-height: 16px;
    display:block;
    top:40px;
}


.body-mn
{
    font-size: 17px;
    line-height: 22px;
    font-family: arial,sans-serif;
    color: #222;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.tokvir
{
    /*padding: 7px;
    background-color: #F0EFB5;
    margin-top:15px;
    float:left;
    position:relative;
    width:638px;*/
    border: 1px solid #ddd;
    border-radius: 10px;
    width:652px;
    /*height:110px;*/
    padding:20px;
    padding-left:30px;
    padding-right:30px;
    float:left;
    margin-bottom:15px;
    margin-top:15px;
}

.tokvir-ns
{
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom:5px;
    padding-top:7px;    
}

.tokvir-nn
{
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom:5px;
    padding-top:7px;
}

.tokvir-mn
{
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom:5px;
    padding-top:7px;
}




.okvir-desno
{
    float: right;
    position: relative;
    width: 240px;
    margin-left: 15px;
    margin-bottom: 7px;

}

.okvir-vezani
{
    border: 1px dashed #808080;
    padding: 7px;
    font-family: arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom:10px;
}

.okvir-desno h1
{
    font-size: 24px; /*line-height:22px;*/
    line-height:28px;
    font-weight: normal;
    /*color: #234b7b;*/
    color: #999;
    font-family: georgia, "times new roman" ,serif;
    /*padding-bottom: 5px;*/
    margin-bottom:12px;
}

.okvir-desno h3  /*nadnas*/
{
    font-size:12px;
    line-height:17px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    padding-top: 8px;
}

.okvir-desno h4  /*naslov*/
{
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    padding-top: 3px;
    padding-bottom:8px;
}

.okvir-desno img
{
    float:left;
    margin-bottom:3px;
    margin-right:8px;
}

.jos-vijesti 
{
    margin-top:22px;
    margin-bottom:15px;
    width:652px;
}

/*.jos-vijesti img
{
    float:none;
    margin-right:8px;
    margin-bottom:10px;
}*/

.subcol1 
{
    float: left;
    width: 204px;
    position: relative;
}

.subcol2 
{
    float: left;
    width: 204px;
    position: relative;
    margin-left:20px;
}

.subcol3 
{
    float: left;
    width: 204px;
    position: relative;
    margin-left:20px;
}

.grupaprva-vijesti 
{
    margin-top:22px;
    margin-bottom:15px;
    /*width:652px;*/
}

.grupaprva-vijesti h3 /*nadnas*/
{
    font-size:12px;
    line-height:15px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    /*padding-top: 8px;*/
}

.grupaprva-vijesti h4 /*naslov*/
{
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    padding-top: 3px;
    padding-bottom:8px;
}

.grp-subcol1 
{
    float: left;
    width: 232px;
    position: relative;
    /*display:block;*/
}

.grp-subcol2 
{
    float: left;
    width: 232px;
    position: relative;
    margin-left:20px;
    /*display:block;*/
    /*min-height:200px;*/
}


.thumbnail-fn 
{
    /*float:left;*/
    margin-right: 16px;
    width:100px;
    height:65px;
    margin-bottom:12px;
}

.thumbnail-fn img 
{
    position:absolute;
    clip: rect(0px,100px,65px,0px);

    display: inline-block;
	border: solid 0px #fff;
	overflow: hidden;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
	/*border-radius: 6px;*/

    -webkit-border-top-right-radius: 6px;
	-moz-border-radius: 6px;
    border-top-right-radius:6px;

    -webkit-border-top-left-radius: 6px;
	-moz-border-radius: 6px;
    border-top-left-radius:6px;
}

.jos-vijesti h3 /*nadnas*/
{
    font-size:12px;
    line-height:15px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    /*padding-top: 8px;*/
}

.jos-vijesti h4 /*naslov*/
{
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    /*color: #234b7b;*/
    color: #111;
    padding-top: 3px;
    padding-bottom:8px;
}


.okvir-vijesti
{
    width: 240px;
    font-family: arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    /*border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #990000;*/
    margin-bottom:20px;
    
}

.okvir-podrubrike
{
    padding: 10px 10px 20px 10px;
    border: 1px solid #CFCFCF; /*margin-left: 5px;
    margin-bottom: 3px;*/
    float: left;
}

.okvir-podrubrike h5
{
    background-color: #234b7b;
    color: #FFFFFF;
    padding:3px;
    margin-bottom:5px;
}



/* naslovi rubrika */

.rubnaslov-gray
{
    /*background-image: url('../img/dots-grey.gif');
    background-repeat: repeat;
    height: 18px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;*/
    margin-bottom: 10px;
    /*margin-top: 10px;*/
    /*padding-top: 3px;*/
    padding-bottom: 3px;
    /*border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bbb;*/

    
    /*float:left;
    width:100%*/;
}

.imerubrike-black
{

    font-size: 32px; 
    font-family:arial,sans-serif;
    color:#888;

    /*height: 18px;
    padding: 2px;*/

}


/*oglasnik*/

.oglasnik-naslov 
{
    text-decoration: none;
    font-size: 32px;
    line-height: 38px;
    /*font-weight: bold;*/
    padding-bottom:5px;
    font-family: georgia,"times new roman",serif;
    color: #222;
}

.oglasnik-okvir {
	padding:7px;
	border: 1px solid #A01805;
	margin-bottom:7px;
}

.ogl-small 
{
    font-family:arial,sans-serif;
    font-size:11px;
    line-height:12px;
}



/* fotografije, potpisi i navigacija - galerija */



.foto-potpis
{
    padding: 5px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #000000;
    width:642px;
    float:left;
    position:relative;
}

.foto-nav
{
    border-color: #C0C0C0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom:3px;
    font-size:11px;
    background-color: #000000;
    color: #FFFFFF;
    float: left;
    position: relative;
    width: 636px;
    border-top-style: solid;
    border-top-width: 1px;
    /*margin-bottom:20px;*/
}

.foto-nav-col1
{
    float:left;
    position:relative;
    width:208px;
}

.foto-nav-col1 a
{
    color:White;
}


.foto-nav-col2
{
    float:left;
    position:relative;
    width:210px;
    left:1px;
    text-align: center;
    
}

.foto-nav-col3
{
    float: left;
    position: relative;
    width: 208px;
    left:2px;
    text-align: right;
}

.foto-nav-col3 a
{
    color:White;
}



.centrirano
{
    width: 100%;
    text-align: center;
}


.loader
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 35%;
    left: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.galerija
{
    text-align: center;
    width:100%;
}

.gal-image 
{
    position:relative; 
    top:45%;
}

.galerija-nav
{
    width:100%;
    height:50px;
}

.galerija-nav-col1
{
    float: left;
    cursor: pointer;
    /*background-color: #000000;
    color: #FFFFFF;*/
    /*height: 14px;*/
	width:800px;
	text-align:left;
}

.galerija-nav-col2
{
    float:right;
    cursor:pointer;
    /*background-color: #000000;
    color: #FFFFFF;*/
}

.galerije-block
{
    width:140px;
    /*height:180px;*/
    float:left;
    margin-right:20px;
}

.galerije-block-last
{
    width:140px;
    /*height:180px;*/
    float:left;
}

.galerije-block-img
{
    /*padding-right:15px;*/
}

.galerije-block-tekst
{
    padding:5px;
    background-color:Black;
    color:White;
}

.pocetakreda
{
    float:left;
    
    width: 100%;
    margin-bottom: 20px;
}

/* crtezi */

.crtezi-col1
{
    float:left;
    position:relative;
    width:304px;
    text-align: left;
    padding-left:60px;
}

.crtezi-col2
{
    float:left;
    position:relative;
    width:304px;
    text-align: left;
    
}

.crtezi-col3
{
    float: left;
    position: relative;
    width: 280px;
    text-align: left;
    /*padding-right:350px;*/
}


.crtezi-god-col1
{
    float:left;
    position:relative;
    width:304px;
    text-align:right;
    padding-left:5px;
    padding-right:20px;
    font-family:Book Antiqua;
    font-size: 48px;
    
}

.crtezi-god-col2
{
    float:left;
    position:relative;
    width:280px;
    text-align:left;
    padding-left:35px;
    font-family:Book Antiqua;
    font-size: 48px;
    
}

.crtezi-god-col3
{
    float: left;
    position: relative;
    width: 260px;
    text-align:center;
    padding-left:15px;
    font-family:Book Antiqua;
    font-size: 48px;
    /*padding-right:350px;*/
}

.crtezi-god2-col1
{
    float:left;
    position:relative;
    width:290px;
    text-align:right;
    padding-left:65px;
    
    font-family:Book Antiqua;
    font-size: 48px;
    
}

.crtezi-god2-col2
{
    float:left;
    position:relative;
    width:290px;
    text-align:left;
    padding-left:45px;
    font-family:Book Antiqua;
    font-size: 48px;
    
}

.crtezi-god2-col3
{
    float:left;
    position:relative;
    width:290px;
    text-align:left;
    padding-left:35px;
    font-family:Book Antiqua;
    font-size: 48px;
    
}

.imeskole
{
    padding-bottom: 10px;
}

.crtezi-subheader
{
    margin-left:200px;
}

.crtezi-naslovnalink 
{
    text-align: right;
    margin-top: -20px;
}

/* pretraga */

.search-nav
{
    width: 290px;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
    /*text-align:center;*/
    /*margin-bottom:30px;*/
}

.search-nav-col1
{
    float:left;
    position:relative;
    /*width:80px;*/
    /*text-align: left;*/
    /*margin-left:310px;*/
}

.search-nav-col2
{
    float:left;
    position:relative;
    margin-left:26px;
    /*width:80px;*/
    /*text-align: center;*/
    /*margin-left:80px;*/
    
}

.search-nav-col3
{
    float: left;
    position: relative;
    margin-left:26px;
    /*width: 80px;*/
    /*text-align: right;*/
    /*margin-left:80px;*/
}

.search_izbor td
{
    padding: 5px;
}


/* arhiva */

.arhiva-info 
{
    font-size:14px;
    /*margin-top:10px;*/
    margin-bottom:5px;   
}



/* razno */

.modalbox
{
    text-align: center;
    z-index: 9999;
    position: relative;
    padding:10px;
}

.modalbox-text
{
    text-align: left;
    padding: 10px;
    color: #FFFFFF;
}

/* calendar */

.calTitle
{
    font-size: 12px;
	background-color:#eee;
	color: black;
	width: 100px;
}


/* pretplata */

.pretplata-box 
{
    /*border: 1px solid #C0C0C0;
    border-radius: 15px;*/
    width: 800px;
    /*padding: 12px;*/
    /*float: left;*/
    margin: 10px;
    margin-bottom:30px;
    font-size: 14px;
    line-height: 18px;
        
}

.pretplata-box h1
{
    font-size: 22px;
    line-height:26px;
    font-weight: bold;
    margin-bottom:8px;
    /*margin-top:14px;*/
}

.pretplata-img
{
    margin:10px;
}

.tabmarketing{
	font-size: 18px;
    line-height:22px;
	font-weight: normal;
	padding: 4px;
}

.tabsivirow{
	background-color: #EEE;
    height:30px;
    
}

.tabbijelirow{
	background-color: #FFF;
    height:40px;
}


/* impressum */

.imp-col1 
{
    float:left;
    width:485px;
}

.imp-col2 
{
    float:left;
    width:485px;
    margin-left:30px;
}


.imp-box
{
    border: 1px solid #C0C0C0;
    border-radius: 15px;
    width: 470px;
    padding: 25px;
    /*float: left;*/
    margin-bottom: 40px;
    
    font-size: 16px;
    line-height: 24px;
}

.imp-box h1
{
    font-size: 22px;
    font-weight: bold;
    margin-bottom:8px;
    /*margin-top:14px;*/
}

.imp-box img 
{
    margin-bottom:8px;
}

/*fb*/

.fb-prva-box
{
    border: 1px solid #C0C0C0;
    border-radius: 15px;
    width: 292px;
    padding: 4px;
    /*float: left;*/
    margin-bottom: 10px;
    margin-top:10px;
    
    font-size: 14px;
    line-height: 18px;
}


/* marketing */

.cjenik
{
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    width:294px;
    /*height:130px;*/
    padding:18px;
    float:left;
    margin:20px;
}

.cjenik-naslov 
{
    margin-bottom:25px;
    font-size: 20px;
}

.cjenik-naslov h1
{
    font-size: 26px;
    margin-bottom:6px;
}

.cjenik-link
{
    /*background-color: #DEDEDE;*/
    padding:5px;
    font-size: 16px;
}

.cjenik-link img
{
    float: left;
    margin-right: 8px;
}

.cjenik-tekst
{
    clear: both;
    font-size: 16px;
    margin:10px;
    padding-top:35px;
}

/* pretraga */

.search-box
{
    width: 500px;
    height: 25px;
    font-size: 16px;
}

.centerdiv
{
    /*display: inline-block;*/
    text-align: center;
    width: 970px;
}


/* sveucilisni glasnik */

.sglasnik-col1 
{
    float:left;
    width:350px;
}

.sglasnik-col2 
{
    float:left;
    width:240px;
    left:30px;
}

.sglasniknaslov {
	
	font-size: 16px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 5px;
}

.sglasniktekst {
	
	font-size: 12px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 5px;
}


/* za stare okvire unutar teksta */

.tablicacitat  /*okvir unutar teksta*/
{
	border:0px solid #B1AA99;
	background-color:#EEEEDD;
	width: 220px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;

}

.tablicanaslov {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 5px;
}

.citat 
{
	display:block;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 15px;
	padding-left: 12px;
	color: #333333;
}

.slide-panel 
{
    position:fixed;
    /*right:0px;*/
    width:100%;
    bottom:0px;
    left:0px;
}

.cpHeader
        {
            color: white;
            background-color: #719DDB;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            width:450px;
            height:18px;
            padding: 4px;           
        }
        .cpBody
        {
            background-color: #DCE4F9;
            font: normal 11px auto Verdana, Arial;
            border: 1px gray;               
            width:450px;
            padding: 4px;
            padding-top: 7px;
        }


/* AjaxToolkit TabControl styles */

/* xp theme */
.ajax__tab_xp2 .ajax__tab_header
{
    font-family: arial,sans-serif;
    font-size: 16px; /*11px*/
    line-height:20px;
    margin-bottom:12px;
    color:#444;
    /*background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;
    background: url('../images/tab-line.gif');*/
}

.ajax__tab_xp2 .ajax__tab_outer {
    padding-right:4px;
    /*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;*/
    /*height:21px;*/
}

.ajax__tab_xp2 .ajax__tab_inner {
    padding-left:3px;
    /*background: url('../images/tab-left.gif') no-repeat;*/
}

.ajax__tab_xp2 .ajax__tab_tab {
    /*height:13px;*/
    padding:4px;
    margin:0;
    /*background: url('../images/tab.gif') repeat-x;*/
}

/* hover **/
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {
    /*background: url('../images/tab-hover-right.gif') no-repeat right;*/
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner
{
    /*background: url('../images/tab-hover-left.gif') no-repeat;*/
    cursor: pointer;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {
    /*background:url('../images/tab-hover.gif') repeat-x;*/
    font-weight:bold;
}

/* active */
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {
    /*background:url('../images/tab-active-right.gif') no-repeat right;*/
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {
    /*background:url('../images/tab-active-left.gif') no-repeat;*/
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {
    /*background:url('../images/tab-active.gif') repeat-x;*/
    font-weight:bold;
}

/* body */
.ajax__tab_xp2 .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:18px;
    /*border:1px solid #999999;
    border-top:0;*/
    padding:4px;
    background-color:#ffffff;

}

/*za tab */
.tab-prva-desno  
{
    margin-bottom:5px;
    margin-top:5px;
}

.tab-prva-desno h2
{
    font-size:12px;
    font-weight: normal;
    margin-bottom: 5px;
}

.tab-prva-desno h1
{
    font-size: 18px;
    line-height:20px;
    font-weight: normal;
    /*color: #234b7b;*/
    color: #111;
    font-family: georgia,"times new roman",serif;
    padding-bottom:16px;
}


.big-number {
    font-family: arial,sans-serif;
    font-size:38px;
    font-weight:bold;
    display:inline-block;
    color:#888;
    vertical-align: top;
    margin-right:10px;
    float: left;
    clear:both;
}

#mojposao-combo
{
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}

.col1-menu 
{
    float:left;
    width:280px;
    /*background:#ddd;*/

}

.col2-menu
{
    float:left;
    width:280px;
    margin-left:40px;
    position:relative;

}

.col3-menu
{
    float:left;
    width:280px;
    margin-left:40px;
    position:relative;
    
}

#clickMenu {
    float:right;
    padding-top:3px;
    cursor:pointer;
}

#panelMenu {

    margin-top:34px;
    padding:20px;

    font-size:14px;
    line-height:18px;
    /*border-width:1px;
    border-color:#888;
    border-style:solid;*/
    min-height:150px;
    display:none;
    text-transform:none;
}

    #panelMenu ul {
        margin: 0 0 0 0;
        padding: 0;
        float: left;
        clear: both;
        width: 100%;
        background: #FFFFFF;
        border-right-width: 0;
        border-left-width: 0;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #e2e2e2;
        border-left-color: #e2e2e2;
        margin-top: 5px;
        margin-bottom: 5px;
    }

#panelMenu ul li a
{
    float: left;
    color: #000;
    padding: 3px 11px 3px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e2e2e2;
}

.menu-icon-container {
    float: right; margin-left: 6px; margin-top:1px;
}

.menu-icon {
    width: 18px;
    height: 3px;
    background-color:#444;
    /*margin: 3px 0;*/
    margin-bottom:3px;
}

.rounded-img {
	display: inline-block;
	border: solid 0px #fff;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);*/
}

.hidden
{
	visibility:hidden;
}



input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
input[type="submit"]:active {
	position:relative;
	top:1px;
}


