html, body, div, span, applet, 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;}
ol, ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

html {
background: #f7f5eb url(http://travar-ps.com/slike/html-iza.png) 0 0 repeat-x;
}

body {
background: url("http://travar-ps.com/slike/body-iza.jpg") 50% 89px no-repeat;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#595957;
text-align: left;
width: 100%;
height: 100%;
}

/*ddb21e*/

h1 {font-size: 35px; color: #C3BA87; font-weight: normal;}
/*h2 {font-size: 30px; color: #C3BA87; font-weight: normal; margin: 0 0 0 0;}*/
h3 {font-size: 22px; color: #C3BA87; font-weight: normal; margin: 0 0 10px 0;}
h4 {font-size: 20px; color: #C3BA87; font-weight: normal; margin: 0 0 15px 0;}


.clear {clear: both; height: 1px;}
.clear5 {clear: both; height: 5px;}
.clear10 {clear: both; height: 10px;}
.clear15 {clear: both; height: 15px;}
.clear20 {clear: both; height: 20px;}

a:link {color: #C3BA87; text-decoration: none;}
a:visited {color: #C3BA87; text-decoration: none;}
a:active {color: #C3BA87;}
a:hover {color: #ffcc1c; text-decoration: none;}

a.zutilo:link {color: #ffcc1c; text-decoration: none;}
a.zutilo:visited {color: #ffcc1c; text-decoration: none;}
a.zutilo:active {color: #ffcc1c;}
a.zutilo:hover {color: #ffcc1c; text-decoration: none;}


#pagination {float: right; margin: 20px 0 0 0;}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:0 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:1px 7px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:0 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }

input[placeholder] {
color: #d5d5d5 !important;
}

input#ime[placeholder],
input#email[placeholder],
textarea#poruka[placeholder] {
color: #444 !important;
}

hr {
color: #eee;
background-color: #eee;
height: 1px;
border:0;
}

.btn {
height: 27px;
display: block;
// background: url(http://travar-ps.com/slike/btn.gif) top left repeat-x;
background: #000000; /* old browsers */
background: -moz-linear-gradient(top, #494747 0%, #000000 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494747), color-stop(100%,#000000)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494747', endColorstr='#000000',GradientType=0 ); /* ie */
text-align: center;
float: left;
color: #fff;
text-decoration: none;
cursor: pointer;
border: 0px solid #c4c4c4;
font: bold 12px/27px Arial;
margin: 0;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
// background: url(http://travar-ps.com/slike/btn.gif) top left repeat-x;
background: #212121; /* old browsers */
background: -moz-linear-gradient(top, #7e7e7e 0%, #212121 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#212121)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#212121',GradientType=0 ); /* ie */
border: 0px solid #c4c4c4;
color: #fff;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}

#wrapper-oko {
	margin: 0 auto;
	width: 1003px;
}

#wrapper
{
	float: left;
	width: 1003px;
	background: url(http://travar-ps.com/slike/wrapper-iza.png) 0 0 repeat-y;
}

.relativ {
position: relative;
}

.relativ2 {
width: 1003px;
top: -58px;
position: relative;
}

#header
{
float: left;
height: 49px;
width: 1003px;
background: #fff;
padding: 10px 0 0 0;
}

#header h1 {
float: right;
text-align: right;
padding: 0 20px 0 0;
font: bold 30px Arial;
color: #c3ba87; 
width: 750px;
text-transform: uppercase;
}

#navigation
{
	position: absolute;
	background: url(http://travar-ps.com/slike/navigation.png) 0 0 no-repeat;
	float: left;
	width: 1009px;
	height: 55px;
top: 55px;
}

#navigation ul
{
	margin: 0;
	padding: 0 0 0 37px;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 20px;
	color: #fff;
	text-decoration: none;
font: bold 16px/40px Arial;
}

#navigation li a:hover,
#navigation li a.zuzu { color: #ffde00; }

#info {
float: left;
width: 951px;
height: 122px;
border-bottom: 1px solid #f0f0f0;
}

#trazi form {
border-bottom: 1px solid #e6e6e6;
height: 30px;
margin: 0 0 10px 0;
}

span.nazovite {
font: 900 15px/15px 'Arial';
color: #949492;
}

span.broji {
font: 900 27px/27px 'Arial';
color: #595957;
}

#trazi {
float: right;
width: 400px;
padding: 24px 0 0 0;
text-align: right;
}

input.trazi-polje {
float: right;
font: 13px Verdana, Arial, sans-serif;
width: 258px;
height: 23px;
border: 1px solid #e6e6e6;
margin: 0 9px 0 0;
padding: 0 0 0 0;
background: #fbfbfb;
}

.trazi-gumb2q{background:  url('http://travar-ps.com/slike/trazi.png'); width: 87px; height: 25px; float: right; border:0; cursor: pointer;}

#baner {
float: left;
width: 951px;
height: 261px;
background: url(http://travar-ps.com/slike/baner.jpg) 0 0 no-repeat;
border-bottom: 1px solid #f0f0f0;
}

#zeleni-u-ban {
float: left;
margin: 66px 0 0 0;
padding: 20px 0 0 12px;
width: 518px;
height: 159px;
background: url(http://travar-ps.com/slike/zeleni.png) 0 0 no-repeat;
color: #fff;
font: normal 24px Arial;
}

#zeleni-u-ban span {
font: bold 33px Arial;
}

.bread {
float: left;
display: block;
width: 951px;
border-bottom: 0px solid #f0f0f0;
padding: 3px 0;
color: #0473b9;
}

.bread2 {
float: left;
display: block;
width: 957px;
border-bottom: 0px solid #f0f0f0;
border-top: 0px solid #f0f0f0;
padding: 3px 0 3px 25px;
color: #0473b9;
margin: 40px 0 10px 0;
}

.bread a:link,.bread2 a:link {color: #0473b9; text-decoration: none;}
.bread a:visited,.bread2 a:visited {color: #0473b9; text-decoration: none;}
.bread a:active,.bread2 a:active {color: #0473b9;}
.bread a:hover,.bread2 a:hover {color: #0a99f3; text-decoration: none;}

#content-container {
position: relative;
	float: left;
	width: 951px;
padding: 0 27px 233px 25px;
margin: 55px 0 0 0;
min-height: 850px;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #033F63;
	border-top: 4px solid #00385C;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}

#section-navigation
{
	float: left;
	width: 160px;
	padding: 20px 0;
	margin: 0 20px;
	display: inline;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

#content
{
	float: left;
	width: 500px;
	padding: 20px 0;
	margin: 0 0 0 30px;
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 200px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

#footer {
float: left;
position: absolute;
bottom: 0;
right: -4px;
	clear: both;
background: url(http://travar-ps.com/slike/footer.png) 0 0 no-repeat;
	text-align: left;
width: 1003px;
	height: 223px;
}


#unfooter {
text-align: center;
width: 80%;
height: 30px;
margin: 100px auto 0 auto;
border: 1px solid #000;
background-color: #d3e49c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}






.box1 {
float: left;
width: 308px;
margin: 15px 10px 10px 0;
border: 1px solid #f0f0f0;
}

.box2 {
float: left;
width: 308px;
margin: 15px 0 10px 0;
border: 1px solid #f0f0f0;
}

.box3 {
float: right;
width: 291px;
margin: 15px 0 10px 0;
border: 1px solid #f0f0f0;
}

.box1 h3 {
width: 293px;
border-bottom: 1px solid #f0f0f0;
font: bold 24px/60px Arial;
padding: 0 0 0 15px;
}

.box1 h3 a, 
.box2 h3 a,
.box3 h3 a {
color: #c3ba87;
}

.box2 h3 {
width: 293px;
border-bottom: 1px solid #f0f0f0;
font: bold 24px/60px Arial;
padding: 0 0 0 15px;
margin: 0;
}

.box3 h3 {
width: 276px;
border-bottom: 1px solid #f0f0f0;
font: bold 24px/60px Arial;
padding: 0 0 0 15px;
margin: 0;
}

.box1 p,
.box2 p {
width: 293px;
font: normal 12px/15px Verdana;
padding: 0 0 10px 15px;
color: #595957;
}

.box3 p {
width: 276px;
font: normal 12px/15px Verdana;
padding: 0 0 10px 15px;
color: #595957;
}

.box1 h4,
.box2 h4 {
width: 293px;
border-bottom: 1px solid #f0f0f0;
font: bold 14px/28px Arial;
padding: 0 0 0 15px;
color: #fff;
background: #99c026;
}

.box3 h4 {
width: 276px !important;
border-bottom: 1px solid #f0f0f0 !important;
font: bold 14px/28px Arial !important;
padding: 0 0 0 15px !important;
color: #fff !important;
background: #99c026 !important;
}

.box1 h5,
.box2 h5 {
width: 293px;
padding: 0 15px 0 0;
text-align: right;
font: normal 12px/30px Verdana;
}

.box3 h5 {
width: 276px;
padding: 0 15px 0 0;
text-align: right;
font: normal 12px/30px Verdana;
}

.box2 img,
.box3 img {
display: block;
}

#volans {
	position:relative;
	background: url(http://travar-ps.com/slike/kvota.png) 0 0 no-repeat;
	overflow:hidden;
	width: 293px;
margin: 0 0 0 15px;
	height:95px;
}

#volans .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:293px;
	color: #fff;
height: 95px;
font: normal 12px/14px Verdana;
}

#volans .items div a.item1 {
font: bold 12px/14px Verdana;
color: #595957;
}

#volans .items div a.item2 {
font: normal 11px/20px Tahoma;
color: #cbc396;
text-align: right;
width: 283px;
float: left;
padding: 0 10px 0 0;
}


.notification {
	width: 98.8%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
}
#contactForm .notification {
	width: 320px;
}
.notification div {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 5px 30px;
}
.notification.success {
	border: 1px solid #54aa29;
	background: #d3f4c0;
	font-size: 14px;
	color: #477e2b;
position: relative;
}
.notification.success li {
list-style-type: none;
	border-radius: 5px;
	padding: 5px 5px 5px 30px;
}
.notification.success div {
	border: 1px solid #fff;
	background: url(http://travar-ps.com/slike/offline/notification_success_icon.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
.notification.error {
	border: 1px solid #aa2929;
	background: #f4c0c0;
	font-size: 14px;
	color: #7e2b2b;
z-index: 100;
position: relative;
}
.notification.error li {
list-style-position: inside;
	border-radius: 5px;
	padding: 5px 5px 5px 10px;
}
.notification.error div {
	border: 1px solid #fae0e0;
	background: url(http://travar-ps.com/slike/offline/notification_error_icon.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

.contactbez {
padding: 15px;
	width: 600px;
height:114px;
background: #ccc496;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	float: left;
margin: 15px 0 0 0;
font: normal 20px/23px Arial;
color:#c00;
}

.contactForm {
padding: 15px;
	width: 600px;
background: #ccc496;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	height: auto;
	float: left;
margin: 15px 0 0 0;
}


.contactForm h1 {
	padding-bottom: 10px;
}
.contactForm label {
	font-size: 14px;
	font-weight: bold;
	color: #646464;
	display: block;
clear: both;
	padding-bottom: 3px;
}
.contactForm input[type=text],
.contactForm input[type=email] {
	width: 228px;
	height: 30px;
	border: 1px solid #a7a7a7;
	background: #fff url(http://travar-ps.com/slike/offline/input_background.png);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #646464;
	padding: 0 5px 0 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	margin-bottom: 14px;
}
.contactForm textarea {
float: right;
	width: 300px;
	height: 175px;
	border: 1px solid #a7a7a7;
	background: #fff url(http://travar-ps.com/slike/offline/input_background.png);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #646464;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
z-index: 90;
overflow: auto;
}
.contactForm input[type=text].error,
.contactForm input[type=email].error {
	border: 1px solid #b78585;
	background: #fff0f0 url(http://travar-ps.com/slike/offline/input_background_error.png);
	background-repeat: repeat-x;
}
.contactForm textarea.error {
	border: 1px solid #b78585;
	background: #fff0f0 url(http://travar-ps.com/slike/offline/input_background_error.png);
	background-repeat: repeat-x;
}


#lijevo {
float: left;
width: 630px;
}

#lijevo-big {
float: left;
width: 951px;
}

#lijevo h4,
#lijevo h2 {
margin: 10px 0 5px 0;
font: normal 20px Arial;
}

#lijevo h4.prvi,
#lijevo h2.prvi {
margin: 10px 0 5px 0;
font: bold 24px Arial;
text-transform: uppercase;
color: #C3BA87;
}

#lijevo h4.bolest1,
#lijevo h2.bolest1 {
float: left;
margin: 0 15px 15px 0;
width: 200px;
font: bold 12px/16px Arial;
text-transform: uppercase;
}


#lijevo h4.bolest2,
#lijevo h2.bolest2 {
float: left;
margin: 0 0 15px 0;
width: 200px;
font: bold 12px/16px Arial;
text-transform: uppercase;
}


#lijevo-big h5.bolest1 {
float: left;
margin: 0 25px 15px 0;
width: 300px;
font: bold 16px/20px Arial;
text-transform: uppercase;
}


#lijevo-big h5.bolest2 {
float: left;
margin: 0 0 15px 0;
width: 300px;
font: bold 16px/20px Arial;
text-transform: uppercase;
}

#lijevo p {
margin: 0 0 10px 0;
font: normal 14px Arial;
text-align: justify;
}

#desno {
float: right;
width: 308px;
margin: 15px 0 0 0;
}

#desno3 {
float: left;
width: 500px;
margin: 15px 0 0 0;
}

#desno h2,
#desno h4 {
float: left;
/*width: 283px;*/
width: 244px;
font: bold 24px/50px Arial;
/*padding: 0 0 0 63px;*/
padding: 0 0 0 15px;
}

#desno h3 {
width: 283px;
font: bold 24px/50px Arial;
padding: 0 0 0 15px;
}

#desno .deslink {
min-height: 150px;
margin: 0 0 20px 0;
}

#desno .deslink a {
font: normal 14px/21px Arial;
padding: 0 0 0 15px;
}

