/*
Author: Emanuel Blagonic @ Blagonic Brothers
Author URI: http://blagonic.com/
*/

/******************************* CSS RESET - MEYERWEB.COM *******************************/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/******************************* BASE CSS *******************************/
/* COMMON ELEMENTS */
.clear { clear:both }
.left { text-align:left } .center { text-align:center } .right { text-align:right }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right !important }
img.alignleft, table.alignleft { margin:5px 10px 5px 0 } img.alignright, table.alignright { margin: 5px 0 5px 10px }
img.aligncenter { display:block; margin: 10px auto }
.noborder { border:none; padding:0 }
.nomargin { margin:0 }
.banner { border:none; padding:0; margin-bottom:10px }
.hidden { display:none }
strong { font-weight:bold }
.spacer { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee }
p.spacer { clear:none }
/* BODY */
body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#636363;
	text-align:center;
	background:#3eb8d8;
}

/* LOGO */
#logo {
	position:absolute;
	top:25px;
	left:0;
	width:322px;
	height:52px;
	background:url(../img/art/logo.png) no-repeat 0 0;
}
#logo a, #logo a:hover {
	text-decoration:none;
	border-bottom:none;
	display:block;
	text-indent:-8000px;
	height:52px;
}

/* BUILDING BLOCKS */
.container {
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#header { background:url(../img/art/header-bg-x.png) repeat-x 0 0 }
#site_internet #header { background:url(../img/art/header-internet-bg-x.png) repeat-x 0 0 }
#site_tv #header { background:url(../img/art/header-tv-bg-x.png) repeat-x 0 0 }
#header .container { height:200px; z-index:100 }
#main {
	background:#eee;
	padding:20px;
}
#content {
	width:620px;
	float:left;
}
#sidebar {
	width:300px;
	float:right;
}

/* STYLING TAGS */
h1, h2, h3, h4, h5, h6, p, table, .view ul, .view ol { margin-bottom:10px }

.view h2, .view h3, .view h4 {
	padding-top:10px;
}
.view h2:first-child { padding-top:0 }
h2 {
	font-size:2.4em;
	font-weight:bold;
	color:#333;
}
h3 {
	font-size:1.8em;
	font-weight:normal;
	color:#555;
}
h2 em, h3 em {
	font-style:normal;
	color:#aaa;
}
h4 {
	font-size:1.4em;
	font-weight:bold;
	color:#333;
	margin-bottom:5px;
}
p, .view li {
	font-size:1.2em;
	line-height:1.5em;
}
p.description {
	font-size:1.4em;
	line-height:1.4em;
}

.view ul {
	list-style:none;
}
.view ul ul { margin-left:15px }
.view ul li, .view ul ul li {
	padding-left:12px;
	background:url(../img/art/icons_bullets/bullet1.gif) no-repeat 0 6px;
	margin-bottom:3px;
}
.view ul ul li { background:url(../img/art/icons_bullets/bullet2.gif) no-repeat 0 6px }
.view ol {
	margin-left:25px;
	list-style:decimal;
}
.view ol ol { list-style:lower-latin }
.view ul ul, .view ol ol { margin-bottom:0 }
.view li li { font-size:1em }

