/*   

Theme Name: Dječji rođendani

Theme URI: http://www.djecji-rodendani.com

Description: Dječi rođendani portal

Author: AM2 studio d.o.o.

Author URI: http://webstranica.com.hr

Version: 1

*/

@font-face {
    font-family: 'RobotoRegular';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoBold';
    src: url('font/Roboto-Bold-webfont.eot');
    src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Bold-webfont.woff') format('woff'),
         url('font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('font/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



p {
	margin:0;
	padding:0;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	background: #fff url(images/top_bg.gif) top repeat-x;
	margin: 0px;
	padding: 0px;
} 
a {
	color: #111;
	text-decoration: none;

} 
a:hover {
	color: #ff9933;
	text-decoration: underline;
} 
td {
	border-spacing: 2px;
}
tr {
}
table {
	border: none;
	border-spacing: 0px;
}
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
} 
li {	
	background-image: url(images/strelica.gif);
	background-repeat: no-repeat;
	background-position: -2px 5px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 16px;
	
}
ol { padding-left: 0px; margin: 0px; margin-left: 10px; } 
ol>li { padding: 0px; margin-left: 10px; background: none; font-family:Verdana, Geneva, sans-serif; color: #666; line-height: 16px;}
ol>li:before { font-weight: bold; }
h1, .naslov_h1  {
	font-size: 26px;
	color: #ff9933;
	margin: 0px;
	padding: 0px;
	font-family: 'RobotoBold', Verdana, Geneva, sans-serif;
} 
h2, .naslov_h2 {
	font-size: 18px;
	color: #666;
	margin: 0px;
	padding: 0px;
	font-family: 'RobotoRegular', Verdana, Geneva, sans-serif;
} 
h3, .naslov_h3, h3 a {
	font-size: 12px;
	color: #ff9933;
	margin: 0px;
	padding: 0px;
	font-family: 'RobotoRegular', Verdana, Geneva, sans-serif;
} 
h4, .naslov_h4 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	color: #333;
	text-align: right;
	text-transform: uppercase;
}
.content {
	margin: 0 auto;
	width: 960px;
	clear: both;
}
#header {
	position: relative;
	float: left;
	width: 940px;
	margin: 0px 10px;
	height: 120px;
	background: url(images/dijete_header.jpg) bottom right no-repeat;
}
#header h1, #header h2 {
	position:relative;
	float: left;
	width: 220px;
	height: 120px;
	margin: 0px;
	border: none;
	padding: 0px;
}
#header h1 a, #header h2 a {
	position:relative;
	float: left;
	width: 220px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	/*background: url(images/logo.png) top center no-repeat;*/
	background-image: url(images/sprite/sprite.png);
	background-position: -10px -10px;
}
.description {
	position: relative;
	float: left;
	line-height: 30px;
	margin: 0px;
	margin-left: -20px;
	color: #009999;
	font-size: 13px;
	font-family: 'RobotoRegular', Verdana, Geneva, sans-serif;
}

