@charset "utf-8";
/* CSS Document */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
	display: block;
	float: left; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 25px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/btn/left_part.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #FFFFFF; /*button text color*/
}

a.squarebutton span{
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(../images/btn/right_part.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 9px;
	padding-left: 0;
	height: 20px;
	padding-top: 5px;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	margin-bottom: 11px;
}

/* ovde je drugo stanje dugmeta */
a.squarebutton1{
	display: block;
	float: left; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 25px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/btn/left_part.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a:link.squarebutton1, a:visited.squarebutton1, a:active.squarebutton1{
	color: #FFFFFF; /*button text color*/
}

a.squarebutton1 span{
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(../images/btn/right_part.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 9px;
	padding-left: 0;
	height: 20px;
	padding-top: 5px;
}

a.squarebutton1:hover{ /* Hover state CSS */
	background-position: left bottom;
}

a.squarebutton1:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

.buttonwrapper1{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	margin-bottom: 11px;
}
/* Top dugme */
a.squarebutton3{
	display: block;
	float: left; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 25px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/btn/banner01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a:link.squarebutton3, a:visited.squarebutton3, a:active.squarebutton3{
	color: #FFFFFF; /*button text color*/
}

a.squarebutton3 span{
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(../images/btn/banner02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 6px;
	padding-left: 0;
	height: 20px;
	padding-top: 5px;
}

a.squarebutton3:hover{ /* Hover state CSS */
	background-position: left bottom;
}

a.squarebutton3:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #1d3665;
}

.buttonwrapper3{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	margin-bottom: 11px;
	float: left;
	margin-right: 15px;
}
/* Top dugme - selektovano */
a.squarebutton4{
	display: block;
	float: left; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 25px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/btn/banner01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a:link.squarebutton4, a:visited.squarebutton4, a:active.squarebutton4{
	color: #1d3665; /*button text color*/
}

a.squarebutton4 span{
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(../images/btn/banner02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 6px;
	padding-left: 0;
	height: 20px;
	padding-top: 5px;
}

a.squarebutton4:hover{ /* Hover state CSS */
	background-position: left bottom;
}

a.squarebutton4:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #1d3665;
}

.buttonwrapper4{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	margin-bottom: 11px;
	float: left;
	margin-right: 15px;
}
.pozicija {
	width: 500px;
	padding-top: 30px;
	padding-left: 10px;
}
.pozicija a{
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	text-decoration: none;
}
.pozicija a:hover{
	color: #C7D3EF;
	font-family: "Myriad Pro";
	font-size: 16px;
	text-decoration: none;
}
/*elementi gore*/

.head {
	width: 951px;
	margin-right: auto;
	margin-left: auto;
	height: 568px;
	margin-bottom: 18px;
}
.header0 {
	background-image: url(../images/banner/banner_1.jpg);
	height: 568px;
	width: 233px;
	float: left;
}

.header1 {
	background-image: url(../images/banner/banner_1.jpg);
	height: 568px;
	width: 234px;
	float: left;
	position: relative;
	background-position: right;
	background-repeat: no-repeat;
}
.header2 {
	background-image: url(../images/banner/banner_1.jpg);
	height: 568px;
}

.logo_container {
	float: left;
	width: 232px;
	margin-top: 0px;
	height: 155px;
}

.menu_container {
	float: right;
	width: 210px;
	margin-top: 33px;
}

.index_banner_top {
	background-image: url(../images/banner/images/t1.jpg);
	height: 155px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-position: left;
}

.index_banner_top1 {
	background-image: url(../images/banner/images/banner_2.jpg);
	height: 413px;
	width: 718px;
	background-position: left;
}
.header_istorijat {
	background-image: url(../images/banner/images/banner_t21.jpg);
	height: 568px;
	width: 234px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: right;
}
.istorijat_banner_top {
	background-image: url(../images/banner/images/t2.jpg);
	height: 155px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
}
.istorijat_banner_top1 {
	background-image: url(../images/banner/images/banner_t22.jpg);
	height: 413px;
	width: 718px;
}
.header_bravarija {
	background-image: url(../images/banner/images/banner_bravarija1.jpg);
	height: 568px;
	width: 234px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: right;
}
.bravarija_banner_top {
	background-image: url(../images/banner/images/bravarija2.jpg);
	height: 155px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}
.bravarija_banner_top1 {
	background-image: url(../images/banner/images/bravarija3.jpg);
	height: 413px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_krovopokrivacki {
	background-image: url(../images/banner/images/banner_krovopokrivacki1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.krovopokrivacki_banner_top {
	background-image: url(../images/banner/images/krovopokrivacki2.jpg);
	height: 155px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}
.krovopokrivacki_banner_top1 {
	background-image: url(../images/banner/images/krovopokrivacki3.jpg);
	height: 413px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_politika {
	background-image: url(../images/banner/images/banner_politika1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.politika_banner_top {
	background-image: url(../images/banner/images/politika2.jpg);
	height: 155px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}
.politika_banner_top1 {
	background-image: url(../images/banner/images/politika3.jpg);
	height: 413px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_usluge {
	background-image: url(../images/banner/images/banner_usluga1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.usluge_banner_top {
	background-image: url(../images/banner/images/usluga2.jpg);
	height: 155px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}
.usluge_banner_top1 {
	background-image: url(../images/banner/images/usluga3.jpg);
	height: 413px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_prodajas {
	background-image: url(../images/banner/banner_stanovi01.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.prodajas_banner_top {
	background-image: url(../images/banner/prodajas2.jpg);
	height: 86px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}
.prodajas_banner_top1 {
	background-image: url(../images/banner/stanovi03.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_celicnek {
	background-image: url(../images/banner/banner_celicnek1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.celicnek_banner_top {
	background-image: url(../images/banner/prodajas2.jpg);
	height: 86px;
	width: 718px;
	color: #FFFFFF;
	font-family: "Myriad Pro";
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}
.celicnek_banner_top1 {
	background-image: url(../images/banner/celicnek3.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_drustvenea {
	background-image: url(../images/banner/banner_drustvenea1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.drustvenea_banner_top1 {
	background-image: url(../images/banner/drustvenea3.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_gradjevinskao {
	background-image: url(../images/banner/banner_gradjevinskao1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.gradjevinskao_banner_top1 {
	background-image: url(../images/banner/gradjevinskao3.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_projektnib {
	background-image: url(../images/banner/banner_projektnib1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.projektnib_banner_top1 {
	background-image: url(../images/banner/projektnib3.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_tim {
	background-image: url(../images/banner/banner_tim1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.tim_banner_top1 {
	background-image: url(../images/banner/tim3.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_reference {
	background-image: url(../images/banner/banner_reference1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.reference_banner_top1 {
	background-image: url(../images/banner/reference3.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header_pet {
	background-image: url(../images/banner/banner_pet1.jpg);
	height: 568px;
	width: 233px;
	float: left;
	position: relative;
}
.pet_banner_top1 {
	background-image: url(../images/banner/pet2.jpg);
	height: 482px;
	width: 718px;
	background-repeat: no-repeat;
	background-position: left top;
}