.divcol {background-color:#FC0; border-top:1px solid #C60; border-bottom:2px solid #C60;}
.divwidth {max-width:980px; margin:auto;}
.pozicio {margin-bottom:10px;}
h1, h2, h3,h4, body {padding:0; margin:4px 0;}
h1 a { text-decoration:none;}
h1 a:hover { text-decoration:underline;}
a:hover{text-decoration:none;}
.nav { text-align: center; }
.nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; }
.nav ul li { display: inline-block; }
.nav ul li a { display: inline-block; text-decoration: none; color: #444; transition: 0.4s ease background; padding: 12px 15px; border-radius: 2px; background-color: #f4f4f4; }
.nav ul li a:hover { background-color: #ccc; }
.active {
	border-top:2px solid #C60;
}
.baseinput {width:70px; height:20px; font-size:18px; background-color:#CFC;}

.button a {
	background-color:#EEE; display:inline-block; margin:6px; padding:4px; border:1px solid #CCC; border-radius:4px; text-decoration:none;
}
.button a:hover {
	background-color:#FC0;
}
.col_66 {
  width:64%;
  min-width:300px;
  margin:0 2% 0 0;
  float:left;
}
.col_33 {
  width:31%;
  min-width:200px;
  margin:0 4px 0 0;
  float:left;
  border:1px solid #CCC;
  border-radius:4px;
  padding:2px;
}
.col_50 {
  width:48%;
  min-width:300px;
  margin:0;
  float:left;
}
.col_25 {
  width:23%;
  min-width:240px;
  margin:0 5px 0 0;
  float:left;
  border:1px solid #CCC;
  border-radius:4px;
  padding:2px;
}
@media all and (min-width:640px){

	.nav { float: right; padding: 10px 0 0 0; }
	.nav ul li a { padding: 5px 10px; }
  }
@media all and (max-width:768px){

	.col_66, .col_33, .col_50, .col_25 {
	  width:98%;
	}
}