/**********************************************
*                                             *
*   CSS file of Ponikve.Krk                   *
*   Copyright (c) 2009. all rights reserved   *
*   Kreativni Odjel                           *
**********************************************/
body, html {
	background-color: #CDFFFF;
	color: #45502E;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	background-image: url(images/design/bg.jpg);
	background-repeat: repeat-x;
}
H2 {
font-size: 1.5em; 
color: #888888;
margin-bottom: 10px;
margin-top: 95px;
font-weight: normal;
}
H3 { 
font-size: 1.2em; 
font-weight: normal;
margin: 0px;
color: #686868;
padding-bottom: 4px;
border-bottom: 1px Solid #DADADA;
}

H3.photo { 
font-size: 1.5em; 
font-weight: bold;
margin: 0px;
color: #02D3EF;
padding-bottom: 4px;
border-bottom: 1px Solid #02D3EF;
}

a {
	text-decoration: none; }
a:link {
	text-decoration: none;
	color: #414141; }
a:hover {
	text-decoration: underline;
	color: #757575; }
a:active {
	color: #414141; }
a:visited {
	color: #414141; }
	
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#miniheader {
	width: 1068px;
	height: 35px;
	background-image: url(images/design/miniheader.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#header {
	width: 1068px;
	height: 246px;
	background-image: url(images/design/header.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
.custom-header {
	width: 777px;
	height: 80px;
	margin: 0 auto;
	padding-bottom: 5px;
	float: left;
	text-align: left;
}
#main {
	width: 1068px;
	height: 227px;
	background-image: url(images/design/main.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#head {
	left: 410px;
	top: 45px; 
	width: 290px;
	height: 120px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
	border: 0px;
}
#head a{
	width: 290px;
	height: 120px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
	text-indent: -9999px;
	border: 0px;
}
#headhome {
	left: 500px;
	margin: 0px;
	width: 70px;
	height: 20px;
	display:block;
	float: left;
	position: relative;
}
#headhome a{
	top: 35px;
	left: 38px;
	margin: 0px;
	width: 70px;
	height: 25px;
	display:block;
	position: relative;
	float: left;
	border: 0px;
}
#headmap {
	left: 500px;
	margin: 0px;
	width: 70px;
	height: 25px;
	display:block;
	float: left;
	position: relative;
}
#headmap a{
	top: 35px;
	left: 45px;
	margin: 0px;
	width: 62px;
	height: 25px;
	display:block;
	position: relative;
	float: left;
	border: 0px;
}
#headcontact {
	left: 505px;
	margin: 0px;
	width: 70px;
	height: 20px;
	display:block;
	float: left;
	position: relative;
}
#headcontact a{
	top: 35px;
	left: 38px;
	margin: 0px;
	width: 62px;
	height: 25px;
	display:block;
	position: relative;
	float: left;
	border: 0px;
}
#container {
	width: 1068px;
	background: url(images/design/container.jpg);
	background-position: 0px 69px;
	background-repeat: repeat-x;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0px;
	height:100%;
	vertical-align: top;
}
#content {
	width: 730px;
	margin: 20px 20px 0px 20px;
	height:100%;
	vertical-align: top;
	text-align: left;
	min-height: 750px;
}
#sidebar {
	float: right; width: 276px;
	margin-right: 15px;
}
.sidebar-tekst {
	padding: 2px 8px 2px 8px;
}
#footer {
	height: 400px;
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(images/design/footera2a.jpg);
}
#minifooter {
	margin: 0 auto;
	width: 1068px;
	height: 110px;
	padding: 0px;
	background: url(images/design/mini-footer2.png) no-repeat bottom center;
	text-align: left;
}
.extraspace {
	margin-left: 105px;
	padding-top: 20px;
	width: 1068px;
	color: #21909A;
}
.extraspace a{
	color: #7E685B;
}
.spaceright {
float: right;
margin-right: 35px;
padding-top: 45px;
margin-top: 10px;
}
.divider {
	margin: 0 auto;
	background-image: url(images/design/divider.gif);
	height: 33px;
}
.dividergrey {
	margin: 0 auto;
	background-image: url(images/design/dividergrey.gif);
	height: 33px;
}
.buttons {
	float: right;
	padding: 5px;
	margin: 0px 5px 5px 5px;
}
.info{
font-family: "Arial Narrow", Arial, Trebuchet;
padding: 4px;
font-size: 11px;
margin-left: 40px;
padding-top: 0px;
margin-top: 0px;
color: #6E6D6D;
}
.txt{
width:1068px;
margin:0px;
padding: 4px;
font-size: 10px;
margin-left: 100px;
color: #696969;
}
.txt:link{
font-size: 10px;
color: #8E8E8E;
padding: 0px;
margin: 0px;
}
.txt:visited{
font-size: 10px;
color: #FCEDC1;
padding: 0px;
margin: 0px;
}
.error {
	color: #DE0108;
	padding: 4px;
	font-size: 11px;
}

