*{margin:0;padding:0;}


body {
   font-family:"Trebuchet MS", sans-serif;
   font-size: initial;
   color:#555555;
   text-align: center;
   }

.row:after {
    content: "";
    clear: both;
    display: block;
}

body a {
text-decoration:none;
font-size:80%;
}

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

body img{
border:none;
object-fit: scale-down;
}

body .clear{
clear:both;
}
 
body textarea{
overflow:auto;
}

body input, body textarea, select{
color:#656565;
padding-bottom:3px;
margin-top:2px;
margin-bottom:3px;
font-size:12px;
}
 
body a.button,  body input.kolekcija{
background:#C0669A;
padding:3px 10px 3px 10px;
cursor: pointer;
color:#ffffff;
float:right;
border:none;
font-size:14px;
}


 
body a.button:hover, body input.kolekcija:hover{
background:#d37aae;
}
 
 
 table{
 border-spacing: 0;
 }
 
 table td{
 border:none;
 }
 
#main{
width:100%;
}

.inline{
display:inline;
}

.zaglavlje{
width:100%;
margin:0 auto;
background:transparent;
}

.zagHome{
width:100%;
height:30px;
padding:2px 0 2px 0;
background:#9d3864;
}

.zagHome a.homeIcon{
position:relative;
right:40%;
top:4px;
}

.zag1{
width:100%;
}




.zag2{
width:100%;
margin-top:6px;
background:#656565;
}

.zag2 ul#up_menu{
width:100%;
text-align:center;
padding:6px 25px 5px 25px;
}

#up_menu2{
clear:both;
} 

#up_menu .inline, #up_menu2 .inline, .top_menu .inline{
list-style-type:none;
}

#up_menu .inline a{
margin-top:5px;
font-size:80%;
font-weight:bold;
letter-spacing:.2em;
padding:7px 24px 4px 24px;
margin-left:5px;
color:#fdf4fc;
}

#up_menu .inline a:hover{
color:#fff;
}
#up_menu .inline a.home1{
position:relative;
font-size:14px;
letter-spacing:.2em;
padding:7px 24px 4px 24px;
margin-left:5px;
color:#656565;
background:#efefef;
}


.zag2 hr{
height: 3px;
}

.top_menu{
float:left;
margin-left:10%;
}

.top_menu .inline a{
padding:5px;
color:#919191;
}

.top_menu .inline a#hOme{
padding-left:22px;
background: url(images/homeIcon.png) left center no-repeat;
}


.zag2_2{
float:right;
padding-left:5px;
margin-right:12px;
width:185px;
padding:0;
}


.zag3{
width:100%;
height:101px;
}

.content{
line-height: 16px;
padding-top:5px;
width:80%;
margin:0 auto;
padding-bottom:20px;
border:1px solid green;
font-size:80%;
color:#2a2a2a;
}

#first{
width:970px;
height:400px;
padding:15px;
background:#ffffff;
margin-top:-10px;
position:relative;
top:-25px;
}

/* main vertical scroll */
	#maiN {
		position:relative;
		overflow:hidden;
		height: 400px;
		
	}
	
	/* root element for pages */
	#pageS {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.pagE {
		
		height: 400px;
		background:#ffff;
		width:970px;
	}
	
	/* root element for horizontal scrollables */
	.scrollablE {
		position:relative;
		overflow:hidden;
		width: 970px;
		height: 400px;
	}
	
	/* root element for scrollable items */
	.scrollablE .itemS {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.iteM {
		float:left;
		width:970px;
		height:400px;
		
	}
	

	
	/* main navigator */
	#main_navI {
	visibility:hidden;
	}

.left{
float:left;
color:#7d67ac;
}

.left a{
color:#e20074;
}

.left a:hover{
text-decoration:none;
}

.left h2{
color:#a10110;
}

.left h1{
color:#a10110;
}



.left p.greska{
color:red;
text-align:center;
}



