* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Arial, sans-serif;
  list-style: none;
  text-decoration: none;
}

.clr:after {
  content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clear {
  clear: both;
} 

div, ul, li {
  position: relative;
}

button {
  display: block;
  cursor: pointer;
}

h1 {
  display: none;
}

h2 {
  display: block;
  font-family: vodafone;
  font-weight: bold;
  font-size: 20px;
  color: #e60000;
}

/* layout */
body {
  background: #f4f4f4 url("../images/bg-body.png") repeat-x top;
}

#layout {
  width: 960px;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  z-index: 1;
}

#tariffBox {
  width: 948px;
  height: 449px;
  margin: 10px 0;
  padding: 15px 0 0 12px;  
  background: url("../images/bg-tariff-box.png") no-repeat;
}

#tariffBox .greyBox {
  width: 710px;
  height: 130px;
  margin: 10px 0;
  padding: 19px 20px 0 207px;
  background: url("../images/bg-grey-box.png") no-repeat;
}

#tariffBox .greyBox h3 {
  font-family: vodafone;
  font-size: 22px;
  font-weight: normal;
  color: #000;
  margin-bottom: 8px;
}

#tariffBox .greyBox p {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: #000;
  line-height: 15px;
}

#tariffBox ul {
  line-height: 13px;
  font-size: 11px;
  color: #575757;
}

#tariffBox ul li {
  float: left;
  width: 177px;
  height: 250px;
  margin: 0 10px 0 0;
  padding: 1px;
  background: url("../images/bg-tariff-box-item.png") no-repeat;
}

#tariffBox ul li h4 {
  width: 110px;
  height: 31px;
  margin: 0 auto;
  font-family: vodafone;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  padding: 7px 0 0 0;
  color: #000;
}

#tariffBox ul li div.pic {
  width: 177px;
  height: 81px;
}

/* #tariffBox ul li#t01 h4 {
  background: url("../images/t-tarifa-fix.gif") no-repeat;
} 

#tariffBox ul li#t02 h4 {
  background: url("../images/t-tarifa-uzleti-duo.gif") no-repeat 0 4px;
}

#tariffBox ul li#t03 h4 {
  background: url("../images/t-tarifa-uzleti-szabadon.gif") no-repeat;
}

#tariffBox ul li#t04 h4 {
  background: url("../images/t-tarifa-presztizs.gif") no-repeat 7px 0;
}

#tariffBox ul li#t05 h4 {
  background: url("../images/t-tarifa-office.gif") no-repeat;
}

*/

#tariffBox ul li#t01 div.pic {
  background: url("../images/p-tarfia-fix.jpg") no-repeat;
}

#tariffBox ul li#t02 div.pic {
  background: url("../images/p-tarifa-uzleti-duo.jpg") no-repeat;
}

#tariffBox ul li#t03 div.pic {
  background: url("../images/p-tarifa-uzleti-szabadon.jpg") no-repeat;
}

#tariffBox ul li#t04 div.pic {
  background: url("../images/p-tarifa-presztizs.jpg") no-repeat 12px 0;
}

#tariffBox ul li#t05 div.pic {
  background: url("../images/p-tarifa-office.jpg") no-repeat;
}
#t05 ul li {
	list-style-type: none;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
	float: none;
	display: list-item;
	border: none;
}
#tariffBox #t05 p, #t05 ul {
	margin: 0 10px 5px;
}
#t05 .red { color: #EC0000;}

#tariffBox ul li p {
  margin: 0 17px 10px 17px;
}

#tariffBox ul li a.link {
  display: block;
  position: absolute;
  left: 17px;
  bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ec0000;
  padding: 0 19px 0 0;
  text-decoration: underline;
  line-height: 16px;
  background: url("../images/a-right-red.gif") no-repeat right top;
}

#tariffBox ul li a.link:hover {
  text-decoration: none;
}

#tariffBox a.cond {
  position: absolute;
  left: 888px;
  top: 446px;
  display: block;
  width: 71px;
  height: 19px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/b-feltetelek.jpg") no-repeat;
}

#tariffBox .condBox {
  background: #fff;
  width: 958px;
  position: absolute;
  left: 1px;
  bottom: 1px;
  display: none;
}

#tariffBox .condBox p {
  margin: 10px;
  font-size: 10px;
  color: #000;
  line-height: 13px;
}

#tariffBox .condBox a {
  color: #000;
  text-decoration: underline;
}

#tariffBox .condBox a:hover {
  text-decoration: none;
}

#mobilBox {
  width: 948px;
  height: 401px;
  margin: 10px 0 5px 0;
  padding: 16px 0 0 12px;  
  z-index: 9;
  background: url("../images/bg-mobil-box.png") no-repeat;
}

#mobilBox p {
  margin: 10px 0;
  line-height: 14px;
  font-size: 12px;
  color: #000;
}

#mobilBox ul.mobil {
  line-height: 13px;
  font-size: 11px;
  color: #575757;
  margin: 30px 0 0 0;
}

#mobilBox ul.mobil li {
  float: left;
  width: 148px;
  height: 300px;
  margin: 0 10px 0 0;
  text-align: center;
  background: url("../images/bg-mobil-shadow.jpg") no-repeat center 212px;
}

#mobilBox ul.mobil li h4 {
  width: 148px;
  height: 26px;
  font-family: vodafone;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

#mobilBox ul.mobil li div.pic {
  width: 148px;
  height: 200px;
}

