@charset "utf-8";

/* style for www.santaflora.ru 
The website and pictures made with your own hands © */

/* подключение шрифтов google web fonts */

/* cyrillic */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(http://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  
/* latin-ext */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(http://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
  
/* latin */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(http://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

/* ---------------------------- */

* 	{margin: 0px; padding: 0px; border: none;}

/* :focus	{
		outline: none;} */

body{
	background-color: #fff;
	/*text-align: center;*/}
	
#wrapper{	
		width: 960px;
		margin: auto;
		/*text-align: left;*/}
		
nav	{
	display: block;
	background: url(img/line.png) no-repeat bottom;
	/* height: 230px; */
	overflow: hidden;
	padding-bottom: 25px;}
	
nav ul	{
		list-style-type: none;
		/*display: table;
		width: 100%;
		table-layout: fixed;*/}
		
nav li	{
		/* display: table-cell;
		border: red 1px solid; */
		margin-bottom: 10px;}
			
nav a	{
		font: normal 18px/26px Arial, Helvetica, sans-serif;
		border: 2px solid #090;
		display: block;
		border-radius: 5px;
		/*text-align: center; */
		padding: 5px 0 5px 15px;
		color: #00f;
		background: #fff;
		transition: background .6s ease;
		/* margin-left: 20px; */}
		
/* nav li:first-child a {
		margin-left: 0;} */
			
nav a:hover	{
			background: #ccc;}	

/*#a1 a {	
	width: 310px;
	margin-right: 21px;}
	
#a2 a {	
	width: 360px;
	margin-right: 21px;}

#a3 a {	
	width: 230px;}*/

.tut {
	background: #ccc;}	
	
/* завершение оформления блока menu */	

header	{
		display: block;
		background: url(img/line.png) no-repeat center bottom;
		margin-bottom: 20px;
		padding-bottom: 20px;}
		
header h1	{
			font: normal 36px/1.2em 'Marck Script', cursive;
			color: #090;			
			padding-top: 20px;
			text-shadow: 0 0 4px rgba(0,0,0,.3);}
		
header p	{
			font: normal 18px/26px Arial, Helvetica, sans-serif;
			color: #000;
			padding-top: 20px;}	
			
h3	{
	font: normal 38px/54px 'Marck Script', cursive;
	color: #090;
	text-align: center;
	padding-bottom: 20px;
	text-shadow: 0 0 4px rgba(0,0,0,.3);}

section	{
	display: block;}
			
td p	{
	text-align: center; /* новое св-во */}

table	{
	width: 960px;
	border-collapse: collapse;}

td	{
	text-align: center;}


td img 	{
		border: 3px solid #090; /* рамка вокруг фотографий */
		border-radius: 5px;}

section  p {
	font: normal 18px/32px Arial, Helvetica, sans-serif;
	color: #000;	
	padding: 5px 0 20px 0;}

footer {
	display: block;
	background: url(img/line.png) no-repeat left top;
	height: 82px;
	/* width: 960px; */
	text-align: center;}

footer p {
	padding: 35px 25px 0 0;
	text-align: right;
	font: italic normal 12px/14px Arial, Helvetica, sans-serif;}

/* @media all and (orientation:portrait) {
	стили для портрета 
}
@media all and (orientation:landscape) {
	стили для пейзажа
} 

@media screen для мобильных устройств
https://htmlweb.ru/css/media_screen.php */	
	
/* @media (max-width: 1023px) and (orientation: portrait) {

	nav li {
		float: none;}

	nav a {
		text-align:	left;
		padding-left: 10px;}

	#a1 a,
	#a2 a {
		width: 100%;
		margin-bottom: 25px;}

	#a3 a {
		width: 100%;}

} */

/* новая верстка страницы БИСЕР */

#section  p {
	font: normal 18px/32px Arial, Helvetica, sans-serif;
	color: #000;	
	padding: 5px 0 20px 0;}

.row {
	display: table; 
	width: 100%; 
	table-layout: fixed;
	font-size: 0;}

.row figure {
	display: table-cell; 
	/* border: 1px solid red; */}

.row figure:first-child {
	text-align: left;}

.row figure:nth-child(2) {
	text-align: center;}

.row figure:last-child {
	text-align: right;}	

.row figure img {
		border: 3px solid #090;
		border-radius: 5px;}

figcaption {
	display: block; /* for old IE */
	text-align: center;
	font: normal 18px/32px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 10px 0 20px 0;}
	
/* оформление фотографии Пансионата и Эпиграфа */	
	
#pansionat-epigraf {
	display: table;
	/* border: 1px solid red; */
	width: 600px;
	margin: auto;}
	
#pansionat-epigraf div {
	display: table-cell;	
	vertical-align: top;}
	
#pansionat-epigraf div:first-child {
	/*background: #fc3;*/
	width: 310px;}
	
#pansionat-epigraf div:last-child {
	/*background: #99f;*/}	
	
#pansionat-epigraf img {
	}
	
#pansionat-epigraf p {
	line-height: 1.3em;}	
	
#pansionat-epigraf p:last-child {
	text-align: right;}