/*  This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. */



/* CSS Document */


/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
background: #1A1A1A url('../img/bg.gif') repeat-x 0 0;
min-width: 00px;
}

a:link, a:visited {
color: #9E0000;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ' ';
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ' ';
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #000;
}

h1 {
font-size: 2.1em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
text-align: left;
padding: 20px 0 4px 0;
letter-spacing: 1px;
background: url('../img/h1-bg.gif') repeat-x 0 100%;
width: 60%;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h1 {
color: #FFCB5C;
}

h2 {
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin: 6px 0 0 120px;
letter-spacing: 1px;
}

h3 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
letter-spacing: 1px;
margin-bottom: 8px;
background: url('../img/h3-bg.gif') no-repeat 0 center;
padding-left: 27px;
}

/* Header */

#header {
height: 110px;
margin: 0 auto;
padding-top:10px;
width:80%;
position: relative;
background: url('../img/hdbg.gif') repeat-x 0 0;
text-align: center;
}

#picture-input {
position: absolute; 
top: 0;
left: 0;
overflow: hidden;
width: 171px;
height: 28px;
background: #FFDDDD url('../img/input-bg.gif') no-repeat 0 0;
border: 0;
margin-top: 1px;
}

#picture-input input {
position: relative;
top: 5px;
left: 10px;
width: 160px;
border: 0;
letter-spacing: 1px;
background-color: #ffdddd;
}


/* Menu */

#menubar
{ width: 980px;
  height: 45px;
  text-align: center; 
  margin: 0 auto;
 }  

#menu-box {
background: #323232 url('../img/menu-bg.gif') repeat-x 0 0;
border-bottom: 1px solid #3B3B3B;
}

#menu {
width: 1000px;
margin: 0 auto;
background: #323232 url('../img/menu-bg.gif') repeat-x 0 0;
}

#menu li {
display: inline;
list-style-type: none;
text-align: center;
}

#menu li a {
font-size: 0.9em;
color: #FFFFFF;
font-weight: bold;
float: left;
display: block;
padding: 0 1.6em;
line-height: 35px;
}

#menu li a:hover, #menu  li a.active {
font-weight: bold;
color: #FFCB5C;
}

/* Itt kezdődik a lenyíló menü*/
#menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 10px 0 10px 0;
    background: #1D1D1D;	
    text-align: left;
    position: absolute;
    top: 20px;
    left: 61.5%;
    margin-left: 0px;
    width: 139px;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#menu > ul > li:hover > ul {
    opacity: 1;
    top: 155px;   /* Itt állítjuk be a távolságot a felső menübar-tól */
    visibility: visible;
	z-index:900;
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#menu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -10px;
}

#menu > ul ul > li {position: relative;}

#cssmenu ul ul a:hover{
    background-color: rgb(205,44,36);
    color: rgb(240,240,240);
	z-index:800;
}

/* Táblázat */
#container {
    display: table;
    }

  #row  {
    display: table-row;
    }

  #left {
    display:block;
	}
  
  #right, #middle {
    display: table-cell;
	vertical-align:top;	
    }

/* Táblázat - névsor */
#container {
    display: table;
    }

/* nem kutató */
  #row-nevsor  {
    display: table-row;
    }

  #left-nevsor {
    display:table-cell;
    width:170px;
	}
  
   #middle-nevsor {
    display: table-cell;
    width:145px;
	padding-left:20px;
    padding-right:10px;
    vertical-align:top;	
    }
	
  #right-nevsor {
    padding-left:20px;
	display: table-cell;
    width:145px;
    vertical-align:top;	
    }

/* kutató */
  #row-kutnevsor  {
    display: table-row;
    }

  #left-kutnevsor {
    display:table-cell;
    width:300px;
	}
  
   #middle-kutnevsor {
    display: table-cell;
    width:160px;
	padding-left:10px;
    padding-right:0px;
    vertical-align:top;	
    }
	
  #right-kutnevsor {
	display: table-cell;
    vertical-align:top;	
    }

	