/* main nav */
#main-nav{
	width:1068px;
	height:68px;
	margin:0 auto;
	background:#FFF url(images/design/menu.jpg) no-repeat; 				
}
#main-nav ul{
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}
#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}

#main-nav ul li a.onama{
	width: 118px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.djelatnosti{
	width: 114px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.informacije{
	width: 183px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.cjenikusluga{
	width: 140px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.dsluzba{
	width: 141px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.kontakt{
	width: 114px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.novosti{
	width: 116px; height:68px; margin:0px; padding:0px; display: block; }
#main-nav ul li a.javnanabava{
	width: 142px; height:68px; margin:0px; padding:0px; display: block; }
/* -- Hovers -- */
#main-nav ul li a.onama:hover{
	background: url(images/design/menu.jpg) 0px -68px; }
#main-nav ul li a.djelatnosti:hover{
	background: url(images/design/menu.jpg) -118px -68px; }
#main-nav ul li a.informacije:hover{
	background: url(images/design/menu.jpg) -232px -68px; }
#main-nav ul li a.cjenikusluga:hover{
	background: url(images/design/menu.jpg) -415px -68px; }
#main-nav ul li a.dsluzba:hover{
	background: url(images/design/menu.jpg) -555px -68px; }
#main-nav ul li a.kontakt:hover{
	background: url(images/design/menu.jpg) -696px -68px; }
#main-nav ul li a.novosti:hover{
	background: url(images/design/menu.jpg) -810px -68px; }
#main-nav ul li a.javnanabava:hover{
	background: url(images/design/menu.jpg) -926px -68px; }
/* -- Hovers -- */

/* end menu */ 

.tekst {
font-family: "Trebuchet MS", Arial, Verdana;
color: #6E6D6D;
text-decoration: none;
word-spacing: normal;
text-align: justify;
letter-spacing: 0px;
line-height: 20px;
font-size: 13px;
margin: 0px;
text-decoration: none;
word-spacing: normal;
}
.small {
font-family: "Trebuchet MS", Arial, Verdana;
color: #A0A0A0;
text-decoration: none;
word-spacing: normal;
text-align: justify;
letter-spacing: 0px;
line-height: 20px;
font-size: 11px;
margin: 0px;
text-decoration: none;
word-spacing: normal;
}
.smallcenter {
font-family: "Trebuchet MS", Arial, Verdana;
color: #A0A0A0;
text-align: justify;
line-height: 20px;
font-size: 11px;
margin: 0 auto;
text-align: center;
}
.naslov {
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #5D5B5B;
	letter-spacing: 0;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}
.povnaslov {
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #5D5B5B;
	letter-spacing: 0;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}
.centerspace {
	border: 0px;
	margin: 0 auto;
	text-align: center;
	padding: 4px 0px 4px 0px;
	line-height: 20px;
}
.centerspacegal {
	border: 0px;
	margin: 0 auto;
	text-align: center;
	padding: 4px 0px 4px 0px;
	line-height: 20px;
	width: 140px;
	border-left: 1px dotted #DDD;
}
.center {
	border: 0px;
	margin: 0 auto;
	text-align: center;
}
.separator {
	margin: 0 auto;
	text-align: center;
	padding: 4px;
	background-image: url(images/design/divider.jpg);
	background-repeat: no-repeat;
	width: 650px;
	height: 47px;
}
.galerija {
	border: 0px;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
}
img.galerijathumb {
	border: 0px;
	padding: 4px;
}

img.noborder {
	border: 0px;
}
img.noborderspace {
	border: 0px;
	padding: 4px;
}
img.noborderverspace {
	border: 0px;
	padding-top: 8px;
	padding-bottom: 4px;
}
.center {
	margin: 0 auto;
	text-align: center;
}
img.left {
	margin: 0px 6px 2px 2px;
	float: left;
	border: 5px Solid #F4F5F0;
}
img.border {
	margin: 0px 6px 2px 0px;
	border: 3px Solid #F4F5F0;
}
img.thick {
	margin: 0px 6px 2px 0px;
	border: 5px Solid #F4F5F0;
}
.thickgallery img{
	margin: 0px 8px 8px 0px;
	border: 5px Solid #F4F5F0;
	background-color: White;
	padding: 1px;
}
.thickgallery img:hover{
	background-color: #02D3EF;
	opacity:0.6;
}

