@charset "UTF-8";

@import url(/menu.css);

@import "/_rendeletek.css";
@import "/_testuleti.css";
@import "/_palyazatok.css";
@import "/_munkatarsak.css";
@import "/_ugyintezes.css";
@import "/_kepviselok.css";

a img {
	
	border: none;
}
.clear {
	clear: both;
}


.body_class,
.page_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:        22px;
    padding:            5px;
    background:         #fff;
}

.body_class table,
.page_text table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:        22px;
}


table,
body  {
    padding: 0;
    text-align: left; 
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
	
}

a {
    text-decoration: none;
    color: #369;    
}
a:hover {
    color: #69c;
}


#searchbox {
	
    background-image: url(images/searchbox_bg.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    height: 49px;
    width: 219px;
    position: relative;
}
#searchbox #searchInput {
    width: 125px;
    position: absolute;
    left: 18px;
    top: 17px;
    padding-top:  7px;
    height: 25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background: none;
    font-size: 10px;
    color: #000;
}
#searchbox a {
    display: block;
    position: absolute;
    height: 30px;
    width: 68px;
    top: 16px;
    right: 2px;
}
.box .box_head {
    background-image: url(images/boxhead.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    margin: 0px;
    padding: 0px;
}
.box .box_head_calendar {
    background-image: url(images/boxhead_calendar.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    margin: 0px;
    padding: 1px 0 0;
}

.box .box_head_calendar,
.box .box_head {
	padding: 8px 55px 13px 25px;
}
.box .box_head_calendar {
	padding-top: 16px;
}
.box .box_head_calendar  h3,
.box .box_head  h3 {
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    color: #fff;
    margin: 0;
}
.box {
    width: 218px;
    background-color: #FFF;
    margin-bottom: 10px;
}
.box .box_footer {
    background-image: url(images/boxfooter.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 218px;
}
.box .box_main {
    padding-right: 20px;
    padding-left: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000;
    line-height: 18px;
}
#container {
    width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px none #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    position: relative;
} 
#header {
    height: 368px;
    margin: 0px;
    padding: 0;
    position: relative;
    background-color: #DDDDDD;
    background-image: url(images/head.jpg);
} 
#leftBar {
    float: left; 
    width: 235px;
    overflow: hidden;
    margin-top: -39px;
    position: relative;
    z-index: 10;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background: #fff;
}

#rightBar {
    float: right;
    width: 218px;
    padding: 18px 0 0;
    margin: 0px;
    overflow: hidden;
}
#main {
    margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    width: 540px;
    position: relative;
    float: left;
    margin-bottom: 10px;
}

#icon_print { text-align: right;}

h2#content_title { color: #069; font-weight: normal; margin: 20px 0; font-size: 20px; }

#content {
	line-height: 22px;
}


.mainbox1 {
    background-color: #FAFAFA;
    width: 262px;
    border: 1px solid #E0E0E0;
}
.mainbox1 .mainbox1head {
    margin-top: 18px;
    margin-right: 18px;
    margin-left: 18px;
    height: 65px;
    background-image: url(images/mainbox_head_bg.gif);
    background-repeat: repeat-x;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.mainbox1 .mainbox1main {
    margin-right: 18px;
    margin-left: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #00354b;

line-height: 14px;
}
.mainbox1 .mainbox1footer {
    background-color: #FFF;
    height: 20px;
    width: 80px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 150px;
}
.mainboxhead {
    margin: 0px;
    padding: 0px;
    height: 84px;
    width: 270px;
}
#footer {
    padding: 0;
    background-color: #DDDDDD;
    background-image: url(images/footer.gif);
    position: relative;
    height: 230px;
    width: 1000px;
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
    font-size: 11px;
    line-height: 18px;
} 
.footerTitle {
    font-size: 14px;
    font-weight: bold;
}
#footer #phone {
    height: 75px;
    width: 133px;
    position: absolute;
    top: 55px;
    left: 369px;
}
#footer a:link {
    color: #00354b;
    text-decoration: none;
}
#footer #address {
    position: absolute;
    height: 62px;
    width: 205px;
    left: 65px;
    top: 55px;
}
#footer #email {
    position: absolute;
    height: 65px;
    width: 160px;
    left: 565px;
    top: 55px;
}
#footer #footer_text {
    position: absolute;
    height: 65px;
    width: 810px;
    left: 65px;
    top: 120px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFF;
    line-height: 14px;
}
#footer #footer_text, #footer #footer_text table tr td {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFF;
    line-height: 14px;
}
#footer #copyright {
    position: absolute;
    height: 30px;
    width: 640px;
    top: 190px;
    left: 180px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    line-height: 14px;
}
#footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { 
    float: right;
    margin-left: 8px;
}
.fltlft { 
    float: left;
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#header #activehead {
    margin: 0px;
    padding: 0px;
    height: 368px;
    width: 393px;
    cursor: pointer;
}
#header #date {
    height: 20px;
    width: 390px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000;
    position: absolute;
    left: 233px;
    top: 46px;
}
#header a.sitemap {
    height: 20px;
    width: 80px;
    overflow: hidden;
    position: absolute;
    left: 654px;
    top: 49px;
    display: block;
    font-size: 11px;
    color: #000;
}