/* pagination START
================================== */
 div.pagination {
	padding: 3px;
	margin: 3px;
}

 div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none; /* no underline */
	color: #d37aae;
	background:#fcf6fb;
}
 div.pagination a:hover,  div.pagination a:active {
	color: #CA3A6D;
	background:#fcf6fb;
}
 div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;

		font-weight: bold;
		background-color:#ecd4d9;
		color: #C3679D;
	}
 div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #DDD;}

/* pagination END
================================== */



/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#ffffff;
    border:10px solid #9D3864;
	border-top:20px solid #9D3864;
	/* CSS3 styling for latest browsers */
	
	-moz-box-shadow:0 0 50px 2px #7d7d7d;
	-webkit-box-shadow: 0 0 50px #7d7d7d;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background: url(images/delete3.png) right center no-repeat;
	position:absolute;
	right:5px;
	top:-17px;
	cursor:pointer;
	height:15px;
	width:120px;
	font:12px Trebuchet MS;
	color:#f4f4f4;
	padding-bottom:2px;
		
}

.simple_overlay .close:hover {
color:#d37aae;
}

/* the overlayed element */
.simple_overlay1, .simple_overlay2 {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#ffffff;
    border:10px solid #f1e9f1;
	border-top:25px solid #f1e9f1;
	
	/* CSS3 styling for latest browsers */
	
	-moz-box-shadow:0 0 50px 2px #7d7d7d;
	-webkit-box-shadow: 0 0 50px #7d7d7d;	
}

.simple_overlay1 table, .simple_overlay2 table{
width:420px;
}

td.odza{
width:15px;
text-align:left;
vertical-align:bottom;
}

td.odZa{
vertical-align:top;
width:150px;
font: bold 25px Times New Roman;
color:#ca3a6d;
padding-left:10px;
}

/* close button positioned on upper right corner */
.simple_overlay1 .close, .simple_overlay2 .close {
	background: url(images/delete2.png) right center no-repeat;
	position:absolute;
	right:5px;
	top:-22px;
	cursor:pointer;
	height:15px;
	width:120px;
	color:#ca3a6d;
	font:12px Trebuchet MS;
	padding-bottom:2px;
		
}

.simple_overlay1 .close:hover, .simple_overlay2 .close:hover {
color:#d37aae;
}

.simple_overlay1 h2, .simple_overlay2 h2{
text-align:left;
position:absolute;
left:-30px;
top:-45px;
color:#d37aae;
font-size:15px;
padding:25px 0 5px 55px;
background:url(images/email1.png) top left no-repeat;
}

.menu18 .simple_overlay1 h2{
text-align:left;
position:absolute;
left:-50px;
top:-55px;
color:#d37aae;
font-size:15px;
padding:25px 0 5px 55px;
background:url(images/email1.png) top left no-repeat;
}

.simple_overlay2 h2{
background:url(images/mail_send.png) top left no-repeat;
}

#mies13 h2{
background:url(images/down.png) top left no-repeat;
}

.simple_overlay1 p{
padding:10px;
border:1px dashed #4f2e95;
margin-top:10px;
}

.simple_overlay2 a.aOverlay{
padding:3px 10px;
font: bold 14px Arial;
color:#f4f4f4;
background:#b14c76;
}

.simple_overlay2 a.aOverlay:hover{
background:#BD5882;
}


.simple_overlay img{
padding:5px;
}


/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:200px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}




.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
margin-top:5px;
z-index:900;
}

@media print {
.tabcontent {
display:block !important;
}
}

.detalji{
position:relative;
top:-30px;
float:right;
padding-left:5px;
text-align:left;
width:150px;

}

p.statistic{
padding:3px 0 3px 25px;
font: 11px Trebuchet MS;
background:url(images/chart.png) left center no-repeat;
}
a.sendtofriend img{
background:url(images/friend.png) left center no-repeat;
cursor:pointer;
cursor:hand;
}
a.sendtofriend img:hover{
background:url(images/friend_hover.png) left center no-repeat;
cursor:pointer;
cursor:hand;
}
a.sendpp img{
background:url(images/pp.png) left center no-repeat;
cursor:pointer;
cursor:hand;
}
a.sendpp img:hover{
background:url(images/pp_hover1.png) left center no-repeat;
cursor:pointer;
cursor:hand;
}

