@charset "utf-8";

body {
color:#000;
background-image:url(images/bg-page1.jpg);
background-color:#1e7798;
margin:0;
padding:0
}

div,h1,h2,p,form,label,input,textarea,img,span {
margin:0;
padding:0
}

h1 {
color:#f26522;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px
}

h2 {
color:#f26522;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px
}

h3 {
color:#f26522;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

ul {
list-style-type:none;
font-size:0;
margin:0;
padding:0
}

.spacer {
clear:both;
font-size:0;
line-height:0
}
.clear {
clear: both;
}
 
#header {
width:985px;
height:150px;
position:relative;
margin:0 auto
}

#header .logo {
position:absolute;
left:0;
top:0;
width:405px;
height:150px;
background-image:url(images/logo1.jpg)
}

#header ul {
width:580px;
height:99px;
position:absolute;
left:405px;
top:0;
background-color:#01709e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:0
}

#header ul .konfekcija {
width:116px;
height:99px;
position:absolute;
top:0;
background:url(images/konfekcija.jpg);
padding:0
}

#header ul .konfekcija a:hover {
width:116px;
height:99px;
position:absolute;
top:0;
background:url(images/konfekcija-roll.jpg);
padding:0
}

#header ul .domacinstvo {
width:116px;
height:99px;
left:116px;
position:absolute;
top:0;
background:url(images/domacinstvo.jpg);
padding:0
}

#header ul .domacinstvo a:hover {
width:116px;
height:99px;
position:absolute;
top:0;
background:url(images/domacinstvo-roll.jpg);
padding:0
}

#header ul .igracke {
width:116px;
height:99px;
left:232px;
position:absolute;
top:0;
background:url(images/igracke.jpg);
padding:0
}

#header ul .igracke a:hover {
width:116px;
height:99px;
position:absolute;
top:0;
background:url(images/igracke-roll.jpg);
padding:0
}

#header ul .papirnica {
width:116px;
height:99px;
left:348px;
position:absolute;
top:0;
background:url(images/papirnica.jpg);
padding:0
}

#header ul .papirnica a:hover {
width:116px;
height:99px;
position:absolute;
top:0;
background:url(images/papirnica-roll.jpg);
padding:0
}

#header ul .alati {
width:116px;
height:99px;
left:464px;
position:absolute;
top:0;
background:url(images/alati.jpg);
padding:0
}

#header ul .alati a:hover {
width:116px;
height:99px;
position:absolute;
top:0;
background:url(images/alati-roll.jpg);
padding:0
}

#header .linkovi {
width:580px;
height:51px;
position:absolute;
left:405px;
top:99px;
background-color:#01709e;
background:url(images/ref-linkova.jpg);
padding:0
}

#header ul li {
width:116px;
height:150px;
float:left;
padding:0
}

#header ul li a {
display:block;
font:bold 11px/27px Arial, Helvetica, sans-serif;
color:#344A04;
height:150px;
text-decoration:none;
padding:0
}

#linkovi {
width:985px;
height:40px;
position:relative;
background-image:url(images/bg-link.jpg);
margin:0 auto;
}

#menuh-container {
width:985px;
padding-left:0;
height:40px;
}

#menuh {
width:985px;
float:left;
margin-left:0;
margin-right:0;
height:40px;
padding:0px;
}

#menuh a {
text-align:center;
display:block;
border:0 solid #555;
white-space:nowrap;
padding-top:10px;
margin:0;
}

#menuh a:link,#menuh a:visited,#menuh a:active {
color:#012a56;
text-decoration:none;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

#menuh a:hover {
color:#008ed6;
text-decoration:none;
}

#menuh ul {
list-style:none;
float:left;
width:122px;
background-color:#dbe4ee;
margin:0;
padding:0;
}

#menuh li {
width:122px;
height:40px;
vertical-align:middle;
}

#menuh ul ul {
position:absolute;
background-color:#dbe4ee;
width:122px;
top:auto;
display:none;
}

#menuh ul ul ul {
top:0;
}

div#menuh li:hover {
cursor:pointer;
}

div#menuh li:hover ul ul,div#menuh li li:hover ul ul,div#menuh li li li:hover ul ul,div#menuh li li li li:hover ul ul {
display:none;
}

