@charset "iso-8859-2";

/*alap*/

html, body, div, span, tr, td, p, h1, h2, h3, h4, h5, h6, h7, dl, dd, dt, a, img, ul, ol, li {margin:0; padding:0; border:0; color:#000; font: normal 12px Arial, Helvetica, Verdana, Geneva, sans-serif; line-height:16px; text-align:left; text-decoration:none;}

html {background:url(images/back.gif) repeat #fff;}

ul, ol, li {list-style:none;}

h1 {}

h1 a {font: normal 18px Arial, Helvetica, Verdana, Geneva, sans-serif; line-height:16px;}

h2 {font: normal 18px Arial, Helvetica, Verdana, Geneva, sans-serif; line-height:16px; margin:25px 0 15px 10px;}

h2 a {}

h4 {font: bold 15px Arial, Helvetica, Verdana, Geneva, sans-serif; line-height:16px; margin:15px 0 5px 0;}

a {}

a:hover {}

.clear {clear:both;}

.hidden {visibility:hidden; display:none;}

.left {float:left;}

.right {float:right;}

.center {text-align:center;}

.align-right {text-align:right;}

.red {color:#960026;}

/*alap*/




/*layout*/

#page {width:850px; margin:0 auto; padding:0 5px; background:white;}

#head {width:850px; height:199px; background:url(images/napenergia-head-2.jpg) no-repeat;}

#main {width:840px; padding-left:10px; background:url(images/main-grad.jpg) repeat-x;}

.white-main {background:#fcfcfc;}

/*layout*/




/*head*/

#head h1 em {visibility:hidden; display:none;}

#head h1 a {display:block; width:850px; height:199px;}

/*head*/




/*menu*/

#menu {float:left; width:845px; height:24px; padding:11px 0 0 5px; background:url(images/menu-back.gif) repeat-x;}

#menu a {cursor:pointer; display:block; font-size:12px; text-transform:uppercase; color:white; padding:1px 0 0 6px;  height:16px;}

#menu div {float:left; margin:0 7px 0 0;}

#menu-bemutatkozas a {width:100px;}

#menu-bemutatkozas a:hover,
#menu-bemutatkozas a.active {background:url(images/bemutatkozas-a.gif) left no-repeat;}

#menu-termekeink a {width:87px;}

#menu-termekeink a:hover,
#menu-termekeink a.active {background:url(images/termekeink-a.gif) left no-repeat;}

#menu-ujdonsagok a {width:93px;}

#menu-ujdonsagok a:hover,
#menu-ujdonsagok a.active {background:url(images/ujdonsagok-a.gif) left no-repeat;}

#menu-referencia a {width:85px;}

#menu-referencia a:hover,
#menu-referencia a.active {background:url(images/referencia-a.gif) left no-repeat;}

#menu-kapcsolat a {width:78px;}

#menu-kapcsolat a:hover,
#menu-kapcsolat a.active {background:url(images/kapcsolat-a.gif) left no-repeat;}

#menu-adatlap a {width:96px;}

#menu-adatlap a:hover,
#menu-adatlap a.active {background:url(images/ajanlat-a.gif) left no-repeat;}

#menu-palyazatok a {width:82px;}

#menu-palyazatok a:hover,
#menu-palyazatok a.active {background:url(images/palyazatok-a.gif) left no-repeat;}

#menu-partnereink a {width:90px;}

#menu-partnereink a:hover,
#menu-partnereink a.active {background:url(images/partnereink-a.gif) left no-repeat;}

/*menu*/




/*main*/

#bemutatkozas-head-1 {width:600px; height:37px; padding:4px 0 0 0; background:#9dc7e7; margin:6px 0 0 0;}

#bemutatkozas-head-2 {width:582px; height:30px; padding:7px 0 0 18px; background:#3580b9; border-top:solid 3px #246aad;}

#bemutatkozas-head-2 p {font-size:16px; color:white;}

#bemutatkozas {width:564px; padding:18px 18px 0 18px; background:url(images/fa-teteje.jpg) bottom no-repeat #d6e7f1;}

#bemutatkozas p {line-height:17px;}

#bemutatkozas li {line-height:17px; padding:0 0 0 12px; background:url(images/szurke-pont.gif) no-repeat 0 6px;}

#bem-marg {margin:3px 0 0 0;}

#bemutatkozas .left,
#bemutatkozas .right {width:268px; height:512px;}

#fa-torzse {width:600px; height:127px; background:url(images/fa-torzse.jpg) no-repeat;}

#referencia {width:221px; margin:10px 0 0 0;}

#pic-gal {width:221px; margin:10px 0 10px 0;}

#ref-head {width:208px; height:21px; padding:4px 0 0 13px; background:url(images/ref-head.gif) repeat-x;}

#ref-head a {font-size:13px; text-transform:uppercase; color:white;}

#ref-x {width:221px; height:484px; background:url(images/ref-x.jpg) no-repeat;}

#ref-x a {display:block; width:221px; height:484px;}

#ref-foot {width:221px; height:30px; margin:0 0 10px 0; padding:4px 0 0 0; background:url(images/ref-foot.jpg) no-repeat;}

#ref-foot a {display:block; width:200px; height:20px; margin:0 0 0 10px; font-size:13px; color:white; text-align:center;}

.ref-pic img {margin:0 0 10px 0;}

/*main*/




/*pages*/

.termek-fo {background:url(images/geotech-back.jpg) bottom left no-repeat;}

#termek-gyujto {width:600px; margin:9px 0 0 0;}

.termek, 
.termek-al {width:598px; height:99px; background:url(images/termek-back.jpg) repeat-x; border:solid 1px white; margin:0 0 10px 0;}

.termek-utolso {margin:0 0 94px 0;}

.termek a {display:block; width:563px; height:79px; padding:20px 0 0 35px; line-height:18px; cursor:pointer;}

.sub-link {width:563px; height:79px; padding:20px 0 0 35px; line-height:18px; background:url(images/termek-nyil.gif) 0 8px no-repeat;}

.termek a:hover, 
.termek a.active {background:url(images/termek-nyil.gif) 0 8px no-repeat;}

.termek a strong {font-size:16px; font-weight:bold; color:white;}

.sub-link h2 {font-size:16px; font-weight:bold; color:white; margin:0;}

.termek span {display:block; width:450px; height:60px;}

.sub-link span {display:block; width:450px; height:60px; color:white;}

.sub-link span a {color:white;}

.sub-link span a:hover {text-decoration:underline;}

#napkollektorok {width:598px; height:99px; background:url(images/napkollektorok.jpg) 480px 0 no-repeat;}

#szolarvezerlok {width:598px; height:99px; background:url(images/szolarvezerlok.jpg) 480px 0 no-repeat;}

#szolarallomasok {width:598px; height:99px; background:url(images/szolarallomasok.jpg) 480px 0 no-repeat;}

#szolartarolok {width:598px; height:99px; background:url(images/szolartarolok.jpg) 480px 0 no-repeat;}

#pellettfatuzeles {width:598px; height:99px; background:url(images/pellettfatuzeles.jpg) 480px 0 no-repeat;}

#szilard {width:598px; height:99px; background:url(images/szilard.jpg) 480px 0 no-repeat;}

ul.kek-nyil li {padding:0 0 0 15px; margin:0 0 10px 0; background:url(images/kek-nyil.gif) no-repeat 0 1px;}

ul.kek-nyil li a:hover {text-decoration:underline;}

.white-hold {padding:10px 20px 10px 20px;}

.grey-hold {margin:0 0 10px 0; padding:5px 20px 10px 20px; background:#e8e8e8;}

.grey-hold .left,
.grey-hold .right {width:250px;}

.grey-hold li {padding:0 0 0 12px; background:url(images/szurke-pont.gif) no-repeat 0 6px;}

.pikto p {text-align:center; font-size:10px; line-height:12px;}

.techniq {border-top:solid 1px #0082ba; border-bottom:solid 1px #0082ba;}

.techniq td {text-align:center; height:20px;}

.right-pic {float:right;}

.left-table {float:left;}

.left-table td {height:20px;}

/*pages*/




/*adatlap*/

#main-adatlap {width:850px; background:url(images/main-adatlap-back.jpg) top no-repeat;}

#sub-main-adatlap {width:850px; background:url(images/adatlap-back.jpg) repeat-y;}

#adatlap-margo {padding:0 0 0 64px;}

.ajanlat-alap {padding:35px 0 0 0;}

.ajanlat-alap h2 {margin:0 0 0 10px;}

form.first {padding:30px 0 0 0;}

div.first {margin:0;}

div.first table {background:url(images/first-table-back.jpg) top repeat-x;}

.form-block {width:490px; margin:5px 0 0 0; border:1px solid #dbdbdb; background:#fff;}

.form-block caption {height:20px; padding:2px 0 0 5px; background:url(images/caption-back.jpg) repeat-x; font-weight:bold; text-align:left;}

div.first caption {background:url(images/first-caption-back.jpg) repeat-x;}

div.second caption {height:39px; padding:2px 0 0 5px; background:url(images/second-caption-back.jpg) repeat-x; font-weight:bold; text-align:left;}

caption em {font-weight:normal; font-style:normal;}

.form-block tr {height:25px;}

.form-block td {padding:0 0 0 5px;}

td.radio-list {padding:1px 0 0 5px;}

.radio-item input {float:left; margin-left:0;}

div.radio-item {padding:0 5px;}

.form-block span {float:left; margin:2px 10px 0 3px;}

input.long {width:250px; border:1px solid #dbdbdb; background:url(images/input-back.jpg) repeat-x;}

input.short {width:80px; border:1px solid #dbdbdb; background:url(images/input-back.jpg) repeat-x;}

textarea {width:230px; border:1px solid #dbdbdb; background:url(images/input-back.jpg) repeat-x;}

#img-submit {margin:15px 5px 0 385px;}

#adatlap-foot {width:850px; height:215px; background:url(images/adatlap-foot.jpg) bottom no-repeat;}

/*adatlap*/




/*termek*/

#main-termek {width:850px; height:528px; background:url(images/main-grad.jpg) repeat-x;}

#termek-foot {width:850px; height:96px; background:url(images/termek-foot-back.jpg) bottom no-repeat;}

#termek-nap {float:left; width:230px; height:498px; padding:30px 0 0 66px; background:url(images/termek-nap-back.jpg) no-repeat;}

#termek-bio {float:left; width:230px; height:498px; padding:30px 0 0 30px; background:url(images/termek-bio-back.jpg) no-repeat;}

#termek-pellet {float:left; width:264px; height:498px; padding:30px 0 0 30px; background:url(images/termek-pellet-back.jpg) no-repeat;}

.keplink {display:block; width:204px; height:205px;}

#main-termek h2 {text-align:center; width:180px;}

#main-termek h2 a {font-size:16px; line-height:20px; color:#11619e; font-weight:bold;}

#main-termek h2 a:hover {text-decoration:underline;}

/*termek*/




/*referencia*/

#main-referencia {width:850px; background:url(images/main-grad.jpg) repeat-x;}

#referencia-foot {width:850px; height:188px; background:url(images/referencia-foot-back.jpg) bottom no-repeat;}

#referencia-csaladi {float:left; width:227px; height:243px; padding:35px 0 0 70px; background:url(images/referencia-csaladi.jpg) no-repeat;}

#referencia-ipari {float:left; width:228px; height:243px; padding:35px 0 0 33px; background:url(images/referencia-ipari.jpg) no-repeat;}

#referencia-panzio {float:left; width:258px; height:243px; padding:35px 0 0 33px; background:url(images/referencia-panzio.jpg) no-repeat;}

.refkeplink {display:block; width:194px; height:191px;}

#main-referencia h2 {text-align:center; width:194px; margin-top:0; margin-left:0;}

#main-referencia h2 a {font-size:16px; line-height:20px; color:#11619e; font-weight:bold;}

#main-referencia h2 a:hover {text-decoration:underline;}

/*referencia*/




/*galéria*/

#main-galeria {width:850px; background:url(images/main-adatlap-back.jpg) top no-repeat;}

#sub-main-galeria {width:850px; background:url(images/adatlap-back.jpg) repeat-y;}

.galeria-padding {padding:35px 0 0 0;}

#galeria {width:850px; height:590px; background:url(images/galeria-back.jpg) bottom no-repeat;}

table.gal caption {font-size:16px; font-weight:bold; color:#11619e; padding:0 0 5px 0; background:url(images/gal-caption-back.jpg) bottom center no-repeat;}

table.gal img {border:solid 1px white;}

table.gal p {text-align:center;}

table.gal tr {height:163px;}

/*galéria*/




/*kapcsolat*/

#main-kapcsolat {float:left; width:850px; height:475px; background:url(images/kapcsolat-back.jpg) no-repeat;}

#main-kapcsolat .left {width:540px;}

#main-kapcsolat .right {width:310px;}

#main-kapcsolat p {color:#4f4f4f; line-height:14px;}

#main-kapcsolat strong {color:#4374b5; font-size:16px; font-weight:normal;}

#kozpont {width:300px; height:40px; margin:35px 0 0 72px;}

#kozpont h2,
#kozpont h3 {font-size:16px; line-height:18px; color:#4374b5; margin:0;}

#kozpont span {font-size:16px; line-height:18px; color:#555;}

#realq {width:160px; height:35px; margin:59px 0 0 252px;}

#bios {width:120px; height:50px; margin:27px 0 0 222px;}

#bravio {width:285px; height:35px; margin:15px 0 0 182px;}

#elerheto {width:290px; margin:38px 0 0 0; padding:0 0 0 10px;}

.indent {text-indent:23px;}

#google-map {width:210px; height:190px; margin:15px 0 0 23px; border:1px solid #4374b5;}

/*kapcsolat*/




/*pályázat*/

.aloldal h2,
.aloldal h3 {font-size:16px; line-height:18px; font-weight:bold; color:#4374b5; margin:0;}

.aloldal a {text-decoration:underline;}

.palyazat p,
.palyazat ul {padding-right:65px; margin:0;}

.palyazat li {list-style:disc inside; margin:0;}

.palyazat ul ul li {list-style-type:circle; margin:0 0 0 15px;}

.palyazat ul ul ul li {list-style-type:square; margin:0 0 0 15px;}

/*pályázat*/



/*foot*/

#foot {clear:both; float:left; width:850px; height:26px; padding:32px 0 0 0; background:url(images/fa-lab.jpg) no-repeat;}

#home-foot #foot {background:url(images/fa-lab.jpg) no-repeat;}

#sub-foot #foot {background:url(images/sub-foot.jpg) no-repeat;}

#foot-text {width:850px; height:20px; padding:3px 0 0 0; background:#7dae08;}

#foot-text p {text-align:center; color:white; font-size:9px;}

#foot-text a {color:white; font-size:9px;}

/*foot*/