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

* {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}



body	{
	width: 950px; 
	margin: 0 auto; 
	background:url(images/header_pic/blue.jpg) 0 97px repeat-x;
	}
	
#container {
	width: 950px;
	}

/*FŐ OLDAL*/

/*header*/

#header						{border-top:20px solid #fff;}

#header #tophead {height: 78px;}
							 
							 
	#header #logo			{width: 270px;
							 float: left;}
							 
	#header #headtext		{width: 530px;
							 float: left;
							 border-top: 5px solid #FFFFFF;
							 margin-bottom: 3px;}
							 
	#headtext img			{float:right;
							 padding-left: 10px;}
	
	#headtext h1			{color: #2E94BF;
							 text-align: right;
							 font-family: Verdana, Geneva, sans-serif;
							 font-size: 16pt;
							 font-weight: bold;
							 letter-spacing: -1px;
							 margin-bottom: 20px;}
							 
	#headtext p				{color: #2E94BF;
							 text-align: right;
							 font-family: Verdana, Geneva, sans-serif;
							 font-size: 16pt;
							 font-weight: bold;
							 letter-spacing: -1px;
							 margin-bottom: 20px;}
							 
	#headtext h2			 {color: #BABABA;
							  text-align: right;
							  font-family: Verdana, Geneva, sans-serif;
							  font-style: italic;
							  font-size: 16pt;
							  letter-spacing: -3px;}
								
	#header img				{border: none;}
							 
	#header #tuv		{margin: 15px 0 0 10px;}
							 
/*menu*/							 
							 

	#menu a 				{width: 189px;
			 				 height: 140px;
			 				 float: left;
							 text-decoration: none;
			 				 color: #FFF;}

	#menu a span 			{margin: 95px 0 0 10px;
							 display: block;
							 font-size: 18px;}
	
	#menu a#ablak-tisztitas {background: url(images/menu_pic/ablaktisztitas2.jpg)  no-repeat;}
	#menu a#ablak-tisztitas:hover, #menu a#ablak-tisztitasact {background: url(images/menu_pic/ablaktisztitas1.jpg) no-repeat; color: #000;}

	#menu a#ipari-takaritas {background: url(images/menu_pic/ipari-takaritas1.jpg) no-repeat;}
	#menu a#ipari-takaritas:hover, #menu a#ipari-takaritasact {background: url(images/menu_pic/ipari-takaritas2.jpg) no-repeat; color: #000;}

	#menu a#iroda-takaritas {background: url(images/menu_pic/iroda-takaritas1.jpg) no-repeat;}
	#menu a#iroda-takaritas:hover, #menu a#iroda-takaritasact {background: url(images/menu_pic/iroda-takaritas2.jpg) no-repeat; color: #000;}

	#menu a#szonyeg-tisztitas {background: url(images/menu_pic/szonyeg-es-karpittisztitas1.jpg) no-repeat; width: 190px;}
	#menu a#szonyeg-tisztitas:hover, #menu a#szonyeg-tisztitasact {background: url(images/menu_pic/szonyeg-es-karpittisztitas2.jpg) no-repeat; width: 190px; 													 																												 color: #000;}
				
	#menu a#uveg-tisztitas {background: url(images/menu_pic/uveg-es-homlokzat-tisztitasa1.jpg) no-repeat; width: 193px;}
	#menu a#uveg-tisztitas:hover, #menu a#uveg-tisztitasact {background: url(images/menu_pic/uveg-es-homlokzat-tisztitasa2.jpg) no-repeat; width: 193px;
																												color: #000;}	
										
	#menu a .link1 					{margin: 85px 0 0 10px;}
	
/*submenu*/

	#submenu						{background:url(images/menu_pic/menu-bg.gif) no-repeat;
								 	 height: 38px;
								 	 margin: 0 0 0 3px;
								 	 padding: 0 15px;}


	#header #submenu a				{text-decoration: none;
							 	 	 color: #FFF; 
							 	 	 float: left;
							 	 	 line-height: 38px;
									 padding: 0 13px;
							 	 	 font-weight: bold;}
									 
	
	#header #submenu a:hover, #header #submenu a.act 		{background-color:#C3DCFA;
							  		 color:#2E94BF;}


	#header #submenude a			{padding: 10px;}

								 
/*content*/								 
							 
