@charset "utf-8";
/* CSS Document */




body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	font-size:100%;
	background: #33CCCC url(pics/jpg/podloga-body.jpg) repeat-x left top;
}

#outer-wrapper {
	margin:0 auto 0 auto;
	width:949px;
	background-image: url(pics/png/podloga-shadow-left-right.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0;
}

#outer-wrapper-top {
	background:url(pics/jpg/podloga-wrapper-shadow-2.jpg) no-repeat left 5px;
	width:949px;
	height:20px;
	margin:0 auto;
	}

#wrapper {
	margin:0 auto 0px;
	width:830px;
	padding:0 10px 30px;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #2F679F;
	border-right-color: #2F679F;
	border-left-color: #2F679F;
	background: url(pics/jpg/content-podloga-bottom.jpg) no-repeat center bottom;
	}
	
	
#top {
	margin:20px auto 0px;
	width:843px;
	padding:0 10px;
	text-align:left;
	background: #fff url(pics/jpg/podloga-logo-header.jpg) no-repeat left top;
	clear: both;
	height:107px;
	}

#header {
	height:270px;
	position:relative;
	width: 100%;
	margin: 15px 0 15px 0;
	padding: 0;
	clear: both;
}



#logo {
		width:527px;
		height:90px;
		float:left;
		padding-left: 2px;
		padding-top: 0px;
}

#logo img {
		border:none;
}


#logo-print {
		display:none;
	}

#branding {
	height:200px;
	width: 530px;
	margin: 0;
	padding: 0;
	background:url(pics/jpg/branding.jpg) no-repeat -5px top;
	float:left;
}


#info {
	height:180px;
	width: 278px;
	margin: 0;
	padding: 10px;
	background:url(pics/jpg/podloga-header-info.jpg) no-repeat left 0px;
	float:right;
}

#nazovite {
	height:52px;
	width: 182px;
	margin: 0;
	padding: 10px;
	background:url(pics/jpg/podloga-nazovite.jpg) no-repeat left top;
	float:right;
}

#jezici {
	height:17px;
	width: 150px;
	margin: 0;
	padding: 2px 0 2px 2px;
	position:absolute;
	top:-38px;
	right:-30px;
	text-align: right;
}


ul#nav {
	width:849px;
	height:37px;
	list-style-type:none;
	position:absolute;
	top:250px;
	left:0px;
	padding: 0;
	margin: 0;
	background:url(pics/jpg/podloga-nav.jpg) no-repeat left top;
}

ul#nav li{
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}


ul#nav li a, ul#nav li a:visited{
		float:left;
		display:block;
		padding:5px 0 0 0;
		text-decoration:none;
		width:117px;
		color:#FFFF00;
		font-size:14px;
		font-family:"Lucida Sans Unicode", sans-serif;
		font-weight:bold;
		border-right:2px solid #1CA4D4;
		height:32px;
		text-align: center;
		}

ul#nav li a.kontakti{
	background:#3A93BF url(pics/jpg/nav-kontakt.jpg) no-repeat left top;
	color:#FF0000;
	}
	

body#kontakti ul#nav li a.kontakti {
	text-decoration: none;
	cursor:default;
	background:#3A93BF url(pics/jpg/nav-kontakt.jpg) no-repeat left top;
	color:#FF0000;
		}

ul#nav li a:hover{
	background:#3A93BF url(pics/jpg/nav-naslovnica-up.jpg) no-repeat left top;
	color:#fff;
	}
	



ul#nav .noborder {
		border:none;
		width: 119px;
}

#nav li.estetska-kirurgija a.estetska-kirurgija,#nav li.estetske-korekcije a.estetske-korekcije, #nav li.korekcije-oziljaka a.korekcije-oziljaka, #nav li.kozne-izrasline a.kozne-izrasline, #nav li.estetske-operacije a.estetske-operacije  {
	padding-top: 0;
	display:block;
	height:37px;
	line-height:18px;
}

	
body#naslovnica ul#nav li a.naslovnica, body#boric ul#nav li a.boric, body#savjeti ul#nav li a.savjeti, body#estetske-operacije ul#nav li a.estetske-operacije, body#estetska-kirurgija ul#nav li a.estetska-kirurgija, body#korekcije-oziljaka ul#nav li a.korekcije-oziljaka , body#kozne-izrasline ul#nav li a.kozne-izrasline{
	text-decoration: none;
	cursor:default;
	background-image: url(pics/jpg/nav-naslovnica-up.jpg);
	background-repeat: no-repeat;
	border-right: 1px solid #1CA4D4;
	color:#00FF00;
		}





