@charset "utf-8";
/* CSS Document */

img, #right, #left, #footer{behavior: url(http://www.bioproduktdk.sk/script/iepngfix.htc);}

body{
margin:0;
background-color:#ffffff;
background:url(../cssimages/body_bg.jpg) repeat-x top left;
color:#230011;
font-family:Arial, Helvetica, sans-serif;
}

li{
list-style-type:none;
}

a{
color:#230011;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

h1{
font-size:21px;
color:#bf0000;
margin:0 30px 10px 30px;
text-align:left;
text-transform:uppercase;
}

h1 span{
color:#96bc33;
font-size:14px;
font-style:italic;
}

h2{
color:#00a651;
font-size:16px;
font-weight:bold;
}

h3{
font-size:14px;
text-align:justify;
text-transform:uppercase;
font-weight:normal;
padding:0 30px;
}

h3 span{
font-size:17px;
}

h4{
background:#a7cf38;
font-size:14px;
font-style:italic;
text-transform:uppercase;
padding:10px;
color:#FFFFFF;
}

p{
font-size:13px;
text-align:justify;
text-indent:25px;
line-height:20px;
}

p strong, #szamozas2 strong, h3 strong{
color:#96bc33;
}

p span{
color:#368641;
font-style:italic;
}

img{
border:none;
}

#wrapper{
position:relative;
margin:0 auto;
width:1014px;
height:auto;
/*border:1px solid red;*/
}

#main{
position:relative;
top:0;
left:0;
float:left;
width:1014px;
height:auto;
margin:0;
/*border:1px solid;*/
}

#header{
position:relative;
top:0;
left:0;
width:1014px;
height:462px;
float:left;
z-index:999!important;
/*border:1px solid red;*/
}

#domov{
position:absolute;
top:1px;
right:0;
width:130px;
height:55px;
background:url(../cssimages/domov.jpg) no-repeat right center;
/*border:1px solid red;*/
}

#domov_link{
position:relative;
float:left;
top:18px;
color:#19c1fa;
z-index:999;
}
#domov_link:hover{
text-decoration:none;
}

#flashcont{
position:relative;
top:0px;
left:0;
float:left;
width:1014px;
height:362px;
/*border:1px solid red;*/
}

#faag{
position:absolute;
bottom:-7px;
right:152px;
width:180px;
height:143px;
z-index:999;
}

#faag2{
position:absolute;
bottom:62px;
right:-20px;
width:58px;
height:57px;
z-index:999;
}

#menu_doboz{
position:relative;
width:1014px;
height:100px;
margin:0;
padding:0;
float:left;
background:url(../cssimages/header_bg.jpg) no-repeat top left;
/*border:1px solid red;*/
}

#menu{
position:relative;
top:0;
left:0;
width:1014px;
height:50px;
float:left;
margin:0;
padding:0;
/*border:1px solid red;*/
}

#menu li{
position:relative;
left:10px;
float:left;
width:190px;
text-align:center;
background:url(../cssimages/border.jpg) no-repeat right top;
height:50px;
/*border:1px solid red;*/
}

#menu li a{
position:relative;
top:10px;
font-size:24px;
}

#menu li a:hover{
color:#bf0000;
text-decoration:none;
}

#menu li ul{
position:absolute;
top:48px;
left:0px;
padding:0;
margin:0;
display:none;
height:124px;
z-index:999!important;
/*background:url(../cssimages/sub-bg.jpg) repeat top;*/
background-color:#b5d555;
/*border:1px solid red;*/
}
#menu li ul li{
position:relative;
top:0;
left:0;
width:300px;
height:30px!important;
margin:0;
padding:0 0 0 5px!important;
text-align:left;
display:block;
border-bottom:1px solid #a6cd39;
background-image:none!important;
}

#menu li ul li a{
position:relative;
top:3px;
z-index:5;
font-size:14px;
color:#FFFFFF;
}

#menu li ul li a:hover{
color:#bf0000!important;
}

#content{
position:relative;
top:0;
left:33px;
float:left;
width:930px;
height:auto;
background:#FFFFFF;
margin:0;
padding:0px;
/*border:1px solid red;*/
}

#left{
position:relative;
top:0;
left:33px;
width:8px;
height:460px;
float:left;
background:url(../cssimages/balos.png) no-repeat left top;
/*border:1px solid red;*/
}

#right{
position:relative;
top:0;
left:33px;
width:8px;
height:500px;
float:left;
background:url(../cssimages/jobbos.png) no-repeat right top;
/*border:1px solid red;*/
}

#left-inner{
position:relative;
float:left;
width:430px;
height:auto;
z-index:999!important;
margin:5px 0 0 30px;
/*border:1px solid red;*/
}

