@charset "utf-8";
html{padding:0; margin:0; overflow-y:scroll}
body{background-image:url(../images/gui/body_back.gif); overflow-x:hidden; background-repeat:repeat-x; background-color:#398AD4; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;/*behavior: url(../css/iepngfix.htc);*/ }
img{border:none}
a{text-decoration:none; color:#fff}
a:hover{text-decoration: underline}
ul{padding:0; margin:0; list-style:none}
li{display:inline}
h2{font-family: 'Nokia Sans', sans-serif; font-size:18px; font-weight:400; margin:0; padding:0}
#wrapper {	
margin:0 auto;	
width: 960px;
}
#main {
	/*float: left;*/
	width: 100%;
}
#wrapper #header { float:left; width:960px; margin:0 auto;	height:135px; }
#wrapper #header #top_right{ list-style:none; position:absolute;_position:relative; top:10px;right:-15px;_right:-12px;float:left; _float:right;margin:0px;padding:0;}
#wrapper #header #top_right li{display:inline; float:left; padding-left:5px}
#header #search_form{ background:url(../images/gui/search_back.gif) no-repeat; height:22px; margin-left:10px;margin-top:3px;padding:1px 0 0 5px;*padding:1px 0 0 0px;_padding-top:0px;width:185px;}
#header #search_form input{ background:transparent; border:none; font-size:11px; color:#fff; padding-top:2px; padding-left:2px;width:150px;*width:145px}
#main_navigation{	background-image:url(../images/gui/top_menu.gif);	background-repeat:no-repeat; position:relative; _position:inherit;float:right;margin-right:-70px;width:730px;top:55px;	padding-left:55px;	*top:45px;_margin-top:15px;	height:65px;list-style:none; _margin-left:245px;_width:780px;}

#main_navigation li{float:left;margin-right:10px;height:25px; padding-top:10px}
#myMenuID {position:relative;top:-38px;*top:0px; *position:inherit}
#myMenuID img{float:left;position:relative;top:-6px;_4px;*position:inherit; *FLOAT:none}
#logo_content{margin-top:-125px; float:left}

/**************************** footer ***************************/
input,form{
padding:0px;
margin:0px;
}
/*#footer{float:left; clear:left; position:relative; left:10px; width:960px; height:310px; overflow:hidden; *margin-top:20px;}*/

#footer {width:100%;float:left; padding-top:10px;}
#footer ul{ list-style:none; margin-top:30px;color:#fff; font-size:10px; float:left;  width:880px; text-align:center}
#footer ul li {display: inline}
#footer ul li a{color:#fff; }
.footer_box{width:205px; background-image:url(../images/gui/ftbox_border.gif); background-position:right 12px; background-repeat:no-repeat; float:left;  padding:0 18px 0 24px; height:200px}
.img_text{width:100px; float:left; padding-right:15px; padding-top:3px}
#footer ul p {font-size:10px}
.heading{margin-bottom:15px; z-index:999; position:relative}
#footer  ul.black_text,#footer  ul.black_text li a, #footer  ul.black_text p{font-size:10px; color:black}

