@import url('reset2.css');

html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	background: #007673 url('html_bg.jpg') center top no-repeat;
	font-family: Arial;
	font-size: 14px;
	color: #000;
}

#container {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #fff;
}

#header {
	width: 991px;
	height: 130px;
	margin-left: -15px;
	background: url('main_menu.png');
		position: relative;
}

ul#main_menu {
	position: absolute;
	width: 710px;
	height: 62px;
	top: 10px;
	right: 22px;
	list-style-type: none;
}

#logo {
	width: 130px;
	height: 120px;
	margin-left: 40px;
	display: block;
	text-indent:-9999px;
}

#main_infobox {
	color: #018d7d;
	font-size: 12px;
	font-family: Helvetica;
}
#main_infobox span{
	top:3px;
	width: 166px;
	display: block;
	position: absolute;
}
#main_infobox span:hover{
	cursor:pointer;
}

ul#main_menu li {
	width: 86px;
	height: 62px;
	float: left;
	text-align: center;
	margin-left: 2px;
}

ul#main_menu li:hover, ul#main_menu li.active {
	background: url('main_menu_li.png') top center no-repeat;
}

ul#main_menu li a {
	width: 86px;
	height: 30px;
	display: block;
	color: #fff;
	font-family: Impact;
	font-size: 17px;
	padding-top: 32px;
	text-decoration: none;
}

ul#main_menu li#cng.active {
	background: none;
}

ul#main_menu li#cng:hover {
	background: none;
}

ul#main_menu li#cng a {
	height: 57px;
	padding-top: 5px;
}

ul#main_menu li a.ks {
	height: 38px;
	padding-top: 23px;
	line-height: 1.05;
}

#hcssz {
	position: absolute;
	width: 156px;
	height: 15px;
	bottom: 15px;
	left: 415px;
}

#dak {
	position: absolute;
	width: 156px;
	height: 15px;
	bottom: 15px;
	right: 244px;
}

#ajmv {
	position: absolute;
	width: 170px;
	height: 15px;
	bottom: 15px;
	right: 65px;
}

a#tw {
	width: 19px;
	height: 18px;
	background: url('twitter.jpg');
	position: absolute;
	bottom: 12px;
	right: 32px;
	}

a#fb {
	width: 19px;
	height: 18px;
	background: url('fb.jpg');
	position: absolute;
	bottom: 12px;
	right: 8px;
	}

#hcst {
	position: absolute;
	width: 259px;
	height: 100px;
	background: url('../images/other/Huszek_Csaba_tooltip.png') 0 0 no-repeat;
	top: 16px;
	left: -110px;
	padding-left: 16px;
	padding-top: 13px;
	z-index: 10;
}

#hcst span.telefon {
	display: block;
	float: left;
	background: url(../images/other/telefon.png) 0 0 no-repeat;
	margin-top: 30px;
	padding-left: 20px;
}
#hcst a.email {
	display: block;
	float: left;
	background: url(../images/other/email.png) 0 0 no-repeat;
	margin-top: 46px;
	padding-left: 20px;
}

#dast {
	position: absolute;
	width: 262px;
	height: 100px;
	background: url('../images/other/Deak_Attila_tooltip.png') 0 0 no-repeat;
	top: 16px;
	left: -150px;
	padding-left: 13px;
	padding-top: 13px;
}

#dast span.telefon {
	display: block;
	float: left;
	background: url(../images/other/telefon.png) 0 0 no-repeat;
	margin-top: 30px;
	padding-left: 16px;
}
#dast a.email {
	display: block;
	float: left;
	background: url(../images/other/email.png) 0 0 no-repeat;
	margin-top: 46px;
	padding-left: 16px;
}

#ajt {
	position: absolute;
	width: 337px;
	height: 26px;
	background: url('tooltip1.png');
	bottom: -41px;
	left: -200px;
	padding-left: 30px;
	padding-top: 13px;
}