#right-inner{
position:relative;
float:left;
width:430px;
height:auto;
margin:5px 30px 0 0;
/*border:1px solid red;*/
z-index:999!important;
}

#kalyha{
position:absolute;
bottom:0;
left:40px;
z-index:990;
}

#footer{
position:relative;
width:100%;
height:62px;
float:left;
background:url(../cssimages/footer_bg.png) repeat-x left bottom;
}

.front_menu{
position:relative;
float:left;
margin:10px 0 0 0;
width:425px;
height:200px;
}

.front_menu span{
display:none;
}

#uvod{
background:url(../cssimages/uvod.jpg) no-repeat top left;
}
#uvod_hu{
background:url(../cssimages/uvod_hu.jpg) no-repeat top left;
}
#uvod_ro{
background:url(../cssimages/uvod_ro.jpg) no-repeat top left;
}

#sluzby{
background:url(../cssimages/sluzby.jpg) no-repeat top left;
}
#sluzby_hu{
background:url(../cssimages/sluzby_hu.jpg) no-repeat top left;
}
#sluzby_ro{
background:url(../cssimages/sluzby_ro.jpg) no-repeat top left;
}

#kotle{
background:url(../cssimages/kotle.jpg) no-repeat top left;
}
#kotle_hu{
background:url(../cssimages/kotle_hu.jpg) no-repeat top left;
}
#kotle_ro{
background:url(../cssimages/kotle_ro.jpg) no-repeat top left;
}

#krby{
background:url(../cssimages/krby.jpg) no-repeat top left;
}
#krby_hu{
background:url(../cssimages/krby_hu.jpg) no-repeat top left;
}
#krby_ro{
background:url(../cssimages/krby_ro.jpg) no-repeat top left;
}

.link{
position:absolute;
bottom:5px;
right:5px;
height:30px;
/*border:1px solid red;*/
}

#automat{
width:285px;
}

#kotle_na_drevo{
width:310px;
}

#biomasa{
width:172px;
}

#krbove_kachle{
width:235px;
}

#focim{
width:750px;
}

#egyben-tartalom{
position:relative;
float:left;
width:860px;
height:auto;
margin:5px 30px 0 30px;
text-align:center;
/*border:1px solid red;*/
}

#kozep{
position:relative;
left:0;
top:0;
float:left;
width:800px;
margin:0 auto;
height:auto;
}

.left_text{
position:relative;
float:left;
width:500px;
height:auto;
margin-right:55px;
text-align:center;
/*border:1px solid red;*/
}

.right_text{
position:relative;
float:left;
width:300px;
height:auto;
/*border:1px solid red;*/
}

#korforgas{
position:relative;
left:28px;
}

#egyben{
position:relative;
float:left;
width:885px;
height:auto;
margin-top:20px;
margin-bottom:10px;
}

#felsorolas{
position:relative;
float:left;
margin:0;
padding:0;
width:100%;
/*border:1px solid red;*/
}

#felsorolas li{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
padding:7px 20px;
margin:10px 0;
background:#a7cf38;
color:#FFFFFF;
}

#logo{
position:relative;
left:0px;
margin:35px 0 10px 0;
width:111px;
height:105px;
}

#kontakt{
position:relative;
margin:0 auto;
width:260px;
height:110px;
text-align:center;
padding:0;
color:#666666;
}

#kontakt li{
line-height:20px;
font-size:14px;
list-style-type:none!important;
}

#kontakt li span{
color:#00a651;
font-weight:bold;
}

#mapa{
position:relative;
float:left;
width:453px;
height:308px;
background:url(../cssimages/mapa_keret.jpg) no-repeat center center;
}

iframe{
position:absolute;
right:16px;
top:16px;
}

#keskeny{
width:350px;
}

#szeles{
width:450px;
}

/* FORMULAR 1 START */

#formular {
	width:840px;
	float:left;
	position:relative;
}

#bal_fele, #jobb_fele{
position:relative;
width:420px;
float:left;
}

#formular label{
position:relative;
width:145px;
text-align:left;
font-size:14px;
float:left;
color:#666666;
margin:13px 0;
padding-top:3px;
display:block;
}

#formular input {
width:200px;
height:18px;
margin:10px 0;
padding:3px;
color:#368641;
background:#e7f1cc;
border:1px solid #368641;
}

#formular textarea {
width:200px;
margin:10px 0;
height:80px;
padding:3px;
color:#368641;
background:#e7f1cc;
border:1px solid #368641;
}

#formular .aspam2 {
margin:6px 0;
width:80px;
height:30px;
}