a.logo {
	position: absolute;
	top: 10px;
	right: 123px;
	font-size: 16px;
	padding-top: 30px;
	padding-left: 50px;
	width: 80px;
	color: #000;
	
}

#header #langselector {
    position: absolute;
    height: 20px;
    width: 85px;
    top: 52px;
    right: 19px;
    overflow: hidden;
}
#header #gallery {
    position: absolute;
    width: 565px;
    top: 215px;
    right: 30px;
    height: 150px;
}

.slideNav {
    position: absolute;
    text-align: center;
    bottom: 0px;
    right: 0px;
    width: 560px;
    padding-top:0px;
    height: 22px;
}
#prevButton,
#nextButton {
    cursor: pointer;
    padding: 0 5px 5px;
}

.slideNav img {
	vertical-align: middle;
}


#header #topMenu {
    position: absolute;
    left: 300px;
    top: 80px;
    height: 42px;
    text-align: right;
    width: 700px;
}
#header #langselector ul {
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#header #langselector ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#header #title {
    position: absolute;
    height: 30px;
    width: 560px;
    top: 156px;
    right: 21px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFF;
    margin: 0px;
    padding-top: 10px;
    padding-left: 20px;
}
#header #title .h1 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
}
#footer a:visited {
    color: #00354b;
    text-decoration: none;
}
#footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

.nameDay {
    color: #c00;
    font-size: 14px;
}

#weather .now_image {float: left; vertical-align: top;}
#weather .link { text-align: center; margin: 10px 0 0;}
#weather h3 {color: #333;  margin: 0 0 5px; padding: 4px 0; text-align: center;}
#weather img { vertical-align: middle; margin-right: 5px; }

#weather {
	line-height: 14px;
} 
#weather .now {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ddd;
	line-height: 16px;
}

#weather .today {
	border-right: 1px dotted #ddd;

	float: left;
	width: 88px;
	text-align: center;
	font-size: 9px;
}

#weather .tomorow {
    float: right;
    width: 88px;
    text-align: center;
    font-size: 9px;
}

#weather a {font-weight: bold;}



.menuTitle {
	width: 218px;
	background: #760000;
}

.menuTitle h3 {
	padding: 8px 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
    margin: 0 0 5px;
    
}




/***************** GALERY ****************/



.media_th_over,
.media_th_out {
    color:              #777;
    overflow:           hidden;
    height:             177px;
}
.media_th_out img {
    padding:            5px;
    margin-right:       5px;
    margin-left:        5px;
    background:         #fff;
    border:             1px solid #fff;
    -moz-box-shadow:    0px 3px 5px #ddd;
    -webkit-box-shadow: 0px 3px 5px #ddd;
    box-shadow:         0px 3px 5px #ddd;
    margin-bottom:      10px;
    margin-top:      10px;
}

.media_th_over .color4 img {
    padding:            5px;
    margin-right:       5px;
    margin-left:        5px;
    background:         #fff;
    border:             1px solid #fff;
    -moz-box-shadow:    0px 3px 8px #aaa;
    -webkit-box-shadow: 0px 3px 8px #aaa;
    box-shadow:         0px 3px 8px #aaa;
    color:              #777;
    font-style:         italic;
    margin-bottom:      10px;
    margin-top:         10px;
    font-size:         10px;
}


.media_th_out a,
.media_th_over a {
    display: block;
}

.media_th_out img,
.media_th_over img {
    /*border:            1px solid #ddd;*/
}


.media_dir_table {
    margin:            auto;
    margin-top:         20px;

}

.media_dir_td {
    background:        #ddd;
    padding:            3px 5px;
    font-weight:       bold;
    color:             #555;
    font-size:         11px;
    text-align:        left;
}
.media_dir_row_out td,
.media_dir_row_over td {
    background:         #f2f2f2;
    padding:            3px 5px;
    border-top:        1px solid #fff;
       font-size:         11px;
       color:              #333;
       text-align:          left;
}
.media_dir_row_over td {
    background:         #e9e9e9;
}



.media_dir_th_txt {
    color:             #444;
    

}