#content							{width: 648px;
							 	 	 float: right;
								 	 margin-top: 20px;
								 	 margin-bottom: 20px;
									 behavior: url(ieUserSelectFix.htc);
									-moz-user-select: none;
									-khtml-user-select: none;
									-webkit-user-select: none;
									user-select: none;}
									 
	#content p						{color: #1A536C;}
	
	#content li						{color: #1A536C;}
							 
	#content h1						{font-size: 30pt;
							 	 	 color: #2E94BF;
								 	 margin: 0 0 20px 0;
									 line-height: 40px;}
							 
	#content h2						{font-weight: bold;
								 	 font-size: 14pt;
									 margin: 0 0 10px 0;
									 color:#58C8FF;}
									 
	#content h3						{color:#75BEDD;
									 font-size: 13pt;
									 margin: 0 0 5px 0;}
							 
	#content ul						{margin: 0px 0 20px 20px;}
	
	#content #listimg				{float:right;}
	#content #textimg				{margin-bottom: 10px;}
	
/*left*/	
							 
#left								{width: 302px;
							 	 	 float: right;}
							 
	#box1 							{background: url(images/left/1bg.jpg) center bottom no-repeat; 
		   							 width: 284px;
		   							 margin-top: 10px;
		  							 margin-bottom: 20px;
									 margin-right: 10px;}

	
	#left p						{padding:10px;}
									 
	#left li						{margin-left: 30px;
									 margin-right: 30px;
									 text-align: left;
									 margin-bottom: 5px;}
									 
	#left ul						{margin-top: 10px;
									 padding-bottom: 10px;
									 color:#0380a0}
			
	#box2 							{background:url(images/left/2bg-small.jpg) center bottom no-repeat;
									 width: 284px;
									 height: 104px;
									 margin-bottom: 20px;
									 margin-right: 10px;
									 color:#005274}
									 
	#box3							{margin-top: 20px;
									 width: 290px;}

	
	textarea 						{vertical-align: top;
									 height:100px;
									 width:170px;
									 margin-left:15px;}


	#bekuldes 						{position: absolute;
									 background-color: #2E93BF;
									 color: #FFFFFF;
									 margin-top:80px;
									 margin-left:-55px;
									 border:none;}

	#input1de	 					{width: 190px;
									 margin-left: 10px;}
	#input2de	 					{width: 190px;
									 margin-left: 8px;}
	#input3de						{width: 173px;
									 margin-left: 6px;}
	
	
	#input1en						{width: 160px;
									 margin-left: 4px;}
	#input2en	 					{width: 140px;
									 margin-left: 2px;}
	#input3en						{margin-left: 5px;}
	
	#input1hu						{width: 160px;
									 margin-left: 4px;}
	#input2hu						{width: 160px;
									 margin-left: 2px;}
	#input3hu						{width: 190px;
									 margin-left: 6px;}
	
	
	
	
	
	
	
	
	#box2 #nev						{padding-right: 30px;}
	
	form 							{position:relative;}
	
/*footer*/
	
#footer								{clear: right;
									 background: #2E93BF;
									 color: #FFFFFF;
									 height: 20px;
									 padding: 10px;
									 font-size: 13px;
									 line-height: 20px;
									 }
									 
#foottext							{float: left;
									 margin: 0px;}
									 
#footlink							{text-align: right;
									 margin: 0px;}
									 
#footlink a							{text-decoration: none;
									 color: #FFFFFF;}
									 
#footlink a:hover					{text-decoration: underline}


/*Referenciák*/


.reftext							{text-align: left}

.refspan 							{font-weight:bold;
									 color:blue;}
									 
.contentdiv							{margin-bottom: 30px;
									 border-bottom: 10px solid #F1F1F1;
									 padding-bottom: 30px;}
									 
#content .refpic					{float: right;
									 width: 200px; 
									 padding: 0; 
									 margin-left: 5px;}
									 
#content .refpic img				{border: none;}

/*Kapcsolat*/


#contactp							{margin-bottom: 10px;
			 						 margin-top: 5px;}
									 
/*Tanusítvány*/
			  
#tanusitvany						{margin-bottom: 10px;}

#content #gallery 					{margin: 0; 
									 padding: 0; 
									 height: 100px;}
									 
