/**************************
 * Piller - Style File
 * 2007.04.08.
 * By ViaszWorks & ZeroTeam
 */


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */



/************
 * Alap(ok)
 */

 body { margin: 0px; padding: 0px; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; background: url(../images/back.jpg); }
 a{ text-decoration: none; }

/************
 * DIV(ek)
 */


 div#hirdetes_div{ text-align: center; position: absolute; top: 150px; left: 400px; border: 2px #f00 solid; line-height: 20px;
                   background: #ddd url('....../img/korado3.png'); height: 180px; width: 500px; z-index: 1000; }
                                                                   /* height: 180px; width: 500px; */
 div#hirdetes_div img{ border: 0; }
 div#bezar{ margin: 5px; float: right; }

 div#main { width: 980px; background: url(../images/main.jpg); }
 div#logo a { padding: 124px 480px; }
 div#logo{ background: url(../images/site/headers/logo_2010_tavasz.jpg); width:960px; height:170px; }

 div#top { width: 960px; height: 30px; background: url(../images/top.jpg); }
 div#topmenu { width: 945px; height: 29px; padding-left: 15px; background: url(../images/topbg.jpg); }
 div.topline { float: left; width: 1px; height: 29px; background: url(../images/line.jpg); }
 div#copy { width: 980px; height: 40px; padding-top: 10px; background: url(../images/footer.jpg); }




 div.button_2 { float: left; text-align: center; }
 div.button_2 a { color: #858688; display: block; padding-top: 12px; height: 28px; background-position: 0px -10px; }
 div.button_2 a:hover { background-position: 0px 40px; }
 div.separator { background-position: 0px -10px; float: left; width: 1px; height: 40px; background: url(../images/footer_menu_separator.jpg); }


 a.link1 { width: 87px; height: 40px; text-indent: -3000px; margin-left: 200px; display: block;  }
 a.link2 { width: 87px; height: 40px; text-indent: -3000px; margin-left: 18px; display: block;  }

 div.button { float: left; }
 div.button a { padding: 0 8px; display: block; height: 29px; line-height: 27px; color: #eee; }
 div.button a:hover { background-position: 0px 29px; }
 .hover { background-position: 0px 19px; }

 div.head { width: 960px; height: 42px; }

 /* Akciók oldal */

 div#welcome { width: 900px; margin-bottom: 0px; text-align: justify; }
 div#welcome a{ color: #00f; }
 div#img1 { margin-left: 5px; border: 1px solid #D3D3D3; float: right; }  /* Nyitó oldali köszöntő kép */

 div#a-table { width: 960px; }
 div#a-table input { border: #abadb3 1px solid; }
 div#a-left-side { width: 585px; float: left; }
 div#a-right-side { width: 365px; float: left; }

 div#info-table { height: 100px; width: 960px;  line-height: 20px; text-align: left; }
 div#info-tabe-left { width: 420px; float: left;  padding: 0 30px; }
 div#info-tabe-right { width: 420px; float: left; padding: 0 30px; }

 div#shop { width: 800px; margin-top: 20px; padding: 10px; border: 1px solid #D3D3D3; background: #F5F5F5; }
 div#shop img { border: #d3d3d3 1px solid; margin: 0 0 0 10px; }


 div.a-box1 { width: 530px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #D3D3D3; background: #F5F5F5; }
 div.a-box2 { width: 530px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #D3D3D3; background: #fff; }
 div.a-box_kiemelt { width: 530px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #000; background: #face01; }

 div.a-box1_mini { width: 320px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #D3D3D3; background: #F5F5F5; }
 div.a-box2_mini { width: 320px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #D3D3D3; background: #fff; }
 div.a-box_mini_kiemelt { width: 318px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 2px solid #445766; background: #a9f088; }

 div.a-box1_korabbi_hirek { width: 320px; margin-bottom: 20px; padding: 10px; text-align: left; border: 1px solid #D3D3D3; background: #fff; }
 div.a-box1_korabbi_hirek a { display: block; margin: 0 0 8px 0; }

 div.a-img { margin: 0 0 0 10px; padding: 0; float: right; }

 div.p-box1 { width: 320px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #D3D3D3; background: #F5F5F5; }
 div.p-box2 { width: 320px; margin-bottom: 20px; padding: 10px; text-align: justify; border: 1px solid #D3D3D3; background: #fff; }
 div.p-img { border: 1px solid #D3D3D3; margin-bottom: 10px; text-align: center; }

 div.table-bg { min-height: 800px; width: 960px; }

 div#img2 { border: 1px solid #D3D3D3; width: 800px; height: 557px; margin-bottom: 20px; }

 div.a-box1 ul li{ margin-left: 10px; }
 div.a-box2 ul li{ margin-left: 10px; }



 /* webshop */

 table#webtable { width: 540px; margin: 0; }

 div#web-left-side { padding: 20px 10px 0 10px; width: 185px; float: left; }
 div#web-center { padding-top: 20px;  width: 545px; float: left; }
 div#web-right-side { padding: 20px 10px 0 10px; width: 175px; float: left; }


 div#web-login-fej{ float: left; width: 182px; height: 24px; background-image: url(../images/ws_termekek_fej_bejelentkezes.jpg); }
 div#web-bal_info-fej{ float: left; width: 182px; height: 24px; background-image: url(../images/ws_termekek_fej.jpg); }

 div#web-bal-box{ text-align: left; margin: 0 2px 20px 4px; padding: 0 2px 0 0; width: 170px; border: #244f62 1px solid; border-top: none; float: left; background: #f5f5f5; }
 div#web-bal-box input{ width: 130px; margin: 0 0 10px 20px; }
 div#web-bal-box input.submit{ width: 80px; margin: 0 0 10px 45px; }
 div#web-bal-box a{ font-size: 10px; color: #000; margin: 0 0 10px 3px; float: left; }
 div#web-bal-box a:hover{ text-decoration: underline; }

 #web-center input.submit{ margin:0; padding: 2px; width: 100px; height: 33px; }

 #web-center form{ width: 500px; margin: auto; padding: 4px; }
 #web-center form#registration dl{ margin: 0; padding: 0; line-height: 20px; }
 #web-center form#registration dt.reg{ margin: 0; padding: 2px 4px; width: 120px; float: left; text-align: right; }
 #web-center form#registration dt.megr{ margin: 0; padding: 2px 4px; width: 250px; float: left; text-align: right; }
 #web-center form#registration dd{ margin: 0; padding: 2px 4px; text-align: left; }
 #web-center form#registration input.input{ width: 300px; }
 #web-center form#registration input.short{ width: 180px; }
 #web-center form#registration input.cim{ width: 265px; }
 #web-center form#registration input.postcode{ width: 30px; margin-right: 4px; }



 div#web-jobb_info-fej{ float: left; width: 181px; height: 24px; margin: 0; padding: 0; background-image: url(../images/ws_termekek_fej_hazhoz.jpg); }
 div#web-kosar-fej{ float: left; width: 181px; height: 24px; margin: 0; padding: 0; background-image: url(../images/ws_kosar_fej_kosar.jpg); }

 div#web-kosar{ margin: 0 4px 20px 4px; padding: 0; width: 167px; border-left: #244f62 1px solid; border-right: #244f62 1px solid; float: left; background: #f5f5f5; }
 div#web-kosar p{ text-align: right; font-size: 10px; height: 18px; line-height: 18px; margin: 0; padding: 1px; border-bottom: #244f62 1px solid; }
 div#web-kosar a{ color: #000; }
 div#web-kosar a:hover{ text-decoration: underline; }
 div#web-kosar img{ border: 0; vertical-align: middle; }

 input.kosarba{ float: left; height: 33px; width: 100px; margin: 0; padding: 0; border: #244f62 1px solid; background: #fff url(../img/kosarr_d.png) no-repeat right top; }
 input.kosarba_db{float: left; width: 30px; margin: 6px 0 0 200px; padding: 0; border: #244f62 1px solid; }

 .kosarbaform{ }

 div.arak{ padding: 0; margin: 0 0 5px 0; }
 form.kosarba{ padding: 0; margin: 0; height: 35px; }

/* oldalmenü */
 a.oldalmenu{ margin: 1px 0; padding-left: 4px; float: left; width: 195px; height: 19px; line-height: 19px; font-size: 10px; text-align: left; color: #00192f; font-weight: bold; }
 a.almenu{ margin: 1px 0; padding-left: 16px; float: left; width: 183px; height: 19px; line-height: 19px; font-size: 10px; text-align: left; color: #00192f; font-weight: bold; }

 a.o1{ background-image: url(../images/site/menu_images/ol_menu.jpg); }
 a.o1:hover{ background-position: 0px 19px; }

 a.o2{ background-image: url(../images/site/menu_images/ol_menu2.jpg); }
 a.o2:hover{ background-position: 0px 19px; }

 a.o3{ background-image: url(../images/site/menu_images/ol_menu3.jpg); }
 a.o3:hover{ background-position: 0px 19px; }

.al_hover{ background-position: 0px 19px; }

 /***********/

 /********
 * H(k)
 */

 h2.default{ margin: 0px 0px 20px 0px; font-size: 14px; text-align: center; }
 h2.default2{ margin: 20px 0px 10px 0px; font-size: 14px; text-align: left; border-bottom: 1px solid #000; }

/********************
 * Table elem(ek)
 */

 /* közös */
 table#porzsak { margin: 20px 17px; }
 table#porzsak td, table#webtable td {  font-size: 10px; text-align: left; }
 div.arak{ text-align: center; }
 
 a.reszletek{ float: left; margin: 5px 0 0 0; padding: 0; }

 tr.tr1 { background-color: #d9d9d9; }
 tr.tr2 { background-color: #e9e9e9; }
 table#porzsak tr td a, table#webtable tr td a{ text-decoration: none; color: #000; font-weight: bold; }
 table#porzsak tr td a:hover, table#webtable tr td a:hover{ text-decoration: underline; color: #0a88bb; }
 table#porzsak tr.sor_fejlec, table#webtable tr.sor_fejlec{ background: #2b465b; color: #fff; font-weight: bold; }
 table#porzsak tr.sor_fejlec td, table#webtable tr.sor_fejlec td{ padding: 5px; margin: 0; min-width: 200px; }

 /* csak porzsák */
 table#porzsak tr td { height: 25px; padding: 5px; }
 td.porzsak-lista{ background-color: #445766; border: 1px solid #273848; border-top: 0px; }

 /* csak termékek */
 table#porzsak tr td ul, table#webtable tr td ul{ list-style-image: url(../images/li.jpg); padding-left: 20px; }
 table#porzsak tr td ul li, table#webtable tr td ul li{ margin-left: 20px; }
 table#porzsak tr td img, table#webtable tr td img{ float: right; margin-right: 10px; margin-bottom: 5px; border: 1px solid #D3D3D3; }

 /* Csak oldalmenüs termékeknél. */



/**********************
 * Általános elem(ek)
 */

.clear { clear: both; font-size: 5px; }
.hide { display: none; }
 
.head h1 { margin: 0; color:#fff; font-size: 14px; text-align: left; font-weight: bold; padding: 12px 0 0 20px;}
.head h1 span { margin-left:370px; }
.head h1 span.sp2 { margin-left:500px; }

/*tr.sor_fejlec h1 { font-size: 22px; margin:0; text-shadow: #000 1px 1px 2px; color: #97d7f7; }
tr.sor_fejlec h2 { font-size: 16px; margin:0; text-shadow: #000 1px 1px 2px; color: #97d7f7; }
*/
tr.sor_fejlec h1 { font-size: 22px; margin:0; color: #97d7f7; }
tr.sor_fejlec h2 { font-size: 16px; margin:0; color: #97d7f7; }


/*
.head h2 { display: none;}
 */