#hcst,#dast, #ajt {
	display: none;
    z-index: 2000;
	color: #fff;
	font-family: Helvetica;
	font-size: 14px;
}
#hcst a, #dast a, #ajt a {
	/*margin-left: 35px;*/
	text-decoration: none;
	color: #fff;
}
#ajt a {
	font-size: 12px;
	margin-left: 35px;
}

#content {
	width: 940px;
	min-height: 500px;
	margin: 0 auto;
	padding: 10px;
	padding-top: 15px;
}

#footer {
	width: 960px;
	height: 58px;
	margin: 0 auto;
	background: url('footer_bg.jpg') repeat-x;
	color: #fff;
	font-size: 10px;
	padding-top: 42px;
}

#footer p {
    float: left;
}
#footer a {
	color:#fff;text-decoration:none;
}

#nav_footer {
    float: right;
}

#nav_footer ul {
    list-style-type: none;
}

#nav_footer ul li {
    display: inline;
    text-transform: uppercase;
}

#nav_footer ul li a {
    color: #fff;
    text-decoration: none;
}

#nav_footer ul li a.f:before {
    content:"";
}


#nav_footer ul li a:before {
    content:"\007C\0020";
}


.clear {
    clear: both;
}

.upper {
    text-transform: uppercase;
}

/* F�oldal */
#left_cont {
	width: 462px;
	float: left;
}

#right_cont {
	width: 462px;
	float: left;
	margin-left: 15px;
}

#tajekoztato {
	width: 460px;
	height: 201px;
	background: url('tajekoztato.jpg');
	position: relative;
	font-family: Helvetica;
	font-size: 12px;
	color: #616463;
	padding-top: 95px;
	}

#tajekoztato table {
	width: 428px;
	margin: 0 auto;
}

#tajekoztato table td {
    padding: 5px;
}

#tajekoztato input {
	width: 202px;
	height: 18px;
	border: 1px solid #b4c8d7;
	background-color: #f0f1f1;
	color: #616463;
	padding:2px;
	margin-top: 3px;
}

#tajekoztato input.kicsi {
	width: 27px;
}

#tajekoztato .kisebb input[type="checkbox"]{
	width: 13px;
}

#tajekoztato p {
	padding-top: 3px;
	font-size:10px;
	color: #008c7d;
}

#tajekoztato #submit {
	width: 82px;
	height: 25px;
	background: url('kuldes_submit.jpg');
	border: none;
	outline:none;
	cursor: pointer;
	cursor: hand;
	position: absolute;
	bottom: 14px;
	right: 18px;
}
.wpcf7-submit{text-indent:-9999px;}

#slider {
	width: 460px;
	height: 296px;
}

#banners {
	margin-left: -10px;
	margin-top: 6px;
}

#banners a, .bottom_split {
	width: 225px;
	height: 147px;
	display: block;
	float: left;
	margin: 5px 0px 5px 10px;
}

.bottom_split {
	margin-left: 5px;
}

.bottom_split span {
	color: #4d504f;
}

h3 {
	font-size: 15px;
	color: #8a8d8c;
}

h1 {
	font-family: Sanchez;
	font-size: 33px;
	color: #003c74;
	padding-top: 10px;
	padding-bottom: 10px;
}
h1 a{color: #003c74;}

h2 {
	color: #268dc2;
	font-size: 20px;
}

.left_blog {
	padding-bottom: 22px;
	border-bottom: 2px dotted #b6b8b7;
	margin-left: 15px;
	margin-bottom: 30px;
}

.left_blog span,.left_blog a {
	font-size: 15px;
	color: #008c7d;
	line-height: 2;
	text-decoration:none;
    text-transform: uppercase;
}
.left_blog .text-holder{
	color: #4d504f;
	font-size: 12px;
	line-height: 1.8;
}

.marg {
	margin-left: 15px;
    position: relative;
}

.marg h1 {
	text-transform: uppercase;
	font-size: 15px;
	color: #8a8d8c;
}
.marg h2, .marg h2 a, .bottom_split h2 {
	font-family: Sanchez;
	font-size: 33px;
	color: #003c74;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bottom_split h3 {
	color: #268dc2;
	font-size: 20px;		
}
/* Slider */
#featured {
	width: 460px;
	height: 296px;
    background: #009cff url('../orbit/loading.gif') no-repeat center center;
    overflow: hidden;
}

