/* GENERAL STYLES */
/* GENERAL STYLES */
/* CSS Document @ MPG */

*{
margin:0;
padding:0;
}

html{ overflow:hidden; } /* get rid of the IE scrollbars */

body{
background:#ededed;
}

a:focus{ outline:none; }




#container{
margin:0 auto;
width:960px;
height:580px;
}

#header{
position:relative;
height:120px;
background:url('img/header.jpg') no-repeat 0 0;
}

#bgArea{
height:480px;
padding-left:75px;
background:url('img/content.png') no-repeat 0 0;
position:relative;
}

#nav{
}

#title{
width:828px;
height:56px;
border-bottom:1px solid #fff;
}

#content, #contentSub{
float:left;
padding:10px;
border-right:1px solid #fff;
}

#content{ width:460px; padding-bottom:85px; height:200px; overflow:auto; text-align:justify;}

#contentSub{ width:326px; } /* height:345px pocetna stranica */

#footer{
position:relative;
clear:both;
height:20px;
margin-left:-75px;
font:9px Verdana, Arial, Helvetica, sans-serif;
}

#footer p{
position:absolute;
top:0;
left:570px;
line-height:20px;
font-size:9px;
color:#2A3F7E;
}

#footer a{
line-height:20px;
text-decoration:none;
margin:0 5px;
font-size:8px;
color:#2A3F7E;
}

#footer a:hover{
color:#fff;
}

#contentArea{
/*
overflow:auto;
*/
float:left;
width:848px;
height:422px;
}

#contentArea ul{
padding-left:25px;
padding-bottom:10px;
}

#contentArea ul li{
padding:3px 5px 3px 0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#646464;
}

ul#imagegallery{
list-style:none;
margin:0;
padding:0;
}

ul#imagegallery li{
margin:0;
padding:0;
display:inline;
}

ul#imagegallery li a img{
border:0;
padding:1px 2px;
}

ul.news{
list-style:none;
margin-top:150px;
padding-right:35px;
background:url('img/ul.news.gif') no-repeat 100% 0;
}
ul.news li{
text-align:right;
margin:4px 0;
}
ul.news li a{
text-decoration:none;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#646464;
padding-right:15px;
margin:0;
line-height:10px;
background:url('img/news_bullet.gif') no-repeat 100% 50%;
}
ul.news li a:hover{ text-decoration:underline; }

ul.newsSub{ list-style:none; padding:0; }
ul.newsSub li{ text-align:right; margin:0; background:red; height:30px; }
ul.newsSub a{
text-decoration:none;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#646464;
line-height:30px;
padding:10px 0;
padding-right:36px;
}
ul.newsSub li.studenti{ background:url('img/studenti.png') no-repeat 100% 50%; }
ul.newsSub li.zivotopisi{ background:url('img/zivotopisi.png') no-repeat 100% 50%; }
ul.newsSub li a:hover{ text-decoration:underline; }

#flashKruzici{
display:block;
width:245px;
height:185px;
position:absolute;
top:-25px;
right:-20px;
}


.homeLink{
position:absolute;
top:35px;
left:75px;
width:160px;
height:80px;   
}

.link{
color:#2A3F7E;
text-decoration:underline;   
}
.link:hover{
text-decoration:none;    
}

.linkVani{
color:#000;
text-decoration:underline;   
}
.linkVani:hover{
text-decoration:none;    
}


#footerText{
    width:500px;
    height:65px;
    display:block;
    position:absolute;
    bottom:0px;
    left:0;
}


.crta{
position:absolute;
left:0;
top:11px; /* stavis onolko kolko treba bit odmaknuto od gornjeg ruba */
height:22px;
width:59px;
border-right:1px solid #fff;
display:block;
cursor:pointer;
}


.onama{background:url('img/footerText/onama.gif') no-repeat 0 0;}
.promocije{background:url('img/footerText/promocije.gif') no-repeat 0 0;}
.events{background:url('img/footerText/events.gif') no-repeat 0 0;}
.ostalo{background:url('img/footerText/ostalo.gif') no-repeat 0 0;}
.merchandising{background:url('img/footerText/mercandising.gif') no-repeat 0 100%;}
.studies{background:url('img/footerText/case_studies.gif') no-repeat 0 100%;}

/********************* F O R M A ******************************/
form#kontakt{
text-align:left;    
}

#kontakt fieldset{
width:420px;
display:block;
border:0;
}

#kontakt legend{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#2A3F7E;
padding:10px 0 10px 0;
}

#kontakt label{
width:140px;
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#646464;
display:block;
clear:left;
margin:2px 5px;
text-align:right;
padding:2px;
}

#kontakt input, #kontakt textarea, #kontakt select{
float:left;
width:240px;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:2px;
padding:2px;
overflow:auto;
color:#2A3F7E;
}

#kontakt select{width:100px;}


#kontakt .radio p{
width:auto;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
clear:both;
color:#2A3F7E;
}

#kontakt .radio label{
width:170px;
text-align:right;
line-height:15px;
}

#kontakt .radio input{
width:15px;
height:15px;
float:right;
}

#kontakt .checkbox p{
width:auto;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
clear:both;
color:#2A3F7E;
}

#kontakt .checkbox label{
width:170px;
text-align:right;
line-height:15px;
padding:10px 0 10px 0;
}

#kontakt .checkbox input{
width:15px;
height:15px;
float:right;
}

#kontakt fieldset p{
width:auto;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
clear:both;
color:#2A3F7E;
}

#kontakt .submit{
background:#fff;
width:75px;
padding:0;
border:1px solid #2a3f7e;
margin-left:160px;
margin-top:10px;
cursor: pointer;
}


form input, form textarea{
border:none;
border:1px solid #2a3f7e;
width:200px;
float:left;
margin:2px;
padding:2px;
font:11px Tahoma;
color:#000;
}

.radio{
border:none;    }

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

.newsletter{
position:absolute;
right:58px;
bottom:20px;
margin:0 -10px;
margin-top:0px;
padding:0;
padding-left:25px;
width:330px;
height:26px;
background:url('img/newsletter_arrow.gif') no-repeat 0 0;
}
.newsletter form{
background:url('img/newsletter_form.png') repeat-x 0 0;
}
.newsletter fieldset{
border:0;
}
.newsletter legend{
visibility:hidden;
display:none;
}
.newsletter label{
}
.newsletter input{
margin:0;
padding:5px !important;
padding:10px 0;
border:0;
width:150px;
line-height:30px;
font:10px Verdana, Arial, Helvetica, sans-serif;
background:transparent;
color:#2a407e;
}
.newsletter input.submit{
cursor:pointer; 
border-left:1px solid #fff; 
border:0;
width:auto; 
}

.arhiva a{
float:left;
color:#2A3F7E;
text-decoration:underline;      
}

.arhiva a:hover{
text-decoration:none;      

}



/* EDITOR PROPERTIES */
h2 {
padding:10px;
padding-top:28px;
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#646464;
color:#2A3F7E;

}

p {
margin-bottom:15px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#646464;

}



/* EDITOR PROPERTIES */
h2 {
padding:10px;
padding-top:28px;
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#646464;
color:#2A3F7E;

}

p {
margin-bottom:15px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#646464;

}