/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd,   form, label {margin:0;padding:0;border:0;}

caption {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

hr {color: #ccc; background-color: #ccc; border: 1px dotted #ccc; border-style: none none dotted; }
body
{
    background-position: 0 0;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
    background: #E9EBEA;
}

#wrapper
{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #808080 #808080 #FFFFFF #808080;
    position: relative;
    text-align: left;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}

#MasterPageContent
{
   
}

#header
{
    height: 319px;
    width: 960px;
    
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}

#linkovi
{
    height: 30px;
    position:absolute;
    margin-top:-85px; z-index:1010103;
     
}

#linkoviT1
{
    
    position:absolute;
    margin-top:-245px;z-index:1010102;
    margin-left:50px;
    *margin-left:-690px;
     
}
#WhiteSpace
{
    height: 90px;
    background-color: #ffffff;
    z-index:5000;
    *height: 100px;
}

#WhiteSpaceFooter
{
    height: 60px;
    background-color: #ffffff;
    z-index:5000;
    *height: 10px;
}


#main {
    position: relative;
    width: 100%;
    background-image: url('images/main-bg.gif');
    background-repeat: repeat-y;
    top: 0px;
    left: 0px;
}

#webForms
{
    width:425px;
    margin-left:50px;
}

	/* Footer styles */
#footer
{
    clear: both;
    width: 100%;
    background-color: #999999;
    height: 35px; 
}

#CataloguePagerPosition
{
    left: -60px;
    position: relative;
}

#PicturePagerPosition
{
    left: -60px;
    position: relative;
}

#footer1
{
    clear: both;
    width: 100%;
    background-color: #F9F9F9;
    text-align: right;
    height: 20px;
    border-bottom-style: solid;
    border-bottom-color: #808080;
    border-bottom-width: 2px; font-size:10px; padding-right:-5px;
}

#footer p
{
    padding: 10px;
    margin: 0;
    font-size: 14px;
    color: #FFFFFF; text-align:center;
}
	
	/* --> */

.RotorContent
{
    position: relative;
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: #000000;
}

#HomeContent
{
    margin: 0px 10px 10px 10px;
    float: left;
    width: 730px;
}
#homeR
{
    float: left;
    width: 200px;
    position: relative;
    left: 0px;
    top: 0px;
    background-color: #EAEAEA;
}
.HyperLinkPosaljiUpit
{
    position: relative;
    top: -330px;
    right: 0px;
    clear:both;
    float:right;
}

	/* Pages column styles */
	
/* column container */
#colmask
{
    background-position: #EAEAEA;
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background: #EAEAEA; /* Left column background colour */
    margin-top:-60px;
    margin-bottom:5px;
}

#colmid
{

    float: left;
    width: 194.2%; /* Sirina srednje i desne kolone (za 210px - 540 px - 210 px = 196 %  //  sa width: 239.6%; desna kolona = 0*/
    position: relative;
    left: 210px; /* Sirina lijeve kolone u px */
    background: #ffffff; /* Centre column background colour */
}
#colright
{

    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -400px;
    background: #EAEAEA; /* Right column background colour */
}
#col1wrap {
	float:right;
	width:50.0%;    /* Sirina sadrzaja unutar srednje kolone */
	position:relative; 
	top:0px;    /* Pomak gore - dolje sadrzaja unutar srednje kolone */
	right:100%;   /* Pomak lijevo - desno sadrzaja unutar srednje kolone */;
}
#col1pad 
{
	margin:0 15px 0 415px;
	overflow:hidden; 
}
#col1 
{
	width:100%;
	overflow:hidden;
	min-height:500px;
}
#col2 
{
	float:left;
	width:210px;   /* Sirina sadrzaja unutar lijeve kolone */
	position:relative;
	margin-left:-50%; 
	left:190px;    /* Pomak lijevo - desno sadrzaja unutar lijeve kolone */
	top:5px;    /* Pomak gore - dolje sadrzaja unutar lijeve kolone */
	overflow:hidden;
}
#col3 
{
	float:left;
	width:240px;    /* Sirina sadrzaja unutar desne kolone */
	position:relative; padding:5px;
	left:0px;    /* Pomak lijevo - desno sadrzaja unutar desne kolone */
	top:0px;    /* Pomak gore - dolje sadrzaja unutar desne kolone */

}



	/* HOME column styles */
	
/* column container */
#colmask_h
{
    background-position: #EAEAEA;
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background: #EAEAEA; /* Left column background colour */
    margin-top:-60px;
    *margin-top:-80px;
}

#colmid_h
{

    float: left;
    width: 238.1%; /* Sirina srednje i desne kolone (za 210px - 540 px - 210 px = 196 %  //  sa width: 239.6%; desna kolona = 0*/
    position: relative;
    left: 0px; /* Sirina lijeve kolone u px */
    background: #ffffff; /* Centre column background colour */
}
#colright_h
{

    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -400px;
    background: #EAEAEA; /* Right column background colour */
}
#col1wrap_h {
	float:right;
	width:50.0%;    /* Sirina sadrzaja unutar srednje kolone */
	position:relative;
	top:0px;    /* Pomak gore - dolje sadrzaja unutar srednje kolone */
	right:99.9%;   /* Pomak lijevo - desno sadrzaja unutar srednje kolone */;
}
#col1pad_h
{
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1_h
{
	width:100%;
	overflow:hidden;
	min-height:500px;
}
#col2_H
{
	float:left;
	width:230px;   /* Sirina sadrzaja unutar lijeve kolone */
	position:relative;
	margin-left:-48%; 
	left:180px;    /* Pomak lijevo - desno sadrzaja unutar lijeve kolone */
	top:5px;    /* Pomak gore - dolje sadrzaja unutar lijeve kolone */
	overflow:hidden;
}
#col3_h
{
	float:left;
	width:211px;    /* Sirina sadrzaja unutar desne kolone */
	position:relative; padding:5px;
	left:0px;    /* Pomak lijevo - desno sadrzaja unutar desne kolone */
	top:0px;    /* Pomak gore - dolje sadrzaja unutar desne kolone */

}
.linkImgBox img
{
    border:0px;
    }
.linkImgBox
{
 filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; border:0px;
	

}
.linkImgBox:hover
{
 filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}