body {
margin:10px 0;
padding:0;
font-family:  Arial, "Times New Roman", Times, serif;
font-size:12px;
}
#wrap {
margin: 0 auto;
width:1000px;
}
.right {
	float: right;
	padding:0;
	margin: 0;
}
.left {
	float: left;
	padding:0;
	margin: 0;
}
.clear{
   clear: both;
}
a{
	outline-style:none;
}
a img{
	border: none;	
}
#hausbau{
	border: 1px solid #CCCCCC;
	min-height: 800px;
    margin: 0;
	padding: 5px;
    _height: 800px;
	            
}
#glasanje{
background:transparent url(/images/hausbau/index/glasaj.gif) no-repeat scroll 0 0;
cursor:pointer;
height:20px;
margin:0 auto;
padding:3px 0 0;
text-align:center;
width:100px;
color: white;
}
/* HEADER *************************************************************************/
#header{
margin:0;
padding:0;
clear:both;
width:1000px;
height:200px;

}
/***********************/

/* logo */
#logo{
width:396px;
height:203px;
float:left;
border:1px solid #cccccc;
margin-right:2px;
}
#logo img{
margin:0 0 0 14px;
}
/***********************/

/* banner_glavni */
#banner_glavni{
width:592px;
height:203px;
float:right;
background-color:#ffffff;
border:1px solid #cccccc;
}

#banner_glavni img{
margin:0;
padding:3px;
}
/***********************/


/****************************************************************************************/
/* MENU *********************************************************************************/
#menu{
margin:10px 0;
padding:0;
width:1000px;
height:40px;
background-color:#cccccc;

}
#menu ul{
padding:10px 0;
margin:2px 0 0 10px;
}
#menu li{
display:inline;
padding:8px;

}
#menu a{
color:#333333;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:3px 18px;
border-left:4px solid #ff0000;
border-right:6px solid #cccccc;
}
#menu a:hover{
border-left:9px solid #ff0000;
border-right:1px solid #cccccc;
}
#menu li.active a{
border-left:9px solid #ff0000;
border-right:1px solid #cccccc;
}
/*************************************************************************************************/

/* CONTENT ***************************************************************************************/
#content {
width:1000px;
}


/* content_levi ****************************************************/
#content_levi{
margin:0;
width:198px;
float:left;
border:1px solid #cccccc;
}
#content_levi_box{
clear:both;
margin:10px 5px;
width:190px;

}
/***********************/


/* content_levi novi broj*/
#novi_broj{
}
#novi_broj h1{
font-size:14px;
font-weight:bold;
color: #999999;
padding:3px;
}
#novi_broj img{
}
/***********************/

/* content_levi oglasite*/
#oglasite{
}
#oglasite h1{
}
#oglasite img{
border:1px solid #f1f1f1;
margin-top:5px;
padding:2px;
}
/***********************/

/* content_levi menu_levi*/
#menu_levi{
margin:10px 0 0 0;
}
#menu_levi ul{
margin:0;
padding:0px;
}
#menu_levi li{
list-style:none;
padding:5px;
margin-top:2px;
background-color:#f1f1f1;
}
#menu_levi a{
color: #999999;
font-size:14px;
text-decoration:none;
}
#menu_levi a:hover{
color:#cccccc;
}

/* content_levi cenovnici i pdf-ovi, download*/
#cen_pdf{
margin:10px 0;
border:1px solid #f1f1f1;
padding:3px;
}
/***********************/

/* content_levi prijava za newsletter*/
#newsletter{
margin:10px 0;
border:1px solid #f1f1f1;
padding:3px;
}
/***********************/

/* content_levi anketa*/
#anketa{
margin:10px 0;
padding-bottom:10px;
color: #999999;
}
#anketa h1{
font-size:14px;
font-weight:bold;
color: #999999;
padding:3px;
}
#anketa h2{
font-size:14px;
font-weight:normal;
color: #999999;
padding:3px;
}
#anketa ul{
margin:0;
padding:0;
}
#anketa li{
list-style:none;
padding:0;
}
#anketa .proc{
	float: left; 
	line-height: 8px; 
	width: 155px; 
	background-color: #efefef;
	height: 8px; 
	margin-top: 3px;
	margin-bottom: 10px;
}
#anketa .proc2{
	height: 8px; 
	background-color: #999999;	
}
#anketa label{
	float: left; clear: both;
}
/***********************/


