@charset "utf-8";
@font-face {font-family: 'roboto';	src: url('font/roboto-regular-webfont.eot')}
@font-face {font-family: 'roboto';	src: url('font/roboto-regular-webfont.ttf');}
.gomb01 {background:url(images/gomb01.png); width:104px; height:30px; border:none; cursor:pointer;}
.gomb01:hover {background:url(images/gomb01a.png);}
.gomb02 {background:url(images/gomb02.png); width:160px; height:30px; border:none; cursor:pointer;}
.gomb02:hover {background:url(images/gomb02a.png);}
.bezaro{ position:absolute; right:-5px; top:-5px; cursor:pointer; background:url(images/bezar.png); width:30px; height:30px;}
.bezaro:hover { background:url(images/bezar2.png);}

.koszikoszi{ position:absolute; margin-left: auto; margin-right:auto; left:40%; width:400px; top:65%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:20px; color:#000000; text-align:center;}
.koszitext { font-family: roboto; font-size:14px; color:#000000;}

@media all and (min-width: 900px) and (max-width: 1680px) 
{

.ujtextbox01{ padding:1px; background-color:#FFFFFF; border:none; font-family:roboto; font-size:11px; color:#666666; margin:0px; border-radius: 3px; width:236px;  height: 20px;  line-height: 20px; width:100%;}

.textbox01{ padding:1px; background-color:#FFFFFF; border:none; font-family:roboto; font-size:11px; color:#666666; margin:1px; border-radius: 5px; }
.textbox02{ padding:1px; background-color:#FFFFFF; border:none; font-family:roboto; font-size:11px; color:#666666; margin:1px; width:85%;border-radius: 5px; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;overflow:hidden;}
.main1_cont { position: absolute; width:100%; height:100%; background-color:#8a8a8a; }
.main1_top  { position: absolute; width:100%; top:0px; height:8%; background-color:#000000;}
.main1_top_logo { position:absolute; left:15%; top: 10%; height:80%;}
.main1_bottom  { position: absolute; width:100%; bottom:0px; height:8%; background-color:#000000;}
.main1_bottom_adatvedelem {position:absolute; right:15%; top:35%; height:30%;}
.hiba_cont{position:absolute; width:20%; height:auto; margin:auto; background:url(images/hatter2.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold; box-shadow: 5px 5px 50px #000000;}



.cucc1_cont  { position: absolute; width:100%; top: 8%; height: 84%; background-color:#8a8a8a; background-image:url(images/backgr1.jpg); background-repeat: no-repeat;  background-size: auto 100%; background-position:center;}
.cucc1_csik { position:absolute; width: 100%; top:55%; height:8%; background-image:url(images/pattern.png);}
.cucc1_gomb1 { position:absolute; height:100%; left:15%; background-image:url(images/nyito_menu1.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; cursor:pointer;}
.cucc1_gomb2 { position:absolute; height:100%; right:15%; background-image:url(images/nyito_menu2.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; background-position:right; cursor:pointer;}
.cucc1_koszi{ position:absolute; right:35%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:20px; color:#000000;}



.cucc2_cont  { position: absolute; width:100%; top: 8%; height: 84%; left:100%; background-color:#8a8a8a; background-image:url(images/backgr2.jpg); background-repeat: no-repeat;  background-size: auto 100%; background-position:center;}
.cucc2_gomb1 { position:absolute; height:100%; right:15%; background-image:url(images/fodraszok1.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; background-position:right;cursor:pointer;}
.cucc2_gomb2 { position:absolute; height:100%; left:15%; background-image:url(images/fodraszok2.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; cursor:pointer;}
.cucc2_gomb3 { cursor:pointer; }
.cucc2_doboz1 { position:absolute; width:30%; right:15%; top:15%; }
.cucc2_szoveg1 { background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:15px; color:#000000;}
.cucc2_doboz2{ position:absolute; width:30%; right:15%; top:5%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold;}
.cucc2_doboz3{ position:absolute; right:15%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:20px; color:#000000;}
.cucc2_doboz4{ position:absolute; width:30%; right:15%; top:35%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold;}

.cucc3_cont  { position: absolute; width:100%; top: 8%; height: 84%; left:-100%; background-color:#8a8a8a; background-image:url(images/backgr4.jpg); background-repeat: no-repeat;  background-size: auto 100%; background-position:center;}
.cucc3_gomb2 { position:absolute; height:100%; right:15%; background-image:url(images/hajmodellek2.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; background-position:right; cursor:pointer;}
.cucc3_gomb1 { position:absolute; height:100%; left:15%; background-image:url(images/hajmodellek1.png); background-repeat:no-repeat; width:25%; background-size: auto 100%;}
.cucc3_doboz1 { position:absolute; width:40%; left:5%; top:10%;}
.cucc3_szoveg1 { background:url(images/hatter.png); padding:25px;font-family: roboto; font-size:15px; color:#000000; }
.cucc3_doboz2{ position:absolute; width:25%; left:15%; top:25%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold;}
.cucc3_doboz3{ position:absolute; left:15%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:16px; color:#000000; width:300px;}
.cucc3_doboz4{ position:absolute; width:870px; left:-25%; top:5%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000; }


.felhasznalasi {position:absolute; height:420px; width: 1100px; padding: 20px; background-image:url(images/pattern2.png); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; z-index:10; visibility:hidden;}

}

@media all and (min-width: 1681px)
{
.ujtextbox01{ padding:1px; background-color:#FFFFFF; border:none; font-family:roboto; font-size:12px; color:#666666; margin:0px; border-radius: 3px; width:236px;  height: 20px;  line-height: 20px; width:100%;}
.textbox01{ padding:3px; background-color:#FFFFFF; border:none; font-family:roboto; font-size:12px; color:#666666; margin:2px;border-radius: 5px;}
.textbox02{ padding:3px; background-color:#FFFFFF; border:none; font-family:roboto; font-size:12px; color:#666666; margin:2px; width:85%;border-radius: 5px;}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;overflow:hidden;}
.main1_cont { position: absolute; width:100%; height:100%; background-color:#8a8a8a; }
.main1_top  { position: absolute; width:100%; top:0px; height:8%; background-color:#000000;}
.main1_top_logo { position:absolute; left:15%; top: 10%; height:80%;}
.main1_bottom  { position: absolute; width:100%; bottom:0px; height:8%; background-color:#000000;}
.main1_bottom_adatvedelem {position:absolute; right:15%; top:35%; height:30%;}
.hiba_cont{position:absolute; width:15%; height:auto; margin:auto; background:url(images/hatter2.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold; box-shadow: 5px 5px 50px #000000;}

.cucc1_cont  { position: absolute; width:100%; top: 8%; height: 84%; background-color:#8a8a8a; background-image:url(images/backgr1.jpg); background-repeat: no-repeat;  background-size: auto 100%; background-position:center;}
.cucc1_csik { position:absolute; width: 100%; top:55%; height:8%; background-image:url(images/pattern.png);}
.cucc1_gomb1 { position:absolute; height:100%; left:15%; background-image:url(images/nyito_menu1.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; cursor:pointer;}
.cucc1_gomb2 { position:absolute; height:100%; right:15%; background-image:url(images/nyito_menu2.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; background-position:right; cursor:pointer;}
.cucc1_koszi{ position:absolute; right:35%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:20px; color:#000000;}

.cucc2_cont  { position: absolute; width:100%; top: 8%; height: 84%; left:100%; background-color:#8a8a8a; background-image:url(images/backgr2.jpg); background-repeat: no-repeat;  background-size: auto 100%; background-position:center;}
.cucc2_gomb1 { position:absolute; height:100%; right:15%; background-image:url(images/fodraszok1.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; background-position:right; cursor:pointer;}
.cucc2_gomb2 { position:absolute; height:100%; left:15%; background-image:url(images/fodraszok2.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; cursor:pointer;}
.cucc2_gomb3 { cursor:pointer; }
.cucc2_doboz1 { position:absolute; width:30%; right:15%; top:30%; }
.cucc2_szoveg1 { background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:18px; color:#000000;}
.cucc2_doboz2{ position:absolute; width:30%; right:15%; top:15%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold;}
.cucc2_doboz3{ position:absolute; right:15%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:20px; color:#000000;}
.cucc2_doboz4{ position:absolute; width:30%; right:15%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold;}

.cucc3_cont  { position: absolute; width:100%; top: 8%; height: 84%; left:-100%; background-color:#8a8a8a; background-image:url(images/backgr4.jpg); background-repeat: no-repeat;  background-size: auto 100%; background-position:center;}
.cucc3_gomb2 { position:absolute; height:100%; right:15%; background-image:url(images/hajmodellek2.png); background-repeat:no-repeat; width:25%; background-size: auto 100%; background-position:right; cursor:pointer;}
.cucc3_gomb1 { position:absolute; height:100%; left:15%; background-image:url(images/hajmodellek1.png); background-repeat:no-repeat; width:25%; background-size: auto 100%;}
.cucc3_doboz1 { position:absolute; width:40%; left:5%; top:30%;}
.cucc3_szoveg1 { background:url(images/hatter.png); padding:25px;font-family: roboto; font-size:18px; color:#000000; }
.cucc3_doboz2{ position:absolute; width:25%; left:15%; top:15%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:12px; color:#000000;font-weight:bold;}
.cucc3_doboz3{ position:absolute; left:15%; top:45%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:16px; color:#000000; width:300px;}
.cucc3_doboz4{ position:absolute; width:870px; left:-25%; top:15%; background:url(images/hatter.png);padding:25px; font-family: roboto; font-size:10px; color:#000000; }

.felhasznalasi {position:absolute; height:450px; width: 1100px; padding: 20px; background-image:url(images/pattern2.png); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; z-index:10; visibility:hidden;}

}