html, body{
  height: 100%;
}

body{
  background-color: white;
  text-align: center;
  font-family: Century Gothic, Verdana, arial;
  font-size: 13px;
  color: #55565a;
  margin: 0px;
}

img{
  border:none;
}

h1{
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  font-size: 24px;
}

h2{
  color: black;
  font-size: 20px;
  text-transform: uppercase;
}

h3{
  font-size: 14px;
}

.lightgrey{
  /*color: #888;   */
  color: #0066CC;
}

a.lightgrey:hover{
  color: black;
  background-color: white;
}

.darkgrey{
  color: #55565a;
}

h1 a, h3 a{
  color: black;
  text-decoration: none;
}

h1 a:hover, h3 a:hover{
  color: white;
  background-color: black;
}

a{
  color: black;
}

a:hover{
  color: white;
  background-color: black;
}

#container{
  margin: 0px auto;
  width: 910px;
  text-align: justify;
  margin-top: 10px;
  height: 100%;
  background-color: black;
}

#head1{
  height: 130px;
  background-color: white;
}

#searchtop{
  float: right;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

#searchtop form{
  padding: 0px;
  margin: 0px;
}

#searchtop .sinput{
  border: none;
  padding-left: 20px;
  background-image: url(../img/lupa.jpg);
  background-repeat: no-repeat;
  background-position: 0px 50%;
  color: #dbdbdb;
  width: 150px;
  margin-top: 3px;
}

#searchtop .sinput:focus{
  color: black;
}

.socialicons{
  float: right;
  margin-right: 40px;
}

.socialicons a{
  background-color: transparent;
}

.socialicons img{
  margin-right: 8px;
  opacity: 0.6;
  transition-property: all;
  transition-duration: 350ms;
  transition-timing-function: ease-in-out;
}

.socialicons img:hover{
  opacity: 1;
}

#menutop{
float: right;
clear: right;
margin-top: 50px;
width: 675px;
}

#menutop ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: right;
}

#menutop li{
  float: left;
  padding: 0px 15px;
  font-size: 16px;
  text-transform: uppercase;
}

#menutop li a{
  text-decoration: none;
  color: black;
  font-weight: bold;
  display:block;
}

#menutop li a:hover{
  color: white;
  background-color: black;
}



#menutop ul.submenu {
    position:absolute;
    list-style:none;
    background-color:#FFF;
    display: none;
    border: 1px solid #E0E0E0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    padding: 0px;
    z-index: 10;
    }

#menutop ul.submenu li {float:none; display: block; margin: 0px; padding: 0px; background-image:none; width: 150px; text-transform: none; text-align: left;}
#menutop ul.submenu li a{display: block; font-size: 12px; padding: 6px 5px; color: #888;}
#menutop ul.submenu li a:hover{
 color: #888;
}
#container2{
  padding-left: 31px;
  background-color: white;
  padding-bottom: 80px;
}

#head2{
  border-bottom: 8px solid black;
  margin-bottom: 15px;
}

p{
text-align: justify;
}

.news{
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}

.news img{
border-bottom: 5px solid black;
margin-bottom: 10px;
}

#news{
  float: right;
  width: 175px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  font-size: 12px;
}

#foot{
  background-color: #000;
  color: white;
  padding: 20px 20px 20px 10px;
}

#foot a{
color: white;
text-decoration: none;
}

#foot a:hover{
text-decoration: underline;
}

#foot h3{
  display: block;
  border-bottom: 3px solid white;
  font-size: 20px;
  color: white;
}

#foot h3 a:hover{
  text-decoration: none;
  color: #ccc;
}

.divdownloads{
  border-top: 5px solid black;
  border-bottom: 5px solid black;
}


ul.membersul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
}

ul.membersul li{
  float: left;
  border-bottom: 3px solid black;
  margin: 0px 20px 40px 0px;
  font-size: 12px;
}

ul.membersul li a{
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-align:left;
  display:block;
  width: 190px;
  height: 78px;
}

ul.membersul li a:hover{
  color: white;
  background-color: black;
}

ul.membersul a div.mesinfo{
  position: absolute;
  margin-top: 60px;
  color: grey;
}


table.tformulari td{
  font-size: 12px;
}


.tuinput{
  border: 1px solid #55565A;
  width: 200px;
}

.inputerror{
  border-color: red;
}

/*###############################################
 slider
 #################################################*/
 /* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:879px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:24px;
		height:25px;
		position:absolute;
		left:34px;
		top:140px;
		}	
	#nextBtn{ 
		left:800px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../img/right.png) no-repeat 0 0;	
		}
	  /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* // Easy Slider */
 
  /*###############################################
 slider
 #################################################*/