/**************************** main content *****************************/
/*#main{float:left;margin-left:10px}*/
#main{margin:0 auto}
#main_left{float:left;position:relative;width:200px}
#main_left p.text{position: absolute; color:#000;top:30px;*top:40px;left:14px; margin-top:-5px; *margin-top:0px; font-size:11px; width:160px; }
#main_right{float:left; position:relative; width:760px;}
#main_left a.red_link,#paging a,.red_link, .red_link{color:#a50000}
.bttn{position: absolute; top:215px; left:33px }
#top_image{float:left; }
#top_image ul{margin:3px 0 8px 20px;}
#left_links{float:left; width:260px; }
#left_links h2{color:#000; padding:5px 0 5px 0}
#left_links ul { background-position:0px 20px; float:left; width:260px;}
#left_links ul li{display:block;background-image: url(../images/gui/links_back.png);_background-image: url(../images/gui/links_back.gif);float:left; clear:left; color:#000}
#bottom_left{float:left; position:relative; width:260px; padding-top:10px}
#tff_info{display:none}
#left_links ul li.top_back{ background-image:url(../images/gui/link_top.png);_background-image:url(../images/gui/link_top.gif); background-repeat:no-repeat}
#left_links ul li a{width:210px; float:left; border-bottom:solid 1px #d5d5d5; clear:left; padding:10px 10px 5px 15px;  margin:0 12px 0 12px; color:#000}
#left_links ul li a:hover,#left_links ul li a:hover p{text-decoration:none; color:#333}
#left_links ul li a:hover h4{color:#68177f}
a.active_link h4{color:#68177f; font-size:12px; margin:0px; padding:0 }
#left_links h4{font-weight:600;font-size:12px;margin:0; padding:0}
#left_links p{margin:0; padding:5px 0 5px 0; font-size:11px; color:#7b7b7b}
#left_links ul li.bottom_link,.bottom_link{background-image:url(../images/gui/links_bottom.png);_background-image:url(../images/gui/links_bottom.gif); background-repeat:no-repeat; background-position:left bottom; height:70px}
#left_links ul li.bottom_link a{border:none}

/*********************** aktuelnosti *****************************/

#main_right.white_back{ background-image:url(../images/gui/right_back.png);_background-image:url(../images/gui/right_back.gif); background-repeat:repeat-y; width:695px; float:right; position:relative; right:2px;margin-bottom:20px}
#main_right.white_back h1{font-family: "Nokia Sans Light"; font-size:30px;color:#68177f; width:100%; background-image:url(../images/gui/right_back_top.gif); background-repeat:no-repeat; margin:0; padding:15px 15px 15px 20px; position:relative; }
#news_content, #zaposlenje_content{float:left; width:100%;padding-bottom:20px; background-image:url(../images/gui/news_back.jpg); background-position:left bottom; background-repeat:no-repeat; height:555px; }

.news_box, .zaposlenje_box {float:left; width:100%; padding-bottom:20px; background-image:url(../images/gui/news_img.gif); background-repeat:no-repeat; background-position:17px top;}
#news_img{width:112px; float:left; display:block; width:73px; height:44px; overflow:hidden; padding:8px 9px 9px 25px;}
.news_text{float:left; color:#000; width:550px}
.date{color:#e78801; font-size:11px}
.news_text p, .news_text h5{padding:1px 0 1px 0;font-size:11px; margin:0}
.news_text h5{font-size:14px; color:#68177f}
.news_text h5 a{font-size:14px; color:#68177f}
#paging{color:#000; font-size:11px; width:100%; text-align:right; position: absolute; bottom:20px; right:30px}


/*#category_list{float:left; width:100%;height:190px; margin-bottom:20px; height:180px; margin-left:10px;_margin-left:5px; *margin-top:20px;position:relative}*/
#category_list{width:980px}

#category_list li{float:left; width:120px; border-right: solid 1px #e4e4e4;height:169px; }
#category_list li.left_cat{ background-image:url(../images/gui/categ_back_left.gif); }
#category_list li.right_cat { background-image:url(../images/gui/categ_back_right.gif); background-repeat:no-repeat; height:173px; background-position:right top; border:none;  }
#category_list ul {float:left;background:url(../images/gui/categ_back.gif); height:173px } 
#category_list li h4{color:#333; font-family:"Nokia Sans Light"; font-size:16px; padding:0;margin:15px 0 5px 15px; }
#category_list li p{color:#4d4c4c; margin:10px 5px 0 15px; font-size:11px}
#category_list li img{margin-bottom:0px}
#category_list li.right_cat img{right:12px; margin-bottom:5px}

/******************************** about us *********************************/
#aboutus_content{float:right;color:#333; width:100%; height:577px;  background:url(../images/gui/about_us.jpg) no-repeat left bottom;}
.zaposlenje_box{ background:none; margin-left:21px}
#zaposlenje_content .zaposlenje_box .news_text h5{font-size:14px}
#zaposlenje_content {height:553px}


/************************************* kategorije ******************************/
#main_center{float:left; width:100%; background: url(../images/gui/category_back.png) repeat-y; height:auto; margin-bottom:20px; color:#000; position:relative; _background-image:url(../images/gui/category_back.gif); _background-position:left top;}
#main_center a{color:#000}
#main_center ul{padding:10px 0 0 10px; width:100%; background:url(../images/gui/category_top.gif) no-repeat; font-size:11px}

#filter_content{width:935px; background:#e5e5e5; border:solid 1px #bfbfbf; border-left:none; border-right:none; float:left; clear:left; margin: 10px 40px 0 8px; height:30px; overflow:hidden; padding: 0 0 0 10px}
#filter_content p{margin:8px 0 5px 0;padding:0; float:left}
#cat_filters{float:left; width:auto; float:right; padding:5px 10px 5px 0;_padding:5px 5px 5px 0}
#cat_filters label{color:#a50000; margin:0 0px 0 10px}
#cat_filters #jumpMenu{width:100px;}
/*Problem*/
#left_links_top,#left_links_bottom{float:left; margin:10px 0 0 10px;width:180px;_width:180px; _overflow:hidden;height:auto; padding-bottom:5px;}
#left_links_top ul,#left_links_bottom ul {padding-left:0px;background:url(../images/gui/leftl_back.gif) repeat-x left bottom; _width:100px; float:left; margin-bottom:10px}
#left_links_top ul h2,#left_links_bottom ul h2{padding-bottom:15px; padding-top:15px;_padding-top:15px; height:6px; padding-left:15px; font-size:16px; position:relative; top:-10px; left:1px; background-image:url(../images/gui/leftl_top.gif); background-position:left bottom;background-repeat:no-repeat;_background-position:left top; display:block;width:180px; _float:left}


#left_links_top a,#left_links_bottom a {width:160px; border-bottom:solid 1px #d5d5d5; text-decoration:none; font-size:13px; font-family:"Trebuchet MS"; padding:5px 0 3px 15px; margin-left:3px}
#left_links_top a:hover{color:#a50000}
#left_links_top a.red_link , #left_links_bottom a.red_link{color:#a50000} 
#left_links_top a{display:block;width:153px; padding-left:22px;border-bottom:solid 1px #d5d5d5}
#left_links_top a.last_link,#left_links_bottom a.last_link {border:none; background-image: url(../images/gui/leftl_bottom.gif); background-repeat:no-repeat; position:relative; left:-2px; width:182px; background-position:left bottom; height:30px}
#bottom_line{width:100%; display:block; height:17px;float:left; background:url(../images/gui/main_bottom.gif) no-repeat left top; position:relative;margin-top:-10px}
#main_center .product {float:left; padding:15px 0 0 15px; width:370px; height:137px;position:relative}
#main_center .product img{ border:solid 1px #6a6a6a;float:left; margin-right:7px}	 
.product_property{float:left; width:165px}
/*Kraj problem*/
.product_property h2{ font-family:"Trebuchet MS"; font-size:16px; padding:0; margin:0}
.product_property p{margin:0;margin-top:2px; color:#7f7f7f; padding:0; font-size:11px}
#main_center .product .product_property  a.read_more{color:#a50000; position:absolute; font-size:11px; cursor:pointer; bottom:0px;}
.price{color:#a50000; font-size:12px; font-weight:bold }
.info{color:#404040}
#paging .red_link{color:#a50000}
#main_center  #paging {border:solid 1px #bfbfbf; border-left:none; border-right:none; bottom:25px; width:735px; padding:5px 0 5px 0}

#product_content{float:left; width:770px;display:block; margin-bottom:60px }

#top_nav_links{width:727px; margin-top:10px;border:solid 1px #bfbfbf;border-left:none;margin-left:15px; border-right:none; padding:3px 10px 3px 10px;float:left }
#top_nav_links a{color:#7f7f7f; font-size:11px; float:left; margin-right:10px}
#top_nav_links #right_links{float:right}
#product{padding:15px 0 0 15px; float:left}
#product img{float:left; border:solid 1px #6a6a6a; margin-right:10px}
#product_info{float:left; width:360px; position:relative; float:left; height:290px}
#product_info h2{font-family:"Trebuchet MS"; font-size:28px; color:#404040; padding-top:0px;margin-top:-7px;}
#product_info .descript{width:100px; display:block;float:left;clear:left; font-size:13px; font-weight:400}

#products_text>p {font-family: tahoma; font-size:12px; font-weight:normal;}
#product_info p{font-weight:bold;color:#404040; padding:0px;margin:5px 0px}
.price_number{color:#a50000; font-size:30px; font-weight:400}
#product_info .product_price{color:#7f7f7f; position:absolute; bottom:0px}
#others{float:left; clear:left}
#others h3{font-weight:normal;width:700px; font-family:"Trebuchet MS"; font-size:16px;float:left;margin-top:0px}
#others img{border:solid 1px #6f6f6f}
#others table{float:left; clear:left; width:377px;margin:25px 0; font-size:14px; font-family:"Trebuchet MS"; border-top:solid 1px #bfbfbf; color:#404040}
#others table tr{ text-align:center}
#others table td{border-bottom:solid 1px #bfbfbf; padding:5px }
.gray_back td{ background:#e5e5e5; border-top:solid 1px #fff}
.white_back p{color:#000}
.treb_font{font-family: "Trebuchet MS"; margin:0 0 0 20px; position:relative; top:-10px; padding:0}
#contact_content{ background-image:url(../images/gui/about_us.jpg); background-repeat:no-repeat; background-position:left bottom; height:539px; padding-top:20px;}
#contact_content h3{font-size:14px; font-family:"Trebuchet MS"; font-weight:600; text-transform:uppercase;margin:0; padding:0;margin-left:40px; color:#68177f }
#contact_content p{padding-left:40px; font-family:"Trebuchet MS"; font-size:12px; background: url(../images/gui/target.gif) no-repeat 12px 5px}
#contact_form{float:right;position:relative; top:-500px;*top:-250px; width:350px; margin-bottom:-200px; margin-top:103px;  overflow:hidden !important;}
#contact_form label{display:block; width:120px; color:#000;float:left;clear:left; height:30px;}
#contact_form input{width:200px; border:solid 1px #b9b9b9;border-right-width:2px; border-bottom-width:2px;float:left;*margin-bottom:10px }
#contact_form textarea{float:left; clear:left; width:320px; height:70px;border:solid 1px #b9b9b9; border-right-width:2px; border-bottom-width:2px; overflow:auto; overflow-Y:hidden}
#top_headimg{width:964px; height:154px;overflow:hidden; position:relative; left:-2px; margin-bottom:5px}
#image_head{width:964px; height:154px; float:left; background: url(../images/gui/top_border.gif) no-repeat left top; position:absolute; left:0px; top:0px}
#image_head H2{ position:relative; bottom:-95px; left:20px}
#top_text{color:#fff; float:left; width:692px; position:absolute; left:269px;top:82px; background:url(../images/gui/text_back.gif) no-repeat left top; height:66px; bottom:-42px;filter:alpha(opacity=70);	-moz-opacity: 0.7;	opacity: 0.7;}
#text p{padding:5px 5px 0 5px; margin:0px; width:680px; float:left; }
#text{ color:#fff; float:left; width:685px; position:absolute; left:275px;top:82px;height:66px; bottom:-42px;}
#questions a{float:left; clear:left;color:#000; padding-bottom:5px}
#answers p{ padding-bottom:15px;}
#answers {float:left;clear:left; padding-top:15px}
#map_content{float:left; height:490px;_ height:485px;width:100%;margin-right:10px;margin-top:-35px; _margin-bottom:-19px; width:100%; padding-left:50px; color:#000; background:url(../images/gui/shops_back.gif) no-repeat left bottom}
h5 a{color:#68177f; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:600}
#map_content ul {float:left; clear:left; padding-top:15px }
#map_content ul a,#map_content ul li a{ color:#000}
#map_content ul li{float:left; clear:left; padding-left:40px; padding-top:3px}
#right_back_top{height:10px; background-image:url(../images/gui/right_back_top.gif); background-repeat:no-repeat; display:block; width:100%; float:left}
#spot_sale{float:left; background:url(../images/gui/shops_back.gif) no-repeat left bottom; width:100%;  padding-bottom:25px; font-size:11px;}
#spot_sale h3{color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
#spot_sale #rigth_text{position:absolute; bottom:65px; left:350px}
#terms_content{background:url(../images/gui/shops_back.gif) no-repeat left bottom;width:100%;float:left}
#terms_content p{width:670px}
#terms_content .red_link{font-size:11px}
#shop_mask{width:225px; height:330px; background:url(../images/shops_mask.gif) no-repeat left top; position:absolute; top:0px;left:-8px; display:block}
#shop_big{position:relative; top:30px; left:15px;float:left;width:250px; height:400px;}
#location{float:left; width:250px;color:#000;position:relative; top:30px;padding-left:30px}
.small_image{ padding-left:5px; position:relative;  height:70px; float:left; margin-right:15px}
.small_image_mask{width:84px; height:59px; position: absolute; top:-3px;left:0; background:url(../images/small_mask.gif) no-repeat top left; display:block}
#other_images{float:left; padding-bottom:20px; width:400px}
#showroom>p {margin-top:5px}
#showroom a:hover{text-decoration:underline}
.underline:hover p{color:#333; text-decoration:underline}
.invisible_top, .invisible{position:absolute; width:170px; height:30px; top:175px; left:0px; display:block; _background:#fff; filter:alpha(opacity=01);opacity:.01;margin-bottom:-10px;*margin-bottom:0px; *float:left}
.invisible_top{height:25px; top:18px;}