﻿
.confirm_screen
{
	position: absolute;
	bottom: 0;
	-webkit-transform: translate(0,100%);
	-webkit-transition-property: -webkit-transform;
/*	background-image: url( "../images/popup-bg.png" );*/
	background: #fff;
	opacity: 0;
}
.confirm_screenopen
{
	position: absolute;
	opacity: 1;
	overflow: hidden;
	bottom: -100%;
	width: 100%;
/*	background: url( "../images/popup-bg.png" ) repeat-x #4e545f;*/
	background: #fff;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate(0,0);
	text-align: center;
	z-index: 99999;
}
.confirm_screenopenfull
{
	position: absolute;
	opacity: 0.8;
	overflow: hidden;
	bottom: -100%;
	width: 100%;
/*	background: url( "../images/popup-bg.png" ) repeat-x #4e545f;*/
	background: #fff;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate(0,45px);
	text-align: center;
	z-index: 99999;
}
.confirm_screenclose
{
	-webkit-transition-duration: 1.2s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform-style: preserve-3d;
	position: absolute;
	opacity: 0.8;
	overflow: hidden;
	bottom: -100%;
	width: 100%;
/*	background: url( "../images/popup-bg.png" ) repeat-x #545A67;*/
	background: #fff;
	text-align: center;
	-webkit-transform: translate(0,150%);
}
.confirm_screenopen span, .confirm_screenclose span, .confirm_screenopenfull span, .confirm_screenclosefull span
{
	margin: 10px 0 20px;
	font-size: 17px;
	color: #fff;
	width: 100%;
	height: 10px;
	text-shadow: rgba(0,0,0,1) 0 -1px 0;
	display: block;
}
.popup
{
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 9999;
}
.cover
{
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 9998;
	opacity: 0.4;
	left: 0;
	background-color: #000;
}
.nocover
{
	opacity: 0;
/*	background-image: url( '../images/bluebutton.png' ),url( '../images/darkredbutton.png' );*/
	background: #fff;
}
#frame a
{
	text-decoration: none;
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -15px;
	margin-top: 0;
}
#frame span.black, #frame span.red, #frame span.gray
{
	display: block;
	height: 32px;
	border-width: 0 14px;
	width: auto;
/*	background-repeat: no-repeat;*/
	background: #fff;
	line-height: 46px;
	font-size: large;
	opacity: 1;
	font-weight: bolder;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: Arial,Helvetica,sans-serif;
}
#frame span.black
{
	-webkit-border-image: url( "../images/graybutton.png" ) 0 14 0 14;
	color: #fff;
}
#frame span.red
{
	-webkit-border-image: url( "../images/redbutton.png" ) 0 14 0 14;
	color: #fff;
}
#frame span.gray
{
	-webkit-border-image: url( "../images/whitebutton.png" ) 0 14 0 14;
	color: #000;
	text-shadow: white 0 1px 0;
}
#frame a:last-child
{
	margin-bottom: 20px !important;
}
#frame a:hover span.black, #frame a:hover span.gray
{
	-webkit-border-image: url( "../images/bluebutton.png" ) 0 14 0 14;
	color: #fff;
	text-shadow: rgba(0,0,0,1) 0 -1px 0;
}
#frame a:hover span.red
{
	-webkit-border-image: url( "../images/darkredbutton.png" ) 0 14 0 14;
}

.yoltarifiContainer{ margin-left: 35px; width: 100%;}
.iletisimKroki{ width: 438px; margin: -29px auto 0 auto; float: left;}
.iletisimKroki .yoltarifiHarita {width: 233px; height: 173px; margin: 0; float:left; position:relative; border: 2px solid #999999; display:block;margin-bottom: 9px;}
.iletisimKroki .yolTarifi {width: 199px; float:left;}
.iletisimKroki .yolTarifi h2 {width: 100%; padding: 0 0 0 0; /* float:left; */ text-align:center;font-size: 16px;}
.iletisimKroki .yolTarifi label {width:100px; float:left;font-size: 13px;margin-top: 5px;}
.iletisimKroki .yolTarifi .yoltarifiInput {width:148px; padding:5px; border:1px solid #ededed; float:left; outline:none;margin-bottom: 6px;}
.iletisimKroki .yolTarifi select.yoltarifiInput {width:158px;}
.iletisimKroki .yolTarifi .btn_yoltarifi { width:130px; background:#000; text-decoration:none; font-size:12px; height:28px; line-height:28px; /*background:#014587;*/ margin:5px 0 0 0; /* float:right; */ color:#ffffff!important; font-weight:normal; font-family:Arial; text-align:center; margin: auto; display: block;}
.yolTarifiLeft{ float:left; width: 180px;}
.iletisimKroki .yolTarifi .btn_yoltarifi:hover{ background:#676767; color:#000; font-size:12px;}