@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EFF7FF;
	background: url(bg_main.jpg) repeat-x  top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

a {
	font-size: 16px;
	text-decoration: none;
	color: #0EA7C7;
}

a:hover {
	text-decoration: none;
	color: #0EA7C7;
}

a:link {
	text-decoration: none;
	color: #0EA7C7;
}

a:active {
	text-decoration: none;
	color: #0EA7C7;
}

/* --------------------------------------------------------------------------------------------------------------------- */

#header { width:976px; height:130px; margin:0 auto 0 auto; }

#logo { float:left; position:absolute; margin:10px 0 0 20px; border:none; z-index:10;  }
#logo a {  border:none; }
#logo a img {  border:none; }

#slogan { float:right; width:auto; padding:10px; background-color:#000; opacity:0.8; color:#fff; position:absolute; margin:30px 0 0 458px; z-index:9; }
#slideshow { height: 130px; width: 976px; }
#slideshow img { height: 130px; width:976px; display:block;  position:absolute; margin-top:0;  margin-left:0; z-index:1; }

#nav { width:980px; height:75px; margin: -20px auto 0px auto; background:url(nav_bg.png) no-repeat center top; 	border-bottom-left-radius: 8px 8px;    
	border-bottom-right-radius: 8px 8px; }
#nav ul { width:980px; height:75px; margin: 20px auto 0px -43px; list-style-type:none; border-bottom-left-radius: 8px 8px;    
	border-bottom-right-radius: 8px 8px; }
#nav ul li { text-align:center;  font-weight:bold;  float:left; margin-left:5px;  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; width:240px; }
#nav ul li a { padding-left:0px; padding-right:0px; padding-top:18px; padding-bottom:17px; width:240px; display:block; -webkit-transition: background-color 150ms ease-in; -moz-transition: background-color  150ms ease-in; -o-transition: background-color  150ms ease-in; transition: background-color  150ms ease-in; color: #0EA7C7; order-bottom-left-radius: 8px 8px;    
	border-bottom-right-radius: 8px 8px; }
#nav ul li a:hover { color:#fff; background-color:#0EA7C7; border-bottom-left-radius: 8px 8px;    
	border-bottom-right-radius: 8px 8px; }
#nav ul li .aktivni { color:#fff; background-color:#0EA7C7; text-decoration: none; border-bottom-left-radius: 8px 8px;    
	border-bottom-right-radius: 8px 8px; }




#sadrzaj{
	width:974px;
	height:980px;
	margin:0 auto 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x;	
}

.plavi_txt_15px {
	color:#0EA7C7;
}
.crveni_txt_15px {
	color:#C3203B;
}

#sadrzaj a img  {
	opacity: .99;
	padding:2px;
	-webkit-transition: opacity 150ms ease-in; -moz-transition: opacity  150ms ease-in; -o-transition: opacity  150ms ease-in; transition: opacity  150ms ease-in;
}

#sadrzaj a:hover img {
	opacity: .75;
	color:#C3203B;
}

#index_option_plavi { float:left; margin-top:10px; margin-left:10px; width:190px; height:164px; background:url(bg_index_options.jpg); padding:20px; }
#index_option_plavi h1 { font-size:25px; font-weight:normal; }
#index_option_plavi h2 { font-size:20px; font-weight:bold; }
#index_option_plavi h3 { font-size:15px; font-weight:bold; }

#index_option_crveni { float:left; margin-top:10px; margin-left:10px; width:190px; height:164px; background:url(bg_index_options_crveni.jpg); padding:20px; }
#index_option_crveni h1 { font-size:25px; font-weight:normal; }
#index_option_crveni h2 { font-size:20px; font-weight:bold; }
#index_option_crveni h3 { font-size:15px; font-weight:bold; }
#index_option_crveni a { color:#C3203B; }

/* --------------------------------------------------------------------------------------------------------------------- */

#sadrzaj_galerija{
	width:974px;
	height:1582px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	text-align:center;
	backgound-color:#FFFFFF;
}

#sadrzaj_galerija img {
	opacity: .99;
	-moz-opacity: .99;
	-khtml-opacity: .99;
	filter: alpha(opacity=99);
	padding:5px;
}
#sadrzaj_galerija a:hover {
	color:#C3203B;
	opacity: .85;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter: alpha(opacity=85);
}

/* --------------------------------------------------------------------------------------------------------------------- */

#sadrzaj_kontakt{
	width:974px;
	height:617px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	text-align:center;
	backgound-color:#FFFFFF;
}