/* TABLE */
.view table thead th, .view table thead td {
	background:#333;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
}
.view td, .view th {
	font-size:1.2em;
	line-height:1.7em;
	padding:3px 6px;
	background:#eee;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
.view tbody th {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}

/* TABLE > TV */
.tv { width:100% }
.tv td, .tv th {
	font-size:1.1em;
	padding:1px 6px;
	vertical-align:middle;
	text-align:center;
}
.tv td:first-child {
	width:24px
}
.tv .channel { 
	font-weight:bold;
	background:#97c9d6;
	color:#fff;
}
.tv .title { 
	width:400px;
	font-weight:bold;
	font-size:1.4em;
	text-align:left;
	background:#cee4ea;
}
.tv a { color:#666 } .tv a:hover { color:#000 }

/* TABLE > INTERNET PROMET */
.net {
	width:100%;
}
.net td, .net th {
	font-size:1.1em;
	padding:1px 6px;
	vertical-align:middle;
	text-align:center;
	border:0;
	border-bottom:1px solid #fff;
}
.net tbody .dan, .net tbody .noc {
	border-left:1px solid #fff;
}
.net tbody .dan {
	background:#d5e6ea;
}
.net tbody .noc {
	background:#e5e5e5;
}
.net .ukupno { font-weight:bold; color:#000 }
.view .net thead th, .view .net tfoot th {
	font-size:1.2em;
	font-weight:bold;
	background:#333;
	color:#fff;
}
.net tr:hover td {
	background:#bbb;
}
/* OTHER STUFF */
.interfile {
	border:1px solid #ddd;
	background:#eee;
	color:#444;
}
.interfile th, .interfile td {
	border:0;
	background:transparent;
	padding:0 10px 10px;
	font-size:1.2em;
	line-height:1.3em;
}
.interfile tr:first-child th, .interfile tr:first-child td { padding-top:10px }
.interfile h2 {
	margin-bottom:0;
	padding-top:10px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.1em;
	color:#222;
}
table.inline {
	width:200px;
}
table.aligncenter {
	width:100%;
	margin-bottom:10px;	
}


/* IMAGES */

/* LINKS */
a {
	text-decoration:none;
	color:#0076a3;
}
a:hover {
	color:#000;
}
p.more { margin-top:-10px }

/* SLIDER */
.slider {
	width:620px;
	height:249px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	float:left;
}
.slider .scroller {
	overflow:hidden;
}
.slider .controls {
	position:absolute;
	width:270px;
	top:0;
	right:0;
}
.slider .controls li {
	height:50px;
	width:270px;
}
.slider .controls a {
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#2f79b8;
	background:url(../img/art/slider-controls-bg.png) no-repeat 0 0;
	display:block;
	padding:10px 10px 10px 40px;
	width:220px;
	height:29px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	overflow:hidden;
}
.slider .controls a:hover, .slider .controls a.active {
	background:url(../img/art/slider-controls-bg-hover.png) no-repeat 0 0;
	color:#fff;
}

.slider .inner {
	width:380px;
	height:250px;
}

/* HEADER */
/* HEADNAV */
#headnav {
	position:absolute;
	top:161px;
	left:0;
}
#headnav li {
	float:left;
	display:block;
	position:relative;
	margin-right:3px;
}
#headnav a {
	font-size:1.6em;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:7px 12px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	display:block;
}
#headnav a:hover, #headnav a.selected, #headnav a.active  { background:#363636 }
#headnav .subnav a {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}
#site_internet #headnav a:hover, #site_internet #headnav a.selected { background:#fff; color:#333 }

#headnav ul {
	display:none;
	width:200px;
	position:absolute;
	top:3em;
	left:0;
}
#headnav li:hover ul { display:block }
#headnav ul a {
	display:block;
	width:176px;
	background:#363636;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-bottom:1px solid #444;
	font-size:1.4em;
}
#headnav ul li:first-child a { -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px }
#headnav ul li:last-child a {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom:0;
}
#headnav ul a:hover { background:#000 }

/* PORTALNAV */
#portalnav {
	position:absolute;
	bottom:100px;
	right:0;
}
#portalnav li { float:left; margin-left:2px }
#portalnav a {
	font-size:1.6em;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	background:#92b508 url(../img/art/portalnav-bg.png) repeat-x 0 0;
	padding:12px 15px;
	display:block;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}
#portalnav a:hover, #portalnav a.selected {
	background:#c1d72e url(../img/art/portalnav-bg-hover.png) repeat-x bottom left;
}
#site_internet #portalnav a:hover, #site_internet #portalnav a.selected {
	background:#c1d72e url(../img/art/portalnav-internet-bg-hover.png) repeat-x bottom left;
}
#site_tv #portalnav a:hover, #site_tv #portalnav a.selected {
	background:#c1d72e url(../img/art/portalnav-tv-bg-hover.png) repeat-x bottom left;
}