/* Content */

#content {
background: #EFC000;
min-height: 231px;
}

#content-box {
width: 980px;
margin: 0 auto;
text-align: left;
min-height: 544px;
background:#FFF6A3;
}

#content-box-in-left {
width: 72%;
float: left;
z-index:100;
}

#content-box-in-left-in {
margin: 4em 1em 5em 1.8em;
}

#content-box-in-left-in h3 {
text-align:left;
font-weight:bold;
color:#000;
}

#content-box-in-right {
width: 27%;
float: right;
background:#FFF6A3;
}

#content-box-in-right h3 {
color: #fff;
font-size: 1.2em;
font-weight:bold;
margin-bottom: 13px;
padding-left: 20px;
background: url('../img/bg.gif') repeat-x 0 0;
width:60%;
}

#content-box-in-right-in {
margin: 4em 1.4em 1em 2.8em;
}


/* Right column directives */

#content-box-in-right-in ul {
list-style-type: none;
margin: 0 0 30px 4px;
}

#content-box-in-right-in ul li {
color: #9E0000;
display: inline;
}

#content-box-in-right-in ul li a, #content-box-in-right-in ul li a:visited {
color: #9E0000;
font-weight: normal;
text-decoration: none;
padding: 4px 0 4px 16px;
line-height: 130%;
border-left: 2px solid #404040;
display: block;
}

#content-box-in-right-in ul li a:hover, #content-box-in-right-in ul li a.active {
border-left: 2px solid #FF9C31 !important;
text-decoration: underline !important;
}


/* Block of text with dotted border-bottom */

.block {
padding-bottom: 25px;
margin-bottom: 30px;
border-bottom: 1px dotted #606060;

}


/* Small gallery */

#small-gallery {
margin: 1.5em 0 3em 0;
width: 80%;
padding: 1px 0;
}

#small-gallery img {
border: 2px solid #434343;
margin: 0 10px 15px 0;
}

#small-gallery a:hover img {
border: 2px solid #FF9C31;
}

/* Képkeret */
img.kepkeret {
border-style: solid;
border-width:medium;
border-color: #666;
}


/* Footer */
#footer {
width: 1000px;
height: 60px;
margin: 0 auto;
border-top: 1px solid #404040;
}

p.footer-left {
float: left;
width: 430px;
color: #FFFFFF;
text-align: left;
margin: 9px 0 0 15px;
display: inline;
}

p.footer-left a, p.footer-left a:visited {
color: #FFFFFF;
}

p.footer-right {
float: right;
width: 430px;
color: #999999;
text-align: right;
margin: 9px 15px 0 0;
display: inline;
}

p.footer-right a, p.footer-right a:visited {
color: #999999;
font-weight: normal;
}

p.footer-right a:hover {
color: #FFFFFF;
font-weight: normal;
}

#message a
{
    /* display: block before hiding */
    display: block;
    display: none;

    /* link is above all other elements */
    z-index: 999; 

    /* link doesn't hide text behind it */
    opacity: .8;

    /* link stays at same place on page */
    position: fixed;

    /* link goes at the bottom of the page */
    top: 100%;
    margin-top: -80px; /* = height + preferred bottom margin */

    /* link is right */
    left: 74%;
    margin-left: -60px; /* = half of width */

    /* round the corners (to your preference) */
    -moz-border-radius:24px;
    -webkit-border-radius:24px;

    /* make it big and easy to see (size, style to preferences) */
    width: 120px;
    line-height: 48px;
    height: 48px;
    padding: 10px;
    background-color: #000;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

    /* make it big and easy to see (size, style to preferences) */
    width: 120px;
    line-height: 48px;
    height: 48px;
    padding: 10px;
    background-color: #000;
    font-size: 10px;
    text-align: center;
    color: #fff;
}