* {
	font-family: Arial, Helvetica, sans-serif;
}
html, body, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input {
	font-size: 1em;
}
html, body, div, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input {
	padding: 0px;
	margin: 0px;
	border: 0px transparent none;
	background-position:left top;
	background-repeat:no-repeat;
	color: #006e9a;
}
body { behavior:url("css/iepngfix.htc"); }
body { behavior:url("csshover.htc"); }
body {
	font-size: 70%;
	background-color:#e2f8ff;
	background-image: url(images/layout/back_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
}

div {
	color: #FFFFFF;
}
p, td, h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	margin: 0px;
	color: #046193;
}
ol { FONT-SIZE: 17px; COLOR: #046193;}
ol li p strong { color:#046193; font-size:17px; }
a, a:visited {
	color:#006699;
	text-decoration:none;
}
a:active, a:hover {
	color:#0070ad;
	text-decoration:underline;
}
ul {
	margin:0;
	padding:0 0 0 0px;
	font-family: Segoe UI, Arial, Helvetica, Sans-serif;
}
li {
	margin:0;
	padding:0;
	font-family: Segoe UI, Arial, Helvetica, Sans-serif;
}
h1 {
	float: left;
	height: 103px;
	width: 380px;
	text-indent: -4000px;
	background-image: url(images/layout/vitalis-logo.gif);
	background-position: 30px center;
	background-repeat: no-repeat;
}

h2 {
	color:#006699;
	font-family: "Segoe UI", Arial, Helvetica, Sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 5px;
	width: 670px;
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b7bbbe;
}
h3 {
	color:#006699;
	font-family: "Segoe UI", Arial, Helvetica, Sans-serif;
	font-size: 22px;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b7bbbe;
	float: left;
	width: 670px;
}
h4 {
	color:#006699;
	font-family: "Segoe UI", Arial, Helvetica, Sans-serif;
	font-size: 22px;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b7bbbe;
}
h5 {
	color:#006699;
	font-family: "Segoe UI", Arial, Helvetica, Sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
}
.bold {
	font-weight:bold;
}
label {
	font-size:12px;
	
}
.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #28586F;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #3ea3da;
}
.boxselected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #28586F;
	text-decoration: none;
	background-color: #e8ffbf;
	padding: 3px;
	border: 1px solid #3ea3da;
}
p {
	line-height:16px;
	font-size:13px;
	color: #006e9a;
}
.tekst {
	font-size: 13px;
	color: #00FF00;
	text-decoration: none;
}

