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

body {
	background: #f5f5f5 url(images/bg1.jpg) repeat-x;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif ;
	color:#5a5a5a;
	font-size:12px;
	line-height:18px;

}

a
{outline:none;}


/********************************************************************** OKOLNI *********************************************************************************************/
.okolni{
		/*width:1192px;*/
		margin:0 auto;
		clear:both;
		width: 960px;

}



.okolni1{
		width:956px;
		margin:0 auto;
		position:relative;
		height:190px;
		clear:both;

}

.okolni12{
		width:956px;
		margin:0 auto;
		position:relative;
		clear:both;

}

.okolni2{
	
		margin:0 auto;
		background-position:bottom;
		min-height:720px;
	

}

.okolni_ornam {
	background: url(images/bg.jpg) no-repeat center 189px;
}

#main{
		/*width:1192px;*/
		width: 960px;
		margin-bottom:10px;
		/*background: url(images/bg.jpg) no-repeat;*/
		/*min-height:260px;*/
		float:left;


}




/********************************************************************** HEADER *********************************************************************************************/

#header
{
/*background: url(images/top.jpg) no-repeat;*/
position:absolute;
/*width:1013px;*/
width: 960px;
height:189px;
z-index:1;}

.logo a
{width:300px;
height:200px;
float:left;
display:block;
cursor:pointer;}


/********************************************************************** LIJEVI *********************************************************************************************/
#lijevi{
width:240px;
margin-left:11px;
margin-top:20px;

float:left;
}

#kontakti{
width:220px;
background: url(images/kontakti.png) repeat-x;
padding-left:20px;
padding-top:10px;
float:left;
}

.link
{background: url(images/link1a.png) no-repeat;
float:left;
width:240px;
height:40px;
font-weight:bold;
margin-bottom:2px;}


.link a
{
float:left;
width:200px;
padding-top:12px;
height:27px;
color:#434343;
font-size:13px;
padding-left:40px;
margin-bottom:2px;}

.link a:hover
{background: url(images/link1.png) no-repeat;
float:left;
color:#fff;


}


.link2
{background: url(images/link1.jpg) no-repeat;
float:left;
width:240px;
height:40px;
font-weight:bold;
margin-bottom:2px;}


.link2 a
{
float:left;
width:200px;
padding-top:12px;
height:27px;
color:#434343;
font-size:13px;
padding-left:40px;
margin-bottom:2px;}

.link2 a:hover
{background: url(images/link1a.jpg) no-repeat;
float:left;
color:#fff;


}



.link3
{background: url(images/link2.png) no-repeat;
float:left;
width:240px;
height:40px;
font-weight:bold;
margin-bottom:2px;}


.link3 a
{
float:left;
width:200px;
padding-top:12px;
height:27px;
color:#434343;
font-size:13px;
padding-left:40px;
margin-bottom:2px;}

.link3 a:hover
{background: url(images/link2a.jpg) no-repeat;
float:left;
color:#fff;


}






/********************************************************************** SREDNJI *********************************************************************************************/


.obuca
{float:left;
/*background:#ededed;*/
background: #FFFFFF;
border:1px solid #d8d8d8;float:left;
width:338px;
margin-bottom:10px;
margin-left:10px;
height: 240px;}

.obuca-kolekcija
{float:left;
background: #FFFFFF;
border:1px solid #d8d8d8;float:left;
width:338px;
margin-bottom:10px;
margin-left:10px;}

#main-text{
	float:left;
	padding-top:20px;
	width:680px;
	margin-left:20px;
	display:inline;
}

#main-text-novo{
	float:left;
	padding-top:20px;	width:700px;
	display:inline;
}


#main-text_p{
	float:left;
	padding-top:20px;
	width:700px;
}



.obuca22
{float:left;
background:#ededed;
border:1px solid #d8d8d8;
width:700px;
margin-bottom:5px;
margin-left:5px;}


.opis
{padding-left:10px;
padding-right:10px;}

