/* CSS Document */

html, body
{
height: 100%;
}

body
{
text-align: center; /* Centers all divs */
background:url(hatter-barna.jpg) no-repeat top center;
background-color:#3C3322;
}

*{
  padding:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  margin-top:0;
  }

#honlap
{
width: 1000px;
margin: 0 auto 0 auto;
text-align: left;
background: transparent;
}

A
{
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 14px;
font-weight: bold;}

#fejlec
{
width:1000px;
height: 242px;
margin: 0 auto 0 auto;
background: url(fejlec-barna.png) no-repeat top left;
}

#lap
{
width: 1000px;
margin: 0 auto 0 auto;
text-align: center;
background: transparent;
}

#baldiv1
{
width: 210px;
height: 23px;
margin: 0 auto 0 auto;
background: url(bal-1-barna.png) no-repeat;
padding:0;
}

#baldiv2
{
width: 210px;
height:100%;
margin: 0 auto 0 auto;
background: url(bal-2-barna.png) repeat;
padding:0;
}

#baldiv3
{
width: 210px;
height: 23px;
margin: 0 auto 0 auto;
background: url(bal-3-barna.png) no-repeat;
padding:0;
}

#nagydiv1
{
width: 617px;
height: 23px;
margin: 0 auto 0 auto;
background: url(kozep-1.png) no-repeat;
padding:0;
}

#nagydiv2
{
width: 617px;
margin: 0 auto 0 auto;
min-height:500px;
_height:500px;
background: url(kozep-2.png) repeat;
padding:0;
}

#nagydiv3
{
width: 617px;
height: 23px;
margin: 0 auto 0 auto;
background: url(kozep-3.png) no-repeat;
padding:0;
}

#jobbdiv1
{
width: 173px;
height: 23px;
margin: 0 auto 0 auto;
background: url(jobb-1-barna.png) no-repeat;
padding:0;
}

#jobbdiv2
{
width: 173px;
height:100%;
margin: 0 auto 0 auto;
background: url(jobb-2-barna.png) repeat;
padding:0;
}

#jobbdiv3
{
width: 173px;
height: 23px;
margin: 0 auto 0 auto;
background: url(jobb-3-barna.png) no-repeat;
padding:0;
}

#adatok
{
width: 590px;
max-width: 590px;
margin: 0 auto 0 auto;
background: transparent;
text-align:center;
}

#tartalom
{
width: 590px;
max-width: 590px;
margin: 0 auto 0 auto;
text-align: justify;
background: transparent;
}

#alul
{
width: 1000px;
margin: 0 auto 0 auto;
background: transparent;
color: #FFFFFF;
text-decoration: none;
font: 12 arial;
}

.galmenu
{
    font-family: arial;
	font-size: 12px;
    font-weight:bold;
	color: #A52A2A;
	text-decoration: none;
}

a.galmenu:link {color: #A52A2A; }
a.galmenu:visited {color: #A52A2A; }
a.galmenu:hover  {color: #D2691E; }
a.galmenu:active {color: #D2691E;}

.kepmenu
{
  padding:0px; margin:0px;
}

a.kepmenu:link img {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
-khtml-opacity: 0.9;
border: 2px solid brown;}

a.kepmenu:visited img {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
-khtml-opacity: 0.9;
border: 2px solid brown;}

a.kepmenu:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; 
border: 2px solid green;}
 
a.kepmenu:active img {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
-khtml-opacity: 0.9;
border: 2px solid brown;}

.box {
box-shadow: 5px 5px 2px #CCCCCC;
-moz-box-shadow: 5px 5px 2px #CCCCCC;
-webkit-box-shadow: 5px 5px 2px #CCCCCC;

-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#CCCCCC,offX=5,offY=5, positive=true)";
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#CCCCCC,offX=5,offY=5, positive=true);
}

.felsomenu
{
    font-family: arial;
	font-size: 14px;
    font-weight:normal;
	color: #333333;
	text-decoration: none;
	padding-top:5px;
}

a.felsomenu:link {color: #333333; }
a.felsomenu:visited {color: #333333; }
a.felsomenu:hover  {color: #111111;}
a.felsomenu:active {color: #333333; }

.oldalmenu1
{
    font-family: arial;
	font-size: 14px;
    font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 0 0;
	background: url(gomb1.png) no-repeat;
	width:225px;
	height:32px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	line-height: 32px;
	margin-bottom: 4px;
}

a.oldalmenu1:link {color: #FFFFFF; }
a.oldalmenu1:visited {color: #FFFFFF; }
a.oldalmenu1:hover  {color: #E0D1B0;}
a.oldalmenu1:active {color: #FFFFFF; }

.oldalmenu2
{
    font-family: arial;
	font-size: 14px;
    font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 0px 10px;
	background: transparent;
	/* line-height: 20px; */
}

a.oldalmenu2:link {color: #FFFFFF; }
a.oldalmenu2:visited {color: #FFFFFF; }
a.oldalmenu2:hover  {color: #E0D1B0;}
a.oldalmenu2:active {color: #FFFFFF; }

.submenu{
margin-bottom: 0.5em;
}

#almenu
{
background: url(gomb2.png) repeat;
width:225px;
/*padding-top: 2px;*/
text-align:left;
min-height:22px;
_height:22px;
}

#menugomb
{
width: 192px;
height: 30px;
float: left;
background: url(menugomb.png) no-repeat;
/*line-height: 40px;*/
padding: 8 0 0 0px;
margin: 0 0 0 0;
font-size: 12px;
font-weight: normal;
text-align: center;
}

.kivitelezo
{
    font-family: arial;
	font-size: 11px;
    font-weight:bold;
	color: #FFF0E0;
	text-decoration: none;
	/* line-height: 20px; */
}

a.kivitelezo:link {color: #FFF0E0; }
a.kivitelezo:visited {color: #FFF0E0; }
a.kivitelezo:hover  {color: #FFFFFF; }
a.kivitelezo:active {color: #FFFFFF;}	

#doboz
{
width: 175px;
height: 235px;
background: transparent;
margin: 0;
float:left;
}

#mappanev
{
width: 175px;
height: 60px;
background: transparent;
margin: 0;
float:left;
color: #A0522D;
text-decoration: none;
font: 12 arial;
}

#mappakep
{
width: 175px;
height: 175px;
background: url(mappakep.png) no-repeat top left;
margin: 0;
float:left;
}
