@media screen and (max-width: 960px) {

div#pContainer, div#pContent  {
    width:960px;
    padding-left:0;
    padding-right:0;
}

div#pShadowContainer {
    width:960px;
    background-image:none;
    padding:0;
}

#pFooterContainer {
    width:960px !important;   
    background-position: 50% 50%;
}

div#pHeader {
    width:960px;
}

div.secCol {
    width: 298px;
}

div.firstCol {
    margin-left: 1px;
}

ul.documentLister li {
    margin:10px 0;
    padding:0 10px;
}

ul.documentLister li div.more {
   padding: 10px 0; 
}

}

@media screen and (max-width: 640px) {

/* openPage - mobile */

.clearb { clear:both; }

body { overflow: scroll; }

#vizm {
	width: auto;
	margin: 5px;
	display:block !important; 
	background-color:#fff;
}

#vizm a {
	text-indent:-9999px;
	float:left;
	clear:left;
	display:block;
	width:320px;
	height:80px;
    margin:0 auto;
	background-position:top center;
	/*border-bottom: 1px solid #DDD;*/
}

#vizm #fovaros { background-image:url("vizmuvek-fovaros.png"); }
#vizm #biatorbagy { background-image:url("vizmuvek-biatorbagy.png"); }
#vizm #budajeno { background-image:url("vizmuvek-budajeno.png"); }
#vizm #piliscsaba { background-image:url("vizmuvek-piliscsaba.png"); }
#vizm #pilisvorosvar { background-image:url("vizmuvek-pilisvorosvar.png"); }

/* table */

table {
	width:100% !important;
}

.document-displayer table tr td, .document-displayer table tr th {
padding: 0 2px;
font-size: 10px;
}

.vizpluszCol div#pTextContentContainer .document-displayer .vizplussz-kep img {
width: 63px !important;
height: 30px !important;
}

/* openPage - layout */

div#pContainer {
	width: auto;
	margin: 0 auto;
	/*overflow: hidden;*/
}

div#pShadowContainer{
	width: auto;
	padding:0;
	background-image: none;
}

body.openPage div#pContent {
	width:auto;
	margin-top:1em;
	padding:0;
}

object {
	display:none;
}

div.topline #bp_intezmenyek {
	width:40% !important;
	margin: 4px 4px 0 0;
}

div.firstCol{
	width: 98%;
	margin:0 1%;
	float:left;
}

.form_element .label {
	padding-left:1%;
	text-align:left;
}

div.secCol {
	margin: 1em 1%;
	width: 98%;
	margin-bottom: 1em;
	/*text-align: center;*/
	clear:left;
	float:left;
}

input[type=text], input[type=password], input[type=email], textarea, select, .width261 {
	width: 98% !important;
}

.form_element .input {
	width: 100%;
	float: left;
	padding-left:0;
}

.StdTable td {
	text-align:left;
	vertical-align: top;	
}

.simpleBoxContent .boxTitle { 
	text-align: left;
}

.sign_desc {
	margin:10px;
}

#pTextContentContainer div.simpleBox div.inputTextContainer {
	background-image:none;
}

#pTextContentContainer div.simpleBox div.inputTextContainer input {
  background-image: none;
	background-color: white;
	border: 1px solid #AAA;
	height: 20px;
	padding: 0;
}

.form_element .input input.inputtag {
	width:98%;
	float:left;
	clear:left;
}

.hint {
	float:left;
	clear:left;
}

#pFooterContainer {
width: auto !important;
background-position:-10px;
}

#pFooter {
	width:auto;
}

/* subPage - lakossagi-ugyfelek */

div#pHeader {
	width:auto;
	height:auto;
	background-image:none !important;
}

div#pHeader.daylightBackgroundNeeded {
	background-image:none !important;
}

#headActionContainer {
	display:none;
	/*
	float: left;
	background-color:#eee;
	padding: 1em;
	*/
}

#headActionContainer a {
	font-size:9px;
}

#pLogo {
	margin: 10px 10px 0 13px;
}

#pHeaderMenu {
	margin:0;
	background-image:none;
}

#pHeaderMenu li {
	float: left;
	width: 25%;
	/*border-right:1px solid white;*/
	background-image:url(bg_headmenu.jpg);
	background-repeat:no-repeat;
	height:
	/*border-top: 1px dotted #aaa;*/
}

#pHeaderMenu li a {
	color:white;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	padding:9px 10px;
	width:auto !important;
	text-align:left;
	font-size:9px;
}

.menu-cover {
	clear:both;
	width:100%;
	background-image:url(bg_head-submenu.png);
	position:relative;
	bottom:0;
}

#menu {
	display: inline-block;
	padding: 5px;
	font-weight: bold;
	color:white;
	font-size:16px;
	text-transform:uppercase;
	margin-top: 10px;
}

/*
#pHeaderMenu4 {
	border-bottom: 1px dotted #aaa;
}
*/

/*
#pHeaderMenu li#pHeaderMenu1 a, 
#pHeaderMenu li#pHeaderMenu2 a, 
#pHeaderMenu li#pHeaderMenu3 a, 
#pHeaderMenu li#pHeaderMenu4 a, 
#pHeaderMenu li#pHeaderMenu5 a {
	width:100%;
}
*/

#pHeaderSubMenu {
	display:none;
	/*background-image:url('../images/mobile-menu-bg.png');*/
    background-image:none !important;
	background-repeat:repeat-y;
	background-color:#0097D6;
	/*height: 2770px;*/
    height:auto;
    bottom:auto;
	width:200px;
    /*width:100%;*/
	position: absolute;
	top: 0;
	left:0;
	z-index: 5555;
	border-right: 1px solid black;
}