div#menuh li:hover ul,div#menuh li li:hover ul,div#menuh li li li:hover ul,div#menuh li li li li:hover ul {
display:block;
}

#body {
width:985px;
height:255px;
margin:0 auto;
padding:0;
}

#body .top {
width:595px;
height:255px;
float:right;
right:595px;
top:150px;
margin-top:0;
padding:0;
}

#body .left {
width:390px;
height:255px;
float:left;
top:150px;
margin-top:0;
padding:0;
}

#body ul {
width:390px;
height:85px;
float:left;
top:150px;
margin-top:0;
padding:0;
}

#body ul .stupac-vrh {
width:390px;
height:85px;
float:left;
/*top:85px;*/
margin-top:0;
background-image:url(images/bg-linkova.jpg);
text-decoration:none;
padding:0;
}

#body ul .stupac-sredina {
width:390px;
height:85px;
float:left;
/*top:85px;*/
margin-top:0;
background-image:url(images/bg-linkova2.jpg);
text-decoration:none;
padding:0;
}

#body ul .stupac-dno {
width:390px;
height:85px;
float:left;
/*top:170px;*/
margin-top:0;
background-image:url(images/bg-linkova3.jpg);
text-decoration:none;
padding:0;
}

#body .left-stupac {
width:390px;
height:85px;
float:left;
top:150px;
margin-top:0;
background-image:url(images/link1.jpg);
padding:0;
}

#body .text {
width:290px;
/*top:150px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#0a4670;
text-decoration:none;
padding:15px 0 0 60px;
}

#body .text-mali {
width:300px;
/*top:150px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0a4670;
text-align:left;
padding:7px 0 0 60px;
line-height:140%;
}

#body .text-mali a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
/*font-weight:700;*/
color:#0a4670;
text-decoration:none;
}

#body a:hover {
color:#136fb0;
text-decoration:none;
}

#body .text-mali p a{
width:70px;
float:right;
color:#0a4670;
text-decoration:underline;
}
#body .text-mali p a:hover{
color:#136fb0;
text-decoration:none;
}

#body .left-stupac2 {
width:390px;
height:85px;
float:left;
top:150px;
margin-top:0;
background-image:url(images/link2.jpg);
background-color:#00aeef;
padding:0;
}

#body .left-stupac3 {
width:390px;
height:85px;
float:left;
top:150px;
margin-top:0;
background-image:url(images/link3.jpg);
background-color:#00aeef;
padding:0;
}

#sredina {
	width:985px;
	padding:0px 0px 30px 0px;
	margin:0 auto;
	/*height:500px;*/
	background-image:url(images/bg-sredina.jpg);
	background-repeat: repeat;
	position: relative;
	border:0px #000 solid;

}
.desni-dio-shooping {
width:500px;
margin-top:15px;
margin-left:0;
margin-right:25px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#004b88;
border:#93b8d2 0 dashed;
line-height:150%;
padding:10px 15px 10px 55px;

}

.lijevi-dio1 {
width:300px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
margin:25px 25px 0;
padding:15px;
}

.lijevi-dio {
width:305px;
margin-top:25px;
margin-left:25px;
margin-right:25px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
padding:10px 10px 10px 15px;
}
.lijevi-dio-katalog {
width:250px;
margin-top:25px;
margin-left:25px;
margin-right:25px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
padding:10px 10px 10px 15px;
}

.subtitle{
font-size:1.3em!important;
max-width:400px;
color:#fff;
padding:0px 15px 0px 15px!important;
text-align:center;
line-height:200%;
background:#024257;
border-bottom:1px dashed #fff;
border-right:1px dashed #fff;
font-weight:bold;
}
.prices{
font-size:1.2em!important;
max-width:400px;
color:#fff;
padding:0px 15px 0px 15px!important;
text-align:left;
line-height:180%;
background:#036687;
border-bottom:1px dashed #fff;
border-right:0px dashed #fff;

}
.img-index {
border:none;
}
.img {
	width : 127px;
	float : left;
	border : 0;
	margin : 0 10px 0px 0;
}

.img-bon {
	width : 300px;
	float:left;
	border : 0;
	margin : 0px 0px 10px 0px;
	border:none;
}

