/* #D20F48 ružicasta */
/* #F192A1 svijetlo ružicasta */
/* #585858 siva footer */
/* #333333 siva paragraph */
/* #F0F1EC svijetlo siva */
/* #A88766 smeda */
/* #B5CB03 svijetlo zelena */
/* #578B1C tamno zelena */

* {margin:0; padding:0; border:0;}
body {margin:0px auto 0px 0px; background:url(media/bck.jpg) repeat-y #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}

p {font-size:12px; color:#333333; line-height:18px;}
h1 {font-size:20px; color:#D20F48; line-height:28px;}
h2.maintitle {  margin-bottom:20px; color:#D20F48; font-size:1.8em;}

#wrapper {width:980px; height:auto; background:url(media/bck-se.jpg) no-repeat top right; position:relative; float:left; min-height:615px; height:auto !important; height:615px;}
#container {width:915px; height:auto; position:relative; float:left;}

#header {width:915px; height:85px; position:relative; float:left;}
#logo {width:280px; height:34px; position:relative; float:left; padding:45px 10px 0px 45px;}

/* ---navigacija--- */
#nav {width:470px; height:20px; position:relative; float:right; padding:61px 12px 0px 10px; text-align:right;}
/* linknavfirst, linknavfirstselect, linknav, linknavselect */
/* padding all */
a.linknavfirst:link, a.linknavfirst:visited, a.linknavfirst:active, a.linknavfirst:hover, a.linknav:link, a.linknav:visited, a.linknav:active, a.linknav:hover, a.linknavselect:link, a.linknavselect:visited, a.linknavselect:active, a.linknavfirstselect:link, a.linknavfirstselect:visited, a.linknavfirstselect:active {padding: 0 10px 0 11px;}
/* bck img all but first */
a.linknav:link, a.linknav:visited, a.linknav:active, a.linknav:hover, a.linknavselect:link, a.linknavselect:visited, a.linknavselect:active, a.linknavselect:hover{background:url(media/pipe.jpg) no-repeat 0px 3px;}
/* active */
a.linknav:link, a.linknav:visited, a.linknav:active, a.linknavfirst:link, a.linknavfirst:visited, a.linknavfirst:active{color: #333333; text-decoration:none;}
a.linknavselect:link, a.linknavselect:visited, a.linknavselect:active, a.linknavfirstselect:link, a.linknavfirstselect:visited, a.linknavfirstselect:active{color: #D20F48; text-decoration:none;}
/* hovers */
a.linknav:hover, a.linknavfirst:hover, a.linknavselect:hover, a.linknavfirstselect:hover{color:#D20F48; text-decoration:underline;}
a.linknavselect:hover, a.linknavfirstselect:hover{color:#D20F48; text-decoration:none;}

/* ---in container--- */
#left {width:690px; height:auto; position:relative; float:left;}
#right {width:225px; height:auto; position:relative; float:right;}
#rightwrap {width:225px; height:auto;}

#flash {width:690px; height:auto; position:relative; float:left;}

/* ---welcome naslovna--- */
#welcomewrap {width:680px; height:208px; background:url(media/welcome-bck-img.jpg) no-repeat top left; position:relative; float:left;}
#welcome {width:320px; height:auto; position:relative; float:left; padding:20px 0px 0px 170px;}

/* ---izdvojeno naslovna--- */
#izdvojenititle {width:680px; height:40px; background:url(media/title-izdvojeni-proizvodi.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle2 {width:680px; height:40px; background:url(media/title-izdvojeni-proizvodi2.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle3 {width:680px; height:40px; background:url(media/frizure-title.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle4 {width:680px; height:40px; background:url(media/lokacija-title.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle5 {width:680px; height:40px; background:url(media/kontakt-title.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle6 {width:680px; height:40px; background:url(media/jewels-title.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle7 {width:680px; height:40px; background:url(media/ekstenzije-title.jpg) no-repeat top left; position:relative; float:left;}
#izdvojenititle8 {width:680px; height:40px; background:url(media/revlon-title.jpg) no-repeat top left; position:relative; float:left;}
#izdvojeni {width:620px; height:auto; position:relative; float:left; padding:20px 0px 20px 38px;}
.izdvojenilink {width:90px; height:auto; float:right; position:relative; padding:12px 10px 0px 0px;}

a.bullet:link, a.bullet:visited, a.bullet:active {display:block; text-indent:10px; color:#D20F48; text-decoration:underline; background:url(media/bullet.jpg) no-repeat 0px 5px;}
a.bullet:hover {display:block; text-indent:10px; color:#D20F48; text-decoration:none;}

.pod1 {width:191px; height:234px; float:left; position:relative; padding:0px 23px 0px 0px; background:url(media/pod1.jpg) no-repeat top left;}
.pod2 {width:191px; height:234px; float:left; position:relative; padding:0px 23px 0px 0px; background:url(media/pod2.jpg) no-repeat top left;}
.pod3 {width:191px; height:234px; float:right; position:relative; background:url(media/pod3.jpg) no-repeat top left;}
.podtxt {width:181px; height:35px; float:left; position:relative; padding:191px 5px 0px 5px; text-align:center; color:#FFFFFF; line-height:18px;}
a.podwhite:link, a.podwhite:visited, a.podwhite:active {display:block; color:#FFFFFF; font-weight:bold; text-decoration:underline;}
a.podwhite:hover {display:block; color:#FFFFFF; font-weight:bold; text-decoration:none;}

/* ---novo naslovna--- */
#novotitle {width:680px; height:40px; background:url(media/title-novo.jpg) no-repeat top left; position:relative; float:left;}
.novowrap {width:640px; height:auto; float:left; position:relative; padding:10px 0px 10px 40px;}
.novoleft {width:300px; height:auto; float:left; position:relative; padding:0px 10px 0px 0px; background:url(media/vert-bck.jpg) repeat-y right;}
.novoright {width:300px; height:auto; float:right; position:relative; padding:0px 0px 0px 10px;}

.novoleft2 {width:300px; height:auto; float:left; position:relative; padding:0px 10px 0px 0px; background:url(media/vert-bck.jpg) repeat-y right;}
.novoleft2 ul {float:left; list-style-type:none; width:280px; padding:10px 0px 20px 0px; overflow:hidden;}
.novoleft2 ul li {background:url(media/bullet.jpg) no-repeat 0px 5px; padding:0px 0px 10px 10px; font-size:12px; color: #D20F48;}
.novoleft2 ul li a:link, .novoleft2 ul li a:visited, .novoleft2 ul li a:active {font-size:12px; color: #D20F48; text-decoration:underline;}
.novoleft2 ul li a:hover {text-decoration:none; color:#D20F48;}
.novoleft2 p{width:280px; height:auto;}

.novoleft p{width:270px; height:auto;}
.novoright p {width:270px; height:auto;}
.novolink {width:90px; height:auto; position:relative; padding:4px 0px 0px 0px;}
.novolink2 {width:260px; height:auto; position:relative; padding:4px 0px 0px 0px;}
.novolink3 {width:150px; height:auto; position:relative; padding:4px 0px 0px 0px;}

.full { padding:20px 0; }
	.full h2 { margin-bottom:20px; color:#D20F48; font-size:1.8em; }
	.full img { margin:0 20px 20px 0; float:left; }

/* ---right side--- */
.rightbck {width:225px; height:auto; position:relative; float:left; background:url(media/right-bck.jpg) repeat-y right;}
.rightbck2 {width:225px; height:auto; position:relative; float:left;}
.naseusluge {width:160px; height:auto; position:relative; float:left; background:url(media/flowers.jpg) no-repeat right top; padding:20px 10px 0px 30px;}
.rightbottom {width:225px; height:61px; position:relative; float:left; background:url(media/right-bottom.jpg) no-repeat top left; padding:4px 0px 0px 0px;}
.visebtn {float:right; padding:0px 20px 0px 0px;}
.nazadbtn {float:left;}

ul {float:left; list-style-type:none;}
ul li {background:url(media/bullet.jpg) no-repeat 0px 5px; padding:0px 0px 10px 10px;}
ul li a:link, ul li a:visited, ul li a:active {font-size:12px; color: #D20F48; text-decoration:underline;}
ul li a:hover {text-decoration:none; color:#D20F48;}


/* ---footer--- */
#footer {width:840px; height:auto; position:relative; float:left; background:url(media/vert-bck.jpg) repeat-x top; padding:20px 0px 20px 40px; font-size:11px; color:#585858;}
a.linkfooter:link, a.linkfooter:visited, a.linkfooter:active {font-size:11px; color:#585858; text-decoration:underline;}
a.linkfooter:hover {font-size:11px; color:#585858; text-decoration:none;}

/* ---slike--- */
a.rolloverimg:link, a.rolloverimg:visited, a.rolloverimg:active{width:260px; height:195px; padding:1px; background-color:#F192A1;display:block;}
a.rolloverimg:hover{padding:1px; background-color:#D20F48; display:block;}

a.rolloverimg2:link, a.rolloverimg2:visited, a.rolloverimg2:active{width:130px; height:70px; padding:1px; background-color:#FFFFFF;display:block; float:left; margin-right:20px;}
a.rolloverimg2:hover{padding:1px; background-color:#D20F48; display:block;}

a.rolloverimg2last:link, a.rolloverimg2last:visited, a.rolloverimg2last:active{width:130px; height:70px; padding:1px; background-color:#FFFFFF;display:block; float:left;}
a.rolloverimg2last:hover{padding:1px; background-color:#D20F48; display:block;}

a.rolloverimg3:link, a.rolloverimg3:visited, a.rolloverimg3:active{width:100px; height:129px; padding:1px; background-color:#F192A1; display:block; float:right; margin: 5px 0px 10px 10px;}
a.rolloverimg3:hover{padding:1px; background-color:#D20F48; display:block;}


p.imgpotpis {font-size:11px; color:#585858; margin-bottom:10px; margin-top:5px;}
.imgpotpis {font-size:11px; color:#585858; margin-bottom:10px; margin-top:5px;}

/* ---ponuda proizvoda--- */
.titleline {width:680px; height:7px; background:url(media/title-line.jpg) no-repeat top left; position:relative; float:left;}
#ponuda {width:620px; height:auto; position:relative; float:left; padding:10px 0px 30px 38px;}
.logos {width:620px; height:auto; position:relative; float:left; padding:15px 0px 15px 0px;}
p.pink {font-size:13px; font-weight: bold; color: #D20F48; margin-bottom:10px; margin-top:5px;}
.pink {font-size:13px; font-weight: bold; color: #D20F48; margin-bottom:10px; margin-top:5px;}


.usluge {width:620px; height:auto; position:relative; float:left; padding:10px 0px 30px 38px;}

.karta {border:1px solid #D20F48;}