/* Aloldalak */

#left_cont_big {
	width: 746px;
	float: left;
    position: relative;
}

#left_cont_big .marg {
	margin-top: 15px;
}

#right_cont_small {
	width: 161px;
	float: left;
	margin-left: 32px;
}

#banners_small {
	margin-top: 0px;
}

#banners_small a {
	width: 161px;
	height: 105px;
	display: block;
	margin-bottom: 8px;
}

.left_text {
	color: #4d504f;
	font-size: 12px;
	line-height: 1.5;
    margin: 20px 0px 30px 15px;
    text-align: justify;
}
.left_text ul{
	list-style-position:inside;
}

#left_cont_big .left_text h2 {
    font-size: 15px;
	color: #008c7d;
	line-height: 2;
    font-family: 'Arimo', sans-serif;
}

#left_cont_big .left_text p {
	color: #4d504f;
	line-height: 1.5;
}

#left_cont_big .left_text em {
    color: #007673;
}

#left_cont_big .left_text strong {
    color: #007673;
}

/* R�lunk */
#sign {
    width: 300px;
    margin-left: 350px;
    text-align: center;
}

#sign p#name {
    width: 300px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #007673;
    
}

/* H�rek */
.left_news {
	padding-bottom: 22px;
	border-bottom: 1px dotted #b6b8b7;
	color: #4d504f;
	font-size: 12px;
	line-height: 1.5;
	margin-left: 15px;
	margin-bottom: 30px;
    height: 130px;
}

.left_news .sample {
    width: 178px;
    height: 117px;
    float: left;
}

.left_news .cap {
    position: relative;
    width: 522px;
    height: 117px;
    float: right;
}

.left_news a.tovabb_link {
    position: absolute;
    top: 101px;
    right: 5px;
}

.left_news h2 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top:-5px;
    color: #007673;
}

.left_news.more {
	height: auto;
    margin-bottom: 15px;
}

.left_news.more .cap {
	height: auto;
}

.left_news.more+a {
    margin-left: 698px; 
}

/* Gy�rt�k */
.left_man {
	padding-top: 22px;
	border-top: 1px dotted #b6b8b7;
	color: #4d504f;
	font-size: 12px;
	line-height: 1.5;
	margin-left: 15px;
    height: 105px;
}

.left_man .man_title {
    color: #4d504f;
    font-weight: 700;
    text-transform: none;
}

.left_man .sample {
    width: 210px;
    height: 96px;
    float: left;
}

.left_man .cap {
    position: relative;
    width: 462px;
    height: 117px;
    float: right;
}

.left_man a {
    position: absolute;
    top: 82px;
    right: 5px;
}

.left_man h2 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top:-5px;
    color: #007673;
}

.left_man.desc {
	border: none;
    height: auto;
}

#man_logo {
	position: absolute;
    top: 10px;
    right: 0px;
}

#offer {
	padding-top: 22px;
	border-top: 1px dotted #b6b8b7;
	color: #4d504f;
	font-size: 12px;
	line-height: 1.5;
    margin-top: 40px;
}

#offer h2 {
	text-transform: none;
    color: #003c74;
    font-size: 24px;
    margin-bottom: 20px;
}

#offer h3 {
	text-transform: uppercase;
    color: #007673;
    margin-bottom: 20px;
}

#offer ul.examp {
    list-style-type: none;
}

#offer ul.examp li {
    display: inline-block;
    margin-left: 93px;
    vertical-align:text-top;
}

#offer ul.examp li:first-child {
    margin-left: 0px;
}