#nav {
	height: 44px;
	width: 980px;
	font-size: 14px;
	float:left;
	font-weight: normal;
	text-align: center;
	padding:0;
	margin:0;
	background-image: url(images/layout/back_topMenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 100;
}
#nav ul {
	padding:0;
	list-style:none;
	width:980px;
	text-align: center;
	float:left;
	position: relative;
}
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
	float:left;
	height: 44px;
	width: 162px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #b8c7d6;
}
#nav li a {
	float:left;
	margin:0;
	display:block;
	text-decoration:none;
	color:#e0f0ff;
	height:28px;
	padding-top: 16px;
	background-image: url(images/layout/menu_normal.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 162px;
	font-weight: bold;
}
#nav li a.odabrani {
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(images/layout/back_strelicaGore.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#nav li a:hover {
	color:#FFFFFF;
	background-image: url(images/layout/back_strelicaGoreBlue.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#nav li a.odabrani:hover {
	background-image: url(images/layout/back_strelicaGore.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#nav .online {
	color: #003366;
	background-image: url(images/layout/back_topMenuGreen.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 165px;
	border-right-style: none;
	border-right-width: 1px;
	border-right-color: #368c09;
}
#nav .online a {
	color: #003366;
}

              /* submenu, it's hidden by default */       
#nav ul {
	left:0;
	display:none;
	width:162px;
}                   
#nav ul li {
	margin:0;
	padding:0;
	text-align: center;
	float:left;
	width: 162px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #97ADC4;
	background-color: #e0f0ff;}
/* display block will make the link fill the whole area of LI */        
#nav ul a {
	float:left;
	margin:0;
	display:block;
	text-decoration:none;
	color:#00549F;
	height:28px;
	padding-top: 16px;
	background-image: url(images/layout/menu_normal.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 162px;
	font-weight: normal;
}                   
#nav ul a:hover, #header #nav li ul li:hover, #nav ul a.odabrani:hover {
	text-decoration:none;
	color: #006699;
	background-image: url(images/layout/strelica.gif);
	background-repeat: no-repeat;
	background-position: 13px center;
	background-color:#f7fbff;
}
#nav ul a.odabrani, #nav ul a.odabrani:hover {
	text-decoration:none;
	color: #006699;
	background-image: url(images/layout/strelica.gif);
	background-repeat: no-repeat;
	background-position: 13px center;
	background-color:#f3f4ec;
}
#nav li ul {
	display:none;
	margin:o;
}                   
#nav li ul li {
	left:160px;
	width:162px;
	margin:0;
}                   
.sub-menu {
	left:162px;
}			  
#page {
	width: 1200px;
	margin: auto;
	padding:0;
	background-color: #e2f8ff;
	background-image: url(images/layout/back_topBody.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#pagewrap {
	width: 980px;
	margin:auto;
	padding:0;
}
#header {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 147px;
	width: 980px;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-image: url(images/layout/back_Header.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#podaci {
	margin: 0px;
	float: left;
	height: 83px;
	width: 575px;
	text-align: right;
	padding-top: 20px;
	padding-right: 25px;
	color: #333333;
}
#podaci strong{
	font-size: 17px;
}
#footer #podaci {
	margin: 0px;
	float: left;
	height: 141px;
	width: 200px;
	text-align: left;
	padding-top:0px;
	padding-right: 30px;
	color: #e0f0ff;
	margin-right:30px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #00CCFF;
}
#footer #podaci a {
	color: #e0f0ff;
}
#footer #podaci strong, #footer #lokacija strong {
	font-size: 17px;
}
#footer #lokacija {
	margin: 0px;
	float: left;
	height: 141px;
	width: 409px;
	text-align: left;
	padding-top:0px;
	padding-right: 30px;
	color: #e0f0ff;
	margin-right:0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #00CCFF;
}
#velikagalerija {
	padding: 0px;
	float: left;
	height: 300px;
	width: 730px;
}
#cosmetal {
	float: left;
	width: 189px;
}
#cosmetal {
	float: left;
	width: 189px;
	text-align: right;
	color: #e0f0ff;
	padding-left:30px;
}
#cosmetal p{
	text-align: right;
	color: #e0f0ff;
	font-size:11px;
}
#cosmetal a {
	color: #e0f0ff;
}
#cosmetal strong {
	font-size: 17px;
}

