/*Load: default.css*/

body{
margin:0;
padding: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
font-family: Verdana, Geneva, sans-serif;
}

#top {
background: url(images/bg-top.jpg) top center no-repeat;
height: 700px;
width: 100%;
margin: 0 auto;
}

#menu-divi {
height:0px;
width:100%;
}

#menu {
width: 1000px;
margin: 0 auto;
}

#top #menu-bg {
width: 100%;
height: 40px;
}

#top #arrow {
width: 154px;
height: 151px;
margin:0 auto;
background: url(images/down-arrow.png) center center no-repeat;
cursor: pointer;
}
#bottom-top #arrow2-container {
width: 154px;
height: 151px;
margin:0 auto;
}
#bottom-top #arrow2 {
width: 154px;
height: 151px;
margin:0 auto;
background: url(images/up-arrow.png) bottom center no-repeat;
cursor: pointer;
display: none;
}
.tabs {
margin: 0;
left: -155px;
position: fixed;
z-index: 110;
width: 225px;
height: 43px;
background-image: url(images/sidebars.png);
}

#elerhetoseg {
background-position: 0px 0px;
top: 120px;
}
#arlista {
background-position: 0px -43px;
top: 180px;
}
#arajanlat {
background-position: 0px -86px;
top: 240px;
}
#expressz-lehetosegek {
background-position: 0px -129px;
top: 300px;
}
#reszletfizetesi-lehetoseg {
background-position: 0px -172px;
top: 360px;
}

#tab6 {
background: url(images/button6_1.gif) center center no-repeat;
top: 420px;
}
#tab6 div{
width: 100%;
height: 100%;
background: url(images/button6_2.gif) center center no-repeat;
}

#bottom {
background: url(images/bg-bottom.jpg) center top no-repeat;
height: 723px;
width: 100%;
margin: 0 auto;
}

#bottom-top {
height: 188px;
width: 1000px;
margin: 0 auto;
}

#beton {
background: url(images/beton.png) top center repeat-y;
width: 100%;
height: 497px;
position: relative;
top: -497px;
z-index: 500;
}
#metro {
width: 100%;
height: 497px;
}

.szerelveny {
width: 1000px;
height: 487px;
overflow-x: hidden;
overflow-y: hidden;
word-wrap: break-word;
display: block;
margin: 10px auto 0;
}

.szerelveny .animacio {
width: 10105px !important;
height: 497px;
position: relative;
left: 900px;
top: 10px;
z-index:0;
}

.szerelveny .animacio td {
background: url(images/metro.gif) bottom center no-repeat;
width: 2021px;
height: 497px;
}

.szerelveny .szoveg {
position: relative;
top: 200px;
left: 530px;
font-size: 30px;
font-weight: bold;
color: white;
text-transform: uppercase;
text-shadow: 1px 1px 1px #999, 3px 3px 5px #000;
}

.metro-szoveg {
width: 380px;
text-align: right;
display: block;
}

/*popup-box*/
#fekete-bg {
width: 100%;
height: 100%;
background: url(images/popupbg.png) repeat;
position: fixed;
z-index: 999;
top: 0;
left:0;
}
#feher-bg {
width: 732px;
height: 498px;
background: url(images/popup-box.png) center center no-repeat;
margin: 100px auto;
}
#popup-top{
width: 732px;
height: 71px;
position: relative;
top: -14px;
left: 0;
background: url(images/popup-top.png) center center no-repeat;
}
#popup-left{
width: 61px;
height: 71px;
float: left;
}
#popup-right {
width: 61px;
height: 71px;
float: right;
}
#popup-title {
height: 71px;
font-size: 22px;
color: #afe407;
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 71px;
text-shadow: #afe407 0px 0px 10px;
}
.popup {
width: 680px;
height: 380px;
margin: 0 auto;
color: white;
font-size: 12px;
overflow-x: hidden;
overflow-y: auto;
}
#close-popup {
height: 36px;
width: 36px;
margin-top: 35px;
margin-right: 25px;
background: url(images/close-popup0.png) center center no-repeat;
}
#close-popup:hover {
background: url(images/close-popup1.png) center center no-repeat;
cursor: pointer;
}
.popup h1{
text-align: center;
margin-top: 0px;
}
.popup h2 {
font-size: 13px;
}

/*picture-viewer*/
#pview-bg {
width: 100%;
height: 100%;
background: url(images/popupbg.png) repeat;
position: fixed;
z-index: 999;
top: 0;
left:0;
display: none;
}
#pviewer-bg {
width: 732px;
height: 498px;
background: url(images/popup-box.png) center center no-repeat;
margin: 100px auto;
}
#pviewer-top{
width: 732px;
height: 71px;
position: relative;
top:-14px;
left: 0;
background: url(images/popup-top.png) center center no-repeat;
}
#pviewer-left{
width: 61px;
height: 71px;
float: left;
}
#pviewer-right {
width: 61px;
height: 71px;
float: right;
}
#pviewer-title {
hright: 71px;
font-size: 22px;
color: #afe407;
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 71px;
text-shadow: #afe407 0px 0px 10px;
}
.popup-pview {
width: 680px;
height: 400px;
margin: 0 auto;
color: white;
font-size: 12px;
overflow-x: hidden;
overflow-y: auto;
}
#close-pviewer {
height: 36px;
width: 36px;
margin-top: 35px;
margin-right: 25px;
background: url(images/close-popup0.png) center center no-repeat;
}
#close-pviewer:hover {
background: url(images/close-popup1.png) center center no-repeat;
cursor: pointer;
}

