.szkozep{
	text-align:center;
}
.szbal{
	text-align:left;
}
.szjobb{
	text-align:right;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.alahuzva{
	text-decoration:underline;
}

*{
	margin:0px;
	padding:0px;
}
p img{
	margin:0px 5px 5px 0px;
	
}
address{
	display:inline;
	font-style:normal;
}
.nopotty{
	list-style:none;
}
.nopotty li{
	margin:2px 0px;
}
.clear{
	   clear:both !important;
	   float:none !important;
}
.clearboth{
	height:0px;
	line-height:0;
	font-size:0px;
	clear:both !important;
	float:none !important;
}
a{
	outline:none;
}
body{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:13px;
	color:#323232;
	background:white url(../images/felso_hatter.jpg) no-repeat top center;

}
div.gomb, span.gomb{
	background:url(../images/gomb.jpg) no-repeat;
	width:109px;
	height:22px;
	padding:0;
	text-align:center;
	line-height:22px;
	float:right;
	margin:5px;
	clear:both;
}
.gomb a {
	color:white;
}

#wrapper{
	background:url(../images/also_hatter.jpg) no-repeat bottom center;
}
#page{
	width:980px;
	margin:0px auto;
}
#felso-resz{
	height:80px;
}
#logo{
	margin:0;
}
#logo a{
	display:block;
	width:185px;
	margin-top:25px;
	margin-left:30px;
	height:0;
	font-size:0;
	padding-top:55px;
	float:left;
	text-indent:-9999px;
}
#upper-menu{
	list-style:none;
	float:right;
	margin-bottom:30px;
}
#lower-menu li, #upper-menu li{
	float:left;
}
#upper-menu li a{
	display:block;
	padding:27px 12px 10px;
	color:#323232;
	text-decoration:none;
}
#upper-menu li a:hover{
	background:white;
	color:#db2730;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius:  6px;
	-khtml-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
}
li#lower-fooldal{
	float:right;
	margin-right:42px;
	width:175px;
	height:47px;
	text-indent:-9999px;
	
	
}

div#heading, div#heading-kicsi{

	height:274px;
	background:url(../images/piros.png) no-repeat;
	clear:both;
	position:relative;
	margin:30px 0px 15px 0px;
}
div#heading-kicsi{
	height:145px;
	background:url(../images/piros-kicsi.png) no-repeat;
	margin:30px 0px 25px 0px;
}
#heading-kep{
	background:url(../images/fejlec-kepek-nagy/fooldal/fooldal_kep.jpg);
	width:488px;
	height:274px;
}
#heading-kep-kicsi{
	background:url(../images/fejlec-kepek-kicsi/fejleckep_almenu_1.jpg);
	width:548px;
	height:145px;
	float:right;
}

#csuszoablak, #csuszoablak-kicsi{
	position:absolute;
	top:-25px;
	left:420px;
	background:url(../images/csuszoablak.png) transparent no-repeat;
	width:404px;
	height:344px;
	padding-right:30px;

}
#csuszoablak p, #csuszoablak-kicsi p{
	font-size:1.1em;
}

div#csuszoablak-kicsi{
	background:url(../images/csuszoablak-kicsi.png) transparent no-repeat;
	width:414px;
	height:186px;
	padding:10px;
	left:40px;
}
#pocok, #pocok-kicsi{
	position:absolute;
	top:297px;
	background:url(../images/pocok2.png) transparent no-repeat;
	width:25px;
	height:17px;
	left:630px;
}
div#pocok-kicsi{
	top:167px;
	left:190px;
}

#csuszoablak p.szam{
	padding-left:33px;
	color:white;
	font-size:50px;
	width:78px;
	text-align:center;
	float:left;
}
#csuszoablak h1{
	font-size:30px;
	margin-top:35px;
}
#heading-kicsi h1, #heading-kicsi p{
	margin-bottom:0px;
}
#csuszoablak p, #csuszoablak h1{
	padding-left:20px;
	text-align:right;
	color:#323232;
	font-weight:normal;
}
#kozep{
	margin-top:15px;
	padding-top:20px;
	list-style-type:none;
	height:50px;

}
#kozep li{
	float:left;
	width:138px;
	padding:0px 5px;
	counter-increment: section;
	
}

#kozep a{
	color:#323232;
	display:block;
	padding:0px 0px 0px 0px;
	height:40px;
}
#kozep li:before{
	display:block;
	content:counter(section);
	color:#DB2730;
	text-decoration:none;
	font-size:10px;
	
}
#kozep li.kozep-last{
	width:92px;
	padding:0;
}

