/* create homepage http://www.w3schools.com/css/tryit.asp?filename=trycss_float6 */


/*

* {
margin:0px; 
padding:0px;
}

*/



div#container
{
width:72em;
margin-left: auto;
margin-right: auto;
margin-top: .5em;
margin-bottom: 20em;
padding:.5em;
border-top-right-radius: 2em 1.7em;
border-bottom-left-radius: 2em 1.7em;
font-family:Arial,Helvetica,sans-serif;
}


div#header
{
padding:0.5em;
margin-left: 9em;
margin-right: 9em;
color:white;
text-align:center;
background-color:#808080;
clear:left;
border-top-right-radius: 2em 1.7em;
border-bottom-left-radius: 2em 1.7em;
}


div.float_r
{
float:right;
clear:both;
}




div.constellation
{
margin-left: 9em;
text-align:center;
padding: 0.5em;
border-top-left-radius: 2em;
}




div#left
{
float:left;
width:10em;
position:fixed;
font-size:90%;
/* margin-top:1em; */
/* border:1px solid gray; */
}




/* lijevi meniji */

div.konstelacija
{
width:9em;
border:1px solid gray;
margin-bottom:0.5em;
}

div.osnovni
{
width:9em;
 border:1px solid gray;  
margin-bottom:0.5em;
}


div.osnovniz
{
width:9em;
 border:1px solid gray;
margin-bottom:0.5em;
/* height: 25em;  */
overflow:auto;
}




div.novi
{
width:9em;
border:1px solid gray; 
margin-bottom:0.5em;
}


div#content /* glavni sadrzaj */
{
margin-left: 9em;
margin-right: 9em;
padding:.3em;
border:1px solid gray;
border-bottom-left-radius: 2em 1.7em;
background-color: rgb(250, 250, 250);
}


div#content1 /* impressum */
{
 margin-left: 15em;  /* idealno 10em */
margin-right: 15em;  /* idealno 10em */
/* padding-top: 0.1em;
 pading-bottom: 0.1em; */
/* border-top:1px solid gray;
border-right:1px solid gray;
border-left:1px solid gray;
border-top-right-radius: 2em 1.7em; */
font-size:90%; font-weight:600;
/* background-color: rgb(230, 230, 230); */
}


div.h_razmak{
padding-left: 4.5em; 
padding-right: 4.5em;
}


div#right
{
/* float:right; */
margin-left:71em;
width:0em;
position:fixed;
font-size:90%;
/*  border:1px solid gray; */
}


div#footer
{
padding:0.5em 0.5em 0.5em 1em;
color:white;
background-color:gray;
margin-left: 9em;
margin-right: 9em;
margin-top: 1em;
margin-bottom: 1em;
border-top-right-radius: 2em 1.7em;
border-bottom-left-radius: 2em 1.7em;
clear:left;
}



ul.lijevo
{
list-style-type:none;
margin:0;
padding:0;
}
ul.lijevo a:link, ul.lijevo a:visited
{
display:block;
background-color:rgb(240,240,240);
padding:0.25em;
color:#202020 ;
font-size:90%;
text-decoration:none;
}
ul.lijevo a:hover, ul.lijevo a:active
{
background-color:#B0B0B0 ;
}




ul.meni  /* za impresum */
{
width:100%;
padding:.5em;
margin:0em;
list-style-type:none;
}
ul.meni a
{
width:6em;
text-decoration:none;
color:white;
background-color:grey;
padding:0.2em 0.6em;
border-top-left-radius:0.3em;
border-top-right-radius:0.3em;
}
ul.meni a:hover {background-color:silver;}
ul.meni li {display:inline;}





div.clanci
{
padding:0.2em;
}

h3.clanci {background:#D7D7D7; color:#535353; padding:0.3em;
padding-left:1em; font-weight:600;  
margin: .5em 0.5em 1em .5em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;

 box-shadow: 0.3em 0.3em 0.1em #888888;}



div.clanak
{ 
background-color: rgb(240, 240, 240);
padding:.5em; padding-bottom:1.5em; margin:0.5em 0.5em 0.5em 0.5em; border: 0 solid gray;
border-top-right-radius: 2em 1.7em;
border-top-left-radius: 2em 1.7em;
border-bottom-left-radius: 2em 1.7em;
border-bottom-right-radius: 2em 1.7em;
/* border:1px solid gray; */
}


h4.clanak {background:#D7D7D7; color:#535353;  padding:0.3em; padding-left:1em; font-weight:600; margin-top:0.3em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;}



div.vijesti
{
padding:0.2em; margin-bottom:1em;
padding-bottom:1em; 
}




h3.vijesti {background:#D7D7D7; color:#3366FF; padding:0.3em;
padding-left:1em; font-weight:600;  
margin: .5em 0.5em 1em .5em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
 box-shadow: 0.3em 0.3em 0.1em #888888;}


h4.vijest {background:#D7D7D7; color:#3366FF; padding:0.3em; padding-left:1em; margin-bottom:.5em; font-weight:600; margin-top:0.3em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}

/* za link na englesku verziju u headeru u tekstu */
a.cont:link {color:white;}    /* unvisited link */
a.cont:visited {color:white;} /* visited link */
a.cont:hover {color:#00FF00;}   /* mouse over link */
a.cont:active {color:white;}  /* selected link */

 p.pos_relative {font-size:80%; 
 position:relative; top:1em; right:1em;}

 p.pos_fixed {font-size:80%; 
 position:fixed; top:1em; right:1em;}


@font-face{font-family: Glagolica Missal DPG;
src:url(font/Glagolica_Missal_DPG.ttf);}
@font-face{font-family: Krcka notarska skola;
src:url(font/Krcka_notarska_skola.ttf);}
.gl{font-family: Glagolica Missal DPG;}
.glv{font-family: Glagolica Missal DPG; font-size:140%;}
.kurziv{font-family: Krcka notarska skola;}
.glinitial {font-family: Glagolica Missal DPG; color: rgb(255, 0, 0);
float:left; padding-right:0.3em; font-size: 300%; line-height:80%; }


.center
{
margin:auto;
width:70%;
background-color:#b0e0e6;
}