.img-naslovna {
	width : 305px;
	height:231px;
	float : left;
	border:none;
	margin : 0px 0px 0px 0px;
	
}
.img-naslovna h3 {
	font-family : Georgia, serif;
	font-size : 18px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.4em;
	color : #004b88;
	padding: 0px 0px 20px 0px;
	font-weight:bold;
	vertical-align:top;
	width:100px;
	float:right;
}
.img-naslovna p a{
	font-family : Georgia, serif;
	font-size : 12px;
	font-style : italic;
	line-height : 1.1em;
	color : #004b88;
	padding: 15px 0px 30px 0px;
	font-weight:bold;
	width:100px;
	float:right;
	
}
.img-naslovna span{
	font-family : Georgia, serif;
	font-size : 12px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.4em;
	color : #004b88;
	padding: 0px 0px 0px 0px;
	margin:20px 0px 0px 0xp;
	font-weight:bold;
	vertical-align:top;
	float:right;
	text-align:left;
	width:100px;
}
.img-naslovna2 {	
	float : left;
	width:187px;
	/*height:231px;*/
}
.img-naslovna3{	
	float : left;
	width:85px;
	border:0px;
	/*height:231px;*/
}
.img-naslovna3 .imga{	
	border:0px;
	/*height:231px;*/
}
.img-akcije {
	/*width : 187px;*/
	float:right;
	border:none;
	margin : 0 0 0 0;
	padding-top:5px;
	vertical-align:top;

}
.lijevi-dio h3{
	font-family : Georgia, serif;
	font-size : 16px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.4em;
	color : #44799c;
	padding:0px 0px 0px 8px;
	font-weight:bold;
	float:left;
	width:90px;
}
.lijevi-dio span{
	font-family : Georgia, serif;
	font-size : 12px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.8em;
	color : #004b88;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0xp;
	font-weight:normal;
	vertical-align:top;
	float:right;
	text-align:left;
	width:95px;
}
.akcija {
	font-family : Georgia, serif;
	font-size : 18px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 2.2em;
	color : #004b88;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	vertical-align:top;
	width:200px;
	float:right;
}

.lijevi-dio ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#84205a;
width:150px;
}

.lijevi-dio ul li {
width:150px;
padding-bottom:3px;
max-height:25px;
}

.lijevi-dio ul li a {
text-decoration:none;
color:#000;
font-weight:700;
padding:5px 15px;
}

.lijevi-dio ul li a:hover {
color:#000;
padding-left:8px;
}

.lijevi-dio h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
color:#052f4d;
padding:10px 15px;
}

.lijevi-dio p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#004b88;
padding:0 15px 10px;
}

.lijevi-dio a:hover {
color:#012a56;
}

.box {
width:280px;
margin-top:25px;
margin-left:25px;
margin-right:5px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:120%;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
padding:10px 15px;
}

.box1 {
width:250px;
margin-top:25px;
margin-left:25px;
margin-right:0;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
line-height:120%;
padding:10px 15px;
}

.box2 {
width:250px;
margin-top:25px;
margin-left:25px;
margin-right:25px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
line-height:120%;
padding:10px 15px;
}

.desni-dio {
width:545px;
margin-top:25px;
margin-left:0;
margin-right:25px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#f1f3f4;
color:#004b88;
border:#93b8d2 1px dashed;
line-height:150%;
padding:10px 15px;
}
.desni-dio h1{
	font-family : Georgia, serif;
	font-size : 18px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.8em;
	color : #f26522;
	font-weight:bold;
	
}
.desni-dio em{
	font-family : Georgia, serif;
	font-size : 15px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.4em;
	color : #004b88;
	
	
}
.desni-dio  span{
	font-family : Georgia, serif;
	font-size : 18px;
	font-style : italic;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.2em;
	color : #004b88;
	
}
.ponuda {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.desni-dio-text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#004b88;
font-weight:700;
text-align:center;
}

.desni-stupac1 {
width:250px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#004b88;
border:#93b8d2 0 dashed;
line-height:200%;
padding:10px 15px;
}

.desni-stupac2 {
width:210px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#004b88;
border:#93b8d2 0 dashed;
line-height:150%;
padding:0 5px 5px;
}

ul.disc {
list-style-type:disc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style-position:inside;
padding-left:20px;
line-height:180%;
}

