/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}

/* Generic Styling */
h1,h2,h3,h4,h5,h6{ font-size:15px; font-weight:bold;}
a{ color:#EC4522; text-decoration:underline;}
a:hover{ color:#ff0000;}

@font-face{ font-family:DinLight; src:url(../font/DIN-L__0.TTF);}
@font-face{ font-family:DinMedium; src:url(../font/DIN-M__0.TTF);}
@font-face{ font-family:DinRegular; src:url(../font/DIN-RG_0.TTF);}

body{ font-size:12px; font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; color:#404041; padding-bottom:40px;
	  background:#fff url(../images/body_bg.jpg) center 123px no-repeat;}


/* header */
#header{ width:951px; height:123px; margin:0 auto; position:relative; z-index:2;}
	.logo{ float:left; display:inline; width:220px; margin:18px 0 0 15px;}
	.logo a{ float:left;}
	.logo img{ display:block; font-size:30px;}
	
	.top_links{ float:right; width:600px; display:inline; margin:14px 19px 0 0; text-align:right;}
	.top_links ul,
	.top_links li{ display:inline; color:#f89f2b;}
	.top_links li a{ color:#898989;}
	.top_links li a:hover{ color:#333;}
	.top_links select{ width:105px; font-size:11px; font-weight:bold; color:#636363; font-family:"Trebuchet MS",Arial; vertical-align:middle;}
	
	.navi{ float:left; width:680px; margin:28px 0 0 33px; font-family:DinRegular;}
	.navi li{ float:left; display:inline; height:37px; padding:0 5px; border-left:2px #ffc61d solid; position:relative;}
	.navi li a.mainnav{ float:left; height:37px; line-height:37px; text-decoration:none; font-size:17px; color:#404041; padding:0 6px;}
	
	
	.navi li#nav_home{ border:0; width:14px; padding-right:10px;}
	.navi li#nav_home a.mainnav{ width:14px; height:13px; margin-top:12px; text-indent:-9999px; overflow:hidden; padding:0;
					 			 background:url(../images/ico_home.gif) no-repeat;}
	.navi li#nav1:hover a.mainnav,
	.navi li#nav1.hover a.mainnav,
	.navi li#nav1.on a.mainnav{ background:#ec4522; color:#fff;}
	.navi li#nav2:hover a.mainnav,
	.navi li#nav2.hover a.mainnav,
	.navi li#nav2.on a.mainnav{ background:#0072bc; color:#fff;}
	.navi li#nav3:hover a.mainnav,
	.navi li#nav3.hover a.mainnav,
	.navi li#nav3.on a.mainnav{ background:#630460; color:#fff;}
	.navi li#nav4:hover a.mainnav,
	.navi li#nav4.hover a.mainnav,
	.navi li#nav4.on a.mainnav{ background:#8dc73f; color:#fff;}
	.navi li#nav5:hover a.mainnav,
	.navi li#nav5.hover a.mainnav,
	.navi li#nav5.on a.mainnav{ background:#005e20; color:#fff;}
	.navi li#nav6:hover a.mainnav,
	.navi li#nav6.hover a.mainnav,
	.navi li#nav6.on a.mainnav{ background:#f7961d; color:#fff;}
	
	
	.navi li:hover .subnav,
	.navi li.hover .subnav{ left:9px;}
	.navi li#nav6 .subnav{ left:auto; right:9999px;}
	.navi li#nav6:hover .subnav,
	.navi li#nav6.hover .subnav{ right:1px;}
	.navi li .subnav{ width:170px; background:url(../images/subnav_bg.png); position:absolute; left:-9999px; top:41px;}
	.navi li .subnav ul{ width:100%; overflow:hidden; position:relative; left:-4px; top:-4px;}
	.navi li .subnav ul li{ float:left; width:100%; height:auto; padding:0; border:0;}
	.navi li .subnav ul li a{ float:left; width:100%; text-indent:7px; color:#fff; font-size:14px; text-decoration:none; line-height:170%;}
	
	.navi li#nav1 .subnav ul{ background:#ec4522; padding:2px 0;}
	.navi li#nav1 .subnav li a{ background:#ec4522;}
	.navi li#nav1 .subnav li a:hover{ background:#fe5108;}
	
	.navi li#nav2 .subnav ul{ background:#0072bc; padding:2px 0;}
	.navi li#nav2 .subnav li a{ background:#0072bc;}
	.navi li#nav2 .subnav li a:hover{ background:#00abf9;}
	
	.navi li#nav3 .subnav ul{ background:#630460; padding:2px 0;}
	.navi li#nav3 .subnav li a{ background:#630460;}
	.navi li#nav3 .subnav li a:hover{ background:#4d0048;}
	
	.navi li#nav4 .subnav ul{ background:#8dc73f; padding:2px 0;}
	.navi li#nav4 .subnav li a{ background:#8dc73f;}
	.navi li#nav4 .subnav li a:hover{ background:#598527;}
	
	.navi li#nav5 .subnav ul{ background:#005e20; padding:2px 0;}
	.navi li#nav5 .subnav li a{ background:#005e20;}
	.navi li#nav5 .subnav li a:hover{ background:#598527;}
	
	.navi li#nav6 .subnav ul{ background:#f7961d; padding:2px 0;}
	.navi li#nav6 .subnav li a{ background:#f7961d;}
	.navi li#nav6 .subnav li a:hover{ background:#f26522;}

	



/* content */
#content{ width:951px; margin:0 auto 20px; padding-top:20px; position:relative; z-index:1;}
.content_default{ background:url(../images/content_bg_default.gif) 0 top no-repeat;}
.content1{ background:url(../images/content_bg1.gif) 0 top no-repeat; overflow:hidden;}
.content2{ background:url(../images/content_bg2.gif) 0 top no-repeat; overflow:hidden;}
.content3{ background:url(../images/content_bg3.gif) 0 top no-repeat; overflow:hidden;}
.content4{ background:url(../images/content_bg4.gif) 0 top no-repeat; overflow:hidden;}
.content5{ background:url(../images/content_bg5.gif) 0 top no-repeat; overflow:hidden;}
.content6{ background:url(../images/content_bg6.gif) 0 top no-repeat; overflow:hidden;}

	.main_content{ float:left; width:720px; padding:10px 1px; background:url(../images/main_content.gif) 0 bottom no-repeat; margin-bottom:16px;}

	.slide_show{ float:left; width:722px; position:relative; margin-bottom:20px; top:-10px;}
	.slide_show ul li.sli{ float:left; width:722px; background:url(../images/index_sli_bottom.gif) 0 bottom no-repeat;}
	.slide_show ul li.sli .slide_paket{ width:100%; overflow:hidden; padding-top:15px; background:url(../images/index_sli_top.gif) 0 0 no-repeat;}
	
	.slide_show .btn_prev{ position:absolute; width:15px; height:80px; text-indent:-9999px; overflow:hidden; left:-26px; top:70px; cursor:pointer;
							 background:url(../images/btn_prev.png) 0 0 no-repeat;}
	.slide_show  .btn_next{ position:absolute; width:15px; height:80px; text-indent:-9999px; overflow:hidden; right:-26px; top:70px; cursor:pointer;
							 background:url(../images/btn_next.png) 0 0 no-repeat;}

		.intro{ float:left; width:328px; display:inline; margin-left:1px; font-size:14px; padding:0px 7px 110px 16px;
				background:url(../images/server.gif) 0 bottom no-repeat;}
		.intro2{ float:left; width:328px; display:inline; margin-left:1px; font-size:14px; padding:0px 7px 110px 16px;
				background:url(../images/server2.gif) 0 bottom no-repeat;}
		.intro3{ float:left; width:328px; display:inline; margin-left:1px; font-size:14px; padding:0px 7px 110px 16px;
				background:url(../images/server3.gif) 0 bottom no-repeat;}
		.intro4{ float:left; width:328px; display:inline; margin-left:1px; font-size:14px; padding:0px 7px 110px 16px;
				background:url(../images/akcija-60-proc.png) 0 bottom no-repeat;}				
		.intro .intro_title{ font-size:30px; font-family:DinLight; color:#4b4b4b; margin-bottom:10px;}
		.intro2 .intro_title{ font-size:30px; font-family:DinLight; color:#4b4b4b; margin-bottom:10px;}
		.intro3 .intro_title{ font-size:30px; font-family:DinLight; color:#4b4b4b; margin-bottom:10px;}
		.intro4 .intro_title{ font-size:30px; font-family:DinLight; color:#4b4b4b; margin-bottom:10px;}
		
		.paket_holder{ float:right; width:368px; overflow:hidden; background:url(../images/paket_line.gif) 0 70px no-repeat; padding-bottom:15px;}
			.paket{ float:left; width:82px; padding:4px 3px 0 6px;}
			.paket .paket_title{ font-size:14px; margin-bottom:25px; line-height:120%; font-family:DinMedium;}
			.paket .paket_title strong{ font-size:24px; display:block; font-weight:normal; margin-bottom:3px; font-family:DinLight;}
			.paket .paket_detail{ font-size:10px; color:#898989; margin-bottom:15px; line-height:128%;}
			.paket .paket_money{ font-size:10px; color:#898989; margin-bottom:8px;}
			.paket .paket_money span{ color:#404041;}
			.paket .paket_money strong{ font-size:18px; font-weight:normal; display:block;}
			.paket .btn_instruct{ display:block; width:70px; height:19px; line-height:19px; font-size:14px; font-weight:bold; color:#fff; text-indent:8px;
								  text-decoration:none; background:url(../images/btn_go1.gif) 0 0 no-repeat;}
			.paket .btn_instruct:hover{ color:#fff;}
		
		.main_txt{ width:662px; padding:0 0 30px 28px;}
			.main_txt p{ margin-bottom:20px;}
			.title{ font-size:36px; font-family:DinLight; color:#4b4b4b; margin-bottom:10px;}
			h2{ font-size:18px; font-weight:normal; margin-bottom:6px;}
	
	
	.index_content{ float:left; width:720px;}
		.news_box{ float:left; width:210px; font-size:11px;}
		.news_box .news_box_title{ font-size:24px; font-family:DinLight; color:#4b4b4b; border-bottom:4px #ffc20e solid; line-height:160%; margin-bottom:12px;}
		.news_box .single_news{ padding:0 8px; line-height:160%;}
		.news_box .news_title{ font-weight:bold;}
		.news_box a{ color:#ec4522;}
		.news_box a:hover{ color:#FF0000;}
		.news_box .news_date{ color:#666666;}

		
		
		.cpanel_box{ float:left; width:211px; padding:0 14px; font-size:11px; height:160px; margin-left:16px; background:url(../images/box_cpanel.gif) 0 0 no-repeat;}
		.cpanel_box .cpanel_title{ text-align:center; padding:9px 0 6px;}
		
		.guarantee_box{ float:left; width:211px; height:160px; position:relative; padding:0 14px; font-size:11px; margin-left:10px;
						 background:url(../images/box_guarantee.gif) 0 0 no-repeat;}
		.guarantee_title{ font-size:24px; color:#598527; padding:40px 0 10px; line-height:110%;}
		.badge_guarantee{ position:absolute; width:104px; height:104px; text-indent:-9999px; overflow:hidden; right:-10px; top:-10px;
						  background:url(../images/badge_100_guarantee.png) 0 0 no-repeat;}

	
	
	
	.sidebar{ float:right; width:229px;}
		.sidebox{ width:211px; padding:0 0 20px 18px; background:#ffc20e url(../images/sider_bg_default.gif) 0 bottom no-repeat; margin-bottom:44px;}
		.content1 .sidebox{ background:#ec4522 url(../images/sider_bg1.gif) 0 bottom no-repeat; margin-bottom:24px;}
		.content2 .sidebox{ background:#0072bc url(../images/sider_bg2.gif) 0 bottom no-repeat; margin-bottom:24px;}
		.content3 .sidebox{ background:#630460 url(../images/sider_bg3.gif) 0 bottom no-repeat; margin-bottom:24px;}
		.content4 .sidebox{ background:#8dc73f url(../images/sider_bg4.gif) 0 bottom no-repeat; margin-bottom:24px;}
		.content5 .sidebox{ background:#005e20 url(../images/sider_bg5.gif) 0 bottom no-repeat; margin-bottom:24px;}
		.content6 .sidebox{ background:#f7961d url(../images/sider_bg6.gif) 0 bottom no-repeat; margin-bottom:24px;}
		
		.search_form{ width:178px; overflow:hidden; padding:0px 0 5px 20px;}
		.search_form .search_title{ font-size:24px; font-family:DinRegular; margin-bottom:12px; text-align:right;}
		.search_form p{ line-height:180%;}
		.search_form .input_domain{ width:170px; padding:2px; border:1px #dcdcdc solid; font-size:12px; font-family:"Trebuchet MS",Arial; margin-bottom:12px;}
			.option_col{ float:left; width:75px; margin-bottom:12px;}
			.option_col .option{ width:100%; overflow:hidden;}
			.option_col .option input{ float:left;}
			.option_col .option label{ float:left; margin-left:5px; cursor:pointer;}
			
		.search_form .cust_checkbox{ float:left; width:12px; height:12px; overflow:hidden; display:inline; margin:3px 0px 0 0; cursor:pointer;}
		.search_form .cust_checkbox_on{ background:url(../images/ico_checkbox.gif) 0 -12px no-repeat;}
		.search_form .cust_checkbox_off{ background:url(../images/ico_checkbox.gif) 0 0 no-repeat;}
			
			.input_submit{ width:80px; height:19px; padding:0 0 4px 8px; font-weight:bold; color:#fff; border:0; text-align:left; cursor:pointer;
						   background:url(../images/btn_go2.gif) 0 0 no-repeat; font-size:14px; font-family:"Trebuchet MS",Arial;}
		
			

		
		.side_title{ font-size:24px; font-family:DinRegular; margin-bottom:12px; color:#fff;}
		
		
		.side_nav li a{ padding-left:10px; line-height:160%; font-weight:bold; font-size:14px;}
		.content_default .side_nav li.on a,
		.content_default .side_nav li a:hover,
		.content1 .side_nav li.on a,
		.content1 .side_nav li a:hover,
		.content2 .side_nav li.on a,
		.content2 .side_nav li a:hover,
		.content3 .side_nav li.on a,
		.content3 .side_nav li a:hover,
		.content4 .side_nav li.on a,
		.content4 .side_nav li a:hover,
		.content5 .side_nav li.on a,
		.content5 .side_nav li a:hover,
		.content6 .side_nav li.on a,
		.content6 .side_nav li a:hover{ color:#fff; text-decoration:none;}
		.content_default .side_nav li a{ background:url(../images/dot_default.gif) 0 7px no-repeat; color:#404041;}
		.content1 .side_nav li a{ background:url(../images/dot1.gif) 0 7px no-repeat; color:#404041;}
		.content2 .side_nav li a{ background:url(../images/dot2.gif) 0 7px no-repeat; color:#00304f;}
		.content3 .side_nav li a{ background:url(../images/dot3.gif) 0 7px no-repeat; color:#ec008c;}
		.content4 .side_nav li a{ background:url(../images/dot4.gif) 0 7px no-repeat; color:#005826;}
		.content5 .side_nav li a{ background:url(../images/dot5.gif) 0 7px no-repeat; color:#8dc63f;}
		.content6 .side_nav li a{ background:url(../images/dot6.gif) 0 7px no-repeat; color:#464646;}
		

		.tag_cloud{ width:209px; padding:5px 10px; margin-bottom:20px;}
		.tag_cloud a{ color:#696969; margin:0 1px; text-decoration:none;}
		.tag_cloud a:hover{ color:#999;}
		.tag_cloud a.tag1{ font-size:14px;}
		.tag_cloud a.tag2{ font-size:18px;}
		.tag_cloud a.tag3{ font-size:24px;}
		.tag_cloud a.indent1{ margin-left:23px;}
		.tag_cloud a.indent2{ margin-left:0;}
		.tag_cloud a.indent3{ margin-left:16px;}
		.tag_cloud a.indent4{ margin-left:27px;	}
		.tag_cloud a.indent5{ margin-left:39px;}
	
	
	
	/*gostovanje page*/
	.simple_form{ width:100%; overflow:hidden;}
	.simple_form p{ margin-bottom:20px;}
	.simple_form .row{ width:100%; overflow:hidden; margin-bottom:4px;}
	.simple_form .row label{ float:left; width:110px; font-size:11px; font-weight:bold; padding-top:4px;}
	.simple_form .row input{ float:left; width:314px; padding:5px 8px; border:1px #cdcccc solid; font-size:14px; color:#464646; font-family:"Trebuchet MS",Arial;}
	.simple_form .row input.error_input{ background:#fffeeb; border:1px #d81920 solid;}
	.simple_form .row strong{ float:left; margin-left:6px; font-size:14px; font-weight:normal; padding-top:6px; color:#d81920;}
	.simple_form .row span{ display:block; clear:both; padding:5px 0 5px 114px; color:#d81920; font-size:11px; font-weight:bold;}
	
	.simple_form .row_option{ width:100%; overflow:hidden; margin-top:18px;}
	.simple_form .row_option .option_title{ font-size:11px; font-weight:bold; margin-bottom:14px;}
	.simple_form .row_option input{ float:left; width:15px; height:15px;}
	.simple_form .row_option label{ float:left; font-size:14px; cursor:pointer; margin:0 20px 0 3px;}
	
	.simple_form .checkbox{ float:left; width:13px; height:12px; overflow:hidden; display:inline; margin:3px 0px 0 0; cursor:pointer;}
	.simple_form .cust_checkbox_off{ background:url(../images/ico_checkbox2.gif) 0 0 no-repeat;}
	.simple_form .cust_checkbox_on{ background:url(../images/ico_checkbox2.gif) 0 -12px no-repeat;}
	
	.simple_form .radio{ float:left; width:14px; height:12px; overflow:hidden; display:inline; margin:3px 0px 0 0; cursor:pointer;}
	.simple_form .cust_radio_off{ background:url(../images/ico_radio.gif) 0 0 no-repeat;}
	.simple_form .cust_radio_on{ background:url(../images/ico_radio.gif) 0 -12px no-repeat;}
	
	.necessary{ text-align:right; color:#d81920;}
	
	.simple_form .row_submit{ border-top:1px #dcdcdc solid; padding-top:14px; font-size:11px; color:#898989;}
	.simple_form .row_submit input{ width:70px; height:19px; margin-right:4px; border:0; cursor:pointer; padding-left:5px;
									line-height:19px; font-size:14px; font-weight:bold; color:#fff; font-family:"Trebuchet MS",Arial; text-align:left;
								    background:url(../images/btn_go1.gif) 0 0 no-repeat;}
	.simple_form .row_submit a{ color:#898989;}
	
	
	.item_list{ float:left; width:110px; background:#828984 url(../images/item_bottom.gif) 0 bottom no-repeat; margin:41px 0 0 0;}
	.item_list ul{ width:100%; background:url(../images/item_top.gif) 0 top no-repeat; padding:5px 0;}
	.item_list ul li{ height:20px; line-height:20px; color:#fff; padding-left:8px;}
	.item_list ul li.even{ background:#a1a6a2;}
	
	.paket_list{ float:left; width:540px; background:#dcdcdc url(../images/paket_bottom.gif) 0 bottom no-repeat; margin:10px 0 0 10px;}
	.paket_list_inside{ width:100%; overflow:hidden; background:url(../images/paket_top.gif) 0 top no-repeat;}
		.single_paket{ float:left; width:134px; margin-right:1px; text-align:center;}
		.single_paket li{ height:20px; line-height:20px;}
		.single_paket li.pak_title{ height:36px; line-height:36px; font-size:14px; color:#ec4522; font-weight:bold;}
		.single_paket li.pak_cart{ height:30px; padding-top:10px;}
		.single_paket li.pak_cost{ font-size:14px; color:#ec4522; font-weight:bold;}
		.single_paket li.even{ background:#e4e4e4;}
		.single_paket li img{ vertical-align:middle;}
		.paket_first{ width:135px;}
		.paket_last{ margin:0;}
		
	/*povezave pages*/
	.content_default .side_title{ color:#404041;}
	
	.main_txt ul.ulist,
	.main_txt ol.olist{ margin-bottom:20px;}
	
	.compare_paket{ width:658px; border:1px #ffca89 solid; background:#fff9dd; text-align:center; margin-bottom:20px;}
	.compare_paket a{ font-weight:bold; color:#f05123; text-decoration:none; display:block; padding:7px 0; font-size:11px;}
	
	.paket_data{ width:100%; background:url(../images/detail_bottom.gif) right bottom no-repeat;}
	.paket_data ul{ width:100%; overflow:hidden; padding:10px 0; background:url(../images/detail_top.gif) right top no-repeat;}
	.paket_data ul li{ float:left; width:100%; overflow:hidden; border-bottom:1px #e3e5e4 solid; padding:4px 0;}
	.paket_data ul li .col1{ float:left; width:400px; display:inline; margin-left:10px; font-weight:bold;}
	.paket_data ul li .col2{ float:right; width:150px; text-align:center;}
	.paket_data ul li img{ vertical-align:middle;}
	.paket_data ul li strong{ color:#f05123; font-weight:normal; font-size:16px;}
	
	.paket_data ul li.cart{ border:0;}
	.paket_data ul li.cart .col1{ font-weight:normal; color:#898989;}
	.paket_data ul li.cart .col2{ padding-top:8px;}
	.paket_data ul li.gap{ margin-top:32px;}
	.paket_data ul li .cost{ font-size:14px; font-weight:bold; color:#f05123;}
	
	
		



			
/* footer */
#footer{ width:951px; margin:0 auto; overflow:hidden; padding-top:10px; border-top:1px #dcdcdc solid; color:#636363; line-height:170%;}
#footer ul{}
#footer ul li{ display:inline;}
#footer ul li a{ color:#ec4522;}
#footer ul li a:hover{ color:#f42a00;}
#footer a{ color:#636363;}
#footer a:hover{ color:#333;}

	.foot_copyright{ float:left; width:365px; display:inline; margin-left:10px; padding-left:44px; background:url(../images/foot_logo.gif) 0 0 no-repeat;}
	.foot_links{ float:right; width:520px; display:inline; margin-right:12px; text-align:right;}