/******************************************************************/
/* content_srednji ************************************************/
#content_srednji{
margin:0px;
width:644px;
float:left;

}
#content_srednji_box{
clear:both;
margin-left:10px;
padding:0;
width:626px;
}
.arhiva{
    float: left; width: 140px; text-align: center; padding: 5px; border: 1px solid #FF0000; margin-right:3px; margin-top:3px;
}

/***********************/

/* content_srednji vesti_top3 */
#vesti_top3{
width:305px;
float:left;
border:1px solid #cccccc;
padding:10px 3px;
}
#vesti_top3 h1{
font-size:14px;
font-weight:bold;
background:#ffffff;
border-bottom:2px solid #ff0000;
color: #ff0000;
padding:3px 3px 6px 3px;
margin:0;
}
#vesti_top3_box{
margin:5px 0;
padding:0;
}
#vesti_top3_box h1{
font-size:12px;
font-weight:bold;
background:#f1f1f1;
color: #333333;
border-bottom:none;
padding:3px;
margin:0;
}
#vesti_top3_box p{
font-size:12px;
font-weight:normal;
color: #333333;
background-color:#f1f1f1;
padding:10px 3px 10px 3px;
margin:0;
}
#vesti_top3_box a{
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #333333;
background-color:#f1f1f1;
padding-left:3px;
margin:0;
}
#vesti_top3_box a:hover{
color: #ff0000;
}
/***********************/

/* content_srednji vesti_video */
#vesti_video{
width:305px;
height:394px;
float:right;
background:#333333 url(/images/hausbau/index/bg_video.png);
}
#vesti_video h1{
font-size:14px;
font-weight:bold;
color: #f1f1f1;
padding:10px 0 10px 20px;
margin:15px;
}
#vesti_video_box{
margin:0;
padding:0;
}
#vesti_video_box img{
margin:0;
padding:0 0 0 30px;
}
#vesti_video_box h1{
font-size:12px;
font-weight:bold;
font-style:regular;
color: #f1f1f1;
padding:3px 3px 3px 20px;
margin-top:0;
}
#vesti_video_box p{
font-size:12px;
font-style:regular;
font-weight:normal;
color: #f1f1f1;
padding:5px 20px 0px 20px;
margin:0;
}
#vesti_video_box a{
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #333333;
padding:3px;
margin:0;
}
#vesti_video_box a:hover{
color: #333333;
}
/***********************/


/*content_srednji  products */
#products{
margin:10px 0;
height:400px;
border:1px solid #cccccc;
padding:3px;
}
#products h1{
font-size:14px;
font-weight:bold;
background:#ffffff;
border-bottom:2px solid #ff0000;
color: #ff0000;
padding:3px 3px 6px 3px;
margin:0;
}
#products_content{
width:309px;
float:left;
margin:0;
padding:0;
}
#products_content_box{
margin:0;
padding:0;
}
#products_content_box img{
margin:6px 0;
padding:3px;
border:solid 1px #f1f1f1;
}
#products_content_box img.str{
margin:0;
padding:0;
}
#products_content_box h1{
font-size:12px;
font-weight:bold;
background:#e6e6e6;
color: #333333;
padding:3px;
margin:8px 0;
}
#products_content_box h2{
font-size:14px;
font-weight:bold;
background:#f1f1f1;
width:94%;
border-bottom:none;
color: #333333;
padding:3px 3px 6px 3px;
margin:0;
}

#products_content_box p{
width:94%;
font-size:12px;
font-weight:normal;
color: #333333;
background-color:#f1f1f1;
padding:10px 3px 10px 3px;
margin:0;
}
#products_content_box a{
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #333333;
background-color:#f1f1f1;
padding-left:3px;
margin:0;
}
#products_content_box a:hover{
color:#ff0000;
}
/***********************/
#grid {
margin-top: 10px;
clear:both;
text-align:center;
}
#grid img {
cursor:pointer;
vertical-align:middle;
}
#grid .broj {
text-align:center;
width:20px;
}