#desno .deslink a:link {color: #0473b9; text-decoration: none;}
#desno .deslink a:visited {color: #0473b9; text-decoration: none;}
#desno .deslink a:active {color: #0473b9;}
#desno .deslink a:hover {color: #0a99f3; text-decoration: none;}

#desno3 .deslink2 {
font: normal 14px Arial;
padding: 0 0 0 15px;
float:left;
width: 230px;
}

.arhiva {
float: right;
color: #fff;
background: #9ABD34;
padding: 5px;
font: bold 14px Arial;
margin: 15px 0 0 0;
}

a:link.arhiva,a:link.arhiva2 {color: #fff; text-decoration: none;}
a:visited.arhiva,a:visited.arhiva2 {color: #fff; text-decoration: none;}
a:active.arhiva,a:active.arhiva2 {color: #fff;}
a:hover.arhiva,a:hover.arhiva2 {color: #eee; text-decoration: none;}


	ul.paginationw
	{
		
		
		font:12px 'Tahoma';
		list-style-type:none;
float: right;	
	}
	
	ul.paginationw li
	{
		float:left;
		margin:0px;
		padding:0px;
		margin-left:5px;
	}
	
	ul.paginationw li:first-child
	{
		margin-left:0px;
	}

	ul.paginationw li a,
	ul.paginationw li strong
	{
		color:black;
		display:block;
		text-decoration:none;
		padding:5px 8px 5px 8px;
	}
	
	ul.paginationw li a img
	{
		border:none;
	}

	/*****************************************************************/
	/* B																				  */
	/*****************************************************************/

	ul.paginationA li a,
	ul.paginationA li strong
	{
		color:#FFFFFF;
		border-radius:3px;	
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
text-shadow:0px 1px #eee;
	}
	
ul.paginationA12 li a
	{
		background:#94ba07;
		background:-moz-linear-gradient(top,#7b9b07,#94ba07);
		background:-webkit-gradient(linear,0 0,0 100%,from(#7b9b07),to(#94ba07));	
	}	
	
	ul.paginationA12 li a:hover,
	ul.paginationA12 li a.current,
	ul.paginationA12 li strong
	{
		color:#fff;
		background:#888;
	}	

img.slika {
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px solid #ccc;
}

#karta-v {
float: left;
dislay: block;
margin: 15px 0 0 0;
width: 951px;
height: 500px;
}

.dolje {
display: block;
color: #C3BA87;
padding: 0 0 0 25px;
}

.dolje a:link {color: #c3ba87; text-decoration: none;}
.dolje a:visited {color: #c3ba87; text-decoration: none;}
.dolje a:active {color: #c3ba87;}
.dolje a:hover {color: #ffcc1c; text-decoration: none;}

.ako {
text-align: center;
font: bold 22px/22px Arial;
color: #595957;
margin: 0 0 20px 0;
}

.ako2 {
text-align: center;
font: bold 16px/18px Arial;
color: #595957;
margin: 0 0 20px 0;
}

.dugo {
width: 262px;
font: bold 18px/20px Arial;
padding: 15px;
margin: 0 0 15px 15px;
color: #fff;
background: #99c026;
}

.dugo2 {
font: bold 18px/20px Arial;
padding: 15px;
margin: 0 0 15px 0;
color: #fff;
background: #99c026;
}

a.deta {
float: left;
width: 630px;
text-align: right;
}

a.deta2 {
float: left;
width: 630px;
text-align: right;
font: normal 14px Arial;
}

#cloud {float:left; width:630px; height:1px; overflow:hidden; text-align:justify}

.zelrad {
float: left;
font: bold 18px/20px Arial;
padding: 15px;
margin: 10px 0 0 0;
color: #fff;
background: #99c026;
width:921px;
}