/* LATEST NEWS */
#latestnews {
	position:absolute;
	top:100px;
	left:0;
	width:630px;
	height:50px;
	padding-left:140px;
	background:url(../img/art/latest-news.png) no-repeat left 19px;
	overflow:hidden;
}
#latestnews li {
	float:left;
	clear:both;
	height:50px;
	width:630px;
	line-height:50px;
	font-size:1.3em;
}
#latestnews a {
	font-weight:bold;
	color:#fff;
}
#latestnews span {
	font-size:.84em;
	color:#000;
	padding-left:5px;
	opacity:.5;
	filter:Alpha(opacity=50);
}
/* SEARCH FORM */
#header #searchform {
	position:absolute;
	top:114px;
	right:0;
	width:160px;
	height:24px;
}
#header #searchform #s {
	width:123px;
	height:18px;
	padding:6px 30px 0 7px;
	background:url(../img/art/search.png) no-repeat 0 -24px;
	border:0;
	font-size:11px;
	font-weight:bold;
	color:#555;
	opacity:.7;
}
#header #searchform #s:hover, #header #searchform #s:focus { 
	background:url(../img/art/search.png) no-repeat 0 -24px;
	color:#333;
	opacity:.9;
}
#header #searchform #searchsubmit {
	width:30px;
	height:24px;
	border:0;
	cursor:pointer;
	text-indent:-8000px;
	position:absolute;
	top:0;
	right:0;
	background:none;
	padding:0;
}
/* LOGIN FORM */
#login {
	position:absolute;
	top:15px;
	right:0;
}
#login .btn {
	font-size:1.4em;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:7px 12px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background:#555;
	text-shadow:none;
}
#login #registrationbtn {
	background:#ddd;
}
#login .btn:hover, #login #registrationbtn:hover {
	background:#000;
}
#login p {
	float:left;
	padding:6px 6px 0 0;
	color:#aaa;
}
/* ADMIN NAV */
#adminnav {
	float:right;
	margin-left:10px;
}
#adminnav li { 
	float:left;
	display:block;
	position:relative;
}
#adminnav a {
	font-size:1.4em;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:7px 12px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background:#555;
	text-shadow:none;
	display:block;
}
#adminnav a:hover {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom:1px solid #444;
	background:#000;
}
#adminnav li:hover ul {
	display:block;
}
#adminnav ul {
	display:none;
	width:200px;
	position:absolute;
	top:2.9em;
	right:0;
}
#adminnav ul li:first-child a { -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px }
#adminnav ul li:last-child a { -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; border-bottom:0 }
#adminnav ul a {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	width:176px;
	border-bottom:1px solid #444;
}
#adminnav ul a:hover {
	background:#000;
}

/* COLUMNS */
.column {
	float:left;
	display:block;
	margin-left:20px;
	width:220px;
}
.column.first { margin-left:0; clear:both }
.size1 { width:60px } .size2 { width:140px } .size2a { width:120px } .size3 { width:220px } .size3a { width:210px } 
.size4 { width:300px } .size4a { width:280px } .size5 { width:380px } .size6 { width:460px } .size6a { width:440px } .size7 { width:540px } .size8 { width:620px }
.column.indent { margin-left:40px }

/* BREADCRUMB */
#breadcrumb {
	width:920px;
	overflow:auto;
	margin:0 auto;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	color:#777;
	margin-bottom:20px;
	background:#eee;
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#breadcrumb li {
	float:left;
}
#breadcrumb a {
	display:block;
	padding:0 8px 0 0;
	margin-right:4px;
	background:url(../img/art/breadcrumb-arrow.gif) no-repeat right 4px;
}

/* FOOTER */
#footer {
	background:url(../img/art/footer-bg-x.png) repeat-x 0 0;
	padding:20px 0 50px;
}
#footer .second {
	background:url(../img/art/footnav-x.png) repeat-x 0 0;
	padding-top:10px;
}
#footer p {
	font-size:1.1em;
	color:#c1edf9;
}
#footer p a { font-weight:bold; color:#fff }
#footer p a:hover { color:#333 }
#return_top {
	padding-right:10px;
	background:url(../img/art/return_top.gif) no-repeat right 50%;
}
/* FOOTER NAVIGATION */
#footnav {
	background:url(../img/art/footnav-y.png) repeat-y top center;
	width:940px;
	overflow:auto;
	padding-bottom:10px;
}
#footnav li{
	width:140px;
	float:left;
	display:inline;
	margin-left:20px;
	font-size:1.1em;
	font-weight:bold;
}
#footnav li.first {  margin-left:0 }
#footnav li li {
	clear:both;
	margin-left:0;
	font-size:1em;
	font-weight:normal;
}
#footnav li a, #footnav li li a.selected { 
	color:#fff;
	display:block;
	padding:3px 0;
}
#footnav li li a {
	color:#c1edf9;
}
#footnav li a:hover { color:#333 }