#lower-menu{
	list-style:none;
	height:75px;
}
#lower-menu li a{
	display:block;
	color:white;
	text-decoration:none;
	padding:7px;
	margin:7px;	
}

#lower-menu li a:hover{
	text-decoration:underline;
}
#copyright{
	height:35px;
	text-align:right;
	color:white;
	padding-right:45px;
	padding-top:20px;
	margin:0;
}
#content{
	margin-top:15px;
	background:url(../images/csikos.gif) repeat-y 475px;
	margin-bottom:15px;
	min-height:200px;
}
#left{
	width:465px;
	padding:0px 5px;
	float:left;
}
#content h1{
	margin-top:5px;
}
#center{
	width:234px;
	padding:0px 15px;
	float:left;
	height:100%;
}
#right{
	float:left;
	padding:0px 0px 0px 20px;
	width:219px;
}
#right img{
	margin:5px 0px 0px;
	
}
h1{
	font-size:22px;
	font-family:Tahoma, Sans-Serif;
	color:#DB2730;
	margin-bottom:15px;
}
h2{
	color:#DB2730;
	font-size:1em;
}
p{
	margin:10px 0px;
}
.datum{
	color:#808080;
}
a{
	color:#DB2730;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.h20{
	height:20px;
}
.mbottom40{
	margin-bottom:40px;
}
div#Szolg_lista h2{
	margin:10px 0px 5px;
}
div#Szolg_lista p{
	margin:0px;	
}

.weblap-keszites #csuszoablak, .weblap-keszites #csuszoablak-kicsi {
left:0px;	
}
.online-pr #csuszoablak, .online-pr #csuszoablak-kicsi {
left:40px;	
}
.technikai-szolgaltatasok #csuszoablak, .technikai-szolgaltatasok #csuszoablak-kicsi {
left:120px;	
}
.szoftverfejlesztes #csuszoablak, .szoftverfejlesztes #csuszoablak-kicsi {
left:280px;	
}
.keresooptimalizalas #csuszoablak, .keresooptimalizalas #csuszoablak-kicsi{
left:420px;	
}
.online-produkciok #csuszoablak, .online-produkciok #csuszoablak-kicsi{
left:500px;	
}
.sajtofigyeles-sajtoelemzes #csuszoablak, .sajtofigyeles-sajtoelemzes #csuszoablak-kicsi{
left:546px;
}



.weblap-keszites #pocok, .weblap-keszites #pocok-kicsi {
left:40px;	
}
.online-pr #pocok, .online-pr #pocok-kicsi {
left:190px;	
}
.technikai-szolgaltatasok #pocok, .technikai-szolgaltatasok #pocok-kicsi {
left:320px;	
}
.szoftverfejlesztes #pocok, .szoftverfejlesztes #pocok-kicsi {
left:485px;	
}
.keresooptimalizalas #pocok, .keresooptimalizalas #pocok-kicsi{
left:630px;	
}
.online-produkciok #pocok, .online-produkciok #pocok-kicsi{
left:780px;	
}
.sajtofigyeles-sajtoelemzes #pocok, .sajtofigyeles-sajtoelemzes #pocok-kicsi{
left:910px;
}


.referenciaink #content{
	background:url(../images/csikos2.gif) repeat-y 475px;
}




img{
	border:none;
}
.oldalcim{
	width:465px;
}

.magunkrol #kozep{
	margin-top:0px;
	padding-top:5px;
	height:40px;
}
.magunkrol #kozep a{
	height:30px;
}
table{
	border-collapse:collapse;
	margin:10px 0px;
}
td, th{
	border:1px solid black;
	padding:3px;
}
.buborek-szovegek div{
	display:none;
}

.buborek-szovegek div.gomb{
	display:block;
}

#content ul{
	padding-left:20px;
}
#content h2{
	margin-top:10px;
}
#center h2{
	margin-bottom:5px;	
}
#right h2{
	margin-top:5px;
	margin-bottom:10px;
}
.mtop10{
	margin-top:15px;
}
#content ul.nopadding{
	padding:0;
}
.oldalterkep{
	margin:20px;
}
.oldalterkep li{
	line-height:1.6;
}
table{
	width:100%;
}
#page{
	position:relative;
}
#lyoness_logo{
	position:absolute;
	top:355px;
	left:295px;
}
.munkatarsak h2{
	margin:20px 0px;
}
.munkatarsak_nev{
	margin:25px 0px 0px 0px !important;
}

