@charset "utf-8";
*{margin:0px; padding:0px;}
a {outline: none;}
img {border:0;}
ul,li{list-style-type: none;}
h1, h2, h3, h4 {font-weight:normal}
/*body {
	background: #B70F64 url(../../img/bg_ps.jpg) repeat-x;
}*/
body {
	background: #6c6d6f url(../../img/newBg.jpg) no-repeat center top;
}
img, div { behavior: url(http://www.gastro-grupa.hr/Include/Css/pngfix/iepngfix.htc) }
.container {
	margin: auto;
	width: 897px;
	}
.container .header {
	background: url(../../img/header.png) no-repeat;
	width: 721px;
	height: 103px;
	padding: 10px 20px 0px 20px;
	margin: 0px;
	}
.container .header .logo_img {
	display: block;
	width: 157px;
	height: 94px;
	float: left;
	line-height: 94px;
	position: relative;
	}		
.container .header ul {
	float: right;
	}
.container .header ul li  {
	display: inline-block;
	float: left;
	}		
.container .header ul li a {
	font: 10px georgia;
	color: #fff;
	height: 16px;
	border-right: 1px solid #fff;
	float: left;
	display: inline;
	text-decoration: none;
	padding: 2px 10px 0px 10px;
	margin-top: 5px;
	}
.container .header ul li a.last {
	border: none;
	}
.container .header input.search {
	width: 116px;
	height: 14px;
	float: right;
	background: #fff;
	border: 1px solid #CCCBCB;
	font: 10px arial;
	color: #666;
	margin: 5px 0px 0px 0px;
	}
.container .header input.btn {
	background: url(../../img/search_btn.gif);
	width: 40px;
	height: 17px;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
	float: right;
	}
.container .header img.catchword {
	margin:40px 0px 0px 40px;
	float: right;
	}
.container .content_wrap {
	width: 887px; 
	padding: 0px 0px 0px 10px;
	overflow: hidden;
	height: 710px;
	}
.container .background {
	background: url(../../img/content_bg.png) repeat-y;
	width: 756px; 
	padding: 0px 0px 0px 8px;
    position: absolute;
	z-index: 0;
	height: 683px;
	margin-bottom: 100px;
	}
.container  .background_foot {
	background:  url(../../img/footer.png);
	width: 764px;
	height: 27px;
	position: absolute;
	float: left;
	left: -191px;
	bottom: -251px;
	z-index: 50;
	margin-bottom: 10px;
	}		
.container .content_wrap .nav {
	background: #fff;
	float: left;
	width: 163px;
	padding: 7px 9px 10px 9px;
	height: 449px;
	}
.container .content_wrap .nav img.tuv {
	display: block;
	position: relative;
	padding-left: 45px;
	}	
.container .content_wrap .nav ul.main {
	background: url(../../img/nav_separator.gif) repeat-x top left;
	position: relative;
	z-index: 55;
	height: 347px;
	}
.container .content_wrap .nav ul.main li {
	font: 0px arial;
	background: url(../../img/nav_separator.gif) repeat-x bottom left;
	float: left;
	}   	
.container .content_wrap .nav ul.main li a {
	font: bold 11px georgia;
	color: #828282;
	width: 162px;
	padding: 10px 0px 10px 0px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	}
.container .content_wrap .nav ul.main li a:hover,
.container .content_wrap .nav ul.main li a.active {
	color: #666;
	}
.container .content_wrap .nav ul.sub  {
	padding-bottom: 4px;
	float: left;
	}	
.container .content_wrap .nav ul.sub li {
	background: none;
	}		
.container .content_wrap .nav ul.sub li a {
	font: normal 11px georgia;
	color: #AE0E5A;
	width: 162px;
	padding: 0px 0px 6px 0px;
	float: left;
	text-decoration: none;
	text-align: center;
	text-transform: none;
	}
.container .content_wrap .txt {
	float: left;
	background: url(../../img/txt_bg.jpg);
	width: 536px;
	height: 462px;
	padding: 7px 8px 0px 12px;
	position: relative;
	z-index: 15;
	}
.container .content_wrap .txt .article_content {
	float: left;
	width: 354px;
	height: 387px;
	}
.container .content_wrap .txt .article_content_right {
	float: right;
	height: 322px;
	}	
.container .content_wrap .txt .administration {
	float: left;
	width: 538px;
	background: url(../../img/nav_separator.gif) repeat-x left top;
	padding-top: 15px;
	}	

.container .content_wrap .txt .article_content a {
	font: 11px georgia;
	color: #AE0E5A;
	text-decoration: underline;
	padding-left: 5px;
	}
.container .content_wrap .txt .article_content a.group_img {
   width: 172px;
   height: 160px;
   float: left;
   padding: 30px 0px 0px 7px;
	}
.container .content_wrap .txt .article_content a.holder {
   background: url(../../img/grupa_img_holder.gif) repeat-y top right;
 }

.container .content_wrap .txt .article_content .article_group_box  {
	float: left;
	background: url(../../img/nav_separator.gif) repeat-x bottom left;
	margin-bottom: 5px;
	width: 99%;
	}	
.container .content_wrap .txt .content_big {
	width: 538px;
	}	
.container .content_wrap .txt .article_content img.logo {
	margin-bottom: 20px;
	}		
.container .content_wrap .txt h1 {
	font: 12px georgia;
	color: #AE0E5A;
	background: url(../../img/h1_bg.gif) repeat-x;
    height: 25px;
	padding: 9px 0px 0px 0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	}
.container .content_wrap .txt  h2 {
	font: bold 14px georgia;
	color: #58595B;
	margin-bottom: 2px;
    }
.container .content_wrap .txt .article_content p {
	font: 12px georgia;
	color: #58595B;
	margin-bottom: 10px;
	line-height: 15px;
	}
.container .content_wrap .txt .article_content label {
	font: 11px georgia;
	color: #999;
	margin-bottom: 0px;
	display: block;
	}
.container .content_wrap .txt .article_content input.text {
	background: #DCDDDF;
	width: 259px;
	height: 17px;
	padding: 4px 5px 0px 5px;
	border: 0;
	margin: 2px 0px 5px 0px;
	font: 11px georgia;
	color: #666;
	}
.container .content_wrap .txt .article_content input.btn {
	background: url(../../img/send_btn.gif);
	width: 83px;
	height: 21px;
	border: 0;
	margin: 2px 0px 10px 0px;
	cursor: pointer;
	}
.container .content_wrap .txt .article_content  p.error {
	color: #AE0E5A;
	}		
.container .content_wrap .txt .article_content input.short {
	width: 169px;
	float: left;
	margin-right:5px;
	}		

		
.container .content_wrap .txt .img_holder {
	float: right;
	width: 180px;
	height: 387px;
	}
	
.container .content_wrap .txt .img_holder_left {
	float: left;
	height: 322px;
	}
.container .content_wrap .txt .img_holder_left img {
	float: left !important;
	}
.container .content_wrap .txt .img_holder_big
{
    float: left;
	width: 536px;
	height: 322px;
}

.container .content_wrap .txt .img_holder img {
	margin: 0px 0px 10px 0px;
	float: right;
	}
		
.container .content_wrap .txt .img_holder_big img
{
   margin-left:10px;
}				

.container .content_wrap .txt .article_foot {
	background: url(../../img/nav_separator.gif) repeat-x;
	width: 534px;
	height: 19px;
	font: 0px arail;
	padding-top: 7px;
	float: left;
	}
.container .content_wrap .txt .article_foot a:hover {
	text-decoration: underline !important;
	}	

.container .content_wrap .txt .article_foot a.down {
	background: url(../../img/pag_down.gif);  
	width: 12px;
	height: 6px;
	float: left;
	margin: 5px 0px 0px 0px;
	}	
.container .content_wrap .txt .article_foot a.up {
	background: url(../../img/pag_up.gif);   
	width: 12px;
	height: 6px;
	float: left;
	font: 0px arail;
	margin: 5px 9px 0px 4px;
	}	
.container .content_wrap .txt .article_foot a.download {
	font: bold 11px georgia;
	color: #808285;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 85px;
	float: left;
	}
.container .content_wrap .txt .article_foot a.foto_gallery {
	font: bold 11px georgia;
	color: #AE0E5A;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
 }										
.container .content_wrap .txt .main_img {
	padding-bottom: 7px;
	background: url(../../img/nav_separator.gif) repeat-x bottom left;
	float: left;
	height: 351px;
	}
.container .content_wrap .txt .main_roll {
	position: relative;
	width: 535px;
	float: left;
	overflow: hidden;
	height: 90px;
	}
.container .content_wrap .txt .main_roll .roll_content {
	position: relative;
	top: 25px; 
	left: 36px;
	}
.container .content_wrap .txt .main_roll .roll_content div 
{
    position:absolute;
    top:0px;
    left:0px;
}

.container .content_wrap .txt .main_roll .roll_content a {
	margin-right: 40px;
	}		
 .container .content_wrap .txt .main_roll a.left {
	background:  url(../../img/left_btn.gif);
	width: 6px;
	height: 13px;
	position: absolute;
	left: 5px;
	top: 40px;
	font: 0px arail;
	margin: 0px 10px 0px 0px;
	}
.container .content_wrap .txt .main_roll a.right {
	background: url(../../img/right_btn.gif);
	width: 6px;
	height: 13px;
	position: absolute;
	right: 5px;
	top: 40px;
	}
 .container .content_wrap .txt .article_foot a.left {
	background:  url(../../img/left_btn.gif);
	width: 6px;
	height: 13px;
	position: absolute;
	margin: 0px 10px 0px 0px;
	}
.container .content_wrap .txt .article_foot a.right {
	background: url(../../img/right_btn.gif);
	width: 6px;
    height: 13px;
    position: absolute;
    margin-left: 20px;
	}

.container  .banner_box {
	float: right;
	background: url(../../img/banner_bg_top.png) no-repeat;
	width: 154px;
	padding-top: 5px;
	margin-top: -474px;
	z-index: -5;
	position: inherit;
	}
.container  .banner_box .banner_box_content {
	background: url(../../img/banner_bg_midd.png) repeat-y;
	width: 144px;
	padding: 6px 0px 1px 10px;
	}
.container  .banner_box .banner_box_foot {
	background: url(../../img/banner_bg_foot.png) no-repeat;
	width: 154px;
	height: 9px;
	font: 0px arial;
	}
.container  .footer_box_wrap  {
	padding: 5px 0px 0px 13px;
	width: 718px;
	float: left;
	}	
.container  .footer_box_wrap .footer_boxes {
	width: 162px;
	position: relative;
	z-index: 26;
	background:url(../../img/nav_separator.gif) repeat-x top left;
	margin-right: 20px;
	padding-top: 5px;
	float: left;
	}
.container  .footer_box_wrap .footer_boxes a {
	color: #AE0E5A;
	text-decoration: none;
	}
.container  .footer_box_wrap .footer_boxes a:hover {
	text-decoration: underline;
	}
.no_marg {
	margin: 0px !important;
	}	
.container .footer_box_wrap .footer_boxes h2 {
	font: bold 11px georgia;
	color: #AE0E5A;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
.container .footer_box_wrap .footer_boxes h2 a {
	color: #AE0E5A;
    text-decoration: none;
}
.container .footer_box_wrap .footer_boxes h2 a:hover {
    text-decoration: underline;
}
.container .footer_box_wrap .footer_boxes img {
	margin-bottom: 5px;
	}
.container .footer_box_wrap .footer_boxes h3 a {
	font: 11px georgia;
	color: #AE0E5A;
	text-decoration: none;
	margin-bottom: 2px;
	display: block;
	}
.container .footer_box_wrap .footer_boxes h3 a:hover {
	text-decoration: underline;
	}	
.container .footer_box_wrap .footer_boxes p {
	font: 11px georgia;
	color: #000;
	line-height: 15px;
	}					
.sep { 
     background:  url(../../img/nav_separator.gif) repeat-x;	
	 width: 99% !important;
	 height: 1px;
	 float: left;
	 font: 0px arial;
	 line-height: 0px;
	 }						
.textContainer  a {
font: 12px Georgia !important;
color: #58595B !important;
text-decoration: none !important;
font-size:12px !important;
margin-bottom:3px !important;
text-transform:uppercase !important;
padding: 0px !important;
}
.textContainer  a:hover {
text-decoration: underline;
}

.container  .footer {
	font: 10px verdana;
	color: #000;
	padding: 0px 0px 10px 10px;
	overflow: visible;
	}				

/*** Google maps ***/
.mapsContainer .mapsNavigation {
position: absolute;
height: 30px;
top: 4px;
right: 8px;
width: 203px;
}
.mapsContainer a {
float: none !important;
height: auto !important;
padding: 0 !important;
width: auto !important;
}
.mapsContainer h2 {
font: bold 12px Georgia !important;
color: #ae0e5a !important;
margin: 0 0 6px 0 !important;
padding: 1px 0 4px 0px !important;
border-bottom: 1px solid #e5e5e5 !important;
}
.mapsContainer .mapsAddress {
font: 11px Georgia !important;
color: #000 !important;
margin: 2px 0 12px 0 !important;
}
.mapsContainer dl {
font: 11px Georgia !important;
color: #747474 !important;
margin: 0px !important;
padding: 0px !important;
width: 217px !important;
}
.mapsContainer dl dt {
display: block !important;
float: left !important;
width: 28px !important;
text-align: left !important;
padding: 4px 0 !important;
}
.mapsContainer dl dd {
display: block !important;
float: left !important;
width: 162px !important;
text-align: left !important;
padding: 4px 0 !important;
color: #000 !important;
}