#top #cont {
width: 1000px;
height: 450px;
margin: 0 auto;
border: none;
padding-top: 10px;
}

#content {
width: 580px;
margin-left: 420px;
margin-right: 0px;
height: 420px;
font-weight: bold;
font-size: 1px;
text-align: justify;
background: url(images/box.png) center center no-repeat;
color: white;
}
#content_pop {
width: 580px;
margin-left: 420px;
margin-right: 0px;
height: 420px;
font-weight: bold;
font-size: 13px;
text-align: justify;
}

.content2 {
width: 540px;
height: 395px;
margin: 10px 20px;
font-size: 13px;
}

#content h1 {
font-size: 22px;
font-style: italic;
text-align: center;
}

#content h2 {
font-size: 17px;
text-align: left;
}

#content h3 {
font-size: 15px;
text-align: left;
font-style: normal;
font-weight: bold;
}

#content h4 {
font-size: 15px;
text-align: left;
font-style: italic;
font-weight:bold;
}

#footer {
width: 100%;
height: 30px;
}

/*Árajánlat kéro form*/

#ajanlatkeres-hiba {
color: red;
font-size: 16px;
text-align: center;
height: 20px;
font-weight: bold;
}

#arajanlat-keres div.input-bg {
width: 271px;
height: 38px;
background: url(images/input-bg.png) center center no-repeat;
text-align: center;
margin: 0 auto;
}
#arajanlat-keres input[type="text"] {
width: 251px;
height: 30px;
color: white;
line-height: 30px;
text-align: center;
font-weight: bold;
border: none 0px;
background: none;
outline: none 0px;
margin-top: 4px;
}

#arajanlat-keres div.textarea-bg {
width: 477px;
height: 78px;
background: url(images/textarea-bg.png) center center no-repeat;
text-align: center;
margin: 0 auto;
}
#arajanlat-keres textarea {
width: 457px;
height: 70px;
text-align: center;
color: white;
font-weight: bold;
border: none 0px;
background: none;
outline: none 0px;
margin-top: 4px;
overflow: hidden;
resize: none;
}
#arajanlat-keres input[type="button"] {
background: url(images/button.png) center center no-repeat;
font-size: 12px;
width: 66px;
height: 24px;
color: #034800;
text-shadow: #72ff00 -1px 1px 2px;
border: none;
}

.cb-click, .ex-click, .re-click {
width: 20px;
height: 20px;
background: url(images/check-none.png) center center no-repeat;
}

#ajanlat {
margin: 0 auto;
color: #88bd0b;
font-weight: bold;
}

#arajanlat-keres {
text-align: center;
}
table.links {
width: 100%;
text-align: left;
}
.links a {
height: 64px;
line-height: 64px;
color: white;
}
.links td{
height: 95px;
width: 50%;
}

.icons img {
width: 64px;
height: 64px;
float: left;
margin-right: 10px;
}

#kreativ-studio-logo {
position: relative;
top: -40px;
left: 50px;
width: 140px;
height: 75px;
cursor: pointer;
}

/*Load: menu-style.css*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
    height: 42px;
}
.sf-menu {
    margin: 0 auto;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
    z-index: 900;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
    height: 42px;
}
.sf-menu li {
	float:			right;
	position:		relative;
    z-index: 900;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		990;
    height: 42x;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
    height: 42px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
    height: 42x;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
    height: 42x;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
    height: 42px;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin: 0 auto;
    height: 42px;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	text-decoration:none;
    padding: 0 1em;
    line-height: 42px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
    font-size: 12px;
}
.sf-menu li {
    margin-right: 10px;
    background: url(images/menu.png) center bottom repeat;
}
.sf-menu li li {
	background:		#111;
}

.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #000;
	outline:		0;
    height: 42px;
    background: url(images/menu.png) center top repeat;
}

.sf-menu li li a {
	color: #fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
    height: 42px;
    padding-bottom: 0;
    line-height: 42px;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
    height: 42px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
    height: 42px;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 0px 0px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*Load: scroller.css*/

.jspContainer
{
	overflow: hidden;
	position: relative;
    outline: none;
}

.jspPane
{
	position: absolute;
    outline: none;
}

.jspScrollable {
outline: none;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0px;
	width: 10px;
	height: 100%;
    margin-left: 10px;
    }

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #afafaf;
	position: relative;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.jspDrag
{
	background: #b0e40b;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #afafaf;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 0px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.content2
			{
				overflow-y: auto;
                overflow-x: hidden;
                outline: none;
			}
			.jspCap
			{
				display: block;
			}
 
			.jspVerticalBar .jspCap
			{
				height: 25px;
			}
 
			.jspHorizontalBar .jspCap
			{
				width: 50px;
				height: 100%;
			}

/*Generálva az IAKS-Motor által!*/