/*content_srednji  reviews */
#reviews{
margin:10px 0;
border:1px solid #cccccc;
padding:3px;
height:290px;
}
#reviews h1{
font-size:14px;
font-weight:bold;
background:#ffffff;
border-bottom:2px solid #ff0000;
color: #ff0000;
padding:3px 3px 6px 3px;
margin:0;
}
#reviews h2{
font-size:14px;
font-weight:bold;
background:#f1f1f1;
border-bottom:none;
color: #333333;
padding:3px 3px 6px 3px;
margin:0;
}
#reviews_content{
width:180px;
float:left;
margin-top:6px;
margin-left:8px;
margin-right:12px;

}
#reviews_content_box{
margin:5px 0;
padding:5px;
border:1px solid #f1f1f1;
min-height:200px;
}
#reviews_content_box img{
margin:0;
padding:0;
}
#reviews_content_box h1{
font-size:12px;
font-weight:bold;
background:#e6e6e6;
color: #333333;
padding:3px;
margin:8px 0;
}
#reviews_content_box p{
font-size:12px;
font-weight:normal;
color: #333333;
background-color:#f1f1f1;
padding:10px 3px 10px 3px;
margin:0;
}
#reviews_content_box a{
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #333333;
padding:3px;
margin:0;
}
#reviews_content_box a:hover{
color:#ff0000;
}
/***********************/


/* content strana_deo, stranice koje sadrze samo deo vesti*/
#strana_deo{
margin:0 0 2px 0;
border:1px solid #cccccc;
padding:3px;

}
#strana_deo.big{
margin:0 0 2px 0;
padding:0px;
border:none;
height:auto;
}
#strana_deo_h1{
margin:0 0 2px 0;
border:1px solid #cccccc;
padding:3px;
height:30px;
}
#strana_deo_autor{
margin:0 0 2px 0;
background:#f1f1f1;
padding:3px;
height:20px;
}

#strana_deo_h1 h1{
font-size:14px;
font-weight:bold;
background:#ffffff;
border-bottom:2px solid #ff0000;
color: #ff0000;
padding:3px 3px 6px 3px;
margin:0;
}

#strana_deo_autor h1{
font-size:12px;
font-weight:regular;
background:#f1f1f1;
border-bottom:none;
color: #333333;
padding:3px;
margin:0;

}

#strana_deo h1{
font-size:14px;
font-weight:bold;
background:#ffffff;
border-bottom:2px solid #ff0000;
color: #ff0000;
padding:3px 3px 6px 3px;
margin:0;
}

#strana_deo_content{
float:left;
margin-top:6px;
margin-left:2px;

}
#strana_deo_content_box1{
width:605px;
margin:5px 0;
padding:5px;
border:1px solid #f1f1f1;
}
#strana_deo_content_box1 img{
margin:0 0 0 2px;
padding:0;
}
#strana_deo_content_box2{
width:240px;
margin:5px 0;
padding:5px;
border:1px solid #f1f1f1;
}
#strana_deo_content_box2 img{
margin:0;
padding:0;
}
#strana_deo_content_box1 h2{
font-size:12px;
font-weight:bold;
background:#f1f1f1;
color: #333333;
padding:0 3px;
margin:8px 0;
}
#strana_deo_content_box2 h2{
font-size:10px;
font-weight:regular;
background:#f1f1f1;
color: #333333;
padding:3px;
margin:8px 0;
}
#strana_deo_content_box1 p{
font-size:12px;
font-weight:normal;
color: #333333;
background-color:#f1f1f1;
padding:10px 3px 10px 3px;
margin:0;
}
#strana_deo_content_box1 a{
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #333333;
padding:3px;
margin:0;
}
#strana_deo_content_box1 a:hover{
color:#ff0000;
}

#strana_deo_content_box3{
width:580px;
margin:5px 0;
padding:5px;
border:1px solid #f1f1f1;
}
#strana_deo_content_box3 p{
font-size:12px;
font-weight:normal;
color: #333333;
background-color:#f1f1f1;
padding:10px 3px 10px 3px;
margin:0;
}
/***********************/


/* content strana_cela, stranice koje sadrze celu vest*/
#strana_cela{
margin:0;
padding:0;
}
#strana_cela h1{
height:60px;
font-size:20px;
font-weight:bold;
background:#ffffff;
border:1px solid #333333;
color: #333333;
margin:0;
padding:20px 3px 3px 10px;
}
#strana_cela h2{
font-size:14px;
font-weight:normal;
background:#f1f1f1;
border:1px solid #333333;
color: #333333;
padding:3px 3px 3px 10px;
margin:5px 0;
}
#strana_cela_box{
clear:both;
height:300px;
background:url(/images/hausbau/index/box_video.gif) repeat;
color: #333333;
padding:0;
}
#strana_cela_box h1{
color:#ffffff;
font-size:12px;
}
#strana_cela_box img.slika{
padding:8px;
margin:20px 0 0 5px;
border:3px solid #333333;
background-color:#f1f1f1;
}
#strana_cela_box img.video{
margin:0;
padding:20px 7px;
border:none;
}
#strana_cela p{
font-size:12px;
font-weight:normal;
color: #333333;
padding:5px;

}
/***********************/