table.szoveg { margin: auto;}
.media_dir_th_out,
.media_dir_th_over {
	    border:             1px solid #fff;
    -moz-box-shadow:    0px 3px 5px #ddd;
    -webkit-box-shadow: 0px 3px 5px #ddd;
    box-shadow:         0px 3px 5px #ddd;
    background:     #FFF2CF;
    
    text-align: center;
}
.media_dir_th_over {
	    border:             1px solid #fff;
    -moz-box-shadow:    0px 3px 8px #aaa;
    -webkit-box-shadow: 0px 3px 8px #aaa;
    box-shadow:         0px 3px 8px #aaa;
    background:     #FFF2CF;
}
.media_dir_th_out .color4 img,
.media_dir_th_over .color4 img {
    margin: 10px;
    height: 100px;
    border: 1px solid #fff;
}



.media_th_over a.save_icon,
.media_th_out a.save_icon {
    display:           inline;
}

.media_th_over a.save_icon img,
.media_th_out a.save_icon img {
    border:            0;
    margin:            0;
    padding:           0;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}

.media_th_txt {
    font-size:         11px;
    font-style:         none;
}

/************************************ NEWS ***********************/


.newsBox {
	border: 1px solid #DFDFDF;
	padding: 15px;
	background: #FAFAFA;
	margin-bottom: 15px;
}

.newsBox .title a.hircim { 
	color: #000; 
	font-size: 13px; 
	line-height: 16px;
	
}

.newsBox .title {
	min-height: 50px;
    background: url(/images/mainbox_head_bg.gif) repeat-x left bottom;
    padding:  5px 0px 10px;
    margin:0;
}
.newsBox .title h3 {
	margin: 7px 0 10px;
	font-weight: normal;
	line-height: 20px;
}

.newsBox .title h3 img {
	vertical-align: middle;
	float: left;
	margin-top: -5px;
}

.newsBox .date {
	color: #777;
	font-size: 10px;
}


.newsBox .next {
	margin-top: 13px;
	text-align: right;
}
.newsBox .next a {
	color: #333;
	font-weight: bold;
	padding: 5px 23px  5px 5px;
	background: url(/images/icon_tovabb.gif) no-repeat right center #fff;
	border-radius: 3px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #ddd;
}

.newsBox .next a:hover {
	background-color: #ccc;
}


.kep_keret {
	float: left;
	margin-right: 5px;
	border: 8px solid #e9e9e9;
}
	

/***********************/


.tabla1 { margin: 0; padding: 0; border: 1px solid #eee;}

.tabla1 tr {  background-color: #eee; margin: 0px; padding: 0px; line-height: 16px; }

.tabla1 th {  background-color: #ccc; margin: 0px; padding: 3px; color: #333;}

.tabla1 td a {}

.tabla1 td.label {
	color: #555;
	width: 150px;
	
}


ul.nice-list {
	list-style: square;
	color: #555;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
}
ul.nice-list li {
	padding-bottom: 3px;
}

ul.nice-list ul.nice-list {margin:0;}



#intezmenylista ul {
	list-style: none;
	padding-left: 0;
}

#intezmenylista ul ul {
    list-style: square;
    padding-left: 35px;
    margin: 10px 0;
}


#intezmenylista ul li {
    font-size: 16px;
    color: #555;
}

#intezmenylista ul li li {
    font-size: 11px;
    color: #555;
    margin-bottom: 3px;
}

#content h3 {
	font-weight: bold;
	font-size: 15px;
	color: #555;
}

#content h4 {
    font-weight: bold;
    font-size: 12px;
    color: #555;
}



a.back {
    color: #333;
    font-weight: bold;
    padding: 5px 23px  5px 5px;
    background: url(/images/icon_vissza.gif) no-repeat right center #fff;
    border-radius: 3px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	background-color: #ddd;
}

a.back:hover {
    background-color: #ccc;
}

a.button {
    color: #333;
    font-weight: bold;
    padding: 5px;
    border-radius: 3px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	background-color: #ddd;
}

a.button:hover {
    background-color: #ccc;
}

/********************** start page **********************/

#col1 {
    width: 50%;
    float: left;
}
#col1 .newsBox {
    margin-right: 6px;
}

#col2 {
    width: 50%;
    float: right;
}
#col2 .newsBox {
    margin-left: 2px;
}

#col3 {
    clear: both;
}
#col3 h3 {
    margin-top: 0;
    color: #222;
}

#col3 ul {
    list-style-image: url('/images/arrow.png');
    padding-left: 0px;
    list-style-position: inside; 
}
#col3 li {
    width: 50%;
    float: left;
}