/* RESET */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-image: url(images/body-back.png);
	background-repeat: repeat-x;
	background-position: left top;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#container #content #nab {
	width: 663px;
	height: 274px;
	background-image: url(images/rotator-back.png);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding: 0px;
	float: left;
	margin-top: -9px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
/* SLIDER */


p.intro {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 20px 0 30px 0;
	text-align: center;
	width: 100%
}
p#cross-links {
	text-align: center
}
p#cross-links {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 100%;
	padding-top: 20px;
}
/* These 2 lines specify style applied while slider is loading */
		.csw {
	width: 100%;
	height: 254px;
	background: #fff;
	overflow: scroll
}
.csw .loading {
	text-align: center;
	margin-top: 100px;
	margin-right: 0;
	margin-bottom: 300px;
	margin-left: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6b6a6a;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #000; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 550px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 254px;
	clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 550px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display: none;
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
.stripNav li.tab1 a {
	background: #60f
}
.stripNav li.tab2 a {
	background: #60c
}
.stripNav li.tab3 a {
	background: #63f
}
.stripNav li.tab4 a {
	background: #63c
}
.stripNav li.tab5 a {
	background: #00e
}
.stripNav li a:hover {
	background: #333;
}
.stripNav li a.current {
	background: #000;
	color: #fff;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
.stripNavL {
	left: 5px;
	z-index: 999;
	top: 116px;
	}
.stripNavR {
	right: -2px;
	z-index: 999;
	top: 116px;
}
.stripNavL {
	background-image: url(images/arrow-left-back.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.stripNavL:hover {
	background-image: url(images/arrow-left-back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.stripNavR {
	background-image: url(images/arrow-right-hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.stripNavR:hover {
	background-image: url(images/arrow-right-hover.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.panel .wrapper p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 150%;
	color: #6b6a6a;
	margin-bottom: 18px;
}
.panel .wrapper h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #436a95;
	line-height: 150%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.panel .wrapper p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #436a95;
	text-decoration: none;
}
.panel .wrapper p a:hover {
	text-decoration: underline;
}
.panel .wrapper img {
	float: right;
	display: inline;
	margin-left: 30px;
	margin-top: 5px;
}
.panel .wrapper .button {
	height: 29px;
	width: 145px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/button-back.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.panel .wrapper .button:hover {
	background-image: url(images/button-back.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
	}

/* OSTALO :) */
#container {
	width: 959px;
	margin-right: auto;
	margin-left: auto;
}
#container #flash {
	height: 273px;
	background-image: url(images/flash-mockup.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #menu {
	height: 56px;
	background-image: url(images/menu-back.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul {
    margin-left: 10px;
}


/*
#menu ul {
	margin-left: 45px;
}
*/

#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #6a6465;
	height: 32px;
	padding-right: 15px;
	background-image: url(images/menu-li.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 24px;
	padding-left: 15px;
}
#menu ul li a:hover {
	color: #9c2e36;
	background-image: url(images/menu-li-hover.gif);
	background-position: right top;
}
#container #content {
	background-image: url(images/content-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:390px;
	height:auto !important;
	height:390px;
	margin: 0px;
	padding-right: 19px;
	padding-left: 19px;
}

#content .rotator {
}

.clear {
	clear: both;
}

#content .tekstbox {
	width: 623px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 16px;
}

.tekstbox ul {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 21px;
    font-size: 12px;
    color: #222222;
}
.tekstbox ul li {
    background-image: url(images/bullet.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 10px;
    margin-bottom: 5px;
	line-height: 16px;
}

.tekstbox ul li ul{
    margin: 0 0 0 20px;
}

.tekstbox p a {
    color: #9C2E36;
    text-decoration: none;
    font-weight: bold;
	
}

.tekstbox p a:hover {
    text-decoration: underline;
}

.tekstbox img {
    float: left;
    padding: 5px;
    border: 1px solid #B3B3B3;
    margin-right: 20px;
    margin-bottom: 10px;
	margin-top: 4px;
}


.tekstbox h2 a {
    font-size: 24px;
    font-weight: bold;
    color: #9c2e36;
    margin-bottom: 10px;
    text-decoration:none;
	line-height: 30px;
}
.tekstbox h2 a:hover {
    color: #7B242B;
}

#lijeva-kolona {
	width: 663px;
	float: left;
}

#desna-kolona {
	width: 258px;
	float: left;
}


.tekstbox h2 {
	font-size: 24px;
	font-weight: bold;
	color: #9c2e36;
	margin-bottom: 21px;
	
}

.tekstbox h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #6B6A6A;
	font-style: italic;
	margin-bottom: 8px;
}

.tekstbox h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #9c2e36;
	font-style: italic;
	margin-bottom: 6px;
	font-weight: normal;
}

.tekstbox .uvod {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 150%;
	color: #6b6a6a;
	margin-bottom: 21px;
	text-align: justify;
}
.tekstbox p {
	font-size: 12px;
	line-height: 150%;
	color: #222222;
	margin-bottom: 21px;
	text-align: justify;
}

#content .pogodnosti {
	width: 663px;
	height: 101px;
	float: left;
}
.pogodnosti a {
	background-image: url(images/kartica.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 101px;
	width: 663px;
	display: block;
}

.pogodnosti a:hover {
	background-position: left bottom;
	
}


.padajuci {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 66px;
	padding-left: 40px;
	color: #FFF;
	margin-right: 35px;
	float: left;
	display: block;
}
.padajuci span {
	font-size: 11px;
	color: #FF0;
}

.pogodnosti form select {
	float: left;
	margin-top: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A647C;
	margin-right: 35px;
}
.pogodnosti form input {
	float: left;
	margin-top: 16px;
	height: 34px;
	width: 77px;
	background-color: transparent;
	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-image: url(images/izlistaj.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	cursor:pointer;
}
.pogodnosti form input:hover {
	background-image: url(images/izlistaj.png);
	background-repeat: no-repeat;
	background-position: -77px top;
	
}
#footer  {
	height: 113px;
	background-image: url(images/footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
}

#content .rss {
    height: 65px;
    width: 232px;
    margin-top: 25px;
    margin-left: 16px;
}
#content .rss a {
    background-image: url(images/rss.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 65px;
    width: 232px;
    display: block;
}

#content .rss a:hover {
    background-image: url(images/rss.png);
    background-repeat: no-repeat;
    background-position: -232px top;
}

#content .akcija {
    height: 240px;
    width: 223px;
    background-color: #CCC;
    border: 1px solid #FFF;
    margin-left: 19px;
    margin-top: 27px;
}

#content .banner {
	float: right;
	height: 400px;
	width: 223px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-right: 13px;
	margin-top: 27px;
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

#footer .inside-footer {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFF;
	padding-left: 39px;
	padding-top: 63px;
}
#footer .inside-footer a {
	color: #FFF;
	text-decoration: none;
}
#lijeva-kolona .linija    {
	height: 2px;
	background-image: url(images/crta.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 100%;
}

#footer .inside-footer a:hover {
	text-decoration: underline;
}
#lijeva-kolona .button {
	height: 29px;
	width: 145px;
	display: inline;
	text-align: center;
	text-decoration: none;
	line-height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/button-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-right: 10px;
	
}