/*content_srednji  proizvodi */
#proizvodi{
margin:10px 0;

}
#proizvodi h1{
font-size:14px;
font-weight:bold;
background:#00cccc;
color: #333333;
padding:3px;
}
#proizvodi_content{
width:312px;
float:left;
margin:0;
padding:0 0 5px 0;
}
#proizvodi_content_box{
clear:both;
margin:0;
padding:3px;

}
#proizvodi_content_box img{
width:140px;
margin:0;
padding:3px;
float:left;
border:1px solid #333333;

}
#proizvodi_content_box h1{
width:290px;
font-size:12px;
font-weight:bold;
background:#ffffff;
border:1px solid #333333;
color: #333333;
padding:3px;
margin:8px 0;
float:left;
}
#proizvodi_content_box p{
width:140px;;
font-size:12px;
font-weight:normal;
color: #333333;
background-color:#e6e6e6;
background:  url(/images/hausbau/index/box_video.gif) repeat-x;
padding:10px 3px 10px 3px;
margin:0 0 0 5px;;
float:left;
}
#proizvodi_content_box a{
width:293px;
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #333333;
padding:3px;
margin:10px 0;
background:  url(/images/hausbau/index/box_video.gif) repeat-x;
background-position:bottom;
float:left;
}
#proizvodi_content_box a:hover{
color:#00cccc;
}
/***********************/


/*content_srednji  galerija */
#galerija{
margin-left:5px;
width:620px;
}


/************************************************************************/
/* content desni ********************************************************/
#content_desni{
margin-top:0;
width:150px;
float:right;
border:1px solid #cccccc;
background:#cccccc;
}
#content_desni_box{
clear:both;
width:136px;
padding-left:8px;
}
#content_desni_box h1{
color:#333333;
font-size:11px;
font-weight:normal;
width:130px;
margin:10px 5px;
}
#content_desni_box input{
width:130px;
height:16px;
border:1px solid #333333;
color:#333333;
}
#banner_reklamni{
margin:10px 0 10px -3px;
background-color:#cccccc;
}
#banner_proizvodi{
margin:10px 0;
background-color:#ed1e25;
width:132px;
}
#banner_proizvodi h1{
width:119px;
padding:5px;
margin:0;
color:#ffffff;
font-size:13px;
font-weight:bold;
}
#banner_proizvodi select{
margin:0 2px;
padding: 0 2px;
width:128px;
border:1px solid #ffffff;
color:#666666;
font-size:10px;
}

/* BG */
#bg_fix{
clear:both;
margin:0 auto;
width:1000px;
}
#bg_fix_vesti{
clear:both;
margin:0 auto;
width:200px;
background: #ffffff;
}
/* FOOTER *******************************************************************************/
#footer{
margin:0 auto;
width:1000px;
height:60px;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
background-color:#333333;
}
#footer ul{
margin:2px 0 0 2px;
padding:0;
}
#footer li{
display:inline;
padding:2px;

}
#copyright {
float:right;
padding:10px;
}
#footer a{
color:#FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
padding:3px;
}
#footer a:hover{
color:#CCCCCC;
}
/****************************************************************************************/
.flashclass{ /*sample CSS class added to image slideshow container*/
width: 594px; /*a width should be defined for transition to work*/
border: none;
padding: 0;
}

.flashclass img{
border-width: 0;
}
/***********************************************
* Random Transitions Slideshow- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
***********************************************/

#okvir_proizvodi {
float:left;
margin:10px 10px 10px 12px;
width:78px;
height: 130px;
}
#proizvodi_slicice {
border:1px solid #ED1E25;
margin:0 5px 5px 0;
padding:0;
width:71px;
}
#proizvodi_slicice.link {
border:medium none;
}
#proizvodi_slicice a {
border:medium none;
color:#000000;
font-size:11px;
padding:3px;
text-decoration:none;
}
#proizvodi_slicice a:hover {
color:#ED1E25;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
    border: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*content_srednji  newsletterr */
#newsletterr{
	float: left;
	width: 350px;
	padding: 10px;
}
#newsletterr .news{
	margin: 5px;
	float: left;
}
#newsletterr label{
	float: left;
	width: 120px;
	text-align: right;
	font-size: 15px;
}
#newsletterr input{
	float: left;
	width: 185px;
	text-align: left;
	margin-left: 5px;
    border:1px solid #cccccc;
}
#newsletterr img{
	float: right;
	margin: 3px 0 0 5px; 
}
/***********************/