@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #B0D2FE url(../images/hipnozis_bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000;
}
img {
	border: none;
}
h1 {
	height: 40px;
	text-indent: -9999px;
	margin: 15px 0 0 20px;
}
#wrap {
	margin: 20px auto 0;
	width: 900px;
}
#header {
	background: url(../images/header1.jpg) no-repeat;
	height: 314px;
	position: relative;
	
}
/* /////////////// navigacija /////////////////////// */

#nav {
	position: absolute;
	bottom: 0;
	height: 48px;
}
#navigation {
	margin-left: 65px;
}

#navigation li {
	display: inline;
}
#navigation li a {
	float: left;
	list-style-type: none;
	display: block;
	text-indent: -9999px;
}
#navigation li a.one {
	background: url(../images/nav_pocetna.gif) no-repeat;
	height: 48px;
	width: 135px;
}
#navigation li a.two {
	background: url(../images/nav_usluge.gif) no-repeat;
	height: 48px;
	width: 133px;
}
#navigation li a.three {
	background: url(../images/nav_galerija.gif) no-repeat;
	height: 48px;
	width: 138px;
}
#navigation li a.four {
	background: url(../images/nav_kozmetika.gif) no-repeat;
	height: 48px;
	width: 176px;
}
#navigation li a.five {
	background: url(../images/nav_kontakt.gif) no-repeat;
	height: 48px;
	width: 144px;
}

#navigation li a:hover.one, #navigation li a:hover.two, #navigation li a:hover.three, #navigation li a:hover.four, #navigation li a:hover.five  {	
	background-position: right;
	
}


/* //////////////// kraj navigacija ////////////////////// */
#container_pocetna {
	background: url(../images/content.gif) no-repeat;
	height: 501px;
	width: 899px;
	margin-top: 10px;
}
#pocetna_levo h1 {
	margin: 20px 0 10px 200px;
	background: url(../images/h1pocetna.png) no-repeat;
	height: 88px;
}
#pocetna_levo {
	background: url(../images/pocetna_levo.jpg) no-repeat;
	float: left;
	width: 572px;
	height: 499px;
	margin-left: 10px;
	margin-top: 1px;
	display: inline;
}
#text_pocetna {
	padding-left: 280px;
}
#text_pocetna p {
	margin: 20px 10px 0 0;
}
#pocetna_desno {
	background: url(../images/pocetna_desno.jpg) no-repeat;
	width: 300px;
	height: 499px;
	float: right;
	margin-right: 9px;
	margin-top: 1px;
	display: inline;
}
/* ////////////////////////// usluge /////////////////////////// */

#usluge_levo {	
	float: left;
	width: 572px;
	height: 500px;
	margin-left: 10px;
	margin-top: 1px;
	display: inline;
}
#usluge_levo h1 {
	background: url(../images/usluge.gif) no-repeat;	
}
#text_usluge {
	margin: 5px 15px 10px;
}
#text_usluge p {
	line-height: 120%;
}
#standardne_usluge {
	height: 200px;
	border-bottom: 1px dotted #f2fe4c;
	margin-bottom: 10px;
}
 .levo {
	float: left;
	margin-right: 10px;
}
#ispravljanje_kose h2 {
	background: url(../images/h2ispravljanje_kose.gif) no-repeat;
	height: 40px;
	text-indent: -9999px;
	width: 50%;
	margin-bottom: 10px;
	
}
 .desno {
	float: right;
	margin-left: 10px;
}
#usluge_desno {
	float: right;
	width: 300px;
}
#text_desno {
	margin: 20px 20px 0 0;
}
#nadogradnja_kose {
	margin: 0 0 40px 0;
}
#nadogradnja_kose h2 {
	background: url(../images/izdvajamo.gif) no-repeat;
	background-position: 50% 0;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#text_desno h3 {
	margin: 0 0 10px 0;
	color: #f2fe4c;
	font-size: 14px;
}

/*  /////////////////////////// kozmetika ///////////////////////// */
#container_kozmetika {
	background: url(../images/container_kozmetika.gif) no-repeat;
	height: 710px;
	margin-top: 10px;
	
}
#kozmetika_levo {
	
	width: 570px;
	height: 680px;
	float: left;
	background: #4C99FD url(../images/kozmetika_levo_bg.jpg) no-repeat 0px 100%;
	margin: 20px 0 0 9px;	
	display: inline;
	

	
}
#text_kozmetika h1 {
	background: url(../images/kozmetika.gif) no-repeat;
	height: 40px;
	text-indent: -9999px;
	margin: 0;
}
#kozmetika_levo p {
	margin: 0 10px 10px 10px;
}

