﻿@font-face{
	font-family: HelveticaWWW;
    src: url(../fonts/helvetica.eot);
    src: url(../fonts/helvetica.eot?#iefix) format('embedded-opentype'),
         url(../fonts/helvetica.ttf) format('truetype'),
         url(../fonts/helvetica.woff) format('woff'),
         url(../fonts/helvetica.svg) format('svg');
}

/* Хедер */
#header {
	overflow: hidden;	/* Отмена обтекания после основного контента */
	padding: 10px 0;	/* Отступ для логотипа сверху и снизу*/
	background-color: #ffeae0;	
	/*margin-bottom: 100px;*/	/* Наружный нижний отступ (до основного контента) */	
	font: normal normal normal 16px/1.4em 'open sans',sans-serif;
	color: #383838;	/* Цвет шрифта */
}

.karkas {
	max-width: 1062px;	/* Ширина страницы */
	margin: 0 auto;	/*центровка по горизонтали*/
	background-color: #FFFAF0;	
}

/* Контент */

/*Обо мне*/
.about_me {
	border: 6px solid #ffeae0;
	max-width: 862px;
	margin: 100px auto 50px auto;
	padding: 40px 25px 80px 25px;
	background-color: #FFFAF0;	/* FloralWhite  */
}

/*Заголовок "Обо мне"*/
.about_me h1 {
	font: italic 32px Georgia;	/* Шрифт курсивный, 32px, Georgia */
	color: #383838;	
	margin: 20px auto;
}

.about_me p {
	/*font-family: sans-serif, helvetica, HelveticaWWW;
	font-size: 19px;*/
	font: normal normal normal 15px/1.4em 'open sans',sans-serif,HelveticaWWW;
	line-height: 1.5em;
	text-align: center;
}

/* Галерея */

/* Контейнер галереи */
#galCont {
	/*max-width: 960px; */
	max-width: 95%;
	margin: 0 auto; 
	overflow: hidden;
	/*border: 1px solid green;*/
	text-align: center;	
}

/*Контейнеры ссылок с картинками и подписями*/
figure {
	display: inline-block;
}

/*Контейнеры ссылок с картинками и подписями (caption)*/

.figure {
	width: 200px;
	height: 236px;
	display: inline-block;
	margin: 10px 8px;
}

a {
	display:block;
}

.textMini {
	font-family: arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
}

/* Контейнеры иконок */
.iImg {
	width: 200px;
	height: 200px;
	overflow: hidden;		/*?*/
	line-height: 200px;		/* Высота строки, для центрирования картинки по высоте */
}

/* Маленькие картинки галереи */
.iImg img {
	vertical-align: middle;	/* Центрирование картинки по высоте */
}

/* Здесь галерея заканчивается */


/*Футер*/
      
#footer {
	margin: 40px auto 15px auto; 
}

#footer a {
	color: #383838;	
	display: inline-block;
}

#footer p img {
	margin: 0 15px;
}