.stat img#freekrojimg {
background:url(images/freeKroj.png) left center no-repeat;
cursor:pointer;
cursor:hand;
}

.stat img:hover#freekrojimg{
background:url(images/freeKroj.png) right center no-repeat;
cursor:pointer;
cursor:hand;
}

img#freepdf {
background:url(images/freepdf.jpg) left center no-repeat;
}

img:hover#freepdf {
background:url(images/freepdf.jpg) right center no-repeat;
}


img#fullscreen {
background:url(images/full.jpg) top left no-repeat;
}

img:hover#fullscreen {
background:url(images/full.jpg) top right no-repeat;
}



/*Galerija END
================================== */



.oNama{
width:620px;
text-align:left;
font:normal 80% "Trebuchet MS";
border:1px solid #f1e9f1;
border-top:none;
}

.oNama h3{
padding:3px 10px;
color:#f4f4f4;
background-color:#b14c76;
}
.oNama1{
width:600px;
padding:10px;
font:bold 80% "Trebuchet MS";
}


/*Adresar END
================================== */
/*MENU1 START
================================== */
.wrapper{
width:644px;
height:324px;
margin-left:15px;
}

.w_left{
position:relative;
z-index:100;
float:left;
width:200px;
}

.w_left1{
width:200px;
height:90px;
margin-bottom:2px;
background:#f1e9f1;
}

.w_left1:hover{
background:#e8e1e8 ;
}

.w_left1 img{
float:left;
margin:5px;
padding:2px;
background:#ffffff;
height:40px;
}

.w_left p{
font-size:15px;
padding:3px;
font-weight:bold;
color:#ca3a6d;

}

.w_right{
float:right;
width:434px;
height:268px;
margin-bottom:10px;
padding:3px;

}
.w_right1{
width:434px;
height:268px;

}

.uvjeti{
width:80%;
padding:10px;
margin-left:16px;
text-align:left;
font-size:80%;
color:#4f2e95;
border:2px solid #f1e9f1;
}

.uvjeti h2{
padding-bottom:5px;
border-bottom:2px solid #f1e9f1;
margin-bottom:10px;
}

p.podebljano{
font-weight:900;
color:#4f2e95;
}

/*MENU1 END
================================== */


/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.mat1 a,.area2_0 a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.mat1 a:hover,.area2_0 a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.mat1 span img, .area2_0 span img {
width:200px;
height:200px;
}

.mat1 a span , .area2_0 a span{  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	background-color: #f1f5fc;
	padding: 2px;

}

.mat1 img, .area2_0 img { /* leave or IE puts a border around links */
border-width: 0;
}

.mat1 a:hover span, .area2_0 a:hover span { 
	display:block;
	top:-110px; /* means the pop-up's top is 50px away from thumb's top */
	left: 0px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	}
	
.area2_0 a:hover span { 
	display:block;
	top:0px; /* means the pop-up's top is 50px away from thumb's top */
	left: 0px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	}	
	

.resize_thumb {
	width: 90px; /* enter desired thumb width here */
	height : auto;
}
.area2_0{
text-align:center;
}

.area2_0 img.resize_thumb {
	height: auto; /* enter desired thumb width here */
	width: auto;
	margin: 0 auto;
}

/* smart image enlarger ends here */

.mjere18{
margin-top:10px;
}

.mjere18 p{
margin:10px;
padding:10px;
text-align:left;
background:#F9F6F9;
border:1px dashed #7d67ac;
}




.mjereLeft18{
float:left;
width:380px;
height:300px;
margin-left:10px;
}

.mjereRight18{
float:right;
width:200px;
height:300px;
margin-right:10px;
}

.mjereRight18 div{
width:200px;
height:300px;
}

