html {
  font-family: 'Helvetica', 'Arial', 'Ubuntu', sans-serif;
  text-align: left;
  background: #FFF;
}

body {
    display: none;
}

a:link {
    color: #111111;
    text-decoration: none;
}

a:visited {
    color: #111111;
    text-decoration: none;
}

a:hover {
    color: #555555;
    text-decoration: underline;
}

#top_container {
    margin: 0 auto;
    height: 200px;
    width: 100%;
    display:table;
}

#logo_holder {
    height: 196px;
    width: 279px;
    margin-right: 21px;
    padding-top: 2px;
    padding-bottom: 2px;
    display:table-cell;
}

#menu_holder {    
    display:table-cell;    
    vertical-align: middle; 
    line-height:35px;
    padding-left:70px;
	text-align:right; 
}

@media screen and (max-width: 980px) {
#menu_holder { text-align: center; padding-left: 0; }
}


#menu_holder a
{
 
}
#menu_holder span
{
 
width:15px;
text-align:center;
}

.container {
    margin: 0 auto;    
    width: 1000px;
}

.image100
{
width:100%;
} 
 
#big_left_col {
    
    width: 47%;    
    float: left;
}

#big_right_col {
    width: 47%;
    float: right;
}



#big_single_col {
  
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
      
  float:left;
  width:100%;
}
.padd
{
padding:10px 10px 50px 10px;
}

hr {
    border: 0;
    height: 1px;
    width:100%;
    clear:both;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
    
    
}

#bottom_container {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    
}
#bottom_container .table
{
width:100%;
padding:0px;
margin:0px;
display:table;
}
.table_row
{
display:table-row;
}
#bottom_container .table .cell
{
display:table-cell;
vertical-align:middle;
}
.loginsignup
{
font-size:13px;
}


input[type=text],input[type=password], select,  .dugme, textarea {
	
	border: 1px solid #E1E1E1;
	
	padding:4px 2px;
  
}
input:hover, select:hover {
	background: #f9f9f9;
}

input[type="checkbox"] {
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: center;
    position: relative;
    top: 1px;
    *overflow: hidden;
    margin-right:3px;
}
input[type=text], input[type=password] {
	width:200px;
  padding-left:3px;
  padding-right:3px;
}
input[type=text]:focus {
	background: #E0EEF7;
}

#loginform
{
margin:0 auto;color:black;

}
 
.radius_logovanje {
float:left;	
	border: 1px solid #CFCFCF;
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin: 0 auto;
	width: 100%;
 
	box-shadow:   inset 0 0 3px #fff;
	/*background: url(../images/back_logovanje.jpg) repeat-y top left;
*/
	
	padding: 10px;
	
}

.radius_logovanje span {
	display: block;
	padding-left: 3px;
	margin-top: 14px;
}
.radius_logovanje strong {
	font-weight: normal;
	position: relative;
	top: 7px;
	left: 2px;
}
.logovanje_padding {
	padding: 5px 30px 20px 23px;
}
.login_naslov {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 10px 1px;
	display: inline;
}
.input_login, .input_login input {
	padding: 3px;
	width: 100%;
}
 
.dugme2 {
	
  height:auto;
	cursor: pointer;
  
color:white;font-weight:bold;
padding:5px 20px 5px 20px;
text-decoration:none;
	
  background:  #444;
  border:0px;
  cursor:pointer;
}
.dugme2:hover {
 
 background:  #555;
 color:white;
}
.radius_red {
	
	position: relative;
	background: #FBDDDC;
 
	margin-bottom: 15px;
  }
  .radius_uspesno {
	
	position: relative;
	background: #DBF4C0;
	 
	margin-bottom: 15px;
}
  .radius_red div, .radius_uspesno div
  {
  padding:10px;
  }
  .lista
  {
  width:100%;
  padding:0px;
  margin:0px;
  list-style:none;
  }
  .lista li
  {
  width:100%;
  background:#f1f1f1;
  margin-bottom:2px;
  }
 .lista li a
  {
  display:block;
  padding:4px 4px 4px 10px;
  
  } 
  .lista li a:hover
  {
  background:#444;
  text-decoration:none;
  color:white;
  }
  

.formis
{
width:100%;margin:0 auto;
}
.formis .input_login, .formis .input_login input
{
width:100%;
}
.formis .input_login1
{
width:50%;
float:left;
}
.formis .input_login2
{
width:50%;
float:right;
}
.formis .input_login1 input
{
width:99%;
float:left;
}
.formis .input_login2 input
{
width:99%;
float:right;
}


.formis .input_login11
{
width:33%;
float:left;
}
.formis .input_login22
{
width:33%;
float:left;
text-align:center;

}
.formis .input_login33
{
width:33%;
float:right;
}
.formis .input_login11 input, .formis .input_login22 select, .formis .input_login33 select
{
width:99%;
}

.formis .input_login22 select
{
width:96%;
float:right;
}
  
  
  @media only screen and (max-width:999px) {
  .container
  {
  width:100%;
  }

.home-link { display: none; }

  #logo_holder {
    height: auto;
    width: 200px;
    margin-right: 21px;
    padding-top: 2px;
    padding-bottom: 2px;
    display:table-cell;
}

#menu_holder {    
    display:table-cell;    
    vertical-align: middle; 
    line-height:35px;
    padding-left:0px;
}
  #logo_holder img
{
width:100%;
}
#top_container {
    
    height: 150px;
    
}

  }
  @media only screen and (max-width:600px) {
  .image101
{
width:100%;
}
   .container
  {
  width:100%;
  }
 .formis
{
width:100%;
}

.formis .input_login, .formis .input_login input, .formis .input_login1, .formis .input_login2, .formis .input_login11, .formis .input_login22, .formis .input_login33
{
width:100%;
}
.formis .input_login1 input, .formis .input_login2 input, .formis .input_login11 input, .formis .input_login22 select, .formis .input_login33 select
{
width:100%;
}
  .radius_logovanje
{
width:100%;
margin-bottom:20px;
}
  #big_left_col {
    
    width: 100%;    
    float: left;
}

#big_right_col {
    width: 100%;
    float: left;
}
#big_right_col img
{
float:left;
}

#logo_holder {
    height: auto;
    width: 100%;  
    padding-top: 2px;
    padding-bottom: 2px;
    display:block;
    text-align:center;
    
}
#logo_holder img
{
width:200px;
}

#menu_holder {    
    display:block;    
    vertical-align: middle; 
    line-height:35px;
    width:100%;
    padding:0px;
}
.cell
{
float:left;
}
.first, .second
{
width:50%;
text-align:center;
}
.pad
{
padding-bottom:40px;
}
  }
  
  @media only screen and (max-width:620px) {

  #big_single_col {
  padding:10px 0px 50px 0px;    
  float:left;
}
.radius_logovanje
{
width:100%;
margin-bottom:20px;
}

#menu_holder {    
    display:table-cell;    
    vertical-align: middle; 
    line-height:25px;
    padding:0px;
    width:100%;
    float:left;
}

#menu_holder a
{
 display:block;
 text-align:center;
 background:#f7f7f7;
 border-bottom:1px solid white;
}
#menu_holder a:hover
{
 background:#f1f1f1; 
}
#menu_holder span
{
 
display:none;
}


  }