@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
body{ background: url(../design/background.jpg) top center no-repeat #001431; font-family:Arial, Helvetica, sans-serif; }
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }
.message_error{ color:#ee2f15; }
.message_ok{ color:#218c00; }

/****************/
/* Header rules */
/****************/
#header{ margin:0 auto; padding:0; width:960px; height:309px; background:url(../design/background_header.jpg) top repeat-x; position:relative; z-index:10; }

/********/
/* Logo */
/********/
#header h1{ margin:10px 0 0 17px; float:left; display:inline; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; } 

/********/
/* Menu */
/********/
#header ul{ margin:13px 20px 8px 0; width:500px; height:59px; font-size:18px; line-height:26px; float:right; display:inline; text-transform:lowercase;
			background:url(../design/background_menu.jpg) top left no-repeat; position:relative; list-style-type:none; border:none; }
#header ul li{ padding:0 12px; float:left; display:inline; position:relative; width:100px; height:59px; text-align:center; overflow:hidden; cursor:pointer; }
#header ul li:hover{ height:auto; overflow:visible; background:url(../design/header_li_hover.jpg) top no-repeat; }
#header ul li.selected{ background:url(../design/header_li_hover.jpg) top  no-repeat; }

#header ul li a{ color:#fff; text-decoration:none; display:block; height:59px; line-height:59px; cursor:pointer; outline:none; }
#header ul li a:hover, #header ul li a:active{ color:#fff; display:block; }

#header ul li ul{ margin:0 0 0 -15px; padding:8px 0 0 0px; width:156px; height:auto; position:absolute; z-index:20;
				  text-transform:uppercase; font-size:11px; background: url(../design/menu_ul_ul.png) top center no-repeat;
				  font-family:Verdana, Geneva, sans-serif; left:0; }
#header ul li ul.small{ font-size:10px; }

#header ul li ul li{  float:none; padding:0; margin:0; }
#header ul li ul li:hover{ background:none;  float:none; padding:0; margin:0; width:auto;  }

#header ul li ul li a{ margin:0; padding:0 0px;  height:27px; color:#CCC; line-height:24px; text-align:left; text-indent:37px; 
					   background: url(../design/menu_ul_ul_li.png) center top no-repeat; }
#header ul li ul.small li a{ text-indent:33px; }
#header ul li ul li a:hover, #header ul li ul li a:active{ width:auto; color:#fff; height:27px; line-height:24px;
														   background: url(../design/menu_ul_ul_li.png) center top no-repeat; }

#header ul li ul li a.last, #header ul li ul li a:hover.last{ background:none; width:156px; height:50px; 
															  background:url(../design/menu_ul_ul_bottom.png) center top no-repeat; cursor:pointer; }

#header #picture{ margin:0 auto 0 auto; width:950px; height:220px; z-index:1; }

/***********/
/* Content */
/***********/
#content{ margin:0 auto; width:960px; background:url(../design/content_background.png) top center no-repeat #fff; }
#content h2{ margin:0 50px; padding:50px 0 0 0; font-size:20px; color:#0c294d; border-bottom:1px solid #b2c2d6; }
#content h2 img{ margin:0; }
#content h2.lokacija{ border:none; }
#content #lokacija  p .email{ margin-right:20px;  }
#content h3{ margin:0 50px; padding:20px 0 0 0; font-size:20px; color:#0c294d; border-bottom:1px solid #b2c2d6; }
#content p{ margin:20px 50px 20px 50px; font-size:12px; color:#0c294d; line-height:20px; text-align:justify; }
#content p.o_tvrtci{ margin-bottom:0; font-size:12px; color:#0c294d; line-height:20px; text-align:justify; }
#content p.o_tvrtci1{ margin-left:0px; margin-right:0; }
#content p.logos{ text-align:center; position:relative; }
#content .profil{ float:right; display:inline; margin:20px 50px 0 0; }


#content p.logos a img{ border:none; }
#content p.logos .last_logo{ margin-right:340px; }
#content p img{ margin:5px 0 5px 25px; border:1px solid #333; }
#content p a{ color:#0c294d; }
#content p a:hover{ color:#000; }
#content p.first{ margin-top:33px; } 

#content .info_box{ margin:20px 50px; width:465px; height:350px; position:relative; float:left; display:inline; 
					background:url(../design/background_info_box.jpg) bottom no-repeat; overflow:hidden; }
#content .info_box ul{ margin:0 0 0 25px; padding:0; list-style:none;  }
#content .info_box ul li{ margin:0 5px; width:93px;  line-height:18px; height:18px; float:left; display:inline;  }
#content .info_box ul li a{ height:20px; width:auto; display:block; background:#999; color:#fff; text-align:center; }
#content .info_box ul li a:hover, #content .info_box ul li a.selected{ background:#002656; color:#fff; text-decoration:none; }
#content .info_box ul.small1{ font-size:11px; }