#sanitacija {
	background-image: url(images/layout/back_sanitacija.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 210px;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
#sanitacija p {
	font-size: 13px;
	line-height: 17px;
	color: #4b5052;
	text-decoration: none;
}
#googlemapa {
	float:left;
	margin-top:15px;
}
#googlemapa div div div {
	color:#000000;
	font-size:11px;
}
#srednjimenu {
	float: left;
	height: 300px;
	width: 250px;
}
#srednjimenu ul {
	padding:0;
	width:250px;
	float:left;
}
#srednjimenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height: 60px;
	width: 250px;
}
#srednjimenu li a {
	float:left;
	margin:0;
	display:block;
	text-decoration:none;
	color:#37516b;
	height:52px;
	padding-top: 8px;
	background-image: url(images/layout/back_MidMenu.gif);
	background-repeat: repeat-x;
	width: 228px;
	font-weight: bold;
	padding-left: 22px;
	font-size: 15px;
}
#srednjimenu li a.odabrani {
	color:#0ea8ce;
	font-weight: bold;
	background-image: url(images/layout/back_MidMenuSelected.gif);
	background-repeat: repeat-x;
}
#srednjimenu li a.odabrani:hover {
	background-image: url(images/layout/back_strelica.gif);
	background-repeat: no-repeat;
}
#srednjimenu li a.strelica {
	background-image: url(images/layout/back_strelica.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#srednjimenu li a:hover {
	background-image: url(images/layout/back_MidMenuHover.gif);
	background-repeat: repeat-x;
}
#srednjimenu .online {
	color: #003366;
	background-image: url(images/layout/back_topMenuGreen.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 196px;
	border-right-style: none;
	border-right-width: 1px;
	border-right-color: #368c09;
}
.slikica {
	border: 1px solid #868687;
	float: left;
	margin-right: 8px;
}
.padding9 {
	float:left;
	margin-top: 9px;
}
.marginbot10 {
	float: left;
	margin-bottom: 30px;
}
.padding8 {
	padding-top: 8px;
}
.padding10 {
	float: left;
	width: 210px;
	padding-left: 10px;
}
.margingore {
	float:left;
	margin-top: 20px;
}
.margingore10 {
	float:left;
	margin-top: 10px;
}
.paddingGoreDole {
	float:right;
	padding-top: 12px;
	padding-bottom: 8px;
}
.paddingGoreDole a {
	float:right;
	padding-top: 12px;
	padding-bottom: 8px;
}
.noborder {
	border: none;
}
#brosure {
	float: right;
	width: 100px;
	margin-bottom: 8px;
	padding-top: 6px;
}
.tablicabrojke {
	float:right;
	padding:4px;
	margin-top:15px;
	background-color:#CCEEFF;
	margin-left:15px;
	width: 220px;
	border: 1px solid #006699;
	font-size:12px;
}
.tablicabrojke tr td, table tr td div {
	padding:4px;
	color:#333333;
	font-size:11px;
}
table.tekst {
	margin-top:15px;
}
#brosure h5 {
	color:#006699;
	font-size: 17px;
	margin-bottom: 4px;
}
#brosure a {
	width: 95px;
	color:red;
}
#brosure br {
	margin-top:17px;
}

#footer {
	width: 920px;
	height: 171px;
	color: #FFFFFF;
	background-color: #009ec3;
	background-image: url(images/layout/back_Footer.gif);
	background-repeat: repeat-x;
	margin-bottom:30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	clear: both;
}
#bottommenu {
	background-color: #67c6dd;
	background-image: url(images/layout/back-footer.gif);
	background-repeat: repeat-x;
	float: left;
	height: 84px;
	width: 940px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
	font-size:11px;
	color:#555555;
}
#bottommenu p {
	padding-top: 12px;
	font-size:11px;
	color:#000000;
}
#bottommenu p a {
	font-size:11px;
	color:#000000;
	padding:0px;
}
#bottommenu p a strong {
}
#bottommenu a {
	margin-right: 12px;
	margin-left: 12px;
	text-align: center;
	font-size:13px;
	color:#000000;
}
#bottommenu ul {
	padding:0;
	list-style:none;
	width:845px;
	text-align: center;
	float:left;
	padding-left:95px;
}
#bottommenu li {	
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
	float:left;
	padding-top: 4px;
}
#bottommenu li a {
	float:left;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	line-height:14px;
	padding-right: 3px;
	padding-left: 3px;
	margin-left:9px;
	margin-right:9px;
	text-align: center;
}
#bottommenu li a.odabrani {
	font-weight:bold;
}
#bottommenu li a:hover {
	text-decoration:underline;
}
#content {
	margin: 0px;
	float: left;
	width: 950px;
	padding-left:30px;
	background-image: url(images/layout/back_Content.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
}
#content .current a {
	color:#00a651;
}

#sadrzaj {
	padding: 0px;
	float: left;
	width: 670px;
	margin-right:30px;
}
#sadrzaj p {
	color:#333333;
	font-size: 13px;
	line-height: 19px;
	text-decoration: none;
	padding-top:16px;
	text-align: justify;
}
#sadrzaj p table tr td {
	color:#046193;
	padding:4px;
	font-size:12px;
}
#sadrzaj p table tr td strong {
	color:#046193;
	padding-bottom:12px;
	font-size:14px;
	padding-top:15px;
	padding-left:20px;
	float:left;
}
#malagalerija {
	float: left;
	width: 670px;
	margin-top: 20px;
}
#malagalerija a {
	float: left;
	border: 1px solid #039dcf;
	margin-right: 8px;
	margin-bottom: 8px;
	height: 118px;
	width: 156px;
}
#malagalerija a.nomargin {
	float: left;
	border: 1px solid #039dcf;
	margin-right: 0px;
	margin-bottom: 8px;
}
#tehokvir {
	background-color: #FFFFFF;
	float: left;
	width: 562px;
	text-align: center;
	padding-bottom: 30px;
	color:#333333;
	font-size:12px;
}
#potpisdno {
	color:#006699;
	margin-bottom:15px;
}
#sadrzaj .teho {
	text-align:left;
	width:670px;
}
#leftcontent {
	float:left;
	color:#333333;
	margin-top:20px;
}