#lijeva-kolona .button:hover {
	background-image: url(images/button-back.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
	}

.formulari label.control-label{
    display: block;
    margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b6a6a;
}

.formulari input  {
	width: 150px;
	margin-bottom: 10px;
	height: 17px;
	border: 1px solid #CDCED1;
	background-color: transparent;
	background-image: url(images/polje-back.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

.formulari .dugo-polje {
	width: 300px;
}

.formulari input:hover {
	border: 1px solid #AFB1B6;
}

.formulari {
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 15px;
	float: left;
	width: 623px;
}
.formulari h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #9c2e36;
	margin-left: 5px;
	margin-bottom: 20px;

}
.formulari form p {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b6a6a;
	margin-left: 5px;
}

.formulari form p textarea {
	width: 300px;
	height: 150px;
	border: 1px solid #CDCED1;
	margin-bottom: 10px;
	background-color: transparent;
	background-image: url(images/textfield-back.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	
}

.formulari form p textarea:hover {
	border: 1px solid #AFB1B6;
	}


.formulari form p .sendbutton {
	height: 29px;
	width: 145px;
	text-align: center;
	text-decoration: none;
	line-height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/button-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	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;
}
.formulari form p .sendbutton:hover {
	background-image: url(images/button-back.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

.formulari form .greska {
	margin-top: -10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9c2e36;
	font-size: 12px;
}

.formulari form input.input-validation-error,
.formulari form textarea.input-validation-error{
    border-top-color: #9c2e36;
	border-right-color: #9c2e36;
	border-bottom-color: #9c2e36;
	border-left-color: #9c2e36;
}

.formulari form label.input-validation-error{
    display: block;
    margin-top: -10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9c2e36;
	font-size: 12px;
}

.formulari form p label .greska-polje {
	border-top-color: #9c2e36;
	border-right-color: #9c2e36;
	border-bottom-color: #9c2e36;
	border-left-color: #9c2e36;
}
.formulari .box-poruke {
	padding: 10px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 15px;
	background-color: #E6FFE6;
	color: #333;
	line-height: 130%;
	border: 1px solid #7ACB95;
	margin: 0 0 15px 5px;
}
.formulari .box-poruke-fail {
	padding: 10px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 15px;
	background-color: #F5DEE0;
	color: #333;
	line-height: 130%;
	border: 1px solid #9c2e36;
	margin: 0 0 15px 5px;
}

#lijeva-kolona .pager{
    text-align: right;
    padding-right: 10px;
    margin-top: 20px;
}

#lijeva-kolona .pager a{
    text-decoration: none;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    padding: 4px 8px;
    margin-left: 1px;
    font-size: 11px;
    border: 1px solid #d3d3d3; 
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #555555; 
    outline: none;  
}

#lijeva-kolona .pager a:hover{
    border: 1px solid #999999; 
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; 
    color: #212121; 
}

#lijeva-kolona .pager a.current{
    text-decoration: none;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    padding: 4px 8px;
    margin-left: 1px;
    font-size: 11px;
    border: 1px solid #aaaaaa; 
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #212121; 
    outline: none;  
}

