@charset "utf-8";
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 47px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -47px; /* negative value of footer height */
	height: 47px;
	clear:both;
/*	background:url(images/footer_repeat.png) repeat-x;*/
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******************************************/
/*** WWW.COOLIO.HU   ---   SZABÓ BÁLINT ***/
/******************************************/

img, div, td { behavior: url(iepngfix.htc) }

img{
border: none;
}

a{
text-decoration:none;
outline:none;
}

body{
background:/*url(backgrounds/background0.jpg)*/ center no-repeat fixed;
}

.nscr_div{
width:263px;
margin:0 auto;
}

.nscr_szoveg{
width:200px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 auto;
padding-top:50px;
font-weight:bold;
}

noscript table{
width:100%;
height:100%;
}

noscript td{
vertical-align:middle;
}

/* HEADER */
.header{
height:113px;
width:100%;
background:url(images/header_csik.png) repeat-x;
}

.header_kozep{
width:800px;
height:113px;
margin:0 auto;
}

.munkaim_menu{
padding:50px 0 0 37px;
width:164px;
height:28px;
float:left;
}

.logo{
width:366px;
height:113px;
float:left;
padding:0 0 0 16px;
/*background:url(images/cimer.png) no-repeat right;*/
}

.kapcsolat_menu{
width:164px;
height:28px;
padding:50px 0 0 16px;
float:left;
}

#munkaim_menu{
cursor:pointer;
opacity:0;
filter:alpha(opacity=0);
}

#kapcsolat_menu{
cursor:pointer;
opacity:0;
filter:alpha(opacity=0);
}


/* TARTALOM */

/* flash intro */
.flash_intro{
margin:0 auto;
width:760px;
height:500px;
}

/* dobozok */
.dobozok{
width:800px;
margin:0 auto;
padding:40px 0 0 0;
overflow:hidden;
opacity:0;
}

.doboz_1{
width:220px;
height:149px;
margin:0 0 0 24px;
padding:0 0 30px 0;
display:inline;
float:left;
background:url(images/ALU_nyers.png) no-repeat;
}

.doboz_2{
width:220px;
height:149px;
margin:0 0 0 47px;
padding:0 0 30px 0;
display:inline;
float:left;
background:url(images/ALU_nyers.png) no-repeat;
}

.doboz_3{
width:220px;
height:149px;
margin:0 0 0 46px;
padding:0 0 30px 0;
display:inline;
float:left;
background:url(images/ALU_nyers.png) no-repeat;
}

.aktiv_doboz{
width:211px;
height:103px;
padding:17px 0 0 4px;
text-align:center;
line-height:20px;
}

.aktiv_doboz img{
cursor:pointer;
}

.doboz_link{
font-size:10px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
margin-top:-4px;
}

.doboz_link:hover{
color:#660000;
}

.reszletes{
padding-top:5px;
}


/* elérhetoség */
.elerhetoseg{
width:519px;
height:337px;
background:url(images/kapcsolat_back.png) no-repeat;
margin:0 auto;
padding:160px 0 0 281px;
opacity:0;
}

.elkuldve{
width:800px;
height:497px;
background:url(images/kapcsolat_back_elkuldve.png) no-repeat;
margin:0 auto;
opacity:0;
}

#input_nev{
width:245px;
background:url(blank.gif);
border:none;
margin:0;
padding:6px 0 9px 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
line-height:15px;
}

#input_email{
width:245px;
background:url(blank.gif);
border:none;
margin:0;
padding:6px 0 9px 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
line-height:15px;
}

#input_uzenet{
width:382px;
height:162px;
background:url(blank.gif);
border:none;
margin:0;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
line-height:15px;
}

.inputdiv_nev{
width:250px;
height:30px;
border:1px solid #a9a8a8;
background:url(images/input_back.png) repeat;
float:left;
}

.inputdiv_nev_hiba{
height:30px;
width:155px;
float:left;
}

.inputdiv_email{
width:250px;
height:30px;
border:1px solid #a9a8a8;
background:url(images/input_back.png) repeat;
float:left;
}

.inputdiv_email_hiba{
height:30px;
width:155px;
float:left;
}

.inputdiv_uzenet{
width:385px;
height:165px;
border:1px solid #a9a8a8;
background:url(images/input_back.png) repeat;
float:left;
}
.inputdiv_uzenet_hiba{
height:30px;
width:119px;
float:left;
}

#kuldes_gomb{
cursor:pointer;
}

.helytarto{
height:10px;
line-height:10px;
margin:0;
padding:0;
clear:both;
}


/* FOOTER */
.copyright{
height:18px;
width:223px;/*
margin:0 auto;
padding:15px 0 0 0;*/
position:absolute;
right:40px;
top:18px;
}

.footer_coolio{
position:absolute;
width:260px;
height:35px;
left:30px;
top:7px;
}


/* PRELOAD */
#preload_div{
position:absolute;
width:100%;
height:100%;
background-color:#000000;
z-index:50;
}

#preload_div table{
width:100%;
height:100%;
}

#preload_div td{
vertical-align:middle;
}

.kozepre{
width:334px;
height:222px;
margin:0 auto;
}


/* ZENE és EGYEBEK */

.zene{
width:70px;
height:30px;
position:absolute;
left:0;
top:20px;
z-index:99;
}

#ajaxload{
display:none;
position:absolute;
top:28px;
right:30px;
z-index:300;
background:url(ajax-loader.gif) no-repeat;
width:24px;
height:24px;
}


/* ELAVULT */

.elavult{
width:522px;
height:297px;
margin:0 auto;
background:url(images/elavult_back.jpg) no-repeat;
}

.firefox{
width:70px;
height:66px;
margin-left:70px;
margin-top:141px;
float:left;
display:inline;
}

.opera{
width:77px;
height:65px;
margin-left:73px;
margin-top:141px;
float:left;
}

.chrome{
width:69px;
height:65px;
margin-left:87px;
margin-top:141px;
float:left;
}

.elavult_bar{
height:35px;
width:522px;
clear:both;
margin:52px 0 0 0;
background:url(images/arrow.gif) right no-repeat;
font-family:"Trebuchet MS";
font-size:18px;
}

.bongeszo_info{
height:30px;
width:260px;
margin:6px 0 0 15px;
float:left;
color:#353434;
}

.continue_link{
float:left;
height:30px;
margin:6px 0 0 0;
}

.continue_link a{

font-family:"Trebuchet MS";
font-size:18px;
color:#353434;
}

.continue_link a:hover{
color:#CC0000;
}

/* REFS próba */

#tescodigital{
width:800px;
height:445px;
margin:0 auto;
opacity:0;
background:url(images/REFS_tescodigital.png) no-repeat;
}

.tesco_link{
padding:100px 0 0 408px;
}
.tesco_link a{
color:#CC0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.tesco_link a:hover{
color:#FF6600;
}
.tesco_szoveg{
line-height:16px;
padding:25px 200px 0 145px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.tesco_szoveg2{
line-height:16px;
padding:50px 300px 0 145px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.tesco_szoveg2 a{
color:#000000;
}
.tesco_szoveg2 a:hover{
color:#CC3300;
}
.tesco_link_vissza a{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.tesco_link_vissza a:hover{
color:#CC3333;
}
.tesco_link_vissza{
padding:65px 0 0 460px;
}