.mjereLeft18 div{
background:#F9F6F9;
padding:10px 10px 10px 0;
text-align:left;
}

.mjereLeft18 div label{
width:250px;
margin-left:10px;
}

.mjereLeft18 div input{
width:120px;
float:right;
padding:2px;
position:relative;
bottom:5px;
border:2px solid #f1e9f1;
}


.mjereRight18 .panes{
	display:none;		
	background-color:#fff;
}


/*menu18 end
================================== */


/*KROJEVI START
================================== */
.krojevi{
float:left;
width:70%;
margin-left:1px;
padding-bottom:10px;

}

.krojevi .trazilica{
margin-bottom:5px;
}

.krojevi .trazilica .unesiM{
width:90px;
border:1px solid #cccccc;
margin-right:0;
}

.krojevi .trazilica .traziM{
color:#f4f4f4;
border:none;
background:#9d3864;
border:1px solid #9d3864;
margin-left:0;
text-align:center;
cursor:pointer;
cursor:hand;
}

.krojevi .trazilica input:hover.traziM{
background:#C0669B;
border:1px solid #C0669B;
}


.menu_kat, .menu_kat1{
float:left;
width:25%;
font-size:100%;
background:#f1f1f1;
}

.menu_kat1 p{
text-align:left;
background:#f1f1f1;
color:#145464;
font-weight:bold;
padding:3px 5px;
border-bottom:2px solid #fff;
}
.menu_kat1 a{
color:#555555;
display:block;
padding:1px 1px 1px 10px;
}
.menu_kat1 a:hover{
color:#a10110;
text-decoration:none;
}
.menu_kat1 p.sveKat{
background:#9d3864;
color:#f4f4f4;
font-size:110%;
font-weight:bold;
margin: 1px 0 1px 0;
}

.menu_kat1 p.sveKat a{
padding-top:3px;
padding-bottom:3px;
background:#9d3864;
color:#f4f4f4;
display:block;
}

.menu_kat1 p.sveKat a:hover{
display:block;
text-decoration:none;
}
.menu_kat ul li{
list-style-type:none;
}

.menu_kat ul li a, .menu_kat ul li a.red{
text-align:left;
margin:2px 0;
margin-bottom:0;
padding:0 10px;
display:block;
color:#7d67ac;
font:12px "Trebuchet MS";
border-bottom:1px solid #fff;
}


.menu_kat ul li a:hover{
text-align:left;
margin:2px 0;
margin-bottom:0;
padding:0px 10px;
display:block;
color:#ca3a6d;
background:#ffffff;
font:12px "Trebuchet MS";
border-bottom:1px dotted #cccccc;
}


.menu_kat ul li a.homeA{
text-align:left;
margin:2px 0;
margin-bottom:0;
padding:0px 10px 0px 20px;
display:block;
color:#ca3a6d;
background: #ffffff url('images/arrow.gif');
background-repeat:no-repeat;
background-position:10px 50%;
font:12px "Trebuchet MS";
border-bottom:1px dotted #cccccc;
}

.menu_kat ul li a#noviM{
text-align:center;
background:#9d3864;
padding-top:3px;
padding-bottom:3px;
margin-top:3px;
margin-bottom:5px;
color:#f4f4f4;
font-size:13px;
}

.menu_kat ul li a#noviM:hover{
background:#C0669B;
}


.gal_model{
float:left;
width:500px;
}

.gal_model h2{
float:left;
margin-left:20px;
margin-top:10px;
font-size:20px;
color:#ca3a6d;
}

.galimg{
position:relative;
overflow:hidden;
float:left;
width:140px;
height:248px;
margin:10px 20px;
margin-right:0;
border:1px solid #f1e9f1;
}

.galimg:hover{
border:1px solid #E7CCE7;
}

.galimg:hover p{
color:#ca3a6d;
}

.galimg p.opsirnije{
position:absolute;
top:220px;
left:0;
width:140px;
text-align:right;
}

