
/* Окна */
.modal_div, .modal_div2, .modal_div_f {
	width: 100%; 
	/*height: 300px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 1px #000 solid;
	background: #fff;
	position: relative; /* чтобы окно было в видимой зоне в любом месте */
	top: 0%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 0%; /* половина экрана слева */
	margin-top: 0px;
	margin-left: 0px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 0px 0px;
}
/* Кнопка закрыть для тех кто в танке) */
.modal_close, .modal_close2 {
	width: 21px;
	height: 35px;
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
	display: block;
	color: #F00;
	background: #fff;
	text-align: center;
	
}
/* Подложка */
#overlay, #overlay2, #overlay_f, #overlaj2_f {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #fff; /* черная */
	opacity: 0; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}
#kontejner{
	max-width: 400px;
	margin: auto;
}