/* BUTTONS */
a.btn {
	display:inline-block;
	padding:5px 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#bbb;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	font-size:1.1em;
	font-weight:bold;
}
a.btn:hover, a.btn.pos:hover, a.btn.neg:hover {
	background:#999;
	color:#fff;
	text-shadow: #888 1px 1px 1px;
}
a.btn.pos { background:#b0d380 }
a.btn.neg { background:#e4a5a5 }


/******************************* WIDGETS *******************************/
/* WIDGET */
.widget {
	float:left;
	display:inline;
	margin-left:20px;
}
.widget.first { margin-left:0 }
.widget li {
	position:relative;
	margin-bottom:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.widget li li { margin-bottom:0 }
.widget h2, .homepage #content .widget h2 {
	font-size:1.6em;
	line-height:1.2em;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 10px;
	background:url(../img/art/h2-1.gif) repeat-x 50% 50%;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	margin:0;
}
.homepage #content .widget h2 { background:url(../img/art/h2-3.gif) repeat-x 50% 50% }
#content .widget h2 {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	color:#333;
	padding:30px 0 10px;
	border-top:1px solid #eee;
	margin-top:30px;
}

/* SHARED STYLES */
.meta {
	font-size:1em;
	display:block;
	color:#999;
	margin-bottom:5px;
}

/* NAVIGATION */
.navigation {
	background:#ebebeb;
}
.navigation a {
	display:block;
	padding:5px 10px;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}
.navigation li:last-child a { 
	border-bottom:0;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
.navigation a:hover, .navigation a.selected { background:#e5e5e5 }

/* PAKETI */
.paketi {
	float:left;
	display:inline;
	margin-left:20px;
	background:#bcdfe8;
}
.paketi.first { margin-left:0 }
.paketi span {
	display:block;
	font-size:1.1em;
	color:#80a3ac;
	border-bottom:1px solid #b0d4dd;
}
.paketi .cijena { border-bottom:0 }
.paketi .brzina, .paketi .promet, .paketi .cijena { font-size:1.2em; color:#666 }
.paketi .cijena { font-weight:bold; color:#000 }
.paketi.size4 span {
	padding:5px 10px;
	width:280px;
}
.paketi.size4 .naziv { padding:10px }
.paketi .naziv {
	font-size:1.8em;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	background:#176e85;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}
.paketi a:hover span {
	background:#666;
	color:#fff;
	border-bottom:1px solid #626262;
	cursor:pointer;
}
.paketi a:hover .naziv { background:#444 }
.paketi a:hover .cijena { 
	border-bottom:0;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
.paketi em { font-style:normal }
/* NEWS */
.news {
	background:#ebebeb;
	padding-bottom:10px;
}
.news .controls {
	width:100%;
	background:#bcdfe8 url(../img/art/news-controls-bg.png) repeat-x bottom left;
	padding-top:3px;
	position:relative;
	border-bottom:3px solid #fff;
}
.news .controls li { 
	display:inline;
	position:relative;
	margin-left:-2px;
}
.news .controls a {
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
	color:#636363;
	padding:8px 10px;
}
.news .controls a:hover {

}
.news .controls a:hover, .news .controls a.active {
	color:#000;
	background:#fff;
}
.news ul { 
	margin:10px;
	width:600px;
	background:url(../img/art/dot-y-1.gif) repeat-y 310px 0;
	overflow:hidden;
}
.news ul .important { 
	float:left;
	width:300px;
	border-top:0;
	font-weight:normal;
	font-size:1em;
	padding:0;
}
.news .important h3 {
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-size:1.6em;
	line-height:1em;
	margin-bottom:5px;
}
.news .important p { line-height:1.16em }
.news .important .more { margin-top:-5px; margin-bottom:0 }
.news ul li {
	float:right;
	clear:right;
	display:inline;
	margin-right:10px;
	width:260px;
	border-top:1px solid #ddd;
	font-size:1.2em;
	line-height:1.2em;
	padding:6px 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.news ul .heading {
	font-weight:bold; 
	border-top:0;
}
.news ul a {
	color:#005dab;
	text-decoration:none;
	font-weight:bold;
}
.news ul a:hover { color:#222 }

/* NEWSLIST */
.newslist .controls { display:none }
.newslist, .homepage #content .newslist {
	background:#ebebeb;
	padding-bottom:4px;
}
#content .newslist { background:none }
.newslist ul .important.first { border-top:0 }
.newslist ul .important { 
	font-weight:normal;
	font-size:1em;
	clear:both;
	width:auto;
	overflow:auto;
}
.homepage .newslist ul .important {
	padding:10px;
	border-bottom:2px solid #ccc;
}
.newslist .important h3 {
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-size:1.6em;
	line-height:1em;
	margin-bottom:5px;
}
.newslist img.alignleft { margin-top:0 }
.newslist .important p { line-height:1.16em }
.newslist .important .more { margin-top:-5px; margin-bottom:0 }

.newslist li {
	border-top:1px solid #eee;
	font-size:1.2em;
	line-height:1.2em;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	padding:10px 0;
}
/* .homepage .newslist li { border-top:1px solid #ddd; padding:6px 10px } */
.newslist li { border-top:1px solid #ddd; padding:6px 10px }
.newslist .heading {
	font-weight:bold; 
	border-top:0;
}
.newslist a {
	color:#005dab;
	text-decoration:none;
	font-weight:bold;
}
.newslist a:hover { color:#222 }

/* WEATHER */
.weather {
	background:#ebebeb;
}
.widget .weather li {
	min-height:40px;
	height:auto !important;
	height:40px;
	width:300px;
	margin:0;
	padding:0;
	position:relative;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	border-top:1px solid #ddd;
	position:relative;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.widget .weather .first { border-top:0 }
.weather span { position:relative; z-index:20 }
.weather .temperatura {
	font-size:2.2em;
	color:#222;
	padding:9px 0;
	font-weight:bold;
	position:absolute;
	top:0;
	right:10px;
}
.weather .mjesto {
	font-size:1.7em;
	font-weight:bold;
	color:#000;
	position:absolute;
	top:0;
	left:10px;
	padding:12px 0;
}
.weather .bg {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}
.weather .w1 .bg { background:url(../img/art/weather/01.png) no-repeat top right }
.weather .w2 .bg { background:url(../img/art/weather/02.png) no-repeat top right }
.weather .w3 .bg { background:url(../img/art/weather/03.png) no-repeat top right }

/* BANNERS */
.banners { clear:both }

/* CURRENCY */
.currency { background:#ebebeb }
.currency table {
	width:100%;
	margin-bottom:0;
	font-size:1.2em;
	color:#a1a1a1;
}
.currency th, .currency td {
	border-top:1px solid #ddd;
	padding:5px 8px;
	font-weight:bold;
	text-align:center;
}
.currency .small { font-size:.91em; font-weight:normal }
.currency .first {
	color:#666;
	text-align:left;
}

/* COMMENTLIST */
.commentlist ol li {
	margin-bottom:10px;
	clear:both;
	width:620px;
}
.commentlist .negative .commenthead, .commentlist .negative .commentbody, .commentlist .negative .commentnav { opacity:.6; filter:Alpha(opacity=60) }
.commentlist .positive .commenthead, .commentlist .positive .commentbody { }
.commentlist .commenthead {
	padding-left:34px;
	padding-top:13px;
	width:138px;
	float:left;
	background:url(../img/art/commenthead-bg.png) no-repeat 152px 15px;
}
.commentlist .commenthead span { display:block }
.commentlist .commenthead .meta.author { padding-left:0; background:none }
.commentlist .commenthead .meta { font-size:1.1em; line-height:1.1em }
.commentlist .commenthead img {
	position:relative;
	margin-left:-34px;
	float:left;
}
.commentlist .commentbody {
	width:428px;
	float:right;
	padding:10px 10px 30px;
	background:#eee;
	min-height:41px; /* 56px is max */
	height:auto !important;
	height:41px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
}
.commentlist .commentbody p {
	margin-bottom:5px;
}
.commentlist .commentnav {
	position:absolute;
	bottom:10px;
	left:182px;
}
.commentlist .commentnav li {
	display:inline;
	margin:0;
	border:0;
	padding:0;
	width:auto;
	height:auto;
}
.commentlist .commentstatus {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:10000;
}
.commentlist .commentstatus span {
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
}
.commentlist .positive .vote { color:#006600 }
.commentlist .negative .vote { color:#990000 }

/* COMMENT FORM */
.commentform ol li.input {
	float:left;
	display:inline;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
	clear:none;
}
.commentform ol li.textarea {
	clear:both;
}
.commentform ol li.input.first {
	width:200px;
	margin-left:0;
}
.commentform label {
	display:none;
}
.commentform input.text, .commentform textarea.text {
	padding:5px;
	border:1px solid #ccc;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.commentform input.text:focus, .commentform textarea.text:focus {
	border:1px solid #bbb;
	background:#f2f2f2;
}
.commentform input.text {
	width:188px;
}
.commentform textarea.text {
	width:608px;
	height:100px;
}
.commentform input.btn {
	font-size:1.3em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	background:#eee;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px;
	cursor:pointer;
	position:relative;
	margin-top:10px;
}
.commentform input.btn:hover {
	background:#ddd;
	border:1px solid #ccc;
}

/* PAGINATION */
.pagination {
	text-align:center;
}
.pagination li {
	display:inline;
	font-size:1.1em;
	font-weight:bold;
	margin-right:2px;
}
.pagination a {
	display:inline-block;
	padding:5px 8px;
	background:#eee;
	border:1px solid #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px,
}
.pagination a:hover, .pagination a.selected {
	background:#ddd;
	border:1px solid #ccc;
}

/* SOCIABLE */
.sociable {
	float:right;
	width:auto;
}
.sociable div {
	float:none;
	display:inline;
}
/* BANNERS */
.banner.position1 {
	width:940px;
	margin-bottom:20px;
}
.banner.position2 {
	margin-bottom:10px;
	clear:both;
	background:#eee;
	border:1px solid #e5e5e5;
	padding:10px 10px 8px;
	width:598px;
	text-align:center;
}
.banners.position3 img {
	margin-right:10px;
	margin-bottom:10px;
}
/* HELPDESK */
.helpdesk {
	background:#ebebeb;
}
.helpdesk span {
	display:block;
	font-size:1.2em;
	line-height:1.41em;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	margin-bottom:1px;
	color:#333;
}
.helpdesk strong {
	color:#990000;
	font-size:1.41em;
	padding-left:10px;
}
.helpdesk .korisnicka {
	background:#e2e2e2;
}
.helpdesk .email { padding:0; border-bottom:1px solid #e2e2e2 }
.helpdesk .email a { padding:10px 0; display:block }

/* END */
/* FORMS */
.form {
}
.form fieldset {
	border-top:2px solid #eee;
	padding:10px 0 0;
}
.form legend {
	font-size:1.4em;
	background:#fff;
	padding:5px 10px 5px 0;
}
.form li {
	width:630px;
	float:left;
	clear:both;
	display:block;
	margin-bottom:10px;
	position:relative;
}
.error em {
	position:absolute;
	padding:3px 6px;
	background:#c0171d;
	color:#eee;
	font-size:1.1em;
	bottom:-5px;
	right:-5px;
}
.form .error .text, .form .error .select { border:1px solid #c0171d }
.form label {
	display:block;
	font-size:1.4em;
	color:#222;
	font-weight:bold;
	padding-bottom:5px;
}
.required label { color:#c0171d }
.form .group {
	border:1px solid #ddd;
	width:607px;
	padding:8px 8px 0;
}
.group li {
	float:left;
	width:44%;
	margin-right:2%;
	clear:none;
}
.group label, .group input {
	float:left;
}
.group label {
	padding:4px 0 0 4px;
}
.form .text, .form .select {
	width:622px;
	border:1px solid #bbb;
	padding:5px 3px;
	font-size:13px;
	color:#111;
}
.form .icon .text {
	width:602px;
}
.icon img {
	border:0;
	padding:0;
	position:absolute;
	padding:4px 0 0 4px;
}
.form .text:focus {
	border:1px solid #aaa;
	background:#f5f5f5;
}
.form .text {
	
}
.form .select {
	width:630px;
}
.form .editor {
	height:300px;
	background:#eee;
}
.elhide{display:none !important;}
p.msg { font-size:1.2em; font-weight:bold; color:#333; padding:10px; background:#fbfacf; border:1px solid #f0efa8 }
p.msg.error { background:#fbcfcf; border:1px solid #e8aaaa }
p.msg.success { background:#cffbd2; border:1px solid #adecb2 }

/* VIDEO */
.widget .video {
	background:#222;
	padding:10px;
}
#sidebar .widget .video h2 {
		-moz-border-radius:0;
	
	background:none;
	
	color:#ccc;
}
.widget .video li {
	float:left;
	margin-left:10px;
	width:85px;
	padding:0;
}
.widget .video .first-child { margin-left:0 }
.widget .video .img img { margin-bottom:5px }
.widget .video .title {
	font-size:1.1em;
	line-height:1.3em;
}
.widget .video a { color:#ccc; font-weight:normal }
.widget .video a:hover { color:#fff }

/* GALLERY */
.gallery {

}
.gallery .prev, .gallery .next { display:none }
.widget .gallery li {
	float:left;
	margin:0 5px 5px 0;
}
.gallery img { 
	padding:1px;
	border:1px solid #eee;
}
.gallery a span { display:none }
.gallery a:hover span {
	font-size:1.1em;
	line-height:1em;
	display:block;
	position:absolute;
	bottom:4px;
	left:0;
	width:54px;
	padding:5px;
	opacity:.8;
	filter:Alpha(opacity=80);
	text-align:center;
	background:#fff;
	overflow:visible;
	height:auto;
}
/* TEXTIMAGE */
.textimage h3 {
	font-size:1.3em;
	line-height:1.2em;
	margin-bottom:3px;
}
.widget .textimage li, .widget.blank .textimage li { width:100%; padding:5px 0; border-bottom:1px solid #eee; margin-bottom:0 }
.textimage img {
	margin-top:2px;
}
/* FOTO DANA */
.dayfoto .foto {
	width:218px;
	height:160px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
.dayfoto .navlink {
	font-size:1.1em;
	font-weight:bold;
	padding:5px 0;
}

/* POP UP */

#popupbg {
	background:#000;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:501;
	opacity:.9;
}
#popup { 
	height:620px;
	position:absolute;
	top:25%;
	left:25%;
	background:#000;
	z-index:1000;
	text-align:left;
}
.popupnav {
	padding:0 0 10px;
}
.popuplink { 
	color:#fff;
	font-size:1.5em;
}
.popuplink:hover {
	color:#ddd;
}
#popup .image {
	background:#000;
	padding:20px;
	width:auto; /* max 620px */
	float:left;
}
#popup .sidebar {
	width:300px;
	float:left;
	padding:20px 20px 20px 0;
}


#popup .inner {
	
}
#popup .widget h2 {
	color:#777;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
	border-bottom:1px solid #333;
	padding-bottom:2px;
}
#popup .widget .comments2 {
	height:360px;
	overflow-y:scroll;
	padding-right:5px;
}
#popup .widget .comment {
	border:0;
	margin-bottom:10px;
	padding:0;
	width:278px;
}
#popup .comment-head {
	padding:2px 5px;
	background:#181818;
	border-bottom:0;
	margin-bottom:2px;
}
#popup .comment-head img { display:none }
#popup .comment small {
	font-size:1em;
	color:#333;
}
#popup .comment-body {
	color:#666;
	font-size:1.1em;
	line-height:1.3em;
}


#popup .widget.blank .commentform2 li { margin-bottom:5px }
#popup .widget .commentform2 {
	height:200px;
}
#popup .commentform2 label, #popup .commentform2 em { display:none }
#popup .commentform2 .text, #popup .commentform2 .textarea {
	width:288px;
	background:#222;
	border:1px solid #333;
	color:#888;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 5px;
}
#popup .commentform2 .textarea { height:60px }
#popup #commentsubmit {
	padding:3px 6px;
	font-size:1em;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	background:#444;
	border:1px solid #454545;
	color:#888;
	overflow:visible;
	cursor:pointer;
}
#popup #commentsubmit:hover {
	background:#555;
	border:1px solid #555;
	color:#999;
}
#popup_close { display:none }
/* XER */
#xerLoading {
	width:30px;
	height:30px;
	display:none;
	background:url(../img/art/ajax-loader-bg.png) no-repeat 0 0;
	position:absolute;
	right:20px;
}
#xerLoading .inner {
	width:30px;
	height:30px;
	text-indent:-8000px;
	background:url(../img/art/ajax-loader.gif) no-repeat 7px 7px;
}
#main .container {
width:940px;
padding:20px;
background:#fff;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
/* 8 KB BUG FIX ;) */
/* AND 24 KB BUG FIX :( HATE YOU DREAMWEAVER!!! */