.galimg p.opsirnije a{
display:block;
padding:5px 20px ;
font:12px "Trebuchet MS";
color:#d37aae;
background:#f9f5fc url(images/next_hover.png) right center no-repeat; 
}

.galimg p.opsirnije a:hover{
color:#ca3a6d;
background:#f9f5fc  url(images/next.png) right center no-repeat; 
}

.krojdesno{
float:right;
width:500px;
}

.krojdesno h2{
float:left;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
font-size:20px;
color:#ca3a6d;
}


.krojdesno p.natrag{
float:right;
text-align:right;
margin:10px;
}

.krojdesno a.povratak{
text-align:left;
color:#7d67ac;
}

.krojdesno a.povratak:hover{
color:#ca3a6d;
}

.krojdesno br{
clear:both;
}



.krojbig{
text-align:center;
float:left;
border:1px solid #f1e9f1;
width:300px;
height:400px;
}

.krojeach{
overflow:hidden;
width:300px;
height:400px;
}

.stat{
width:170px;
margin-left:20px;
margin-top:30px;
}

.stat p a{
margin-left:-30px;
}

.stat p.statistic{
text-align:left;
padding-left:25px;
}


.stat a img{
background: url(images/pp2.png) center center no-repeat;
}

.stat a:hover img{
background: url(images/pp1.png) center center no-repeat;
}

.thumb3{
width:190px;
float:left;
}

.thumb4{
width:90px;
height:120px;
float:left;
margin-left:5px
}

.thumb4 a img{
border:2px solid #f1e9f1;
}

.thumb4 a.selected img{
border:2px solid #d37aae;
}

.thumb4 a:hover img{
border:2px solid #d37aae;
}

.krojdesno .close span{
color:#ffffff;
}

.orderform{
clear:both;
width:490px;
}

.orderform .orP{
font-family:Trebuchet MS;
border:1px dashed #7d67ac;
text-align:left;
margin-bottom:10px;
}

.orderform br{
clear:both;
}

.orderform form, .tabcontent1 form{
text-align:left;
overflow:hidden;
font-size:1.2em;
}

.tabcontent1 h1{
margin:10px;
font-size:15px;
color: #7d67ac;
}

.tabcontent1 form{
font-size:1.3em;
}

.orderform p, .tabcontent1 p{
background:#f9f5fc;
padding:10px 20px;
position:relative;
}

.tabcontent1 p{
background:#f9f5fc;
padding:10px 20px;
position:relative;
}

.tabcontent1 p{
padding:3px 20px;
}

.orderform p form label, .tabcontent1 p form label{
width:200px;

}

.orderform p input{
width:200px;
padding: 3px;
border:2px solid #f1e9f1;
position:absolute;
bottom:3px;
right:20px;
}

#acc{
width:490px;
}

.menu18 #acc{
width:620px;
margin-left:15px;
}

#acc .accP{
font-family:Trebuchet MS;
font-size:12px;
font-weight:700;
border:1px dashed #7d67ac;
margin-bottom:10px;
}

.menu18 #acc .accP{
font-family:;
font-size:12px;
font-weight:400;
text-align:left;
padding:10px;
border:1px dashed #7d67ac;
margin-bottom:10px;
}

#accordion .pane {
 display:none;
	height:330px;
	border:2px solid #f1e9f1;
	border-top:none;
	margin-bottom:5px;
}

#accordion p{
background:#f9f5fc url(images/plus.gif);
background-repeat:no-repeat;
background-position:450px 50%;
padding:5px 25px 5px 20px;
font-size:12px;
font-weight:700;
border:2px solid #f1e9f1;
margin-bottom:5px;
cursor:pointer;
cursor:hand;
}

.menu18 #accordion p{
background-position:590px 50%;
text-align:left;
}

#accordion p.current{
background:#f9f5fc url(images/minus.gif);
background-repeat:no-repeat;
background-position:450px 50%;
padding-right:25px;
border:2px solid #f1e9f1;
border-bottom:none;
margin-bottom:0;
cursor:default;
}

