/*------------basic stuff--------------*/
* {
	margin:0;
	padding:0;
	border:0;
}
body {
/*	background:#dee7ec url('http://www.dental-design.com.hr/images/bg.jpg') repeat-x top;*/
	background-color:#FFF;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size: 8pt;
	color:#000;
	height:100%;
	}
#wrapper {
	background:#f1f2f2 url('http://www.dental-design.com.hr/images/bg2.jpg') repeat-x top;
	border-left:solid 10px #fff;
	border-right:solid 10px #fff;
	width:740px;
	min-height:1000px;
	margin:0 auto;
}
#rightcolumn {width:530px;}
#rightcolumn p {
	font-size:9pt;
	line-height:16pt;
}
/*------------header navigation--------------*/
#lang {
	background:#fff;
	word-spacing:15px;
	padding:5px;
	width:730px;
	text-align:right;
	margin-bottom:5px;
	font-weight:bold;
}
#header {
	width:740px;
	height:200px;
	margin-bottom:5px;
}
#header h1 {
	background:#3c4c52;	
	display:block;
	color:#fff;
	font-size:32pt;
	width:190px;
	height:190px;
	margin-left:5px;
	padding:0;
}
#nav ul{
	font-weight:bold;
	font-size:10pt;
	list-style:none;
	background:#3c4c52;
	width:515px;
	color:#bfccd2;
	padding:5px;
	margin-right:5px;
}
#nav li{
	display:inline;
	margin-right:40px;
}
#nav ul a {padding-left:13px;}
#nav ul a:hover{background:url('http://www.dental-design.com.hr/images/navbg.gif') no-repeat left;
	padding-left:13px;
}
/*------------image rotation--------------*/
#imageContainer {
	height:180px;
	width:525px;
	position:relative;
	margin-right:5px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}
/*-------------typography---------------*/
a:link, a:visited {
	color:#bfccd2;
	text-decoration:none;
	}
a:hover, a:active {
	color:#f12966;
	font-weight:bold;
	}
p 	{
	font-size:8pt;
	padding:5px;
	}
h1	{
	font-size:10pt;
	letter-spacing:1px;
	padding:5px;
	color:#bfccd2;
	}
h2 {font-size:8pt;}
input, textarea {
	border:1px solid #000;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:8pt;
	margin:5px 5px 5px 0;
	padding:2px;
}
/*------------main content area--------------*/
#main {
	width:740px;
	height:auto;
}
.newsitem img, .kontakt img {
	background:#3c4c52;
	padding:5px;
	border:1px solid #000;
	margin:5px;
}
.onamaslicka {
	background:#3c4c52;
	padding:5px;
	border:1px solid #000;
	margin:5px;
	float:left;
}
.newsitem, #onama, .kontakt {
	width:523px;
	margin:5px 5px 0 0;
}
.newsitem h1, #onama h1, .kontakt h1{
	background:#e2e2e2 url('http://www.dental-design.com.hr/images/navbg.gif') no-repeat 5px 10px;
	padding-left:17px;
	color:#000;
}
.newsitem span {
	background:#e2e2e2;
	color:#000;
	width:515px;
	display:block;
	padding:4px;
}
#onama li{
	list-style:none;
	background:url('http://www.dental-design.com.hr/images/navbg.gif') no-repeat left center;
	padding-left:15px;
	margin-left:5px;
	font-weight:bold;
	display:block;
}
#onama h2 {margin:5px;}
.kontakt {clear:both;}
.kontakt li {
	list-style:none;
	padding-left:15px;
	margin-left:5px;
}
.box {
	background:#3C4C52;
	width:240px;
	height:100px;
	float:left;
	color:#fff;
	margin:5px;
	padding:5px;
}
.box a {font-weight:bold;}
.fotke {
	width:160px;
	float:right;
	margin:5px;
}
.fotke img {
	background:#3c4c52;
	padding:5px 5px 0px 5px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.fotke span {
	background:#3c4c52;
	padding:5px;
	margin-bottom:10px;
	width:150px;
	display:block;
	color:#fff;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.fotke2 {
	width:150px;
	float:left;
	margin:5px;
}
.fotke2 img {
	background:#3c4c52;
	padding:5px 5px 0px 5px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.fotke2 span {
	background:#3c4c52;
	padding:5px;
	width:135px;
	display:block;
	color:#fff;
	font-size:8pt;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.velikamargina {margin-top:140px;}
/*-------------left index---------------*/
#dobrodosli, #usluge, #narudzba, #linkovi {
	background:#3c4c52;
	width:200px;
	margin:0 5px 5px 5px;
	color:#fff;
}
#usluge, #linkovi {padding-bottom:5px;}
#usluge ul {
	background:none;
	font-size:8pt;
	list-style:none;
}
#usluge li {
	display:block;
	text-align:left;
	line-height:16pt;
	margin-left:6px;
}
#usluge ul a{padding-left:13px;}
#usluge ul a:hover{background:url('http://www.dental-design.com.hr/images/navbg.gif') no-repeat left;
	padding-left:13px;
	font-weight:normal;
}
#usluge h1, #narudzba h1, #linkovi h1 {padding-left:10px;}
#linkovi a {
	width:100%;
	display:block;
	padding-left:10px;
	font-weight:bold;
}
#narudzba p {padding-left:10px;}
#narudzba img {vertical-align:middle;}
/*------------footer--------------*/
#footer {
	background:#3c4c52;
	width:100%;
	height:50px;
	padding-top:3px;
	position:relative;
	bottom:0;
	margin-top:5px;
	text-align:center;
	color:#fff;
}
/*------------floats--------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
/*------------restaurativna--------------*/
.cercon a {
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/cercon.gif') no-repeat;
}
.cercon2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/cercon2.gif') no-repeat;
}
.keramicka a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/keramicka.gif') no-repeat;
}
.rehab a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/rehab.gif') no-repeat;
}
.amal a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/amal.gif') no-repeat;
}
.amal2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/amal2.gif') no-repeat;
}

