html, body, div, span, applet, object, img, iframe, p, h1, h2, h3, h4, h5, h6,ul,li p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; list-style: none;  }

body {
	/*background: url(../images/intro_new_bg.jpg) no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;*/
	height: 100%;
	width: 100%;
	color: white;
	font: normal 11px Arial;
}

.intro {
	width: 100%;
	height: 100%;
}

.bg_image_cont {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*
	width: 100%;
	height: auto;*/
}

.cont {
	width: 984px;
	margin: 0px auto;
	position: relative;
	z-index: 100;
}

.cont .i_logo {
	width: 100%;
	height: 196px;
	background: url(../images/intro_logo.png) no-repeat 0px 0px;
}

.cont .map {
	width: 100%;
	height: 550px;
	/*background: url(../images/map.png) no-repeat 0px 0px;*/
    background: url(../images/map2.png) no-repeat 0px 0px;
	margin-bottom: 80px;
	position: relative;
}
.cont .map a.pin {
	display: block;
	position: absolute;

	z-index: 200;
	height: 54px;
}
.cont .map a.pin span.a_cont {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;

}
.cont .map a.pin span.a_cont span.text {
	text-indent: -9999px;
	display: block;
}
.cont .map a.pin span.a_cont img {
	position: absolute;
	z-index: 1500;
	left: 0px;
	display: none;
}
.cont .map a.pin.city_varazdin {
	width: 90px;
	background: url(../images/pin_vz.png) no-repeat 0px 0px;
	top: -23px;
	left: 452px;
	z-index: 40;
}
.cont .map a.pin.city_varazdin span.a_cont img {
	bottom: -8px;
}

.cont .map a.pin.city_karlovac {
	width: 89px;	
	background: url(../images/pin_ka2.png) no-repeat 0px 0px;
	top: 56px;
	left: 324px;
    left: 243px;
}
.cont .map a.pin.city_karlovac span.a_cont img {
	bottom: 30px;
}

.cont .map a.pin.city_sisak {
	width: 64px;	
	background: url(../images/pin_si.png) no-repeat 0px 0px;
	top: 70px;
	left: 440px;
	z-index: 100;
}
.cont .map a.pin.city_sisak span.a_cont img {
	bottom: 30px;
}

.cont .map a.pin.city_slavonski_brod {
	width: 134px;	
	background: url(../images/pin_slb.png) no-repeat 0px 0px;
	top: 76px;
	left: 742px;
}
.cont .map a.pin.city_slavonski_brod span.a_cont img {
	bottom: 30px;
}

.cont .map a.pin.city_zadar {
	width: 70px;	
	background: url(../images/pin_zd.png) no-repeat 0px 0px;
	top: 177px;
	left: 232px;
}
.cont .map a.pin.city_zadar span.a_cont img {
	bottom: 30px;
}


.cont .map a.pin.city_sibenik {
	width: 70px;	
	background: url(../images/pin_sb.png) no-repeat 0px 0px;
	top: 247px;
	left: 345px;
}
.cont .map a.pin.city_sibenik span.a_cont img {
	bottom: 30px;
}


.cont .map a.pin.city_zagreb {
	width: 74px;	
	background: url(../images/pin_zg.png) no-repeat 0px 0px;
	top: 28px;
	left: 388px;
	z-index: 50;
}
.cont .map a.pin.city_zagreb span.a_cont img {
	bottom: 30px;
}

.cont .footer {
	width: 100%;
	float: left;
	padding-bottom: 30px;
}
.cont .footer p {
	margin-bottom: 13px;
	line-height: 140%;
}
.cont .footer .col_1 {
	float: left;
	width: 280px;
	height: 140px;
	background: url(../images/col_1.png) no-repeat 0px 0px;
}
.cont .footer .col_2 {
	float: left;
	width: 350px;
	padding-right: 50px;
	width: 300px;
}
.cont .footer .col_3 {
	float: left;
	width: 354px;
	padding-right: 30px;
	width: 324px;
}
.cont .footer .col_2 a,
.cont .footer .col_3 a {
    color: white;
}