.menu18 #accordion p.current{
background-position:590px 50%;
text-align:left;
}

.rz{
float:left;
width:160px;
margin-left:1px;
text-align:center;
}

.menu18 .rz{
float:left;
width:160px;
margin-left:32px;
text-align:center;
}



.tabcontent1 p input{
width:200px;
padding: 2px;
border:2px solid #f1e9f1;
position:absolute;
right:20px;
bottom:1px;
}

.orderform  table{
background:#f9f5fc;
width:100%;
}

.orderform  table td{
width:50%;
}

.orderform  table p{
background:#f9f5fc;
padding:10px 20px;
}

.orderform table input{
border:none;
margin:0 5px 0 15px;
}


.orderform  input.submit-button, .tabcontent1 input.submit-button, .menu18 input.sbmtOrder{
font-size:1.2em;
letter-spacing:3px;
width:100%;
background:#9d3864;
color:#f4f4f4;
font-weight:bold;
padding:3px 5px;
margin-right:22px;
border:2px solid #9d3864;
cursor:pointer;
cursor:hand;
}

.menu18 input.sbmtOrder{
width:620px;
margin-left:15px;
}

.orderform  input.submit-button:hover, .tabcontent1 input.submit-button:hover,.menu18 input.sbmtOrder:hover{
width:100%;
background:#A3406B;
border:2px solid #A3406B;
font-size:1.2em;
cursor:pointer;
cursor:hand;
}

.menu18 input.sbmtOrder:hover{
width:620px;
margin-left:15px;
}

.kroj0{
width:98%;
float:left;
text-align:left;
line-height:2em;
}


.kroj0 ul{
margin-left:20px;
list-style-type:disclosure-closed;
}

.kroj0 .submitD{
width:50px;
height:25px;
border:none;
background: url(images/kupi.png) right center no-repeat;
}

.kroj0 .submitD:hover{
width:50px;
height:25px;
background: url(images/kupi.png) left center no-repeat;
}

.kroj0 h2, .buy h2{
font-size:20px;
color:#ca3a6d;
margin:10px;
}



.kroj0 a{
margin-left:20px;
padding:3px 20px;
font-size:1.2em;
letter-spacing:3px;
width:100%;
background:#9d3864;
color:#f4f4f4;
font-weight:bold;
}
.kroj0 a:hover{
background:#BD5882;
}


.uputeKupovina{
float:left;
width:98%;
margin-top:10px;
margin-left:10px;
text-align:left;
}

.uputeKupovina p{
font-family:Trebuchet MS;
font-size:110%;
line-height:1.3em;
}

.uputeKupovina img{
float:left;
width:197px;
margin-right:20px;
margin-left:20px;
}


.tabliceMjera{
float:left;
width:490px;
margin-top:20px;
margin-left:10px;
text-align:center;
}

.menu18 .tabliceMjera{
width:628px;
}

.tabliceKroj h2, .tabliceKroj p{
text-align:left;
margin:10px;
}



.tabliceKroj table{
width:100%;
border-collapse: collapse;
  border: 1px solid #cccccc;
}

.tabliceMjera table{
width:490px;
 border-collapse: collapse;
  border: 1px solid #cccccc;
  
}

.menu18 .tabliceMjera table{
width:628px;
}

.tabliceMjera table th, .tabliceMjera table td,.tabliceKroj table td{
  padding: .8em 0;
  border-right:1px solid #cccccc;
}

.tabliceMjera tr.bojano{
background: #f9f5fc;
}

 .tabliceMjera thead tr, .tabliceMjera thead tr:hover,.tabliceKroj table thead tr,.tabliceKroj table thead tr:hover{
  background:#9d3864;
color:#f4f4f4;
}