ul.disc1 {
list-style-type:disc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
list-style-position:inside;
padding-left:20px;
line-height:180%;
}
ul.disc2 {
list-style-type:disc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
list-style-position:inside;
padding-right:300px;
padding-top:20px;
line-height:200%;
}
ol.disc {
list-style-type:square;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
list-style-position:inside;
padding-left:20px;
line-height:180%;
}

.desni-dio p {
line-height:130%;
padding-top:4px;
padding-bottom:4px;
}

.sredina-centri {
width:905px;
margin-top:25px;
margin-left:25px;
margin-right:25px;
float:right;
padding:10px 15px 0px 0px;
}

.sredina-centri2 {
width:905px;
margin-top:5px;
margin-left:25px;
margin-right:25px;
float:right;
padding:0px 15px 10px 0px;
}

#bodysredina {
width:985px;
height:1px;
margin:0 auto;
padding:0;
}

#bodyBottom {
width:985px;
color:#fff;
background-color:#c7d5e1;
margin:0 auto;
padding:0px 0px 5px 0px;
position: relative;
}

#centri {
width:180px;
float:left;
margin:0 40px;
}

#centri h3 {
display:block;
width:170px;
height:25px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#052f4d;
background-color:inherit;
text-transform:uppercase;
border-bottom:#036 1px dashed;
margin:0;
padding:10px 0 0 10px;
}

#centri ul {
display:block;
margin:0;
padding:0;
}

#centri ul li {
display:block;
height:20px;
line-height:0;
}

#centri ul li a {
display:block;
font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#004b88;
background-color:inherit;
text-decoration:underline;
height:20px;
padding:5px 0 0 10px;
}

#centri ul li a:hover {
color:#000;
text-decoration:none;
}

#katalog {
width:200px;
float:left;
margin:0 20px 0 0;
}

#katalog h3 {
width:200px;
height:25px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#052f4d;
background-color:inherit;
text-transform:uppercase;
border-bottom:#036 1px dashed;
margin:0;
padding:10px 0 0 0px;
}
#katalog span{
font:bold 12px Arial, Helvetica, sans-serif;
color:#052f4d;
background-color:inherit;
margin:0;
padding:10px 0 0 0px;

}

#katalog .img {
width:96px;
height:132px;
margin-top:3px;
margin-left:40px;
margin-right:40px;
border:none;
}

#katalog p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:15px 0px 0px 45px;
font-weight:bold;
color:#000;

}
#katalog .priprema{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px 0px 0px 15px;
font-weight:bold;
color:#000;

}


#placanje {
width:465px;
float:left;
margin:0 40px 0 0;
}

#placanje h3 {
display:block;
width:455px;
height:25px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#052f4d;
background-color:inherit;
text-transform:uppercase;
border-bottom:#036 1px dashed;
margin:0;
padding:10px 0 0 10px;
}

#placanje .kartice {
display:block;
width:390px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#052f4d;
background-color:inherit;
text-transform:uppercase;
float:right;
margin:0 0 10px;
padding:30px 0 10px 30px;
}

#placanje ul {
display:block;
width:400px;
margin:0;
padding:0;
}

#placanje ul li {
display:block;
height:20px;
line-height:0;
font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#004b88;
background-color:inherit;
text-decoration:none;
padding:0 0 0 10px;
}

#footer {
width:985px;
height:40px;
background-color:#c5d3df;
border:#FFF 0 solid;
color:#004b88;
position:relative;
margin:0 auto;
}

#footer ul {
width:500px;
position:absolute;
left:11px;
top:10px;
}

#footer ul li {
float:left;
color:#000;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
}

#footer ul li a {
color:#08426c;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
text-decoration:none;
padding:0 7px;
}

#footer ul li a:hover {
color:#8db1ca;
}

#footer p.design {
font:bold 10px/19px Arial, Helvetica, sans-serif;
color:#08426c;
background-color:inherit;
position:absolute;
left:800px;
top:10px;
}

#footer p.design a {
color:#FFF;
background-color:inherit;
text-decoration:none;
}

#footer p.design a:hover {
color:#8db1ca;
background-color:inherit;
}

.lijevi-dio a,.box a:hover,.box1 a:hover,.box2 a:hover {
color:#008ed6;
}

.box a,.box1 a,.box2 a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:120%;
color:#004b88;
text-decoration:none;
}