.clear {
	clear:both;
	margin: 0;
}


#outer {
	margin:15px 0 0 0;
	padding:0;
	height: 345px;
	width: 100%;
	background: url(pics/jpg/podloga-outer-2.jpg) no-repeat center center;
}


#wrapper-kontakt {
	margin:0 auto;
	padding:0 20px 0 20px;
	width: 809px;
}


#kontakt {
	margin: 0;
	height:330px;
	padding:20px 20px 20px 0;
	text-align: left;
}


#footer {
	margin: 10px auto 0 auto;
	width: 850px;
	padding: 20px 0 20px 0;
	height: 205px;
}


#copyright {
	height: 58px;
	color: #FFFFFF;
	width: 100%;
	padding-top: 20px;
	background:#002A7E repeat-x;
	border-top: 3px solid #FFFFFF;
}
#nazovite p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	padding: 0;
	margin: 0;
}
#nazovite p.telefon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #0376AD;
	font-weight: normal;
}
#jezici ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#jezici li {
	float: left;
	padding-right: 0px;
}
#jezici a:link, #jezici a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	padding-right: 10px;
}

#jezici a:hover {
	text-decoration:none;
}

#info .naslov {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFFFF;
	margin: 0;
}
#info p {
	font-size: 12px;
	color: #FFFFFF;
}

#info ol {
	padding-left:10px;
	margin-left:15px;
}


#info li {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.5;
	padding-left:0;
}


#content {
	float: left;
	margin-bottom: 15px;
	
}

#content-main {
	width: 620px;
	float: right;
	margin-left: 15px;
	padding: 0;
}
#sidebar {
	width: 175px;
	float: left;
	background: transparent url(pics/jpg/podloga-sidebar-shadow.jpg) repeat-y left top;
	margin: 35px 0px 0 0;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 10px;
}
#sidebar .naslov {
	background-image: url(pics/jpg/podloga-naslovi-sidebar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #002A7E;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FF0000;
	margin: 0 0 -15px 0;
}
#sidebar ul {
	padding: 0 5px 0 8px;
	list-style-type: none;
	margin: 0 0 20px 0;
}
#sidebar li {
	line-height: 25px;
	font-size: 13px;
	color: #036497;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width:155px;
}

body#korekcije-oziljaka #sidebar li {
	padding-left:5px;
}

#content-main h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	color: #002A7E;
	font-weight: normal;
	padding-top: 0px;
	margin: 35px 0 30px 0;
}

#content-main h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #002A7E;
	font-weight: normal;
	padding-top: 0px;
	margin: 35px 0 0 0;
}

#content-main p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 1.5;

}
#sidebar .sidebar-top {
	margin-top: 0px;
	background-image: url(pics/jpg/podloga-sidebar-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	width: 195px;
	margin-left: -10px;
}
#sidebar .sidebar-bottom {
	background-color: #D2D6D7;
	height: 2px;
	width: 187px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: -7px;
	margin-top: 0px;
}
#content-main .separator {
	background-image: url(pics/jpg/separator.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 2px;
	width: 620px;
	margin: 10px 0 10px 0;
	clear: both;
}
#content-main .box-left {
	width: 275px;
	float:left;
	margin-top: 20px;
	margin-left:5px;
	margin-right: 5px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	background: #FFFFFF;
	border: 5px solid #B9EEEE;
	height:180px;
}


#content-main .box-left a img,#content-main .box-right a img {
	border: none;
}


body#kontakti #content-main .box-left {
	border: none;
	float:left;
	margin-top: 20px;
	margin-right: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	width: 600px;
	clear: left;
	height:700px;
}

#content-main .box-right {
	width: 275px;
	margin-left: 9px;
	float:left;
	margin-top: 20px;
	padding-top:20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	background: #FFFFFF;
	border: 5px solid #B9EEEE;
	height:180px;
}

