@import url(layout.css);
body {
	color: #000;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif,Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	/*background-color:#F8F8F8 ;*/
	background-color:white;
}
#navigation {
	
	margin:0 auto;
	text-align:center;
	width: 100%;
	height:29px;
	background-image:url('../images/navbackground2.png');

	/*background-color: #446699;*/
	overflow: hidden;
}

#container {
	position:relative;
	width:960px;
	height:10px;
	
	margin: 0;
	background-color:transparent;

	margin: 0 auto;
}
	
#animacija{

position:absolute;	
top:10px;
margin:0 auto;

	
}
/*#animacija object{
background-color:white;

}*/
#silverlight{
/* ovo je dodato da prekrije staticku sliku*/
position:absolute;
top:0px;
left:0px;
background-image:url('../images/kocka4.png');
background-position:center;
background-repeat:no-repeat;
/*background-color:white;*/
border-color:#DBDBDB;
border-style:solid;
border-width:1px;
box-shadow:3px 3px 3px #CCCCCC ;

}
/*KOCKE*/

#kontejnerkocki{
 position:relative;
 border:1px black none;
 width:950px;
 top:570px;
 height:240px;			
}

#kockeonama{
position:absolute;
 top:5px;
 left:10px;
 width:280px;
 height:215px;
 border:1px gray solid;
 background-color:#D8FFBB;
 border-radius:5%;

 
}

#kockeing{
 position:absolute;
 background-color:#9BEBFF;
 width:280px;
 top:5px;
 left:335px;
 height:215px;
 border:1px gray solid;
 border-radius:5%;
}
#kockeict{
 position:absolute;
 background-color:#FBCFA4;
 width:280px;
 top:5px;
 left:665px;
 height:215px;
 border:1px gray solid	;
 border-radius:5%;	
}

.naslov{
font-size: 18px;
font-weight: lighter;
margin-left:5px;
margin-top:7px;
height: 32px;
width:280px;		
}

.opis{
height:168px;
width:270px;
/*color:gray;*/
margin-left:5px;
border-top-color:gray;
border-top-width:1px;
border-style:solid none none none;	
}

/*.opisonama{
background-color:#D8FFBB;	
}
.opising{
background-color:#9BEBFF;
}
.opisict{
background-color:#FBCFA4;
		
}	
*/
	
 	





.footer {
	position:relative;
	margin:0 auto;
	text-align:center;
	text-align-last:center;
	width: 1000px;
	height:38px;
	top:550px;
	left:-17px;
	overflow:hidden;
	background-color:white;
	

/*	padding-bottom: 5px;*/
}
/* Styles for Masthead */
#masthead img {
	float: left;
	margin: 0;
	padding: 0;
}
#masthead p {
	font-size: x-small;
	text-align: right;
	color: #000;
	margin: 10px 10px 10px 0;
	padding: 0;
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	margin: 0px auto;
	width:800px;
	text-align:center;
	padding:0;
	
	
}
#navigation li {
	float:left;

}
#navigation a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px;
	padding-right:20px;
	padding-left:20px;
	border: 3px #446699;
/*background-color: #446699;*/background-image: url('../images/navbackground2.png');
}
#navigation a:hover {
	color: #FFFF00;
	font-weight: normal;
	text-decoration: none;
	
	/*border: 1px solid #ed9;
	background-color: #ed9;*/
	border:1px solid gray;
	/*background-color:#006600;*/
}
/* Styles for Content */
h1 {
	font-size: 2em;
	color: #393939;
}
h2 {
	font-size: 1.75em;
	color: #469;
}
h3 {
	font-size: 1.5em;
	color: #469;
}
h4 {
	font-size: 1.25em;
	color: #469;
}
h5 {
	font-size: 0.75em;
	color: #469;
}
h6 {
	font-size: 0.5em;
	color: #469;
}
/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #469;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}


#kockeonama:hover{
	box-shadow:10px 10px 5px #888;
	background-color:#C8F149;
	color:black;	
}
#kockeing:hover{
	box-shadow:10px 10px 5px #888;
	background-color:#499BFE;
	color:black;
		
}
#kockeict:hover{
	box-shadow:10px 10px 5px #888;	
	background-color:#FBD746;	
	color:black;
}


#kontejnerkocki a{
text-decoration:none;	
}

 #kockeonama .opis:hover{
	border-color:black;
}
 #kockeing .opis:hover{
	border-color:black;
}
 #kockeict .opis:hover{
	border-color:black;
}