#content .info_box .tab{ margin:0 auto; padding:0; display:block; height:330px; width:435px; }
#content .info_box .hidden{ display:none; }
#content .info_box p{ margin:40px 10px; padding:0; height:240px; float:left; display:inline; text-align:center; color:#fff; }
#content .info_box p.small{ margin:35px 20px 0 35px; }
#content .info_box p img{ margin:0; padding:20px 5px; display:block; border:1px solid #b2c2d6; background:#fff; }
#content .info_box p.small img{ padding:5px; }
#content .info_box .petp img{ padding:6px; }

#content .disclaimer{ margin-top:25px; font-size:12px; color:#666; }
#content .disclaimer p{ margin-top:20px; font-size:10px; line-height:14px; }
#content .disclaimer a{ color:#00f; }
#content .disclaimer a:visited, #content .disclaimer a:hover{ color:#009; }

#content .stupac{ margin:20px -20px 0 50px; float:left; display:inline; width:270px;   }
#content .stupac p{ margin:0; width:270px; }
#content .img_profil{ margin:25px 50px 0 0; float:right; display:inline; }

#content ul{ margin:20px 55px; color:#0c294d; font-size:12px; }
#content ul.indent{ margin:-15px 0 0 70px; }
#content ul li{ margin:20px 0; }
#content ul.indent li{ margin:5px 10px; }
#content ul li strong{ text-transform:uppercase; }
#content ul li a{ color:#0c294d; text-decoration:none; }
#content ul li a:hover{ color:#000; text-decoration:underline; }
#content ul li ul{ margin:10px 20px; }
#content ul li ul li{ margin:10px; }
#content ul li ul li strong{ text-transform:none; }

#content table{ margin:20px 0 0 50px ; width:860px; font-size:12px; border:1px solid #CCC; }
#content table td{ text-align:center; line-height:20px; border:1px solid #999; padding:5px 10px;  }
#content table th{ text-align:center; line-height:20px; border:1px solid #666;  }
#content table th em{ font-style:normal; line-height:35px; font-size:13px; display:block; margin-top:-10px; font-weight:bold; }
#content table h4{ font-size:18px; padding:8px 10px; text-transform:uppercase; }

#info_tabs{ padding:15px 0 15px 30px; width:930px; height:233px; text-align:center; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../design/info_tabs_background.png) top no-repeat; }
#info_tabs .box{ margin:0 30px 0 0; width:275px; height:200px; float:left; display:inline; }

#info_tabs .middle{ width:290px; }
#info_tabs h2{ margin:15px 0 0 0; padding:0; font-size:20px; }
#info_tabs h2 a{ color:#c04041; text-decoration:none; }
#info_tabs h2 a:hover{ color:#F00; }
#info_tabs p{ margin:15px 0px 0 5px;  font-style:italic; font-size:14px; color:#333; text-align:center; }
#info_tabs p a{ text-decoration:none; color:#333; font-weight:bold; }
#info_tabs p a:hover{ color:#000; }
#info_tabs img{ margin:13px 0 0 0; }

#features{ margin:0 0 15px 30px; width:435px; height:auto; font-size:12px; float:left; display:inline; line-height:20px; }
#features p{ margin:0; width:380px; text-align:justify; }
#features ul{ margin:20px 0 0px 0; list-style-type:none; } 
#features ul li{ margin:0 0 5px 0; padding:0 0 0 30px; background:url(../design/li.jpg) top left no-repeat; line-height:25px; width:350px; }
#features ul li a{ text-decoration:none; color:#000; }
#features ul li a:visited{ color:#333; }
#features ul li a:hover{ text-decoration:underline; color:#000; }

#info{ margin:0 0 15px 20px; width:445px; height:auto; font-size:12px; float:left; line-height:20px; text-align:justify;  }
#info img{ float:left; display:inline; margin:5px 10px 0px 0; border:1px solid #6a7e91; } 

#content .gallery{ margin:0 20px; background:#dfdfdf; }
#content h2.gal{ margin:0 0 10px 40px; padding:50px 0 0 0; font-size:24px; color:#003577; border:none; }
#content .gallery h3{ margin:35px 12px 10px 7px; padding:0 5px; color:#666; line-height:20px; font-size:14px; font-weight:normal; border:none; 
					  background:url(../design/background_linetrought.jpg) center center repeat-x; }