.engcercon a {
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/eng_cercon.gif') no-repeat;
}
.engcercon2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/eng_cercon2.gif') no-repeat;
}
.engkeramicka a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/eng_keramicka.gif') no-repeat;
}
.engrehab a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/eng_rehab.gif') no-repeat;
}
.engamal a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/eng_amal.gif') no-repeat;
}
.engamal2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/eng_amal2.gif') no-repeat;
}

.itacercon a {
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/ita_cercon.gif') no-repeat;
}
.itacercon2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/ita_cercon2.gif') no-repeat;
}
.itakeramicka a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/ita_keramicka.gif') no-repeat;
}
.itarehab a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/ita_rehab.gif') no-repeat;
}
.itaamal a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/ita_amal.gif') no-repeat;
}
.itaamal2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/ita_amal2.gif') no-repeat;
}

.deucercon a {
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/deu_cercon.gif') no-repeat;
}
.deucercon2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/deu_cercon2.gif') no-repeat;
}
.deukeramicka a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/deu_keramicka.gif') no-repeat;
}
.deurehab a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/deu_rehab.gif') no-repeat;
}
.deuamal a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/deu_amal.gif') no-repeat;
}
.deuamal2 a{
background: transparent url('http://www.dental-design.com.hr/images/restaurativna/deu_amal2.gif') no-repeat;
}

.cercon a, .cercon2 a, .keramicka a, .rehab a, .amal a, .amal2 a, .engcercon a, .engcercon2 a, .engkeramicka a, .engrehab a, .engamal a, .engamal2 a, .itacercon a, .itacercon2 a, .itakeramicka a, .itarehab a, .itaamal a, .itaamal2 a, .deucercon a, .deucercon2 a, .deukeramicka a, .deurehab a, .deuamal a, .deuamal2 a {
display: block;
width:162px;
height:110px;
float:right;
clear:both;
margin:5px 0 5px 5px;
}
.cercon a:hover, .cercon2 a:hover, .keramicka a:hover, .rehab a:hover, .amal a:hover, .amal2 a:hover, .engcercon a:hover, .engcercon2 a:hover, .engkeramicka a:hover, .engrehab a:hover, .engamal a:hover, .engamal2 a:hover, .itacercon a:hover, .itacercon2 a:hover, .itakeramicka a:hover, .itarehab a:hover, .itaamal a:hover, .itaamal2 a:hover, .deucercon a:hover, .deucercon2 a:hover, .deukeramicka a:hover, .deurehab a:hover, .deuamal a:hover, .deuamal2 a:hover {
background-position: -162px 0;
}