/*****************************************************************************
 gridovi
******************************************************************************/








body { font:14px arial,helvetica,verdana,sans-serif; background: #ECEEFA; line-height: 1.3em; margin: 20px 0 0 0; text-align: justify;}

a { color: #196fb8; background: inherit; margin: 0 5px 0 0; text-decoration: none;}
a:hover { color: #ff0000; background: #fff; }

h1 { font-size:22px; text-align: justify; line-height: 1em; padding: 1em;color: #196fb8; }
h2 { font-size:18px; }
h3 { font-size:14px; }

ul {  padding: 0; margin-left: 5px; margin-right: 5px;}
p  {  padding: 0; margin-left: 5px; margin-right: 5px;}
li { list-style-type: none;}





/* --- Grid --- */

#grid {
  	width: 700px;
  	margin: auto;
  	border: 1px solid #ccc;
background: #fff;
}

.grid-m1 {
  	float: left;
  	width: 5px;
  	height: 1px;
}

#grid-uvod {
  	text-align: justify;
  	width: 660px;
	padding: 5px;
background: #fff;
margin-left: auto;
margin-right: auto;
}



#grid-navigacija {
  	
  	width: 660px;
	padding: 15px;
background: #fff;
margin: 5px;

}


#grid-navigacija a {
	text-align: justify;
	color: #196fb8;
  	background: #fff;
	margin: 5px;
	border: solid #ccc 1px;
	padding: 5px;
}


#grid-share {
  	text-align: left;
  	width: 660px;
	
	padding: 5px;
background: #fff;
margin: auto;
}

#share-ikonice {
  	text-align: center;
  	width:660px;
	
	padding: 1em;
background: #fff;
margin: auto;
}

#share-ikonice a {	
	padding: 1em;
}



#footer {
  	text-align: justify;
  	width: 680px;
	padding: 5px;
background: #fff;
margin: auto;
border-top: 1px solid #ccc;
}




IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; }