#content .gallery h3 span{ padding:0 10px; color:#666; text-decoration:none; background:#dfdfdf; }
#content .gallery ul{ margin:0; padding:0 20px; display:block; background:#fff; list-style:none; height:20px; }
#content .gallery ul li{ margin:0 5px 0 0; padding:0; float:left; display:inline; height:20px; }
#content .gallery ul li a{ margin:0; padding:0px 5px; line-height:20px; height:20px; display:block; width:82px; background:#999; color:#fff; text-align:center;  }
#content .gallery ul li a:hover, #content .gallery ul li a.selected{ background:#002656; color:#fff; text-decoration:none; }

#content .gallery div{ margin:14px; }
#content .gallery div img{ margin:4px; padding:2px; background:#1f6ca7; border:1px solid #1f6ca7; vertical-align:top; max-width:160px; max-height:107px; overflow:hidden; }
#content .gallery div img:hover{ background:#123e60; border:1px solid #195685; }

#lokacija{ margin:0 0 0 50px;  float:left; display:inline; width:500px; }
#lokacija p{ margin:10px 0; padding:0 0 10px 0; width:500px; border-bottom:1px solid #b2c2d6; text-align:left; overflow:auto; }
#gmap{ background:#CCC; width:500px; height:365px;}

#content form{ margin:0 0 0 40px; padding:0; width:320px; float:left; display:inline; font-size:12px; }
#content form p{ margin:10px 0; padding:0 0 10px 0; width:320px; text-align:left; border-bottom:1px solid #b2c2d6; }
#content form p.fl_left{ margin:0; width:210px; text-align:left; border:none; line-height:16px; }
#content form label, #content form input{ margin:0px; display:inline; }
#content form input{ padding:3px 5px; width:200px; background:#f9f9f9; border:1px solid #ccc; }
#content form input:focus, #content form textarea:focus{ border:1px solid #999; }
#content form textarea{ width:308px; height:122px; padding:5px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f9f9f9; border:1px solid #ccc; }
#content form .submit{ width:100px; float:right; display:inline; }
#content form .submit:hover{ background:#efefef; }

.kat{  margin:0 0 0 50px; width:400px; float:left; display:inline; text-align:left; }

#content #katalog{ float:none; margin:0 0 0 50px; width:860px; height:auto; display:block; position:relative; }
#katalog .fl_left{ width:400px; }
#katalog .fl_left .fl_left{ width:auto; }
#katalog .fl_left .fl_right{ width:auto; }
#katalog .fl_left .fl_right p{ margin:12px 12px 0 0; width:180px; border:none; line-height:14px; }
#katalog .fl_left input{ width:180px; }
#katalog .fl_left textarea{ width:385px; }
#katalog .fl_left textarea:focus{ border:1px solid #999; }

#katalog hr{ border:none; height:1px; border-bottom:1px solid #ccc; color:#ccc; background:#ccc; width:865px; padding:0; }
#katalog .fl_right{ margin-right:5px; width:401px; height:auto; }
.fl_right #katalozi{ width:400px; padding:0 0 0 5px; margin:0 5px 5px 5px; border:1px solid #cecece; background:#f7f7f7; }
.fl_right #katalozi label{ margin:5px 6px; padding:0; float:left; display:inline; line-height:13px; vertical-align:top;  }
.fl_right #katalozi img{ padding:0; margin:5px 0px 5px 0;  position:relative; }
.fl_right #katalozi img.last{ margin:5px 0 0 0; }
.fl_right #katalozi input{ margin:0; padding:0; border:0; position:relative; width:13px; height:13px; vertical-align:bottom; }
.fl_right #katalozi span{ margin:0 0 0 17px; padding:0; text-indent:0; font-size:10px; display:block; width:50px; line-height:10px; }
form#katalog .submit{ margin:10px 760px 0 0; padding:3px 0; width:100px; float:right; }


#katalog .message_ok, #katalog .message_error{ margin:-20px 0 0 120px; float:left; display:inline; }

/**********/
/* Footer */
/**********/
#footer{ margin:0 auto; width:960px; height:50px; background:url(../design/content_background_bottom.png) top center no-repeat; }

#akcija{ margin:35px 40px 0 0; }
#akcija h1{ font-size:28px; border:none; margin:0; text-transform:uppercase; font-weight:bold; color:#f00; }
#akcija h2{ font-size:18px; color:#0C294D; border:none; margin:10px 0 0 0; padding:0; }
#akcija h1.cijena{ color:#f00; margin:0px 0 0 0; font-size:36px; }
#akcija h2.cijena{ margin:0; } 
#akcija h3{ border:none; font-size:16px; }
#akcija .isporuka{ font-size:26px; }
#akcija p{ margin:0; }
#akcija .after{ font-size:12px; margin:0 0 0 50px;}