/*************************************************************/
/*   Author:   Radovics Gyöngyi                              */
/*             www.globalspiral.hu                           */
/*   Date:     2007.05.                                      */
/*   Homepage: wwww.axial.hu                                 */
/*************************************************************/

BODY {
	margin:0px; 
	padding:0px;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	background: #A39481 url(images/axial_vizjel.jpg) top left repeat;
}

UL {font-weight:bold;}
LI {font-weight:normal;padding-left:13px; background:url(images/point_1.gif) no-repeat left center;}

P, DIV, TD {
 vertical-align:top;
 text-align:left; 
 font-size:11px; 
 font-weight:normal; 
 font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;

}

/* ----------------------------- ToolTip ------------------------------------*/

.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span#tip{
  display:block;
  position:absolute;
  width: 700px;
  height: 350px;
  overflow:scroll;

  border:1px solid black;
  padding:5px;
  background-color:white; 
  color:#A39481;
  z-index:1000;	
} 

/* ----------------------------- partnerek ------------------------------------*/

BR {line-height:15px;}
HR { height:1px; color:#A0B927; }

/* --- LINKS --- */
A, A:link, A:visited {	
	text-decoration: none;
	color: #A39481;
	font-size:10px;
	font-weight: bold; 
}
A:hover {
	text-decoration: none;
	color: #ADD15A;
}

/* --- IMG LINKS --- */
IMG, .noopacity {border:0;}




/* --- CONTAINER --- */

#oldal{
	/* margin:0 auto; /* center, not in IE5 */
	width:925px;
	/* oldal_width = container_width + bannerright_width */
	/* 760 + 165 = 925 */
}

#container{
	/* margin:0 auto; */
	/* center, not in IE5 	*/
	width:760px;
	float:left;
}
#fullpage{
	margin:0 auto; /* center, not in IE5 */
	width:760px;
	background-color: #F2F2F2;
}
#logo{
	width:150px;
	height:145px;
	/* background: url(images/logo.png) top left no-repeat; */
}
#banner{
	width:610px;
	height:120px;
	line-height:120px;
	float:left;
}
#bannerright {
	float:left;
	width: 165px;
	background-color: #A39481;
	color: #A39481;
	text-align:left;
	vertical-align: top;
	padding:0;
	margin: 0px;
}
.bannersp {
	padding:0;
	margin-bottom: 5px;
	margin-left: 5px;
}
#footer{
	margin:0 auto; /* center, not in IE5 */
	width:760px;
	height:50px;
	background-color: #F2F2F2;
	color:#999;
	font-size: 10px;
	text-align: center;
	vertical-align:middle;
}
#navcontainer {
	width:609px;
	height:25px;
	vertical-align:top;
	background-color: #A39481;
	border-right: 1px solid white; 
}
/* ---------------------------- LEFT ---------------------------- */
#left{
	vertical-align:top;
	width:150px;
	height:460px;
	margin:0 auto;
	background-color: #F2F2F2;
	font-size:10px;
	color:#101010;
	overflow:hidden;
	/* background: url(images/hirek.png) top left no-repeat; */
}
#left .title{
	width:145px;
	font-size:10px;
	font-weight:bold;
	margin-left: 5px;
	border-bottom: 2px solid #9B9B9B;
	color:#101010;
}
.titleGep{
	width:100%;
	font-size:10px;
	font-weight:bold;
	border-bottom: 2px solid #9B9B9B;
	color:#999;
	padding-top:5px;
	padding-bottom:2px;
}
#left .paddTopBottom {
	padding-top:5px;
	padding-bottom:5px;
}

#left .subtitle{
	color:#101010;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	padding-left:3px;
}
#left TABLE{
	width:145px;
}
#left TD {
	color:#B6B6B6;
	font-size:9px;
}
#left .kicsibold{
	padding-left: 5px;
	font-size: 7pt;
	font-weight: bold;
}
#left .kicsi{
	font-size: 7pt;
}

/* ----------------------------- MAIN / CONTENT--------------------------- */
#main{
	width:610px;
	vertical-align:top;	
	background-color: #F2F2F2;
	min-height:700px; 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html #main { height: 700px; }
