body {
  font-size: 120%;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.tableth{
	padding:10px 10px;
}
a{
	color:#f60404;
	font-family: Arial, Helvetica, sans-serif;
}
.links{
	  padding: 10px 20px;
	  font-size: 100%;
	  color: white;
	  background-color: #f60404!important;
	  border: none;
	  text-decoration:none;
	  border-radius: 5px;
	  font-family: Arial, Helvetica, sans-serif;
	
}	
.AvtoSafir_table {
  border-collapse: collapse;
  width: 100%;
}

.AvtoSafir_table td, #AvtoSafir_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.AvtoSafir_table tr:nth-child(even){background-color: #f2f2f2;}

.AvtoSafir_table tr:hover {background-color: #ddd;}

.AvtoSafir_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: white;
  color: black;
  border: 1px solid #ddd;
  font-weight:normal;
}

.header {
  width: 40%;
  margin: 50px auto 0px;
  color: white;
  background: #f60404;
  text-align: center;
  border: 1px solid #B0C4DE;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  padding: 20px;
}
form, .content {
 // width: 100%;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}
.input-group {
  margin: 10px 0px 10px 0px;
}
.input-group label {
  display: block;
  text-align: left;
  margin: 3px;
}
.input-group input {
  height: 30px;
  width: 94%;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid gray;
}
.btn {
  padding: 10px;
  font-size: 100%;
  color: white;
  background: #f60404;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.error {
  width: 92%; 
  margin: 0px auto; 
  padding: 10px; 
  border: 1px solid #a94442; 
  color: #a94442; 
  background: #f2dede; 
  border-radius: 5px; 
  text-align: left;
}
.success {
  color: #3c763d; 
  background: #dff0d8; 
  border: 1px solid #3c763d;
  margin-bottom: 20px;
}

.float-container {
    border: 3px solid #fff;
    padding: 20px;
}

.float-child {
    width: 50%;
    float: left;
    padding: 20px;
    border: 2px solid red;
}  



@media (max-width: 499px){
  body {
    font-size: 110%;
	margin:5px;
  }
}
@media (min-width: 1000px) {
  body {
    font-size: 120%;
	margin:50px;
  }
}
@media (max-width: 499px){
  form, .content {
   // width: 95%;
  }
}
@media (min-width: 1000px) {
  form, .content {
    width: 40%;
  }
}
/*@media (max-width: 1300px){
  form, .content {
    width: 40%;
  }
}*/

@media (max-width: 499px) {
  .links {
    padding: 10px 20px;
	font-size: 110%;
	margin-top: 30px;
	margin-right:0px;
	border-radius:20px;
  }
}

@media (min-width: 1000px) {
  .links {
    padding: 10px 20px;
	font-size: 100%;
	margin-right:10px;
  }
}



@media (max-width: 499px){
  .gumbi {
    display:grid;
  }
}
@media (min-width: 1000px) {
  .gumbi {
    display:block;
  }
}
@media (max-width: 499px){
  .btn {
    margin-top:30px;
	font-weight:normal;
	padding: 20px;
  }
}

@media (max-width: 499px){
  .center {
    margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
  }
}
@media (min-width: 1000px) {
  .center {
    margin-bottom:100px;
	margin-top:100px;
  }
}

@media (max-width: 499px){
  .notranji-d1 {
   width:50%;
  }
}
@media (min-width: 1000px) {
  .notranji-d1 {
    width:70%;
  }
}
@media (max-width: 499px){
  .notranji-d2 {
   width:50%;
  }
}
@media (min-width: 1000px) {
  .notranji-d2 {
    width:30%;
  }
}

@media (max-width: 499px){
  .storitve {
   width:486px;
  }
}
@media (max-width: 499px){
  .storitve {
   width:486px;
  }
}

@media (max-width: 499px){
  .gumbi-mesec {
   width:486px;
  }
}
@media (min-width: 1000px) {
  .gumbi-mesec {
    width:100%;
  }
}

@media (max-width: 499px){
  .naslov {
   width:486px;
  }
}

@media (max-width: 499px){
  .naslov-mesec {
   width:486px;
  }
}
@media (max-width: 499px){
  .calendar {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-0 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-1 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-2 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-3 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-4 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-5 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-6 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-7 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-8 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-9 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-10 {
   width:486px!important;
  }
}
@media (max-width: 499px){
  #tabela-11 {
   width:486px!important;
  }
}