/* --------------------------------------------------------------------------------------------------------------------- */

#sadrzaj_grijaci{
	width:970px;
	height:1300px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	backgound-color:#FFFFFF;
	padding:4px;
}

#navigacija_lijevo {
	width:200px;
	height:1220px;
	float:left;
	background: url(navigacija_footer_bg.png) bottom center no-repeat #71B8FF;
	background-color:#71B8FF;
	text-align:left;
	font-weight:bold;
}
#navigacija_lijevo a{
	background-color:#B8DCFF;
	text-align:left;
	font-weight:bold;
	display:block;
	height:30px;
	padding-top:10px;
	padding-left:5px;
	border:#71B8FF solid 1px;
}
#navigacija_lijevo a:hover{
	background-color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	display:block;
}
#navigacija_lijevo .aktivni{
	background-color:#FFFFFF;
	color:#0EA7C7;
}

#sadrzaj_desno { padding:10px; width:744px; float:right; background-color:#F0F8FF; 	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; border:1px #71B8FF solid; text-align:justify; }
	
#sadrzaj_desno img {
	opacity: .99;
	-moz-opacity: .99;
	-khtml-opacity: .99;
	filter: alpha(opacity=99);
	padding:5px;
}
#sadrzaj_desno a:hover {
	color:#C3203B;
	opacity: .85;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter: alpha(opacity=85);
}	
	
/* --------------------------------------------------------------------------------------------------------------------- */
#sadrzaj_ograde_i_terase{
	width:970px;
	height:710px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	backgound-color:#FFFFFF;
	padding:4px;
}

#okvir { width:954px; height:auto; background-color:#F0F8FF; -webkit-border-radius: 4px;
	-moz-border-radius: 4px; border:1px #71B8FF solid; text-align:justify; padding:7px; }
#okvir a{ text-decoration:underline; }
#okvir img{ 	opacity: .99; -moz-opacity: .99; -khtml-opacity: .99; filter: alpha(opacity=99); padding:3px; margin:0 0 0 0; }
#okvir a:hover{ 	color:#C3203B; opacity: .85; -moz-opacity: .85; -khtml-opacity: .85; filter: alpha(opacity=85); }

#okvir_ograde{ width:auto; height:auto; background-color:#F0F8FF; -webkit-border-radius: 4px;
	-moz-border-radius: 4px; text-align:justify; padding:4px; }
#okvir_ograde img{ 	opacity: .99; -moz-opacity: .99; -khtml-opacity: .99; filter: alpha(opacity=99); padding:3px; }
#okvir_ograde a:hover{ 	color:#C3203B; opacity: .85; -moz-opacity: .85; -khtml-opacity: .85; filter: alpha(opacity=85); }
#okvir_ograde a{ text-decoration:underline; }

/* --------------------------------------------------------------------------------------------------------------------- */

#sadrzaj_grijaci_ponuda{
	width:970px;
	height:2110px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	backgound-color:#FFFFFF;
	padding:4px;
}
#okvir_grijaci { width:autopx; height:auto; background-color:#fff; -webkit-border-radius: 4px;
	-moz-border-radius: 4px; border:none; text-align:justify; padding:4px; text-align:left; }
#okvir_grijaci img{ opacity: .99; -moz-opacity: .99; -khtml-opacity: .99; filter: alpha(opacity=99); padding:3px; }
#okvir_grijaci a:hover{ color:#C3203B; opacity: .85; -moz-opacity: .85; -khtml-opacity: .85; filter: alpha(opacity=85); }
	
/* --------------------------------------------------------------------------------------------------------------------- */

#sadrzaj_pergole{
	width:974px;
	height:575px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	text-align:center;
	backgound-color:#FFFFFF;
}

#sadrzaj_pergole img {
	opacity: .99;
	-moz-opacity: .99;
	-khtml-opacity: .99;
	filter: alpha(opacity=99);
	padding:5px;
}
#sadrzaj_pergole a:hover {
	color:#C3203B;
	opacity: .85;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter: alpha(opacity=85);
}

/* --------------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------- */

#sadrzaj_titan_hot_spot_reference{
	width:974px;
	height:1050px;
	margin:0 auto 0 auto;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 15px;
	background: url(bg_sadrzaj_main.png) top left repeat-x #FFFFFF;	
	text-align:center;
	backgound-color:#FFFFFF;
}

#sadrzaj_titan_hot_spot_reference p { width:290px; height:auto; float:left; font-size:12px; padding:10px; }