img {
	border: none;
}
img.img_border {
	border: #EEE 1px solid;
	padding: 4px;
}
.left {
	position: relative;
	float: left;
}
.right {
	position: relative;
	float: right;
}
.box_300 { width: 300px; }
.box_620 { width: 620px; }
.box_60 { width: 60px; }
.box_140 { width: 140px; }
.box_220 { width: 220px; }
.box_460 { width: 460px; }
.box_520 { width: 520px; }
.box_380 { width: 380px; }
.box_240 { width: 240px; }
.title_box { height: 43px; line-height: 43px; border-bottom: #dbdbdb 1px solid; border-top: #dbdbdb 1px solid; }
.meta_box { padding: 5px 0px; border-bottom: #dbdbdb 1px solid; border-top: #dbdbdb 1px solid; color: #B6B6B6; }
.tag { line-height: 16px; display: block; float: left; position: relative; margin-bottom: 3px; }
.tag a { color: #979797; background: #eaeaea url(images/tag.png) top left no-repeat; font-size: 10px; padding: 2px 5px; margin-left: 2px; margin-bottom: 2px; cursor: pointer; padding-left: 15px; -webkit-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; }
.tag a:hover { background: #009999 url(images/tag_hover.png) top left no-repeat; color: #fff; text-decoration: none; }
.subsubtitle { padding-bottom: 3px; margin-bottom: 5px; border-bottom: #e6e6e6 1px solid; width: 278px; text-align: left; margin-top: 10px; }
.margin_10 { margin: 0px 10px; }
.padding_10 { padding: 10px; }
.padding_20 { padding: 20px; }
.button2 {  padding: 3px 10px; background: #f48934; color: white; border: #df7521 2px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; text-transform: uppercase; font-size: 11px; }
.button2:hover { text-decoration: none; background: #df7521; color: white; }
.excerpt { font-size: 18px; color: #767676; }
.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
.povezani { margin-top: 20px; }
.gm-visible-list li { list-style: none; background: none; padding-left: 0px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: #e6e6e6 1px solid; margin-left: 0px; min-height: 35px; }
.gm-visible-list li a { display: block; font-size: 12px; color: #F93; margin: 0px; padding: 0px; font-family: 'RobotoRegular', Verdana, Geneva, sans-serif; font-weight: bold; }
.gm-visible-list li img { display: block; float: left; margin-right: 3px; }
.gm-excerpt { display: block; }
#gm-map-legend { position: absolute; top: 64px; right: 0px; background: white; border: #DBDBDB 1px solid; border-top: none; border-right: none; display: none; z-index: 20; }
#gm-kategorije { font-weight: bold; cursor: pointer; display: block; }
#gallery-1 img { border: 1px solid #CFCFCF !important; padding: 1px; }
.izreka { padding-left: 55px; background:url(images/izreka.jpg) top left no-repeat; text-align: right; }
.izreka_autor { font-style:italic; color: #666; }
.izreka_single { font-size: 18px; line-height: 24px; color: #999; min-height: 50px; padding-right: 50px; margin-top: 20px; }
#fb_slidebox { position: fixed; left: 0px; top: 50%; margin-top: -100px; margin-left:-300px; width: 350px; height: 150px; z-index: 9999; background: white; }
#fb_slidebox_button { position: absolute; top: 0px; right: 0px; /*background: url(images/fb_slide.png) no-repeat;*/background-image: url(images/sprite/sprite.png);background-position: -10px -846px; width: 50px; min-height: 150px; }
.small_clanak img { height: 60px; width:60px; padding-right: 10px; position: relative; float: left; }
.povezani_clanak { width: 23%; margin-right: 2.66%; }
.povezani_clanak:last-of-type { margin-right: 0%; }
.povezani_clanak img { width: 100%;height: auto;max-height: 95px; margin-bottom: 8px; }
.povezani_clanak a { color: #333; }

/*Search*/
.search {
	position: relative;
	float: right;
	margin-top: 15px;
	padding-left: 12px;
	/*background: url(images/search_left.png) top left no-repeat;*/
	background-image: url(images/sprite/sprite.png);
	background-position: -10px -1016px;
}
.search input[type="text"] {
	display: block;
	position: relative;
	float: left;
	background: white;
	border: #dbdbdb 1px solid;
	border-left: none;
	border-right: none;
	height: 31px;
	line-height: 15px;
	padding: 8px 0px;
	width: 173px;
	margin: 0px;
	padding: 0px;
	color: #9c9c9c;
}
.search input[type="text"]:focus {
	outline: none;
}
.btn {
	display: block;
	position: relative;
	float: left;
	width: 41px;
	height: 45px;
	padding: 0px;
	margin-left: -10px;
	line-height: 35px;
	cursor: pointer;
	/*background: url(images/search.png) center center no-repeat;*/
	background: none;
	background-image: url(images/sprite/sprite.png);
	background-position: -10px -150px;
	border: none;
}

/*Izbornik */

.izbornik {
	position: relative;
	float: left;
	height: 41px;
	width: 940px;
	margin: 0px 10px;
	background: #fff url(images/izbornik_bg.jpg) top left repeat-x;
	border: #dbdbdb 1px solid;
	border-bottom: #dbdbdb 3px solid;
}
.izbornik ul {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
.izbornik ul li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
.izbornik ul li a {
	display: block;
	text-align: center;
	font-size: 13px;
	font-family: 'RobotoRegular', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #666;
	text-decoration: none;
	padding: 0px 17px;
	line-height: 41px;
	height: 41px;
	background: none;
	border-right: #dbdbdb 1px solid;
}
.izbornik ul li a:hover {
	border-bottom: #97dbd5 3px solid;
	background: url(images/menu_active.png) bottom center no-repeat;
}
.izbornik ul li:last-of-type > a { color: #F48934; border-right: none; }
.izbornik ul li:last-of-type > a:hover { color: #97dbd5; }
.izbornik ul ul li:last-of-type > a { color: #666; border-bottom: none; }
.izbornik ul ul li:last-of-type > a:hover { color: #FF9933; border-bottom: none; }
.izbornik ul ul {
	position: absolute;
	display: block;
	width: 210px;
	border-bottom: none;
	z-index: 8888;
	display:none;
	background: #F7F7F7;
	border: #E6E6E6 1px solid;
	padding: 5px;
}
.izbornik ul ul:hover {
	border-top: #dbdbdb 4px solid;
}
.izbornik ul ul li {
	position: relative;
	float: left;
	background: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	border: none;
}
.izbornik ul ul li a {
	height: auto;
	text-align: left;
	border: none;
	display: block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	line-height: 20px;
	padding: 5px 0px;
}
.izbornik ul ul li a:hover {
	color: #F93;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	background: none;
}
.izbornik ul li:hover > ul {
	z-index: 30;
	display: block;
}
.izbornik ul ul ul {
	position: absolute;
	top: 0px;
	left: 200px;
	padding: 5px;
	width: 200px;
	border: #E6E6E6 1px solid;
	border-bottom: none;
	z-index: 10;
	display:none;
	background: #F7F7F7;
}
.izbornik ul li.current-menu-item > a {
	border-bottom: #97dbd5 3px solid;
	background: url(images/menu_active.png) bottom center no-repeat;
}
.izbornik ul li.current-menu-item > ul {
}
.izbornik ul ul li.current-menu-item > a {
}
.izbornik ul li a:hover {
}
.izbornik .current-menu-item a {
}

/*Izbornik footer */

.izbornik_footer {
	position: relative;
	float: left;
	margin: 0px 10px;
	margin-top: 60px;
}
.izbornik_footer ul {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
.izbornik_footer ul li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: none;
}
.izbornik_footer ul li a {
	display: block;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-right: 10px;
	background: none;
	border-right: #747474 1px solid;
}
.izbornik_footer ul li a:hover {
}
.izbornik_footer ul li:last-child a {
	border: none;
}

/*NAVIGACIJA*/
.navigacija { position: relative; float: left; }
.navigacija .current, .navigacija .inactive { display: block; float: left; position: relative; text-align: center; height: 28px; width: 28px; line-height: 28px; margin: 0px 2px; }
.nav_even { background: url(images/nav1_left.png) top center no-repeat; }
.nav_odd { background: url(images/nav1_right.png) top center no-repeat; }
.nav_even:hover { background: url(images/nav2_left.png) top center no-repeat; color: #fff; text-decoration: none; }
.nav_odd:hover { background: url(images/nav2_right.png) top center no-repeat; color: #fff; text-decoration: none; }
.current.nav_even { background: url(images/nav2_left.png) top center no-repeat; color: #fff; }
.current.nav_odd { background: url(images/nav2_right.png) top center no-repeat; color: #fff; }
.nav_sign { display: block; float: left; position: relative; text-align: center; height: 28px; width: 60px; line-height: 28px; margin: 0px 2px; background: url(images/nav_sign.png) top center no-repeat; }

.clanak_naslov {
	margin: 5px 0px;
}
.clanak_naslov a, .naslovnica_izdvojeno h3 a {
	color: #5f5f5f;
}
.clanak_naslov_izdvojeno { width: 100%; }
.clanak_naslov_izdvojeno a { color: #fff; font-size: 14px; }
.clanak_slika {
	width: 140px;
	height: 146px;
	background: url(images/thumb_bg.png) top center no-repeat;
}
.clanak_slika img {
	margin: 15px;
}
.clanak_meta {
	color: #b6b6b6;
	border-bottom: #dbdbdb 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.clanak_vise {
	margin-top: 20px;
}
.clanak_vise a {
	color: #979797;
	padding: 4px 8px;
	background: #eeeeee;
	font-size: 11px;
	font-family: 'RobotoRegular', Verdana, Geneva, sans-serif;
}
.clanak_vise a:hover {
	color: #ffffff;
	background: #ffa000;
	text-decoration: none;
}
.adresar_slika {
	width: 76px;
	height: 76px;
	padding: 1px;
	border: #e5e5e5 1px solid;
	overflow: hidden;
	margin-right: 20px;
}
.clanak_izdvojeno { background: #ff9900; margin-bottom: 20px; color: #fff; }
.clanak_izdvojeno h3 a { color: #fff; font-size: 18px; font-family: 'RobotoBold', Verdana, Geneva, sans-serif; line-height: 24px;}
.clanak_izdvojeno h3 a:hover {color: #fff; }
.srebrno { background: #efefef; color: #5f5f5f; }
.srebrno h3 a {color: #5f5f5f; }
.srebrno h3 a:hover {color: #5f5f5f; }
.izdvojeno_sign { position: absolute; top: 0px; right: 10px; margin-top: -20px; /*background: url(images/izdvojeno_bg.png) top center no-repeat;*/background-image: url(images/sprite/sprite.png); background-position: -10px -327px; width: 110px; height: 40px; color: #666; font-size: 18px; font-family: 'RobotoBold', Verdana, Geneva, sans-serif; line-height: 40px; text-align: center; font-size: 14px; text-transform: uppercase; }
.izdvojeno_sign_savjeti { position: absolute; top: 0px; right: 10px; margin-top: -30px; /*background: url(images/izdvojeno_savjeti_bg.png) top center no-repeat;*/background-image: url(images/sprite/sprite.png); background-position: -10px -387px; width: 170px; height: 50px; color: #666; font-size: 18px; font-family: 'RobotoBold', Verdana, Geneva, sans-serif; line-height: 50px; text-align: center; font-size: 14px; text-transform: uppercase; }
.adresar_slika_izdvojeno { width: 120px; height: 100px; padding: 10px; overflow: hidden; background: url(images/izdvojeno_slika_bg.png) top center no-repeat; margin: 5px; margin-right: 15px; }
.adresar_slika_izdvojeno img {height: 100px; overflow: hidden; }
.adresar_slika_izdvojeno.small { width: 90px; height: 90px; padding: 10px; overflow: hidden; /*background: url(images/thumb_bg_small.png) top center no-repeat;*/background-image: url(images/sprite/sprite.png); background-position: -5px -457px; margin: 0px; margin-right: 10px; }
.adresar_slika_izdvojeno.small img {height: 80px; overflow: hidden; margin-left: 5px; }
.clanak_vise_izdvojeno { margin-top: 10px; margin-bottom: 10px; }
.clanak_vise_izdvojeno a {
	background: #f48934; color: white;
}
.subjekt_naslov {
	border-bottom: #dbdbdb 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
float: left;
}
.subjekt_naslov h1 { color: #333; float: left; }
.subjekt_meta_box { margin-top: 0px; margin-bottom: 10px; border-bottom: #dbdbdb 1px solid; padding-bottom: 10px; }
.subjekt_slika {
	width: 91px;
	height: 91px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: #DBDBDB 1px solid;
	overflow: hidden;
}
.subjekt_slika img { margin: 2px; opacity: 0.7; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.subjekt_slika img:hover { opacity: 1; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.subjekt_slika_large { width: 296px; height: auto; margin-bottom: 10px; padding: 2px; border: #DBDBDB 1px solid; }
.subjekt_kontakt { background: #efefef; border: #c5c5c5 1px solid; margin-top: 20px; clear: right;}
.kontakt_sign { position: absolute; top: 0px; right: 10px; margin-top: -25px; background: url(images/kontakt_bg.png) top center no-repeat; width: 85px; height: 35px; color: #333; font-size: 18px; font-family: 'RobotoBold', Verdana, Geneva, sans-serif; padding: 15px 0px 0px 15px; text-transform: uppercase; }
.lokacija_icon { position: absolute; top: 0; right: 0; height: 55px; width: 45px; background: url(images/lokacija.png) top center no-repeat; margin-top: 20px; }
#posalji_upit { padding: 20px; }
.sponzorirano_slika { height: 200px; overflow: hidden; }
.sidebar_trazilica label { width: 125px; text-align: right; line-height: 23px; }
.sidebar_trazilica .jqTransformSelectWrapper, .sidebar_trazilica .jqTransformSelectWrapper ul { width: 143px !important; }
table.jqTransformTextarea .jqTransformSafariTextarea div { width: 400px !important; height: 80px !important; }
.naslovnica_izdvojeno { padding-top: 10px; margin-top: 10px;}
.tag_nar {background: #f48934 !important; color: #fff !important;}
.naslovnica_izdvojeno .label {position: absolute; top: 0px; left: 10px; margin-top: -10px; background: #f48934; padding: 0px 5px; line-height: 20px; height: 20px; color: #fff; font-family: 'RobotoRegular', Verdana, Geneva, sans-serif; text-align: center; font-size: 14px; text-transform: uppercase;} 
.tag_nar:hover {background: #f1730f !important;}
.tag_pla {background: #39a69a !important; color: #fff !important;} .tag_pla:hover {background: #1e9487 !important;}
.savjeti .naslov_h2 a { font-size: 20px; color: #666; margin-bottom: 10px; display: block; }
.citat { font-style: italic; margin-bottom: 10px; }
.savjeti_autor_slika { position: absolute; bottom: 0px; }
ul.main-tabovi li {list-style: none; margin: 0px; text-transform: uppercase; color: #666; text-decoration: none; cursor: pointer; background: none; line-height: 25px; border-bottom: #e6e6e6 1px solid; padding: 0px; padding-right: 20px;}
ul.main-tabovi li a:hover { text-decoration: none; }
ul.main-tabovi li.active, ul.main-tabovi li:hover { background: url(images/strelica_adresar.png) top right no-repeat; }
ul.main-tabovi li.active a, ul.main-tabovi li:hover a { color: #ff9933; }

.sidebar {
	position: relative;
	float: right;
	width: 300px;
	min-height: 300px;
}
.sb_box {
	background: #fbfbfb;
	border: #e6e6e6 1px solid;
	width: 278px;
	padding: 10px;
	padding-top: 30px;
	margin-bottom: 20px;
}
.sb_icon {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 10px;
	margin-top: -20px;
	z-index: 10;
}
.sb_box_izdv { border-bottom: #E6E6E6 1px solid; }
#linkovi1_drop, #linkovi2_drop, #linkovi3_drop { display: none; }
#linkovi1, #linkovi2, #linkovi3 { cursor: pointer; background: url(images/read-more.png) top right no-repeat; }

#footer {
	position: relative;
	float: left;
	width: 100%;
	min-height: 120px;
	background: url(images/footer_bg.gif) repeat-x;
	margin-bottom: 80px;
}
.spacer {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
}
.floatfix {
	clear: both;
}

.gumb {
	background: #ffb472; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb472 2%, #ff8011 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffb472), color-stop(100%,#ff8011)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb472 2%,#ff8011 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb472 2%,#ff8011 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb472 2%,#ff8011 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb472 2%,#ff8011 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb472', endColorstr='#ff8011',GradientType=0 ); /* IE6-9 */
padding: 5px 15px;
border: #ff8011 1px solid;
color: white;
font-weight: bold;
}
.gumb:hover {
	background: #ff8011; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8011 0%, #ffb472 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8011), color-stop(100%,#ffb472)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8011 0%,#ffb472 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8011 0%,#ffb472 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8011 0%,#ffb472 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8011 0%,#ffb472 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8011', endColorstr='#ffb472',GradientType=0 ); /* IE6-9 */
color: white;
text-decoration: none;
}
#posalji_upit input[type=text], #posalji_upit textarea { background: #f8f8f8; border: #dfdfdf 1px solid; color: #666; line-height: 20px; padding: 0px 5px; width: 115px; font-size: 12px; height: 22px; margin-left: 10px; margin: 3px 0px; }
#posalji_upit td { vertical-align: top; }
#posalji_upit textarea { width: 270px; height: 100px; }
#posalji_upit input[type=text] { width: 270px !important; }

/* FLEXIBLE PAGE CSS */
.accordion h3 a:hover { color: #de3603; }
.accordion h3 span { position: relative; float: left; display: block; line-height: 25px; display: none; }
.accordion h3, ul.tabovi li { padding-left: 10px; border: #dfdfdf 1px solid !important; text-align: left !important; background: white; cursor: pointer;
background: -moz-linear-gradient(top, white 2%, #F1F1F1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,white), color-stop(100%,#F1F1F1));
background: -webkit-linear-gradient(top, white 2%,#F1F1F1 100%);
background: -o-linear-gradient(top, white 2%,#F1F1F1 100%);
background: -ms-linear-gradient(top, white 2%,#F1F1F1 100%);
background: linear-gradient(to bottom, white 2%,#F1F1F1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
line-height: 30px;
color: #666;
text-shadow: 0px 1px 0px white;
filter: dropshadow(color=#fff, offx=0, offy=1);
} 
.accordion h3.ui-state-active a { font-weight: normal !important; }
.accordion div, .tab_content2 { background: #FBFBFB;
border: #E6E6E6 1px solid;
padding: 10px; }
.flexible_tabs { margin-bottom: 20px; }
.tab_content2 { clear: left; }
ul.tabovi li {list-style: none; position: relative; float: left; margin: 0px; list-style: none; padding: 0px 10px; font-weight: bold; }
ul.tabovi li a { color: #666; }
ul.tabovi li a:hover { text-decoration: none; }
ul.tabovi li.active, ul.tabovi li:hover {  }
ul.tabovi li.active a, ul.tabovi li:hover a { color: #ff9933; }
.scrollable_gallery {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollables have typically larger height than width but not now */
	height: 110px;
	width: 90%;
	margin-left: 5%;
}
.scrollable_gallery .items2 {position:absolute;width:20000em;}
.items2 {position:absolute;width:20000em;margin: 0px;}
.scrollable_gallery a { width: 23%; display: block; float: left; position: relative; margin-left: 1%; margin-right: 1%; overflow: hidden; text-align: center; }
.scrollable_gallery a > img { border: #E6E6E6 1px solid; padding: 1px; width: 96%;}
.items2 div { float: left; }
.gallery_prev { height: 30px; width: 5%; background: url(images/gallery_prev.png) no-repeat; position: absolute; top: 50%; left: 0px; cursor: pointer; margin-top: -15px; }
.gallery_next { height: 30px; width: 5%; background: url(images/gallery_next.png) no-repeat; position: absolute; top: 50%; right: 0px;  cursor: pointer; margin-top: -15px; }

/* NAGRADNA IGRA */
.naj_rezultat {
background: #FBFBFB; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

border: #E6E6E6 1px solid;
width: 278px;
padding: 10px;
margin-bottom: 20px;
}
.naj_rezultat span { width: 100%; text-align: center; clear: left; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.naj_rezultat .naj_broj { font-size: 24px; font-weight: bold; color: #ff9933; }
li.widget_loginlogout { background: none; list-style: none; padding: 0px; margin: 0px; }

/* the overlayed element */
.apple_overlay {width:460px; padding:35px; font-size:11px; z-index:10000; border: 1px solid #666; background: #fff; opacity: 0;
-moz-box-shadow: 0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px black;
position: fixed;
top: 30%;
left: 50%;
margin-left: -320px; font-size: 16px; }

/* default close button positioned on upper right corner */
.apple_overlay .close { background-image:url(images/close.png);position:absolute; right:-15px; top:-15px;cursor:pointer;height:35px;width:35px;}
#br_vrijeme, #br_poteza { font-weight: bold; color:#ff9933;}
#rez_message { font-weight: bold;}
.puzzle_overlay1 {
	z-index: 10;
position: absolute;
top: 0px;
left: 0px;
background: white;
height: 660px;
width:624px;
}

/* SCROLLABLE SIDE PREPORUČAMO */
.scrollable_side {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollables have typically larger height than width but not now */
	height: 150px;
	width: 100%;
}
.scrollable_side .items {position:absolute;width:20000em;margin: 0px;}
.scrollable_side .item { float: left; width:300px; height: 150px; }
.scrollable_side .item a { display: block; position: relative; }
.scrollable_side .item img { min-height: 150px; min-width: 300px; position: absolute; top: 0px; left: 0px; z-index: 5; }
.side_labels { position: absolute;
top: 0px;
right: 0px;
}
.side_label { 
position: relative; 
float: right !important;
margin-top: 5px;
background: #f48934;
padding: 0px 10px;
max-width: 250px;
line-height: 20px;
color: #fff;
font-family: 'RobotoRegular', Verdana, Geneva, sans-serif;
text-align: right;
font-size: 13px;
text-transform: uppercase;
z-index: 6;
clear: right; }
.side_label2 { background: #39A69A; }
/* position and dimensions of the navigator */
.navi_bg {
	width: 300px;
height: 20px;
position: absolute;
top: 125px;
z-index: 999;
background: url(images/transp.png) repeat;
padding-top: 5px;
text-align: right;
}
.navi {
	float:right;
}
/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}
/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}

/*rotator bannera*/
.rotator { width: 620px; height: 90px; }
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: none;
}
div.rotator ul li.show {
	z-index: 1;
}
div.rotator ul li:first-of-type {
z-index: 9;
}