img.plain {
	margin: 0px 6px 2px 2px;
	float: left;
	border: 0px Solid #F4F5F0;
}
img.right {
	padding:0px 4px 0px 4px;
	float: right;
	border: 0px;
}
table.full {
	width: 100%;
	padding: 4px;
}
#navlist { 
list-style-image: url(images/design/arrow.png); 
font-size:11px;
color:#6A6A6A;
line-height: 20px;
}
#navlist a{ 
font-size:11px;
color:#6A6A6A;
line-height: 20px;
}
table.struktura {
	padding: 4px;
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #E0E0E0;
}
table.konupi {
	padding-left: 12px;
		padding-right: 10px;
	margin: 0px;
	width: 291px;
	text-align: center;
}
table.strukturaleftborder {
	padding: 4px;
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	border: 1px solid #E0E0E0;
}
.bordersection {
	padding: 8px;
	width: 100%;
	font-size: 13px;
	border: 1px solid #E0E0E0;
}
table.strukturaleft {
	padding: 6px;
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	border: 0px solid #E0E0E0;
}
table.strukturaleftudio {
	padding: 6px;
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	border: 0px solid #E0E0E0;
}
table.strukturaleftudio a {
	color: #1883B4;
}
.struktura-center {
	text-align: center;
	font-weight: bold;
}
.struktura-center-bold {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #9BBB58;
	width: auto;
	background-repeat: repeat-x;
	background-image: url(images/design/bggreen.gif);
}
.struktura-center-bold-blue {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #005E94;
	width: auto;
	background-repeat: repeat-x;
	background-image: url(images/design/bgblue.gif);
}
.struktura-center-bold-brown {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #231B15;
	width: auto;
	background-repeat: repeat-x;
	background-image: url(images/design/bgbrown.gif);
}
HR {
	width: 100%;
	background-color: #E0E0E0;
	border: 0px solid #E0E0E0;
	height: 1px;
}
div#ft-wrap { width: 1068px; margin: 0 auto; padding: 45px 10px 10px 45px; color: #41ABB5;}
div#ft-wrap span {
	color:#00707B; padding: 0px; font-size: 12px; border: 0px; font-weight: bold;
}
div#ft-wrap a { color:#21909A} 
div#ft div.col { float: left; color: #41ABB5; width: 175px; margin: 0 0 1em 0; border-left: 1px Solid #A6E7ED;}
div#ft div.col2a { float: left; width: 350px; margin: 0 0 1em 0; border-left: 1px Solid #A6E7ED;}
div#ft ul { margin: 0px; color:#126971; padding: 0px 0px 2px 22px;}
div#ft li { margin: 0.1em 0 0 0;  white-space: normal; list-style: none; padding: 0px;}
div#ft p { clear: left; }
.row {
	width: 100%;
	border: 0px;
	margin: 0px auto;
	float: left;
	text-align: center;
}
/* form */
.indent {
	color: #C1C1C1;
	font-family: Lucida Sans Unicode, Trebuchet MS, Tahoma;
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	text-align: justify;
	padding: 5px 12px 5px 12px;
}
input.submit {
	background: #000 url(images/design/input2.jpg) no-repeat top left;
	border: 1px solid #1c1c1c;
	border: 0 none;
	color: #aaa;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	padding: 2px 7px 2px 7px;
	margin: 0 0 2px 0;
	height: 22px;
	width: 75px;
}
input.upitnik {
	background: #000 url(images/design/input2.jpg) no-repeat top left;
	border: 1px solid #1c1c1c;
	border: 0 none;
	color: #aaa;
	float: left;
	font-size: 11px;
	line-height: 22px;
	outline: none;
	display: block;
	padding: 6px 7px 0px 7px;
	margin: 0 0 7px 0;
	height: 19px;
	width: 226px;
	}
input.guestbook {
	background: #000 url(images/design/input2.jpg) no-repeat top left;
	border: 1px solid #1c1c1c;
	border: 0 none;
	color: #aaa;
	font-size: 11px;
	line-height: 22px;
	outline: none;
	display: block;
	padding: 6px 7px 0px 7px;
	margin: 0 0 7px 0;
	height: 19px;
	width: 226px;
	}
.textarea {
	background: #000 url(images/design/textarea.jpg) no-repeat top left;
	border: 1px solid #1c1c1c;
	border: 0 none;
	color: #aaa;
	font-size: 11px;
	line-height: 22px;
	outline: none;
	display: block;
	padding: 6px 7px 0px 7px;
	margin: 0 0 7px 0;
	width: 226px;
	height: 132px;
	}

.ContactUs fieldset 
{background: url(images/design/contact.gif) no-repeat left top; border: 0px; padding:20px; position:relative;}

.ContactUs p {margin:0 0 15px 0 !important;}

.ContactName, .ContactEmail, .ContactCompany, .ContactCity {
	width:255px;
	height:23px;
	padding:7px 0 0 5px;
	margin-top:5px;
	color:#b4b4b4;
	background: url(images/design/form.gif) no-repeat left top;
	border: 0px;
}

