/*
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 : 2017.02.16., 11:26:58
    Author     : Somogyi Levente
*/

*, html {font-family: 'Roboto Slab', serif; font-size: 20px; line-height: 40px;}
#bar { background: #fcb040; line-height: 36px;}
#bar .headcontent  { text-align: center; font-size: 16px; line-height: 24px; padding: 10px 0; vertical-align: middle;}
#bar .headcontent span { color:#fff; font-size: 36px; line-height: 24px; vertical-align: middle;}

#head { position: relative; margin-bottom: 60px; background: #fff;}
#head .headImage {position: absolute; top: 0; right: 0; display: block; left: 0;} 
#head .headImage img { width: 100%; height: auto; }

.iptLogo { position: absolute; width: 151px; height: 182px; top: 50px; left: 50%; margin-left: -75px; background: url("../images/ipt343-logo.png") no-repeat; z-index: 100;}
.logoWrapper { height: 100%;}

#content { margin-bottom: 40px; }

.showpagewidth  { position: fixed; right: 0; bottom: 0; background: #000; color:#fff; padding: 0px 5px; line-height: 14px; font-size: 12px;}

.listBox { padding-top: 30px; padding-bottom: 15px;}
.listBox h2 { font-size: 32px; padding-left: 90px; margin-bottom: 40px; }
.listBox  .list { padding-left: 90px; line-height: 40px; padding-bottom: 40px; background-position: 0 0px; background-repeat: no-repeat;}


.facility {background: #fcb040; }
.facility h2 { color:#fff; }
.facility  .list { }
.facility  .list.tulajdonos { background-image: url("../images/tulajdonosi-kepviselet.png");}
.facility  .list.berlet { background-image: url("../images/berleti-rendszer.png") ;}
.facility  .list.berlo { background-image: url("../images/berloi-szolgaltatasok.png") ;}
.facility  .list.ingatlan { background-image: url("../images/ingatlan.png") ;}

.infrastruktura { background: #000;}
.infrastruktura  h2 { color:#fcb040; }
.infrastruktura  .list  { color:#fff;}
/* .infrastruktura  .biztonsagtechnika.list {  background: url("../images/muszaki_uzemeltetes.png") left center no-repeat;}*/

.infrastruktura  .list.muszaki { background-image: url("../images/muszaki_uzemeltetes.png");}
.infrastruktura  .list.eloeros { background-image: url("../images/eloeros.png") ;}
.infrastruktura  .biztonsagtechnika.list { color:#fff;  background-image: url("../images/biztonsag.png") ;}
.infrastruktura  .list.park { background-image: url("../images/park.png") ;}
.infrastruktura  .list.burkolat { background-image: url("../images/burkolat.png") ;}
.infrastruktura  .list.karelharitas { background-image: url("../images/karelharitas.png") ;}
.infrastruktura  .list.takaritas { background-image: url("../images/takaritas.png") ;}












@media (max-width: 991px) {


}


@media (max-width: 767px) {
    *, html {font-family: 'Roboto Slab', serif; font-size: 16px; line-height: 32px;}
    #bar .headcontent  { font-size: 14px;  }
    .iptLogo { position: absolute; width: 120px; height: 160px; top: 50px; left: 50%; margin-left: -60px; background: url("../images/ipt343-logo.png") no-repeat; background-size: 120px auto; z-index: 100;}
    .listBox h2 { font-size: 28px; padding-left: 0px; margin-bottom: 30px; }
    .listBox  .list { padding-left: 70px; line-height: 30px; padding-bottom: 35px; background-size: 40px auto;}    
}

@media (max-width: 480px) {
    .iptLogo { position: absolute; width: 90px; height: 120px; top: 30px; left: 50%; margin-left: -45px; background: url("../images/ipt343-logo.png") no-repeat; background-size: 90px auto; z-index: 100;}
    #head { margin-bottom: 35px;}
    .listBox { padding-top: 15px; padding-bottom: 10px;}
}