/*

                                                   ,o88888 
                                               ,o8888888' 
                         ,:o:o:oooo.        ,8O88Pd8888" 
                     ,.::.::o:ooooOoOoO. ,oO8O8Pd888'" 
                   ,.:.::o:ooOoOoOO8O8OOo.8OOPd8O8O" 
                  , ..:.::o:ooOoOOOO8OOOOo.FdO8O8" 
                 , ..:.::o:ooOoOO8O888O8O,COCOO" 
                , . ..:.::o:ooOoOOOO8OOOOCOCO" 
                 . ..:.::o:ooOoOoOO8O8OCCCC"o 
                    . ..:.::o:ooooOoCoCCC"o:o 
                    . ..:.::o:o:,cooooCo"oo:o: 
                 `   . . ..:.:cocoooo"'o:o:::'              CSS by Kató Áron - 2009 - www.dsworks.hu 
                 .`   . ..::ccccoc"'o:o:o:::' 
                :.:.    ,c:cccc"':.:.:.:.:.' 
              ..:.:"'`::::c:"'..:.:.:.:.:.' 
            ...:.'.:.::::"'    . . . . .' 
           .. . ....:."' `   .  . . '' 
         . . . ...."' 
         .. . ."'     
        . 



*/


* {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #222;
}

body {
	background: url(images/bg01_1680x760.jpg) repeat-x;
	width: 100%;
	margin:0px 0px 0px 0px;
}

#wrapper{
	width:900px;
	margin:0px auto;
}

#header {
	width:900px; 
	padding:0px 0px 0px 0px;
	height: 140px;
	background: none;
}

#logo{
	float: left;
	background: url(images/logo_270x140.jpg) no-repeat;
	width:270px;
	height: 140px;
}

#logo a:link{
	float: left;
	background: url(images/logo_270x140.jpg) no-repeat;
	width:270px;
	height: 140px;
}

#menubg{
	float: left;
	background: url(images/head_630x140.jpg) no-repeat;
	width: 630px;
	height: 140px;
}

ul#menu {
width:560px;
height:40px;
list-style:none;
margin: 100px 0px 0px 70px;
padding:0;
padding-top:0px;
}

ul#menu li {
float:left;
}

ul#menu li a {
background: url(images/menu_sprite_560x80.jpg) no-repeat scroll top left;
display:block;
height:40px;
position:relative;
}

ul#menu li a.index {
width:85px;
}

ul#menu li a.szolgaltatasok {
width:141px;
background-position:-85px 0px;
}

ul#menu li a.ajanlatkeres {
width:122px;
background-position:-226px 0px;
}

ul#menu li a.referemciak {
width:112px;
background-position:-348px 0px;
}

ul#menu li a.elerhetoseg {
width:100px;
background-position:-460px 0px;
}

ul#menu li a span {
	background: url(images/menu_sprite_560x80.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	z-index:100;
}

ul#menu li a:hover.index span {
width:85px;
background-position:0px -40px;
}

ul#menu li a:hover.szolgaltatasok span {
width:141px;
background-position:-85px -40px;
}

ul#menu li a:hover.ajanlatkeres span {
width:122px;
background-position:-226px -40px;
}

ul#menu li a:hover.referemciak span {
width:112px;
background-position:-348px -40px;
}

ul#menu li a:hover.elerhetoseg span {
width:100px;
background-position:-460px -40px;
}


ul#menu li a span:hover {
cursor:pointer;
}

#fooldal_content{ 
	background: url(images/fooldal_bg_900x620.png) no-repeat;
	width: 900px;
	height: 620px;
	padding: 0px 0px 0px 0px;
}

#szolgaltatasok_content{ 
	background: url(images/szolgaltatasok_bg_900x620.png) no-repeat;
	width: 900px;
	height: 620px;
	padding: 0px 0px 0px 0px;
}

#elerhetoseg_content{ 
	background: url(images/elerhetosegek_bg_900x620.png) no-repeat;
	width: 900px;
	height: 620px;
	padding: 0px 0px 0px 0px;
}

#elerhetoseg_content a{ 
	color: #ccc;
}

#referenciak_content{ 
	background: url(images/referenciak_bg.png) no-repeat;
	width: 900px;
	height: 620px;
	padding: 10px 0px 0px 0px;
	list-style: none;
	color: #fff;
}


#referenciak_content_bgless{ 
	width: 900px;
	height: 620px;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

#ajanlatkeres_content{ 
	background: url(images/ajanlatkeres_bg_900x620.png) no-repeat;
	width: 900px;
	height: 620px;
	padding: 0px 0px 0px 0px;
}

#footer{
	width: 900px;
	min-height: 19px;
	padding: 0px 0px 0px 0px;
}

#footer p{
	padding: 10px 0px 0px 0px;
	font-size: 11px;
}

#lasky_logo{
	background: url(images/lasky_80x19.jpg) no-repeat;
	float: right;
	width: 80px;
	height: 19px;
}

#lasky_logo a{
	background: url(images/lasky_80x19.jpg) no-repeat;
	float: right;
	width: 80px;
	height: 19px;
}

#content_txt{
	padding: 160px 50px 40px 460px;
	height: 420px;
}

#content_txt p{
	color: #fff;
	font-size: 14px;
	line-height: 120%;
}

#content_txt p strong{
	color: #fff;
	font-size: 14px;
	line-height: 120%;
}

ul{
	list-style: circle;
}

li{
	color: #fff;
	line-height: 150%;
	font-size: 14px;
}

#content_ajanlatkeresform{
	padding: 120px 50px 40px 420px;
	height: 420px;
}

#content_ajanlatkeresform p{
	color: #fff;
	font-size: 14px;
	line-height: 120%;
}

#content_ajanlatkeresform p strong{
	color: #fff;
	font-size: 14px;
	line-height: 120%;
}

input.field {
	border: 0px;
	background: url(images/input_410x30.jpg) no-repeat;
	font-weight: normal;
	font-size: 14px; 
	color: #000;
	width: 410px;
	height: 14px;
	padding: 8px 14px 8px 4px;
	
}

textarea.msgfield {
	float: left;
	border: 0px;
	background: url(images/textarea_410x230.jpg) no-repeat;
	font-weight: normal;
	font-size: 14px; 
	color: #000;
	width: 396px;
	height: 214px;
	padding: 8px 10px 8px 4px;
}

.button {
	border: 0px;
	float: right;
	background: url(images/send_btn_88x33.png) no-repeat;
	width: 88px;
	height: 33px;
	color: #fff;
	margin: 10px 17px 0px 0px;
}

.button:hover{
	border: 0px;
	background: url(images/send_btn_hover_88x33.png) no-repeat;
	width: 88px;
	height: 33px;
	cursor:pointer;
}

.refvissza{
	text-align: center;
	padding-left: 30px;
	font-size: 14px;
	color: fff;
	text-decoration: none;
	font-weight: bold;
}

.refvissza a:link{
	font-size: 14px;
	color: fff;
	text-decoration: none;
	font-weight: bold;
}

.refvissza a:active{
	font-size: 14px;
	color: fff;
	text-decoration: none;
	font-weight: bold;
}

.refvissza a:visited{
	font-size: 14px;
	color: fff;
	text-decoration: none;
	font-weight: bold;
}

.refvissza a:hover{
	font-size: 14px;
	color: ddd;
	text-decoration: none;
	font-weight: bold;
}