#gallery a							{display:block; 
					 				 float:left; 
						 			 text-align:left; 
						 			 width:105px; 
						 			 margin: 0 0 0 0; 
						 			 background:#FFF;}

#gallery a img						{float: none; 
					 				 margin: 0;}

#content img    					{float:right;
                		 			 margin: 0px;
						 			 border: 3px ridge #005099;}

#content #tanupic 					{float:none;}
				 
#content ul							{list-style-image:none;}
#content li							{margin: 5px 0 0 0px;}

#content p	 						{margin-bottom: 10px; 
			  						 text-align:justify;
			  						 margin-left: 5px;}
									 
#content .underline					{text-decoration:underline;}
#content .underline span			{font-weight:bold;}
#content .boldspan					{font-weight:bold;}
ol li								{margin-bottom: 15px;
								 	 text-align:justify;}
ul li								{text-align:justify;}
#content ol							{margin-left: 15px;}

#content .carpeta					{float:right;
								 	 width: 400px;
									 margin-bottom: 10px;}
#content .carpeta img				{border: none;
									 display: block;
									 margin-top: 10px;
									 text-align: center;}

									 
/*KEPEK*/
									 
#content .leftimg					{float: left;
									margin-left: 80px;
									margin-bottom: 5px;}
									 
#content .iparitak					{margin-right: 40px;
									 margin-top: 5px;}
									 
#content .tuzkar					{margin-right: 30px;
									 margin-bottom: 5px;}

#content .cleanfix					{margin-right: 20px;
									 margin-top: 40px;}
									 
#content .iroda						{margin-right: 110px;
									 margin-bottom: 15px;}
									 
#content .floatleft				 	{float:left;
									 margin-right: 10px;
									 margin-bottom: 0px;}
									 
/*Árajánlat mezők*/

#content #legend1				{font-weight: bold;
								color: #2E94BF;
								font-style: italic;
								margin: 20px 0 20px 0;
								font-size: 18px;}
								
#content #legend2				{font-weight: bold;
								color: #2E94BF;
								font-style: italic;
								margin: 20px 0 20px 0;
								font-size: 18px;}
								
	/*Magyar árajánlat*/
								
#content #arajanlat				{width: 213px;}
#content #email					{width: 250px;}
#content #cim					{width: 361px;}
#content #tel					{width: 303px;}

#content #hely					{width: 247px;}
#content #nagysag				{width: 176px;}
#content #rend					{width: 205px;}
#content #jelleg				{width: 213px;}
#content #egyeb					{margin: 10px 0 5px -2px;
								 width: 415px;}
#content #kuldes				{margin-top: 5px;
								 margin-left: 2px;}
								 
	/*Angol árajánlat*/														 
								 

#content #arajanlaten			{width: 299px;}
#content #emailen				{width: 362px;}
#content #cimen					{width: 411px;}
#content #telen					{width: 322px;}

#content #helyen				{width: 322px;}
#content #nagysagen				{width: 221px;}
#content #renden				{width: 245px;}
#content #jellegen				{width: 165px;}
#content #egyeben				{margin: 10px 0 5px -2px;
								 width: 415px;}
#content #kuldesen				{width: 100px;
								 margin-top: 5px;
								 margin-left: 2px;}
								 
	/*Német árajánlat*/
	
#content #arajanlatde				{width: 315px;}
#content #emailde					{width: 390px;}
#content #cimde					{width: 371px;}
#content #telde					{width: 341px;}

#content #helyde					{width: 348px;}
#content #nagysagde				{width: 190px;}
#content #rendde					{width: 208px;}
#content #jellegde				{width: 216px;}
#content #egyebde					{margin: 10px 0 5px -2px;
								 width: 430px;}
#content #kuldesde				{margin-top: 5px;
								 margin-left: 2px;}
	

#content .takimg				{float: left;
								 margin: 0; padding: 0;}
								 
#content #centrepic1						{float: none;
								 margin: 0 0 10px 70px;}



.kapcsolodo					{margin-top: 10px;}				
								 
.kapcsolodo	a					{color:#2E94BF;
								font-size:10pt;
								font-weight:bold;
								
								text-decoration:none;}
								