#offer ul.examp p strong {
    color: #003c74;
    font-weight: bold;
}

#offer a {
    position:static;
    width: 179px;
    display: block;
    text-align: center;
    color: rgb(77, 80, 79);
}

#offer h4 {
	text-transform: uppercase;
    color: #003c74;
    font-size: 12px;
    margin-top: 25px;
}

#offer ul.list {
    list-style-type: none;
    margin: 25px 0px 20px 50px;
}

#offer ul.list strong {
    color: #003c74;
}

#offer ul.list2 {
    list-style-type: disc;
    margin: 0px 0px 0px 17px;
    text-indent: -6px;
}

.left {
    width: 520px;
    float: left;
}

.right {
    float: right;
}

.offer_d {
    margin-top: 15px;
}

.offer_d p strong {
    color: #003c74;
}

.offer_d.small img {
    margin-top: -40px;
}

/* CNG */
.left_text h3 {
    text-transform: uppercase;
    color: #007673;
    margin-bottom: 20px;
}

.left_text ol {
    margin-left: 18px;
}

.cng_d .left {
    width: 420px;
}

.cng_d .right img:last-child {
    margin-top: 10px;
}

/* CNG Kutak */
#map_canvas {
    width: 580px;
    height:408px;
    position: relative;
}

#map_title {
    background: url('../style/map.png');
    width: 580px;
    height: 35px;
    position: absolute;
    bottom: 0px;
    z-index: 1000;
}

h3.no_margin {
    margin-bottom: 0px;
}

.outlink {
    color: rgb(77, 80, 79);
}
.left_text a{
	color: rgb(77, 80, 79);
}

/* Kapcsolat */
.cng_cont .left {
    width: 300px;
}

#map_canvas_small {
    width: 398px;
    height: 190px;
    margin-top: 58px;
}

.contact .cont_m {
    list-style-type: none;
}

.contact .cont_m li span {
    color: #007673;
    width: 110px;
    display: inline-block;
}

.contact .cont_m li {
    margin-bottom: 6px;
}

.contact .cont_m ul {
    list-style-type: none;
}

.contact .cont_m li ul li span {
    color: #007673;
    width: 90px;
    display: inline-block;
    margin-left: 20px;
}

.contact .cont_m li ul li:before {
    content: "\00AD\0020";
}

.contact .cont_m li ul li a {
    color: rgb(77, 80, 79);
    text-decoration: none;
}

.left_text.sep_top {
    border-top: 1px dotted #b6b8b7;
}

#left_cont_big .left_text .contact h2 {
    font-size: 18px;
    color: #003c74;
    line-height: 20px;
}

#left_cont_big .left_text .contact h2 span {
    font-size: 12px;
    color: #003c74;
    margin-top:-10px;
}

/* CNG rendszerek */
.cng_sys h2 {
    font-size: 18px;
    color: #003c74;
    line-height: 20px;
}

table#cng {
    width: 730px;
}

table#cng tr {
    height: 46px;
    padding-left: 8px;
    padding-top: 2px;
    line-height: 44px;
    border-bottom: 1px dotted #b6b8b7;
}

table#cng tr:first-child {
    background: url('../style/fejlec.jpg');
    border: 0px;
}

table#cng th {
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    padding-left: 8px;
    padding-top: 2px;
    line-height: 20px;
    text-align: center;
}

table#cng th:first-child {
    text-align: left;
}

table#cng td {
    text-align: center;
}

table#cng tr td:first-child {
    text-align: left;
    padding-left: 8px;
}

#left_cont_big .left_text h2 {
    font-size: 20px;
    color: #003c74;
}

.left_text.sep_top.hot {
    border-bottom: 1px dotted #b6b8b7;
    color: #008c7d;
    padding-bottom: 20px;
    width: 450px;
}

#left_cont_big .left_text.sep_top.hot p {
    color: #008c7d;
    line-height: 26px;
}

