@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?85233064');
  src: url('font/fontello.eot?85233064#iefix') format('embedded-opentype'),
       url('font/fontello.woff?85233064') format('woff'),
       url('font/fontello.ttf?85233064') format('truetype'),
       url('font/fontello.svg?85233064#fontello') format('svg');
  font-weight:normal; font-style:normal }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family:'fontello'; src: url('font/fontello.svg?85233064#fontello') format('svg') }}
 
[class^="icon-"]:before, [class*=" icon-"]:before { font-family:"fontello"; font-style:normal; font-weight:normal; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }






.icon-1:before { content: '\e800'; } /* '' */
.icon-2:before { content: '\e801'; } /* '' */
.icon-3:before { content: '\e802'; } /* '' */
.icon-4:before { content: '\e803'; } /* '' */
.icon-5:before { content: '\e804'; } /* '' */
.icon-6:before { content: '\e805'; } /* '' */
.icon-7:before { content: '\e806'; } /* '' */
.icon-8:before { content: '\e807'; } /* '' */
.icon-9:before { content: '\e808'; } /* '' */
.icon-10:before { content: '\e809'; } /* '' */
.icon-11:before { content: '\e80a'; } /* '' */
.icon-12:before { content: '\e80b'; } /* '' */
.icon-13:before { content: '\e80c'; } /* '' */
.icon-14:before { content: '\e80d'; } /* '' */
.icon-15:before { content: '\e80e'; } /* '' */
.icon-16:before { content: '\e80f'; } /* '' */
.icon-17:before { content: '\e810'; } /* '' */
.icon-18:before { content: '\e811'; } /* '' */
.icon-19:before { content: '\e812'; } /* '' */
.icon-20:before { content: '\e813'; } /* '' */
.icon-21:before { content: '\e814'; } /* '' */
.icon-22:before { content: '\e815'; } /* '' */
.icon-23:before { content: '\e81b'; } /* '' */
.icon-24:before { content: '\e816'; } /* '' */
.icon-25:before { content: '\e817'; } /* '' */
.icon-26:before { content: '\e818'; } /* '' */
.icon-27:before { content: '\e819'; } /* '' */
.icon-28:before { content: '\e81a'; } /* '' */