.menu_elerhetosegek #menu_elerhetosegek, 
.menu_magunkrol #menu_magunkrol, 
.menu_referenciaink #menu_referenciaink,
.menu_szolgaltatasaink #menu_szolgaltatasaink,
.menu_hirek #menu_hirek
{
	background:white;
	color:#db2730;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius:  6px;
	-khtml-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
}
.munkatarsak ul{
	float:left;
	padding:10px  !important;
	width:210px;
}
/*//////////////////////////////////////////////////////referencia uj//////////////////////////////////*/
.referencia-fooldal, .referencia-al-aloldal{
	background:url("../images/referencia/szurke.jpg") no-repeat;
	width:210px;
	height:140px;
	text-align:center;
	margin-bottom:15px;
	position:relative;
}
.referencia-al-aloldal{
	margin-bottom:0px !important;
}
.referencia-fooldal p, .referencia-al-aloldal p{
	margin:0px !important;
}
.referencia-al-aloldal-selected{
	background:url("../images/referencia/piros-hover.jpg") no-repeat;
}
.nagyito{
	display:none;
	position:absolute;
}
.referencia-al-aloldal-selected .nagyito, .referencia-fooldal-nagydoboz-hover .nagyito{
	background:url("../images/referencia/nagyito-.png") no-repeat right top !important;
	width:28px;
	height:30px;
	display:block;
	overflow:hidden;
	z-index:3;
	margin:0px !important;
	position:absolute;
	top:0px;
	left:180px;
}
.referencia-fooldal img{
	margin-top:4px !important;
}
.referencia-fooldal-a-hover{
	background:url("../images/referencia/nagyito.png") no-repeat right top;
}
.referencia-h2-fooldal a{
	background:url("../images/referencia/tovabb.jpg") no-repeat scroll right 2px transparent;
	color:#666666;
	font-size:14px;
	padding-right:17px;
	text-decoration:none;
}

.referenciak-piros-doboz{
	background:url("../images/referencia/referencia-piros.jpg") no-repeat scroll 0 0 transparent;
	height:80px;
	padding:10px;
	width:680px;
	margin-bottom:12px;
}
.referenciak-piros-doboz ul{
	display:block;
	padding-left:0px !important;
}
.referenciak-piros-doboz ul li{
	float:left;
	list-style-type:none;
	/*padding:5px 0 5px 10px;
	margin-right:10px;*/
}
.referenciak-piros-doboz ul li a{
	background:url("../images/referencia/minusz.png") no-repeat scroll 200px 10px transparent;
	color:#FFA4A6;
	float:left;
	height:16px;
	width:206px;
	padding:6px 5px 4px 10px;
}
.referenciak-piros-doboz ul li a:hover, .referenciak-piros-doboz-aktiv{
	background:url("../images/referencia/ref-link-hover-2.png") no-repeat 0px 3px !important;
	text-decoration:none !important;
	color:white !important;
}
/*.referenciak-piros-doboz ul li:hover{
	background:url("../images/referencia/ref-link-hover-2.png") no-repeat scroll 0px 3px transparent;
}*/
.nagy-szurke-doboz{
	background:url("../images/referencia/kiemelt-nagy-doboz.jpg") no-repeat scroll 0 0 transparent;
	height:201px;
	margin-bottom:20px;
	padding:10px 10px 14px;
	width:680px;
}
	
.ref-doboz{
	float:left;
	margin-bottom:20px;
}
.nagy-szurke-doboz .ref-doboz{
	margin-bottom:0px !important;
}
.referencia-ablak{
	background:url("../images/referencia/reszletek-doboz.png") repeat scroll 0 0 transparent;
	height:160px;
	margin:0 11.5px;
	padding:5px;
	width:200px;
	position:relative;
	overflow:hidden;
}
.referencia-ablak-szoveges{
	padding:10px !important;
}
.kiemelt-referencia,.kiemelt-referencia-kozep{
	background:url("../images/referencia/kiemelt-doboz.png") no-repeat 0 0;
	/*height:160px !important;
	padding:5px !important;
	width:200px !important;*/
	margin:0 !important;
}
.kiemelt-referencia-kozep{
	margin:0 24px !important;
}

