/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015.08.04., 14:24:29
    Author     : root
*/
body{
    background-color: rgb(230,230,230);
    font-size: 14px;
}

#main{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    background-color: white;
    padding: 20px;
    font-family: sans-serif;
}

#header{
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
	height: 400px;
    background-color: rgb(210,210,210);
    margin-bottom: -4px;
    text-align: center;
	vertical-align: middle;
	background-size:100% auto;
	background: url(business02.jpg);
	background-size: cover;
	
}

#header img{
    position: relative;
}

#cim {
    display: inline-block;
	float: left;
	vertical-align: middle;
    max-width: 750px;
	height: auto;
	background-color: #004f7d;
    color: #FFF;
    font-size: 25px;
    padding: 10px;
	margin-top: 280px ;
    font-family: sans-serif;
}

img{
    position: relative;
	width:100%;
	height:auto;
}

#header img{
    position: relative;
	width:100%;
}
.lila{
    color: rgb(229, 0, 79);
}

.h1_lila, .h2_lila, .h3_lila, .h3_lila_bg{
    color: #004f7d;
    font-weight: 400;
}

.h1_lila{
    font-size: 27px;
}

.h1_piros{
    font-weight: 400;
    font-size: 26px;
    color: darkred;
    line-height: 60px;
    margin-bottom: 20px;
}

.h2_lila{
    font-size: 24px;
}

.h3_lila{
    font-size: 20px;
}

.h3_lila_bg{
    vertical-align: middle;
    padding-left: 5px;
    font-size: 17px;
	text-align: center;
}

.h3_alacsony{
    margin: -10px;
    font-size: 18px;
}

.h1_feher{
    width: 840px;
    margin-left: -20px;
    text-align: center;
    font-weight: bold;
    color: white;
    background-color: rgb(226, 224, 229);
    line-height: 55px;
}

.ul_nyil{
    list-style-image: url('./images/pont.jpg');
	min-width: 250px;
	display: inline-block;
}

.ul_nyil li{
    margin-bottom: 10px;
	min-width: 170px;
}

.ul_pipa{
    list-style-image: url('./images/pipa.jpg');
	min-width: 170px;
}

.ul_nyil li, .ul_pipa li{
    padding-left: 20px;
	min-width: 170px;
}

.gomb{
    text-decoration: none;
    background-color: #d3af37;
    color: #FFF;
    width: 250px;
    font-size: 30px;
    position: absolute;
    bottom: 1px;
}

.gomb:hover{
    background-color: #a88c2d;
}

.gomb2{
    text-decoration: none;
    background-color: #c5c1b2;
    color: #FFF;
    width: 250px;
    font-size: 30px;
    position: absolute;
    bottom: 1px;
}

.gomb2:hover{
    background-color: #aba89e;
}

.gomb3{
    text-decoration: none;
    background-color: #cd7f34;
    color: #FFF;
    width: 250px;
    font-size: 30px;
    position: absolute;
    bottom: 1px;
}

.gomb3:hover{
    background-color: #ad6521;
}

.rendeles{
    float: left;
    max-width: 250px;
    margin-right: 10px;
    position: relative;
    height: 510px;
    background-color: #FAF6FB;
}

@media screen and (max-width: 800px) {.rendeles4{
    max-width: 800px !important;
    margin-right: 10px;
    position: relative;
	margin-bottom: 10px;
    background-color: #FAF6FB;
	font-size:14px;
	float:none !important;
}
}
.rendeles4{
    max-width: 80%;
    margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
    background-color: #FAF6FB;
	font-size:14px;
}

.rendeles4 img{
    max-width: 100%;
}


.rendeles4 p{
    padding-left:10px;
    text-align: center;
}

.rendeles4-right{
  float: left;
  text-align: left;
  margin: 2px 10px;
  display: inline;
  max-width: 380px;
  padding-bottom:20px;
  position: relative;
}


.rendeles4-right p{
    padding-left:10px;
    text-align: center;
}

.rendeles4-left{
  float: left;
  max-width: 80%;
  text-align: right;
  margin: 80px 80px;
  display: inline;
  padding-bottom:10px;
  position: relative;
}


.rendeles4-left p{
    padding-left:10px;
    text-align: center;
}

.rendeles4-left img{
    width:80%;
    text-align: center;
}

.gomb4{
    text-decoration: none;
    background-color: #d3af37;
    color: #FFF;
    width: 100%;
    font-size: 30px;
    bottom: 1px;
}

.rendeles2{
    float: left;
    max-width: 250px;
    margin-right: 10px;
    position: relative;
    height: 510px;
    background-color: #FAF6FB;
}

.rendeles3{
    float: left;
    max-width: 250px;
    margin-right: 10px;
    position: relative;
    height: 510px;
    background-color: #FAF6FB;
}

div#whiteout {    
    width: 100%;
    height: 500px;
    background-image: url( "expired.png" );
    background-position: center;
    background-repeat: no-repeat;
	background-color: #DDD;
    border-collapse: collapse;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
    position: absolute;
    z-index: 1;
    display: block;
    top: 50px;   
}

#cont {
  max-width: 800px;
float:left;  
}
#workshop{
    height: 360px;
    position: relative;
}

#helyfogo{
    background-color: rgb(226, 224, 229);
    width: 840px;
    height: 55px;
    margin-left: -20px;
}

.keretes{
    border: 2px solid;
    margin-left: 7px;
    margin-right: 7px;
    font-size: 13px;
    padding: 8px;
}

#csillag{
    font-size: 11px;
    margin-top: 473px;
    margin-left: 3px;
}

#kerdesek{
    margin-left: 35px;
}

#kerdesek p{
    text-indent: 20px;
}

.szurke{
    background-color: #F3F3F3;
    padding-left: 23px;
    margin-left: -20px;
    padding-right: 23px;
    margin-right: -20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.lila_{
    background-color: #FEE9F0;
    padding-left: 23px;
    margin-left: -20px;
    padding-right: 23px;
    margin-right: -20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

table {
	width:100%;
	}
	@media (max-width: 400px) {
.ul_nyil{
	display: inline-block;
}

.ul_pipa{
	display: inline-block;
}

.rendeles, .rendeles2, .rendeles3{
    width: 265px;
	max-width: 265px !important;
	margin-bottom: 20px;
	height: 700px;
}

.gomb, .gomb2, .gomb3{
    width: 265px !important;
}
}

div#whiteout2 {    
    width: 100%;
    height: 176px;
    background-image: url( "expired3.png" );
    background-position: center;
    background-repeat: no-repeat;
	background-color: #DDD;
    border-collapse: collapse;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
    position: absolute;
    z-index: 1;
    display: block;
    top: 50px;   
}