.kapcsolodo	a:hover				{text-decoration:underline;
								color:#58C8FF;}
								
.gyorsmenu {font-size:11px; font-family:Arial,Helvetica,sans-serif; color:#2E94BF;}
.gyorsmenu a {font-size:11px; color:#2E94BF;}

.be {color:#58C8FF;}

/*TANUSÍTVÁNY*/

#content #tanusitvany img {
						   border: none;
						   margin: 0 0 30px 0;
						   float: none;
							}

#content #tanusitvany h1 {
						  text-transform: uppercase;
						  letter-spacing: 5px;
						  }

/*GEPPARKUNK*/

#content .geptabla {
					width: 300px;
					font-size: 12px;
					}
					
#content .geptabla td {padding: 1px;}

#content .geptabla .tdright {text-align: right;}

#content .geptabla .bluebg {background-color: #99CDFF;}

#content .leftpic {float: left;}
#content .rightpic {float: right;}

#geppark p {margin: 5px 0 5px 0;}
#gepek img {float:left; margin-right:15px;}
#gepek h2 {margin-top:16px; margin-bottom:16px;}
#gepek h2 a {color:#58C8FF; text-decoration:none; border-bottom:1px dotted #58C8FF;}
#gepek p { line-height:21px; padding:0px;}
#content .leiras {font-size: 12px;}

#content .vastagbetu {font-size: 1.1em; font-weight: bold;}

/*LENYÍLÓ MENÜ*/

div.menu	   {background-image:url(image/hmenu_background.jpg);
			background-repeat: repeat-x;
			color: #FFF;
			clear: left;
			margin-bottom: 10px;
			}
			
#ulMenu {
			color: #FFF;
			clear: left;
			margin-bottom: 10px;
	
	}			
div.menu li#m1, div.menu li#m2, div.menu li#m3, div.menu li#m4, div.menu li#m5, div.menu li#m6, div.menu li#m7 
{ float: left; list-style: none; margin: 0; padding: 0; text-align: center; height: 26px; }
/*
div.menu li#m1 { width: 160px; background: url(images/menu_k.jpg) repeat-x; }
div.menu li#m2 { width: 190px; background: url(images/menu_b.jpg) repeat-x; }
div.menu li#m3 { width: 210px; background: url(images/menu_k.jpg) repeat-x; }
div.menu li#m4 { width: 170px; background: url(images/menu_b.jpg) repeat-x; margin-right: 0; }
*/







div.menu li#m1 a.parent, div.menu li#m2 a.parent, div.menu li#m3 a.parent, div.menu li#m4 a.parent, div.menu li#m5 a.parent, div.menu li#m6 a.parent, div.menu li#m7 a.parent 
{ /*font-family:"Times New Roman", Times, serif;*/

/*display: block; margin:0; padding: 5px 0; color: #EFEFEF; text-decoration: none; font-weight: bold;  letter-spacing: 0.4px;*/

color:#000;
display:block;
font-family:verdana;
font-weight:bold;
margin:0;
text-decoration:none;
text-transform:uppercase;
padding-bottom:20px;


}
div.menu li span {  }
div.menu li#m1 a:hover, div.menu li#m2 a:hover, div.menu li#m3 a:hover, div.menu li#m4 a:hover, div.menu li#m5 a:hover, div.menu li#m6 a:hover, div.menu li#m7 a:hover { color: #D8C7A9; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:180px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
.menu ul ul li {
width:300px;
}
/* style the links for the top level */
.menu ul ul a, .menu ul ul a:visited {
display:block;
text-decoration:none; 
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
color:#fff; 
width:210px; 
height:25px; 
border:1px solid #D5D4CF; 
border-width:1px 0 0 0; 
background:#034693; 
padding-left:10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {

}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#2d2d2d;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#fff;
}
.menu ul ul ul :hover > a {
background:#2d2d2d;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:180px;
margin-top: 7px;
font-size: 12px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:25px;
t\op:26px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:200px; 
top:0;
width:180px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#034693; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:8px 10px; 
width:180px

filter:alpha(opacity=92);
-moz-opacity:0.92;
-khtml-opacity: 0.92;
opacity: 0.92;

/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:180px;
w\idth:180px;
}


/* style the top level hover */
.menu a.parent:hover {
color:#fff; 
background:transparent;
}
.menu :hover > a.parent {
color:#fff;
background:transparent;
}

.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#2C739F;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#2C739F;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#content fieldset#code img { float: none; border: none; margin: 10px; }

.tor {clear:both;}