/**/


#content {
	width:580px;
	margin:10px;
	padding:5px;
	background-color: #FBFBFA;
	color:#000;
	font-size:9px;
	text-align:justify;
	min-height:680px; 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html #content { height: 680px; }
/**/


#content td { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; }
.position {	font-size:1.1em; }

.sitemap {
	width:450px;
	margin-left:100px;
	padding:5px;
	background-color: #FBFBFA;
	color:#000;
	font-size:9px;
	text-align:justify;
}
.divbehuz {margin-left:15px;}
.divbehuz2 {margin-left:50px;}

/* ----------------------------- TARTALOM --------------------------- */

#tartalom {
	padding:10px;
	font-size:11px;
	text-align:justify;
	font-weight:normal; 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#tartalomtxt {
	padding:10px;
	font-size:11px;
	text-align:justify;
	font-weight:normal; 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	overflow: hidden;
}
#pagecim {
	padding:5px;
	color:#B9AD9F; 
	font-weight:bold;
	font-size:14px;
}
#tartalom .tableheader  {
	color:#FFF;
	background-color:#B9AD9F;
	font-weight:bold;
	font-size:11px;
}
#tartalomtxt .kiemel, .kiemel  {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color: #287B52;
	background-color:#FBFBFA;
	font-weight:bold;
	font-size:9pt;
}
.h20 {height:20px; line-height:20px;}
.kocka {
	width:11px;
	height:8px;
	background: url(images/likocka.gif) top left no-repeat;
	font-size:10px;
	padding-left:10px;
}

/* -------------------------------------    HÍREK  ----------------------------------- */
.newsdate {	font-size: 10px; font-style:italic;}
.newsGroup {
	height: 25px; line-height:25px; vertical-align:middle; padding-left:5px;
	font-size: 11px; background-color: #F0F0F0; color:#B9AD9F;
	border-left: 5px solid #A35644;
}
.newsInfo {
  position:relative;
  margin-top:-3px;
  padding:3px;
  border-top:1px solid;
  border-bottom:1px solid;
  font-size:0.9em;
}

.hasznaltgep_almenu {
    height: 25px;
    line-height:25px;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
	font-size: 11px;
    background-color: #F0F0F0;
    color:#B9AD9F;
	border-left: 5px solid #A35644;
    width: auto;
    float: left;

}


/* ----------------------------- dhtmlgoodies SLIDING DIV --------------------------- */