#leftcontent table {
	width:450px;
	float:left;
	color:#333333;
	margin-right:20px;
}
#leftcontent table tr td div {
	color:#333333;
}
.polacontenta {
	width:190px;
	float:left;
	color:#333333;
}
#rightmenu {
	float: left;
	width: 240px;
	padding-top: 30px;
	padding-left: 10px;
}
#rightmenu ul {
	float:left;
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	padding-bottom: 20px;
	margin-left: 10px;
	width:210px;
}
#rightmenu li {
	float:left;
	list-style:none;
	display:block;
	text-decoration:none;
	font-size:18px;
	color:#006699;
	width:200px;
	border:solid 0px #FFFFFF;
}
#rightmenu li a {
	text-decoration:none;
	color:#006699;
	float:left;
	width:194px;
	font-size:18px;
	font-family: "Segoe UI", Arial, Helvetica, Sans-serif;
	line-height: 20px;
	padding-left: 16px;
	margin-bottom:1px;
}
#rightmenu li a.odabrani {
	background-image: url(images/layout/strelica.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	color: #0ea8cf;
}
#rightmenu li a:hover {
	color:#0099CC;
}
#rightmenu li ul {
	font-size: 16px;
	padding-left:20px;
	padding-bottom:15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:190px;
}
#rightmenu li ul li{
	width:163px;
}
#rightmenu li ul li a {
	color:#006699;
	font-size: 16px;
	margin-bottom:0px;
	padding-left: 14px;
	width:150px;
	padding-top:1px;
	padding-bottom:1px;
}
#rightmenu li ul li a.odabrani {
	background-image: url(images/layout/strelica.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #0ea8cf;
}
#rightmenu li p {
	font-size: 11px;
	text-decoration:none;
	line-height:12px;
	color:#888888;
	overflow:hidden;
	height:24px;
}
.manjitekst {
	font-size:12px;
	color: #3ea3da;
}
.manjitekst11 {
	font-size:11px;
	color: #5b5959;
	font-weight: normal;
}
.saznajvise {
	font-size:11px;
	color: #666666;
	float:left;
	background-color: #f9f9f9;
	width: 648px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 1px solid #DDDDDD;
	margin-top: 7px;
	margin-bottom: 7px;
}
.saznajvise a {
	font-size:11px;
}
.lightblue {
	color:#5FBAFE;
}

table, table tr td {
	padding:2px;
}
.goodalert {
	width:350px;
	color:#009900;
	font-size:12px;
	float:left;
}
.badalert {
	color:#FF6633;
	font-size:11px;
	float:left;
}
.vrhstranice {
	float:right;
	margin-top:30px;
	color:#0099CC;
	font-size:11px;
	width:100px;
	padding-left:550px;
}
.vrhstranice a {
	color:#0099CC;
	font-size:11px;
	width:100px;
}
.imgs {
	border: 1px solid #868687;
}
.imgsmargin {
	border: 1px solid #868687;
	margin-bottom: 12px;
	margin-left: 12px;
}
.thumbslika {
	float: left;
	height: 62px;
	width: 62px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #039dcf;
	text-align: center;
	background-color: #FFFFFF;
	overflow: hidden;
}
.w100 {
	width: 100%;
	float: left;
}
.crveni {
	color: #FF3300;
}

.inputnormal {
	background-color:#FFFFFF;
}
.inputfocus {
	background-color:#EAFAFF;
}
.crtadole {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0698E6;
}
.fleft b, .fleft {
	float:left;
}