.tabliceMjera tr:hover,.tabliceKroj table tr:hover {
 background:#ECE5F1;
}
.tabliceKroj table td{
 border-bottom: 1px solid #cccccc;
 }


 table.pptable{
width:100%;
border-collapse: collapse;
border: 1px solid #cccccc;

}

 table.pptable thead tr td{
background:#ca3a6d;
color:#ffffff;
padding:5px;
}

 table.pptable tbody tr{
background:#f9f9fc;
}

 table.pptable tbody tr:hover{
background:#ECE5F1;

}



table.pptable tr.od{
background:#ffffff;
}



table.pptable tr.od:hover{
background:#ffffff;
}


table.pptable tr.od td{
padding:0;
}

 table.pptable td{
border: 2px solid #cccccc;
padding:5px;
}

.poklon{
padding:10px 0 10px 55px;
background: url(images/poklon.png) left center no-repeat;
}

.krojevi .krojeviUvod{
float:left;
width:70%;
margin-left:2%;
margin-top:10px;
}


.krojevi .slidE{
float:left;
width:100%;
height:240px;
border:none;
background:#f6f6f6;
}

.krojevi .slidE .wrapper1{
width:100%;
height:240px;
padding:0;
border:none;
position:relative;
}

/* single slide */
.krojevi .slidE .wrapper1 div {
	display:none;
	position:absolute;
	top:0;
	left:0;	
width:100%;
height:240px;	

}

.krojevi .slidE #pane1{
background:url(http://www.krojevi.online/images/zenskasmall.jpg) center center no-repeat;
}

.krojevi .slidE #pane2{
background:url(http://www.krojevi.online/images/bebesmall2.jpg) center center no-repeat;
}

.krojevi .slidE #pane3{
background:url(http://www.krojevi.online/images/muskasmall.jpg) center center no-repeat;
}

.krojevi .slidE #pane4{
background:url(http://www.krojevi.online/images/printsmall.jpg) center center no-repeat;
}

/* tabs (those little circles below slides) */
.krojevi .slidE .slidetabs1 {
	clear:both;
	visibility:hidden !important;
}

/*KROJEVI END
================================== */

.right{
float:right;
width:25%;
background: #f5f5f5;
}

.menuUpute{
width:100%;
margin-top:20px;
border-top:5px solid #ffffff;
text-align:left;
}
.menuUpute ul{
list-style-position:inside;
}

.menuUpute ul li{
margin-bottom:5px;
padding-left:10px;
border-bottom:5px solid #ffffff;
}

.menuUpute a{
font-size:120%;
font-family:Trebuchet MS;
color:#7d67ac;
padding:10px 0;
}

.menuUpute a:hover{
text-decoration:none;
color:#ca3a6d;
}

.ban1{
width:300px;
height:100px;
background: #fff;
}

.petite,.tablicepdf{
width:100%;
background:#ffffff;
border: 1px solid #f1e9f1;
margin-top:15px;

}

.petite p.petiteP1{
font-size:130%;
font-family: Tahoma;
color:#ca3a6d;
padding: 10px 10px 0 10px;
}

.petite p.clear{
text-align:center;
padding:0 10px 10px 10px;
font-size:120%;
font-family:Trebuchet MS;
color: #7d67ac;
}

.adobe{
width:100%;
margin-top:15px;
padding-bottom:20px;
background:#ffffff;
text-align:center;
}

.adobe p, .tablicepdf p{
font-size:120%;
font-family:Trebuchet MS;
color:#7d67ac;
padding:10px 20px;
}

.adobe p span{
color:#e60b0f;
}

.tablicepdf p a{
text-align:center;
padding:0 10px 10px 10px;
font-size:105%;
font-family:Trebuchet MS;
color: #7d67ac;
}

.tablicepdf p a:hover{
color:#ca3a6d;
text-decoration:none;
}

.right img{
padding:5px 10px;
}

.petite img, .tablicepdf img{
padding:0;
}

.rightKatalog{
width:300px;
overflow:hidden;
margin-left:10px;
padding-bottom:20px;
background:url('images/kat_bg3.jpg') top left no-repeat;
}