.dhtmlgoodies_question {	/* Styling question */
	overflow:hidden;
}
.dhtmlgoodies_question span {
	cursor: pointer;
	color:#ADD15A;
	font-size:10px;
	font-weight:bold;
	padding-left:12px;
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	/* Start layout CSS */
	cursor: pointer;
	border:1px solid #B9AD9F;
	background-color:#FFF;
	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
 
/* --------------------------- */

.left { text-align:left;}
.right { text-align: right;}
.center { text-align: center;}
.justify{text-align: justify;}

.top { vertical-align: top;}
.bottom { vertical-align: bottom;}
.middle { vertical-align: middle;}

.normal {font-weight: normal;}
.bold {font-weight:bold;}
.dolt {	font-style:italic;}

.error {
	color: #FFF; /* color: #BF3F12; */
	font-size:11px;	
	font-weight: bold;
}
/* ------ BOXOK------------------------*/
.behuz {padding-left:15px;}
.f11 {font-size:11px;}
.f13 {font-size:13px;}

.o33 {width: 200px;}
.w220 {width: 220px;}
.maradek { width:auto;}
/*
.o66 {width: 410px; color: #ADD15A; }
.o50 {width: 305px;	color: #ADD15A; }

.w10  {float:left; width:10px;}
.w300 {width: 300px;}
.w610 {float:left; width: 610px;}
.h50 {height:100px;}
.percent25 {width:25%;}
.percent33 {width:33%;}
.teljes { float: left; width: 610px; color: #ADD15A; }

*/
.colorFFF { color: #FFFFFF;}
.color000 { color: #000000;}
.colorRED { color: red;}
.Rborder { border-right: 1px solid; }

/* -------------------------------------------------------- */
.bgsub {
	width:140px;
	height:46px;
	background: url(images/bg_subcsribe.png) top left repeat-x;
	vertical-align: top;
}
.bgsubinput{
	width:100px;
}
.bgsuberror{
	font-size:9px;
	font-weight:bold;
	color: #BF3F12;
}
.titlewhite {
	padding-top: 3px;
}
.titlewhite div {
	font-size: 9px;
	font-weight:bold;
	color: #FFFFFF;
}
.icon { width:20px;}
.dot { height:1px; width:100%; background:url(images/bg_dot.png) top left repeat-x;}
.dotvertical { height:100%; border-right: 1px dotted #999999;}
/* background:url(images/bg_dot_vertical.png) top right repeat-y;} */
.hiba{
   color:yellow;
   text-decoration:none;
   font-weight: bold;
}
.fejlec{
   font-size: 20px;
   font-weight: bold;
}
.talalat{
   color:yellow;
   text-decoration:none;
   font-size: 14px;
   font-weight: bold;
}
.clear {clear:both;height:12px;}

/* ----------------------------------- GALLERY  ---------------------------------*/
div.gallery {
	width:560px;
	overflow:scroll;
	overflow-y:hidden;
	text-align:left;
	margin-top:0px;
}
div.galImage {
	width:560px;
}
td.Image {
	width:540px;
	overflow:auto;
	text-align:center;
}
td.Image div{
	float:left;
	width:40px;
	height:20px;
	line-height:20px;
	border:1px solid #B9AD9F;
	vertical-align: middle;
	text-align: center;
	font-weight:bold;
}
/*****************************************************************/
/* */
.page A {
	background-color: #A0B927;
	padding: 2px 4px;
	color: white;
	font-weight: bold;
	font-size: 13px;
	line-height: 25px;
	border: 1px solid #DCDCDC;  
	text-decoration: none;
}	
.page A:link {
	color: white;
	font-weight: bold;
	font-size: 13px;
	line-height: 25px;
	border: 1px solid #DCDCDC;  
	text-decoration: none;
}	
.page A:hover {
	background-color: #73950A;
	color: #A0B927;
	font-weight: bold;
	font-size: 13px;
	line-height: 25px;
	border: 1px solid #DCDCDC;  
	text-decoration: none;
}
.activepage {
	padding: 2px 4px;
	background-color: #A0B927;
	color: #73950A;
	font-weight: bold;
	font-size: 13px;
	line-height: 25px;
	border: 1px solid #DCDCDC;  
	text-decoration: none;
}
.linkID A:link, .linkID A:hover  {
	color: #FFF;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}
.linkID, .linkID A {
	color: #182D32;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}

/*****************************************************************/
/* */
.boxlist
{
list-style-type: none;
color: darkgray;
background-color: gainsboro;
margin-left: 5px;
}

.navlist .active:hover li { display: block; }
.boxlist .active li       { display: none; }

.boxcontainer
{
width: 250px;
background-color: gainsboro;
border: 1px gray solid;
}

.boxcontainer a
{
color: gray;
background-color: gainsboro;
width: 120px;
display: block;
}

.boxcontainer a:visited
{
color: gray;
background-color: gainsboro;
}

.boxcontainer a:active
{
color: white;
background-color: gray;
}

.boxcontainer a:hover
{
color: white;
background-color: gray;
}


/* ----------------------------- NAVIGATION --------------------------- */

/**********************/
/*  2. DROP-DOWN MENU */
/**********************/
#sub {	
	padding: 0px; 
	height: 25px;
	width: 610px; 
}
.menu2 {
	float:left; 
	width:609px; 
	height: 25px;
	background-color:#B9AD9F; 
	margin:0 0 0 0;
	z-index: -1;
}
.menu2 ul {list-style-type:none; padding:0 0 0 0; margin:0 0 0 0; 	
	font-family: arial; 
	font-weight:bold; 
	font-size:8px; 
}
.menu2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;}
.menu2 ul li a, .menu2 ul li a:hover, .menu2 ul li a:link, .menu2 ul li a:visited {color: #000; font-size:9px; }

.menu2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; text-decoration:none; 
	height: 25px;
	line-height:25px;
	font-weight:bold; 
	padding:0 0 0 0;
}
	/* ----------- sub */
	.menu2 ul li ul {display:none; border:none;}


/*Non-IE6 hovering*/
.menu2 ul li:hover a {color:#FFF; background-color:#B9AD9F; text-decoration:none;} /*Color main cells hovering mode*/
	/*-------------sub */
	.menu2 ul li:hover ul {display:block; width:140px; position:absolute; z-index:999; left:0;}
	.menu2 ul li:hover ul li a {
		display:block; 
		width:140px; 
		height:auto; 
		line-height:15px; 
		margin-left:-1px; 
		padding:4px 10px; 
		background-color:#D6D0C9; 
		color:#7F7367;
		font-family: arial; 
		font-size: 9px;
		font-weight:bold; 
	} 
	
	.menu2 ul li:hover ul li a:hover {	
		background-color: #ABA092;
		color:#FFF;
		text-decoration:none;
	} 


/*IE6 hovering*/

.menu2 table {color:#FFF; position:absolute; top:0; left:0; border-collapse:collapse;}
.menu2 ul li a:hover {color:#FFF; background-color:#B9AD9F; text-decoration:none;} /*Color main cells hovering mode*/

	/*---------------sub */
	.menu2 ul li a:hover ul {display:block; width:140px; position:absolute; z-index:999; 
	top:15px; left:0; margin-top:10px;}
	.menu2 ul li a:hover ul li a {display:block; width:140px; height:1px; line-height:15px; 
		padding:4px 16px 4px 16px; 
		font-weight:bold; 
		background-color:#D6D0C9; 
		color:#7F7367;
	} 
	.menu2 ul li a:hover ul li a:hover {	
		background-color: #ABA092;
		color:#FFF;
	text-decoration:none;} 


/* ----------------------------- FORM -------------------------------------------- */
.required {
	color: #CC0000;
	font-weight: bold;
}
FORM, .messageBox {
	font-size: 10px;
	color: #73950A;
	background: url(images/bg_boxhead.png) top left repeat; 
	padding: 5px;
}
.messageBox { padding-left:10px;}
FORM DIV {
	font-size:11px;
	color: #A39481;
	font-weight: bold;
}
.hatter, .msgTitle {
	color:#BF3F12;
	font-size: 1.1em;
	font-weight: bold;
}
.msgError {
	color: #BF3F12;
	font-size: 11px;
	font-weight: normal;
	padding-left: 15px;
}
fieldset {border:none;}
.submit {
	font-size: 10px;
	font-weight: bold;
	background-color: #B9AD9F;
	border: 1px outset #ABA092;
	color: #FFF;
}
.submit:focus, .submit:hover, .submit:active, .submitfocus {
	font-size: 10px;
	font-weight: bold;
	background-color: #BF3F12;
	border: 1px outset #ABA092;
	color: #FFF;
}

input, textarea, select {
	padding: 3px;
	font-size: 1em;
	font-family:tahoma,verdana,arial;
	font-weight: normal;
	border:0;
	border-bottom: 1px solid #C1C0B5;
	border-right: 1px solid #C1C0B5;
	background-color: #FAFAF0;
	color: #333;

}
textarea {
	width: 95%;
	line-height: 18px;
}
textarea:focus, textarea.focus, textarea:hover, textarea.hover {
	background-color: #E8E7E1;
	color: #A39481;
}

input:focus, select:focus, textarea:focus, input.focus, select.focus, textarea.focus, 
input:hover, select:hover, textarea:hover, input.hover, select.hover, textarea.hover, 
.textfocus {
	background-color: #E8E7E1;
	color: #A39481;
}

/* button-classed input */
input.button {
  width : 25%;
  height : 2em;
  color : #fff;
  font-weight : bold;
  border : 1px solid #000;
  margin-bottom : 10px;
  background : #669900;
}

/* button-classed input states */
.button:hover, .button:focus {
  cursor : pointer;
  background : #ffffcc;
  border : 1px solid #669900;
  color : #000;
}

.button:focus {
  background : #333;
  border : 1px solid #669900;
  color : #fff;
}