/* the default styles for the document */
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
		/*background-color: #004e97; */ /*plavo*/
        background-color: #FFFFCC; /*žuckasto slabo*/
		 background-color: #f5f5f5;" /*sivo slabo*/
     /*   margin: 0px 20px 10px 20px;*/
	margin: 0;
	padding: 0;
	/*border: 3px solid red;*/
}

/* the styles for the page */
#page {
    width: 960px;
       /* background: url(images/mura3.jpg) repeat center bottom; */
	background-color: white;
     /*   background-image: url(IM60VODA.jpg);*/
	/* margin: 0 auto; top 0 bottom 0 auto lievo desno  */
	margin: .5em auto 0 auto; /*top 0.5, desno auto, bottom 0, lijevo auto*/ 
		/*margin: 0;*/
/*	margin-right: 50px;
	padding: 5px 5px;*/
	border: 1px solid black;
}

/* the styles for the header */
#header {
   /* background: url(images/mura3.jpg) repeat center bottom;*/
  /* margin-bottom: 1em;*/
 /*   background-image: url("images/IM60VODA.jpg");
    background-image: url('IM60VODA.jpg');
    background-repeat: repeat;*/
}
#company_logo{
   margin-right: 5px;
   float: left;
   height: 76px;
   width: 90px; 
}
#IntegriraniSustav{
   margin-right: 5px;
   float: left;
   height: 540px;
   width: 960px; 
}
#company_name {
	font-size: 145%;
	font-weight: bold;
	color: #CC0000;
	/*background-color: #004e97;
        background-color: #FFFFCC;*/
         background-color: silver;
	text-align: center;
	margin: 0;
   /*     margin-right: 6em;*/

	padding: 4px;
}
#zastave{
     float: right;
     }
#tag_line {
  font-family: "Lucida Handwriting", cursive;
  /*font-family: "URW Bookman L", cursive;*/
  /*  font-family: "URW Chancery L", cursive;*/
    font-style: italic;
    font-size: 130%;
  /*  font-weight: bold;*/
   /* color: #004e97;*/
    color: #CC0000;
    text-align: center; 
    margin: 0;
    padding-top: 6px;
}

#navigation1 {
	font-size: 105%;
	font-weight: bold_;
	border-top: 2px solid blue;
	border-bottom: 2px solid blue;
	padding: 6px 10px 9px;
    margin: 1em 0;
	clear: left;
}
#navigation1_ a:hover{color: red;}

#navigation2 {
	font-size: 125%;
	font-weight: bold;
    background-color: silver;
	/*background-color: #ECD672;  zlatna*/
	padding: 10px 0;
}

#navigation2 a {
    border-right: 2px solid white;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
}
#navigation2 a.active { color: red; }
#navigation2 a:hover{color: red;}
.active_ { color: red; }


.center { text-align: center; }
#content {
    width: 760px;
    margin: 10px auto;
 /*   padding: 5px 10px; org */
	  padding: 5px 5px 5px 5px;
    background: #FFFFFF;  
	background: #f5f5f5; 
	background: #d8d9ce;
/*    background: #C8B560;  zlatna*/
  /*  border: 1px solid #000000; */
}
.carousel {
 /*   border: 1px solid black; */
  /*  background-color: lightGrey; */
   background-color: #f5f5f5; /*sivo slabo*/
   background-color: #f2f2f0;
}

.carousel img {
    border: none;
}

.instructions {
    list-style: none;
    color: blue;
    font-size: 75%;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    
}
#opis {
	 color: maroon; 	/* color: black; */
}
#opis h3{
	font-style: italic;
        color: navy;
}
/* the styles for the footer */
#footer {
	clear: both;
	margin-top: 12px;
    border-top: 1px solid gray;
}
#footer p {
	font-size: 95%;
	text-align: center;
    margin: 0;
	padding: .5em;
}

#navigation1 a:hover {color: red;}
table {

}
h1 {
	color: #ECD672;
}
h2 {
	color: maroon;
}
li {   
   
    text-align: left;
}