body{
background: #4e4e4e;
margin: 0;
color: #fff; font-family: Calibri;
}

#mainbar{
background: #000;
width: auto;
height: 130px;
}
#midbar{
background: #222;
width: auto;
height: 130px;
margin: 0;
padding: 0;
}
#botbar{
background: #333;
width: auto;
height: 340px;
margin: 30px 0 0 0;
padding: 0;
}
#license{
background: #000;
width: auto;
height: 60px;
margin: 0;
padding: 0;
}

#tocenter{
/*border: 1px solid red;*/
width: 1000px;
/*height: 125px;*/
margin: auto;
}

#tocenterlil{
/*border: 1px solid red;*/
width: 950px;
/*height: 125px;*/
margin: auto;
}

#logo{
float:left;
width: 300px;
height: 125px;
background-image: url('../images/logo.png');
}

#menuline{
float: right;
width: 700px;
height: 125px;
background-image: url('../images/menuline.png');
}

a#menupoint{
font-family: Calibri;
font-size: 13pt;
color: #fff;
text-decoration: none;
margin-left: 15px; 
margin-top: 90px;
float: right;
}

a#menupoint:hover{
color:#009eee;
-webkit-transition: color 0.5s linear;
-moz-transition: color 0.5s linear;
-ms-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
transition: color 0.5s linear;
}
a.last {margin-right: 15px; }
a {text-decoration: none;}

#cont1{
/*border: 1px solid red;*/
width: 950px;
height: 430px;
margin: 40px auto 0 auto;
}
#cont1_left{
background: #2b2b2b;
background-image: url('../images/cont1_left.png'); background-position: right; background-repeat: no-repeat;
width: 400px;
height: 430px;
float: left;
}
#cont1_l_title {color: #fff; font-family: Impact; font-size: 30pt; margin: 140px 0 0 25px ;}
#cont1_l_text {color: #fff; font-family: Calibri; font-size: 15px; margin: 15px 0 0 25px ; width: 325px; text-align: justify;}

#cont1_right{
background: #fff;
width: 550px;
height: 430px;
float: right;
}

#box_shadow{
background-image: url('../images/box_shadow.png'); background-position: right; background-repeat: no-repeat;
width: 1000px;
height: 40px;
margin: auto;
}

#midbar_right{
background: #333;
width: 200px;
height: 130px;
float: right;
text-align: center;
}
#midbar_right:hover{
background:#111;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
}

#rendelj { color: #009eee; font-family: Impact; font-size: 35pt; margin: 20px 0 0 0 ;}
#weboldalt { color: #fff; font-family: Impact; font-size: 15pt; margin: auto;}
#sajat { color: #009eee; font-family: Impact; font-size: 30pt; margin: 15px 0 0 0 ;}
#design { color: #fff; font-family: Impact; font-size: 28.2pt; margin: auto;}

#midbar_left{
width: 300px;
height: 130px;
float: left;
text-align: left;
}

#midbar_center{
color: #fff;
font-size: 10pt;
width: 440px;
height: 130px;
float: left;
text-align: justify;
padding: 15px;
}

#referenciak{
margin: 20px 0 0 0;
background: #009eee;
background-image: url('../images/referenciak.png');
width: 180px;
height: 40px;
}

#referenciak:hover{
background:#52c5ff;
background-image: url('../images/referenciak.png');
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
}

#cont2{
/*border: 1px solid red;*/
width: 950px;
height: 380px;
margin: auto;
}

#parag {
/*border: 1px solid red;*/
width: 302px;
height: 380px;
float: left;
margin: 0 5px 0 5px;
}
#parag2 {
/*border: 1px solid red;*/
width: 302px;
height: 300px;
float: left;
margin: 0 5px 0 5px;
}

#p_title{
color: #009eee; font-family: Impact; font-size: 22pt; margin-bottom: 10px; margin-left: 10px;
}
#p_title1{
color: #fff; font-family: Impact; font-size: 22pt; margin: 15px 0 0 10px;;
}

#line {background: url('../images/hr.png'); width: 282px; height: 5px; margin-left: 10px;}
img#pimg { margin: 10px;}
#p_text{ margin: 10px; text-aling: justify; font-family: Calibri; font-size: 11pt; color: #fff}

#p_main { width: 280px; height: 100px; margin-left: 10px; border: 1px solid #333;}
#lilpic1 { width: 80px; height: 80px; float: left; margin: 9px 0 9px 9px; background: url('../images/previews/natw.png'); background-size: auto 80px; background-position: center;}
#lilpic2 { width: 80px; height: 80px; float: left; margin: 9px 0 9px 9px; background: url('../images/previews/torda.png'); background-size: auto 100px; background-position: center;}
#lat_title { width: 170px; height: 20px; float: right; margin: 8px; border: none; color: #009eee; font-family: Calibri; font-size: 15px;}
#lat_text { width: 170px; height: 48px; margin: 40px 0 0 100px; border:none; color: #fff; font-family: Calibri; font-size: 10pt;}
#spacer {margin: 10px}
#reftitle {color: #009eee; font-family: Impact; font-size: 25pt; margin: -10px 0 10px 0 ;}

#copy {float: left; margin: 20px 0 0 0; ;font-size: 15px; color: #fff; font-family: Calibri; }
#fun {float: right; margin: 20px 0 0 0; ;font-size: 15px; color: #fff; font-family: Calibri; }

#facebook {float: right; width: 50px; height: 50px; background: url('../images/facebook.png'); position: relative;}
#google   {float: right; width: 50px; height: 50px; background: url('../images/google+.png'); position: relative;}

#othercontent{
width: 940px;
padding: 30px;
margin: 40px auto 0 auto;
background: #333;
color: #fff; font-family: Calibri;
}

#site {border-bottom: 1px solid #222; padding-bottom: 15px; margin: 15px 0 0 0;}
#prewtitle {color: #009eee; font-family: Impact; font-size: 20pt; margin: 0 0 0 10px ;}
#prewtext {/*float: right;*/ margin: 0 0 0 10px ; color: #fff; font-family: Calibri; font-size: 11pt}

#megtekint {color: #fff; background: #009eee; font-family: Calibri; width: 118px; padding:10px; margin: 15px 0 0 10px; text-transform: capitalize; float: left; font-size: 11pt; font-align: center;}
#megtekint:hover {background: #52c5ff; -moz-transition: background 0.5s linear; -webkit-transition: background 0.5s linear; -o-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear; font-size: 11pt; font-align: center;}

#megtekint_new {color: #fff; background: #009eee; font-family: Calibri; width: 141px; padding:10px; margin: 15px 0 0 10px; text-transform: capitalize; float: right; font-size: 11pt; font-align: center;}
#megtekint_new:hover {background: #52c5ff; -moz-transition: background 0.5s linear; -webkit-transition: background 0.5s linear; -o-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear; font-size: 11pt; font-align: center;}