#bcline {
	width: 550px;
	margin: 10px 5px 5px 10px;
	
}
#bcline p {
	padding: 0 15px 0 35px;
	margin: 0;
}
#bcline p.uvod {
	margin-bottom: 10px;
}
#bcline p.veliki_naziv {
	text-align: center;
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
	padding-top: 15px;
}
#bcline h2 {
	background: url(../images/BC-q10.gif) no-repeat;
	height: 40px;
	text-indent: -9999px;
	
}
#bcline h3 {
	margin-left: 5px;
	font-size: 14px;
	
}
#bcline ul {
	width: 550px;
	font-size: 12px;
	color: #000;
}
#bcline ul li {
	width: 270px;
	height: 75px;
	list-style: none;
	margin-bottom: 5px;
}
#bcline ul li.restoring {
	background: url(../images/q10restoring.jpg) no-repeat;
}
#bcline ul li.regenerator {
	background: url(../images/q10timerestore.jpg) no-repeat;
}
#bcline ul li.q10sampon {
	background: url(../images/q10sampon.jpg) no-repeat;
}
#bcline ul li.q10sprej {
	background: url(../images/q10sprej.jpg) no-repeat;
}
#bcline ul li.q10scalpbalm {
	background: url(../images/q10scaplbalm.jpg) no-repeat;
}
#bcline ul li.q10hairtherapy {
	background: url(../images/q10hairtherapy.jpg) no-repeat;
}
#bcline ul li.restoring, #bcline ul li.regenerator, #bcline ul li.q10sampon, #bcline ul li.q10sprej, #bcline ul li.q10scalpbalm, #bcline ul li.q10hairtherapy {
	float: left;
	border: 1px solid #0F2B4F;
}
#bcline ul li.regenerator, #bcline ul li.q10sprej, #bcline ul li.q10hairtherapy  {	
	margin-left: 5px;
}
#kozmetika_desno {
	background: url(../images/kozmetika_slika.jpg) no-repeat;
	height: 600px;
	width: 300px;
	margin: 9px 11px 0 0;	
	float: right;
	display: inline;
}
#bc_q10 {
	margin: 490px 0 0 40px;
	
	
}
#bc_q10 h3 {
	color: #f2fe4c;
	margin-bottom: 10px;
	border-bottom: 1px solid #f2fe4c;
	width: 50%;
	font-size: 14px;
}
#bc_q10 img {
	margin-bottom: 5px;
	border: 2px solid #000;
}

/* ////////////////////////// kraj kozmetika /////////////////////////// */

/* ////////////////////////// galerija ///////////////////////////// */
#galerija_slike {
	width: 410px;
	margin: 0 auto;
}
#galerija_levo {
	float: left;
	width: 572px;
	height: 500px;
	margin-left: 10px;
	margin-top: 1px;
	display: inline;
}
#galerija_levo h1 {
	background: url(../images/galerija_frizura.png) no-repeat;
	
}
#text_galerija {
	margin: 5px 10px 10px;
}
#galerija_bordura {
	width: 169px;
	height: 54px;
	margin: 0 auto;
}
#galerija_desno {
	background: url(../images/galerija_desno.jpg) no-repeat;
	width: 300px;
	height: 500px;
	float: right;
	margin-right: 9px;
	margin-top: 10px;
	display: inline;
}
/* @@@@@@@@@@@@@@@@@@@@ GA	LERIJA ZENSKA MUSKA @@@@@@@@@@@@ */
#flashcontent {
	float: left;
	width: 560px;
	height: 460px;
	margin: 0px 0 0 15px;
	padding-top: 20px;
}
#galerijaz_desno {
	float: right;
	width: 300px;
	background: url(../images/galerija_desno_bg.gif) no-repeat;
	background-position: 0 50px;
}
#galerijaz_desno h2 {
	color: #f2fe4c;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	margin-top: 20px;
	text-decoration: underline;
	text-align: center;
}
#slike_link {
	width: 145px;
	margin: 0 auto;
}
#slike_link img {
	display: block;
}
/* @@@@@@@@@@@@@@@ KRAJ GALERIJA ZENSKA MUSKA @@@@@@@@@@@@@@@@@@@@@V */
/* /////////////////////// kraj galerija //////////////////////////// */

/* ////////////////////////// KONTAKT ///////////////////////// */

#kontakt_levo {
	float: left;
	width: 572px;
	height: 500px;
	margin-left: 10px;
	margin-top: 1px;
	display: inline;
	
}

#kontakt_levo h1 {
	background: url(../images/Kontakt.png) no-repeat;
	height: 42px;
	
	
}
#text_kontakt {
	padding: 0 0 10px 45px;
	
}

#text_kontakt h4 {
	color: #fff;
	font-size: 16px;
}
#text_kontakt ul {
	width: 540px;
	list-style: none;
}
#text_kontakt ul li {
	width: 230px;
	float: left;
	
}
.clear {
	clear: both;
}
#mapa h2 {
	background: url(../images/pogledajte_gde_se.png) no-repeat;
	height: 35px;
	text-indent: -9999px;
	margin: 15px 0 0 20px;
}
#mapa img {
	margin: 0 0 0 20px;
}
#galerija_kontakt h3 {
	color: #f2fe4c;
	font-size: 16px;
	margin: 20px 0;
	
}
#galerija_kontakt ul {
	width: 250px;
	margin: 0 auto;
	
}
#galerija_kontakt ul li {
	list-style: none;
	display: block;
	float: left;
	border: 7px solid #f2fe4c;
	margin: 0 5px 5px 0;
}

/* ////////////////////// FOOTER //////////////////////////// */
#footer {
	clear: both;
	background: url(../images/footer.gif) no-repeat;
	height: 82px;
	margin: 10px 0 20px 0;
	color: #fff;
}

#all_text {
	position: relative;
	height: 76px;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	
}
#footer p.all_info {
	position: absolute;
	bottom: 10px;
	left: 15px;
	
	
}
#footer p.info_hipnozis {
	position: absolute;
	bottom: 10px;
	right: 15px;
}