@charset "utf-8";
/* CSS Document */

body {
	background: #FFFFFF url("img/mod_bg.png") repeat-x top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #202020;
	line-height: 1.3;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#container_container {
	background: url("img/mod_bg2.jpg") no-repeat top center transparent;
}

#container {
	position:relative;
	width:940px;
	padding:0px;
	margin:0px auto;
}

#header {
	position:relative;
	width:940px;
	height:222px;
	/*background: url("img/header.jpg") no-repeat center 0 #FFFFFF;*/
	padding:0px;
	margin:0px;
}

#logo {
	/*width:265px;
	height:78px;*/
	position:absolute;
	top:20px;
	left:8px;
}
#logo a {
	display:block;
	/*width:265px;
	height:78px;*/
	border:none;
}

#slogen {
	position:absolute;
	width:400px;
	height:45px;
	top:115px;
	left:12px;
	color:#4a8320;
	font-weight:normal;
	font-size:15px;
}
#slogen2 {
	position:absolute;
	width:400px;
	height:45px;
	top:103px;
	left:112px;
	color:#6ca729;
	font-weight:bold;
	font-size:15px;
}
#top_menu {
	display:none;
	position:absolute;
	width:153px;
	height:40px;
	top:0px;
	right:280px;
	color:#838383;
	font-weight:bold;
	line-height:34px;
	text-align:center;
	background: url("img/top_menu.jpg") no-repeat 0 0;
}

#top_menu a {
	
}


#after {
	display: none;
	
	position:absolute;
	top:0px;
	right:37px;
	width:262px;
	height:153px;
	background: url("img/after.jpg") no-repeat center 0 #FFFFFF;
}


#content {
	width:560px;
	padding:15px 0px 30px 0;
	margin:auto;
}

#sidebar {
	float:left;
	width:270px;
	padding:15px 0 30px 0;
	margin:0px;
}

.clear {
	clear:both;		
}

#footer {
	width:940px;
	margin:0 auto;
	padding:25px 0px;
	border-top:1px solid #b9b9b9;
}
#footer p {
	font-size:12px;
	color:#999999;
	line-height:32px;
	padding:0px;
	margin:0px;
}
#footer ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}
#footer ul li {
	list-style-type: none !important;
	color:#999;
	float:left;
	padding:0px 4px;
	line-height:32px;
	background:none;
}
#footer ul li a {
	color:#999;
	text-decoration:none;
	font-size:12px;
}
#footer ul li a:hover {
	text-decoration:underline;
	color:#333;
}
#footer .copy {
	float:right;
	width:200px;
	text-align:right;
	color:#999999;
}






.center {
	text-align:center;
}

.right {
	text-align:right;
}

.blue {
	color: #1A74B0;
}
.red {
	color:red;
}

ul, ol {
    margin: 0 0 16px 30px;
    padding: 0;
}
ul li, ol li {
    line-height: 20px;
    margin: 0;
    padding: 8px 0;
}
ul li {
list-style-type:disc;
}
ol li {
list-style-type:decimal;
}
ol li .forras {
	list-style:none;
	list-style-type:none;
	text-align:right;
	color:#999999;
	display:block;
}
ol li .forras a {
	color:#999999;
	text-decoration:none;
}
ul.pipa {
    list-style: none outside none;
    list-style-type: none;
	margin: 0 0 0 10px;
    padding: 0 0 16px 0;
}
ul.pipa li {
    background: url("img/check_green.png") no-repeat scroll 5px 12px transparent;
    list-style-type: none;
	line-height: 18px;
    margin: 0;
    padding: 10px 0 5px 30px;
}

ul.nempipa {
    list-style: none outside none;
    list-style-type: none;
	margin: 0 0 0 10px;
    padding: 0 0 16px 0;
}
ul.nempipa li {
    background: url("img/no_check.jpg") no-repeat scroll 5px 12px transparent;
    list-style-type: none;
	line-height: 18px;
    margin: 0;
    padding: 10px 0 5px 30px;
}

.velemeny {
	padding:15px;
	margin:20px 0;
	border:1px solid #003366;
}


h1 {
    color: #222222;
    font-size: 26px;
    font-style: italic;
	letter-spacing: -1px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 5px 0;
}

h2 {
    color: #222222;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 16px;
}

h3 {
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0px 0 16px;
}

p {
    margin: 0;
    padding: 0 0 16px;
}
p.big {
	font-size:18px;
}

a, a:link, a:visited, a:hover, a:active {
    color: #1A74B0;
    outline: 0 none;
	text-decoration:underline;
}

table.helyszin {
	width:100%;
	vertical-align:top;
	margin:0 0 18px 0;
	padding:0;
	border:1px solid #cccccc;	
}
table.helyszin th {
	padding: 6px;
	margin: 0px;
	border:1px solid #cccccc;
	background-color:#e6f0f8;
}
table.helyszin td {
	padding: 6px;
	margin: 0px;
	border:1px solid #cccccc;
}
table.helyszin td p {
	padding-bottom:3px;
}
table.helyszin td.head {
	background-color:#cfe3ed;
	text-align:center;
	font-weight:bold;
}
table.helyszin tr.odd td {
	background-color:#eff5f8;
}