.ContactName:focus, .ContactEmail:focus, .ContactCompany:focus, .ContactCity:focus 
{background: url(images/design/form.gif) no-repeat left center !important; color:#79826c;}
.FormPosition {
	height:130px;
	width:260px;
	position:absolute;
	top:0px;
	left:300px;
	border: 0px;

}
.ContactArea {
	width:555px;
	height:103px;
	padding:7px 0 0 5px;
	margin-top:5px;
	color:#b4b4b4;
	background: url(images/design/contactarea.gif) no-repeat left center;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px;
	
}

.ContactArea:focus {
	background: url(images/design/contactarea.gif) no-repeat left top !important; color:#79826c;
	
}

.ContactSend {
	position:relative;
	width:149px;
	height:29px;
	background: url(images/design/posalji.gif) no-repeat left top;
	top:-15px;
	cursor:pointer;
	border: 0px;
	
}

.ContactSendBill {
	position:relative;
	width:149px;
	height:29px;
	background: url(images/design/posaljibill.gif) no-repeat left top;
	top:-15px;
	cursor:pointer;
	border: 0px;
	
}

.ContactSend:hover {background: url(images/design/posalji.gif) no-repeat left bottom;}

.BillUs fieldset 
{background: url(images/design/billus.gif) no-repeat left top; border: 0px; padding:20px; position:relative;}

.BillUs p {margin:0 0 15px 0 !important;}

.ContactName, .ContactEmail, .ContactCompany, .ContactCity {
	width:255px;
	height:23px;
	padding:7px 0 0 5px;
	margin-top:5px;
	color:#b4b4b4;
	background: url(images/design/form.gif) no-repeat left top;
	border: 0px;
}


}

/* kraj formi */
.framed{
	padding: 4px 4px 4px 6px;
	line-height: 25px;
	font-size: 12px;
	border: 1px solid #E0E0E0;
}
.zahvala{
	padding: 4px 4px 4px 6px;
	width: 100%;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	border: 1px dotted #689C00;
	color: #689C00;
}
.sidebartxt {
	background: url(images/design/bgsidebartxt2.jpg) no-repeat;
	padding: 26px 6px 6px 28px;
	width: 291px;
	height: 161px;
	font-size: 12px;
	color: #4D4F44;
}
/* dokumenti */
#docs { width: 100%; margin-bottom: 20px; }
.xls a {	color: #306303; }
.pdf a { color: #B9281E; }
#docs dl  { padding: 20px 0 0 40px; }
#docs dt,
#docs dd   { font-size: 1.2em; line-height: 1.5; font-weight: bold;}
#docs dt   { }
#docs dd   { margin-top: 5px; }
#docs dd.filesize { font-size: 1.1em; color: #999; margin: 2px 2px 2px 0px; font-weight: normal;}
#docs dd.description { font-size: 0.9em; color: #999; margin: 2px 2px 2px 0px; font-weight: normal; }
.doc    { background: url(images/design/icon_doc.gif) no-repeat 7px 20px; }
.mov    { background: url(images/design/icon_mov.gif) no-repeat 7px 20px; }
.pdf    { background: url(images/design/icon_pdf.gif) no-repeat 7px 20px; }
.mp3    { background: url(images/design/icon_mp3.gif) no-repeat 7px 20px; }
.xls    { background: url(images/design/icon_xls.gif) no-repeat 7px 20px; }
.jpg    { background: url(images/design/jpg.gif) no-repeat 7px 20px; }
.link    { background: url(images/design/link.gif) no-repeat 7px 20px; }
/* dokumenti */
.floatright {
	float: right;
	padding: 8px;
	margin: 10px;
	background: url(images/design/bgsidebartxt.jpg) no-repeat;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	font-size: 12px;
	color: #45502E;
}
.gallerytitle { 
font-size: 1.2em; 
font-weight: bold;
margin: 0px;
color: #686868;
border-bottom: 0px dotted #DADADA;
padding-left: 5px;
padding: 18px 0 0 40px;
background: url(images/design/jpg.gif) no-repeat 7px 20px;
}
.gallerytitlesub { 
font-size: 1em; 
font-weight: normal;
margin: 0px;
color: #686868;
border-bottom: 0px dotted #DADADA;
padding-left: 5px;
padding: 0px 0 0 40px;
}
table.gallerytable {
	padding: 4px;
	width: 100%;
	line-height: 25px;
	font-size: 12px;
	border: 1px dotted #E0E0E0;
}
.logo {

	width: 103px;
	height: 37px;
	padding: 2px;
	background-image: url(images/design/mini-logo.png);
	background-repeat: no-repeat;
}
a.logo:hover{
	width: 103px;
	height: 37px;
	background-image: url(images/design/mini-logo.png);
	background-repeat: no-repeat;
	opacity:0.4;
}
table.piskaznica {
	padding: 5px 5px 5px 0px;
	border: 0px;
	width: 100%;
	line-height: 25px;
	font-size: 12px;
}