/**********************************************************
general
**********************************************************/
* {padding:0;margin:0;border:0;outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body { background:url('../pics/bg-body.png'); font-family:'Open Sans'; font-size:14px; color:#474747 }
img { max-width:100% }
h1 { font-size:25px }
.wrapper { width:100%; max-width:1200px; margin:0 auto }


/**********************************************************
navbar
**********************************************************/
.navbar { background:#dcdcdc; padding:5px 0 }
.navbar .vi { display:inline-block; background:#fff500; color:#000; padding:3px 5px; border:1px solid #e3e041; float:right; border-radius:5px; cursor:pointer; line-height:1; font-weight:bold }
.navbar .vi:hover { background:#ffd800 }
.navbar li { float:left; list-style:none; margin:0 10px 0 0; font-size:14px }
.navbar li a { text-decoration:none; color:#666; font-weight: bold;}
.navbar .normal-view { display:none }

.searchinput { background:#fff; border-radius:4px; float:right; width:130px; margin-right: 10px; }
.searchinput input[type="text"] { padding:3px; font-size:14px; background:transparent; width:100px; border: none }
.searchinput button { background:transparent; cursor:pointer; float:right; padding:3px 3px 0 0 }
.searchinput button span { font-size:14px; color:#808080 }

/**********************************************************
header
**********************************************************/
.header { margin-top:10px; margin-bottom:5px }
.header .search-input { background:#fff; border-radius:4px; float:right; width:100%; max-width:300px }
.header .search-input input[type="text"] { padding:15px; font-size:16px; background:transparent }
.header .search-input button { background:transparent; cursor:pointer; float:right; padding:7px 10px 0 0 }
.header .search-input button span { font-size:28px; color:#808080 }
@media(max-width:768px) {
	.header { margin-top:10px; margin-bottom:5px }
	.header .logo { text-align:center; margin-bottom:0 }
	.header .search-input { max-width:100% }
}


/**********************************************************
menu
**********************************************************/
.menu li { list-style:none }
.menu .main-menu { text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; font-size:18px; font-weight:600; padding:10px; border-radius:4px; display:block }
.menu .main-menu.active { border-radius:4px 4px 0 0 }
.menu .menu-wrapper { position:relative }
.menu ul { z-index:1000; width:100%; position:absolute; border-radius:0 0 4px 4px; display:none }
.menu ul a { color:#fff; text-decoration:none; display:block; text-align:center; padding:5px }
.menu ul a:last-child { border-radius:0 0 4px 4px }

@media(max-width:768px) {
	.menu-wrapper,
	.menu .main-menu { position:static }
	.menu .menu-wrapper { margin-bottom:3px }
	.menu .main-menu { font-size:14px; padding:7px }
	.menu li{ margin-bottom:10px }
	.menu li li{ margin-bottom:0 }
}

.menu1 .main-menu,
.menu1 ul { background:#7d9d46 }
.menu1 .main-menu:hover,
.menu1 a:hover,
.menu1 .main-menu.active { background:#67803b }

.menu2 .main-menu,
.menu2 ul  { background:#a7001c }
.menu2 .main-menu:hover,
.menu2 a:hover,
.menu2 .main-menu.active { background:#90031b }

.menu3 .main-menu,
.menu3 ul { background:#eb6c15 }
.menu3 .main-menu:hover,
.menu3 a:hover,
.menu3 .main-menu.active { background:#d96313 }

.menu4 .main-menu,
.menu4 ul { background:#3f77cf }
.menu4 .main-menu:hover,
.menu4 a:hover,
.menu4 .main-menu.active { background:#366abb }


/**********************************************************
footer
**********************************************************/
.footer { color:#666; font-size:12px; border-top:2px solid #dcdcdc; margin-top:40px; margin-bottom:40px; padding:20px 0 }
.footer .right { text-align:right }
.footer a { color:#666; text-decoration:none; white-space:nowrap; margin:0 0 5px 0; display:inline-block }
@media(max-width:480px) {
	.footer,
	.footer .right { text-align:center; margin-top:10px }
}

.content { margin-top:40px }
.content p { line-height:1.5; margin:0 0 15px 0 }


.main-icon { display:block; text-align:center; background:rgba(0,0,0,0.07); padding:10px 5px 5px 5px; border-radius:4px; text-decoration:none; color:#474747; margin-bottom:30px }
.main-icon:hover { background:rgba(0,0,0,0.1) }
.main-icon div { font-weight:600; height:35px; overflow:hidden; font-size:13px }
.main-icon span { display:block; margin:0 0 15px 0; font-size:50px; line-height:1 }
.main-icon.green span { color:#7d9d46 }
.main-icon.red span { color:#a7001c }
.main-icon.orange span { color:#eb6c15 }
.main-icon.blue span { color:#3f77cf }





.breadcrumb { color:#929292; margin:-20px 0 20px 0 }
.breadcrumb a { color:#929292; text-decoration:none }
.breadcrumb a:hover { text-decoration:underline }




.subpages { background:#ddd; padding:15px 20px; border-radius:4px }
.subpages li { list-style:none; border-bottom:1px solid #eee }
.subpages li:first-child,
.subpages li:last-child { border:0 }
.subpages li a { font-size:13px; text-decoration:none; display:block; padding:5px 0; color:#fff }
.subpages li a:hover { background:#444; padding-left:10px }
.subpages li.title { font-weight:bold; font-size:17px; margin:0 0 10px 0; color:#fff }



.page-title { background:#ddd; border-radius:4px; padding:5px 15px; margin:0 0 30px 0 }
.page-title h1 { display:inline }
.page-title .last-modified { text-align:right; padding-top:8px; font-size:13px }
.page-title .last-modified b { white-space:nowrap }


/* MY STYLE */
.content { margin-top:10px }
.breadcrumb { color:#929292; margin:0 0 20px 0; font-style: italic; }
.aote-content ul { list-style-type: circle; list-style-position: outside; padding-left: 20px; text-align: justify; }
.aote-content ol { list-style-position: outside; padding-left: 20px; text-align: justify; }
.aote--content li { margin-bottom: 4px; }
h2, h3 { font-family: serif; font-weight: bold; margin-top: 10px; }
.mybutton {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 5px 0 5px;
  padding: 2px;
  color: buttontext;
  background-color: buttonface;
  text-align: center;
  padding: 2px 6px 3px; 
  border: 2px outset buttonface;
  font-size: 80%;
}

input[type=button], input[type=submit] {
  margin: 5px 5px 5px 0px;
  padding: 4px;
  border: 2px outset buttonface;
}

input[type=text], input[type=password], input[type=number] , input[type=email], input[type=url], input[type=date], input[type=time], select, textarea{
  border: solid;
  border-width: 1px; 
  border-color: #aaa;
	font-family: arial;
	font-size: 100%;
  padding: 2px;
  margin-right: 5px;
}

.labelcol {
  width: 150px;
}

.infobox {
  font-family: serif;
  color: #fff;
  background-color: #00f;
  padding: 0 7px 0 5px;
  font-weight: bold;
}

.requiredbox {
  font-family: serif;
  color: #fff;
  background-color: #f00;
  padding: 0 7px 0 5px;
  font-weight: bold;
  margin-right: 5px;
}

.kezdobetu {
  border-width: 3px; 
  border-radius: 5px; 
  border-style: solid;
  color: white; 
  font-weight: bold;
  padding 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.kezdobetu a, .kezdobetu a:visited {
  text-decoration: none;
}

blockquote {
  margin-left: 20px;
}

.hiba {
  border-color: red;
  border-width: 2px;
  border-style: solid;
  background-color: yellow;
  font-weight: bold;
  color: red;
  padding: 3px;
}

.rendben {
  border-color: green;
  border-width: 2px;
  background-color: yellow;
  border-style: solid;
  padding: 3px;
}

.kozep {
  text-align: center;
}

.keretes table, .keretes td, .keretes th {border: 1px solid gray; padding: 2px 5px 2px 5px;}

.cover {
  position: absolute;
  top: 0;
  opacity: 0;
}