.level2Container .level2MenuContainer {
	width:200px;
    /*width:100%;*/
}

.level2Container {
	background: none !important;
	display: block;
}

.level2ContainerBottom {
	background-image:none;
	border-bottom:1px solid #000;
	border-top:1px solid #fff;
	line-height:2em;
}

#pHeaderSubMenu .level2ContainerBottom .level2MenuContainer h2 a {
	color: #8ce0ff !important;
}

#pHeaderSubMenu .level2ContainerBottom .level2MenuContainer a {
	padding:5px 0;
	color: #000 !important;
}

.level2Container {
	position:relative;
	background-image:none;
	left: auto;
	top: auto;
}

#pHeaderSubMenu li a span.pHeaderSubMenuText {
	width: 182px;
}

#pHeaderSubMenu li {
	width:auto;
	clear:left;
}

#pHeaderSubMenu li > a {
	background-image:none;
    background-color:#004881;
	color:#fff;
    height:auto;
	font-weight:bold;
	/*font-variant:small-caps;*/
	font-size: 13px;
}

/*
#pHeaderMenu li.active a, #pHeaderMenu li a:hover {
	background-color:#ccc;
}
*/

div.tabContentContainer {
	/*overflow:hidden;*/
}

div.tabContentContainer  img {
    width:100%;
}

div#bannerRotatorContainer ul.tabButtonContainer li a {
	padding: 0 10px;
	padding-top:16px;
	font-size: 9px;
	width: auto;
}

h1.pageTitle {
	margin-top: 1em;
}

div.secCol table, #munkaterkepMap {
	margin: 0 auto;
}

div.secCol .segitsegBox table {
	margin:0;
}

div#pContent {
	width:auto;
	margin-top:1em;
	padding:0;
	background-image:none !important;
}

.level2Container .level2MenuContainer h2 {
	margin: 0 10px;
	background-position: 0 8px !important;
}

.level2Container .level2MenuContainer ul {
	padding: 0 0 0 30px;
}

.level2Container .level2MenuContainer {
	padding: 0 0 5px 0;
}
/*
div.simpleBoxContent {
	text-align: center;
}

div.simpleBoxContent  table, .voting {
	text-align: left;
}
*/

div.segitsegBox td.img{
	width:68px;
}

.document-displayer img {
	width: 100% !important;
	height: auto !important;
}

div#pTextContentContainer ul {
	padding-left:20px;
}

.level2Container {
	display:block;
}

ul.estateList {
	width:auto;
	padding-left:0 !important;
}

ul.estateList div.documentContent {
	width:auto;
	padding-right: 10px;
}

ul.estateList div.lead_img {
	width:auto;
}

.lead_img img {
	width:100%;
	height:auto;
}

ul.estateList div.estateListDetailsButton {
	width:auto;
	float:left;
}

.kapcsolodoBox img {
	width:auto !important;
}

/*
.document-displayer table {
	display:none;
}
*/
/*
.kapcsolodoBox img {
	width:auto !important;
}
*/

.onlineUgyfelszolgalat  .simpleBoxContent {
	text-align: center;
}

.onlineUgyfelszolgalat  .simpleBoxContent .boxTitle {
	margin-bottom: 10px;
}

/* Ingatlanok */

div.estateDetails {
	width:auto;
	float:none;
}

div.estateDetails div.documentContent {
	padding:0 10px;
	float:left;
}

div.estateDetails div.lead_img {
	float:none;
	width: 100%;
}

div.estateDetails div.estateDetailsImages {
	width:auto;
}

ul.estateList div.lead_img {
	width: 96%;
}

.lead_img img {
	width: 96%;
}

div#vizpluszBox.simpleBox div.simpleBoxContent ul li a span, div#vizpluszBox.simpleBox div.simpleBoxContent ul li a img {
	float:left;
	clear:left;
}

div#vizpluszBox.simpleBox div.simpleBoxContent ul li {
	padding:10px 0;
	background-image:none;
}

div#vizpluszBox img {
	width:100%;
}

embed {
	width:100%;
}

#documentDisplayerOverlay {
    left:0 !important;
    width:96% !important;
    margin:0 2% !important;
}

.tabButtonContainer { 
width:100% !important; 
padding: 0 !important;
}

.tabButtonContainer li {
width: 50% !important;
}

.tabButtonContainer li a {
background-image:none !important;
width: 100% !important;
height:auto !important;
padding:10px 0 !important;
font-size:12px !important;
}


.tabButtonContainer li.active a {
background-color:#bbb !important;
} 

.bannerRotatorContainerPositionPointer {
    display:none !important;
}

#vizdijKalkulatorBox input, #vizdijKalkulatorBox select {
    width:auto !important;
    background-image: none !important;
    background-color: #fff !important;
    border: 1px solid #AAA !important;
}

#reszletesKeresesBox input[type=text] {
    font-size:12px !important; 
    width:93% !important;
}

#vizdijKalkulatorBox .inputTextContainer {
    background-image:none !important;
    width:auto !important;
}

#reszletesKeresesBox .inputTextContainer {
    width:auto !important;
}

.searchResultLister {
    padding-left: 20px;
}

#kalkeredmeny {
    border: 1px solid #AAA;
    margin: 10px 0 !important;
    padding: 10px;
    background-color: white;
}

#vizdijKalkulatorBox div.buttonContainer {
    float:none;
    clear:left;
}

.clickToCallDialer { display:none; }

.clickToCallText {
    padding-right: 0;
    width: auto;
}

.vizvonalContainer a {
    cursor:pointer;
}

.mobileHidden {
	display: none;
}

}