.kod{
position:relative;
float:left;
width:360px!important;
}

#passKey {
float:left;
padding:3px;
}

.key{
position:relative;
float:left;
}

#sendbtn{
position:relative;
left:146px;
width:209px!important;
height:26px!important;
background:#368641!important;
border:2px #ffffff solid;
color:#fff!important;
font-weight:bold;
float:left;
margin-bottom:20px!important;
}

#sendbtn:hover, #sendbtn2:hover{
cursor:pointer!important;
}

/* FORMULAR 1 END */

#balos_kep{
float:left;
}

#szamozas, #szamozas2{
position:relative;
float:left;
width:230px;
padding:0;
margin:50px 0 0 50px;
}

#szamozas li, #szamozas2 li{
text-align:justify;
font-size:13px;
line-height:24px;
}

#szamozas2{
position:relative;
left:0;
float:left;
margin:0!important;
width:450px!important;
}

.kepkeret, .kepkeret3{
position:relative;
float:left;
width:294px;
height:210px;
background:url(../cssimages/kephatter.jpg) no-repeat center center;
}

.kepkeret2{
position:relative;
float:left;
width:294px;
height:272px;
margin-top:10px;
background:url(../cssimages/kephatter2.jpg) no-repeat center center;
}

.kepkeret3{
width:200px;
height:250px;
background:none!important;
}

.txt_img{
position:relative;
float:left;
width:200px;
margin:0 5px 150px 0;
padding:0;
}

.thumb{
position:absolute;
top:15px;
left:15px;
float:left;
}

.thumb2{
position:absolute;
top:2px;
left:2px;
float:left;
padding:1px;
}

.thumb3{
position:absolute;
top:0px;
left:0px;
float:left;
padding:1px;
}

table{
width:300px;
border:1px solid #a7cf38;
margin:0;
padding:0;
float:left;
}

table th{
background:#a7cf38;
color:#FFFFFF;
font-weight:bold;
}

table td{
font-size:14px;
padding:5px;
font-weight:bold;
}

.zold{
background:#a7cf38;
}

#cimecske{
position:relative;
float:left;
margin-top:20px;
background:#a7cf38;
font-size:14px;
text-transform:uppercase;
padding:10px;
width:100%;
color:#FFFFFF;
font-weight:bold;
}

#termekek{
position:relative;
float:left;
margin-top:20px;
padding:0;
width:100%;
height:140px;
/*border:1px solid red;*/
}

.prod{
position:relative;
top:0;
left:0;
float:left;
width:95px;
height:96px;
margin-right:10px;
/*border:1px solid red;*/
}

.ref{
font-size:10px;
text-align:left;
text-indent:0;
margin:0;
padding:0;
line-height:10px;
}

.zold_kepkeret{
position:relative;
float:left;
width:216px;
height:165px;
border:2px solid #bfdb72;
background-color:#e6f1c6;
}

.zold_kepkeret2{
position:relative;
float:left;
width:62px;
height:93px;
margin-right:9px;
border:2px solid #bfdb72;
background-color:#e6f1c6;
}

#bla{
float:right;
margin:0px!important;
}

#kep_doboz{
position:relative;
width:216px;
float:left;
margin:25px 0;
}

#nagy_tabla{
width:870px;
font-size:12px!important;
margin-top:25px;
margin-bottom:30px;
}

#nagy_tabla td{
width:100px!important;
}

#nagy_tabla .sargas_zold td{
height:15px!important;
}

.feher{
background:#FFFFFF;
}

table#automat_tab{
border:2px solid black;
width:500px;
}

#automat_tab td{
background:#a6cd39;
font-size:11px!important;
font-weight:normal!important;
width:50px!important;
}

.white{
border:none!important;
background-color:#FFFFFF!important;
}

#header-lang{
	position:absolute;
	right:150px;
	z-index:999;
/*	border:1px solid red;*/
}

#header-lang ul li{
	position:relative;
	float:left;
	margin-left:10px;
	padding:0;
}

#header-lang ul li a img{
	border:2px solid #a6cd39;
}

#header-lang ul li a img:hover{
	border:2px solid #ffffff;
}

#header-lang span{
	display:none;
}

table.update{
margin-bottom:10px;
width:755px;
border:2px solid
}

table.update th{
padding:5px;
font-size:13px;
}

table.update td{
font-size:12px;
font-weight:normal;
}

table.update td.first{
text-align:left;
width:250px;
}

table.update td.piros, table.update th.piros{
background-color: red;
}

strong.piros{
color:red;
font-weight:bold;
}

p.bio-gas{
clear:left;
width:750px;
}