.contains {
    list-style-type: disc;
    margin-left: 30px;
    width: 420px;
}

.contains li {
    margin: 10px 0px 8px 0px;
}

.contains li strong {
    font-weight: normal;
}

.table_cap {
    color: #003c74;
    font-size: 12px;
    margin-left: 15px;
}

/* Gal�ria */
.left_gallery {
	color: #4d504f;
	font-size: 12px;
	line-height: 1.5;
    margin: 20px 0px 40px 15px;
    text-align: justify;
    border-bottom: 1px dotted #b6b8b7;
    padding-bottom: 40px;
}

.left_gallery .work_img {
    position: relative;
    width: 220px;
    height: 180px;
    float: left;
    margin-right: 20px;
	margin-bottom:20px;
	background:#008c7d;
}
.left_gallery .work_img  img{
	position:absolute;
	bottom:0;
}

.left_gallery .work_img p {
    background: url('../style/kep_fejlec.png');
    width: 210px;
    height: 45px;
    line-height: 35px;
    color: #fff;
    padding-left: 10px;
    position: absolute;
    top: 0px;
}

.left_gallery .work_img a.nyil {
    background: url('../style/tovabb_gomb.png');
    display: block;
    width: 35px;
    height: 34px;
    position: absolute;
    right: 13px;
    top: 138px;
}

.next_page {
    position: absolute;
    right: 0px;
    margin-top:-10px;
}

.img_title {
    background: url('../style/kiv_gal.jpg');
    display: block;
    width: 706px;
    height: 43px;
    line-height: 35px;
    color: #fff;
    padding-left: 20px;
}

.left_gallery ul {
    list-style-type: none;
    margin-left: 37px;
}

.left_gallery ul li {
    margin-bottom: 7px;
}

.left_gallery ul li span {
    color: #007673;
    width: 200px;
    display: inline-block;
    text-transform: uppercase;
}

.images {
    list-style-type: none;
    margin-left: -5px;
}

.images li {
    display: inline-block;
    margin-left: 22px;
    margin-bottom: 22px;
}

/* Lexikon */
.left_text.sep_bottom {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-top: none;
    border-bottom: 1px dotted #b6b8b7;
}

.comp_img img {
    float: left;
    margin-left: 16px;
}

.comp_img img:first-child {
    margin-left: 0px;
}

/* Tart�lyok */
.sub_img img {
    margin-bottom: 10px;
}

/* Kalkul�tor form�z�sok */
.cng_tablazat .gazdasagossagi-text{border: 1px solid #BDBDBD;padding: 5px;width: 220px;}
.cng_tablazat .gazdasagossagi-submit{position:relative;left:121px;margin-top:18px;font-size:14px;background:#0d867c;padding:5px 30px;color:#fff;border:0;}
.cng_tablazat .gazdasagossagi-submit:hover{cursor:pointer;}
.cng_tablazat .gazdasagossagi-label{width:270px;font-size:16px;color:#007673!important;}
.cng_tablazat .gazdasagossagi-label span{font-size:13px;color:#4d504f;}
.cng_tablazat .gazdasagossagi-label span.tizedesvesszo { font-weight: bold; font-size:25px!important;color:#007673!important; }

.wp-caption-text{text-align:center;}

/* Sz�veg form�z�sok */
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;padding-right:10px;}
.alignright {float: right;padding-left:10px;}

/* contact form 7 formazasok */
.wpcf7-list-item-label { display: none; }
.wpcf7-response-output{margin:-10px 0 0 0!important;background:#F7E700;font-weight:bold;}
.wpcf7-mail-sent-ok{background: #398f14;color:#fff!important;}
span.wpcf7-not-valid-tip{border:0!important;background:none!important;color:#FF0000!important;font-size: 8pt!important;left: 4px!important;padding: 2px;position: absolute;top: 17%!important;width: 180px!important;z-index: 100;}
.text-789 span.wpcf7-not-valid-tip{left: -100px !important;top: -81% !important;}