.opis a
{
color:#555555;}

.opis a:hover
{
color:#555555;}


.slika
{position:relative;}

.slika a img
{
border:none;}

.slika a:hover
{
border:none;}

p
{margin-bottom:10px;}

.opis2
{
margin-top:0px;
padding-right:10px;}

.obuca22 .opis2 h3
{margin-bottom:0px;
margin-top:10px;
margin-left:10px;}

.novost22 .opis2 h3
{margin-bottom:0px;
margin-top:0px;
margin-left:10px;}

.opis2 a
{
color:#555555;}

.opis2 a:hover
{
color:#555555;}

.slika2 a img
{padding-left:10px;
padding-top:10px;
border:none;}

.slika2 a:hover
{
border:none;}


.bottom22 a
{color:#e6151b;}


.bottom22 a:hover
{color:#ff9497;}

.bottom2233 a
{color:#e6151b;}


.bottom2233 a:hover
{color:#ff9497;}

.slika-opis
{/*background:#cfb587;*/
background: #e1e1e1;
float:left;
width:170px;
padding-top:10px;
padding-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
/*border:1px solid #cfb587;*/
border: 1px solid #e1e1e1;
text-align:center;}

.slika-opis img
{text-align:center;
height:101px;}

.slika-opis a img
{border:none;
text-decoration:none;}

#novost_detalji {
padding-left: 10px;
}

#novost_detalji .slika-opis {
margin: 5px 15px 10px 0;
}

.novost22
{width:690px;
/*background:#f4e8cd;*/
margin-left:10px;
padding-top:10px;
margin-bottom:10px;
margin-top:5px;
border: 1px solid #dadada;
background: #FFFFFF url(images/novost_bg.gif) no-repeat top;
}

.opis2 p
{padding-left:10px;}

.opis2 h3 a
{
color:#8e6b2d;
font-size:13px;}

.opis2 h3 a:hover
{
color:#e6151b;
font-size:13px;}

.novosti-slika-poc
{float:left;
margin-left:10px;margin-right:0px;
text-align:center;

}
.novosti-slika-poc p
{float:left;
height:100px;}


.novost img
{float:left;
/*width:170px;*/
margin:5px 10px 0 0;
border: 1px solid #B2883E;}

.novost img a
{float:left;
border: 1px solid #cfb587;
margin-right:10px;}

.novost a
{
color: #cfb587;
}

.bottom a
{
color: #e6151b;
}


.novost
{background:#f4e8cd;
float:left;
margin-left:10px;
width:340px;}

.novost h2,p
{padding-left:0px;}

.novost p
{height:160px;}


h2
{margin-left:10px;}

.bottom
{background:#e9d3a5;
clear:both;
height:23px;
text-align:right;
padding-right:10px;
padding-top:10px;
width:330px;}

.bottom22
{/*background:#e9d3a5;*/
background: #e1e1e1;
clear:both;
height:23px;
text-align:right;
padding-right:10px;
padding-top:10px;
width:680px;}

#novost_detalji .bottom22 {
border-top: 1px solid #DADADA;
background: none;
width: 660px;
}

.bottom2233
{
clear:both;
height:10px;
text-align:right;
padding-right:10px;
padding-top:5px;
width:680px;}

h2
{color:#b2883e;
font-size:15px;
margin-bottom: 10px;
margin-top: 0;
padding: 10px 0 12px;
border-bottom: 1px solid #dadada;}

.opis
{padding-left:10px;
padding-right:10px;}




/********************************************************************** DESNI *********************************************************************************************/

.img
{float:left;}

.img img
{float:left;
border: 3px solid #bdbfc1;
margin-left:0px;}

.vise
{float:right;
width:160px;
margin-top:5px;
margin-bottom:10px;}

.red1
{float:left;}

.vise a
{color:#e6151b;
float:right;}

.vise a:hover
{color:#ff787c;
float:right;}


/********************************************************************** GALERIJA *********************************************************************************************/

/********************************************************************** FOOTER *********************************************************************************************/



#footer{
	
		background: url(images/footer.jpg) repeat-x;
		height:37px;clear:both;
		margin-top:10px;
		color:#707070;
		padding-top:20px;


}

.copy
{margin-left:10px;float:left;
width:225px;}

.virtus
{color:#5e5e5e;
margin-left:575px;}

.virtus a
{color:#a87d29;
text-decoration:none;}

.virtus a:hover
{color:#d6aa54;
text-decoration:none;}


/********************************************************************** HEADING I LINK *************************************************************************************/

a
{color:#e6151b;
text-decoration:none;}

a:hover
{color:#ff7377;
text-decoration:none;}

#jezici
{
display:block;
margin-top:2px;
left:100;
margin-left:681px;
position:absolute;
z-index:10000;
}


.j1
{float:left;
width:44px;
height:27px;
background: url(images/ll1.png) no-repeat;
float:left;
display:inline;}


.j1 a
{
width:44px;
height:27px;display:block;
}

.j2
{float:left;
width:37px;
height:27px;
background: url(images/ll2.png) no-repeat;
float:left;
display:inline;}

.j2 a
{
width:37px;display:block;
height:27px;}

.j3
{float:left;
width:39px;
height:27px;
background: url(images/ll3.png) no-repeat;
float:left;
display:inline;}

.j3 a
{
width:39px;display:block;
height:27px;}

.j4
{float:left;
width:37px;
height:27px;
background: url(images/ll4.png) no-repeat;
float:left;
display:inline;}

.j4 a
{
width:37px;display:block;
height:27px;}

.j5
{float:left;
width:38px;
height:27px;
background: url(images/ll5.png) no-repeat;
float:left;
display:inline;}

.j5 a
{
width:38px;display:block;
height:27px;}

.j6
{float:left;
width:38px;
height:27px;
background: url(images/ll6.png) no-repeat;
float:left;
display:inline;}

.j6 a
{float:left;display:block;
width:38px;
height:27px;}

.j7
{float:left;
width:40px;
height:27px;
background: url(images/ll7.png) no-repeat;
float:left;
display:inline;}

.j7 a
{float:left;
width:40px;display:block;
height:27px;}

.j7 a:hover
{float:left;
width:40px;
height:27px;}


/********************************************************************** SPANOVI ********************************************************************************************/
.sivi{
		color:#999999;
}

/********************************************************************** CLEAR *********************************************************************************************/
.clear{
		clear:both;
}


/********************************************************************** *********************************************************************************************/


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



.kontakt_forma2
{width:450px;
margin-top:0px;
margin-left:10px;
float:left;}

.kontakt_forma2 label
{width:135px;
color:#4a130e;
float:left;
}

.kontakt_forma2 span input
{border:1px solid #cacaca;
font-size:12px;
background:#fff;
width:250px;margin-right:5px;
float:left;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:11px;

}

.pregrada
{float:left;
padding-top:10px;}

.txt
{
border:1px solid #cacaca;
font-size:12px;
width:250px;
margin-right:5px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:11px;
color: #000;
background:#fff;
float:left;
}

p
{}

#poruka
{float:left;
width:250px;
font-size:11px;font-family:Arial, Helvetica, sans-serif;
border:1px solid #cacaca;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:11px;
color: #000;
background:#fff;
margin-right:5px;
height:150px;}

.button_kont
{float:left;
margin-left:134px;
padding-top:3px;
margin-top:10px;
padding-bottom:4px;
width:100px;
color: #fff;
background: #f4767a;
font-weight:bold;
font-size:11px;
height:24px;
border:1px solid #ed2b33;
cursor:pointer;}

.img1
{float:left;
text-align:center;
background: #e3e4e4;
border:3px solid #e3e4e4;
margin-left:10px;
margin-bottom:10px;
width:150px;}

.img1 img
{text-decoration:none;
clear:both;
height:100px;
text-align:center;}

.img1 a img
{text-decoration:none;height:100px;
border:none;
}

.kontakt_forma2 input.txt_error {
border: 2px solid #f4767a;
}

.txt_error_img
{background: url(images/error.png) no-repeat;
float:left;
width:20px;
height:20px;}

.kontakt_forma2 textarea.txt_error#poruka{
border: 2px solid #f4767a;
}

.detalji_img2
{float:left;}

.detalji_img2 a
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#393939 none repeat scroll 0 0;
border:1px solid #006884;
display:inline;
float:left;
height:109px;
margin:8px 12px;
padding-top:8px;
text-align:center;
width:150px;
}

.detalji_img2 a:hover
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#006c88 none repeat scroll 0 0;
border:1px solid #006884;
display:inline;
float:left;
height:109px;
margin:8px 12px;
padding-top:8px;
text-align:center;
width:150px;

}

.nav .cli2 a {
background: url(images/link1.png) no-repeat;
display:block;
float:left;
color:#fff;

}




.subnav 
{list-style:none;
background: url(images/sublink-pozadina.jpg) no-repeat;
background-position:bottom;float:left;
width:240px;
}

#sub1
{float:left;
margin-top:0px;}

#sub2
{float:left;
margin-top:0px;}


.podmenu a
{
padding-left:40px;
color:#000;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
margin-bottom:1px;
width:200px;
display:block;
background-position:left;}

.podmenu a:hover
{
padding-left:40px;
color:#dc0d12;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
background:#fff;
width:200px;
display:block;
background-position:left;}

.opis-kolekcija
{clear:both;
background: url(images/pozadina-kolekcije.png) repeat;
position:absolute;
bottom:0;
width:338px;
text-align:center;
color:#000;}

.opis-kolekcija a
{color:#434343;
font-weight:bold;}

.opis-kolekcija a:hover
{color:#676568;
font-weight:bold;}

.stranice
{text-align:center;
float:left;
padding-top:5px;
width:690px;
padding-bottom:5px;
color:#615d5a;}

.stranice a
{padding-left:3px;color:#caa25c;
padding-right:3px;}

.stranice a:hover
{text-decoration:underline; color:#ff0000;}

.naslovh2
{margin-left:0px;}