@charset "UTF-8";
/**
	@file	style.css General style for marinazadar.com
	@copyright	Futuro IS <davor@futuro.hr>
******************************************************** */


pre {color:#888}


body {background:#0c0000 url(../img/tpl/bg.jpg) top left repeat-x}

#kontakt-brief {width:173px;padding:510px 10px 0 0;float:left;text-align:right;background:transparent url(../img/tpl/left_bg.jpg) top left no-repeat;color:#FFF}
#kontakt-brief .blue-flag {height:43px;margin:10px 0 10px 10px;padding-top:5px;border-top:1px dotted #FFF}
#kontakt-brief .blue-flag img {float:left;margin:0 0 0 70px;}

#wrapper-top {padding-top:7px;background:transparent url(../img/tpl/wrapper_top.gif) top right no-repeat}
#wrapper-bottom {padding-bottom:7px;background:transparent url(../img/tpl/wrapper_bottom.gif) bottom right no-repeat}
#wrapper-middle {background-color:#fff;padding-top:1.5em}

h1 a{display:block;text-indent:-9999px;overflow:hidden;height:31px;background:transparent url('../img/tpl/logo.jpg') no-repeat 21px center;}
.header {margin-left:23px}

#nav-main {margin:1.5em 0 1.5em 0;}
#nav-main li {text-align:center;width:107px;border-right:1px dotted #0066b3;}
#nav-main li a{text-decoration:none;color:#0066b3;font-weight:bold;}

#nav-main a.nav-top:hover, .sf-menu li.sfHover { background:transparent url(../img/tpl/menu_bg.jpg) no-repeat; color:white!important; }
.sf-menu li.sfHover a.nav-top {color:white!important}

#nav-lang {background-color:#edf4fa;height:25px;line-height:25px;}
#nav-lang a {display:inline;padding:0;}
#nav-lang img {margin:0 3px;vertical-align:middle}
li#nav-lang.sfHover{ background:#edf4fa url() no-repeat; }


#content-wrapper {margin:10px 23px 23px 23px;padding-top:10px;border-top:1px dotted #0066b3}
#content {float:left;width:520px;}
#content.full-width {width:auto!important}
#content .content-item {width:235px;float:left;margin-top:10px;padding:0 10px 20px 10px;}
#content .content-item.left {padding-left:0;clear:left;}
#content .content-item.right {border-left:1px dotted #0066b3}

.content-item span.img img {float:right;border:0 none!important;margin:0 0 5px 5px}
.content-item span.img {border:0 none}

.content-heading {border-top:1px dotted #0066b3;padding-top:15px}

.article-list ul, .kalendar-dogadjanja ul {margin:0}
.article-list ul li, .kalendar-dogadjanja ul li {height:30px;display:block;}
.article-list ul li.row-odd, .kalendar-dogadjanja ul li.row-odd {background-color:#eef5fa}
.article-list ul li.row-even, .kalendar-dogadjanja ul li.row-even {background-color:#fff}
.article-list ul li a, .kalendar-dogadjanja ul li a{line-height:30px;height:30px;padding-left:10px;display:block;font-weight:bold;color:#0066b3;text-decoration:none;background:transparent url(../img/tpl/arrows_pager.gif) 490px top no-repeat}
.article-list ul li a:hover, .kalendar-dogadjanja ul li a:hover {background-position:490px bottom;color:#d40000}

tr.row-odd {background-color:#eef5fa}

.kalendar-dogadjanja ul li a{padding-left:130px;}
.kalendar-dogadjanja ul li div.date {float:left;padding-right:10px;line-height:30px;height:30px;background-color:#FFF}
.kalendar-dogadjanja h3{background-color:#eef5fa;margin:1.5em 0 10px 0;padding:10px;}

.article-detail h2, .kalendar-dogadjanja h2, .article-list h2 {border-bottom:1px dotted #0066b3;padding-bottom:.95em}
.article-photos img {
margin:18px;
}
.article-photos2 img {
margin:5px 0px 10px 10px;
float:right;
}

#bottom-content .content-item {width:150px;float:left;padding:10px;border-top:1px dotted #0066b3}

#side-content {margin:0px 0 0 10px;width:200px;float:left;background:transparent url(../img/tpl/side_bar_bg_gradient.gif) top left repeat-x}
#side-content ul {list-style:none;padding:16px 0 0 16px;margin:0;background:transparent url(../img/tpl/side_bar_bg.gif) top left no-repeat}
#side-content .content-item {padding-right:16px;}
#side-content .content-item.last-item {border:0 none}
#side-content .content-item.nautika {background:transparent url(../img/tpl/kompas.png) no-repeat scroll 136px 5px}
#side-content .content-item.nautika h4,
#side-content .content-item.weather h4 {border-top:1px dotted #0066b3;padding-top:10px}
.side-news {background:transparent url(../img/tpl/globus.png) no-repeat scroll 143px top}

#weather .data {text-align:right;font-weight:bold}
#weather .image, #weather .temp {padding:0}
.noborder {border:0 none!important}
.read-more {display:block;width:103px;height:21px;text-align:right;padding-right:20px;margin-left:100px;background:transparent url(../img/tpl/readon_bg.jpg) center right no-repeat}

.pager {float:right;clear:both;padding-top:10px}
.pager a {display:block;background-color:#edf4fa;width:30px;height:30px;line-height:30px;text-align:center;float:left;margin-left:10px;text-decoration:none}
.pager a:hover,.pager a:focus,.pager a:active {outline:1px solid #005A95;color:#005A95}
.pager a.next,.pager a.prev {text-indent:9999px;overflow:hidden;background:#edf4fa url(../img/tpl/arrows_pager.gif) right top no-repeat}
.pager a.next {background-position:top left}
.pager a.prev:hover {background-position:bottom right}
.pager a.next:hover {background-position:bottom left}
.pager .PageNormal {}
.pager .PageBold {background-color:#005A95;color:white;}
.pager .PageBold:hover, .pager .PageBold:focus, .pager .PageBold:active {background-color:#005A95;color:white;}

fieldset {padding:0;border:0 none}
fieldset label.label {padding-left:10px;height:40px;line-height:20px;width:186px;display:block;float:left}
label.error {clear:both;display:block;margin:0 12px;padding:5px}
div.success {margin:0 10px;}
textarea {width:300px; margin:0px;}

#footer {text-align:right;padding-right:15px;padding-top:10px;}

fieldset.buttons {
	padding-left:196px;
	
	
	}
input[type="submit"], input[type="reset"] {
	background:#FFF;
	border:#005A96 1px solid;
	width:100px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#005A96;
	cursor:pointer;
}