.referencia-h2-aloldal, .referencia-h2-aloldal-kozep{
	margin:0 0 0 10px !important;
	width:200px;
	height:36px;
}
.referencia-h2-aloldal-kozep{
	margin-left:24px !important;
}
.referencia-h2-aloldal a{
	background:url("../images/referencia/tovabb.png") no-repeat scroll right 0px transparent;
	color:#666666;
	padding-right:17px;
	line-height:1.4;
}
 .ref-doboz-hover h2 a{
	background:url("../images/referencia/tovabb-hover.png") no-repeat right 0px !important;
	color:#DB2730 !important;
	text-decoration:underline ;
}
.reszletek-link{
	background:url("../images/referencia/reszletek.png") no-repeat right 3px;
	color:#666666;
	font-size:11px;
	padding-right:7px;
	position:absolute;
	top:150px;
	line-height:1;
	left:12px;
}
.ref-doboz-hover .referencia-ablak{
	background:url("../images/referencia/referencia-landing-hover2.png") !important;
}
.ref-doboz-hover .referencia-ablak .atlatszo{
	background:url("../images/referencia/atlatszo.png") repeat -20px -1px;
	display:block;
	height:17px;
	overflow:hidden;
	padding:2px 15px 2px 24px;
	width:170px;
	position:absolute;
	left:0px;
}
.ref-doboz-hover .referencia-ablak .reszletek-link{
	background:url("../images/referencia/reszletek-hover.png") no-repeat right 3px;
	text-decoration:none;
	color:white;
}
.ref-doboz-hover .referencia-ablak .atlatszo a{
	color:white !important;
}
.atlatszo{
	display:none;
	line-height:1.4;
	margin:0 !important;
	overflow:hidden;
	position:absolute;
	top:116px;
}


.szamlalo{
	background: url("../images/referencia/szamlalo.png") no-repeat right top;
	height:36px;
	width:699px;
}
.szamlalo #elore, .szamlalo #kovetkezo{
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	height:36px;
	width:40px;
	float:left;
}
.szamlalo #elore.disabled{
	background:url("../images/referencia/szamlalo.png") no-repeat scroll left bottom transparent;
	cursor:auto;
}
.szamlalo #kovetkezo.disabled{
	background:url("../images/referencia/szamlalo.png") no-repeat scroll right bottom transparent;
	cursor:auto;
}
.szamlalo #kovetkezo{
	float:right;
}
.pottyos_lapozo{
	margin:0px auto;
	width:80px;
	padding-left:0px !important;
	position:absolute;
	bottom:-6px;
	left:77px;
}
.pottyos_lapozo_nagy{
	margin:0px auto;
}
.pottyos_lapozo li, .pottyos_lapozo_nagy li{
	list-style:none;
	float:left;
	padding-top:10px;
}
.pottyos_lapozo a, .pottyos_lapozo_nagy a{
	text-indent:-9999px;
	display:block;
	width:13px;
	height:13px;
	margin:3px;
	background:url(../images/referencia/szamlalok.png) -27px center;
}
.pottyos_lapozo a:hover, .pottyos_lapozo_nagy a:hover{
	background-position:-14px 0;
}
.pottyos_lapozo a.aktiv, .pottyos_lapozo_nagy a.aktiv{
	background-position:-1px 0;
}
.referencia-oszlop{
	width:210px;
	float:left;
	height:725px;
	padding:0px 15px;
}
#referenciak-mozgo{
	width:960px;
	position:absolute;
	left:-5px;
}
#referencia-mozgo-aloldal{
	position:absolute;
}
.referencia-aloldal-nagydoboz{
	position:relative;
	width:729px;	
	height:690px;
	float:left;
}
#right.referencias, #center.referencias{
	overflow:hidden;
	position:relative;
	height:870px;
}
#center.referencias{
	margin-left:13px;
	padding:0 20px;
	width:206px;
}
#center.referencias img{
	margin:4px !important;
}
.referenciaink #left{
	height:890px;
	padding-bottom:20px;
	position:relative;
	width:729px;
	overflow:hidden;
}
.hir a.fancy img{
	float:left;
	margin:5px 8px 0px 5px;
}
.referencia-fooldal-nagydoboz-hover{
	
}
.referencia-fooldal-nagydoboz-hover h2 a{
	background:url("../images/referencia/tovabb-hover.jpg") no-repeat scroll right 2px !important;
	color:#DB2730 !important;
	text-decoration:underline;
}
.referencia-fooldal-nagydoboz-hover .referencia-fooldal{
	background:url("../images/referencia/piros-hover.jpg") no-repeat;
}
.like{
	float: left;
	height: 27px;
	margin: 0;
}
.rolunk-szoveg{
	text-align:justify;
	margin-bottom:20px;
	float:left;
	padding:0px 10px 0px 0px;
}

#akcio h1{
	background:url("../images/piros-akcio.png") no-repeat center !important;
	color:#FFFFFF !important;
	padding:5px;
	text-align:center;
}

#akcio2 h2{
	background:url("../images/piros-akcio-ref.png") no-repeat center !important;
	color:#FFFFFF !important;
	padding:5px;
	text-align:center;
	margin:0;
}

#right.referencias h1{
	margin-top:0px;
	margin-bottom:2px;
}