.box-left h3 {
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #002A7E;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}

#savjeti-box h3.linkovi {
	margin-top:45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #002A7E;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 0 !important;
}

.box-right h3 {
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #002A7E;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}
#content-main .box-left img {
	background-image: url(pics/jpg/podloga-slika-mala.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 16px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
}

#content-main .box-right img {
	background-image: url(pics/jpg/podloga-slika-mala.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 16px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
}

body a:link, body a:visited {
	color: #FF0000;
}

body a:hover {
	text-decoration:none;
}


#kontakt img {
	margin-top: 0px;
	margin-left: 25%;
}
#sidebar img {
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 15px;
}
#kontakt p.adresa-naziv {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #002A7E;
	margin-top: 5px;
	height: 90px;
	margin-right: 10px;
	padding-left: 50px;
}

#kontakt p.radno-vrijeme-naziv {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #002A7E;
	margin-top: 5px;
	height: 90px;
	margin-right: 10px;
	padding-left: 0px;
}

#kontakt p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	line-height: 18px;
}
#kontakt .box-kontakt-left {
	float: left;
	width: 380px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #98C6DC;
	padding-right: 10px;
}
#kontakt .box-kontakt-right {
	float: right;
	width: 380px;
	height: 250px;
	background-image: url(pics/jpg/priznanja-nagrade-mala-2.jpg);
	background-repeat: no-repeat;
	background-position: right 120px;
}
#kontakt .box-kontakt-right .naziv-vrhunska-usluga {
	font-size: 16px;
	color: #002A7E;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
}
#kontakt .box-kontakt-right .termin {
	margin-bottom: -5px;
}
#kontakt .box-kontakt-right .telefon {
	font-size: 22px;
	color: #002A7E;
}
#footer .box-footer img {
	background-image: url(pics/jpg/podloga-slika-mala-footer.jpg);
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 2px;
	float: left;
	margin-right: 10px;
	display: block;
	margin-bottom: 25px;
}
#footer .box-footer {
	width: 250px;
	padding-right: 0px;
	text-align: left;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	display: inline;
	height: 180px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-style: none;
}
#footer .box-footer h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 0px;
	font-weight: normal;
}
#footer .box-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
}
#footer .box-footer a:link, #footer .box-footer a:visited {
	font-size: 14px;
	color:#fff;
	text-decoration:none;
}

#footer .box-footer a:hover {
	text-decoration:underline;
}


#copyright p {
	font-size: 11px;
	color: #FFFFFF;
	margin: 15px 0 0 0;
}
#copyright a:link, #copyright a:visited {
	color:#FFFFFF;
}

#copyright a:hover {
	text-decoration:none;
}

#copyright .copyright {
	font-weight: bold;
	margin-top: 0px;
}
#kontakt a {
	color: #FF0000;
}


#sidebar a:link, #sidebar a:visited {
	color: #002A7E;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-left:5px;
	width:151px;
	font-weight:normal;
	padding-right:0;
	
}

#sidebar a:hover {
	background-color:#04426B;
	color:#FFFFFF;
}



	

#nazovite .telefon span {
	font-size: 11px;
}
#content-main img {
	padding: 5px;
	float: right;
	margin-right: 10px;
}

#content-main img.vlado-slika {
	padding: 5px;
	float: right;
	margin-right: 10px;
	border: 3px solid #B9EEEE;
	margin-left: 10px;
}


#footer .box-footer li {
	line-height: 1.3;
}
#header #info a:link, #header #info a:visited{
	color: #FFFFFF;
	font-size: 14px;
	text-decoration:none;
}


#header #info a:hover{
text-decoration:underline;
}
#content-main li {
	font-size: 14px;
}
#sidebar ul li.podnaslov,#sidebar ul li.podnaslov-2  {
	font-size: 13px;
	font-weight: bold;
	margin-left: 0px;
}