#jelentkezes {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    background: none repeat scroll 0 0 #DBEBF8;
    border: 1px solid #E8F3FB;
    margin: 25px 0;
    overflow: hidden;
    padding: 0 30px 30px;
}
#jelentkezes div {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#e6f0f8;
	padding:8px 8px;
	margin:8px 0px;
}
#jelentkezes h2 {
    border-bottom: 1px dashed #4AA4E0;
    display: block;
    margin: 0 0 25px;
    padding: 17px 20px 17px 0;
    width: auto;
}
#jelentkezes label {
    display: inline-block;
    float: left;
    line-height: 23px;
    width: 240px;
}
#jelentkezes input {
    background: #fff;
    border: 1px solid #A9A9A9;
    color: #000000;
    font-size: 11px;
    margin: 0 0 0px;
    padding: 4px 3px 4px 3px;
    width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#jelentkezes input.small {
	width:20px;
}

#jelentkezes select {
    padding: 4px 3px 4px 3px;
}

#jelentkezes select.bal {
	margin-left:200px;
}

#jelentkezes input.button {
    background: url("img/jelentkezem.jpg") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 47px;
    line-height: 36px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 246px;
}



#jelentkezo_gomb {
	display: block;
	width:509px;
	height: 109px;
	position: absolute;
	top: 0;
	right: 5px;
	text-indent: -9999px;
}


#menu {
	position:absolute;
	width:920px;
	height:40px;
	top:170px;
	left:20px;
	line-height:40px;
	color:#000;
}

#menu ul li {
	list-style:none !important;
	list-style-type:none !important;
	background:none;
	float:left;
	padding:0px 22px 0px 0px;
	margin:0px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 1px #0c5d88;
}
#menu ul li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 1px #0c5d88;
}
#menu ul li a:hover {
text-decoration:underline;
}

#menu ul li.last {
padding:0px 0px 0px 0px;
margin:0px;
}






/*legördülő menü*/
ul.dropdown .last{
	padding:0px 0px 0px 22px !important;
}



ul.dropdown {
 font-weight: bold;
  position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 padding: 7px 10px;
 background-color: #f6f6f6;
 color: #000;
 float: left;
 vertical-align: middle;
 zoom: 1;
 padding:0px 44px 0px 0px !important;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

/*
ul.dropdown li.hover,
ul.dropdown li:hover {
 background-color: #eee;
 color: #000;
}
*/

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #000; text-decoration: none; }
ul.dropdown a:hover		{ color: #000; }
ul.dropdown a:active	{ color: #ffa500; }



ul.dropdown ul {
 width: 180px !important;
 margin-top: 1px;
  visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 background: #278ab4;
 -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

ul.dropdown ul li {
 font-weight: normal !important;
 font-size: 12px !important;
line-height: 20px !important;
padding: 0 0 10px 10px!important;
text-shadow:none!important;
float:none!important;
z-index:800;
 
}
ul.dropdown ul li a{
text-shadow:none!important;
 
}

ul.dropdown *.dir {
 padding-right: 32px!important;
 padding-left:10px!important;
 background: url(img/arrow-down.png) 100% 50% no-repeat;
 position:relative;
}



ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background: url(img/arrow-right.png) 100% 50% no-repeat;
background-color: #278ab4;
}

* html ul.dropdown li {
 height: 1px;
}


ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown li:hover ul ul ul,
ul.dropdown li:hover ul ul ul ul,
ul.dropdown li:hover ul ul ul ul ul {
 visibility: hidden;
}

ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul,
ul.dropdown ul ul li:hover ul,
ul.dropdown ul ul ul li:hover ul,
ul.dropdown ul ul ul ul li:hover ul {
 visibility: visible;
}

ul.dropdown ul ul ul ul ul ul {
 visibility: hidden !important;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


.dropdown .meres {
 width: 180px !important;
margin-top: 0px;
 top: 39px!important; padding-top: 9px;
 margin-top: 1px;
  visibility: hidden;
 position: absolute;
 left: 0;
 z-index: 598;
 width: 100%;
 background: url(http://metodic.hu/wp-content/themes/metodic/img/meres_back.png) 0 bottom no-repeat;
 padding-right: 5px;
}


.meres li:first-child {
	position: absolute ! important; 
	left: 0pt; 
	height: 25px; 
	z-index: 900; 
	background: url(http://metodic.hu/wp-content/themes/metodic/img/meres_back.png) no-repeat scroll 0pt 0pt transparent ! important; 
	width: 49px; 
	padding-bottom: 23px ! important; 
	top: -48px;
}

.dropdown .etelrendeles {
  width: 180px !important;
margin-top: 0px;
 top: 39px!important; padding-top: 9px;
 margin-top: 1px;
  visibility: hidden;
 position: absolute;
 left: 0;
 z-index: 598;
 width: 100%;
 background: url(http://metodic.hu/wp-content/themes/metodic/img/etelrendeles_back.png) 0 bottom no-repeat;
 padding-right: 5px;
}

.etelrendeles li:first-child {
	position: absolute ! important; 
	left: 0pt; 
	height: 25px; 
	z-index: 900; 
	background: url(http://metodic.hu/wp-content/themes/metodic/img/etelrendeles_back.png) no-repeat scroll 0pt 0pt transparent ! important; 
	width: 93px; 
	padding-bottom: 23px ! important; 
	top: -48px;
}