@media screen {

body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; }
.fejlec h1 a { color:#fff;}
body { background: #003d8c url(../images/hatter.gif) left top repeat-x; }
a	{ text-decoration:none; }
img { border:0px; }

#head {width: 982px; }

.akciobuborek { position:absolute; left:840px; top:90px; display:block; background:transparent url(/images/akciobuborek.png) left top no-repeat; width:200px; height:200px;}
.akciobuborek p { padding-top:65px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; text-align:center;}
.akciobuborek p a, p.katt a { color:#FFF;}
p.katt {padding:0px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; text-transform:none; text-align:center; line-height:11px;}

.top { display:none; }

.fejlec	{ width: 982px; height: 74px; background: url(../images/bauvir_logo.gif) 223px 6px no-repeat; }
.fejlec h1	{ margin:0px 0px 0px 586px; padding-top:19px; font-size:16px; color:#FFFFFF; font-weight:bold; }
.fejlec h2	{ margin: -2px 0px 0px 586px; font-size:24px; color:#ffcc00; font-weight:bold; }

.menu	{ float:left; display:block; background:#003d8c url(../images/bal_hatter.gif) left top repeat-x; width:200px; }
.menu a	{ color: #FFFFFF; }
.menu ul { margin-top: 15px; margin-left: 100px; list-style: square; }
.menu li { margin-top: 8px; list-style: square; font-size: 15px; font-weight: bold; color:#ffcc00; line-height:15px; }
.menu li a { color: #FFFFFF; }
.menu h1 { margin:100px 0px 0px 10px; font-size:18px; color:#FFCC00; font-weight:bold; }
.menu h2 { margin:5px 0px 0px 10px; font-size:12px; color:#FFCC00; font-weight:bold; letter-spacing: 0.05em; }

ul.tanacs { margin: 15px 0px 0px 25px; list-style: square; }
li.tanacs { margin-top: 5px; list-style: square; font-size: 12px; color:#f9f7ed; font-weight:normal; }

.flash	{ float:left; display:block; width:782px; height:305px; background:#003d8c url(../images/hasab05.gif) left bottom no-repeat; }

#container { background: transparent url(../images/bal_oszlop_hatter.gif) left bottom no-repeat; width:982px; }
#container_index { background: transparent url(../images/bal_oszlop_hatter_nyito.jpg) left bottom no-repeat; width:982px; }

.lablec	{ clear: both; width:982px; height:40px; background:#00214d; }
.lablec p { padding: 12px 20px 0px 15px; font-size: 11px; color:#FFFFFF; text-align: left; }
.lablec a {color:#FFFFFF; }

span.copyright { padding-right:190px; }
span.telefon { font-size:13px; font-weight:bold; color:#FFCC00; }

.bal_oszlop	{ float:left; width: 200px; }
.bal_oszlop h1 { margin:20px 0px 0px 10px; font-size:18px; color:#FFFFFF; font-weight:bold; }
.bal_oszlop h2 { margin:5px 0px 0px 10px; font-size:12px; color:#FFCC00; font-weight:bold; letter-spacing: 0.05em; }
.bal_oszlop ul { margin: 25px 0px 30px 25px; list-style: square; }
.bal_oszlop li { margin-top: 5px; list-style: square; font-size: 12px; color:#f9f7ed;}
.bal_oszlop li a { color: #FFFFFF; }

.ceg, .kapcsolat, .dugulas, .vizszereles, .gazszereles, .zarszerviz, .kerdesek, .egyeb { float:left; padding:0px 0px 30px 0px; width:782px; border-bottom:8px solid #FFCC00; }

.feliratkozas { margin-bottom:20px;}
.feliratkozas form { margin:0;}
.feliratkozas form ul { margin:0px 0px 0px 30px; padding-top:10px; list-style:none;}
.feliratkozas ul li { display:block; margin:0; padding-bottom:3px; font-size:13px; color:#FC0;}
.feliratkozas ul li p { margin:0; padding:0; font-weight:bold; padding: 5px 0px;}
.feliratkozas ul li label { display:inline-block; width: 60px; font-weight:bold;}
.feliratkozas ul li input.field { width:230px; font-size:12px; border:0;}
.feliratkozas input.send { margin-top:10px; font-size:10px; text-transform:uppercase;}


.ceg { background:#0053bf url(../images/ceg_hatter.jpg) right bottom no-repeat; }
.kapcsolat { background:#0053bf url(../images/kapcsolat_hatter.jpg) right bottom no-repeat; }
.dugulas { position:relative; background:#0053bf; }
.vizszereles { position:relative; background:#0053bf; }
.gazszereles { position:relative; background:#0053bf; }
.zarszerviz { position:relative; background:#0053bf; }
.kerdesek { background:#0053bf url(../images/kerdesek_hatter.jpg) right bottom no-repeat; }
.egyeb { background:#0053bf url(../images/egyeb_hatter.jpg) right bottom no-repeat; }

.ceg ul, .kapcsolat ul, .dugulas ul, .vizszereles ul, .gazszereles ul, .zarszerviz ul, .kerdesek ul, .egyeb ul { margin-top: 15px; margin-left: 50px; list-style: square; }
.ceg li, .kapcsolat li, .dugulas li, .vizszereles li, .gazszereles li, .zarszerviz li, .kerdesek li, .egyeb li { list-style: square; font-size: 15px; color:#ffcc00; line-height:22px; }

.ceg h1, .kapcsolat h1, .dugulas h1, .vizszereles h1, .gazszereles h1, .zarszerviz h1, .kerdesek h1, .egyeb h1 { padding:20px 0px 0px 30px; font-size:24px; font-weight:bold; color:#FFCC00; }
.ceg h2, .kapcsolat h2, .dugulas h2, .vizszereles h2, .gazszereles h2, .zarszerviz h2, .kerdesek h2, .egyeb h2 { padding:20px 0px 0px 30px; font-size:15px; font-weight:bold; color:#FFFFFF; }
.ceg p, .kapcsolat p, .dugulas p, .vizszereles p, .gazszereles p, .zarszerviz p, .kerdesek p, .egyeb p { display: block; padding: 10px 0px 0px 30px; width:400px; font-size:15px; color:#FFFFFF; line-height:20px; }

p.szeles { width:722px; }
p.kozepes { width:500px; }
p.keskeny { width:430px; }
p.also { padding-top:30px; width:430px; font-size: 12px; line-height:16px; }

.urlap { display:block; padding: 20px 0px 0px 30px; width: 315px; }
.urlap_bal { float:left; width:70px; height: 35px; padding-top:5px; font-size: 12px; font-weight:bold; color:#FFCC00; }
.urlap_jobb { float:left;  width:245px; height: 40px; }
.urlap_kuldes { float:left;  padding-left:70px; width:245px; height: 40px; font-size: 11px; color:#FFFFFF; }
.urlap_textarea { float:left; width:245px; height: 130px; }

.urlap input { border: 0px; width:240px; font-size:12px; padding:2px 0px 3px 3px;}
.urlap textarea { border: 0px; width: 240px; height:110px; padding:2px 0px 3px 3px; font-size:12px;}
.urlap select { border: 0px; width:242px; font-size:12px; padding:3px 0px 2px 3px; }
.urlap_kuldes input { background:#FFCC00; border: 0px; width:60px; font-size:12px; font-weight:bold; margin-right: 10px; padding:2px 0px 3px 3px;}

.clear { clear: both; font-size:0; line-height:0; height:0; }

/********************* index *************************/

#container_index { background: transparent url(../images/bal_oszlop_hatter_nyito.jpg) left bottom no-repeat; width:982px; }

.flash_index { float:left; display:block; width:782px; height:295px; }

.hasab01 { float:left; width:198px; height:366px; font-size:12px; color:#FFFFFF; border-bottom:8px solid #FFCC00; }
.hasab01 a { display:block; background:url(../images/hasab01.gif) left top no-repeat; width:198px; height:366px; color:#FFFFFF;}
.hasab01 a:hover { background:url(../images/hasab01_aktiv.gif) left top no-repeat; color:#000000; cursor: default; }

.hasab02 { float:left; width:198px; height:366px; font-size:12px; color:#FFFFFF; border-bottom:8px solid #FFCC00; }
.hasab02 a { display:block; background:url(../images/hasab02.gif) left top no-repeat; width:198px; height:366px; color:#FFFFFF; cursor: default; }
.hasab02 a:hover { background:url(../images/hasab02_aktiv.gif) left top no-repeat; color:#000000; cursor: default; }

.hasab03 { float:left; width:198px; height:366px; font-size:12px; color:#FFFFFF; border-bottom:8px solid #FFCC00; }
.hasab03 a { display: block; background:url(../images/hasab03.gif) left top no-repeat; width:198px; height: 366px; color:#FFFFFF; cursor: default; }
.hasab03 a:hover { background:url(../images/hasab03_aktiv.gif) left top no-repeat; color:#000000; cursor: default; }

.hasab04 { float:left; width:188px; height:366px; font-size:12px; color:#FFFFFF; border-bottom:8px solid #FFCC00; }
.hasab04 a { display: block; background:url(../images/hasab04.gif) left top no-repeat; width:188px; height:366px; color:#FFFFFF; cursor: default; }
.hasab04 a:hover { background:url(../images/hasab04_aktiv.gif) left top no-repeat; color:#000000; cursor: default; }

.hasab01 h1, .hasab02 h1, .hasab03 h1, .hasab04 h1 { padding:10px 0px 10px 10px; font-size:14px; font-weight:bold; line-height:15px; }
.hasab01 p, .hasab02 p, .hasab03 p { padding:10px 15px 0px 10px; font-size:12px; line-height:15px; }
.hasab04 p { padding: 10px 5px 0px 10px; font-size:12px; line-height:15px; }

}