body#estetske-operacije.face #sidebar a.face,body#estetske-operacije.celo #sidebar a.celo,body#estetske-operacije.podizanje-obrva #sidebar a.podizanje-obrva, body#kontakti #sidebar a.kontakti, body#estetska-kirurgija #sidebar a.estetska-kirurgija, body#estetske-operacije.podizanje-grudi #sidebar a.podizanje-grudi, body.liposukcija #sidebar a.liposukcija, body#estetske-operacije.smanjivanje-grudi #sidebar a.smanjivanje-grudi,body#estetske-operacije.povecavanje-grudi #sidebar a.povecavanje-grudi,body#estetske-operacije.abrazija-lica #sidebar a.abrazija-lica, body#estetske-operacije.operacija-nosa #sidebar a.operacija-nosa, body#estetske-operacije.nosna-pregrada #sidebar a.nosna-pregrada, body#estetske-operacije.korekcija-resice #sidebar a.korekcija-resice, body#estetske-operacije.korekcija-uski #sidebar a.korekcija-uski,body#estetske-operacije.rekonstrukcija-uske #sidebar a.rekonstrukcija-uske,body#estetske-operacije.korekcija-kapaka #sidebar a.korekcija-kapaka,body#korekcije-oziljaka.korekcije-oziljaka #sidebar li.korekcije-oziljaka,body#kozne-izrasline.kozne-izrasline #sidebar a.kozne-izrasline, body#kozne-izrasline.ateromi #sidebar a.ateromi, body#kozne-izrasline.lipomi #sidebar a.lipomi, body#kozne-izrasline.tumori #sidebar a.tumori, body#boric.boric #sidebar a.boric, body#boric.foto #sidebar a.foto,body#boric.kvaliteta #sidebar a.kvaliteta,body#boric.priznanja #sidebar a.priznanja,body#estetske-operacije.korekcija-trbusne-stijenke #sidebar a.korekcija-trbusne-stijenke


 {
	background-color:#04426B;
	font-weight:bold;
	cursor:default;
	color:#00FF00;
	}
	
	
#content-main li {
	line-height: 1.5;
	font-size: 13px;
}
#content-main .foto-box {
	float: left;
	width: 620px;
}
#content-main .foto-box a img {
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	border: 1px solid #2DBAC3;
}


#content-main .foto-box a img:hover {
	background-color: #2DBAC3;
}
.nazovite {
	background: #FFFFFF;
	height: 25px;
	padding-top: 3px;
	padding-left:10px;
	padding-bottom: 3px;
	line-height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF0000;
	font-weight: normal;
	text-align: right;
	padding-right: 0px;
}

.nazovite span {
	font-weight:bold;
	color: #002A7E;
}


#header .slogan {
	background: #FFFFFF;
	height: 35px;
	padding-top: 3px;
	padding-left:0px;
	padding-bottom: 3px;
	line-height: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF0000;
	font-weight: normal;
	margin-top: 5px;
	text-align: left;
	font-style:italic;
}

#header .slogan span {
	font-weight:normal;
	color:#FF0000;
}
#content-main .podnaslov {
	margin-top: -30px;
	font-size: 14px;
	font-weight: bold;
}


#content-main .podnaslov-2 {
	font-size: 14px;
	font-weight: bold;
	float: left;
}


#nav-sub-estetske {
	position:absolute;
	left:352px;
	top:287px;
	width:134px;
	background-color:#0273AB;
	border:1px solid #fff;
	z-index:20;
	padding: 3px;
	visibility: hidden;
}




#nav-sub-estetske ul {
	list-style-type:none;
	margin:0;
	padding:0;
}


#nav-sub-estetske ul li{
		display:block;
		float:left;
		padding:0px 0px;
		position:relative;
		height:25px;
		line-height:25px;
		width:133px;
		border-bottom:1px solid #fff;
}

#nav-sub-estetske a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:3px;
}

#nav-sub-estetske a:hover {
	color:#FFFFFF;
	background-color:#ACCAE8;
}

#savjeti-box {
	width:615px;
	height:338px;
	background: url(pics/jpg/podloga-savjeti-box.jpg) no-repeat left -20px;
}

.podnaslov span {
	color:#FF0000;
}
#content-main .podnaslov-2 span {
	text-align: right;
	float: right;
	margin-top: -20px;
}
#content-main .podnaslov-mail {
	float: right;
	font-size:14px;
}