/* vibor dodano*/

table.popusti{
	
	width:100%;
	
	}
table.popusti td{	
background:url(../images/table_bg.gif) repeat-x top;
padding:5px;
font-size:12px;
line-height:20px;
background-color:#e2eef5;
border:solid #FFF 1px;

}
table.popusti tr{
	border:solid #FFF 1px;
	}
	
table.popusti tr.tbl_header td{	
background:url(../images/table_header_bg.gif) repeat-x top;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#FFF;
background-color:#3193d1;
line-height:30px;
letter-spacing:0.1em;
border:solid #FFF 1px;

}
table.popusti tr.tbl_header{
	border:solid #FFF 1px;
	
	}
	
table.popusti a {
	font-family: Arial, Helvetica, sans-serif;
	color: #06F;
	text-decoration: none;
}
table.popusti a:visited {

	color:#39F;

}
table.popusti a:hover {

	color:#09F;
	text-decoration:underline;

}


/* kraj vibor*/

/* override prijave pravila */
.pravila {
                float: left;
                padding-top: 61px;
                width: 293px;
                text-align: justify;
                padding-right: 10px;
}
.pravila p {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #6b6a6a;
                line-height: 16px;
                margin-bottom: 16px;
}

.formulari {
                padding-top: 12px;
                padding-right: 20px;
                padding-left: 20px;
                float: left;
                width: 320px;
}
/* kraj override */

/*za dodati*/
#banner_partneri {
	background-image: url(images/banner_partneri.png);
	background-repeat: no-repeat;
	height: 59px;
	width: 619px;
	padding-top: 50px;
	padding-left: 22px;
	padding-right: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}
#banner_partneri a {
	text-decoration: underline;
	color: #FFF;
}

#banner_partneri a:hover {
	text-decoration:none;
}
#banner_partneri a:visited{
	color:#0CF;
	
}

/* Jurisic Dodano */
#content .najcitanije {
    width: 225px;
    margin-left: 19px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.najcitanije h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #436a95;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    padding-bottom: 5px;
    font-weight: bold;
}
.najcitanije ul li {
    padding: 7px;
}

.najcitanije ul li:hover {
    background-color: #EEE;
}

.najcitanije ul li a {
    text-decoration: none;
}

.najcitanije ul li img {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    padding: 4px;
    border: solid 1px #b3b3b3;
}
.najcitanije ul li h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    line-height: 18px;
    margin-bottom: 5px;
    font-style: italic;
}
.najcitanije ul li h6 {
    font-size: 10px;
    color: #6b6a6a;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
}
.najcitanije ul li p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6b6a6a;
    text-decoration: none;
    line-height: 16px;
}