* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-size: 95%;
	font-family: georgia, times, "times new roman", serif;
	color: #000000;
	background-color: #ffffff;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.piros {
	color:red;
}
.center {
	text-align: center;
}
.just {
	text-align: justify;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.loweralpha {
    list-style-type: lower-alpha;
}
td.athuzva{
text-decoration: line-through;
}
a:link {
	color: #003366;
}
a:visited {
	color: #003366;
}

a:hover, a:active {
	color: #ffffff;
	background-color: #003366;
}

/*html5ös fejléc*/
header {
	color: #ffffff;
	background-color: #003366;
	border-bottom: 1px solid #000000;
	text-align: center;
}

header h1 {
	margin: 0;
	padding: .3em 0 .3em .5em;
	font-size: 1.8em;
	font-weight: normal;
}


/*html5ös menü*/

nav ul {	
	margin-left: 0px;
	padding-left: 0;
	white-space: nowrap;	
}
nav li {
	background-color: #003366;
	width: 100%;
	float: left;
	display: inline;
	padding: 15px;
	list-style-type: none;
}
nav a {
	padding: 10px;
	border-radius:10px;
}

nav a:link, nav a:visited {
	color: #ffffff;
	background-color: #003366;
	text-decoration: none;
}
nav a:hover {
	color: #ffffff;
	background-color: #336699;
	text-decoration: none;
	
}
nav li a#current {
	color: #ffffff;
	background-color: #336699;
	text-decoration: none;
}

/*html5ös infók*/

aside {
	float: right;
	/* width: 180px; */
	margin: 0;
	padding: 2em 10px 10px 10px;
	color: #003366;
}
aside h3 {
	margin-top: 0;
	padding: .2em;
	font-size:12pt;
}
aside ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
aside a {
	display: block;
	padding: 3px;
	/* width: 160px; */
	background-color: #003366;
	border-bottom: 1px solid #eeeeee;
}
aside a:hover {
	background-color: #336699;
	color: #ffffff;
}
aside ul a:link, .infolist a:visited {
	color: #eeeeee;
	text-decoration: none;
}

aside li a#current {
	color: #ffffff;
	background-color: #336699;
	text-decoration: none;
}

/*html5ös tartalom*/

article h1 {
	margin: 2em 0.3em 2em;
	font-size: 1.8em;
	font-weight: normal;
}
article {
	/* margin-left: 10px; */
	/* margin-right: 180px; */
	/* background: red; */ 
}
article h2 {
	font-size: 1.5em;
	color: #003366;
	margin: 0em;
	padding: 1em;
	font-weight: normal;
	line-height: 1.2em;
}
article h3 {
	margin-top: 0;
	font-size:1.2em;
	color: #003366;
}
article p {
	margin: 1em;
	padding: 0em;
}
article {
	line-height: 150%;
}

/*lap aljára margó html5*/

footer {
	clear: both;
	height: 1em;
}

/*hozzáadott*/

.kozepre {
	margin:auto;
}
.circle {
	list-style-type: circle;
}
.right{text-align: right;}
.middle{text-align: center;}

/* Uj Elemek */

.szempont{
color: #003366;
font-family: Arial;
text-decoration: none;
font-size: 17px;
}

.kepjobbra {
margin-left: 20px;
margin-top: 5px;
padding: 4px;
border: #003366 1px dotted;
float: right;
}
.kepbalra {
margin-right: 20px;
margin-top: 5px;
padding: 4px;
border: #003366 1px dotted;
float: left;
}

.elony {
color: #ffffff;
background-color: #003366;
text-align: center;
letter-spacing: 1px;
font-family: "Courier New";
text-decoration: none;
font-weight: bold;
}

.hatrany {
color: #ffffff;
background-color: #003366;
text-align: center;
letter-spacing: 1px;
font-family: "Courier New";
text-decoration: none;
font-weight: bold;
}


.osszehaskozep {
border-bottom: 1px solid #003366;
border-top: 1px solid #003366;
}

.osszehasalso {
border-bottom: 1px solid #003366;
}


.elony3 {
list-style-image: url(kepek/elony.jpg);
text-align: justify;
}
.hatrany3 {
list-style: url(kepek/hatrany.jpg);
text-align: justify;
}

.jo {
	color:#008000;
	font-weight:700;
}
.rossz {
	color:#f00;
	font-weight:700;
}
.kek {
	color: #003366;
	font-weight: bold;
}
.code {
	border: 1px dashed #000000;
	background: #eee7e7;
	width: 600px;
	margin-left: 15px;
	padding-left: 10px;
}





/* RESZPONZIVITÁS */

img {
	max-width: 100% !important;
	height: auto;
}


[class*="col-"] {
	float: left;
	padding: 15px;
	width: 100%;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

label.error {
	color: red;
	font-size: 12px;
	font-weight: bold;
}

/* ASIDE */
aside {
	border-top: 6px solid #003366;
	background: #eee;
}

/* TABLET */
@media only screen and (min-width: 600px)
	{	
	nav ul li {width: auto; float: none; padding: 0;}
	aside {border-top: 0px;	background: none}	
	header h1 {font-size: 2em;}
	.col-t-1 {width: 8.33%;}
	.col-t-2 {width: 16.66%;}
	.col-t-3 {width: 25%;}
	.col-t-4 {width: 33.33%;}
	.col-t-5 {width: 41.66%;}
	.col-t-6 {width: 50%;}
	.col-t-7 {width: 58.33%;}
	.col-t-8 {width: 66.66%;}
	.col-t-9 {width: 75%;}
	.col-t-10 {width: 83.33%;}
	.col-t-11 {width: 91.66%;}
	.col-t-12 {width: 100%;}
}

@media only screen and (min-width: 768px){	
	article h1 {font-size: 2em}
	article h2 {font-size: 1.8em}
	article h3 {font-size: 1.3em}
	header h1 {font-size: 2.2em;}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

}