#mobilBox ul.mobil li h5 {
  padding: 5px 0 5px 0;
  font-family: vodafone;
  font-size: 24px;
  font-weight: bold;
  color: #e60000;
}

#mobilBox ul.mobil li a.link {
  display: block;
  width: 134px;
  height: 37px;
  margin: 0 auto;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/b-reszletek.jpg") no-repeat;
}

#mobilBox ul.mobil li a.link:hover {
  background: url("../images/b-reszletek-over.jpg") no-repeat;
}

#mobilBox ul.mobil li#m01 div.pic {
  background: url("../images/m-nokia-1800.jpg") no-repeat center top;
}

#mobilBox ul.mobil li#m02 div.pic {
  background: url("../images/m-vodafone-547i.jpg") no-repeat center top;
}

#mobilBox ul.mobil li#m03 div.pic {
  background: url("../images/m-nokia-c1-01.jpg") no-repeat center top;
}

#mobilBox ul.mobil li#m04 div.pic {
  background: url("../images/m-se-spiro.jpg") no-repeat center top;
}

#mobilBox ul.mobil li#m05 div.pic {
  background: url("../images/m-se-cedar.jpg") no-repeat center top;
}

#mobilBox ul.mobil li#m06 div.pic {
  background: url("../images/m-nokia-c3-00.jpg") no-repeat center top;
}

#mobilBox a.cond {
  position: absolute;
  left: 888px;
  top: 398px;
  display: block;
  width: 71px;
  height: 19px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/b-feltetelek.jpg") no-repeat;
}

#mobilBox .condBox {
  background: #fff;
  width: 958px;
  position: absolute;
  left: 1px;
  bottom: 1px;
  display: none;
}

#mobilBox .condBox p {
  margin: 10px;
  font-size: 10px;
  color: #000;
  line-height: 13px;
}

#mobilBox .condBox a {
  color: #000;
  text-decoration: underline;
}

#mobilBox .condBox a:hover {
  text-decoration: none;
}

#footer {
  margin: 0 0 20px 0;
  line-height: 13px;
  font-size: 10px;
  color: #8a8a8a;
}

#footer a {
  color: #e60000;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

#shadowLayer {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  background: #fff;
}

.overlay {
  display: none;
  width: 592px;
  height: 370px;
  position: absolute;
  left: 200px;
  top: 0;
  z-index: 10;
  /* top: 50%; */
  left: 50%;
  margin: 0 0 0 -296px;
}

.overlay .bg {
  position: absolute;
  width: 592px;
  height: 370px;
  left: 4px;
  top: 4px;
  z-index: 11;
  background: url("../images/bg-overlay.png") no-repeat;
}

.overlay a.close {
  position: absolute;
  left: 558px;
  top: 8px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -999em;
  overflow: hidden;
  z-index: 13;
}

.overlay .content {
  width: 337px;
  height: 300px;
  padding: 47px 0 0 241px;
  position: absolute;
  left: 9px;
  top: 9px;
  z-index: 12;
}

.overlay #mobil01 {
  background: url("../images/m-big-nokia-6303.jpg") no-repeat left top;
}

.overlay #mobil02 {
  background: url("../images/m-big-vodafone-547i.jpg") no-repeat left top;
}

.overlay #mobil03 {
  background: url("../images/m-big-nokia-c1-01.jpg") no-repeat left top;
}

.overlay #mobil04 {
  background: url("../images/m-big-se-spiro.jpg") no-repeat left top;
}

.overlay #mobil05 {
  background: url("../images/m-big-se-cedar.jpg") no-repeat left top;
}

.overlay #mobil06 {
  background: url("../images/m-big-nokia-c3-00.jpg") no-repeat left top;
}


.overlay .content h2 {
  display: block;
  margin: 0 0 7px 0;
  font-family: vodafone;
  font-size: 40px;
  font-weight: normal;
  color: #000;  
}

.overlay .content h3 {
  display: block;
  margin: 0 0 7px 0;
  padding: 0 0 7px 0;
  font-family: vodafone;
  font-size: 24px;
  font-weight: bold;
  color: #e60000;  
  border-bottom: 1px solid #dadada;
}

.overlay .content .features {
  margin: 15px 0 10px 0;
}

.overlay .content .features li {
  float: left;
  height: 20px;
  margin: 0 10px 0 0;
  text-indent: -999em;
  background: none;
  padding: 0;
}

.overlay .content .features #fLive {
  width: 30px;
  background: url("../images/ico-live.jpg") no-repeat left center;
}

.overlay .content .features #f3g {
  width: 20px;
  background: url("../images/ico-3g.jpg") no-repeat left center;
}

.overlay .content .features #fMobilnet {
  width: 48px;
  background: url("../images/ico-mobilweb.jpg") no-repeat left center;
}
.overlay .content .features  #fHSDPA {
  width: 38px;
  background: url("../images/ico-hsdpa.png") no-repeat left center;
}

.overlay .content ul li {
  background: url("../images/bg-li.jpg") no-repeat 0 8px;
  font-size: 12px;
  color: #000;
  padding: 2px 0 2px 10px;
  line-height: 15px;
}

.overlay .content h4 {
  position: absolute;
  left: 350px;
  top: 323px;
  display: block;
  width: 240px;
  height: 14px;
  z-index: 3;
  font-family: vodafone;
  font-weight: normal;
  font-size: 15px;
  color: #808080;
}