.rightKatalog div.group3{
margin-left:4px;

}

.rightKatalog h2{
text-align:left;
padding:15px 45px;
font-family:Georgia;
font-size:20px;
}

.rightKatalog .smallKat{
float:left;
overflow:hidden;
margin-left:17px;
padding:10px 0;
width:75px;
height:110px;
background:#9D3864;
}

.rightKatalog .smallKat p{
font-size:9px;
font-weight:700;
text-align:center;
color:#ffffff;
}

.rightKatalog .smallKat img{
padding:2px 0;
}

.box2 input{
width:200px;
border:2px solid #f1e9f1;
}

.box2 #kolekcija{
background:#C0669A;
color:#ffffff;
padding:3px 10px;
border:none;
}
.box2 #kolekcija:hover{
background:#d37aae;
}

.freedow{
padding:10px;
border-top:5px solid #f1e9f1;
border-bottom:5px solid #f1e9f1;
font-family:Trebuchet MS;
font-weight:700;
font-size:105%;
color:#7d67ac;
background:#ffffff;
margin:20px 0;
}


.freedow span{
color:#ca3a6d;
font-weight:700;
font-size:110%;
}

.vidiweb{
background:#ffffff;
padding-top:15px;
padding-right:10px;
padding-bottom:15px;
padding-left:10px;
border-top:10px solid #f1e9f1;
border-right:45px solid #f1e9f1;
border-bottom:10px solid #f1e9f1;
border-left:45px solid #f1e9f1;

}

.kode .box3{background:#ffffff; width:286px;border:2px solid #f1e9f1;padding:10px 10px 10px 0;margin-left:10px;color:#7d67ac;}

.kode .box3 p label {width:98%;}

.kode .box3 p input {width:98%;  padding:3px;  border: 1px solid #f1e9f1;}

.kode .box3  p label {float:left; line-height:2em; margin-right:3%; text-align:right; width:32%; }

.kode .box3 p input {width:60%; padding:3px;  border:1px solid #f1e9f1;}

.kode .box3 .login-button {margin-left:35%;  cursor: pointer; border:none;  background:#C0669A; cursor:pointer; outline:none; border:none; color:#ffffff;font-weight:bold;padding:3px 10px;}

.kode form p.notice {font-weight:bold;font-size:1.2em;}

/*Footer START
================================== */
#footer{
width:100%;
height:200px;
background: #2a2a2a;
}

.footer1{
margin:0 auto;
color:#ffffff;
text-align:left;
font-size:12px;
font-weight:900;
font-family: Tahoma;
width:80%;
}

.footer1 h3{
font-size:20px;
letter-spacing:.1em;
padding-bottom:5px;
text-shadow:1px 1px 2px #000 ;
border-bottom:1px inset #d7d7d7;
margin-bottom:5px;
}

.footer1 ul{
list-style-type:disc;
list-style-position:inside;
float:left;
width:130px;
}


.foot_left a,.foot_right a{
color:#e9d2e4;
text-shadow:1px 1px 2px #000 ;
font-size:11px;
}

.foot_left a:hover, .foot_right a:hover{
color:#ffffff;
text-shadow:1px 1px 2px #000 ;
text-decoration:none;
}

.foot_left{
float:left;
width:260px;
padding:10px;
line-height:150%;
margin-left:5px;
}

.foot_right{
float:left;
width:260px;
padding:10px;
line-height:150%;
margin-left:30px;
}

.foot_right2{
float:right;
width:260px;
padding:10px;
padding-top:20px;
}

.foot_right2 a.tw{
float:left;
margin-left:30px;
}

.foot_right2 a.fb{
float:left;
margin-left:20px;
}


.foot_p{
clear:both;
color:#e9d2e4;
font-weight:400;
font-size:11px;
}

.foot_p a{
color:#e9d2e4;
font-weight:400;
font-family:Arial;
font-size:11px;
border-bottom:1px dotted #e9d2e4;
}

.foot_p a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:1px dotted #e9d2e4;
}