* {
	margin: 0;
	padding: 0;
}

#photo_container {
	width: 1185px;
	height: 790px;
    margin: auto;
}

#top_nav{
   top: 140px;
   position: fixed;
   z-index: 1000;
   width:100%;
   background:#13294e;
}

html {
 	 height: 100%;
}

body {
     background: #FFF;
     color: #000;
 	 height: 100%;
     font-family: Arial, sans-serif;
     font-size: 14px;
}

img.sel {border: 2px solid #ffff00;}

video {
	width: 800px;
}

div.foto {
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
	margin: 5px;
	width: 100px;
	height: 205px;
	box-shadow: 5px 5px 7px -4px #000000;
	text-align: center;
	float: left;
}

::selection {
	background: #163160;
	color: #fbfaff;
}

a.gal_caption {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
	font-weight: bold;	
}

p.gal_caption {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
	font-weight: bold;	
}

p.price_caption {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
	font-weight: bold;	
}

p.price_content {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

p.price_cost {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	font-weight: bold;
}

p.price_present {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	font-weight: bold;
}

p.gal_descr {
    color: #13294e;
    text-decoration: none;	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	text-indent: 25px;
	text-align: center;
}

p.chapter_caption {
    color: #13294e;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

p.chapter {
    color: #13294e;
	text-align: justify;
}

a.callback {
    color: #fbfaff;
    text-decoration: none;	
}

a.callback:hover {
	color: #fbfaff;
    text-decoration: underline;
}

p.footer {
			text-indent: 25px;
			color: #fbfaff;
			text-align: justify;
}

#about p {
			text-indent: 25px;
			color: #000000;
			font-size: 16px;
			text-align: justify;
}

.circle {
    width: 50px; /* задаете свои размеры */
    height: 50px;
    overflow: hidden;
    background: #fff;
    padding: 5px; /* создание отступов */
    border-radius: 50%;
    /* не забываем о кроссбраузерности */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: #aaa 1px solid;
    box-shadow: 0px 1px 1px 1px #bbb; /* тень */
    -moz-box-shadow: 0px 1px 1px 1px #bbb;
    -webkit-box-shadow: 0px 1px 1px 1px #bbb;
    margin: 0 auto;
}
.circle img {
    display: block;
    width:100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#header {
     background: #fbfaff;
     width: 100%;
     height: 140px;
	 position: relative;
	 text-align: center;
}
 
#container {
     background: #fbfaff;
     text-align: center;
     width: 100%;
 	 display: table;
	 height: 100%;
 	 margin:0 auto;	 
}

img.menu {
	vertical-align: middle;
}

#navigation {
     background: #163160;
     width: 100%;
     height: 30px;  /* высота меню */
}
 
#content {
     background: #fbfaff;
     width: 100%;
     height: 100%;
	 display: table-row;	 
}
 
#clear {
     clear: both;
}
 
#footer {
    background: #13294e;
	width: 100%;
	height: 160px;
}

.fixed-width-container {
    width: 1300px;
    margin: 0 auto;
}

#callback-block-left {
    width: 31.8%;
    float: left;
    margin-right: 2.3%;
    margin-top: 14px;
}

#callback-block-center {
    width: 31.8%;
    float: left;
    margin-top: 14px;
}

#callback-block-right {
    width: 31.8%;
    float: right;
    margin-top: 14px;
}

.callback_author {
    width: 120px;
    text-align: center;
    float: left;
}

.callback_text {
    width: 100%;
	padding-left: 20px;
}

#logo {
 	 	height: 110px;   /* высота логотипа */
		position: absolute;
		top: 50%;
		margin-top: -60px; /* половина высоты логотипа */
		left: 50%;
		margin-left: -200px; /* половина ширины логотипа */
}
		
a {
    color: #069;
    text-decoration: none;	
}

a:hover {
    text-decoration: underline;
}

	img.mat:hover
		{
		outline: 2px solid #FF0000;
		cursor: pointer;
		}

	div.sel
		{
		background: #EEE;
		padding: 1px;
		}
		
	#sel_mat
		{
		width: 400px;
		height: 400px;
		margin: 200px auto;
		display: none;
		background: #fff;
		z-index: 200;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
		}

	.close
		{
		margin-left: 364px;
		margin-top: 4px;
		cursor: pointer;
		}

	h1
		{
	    color: #898989;
		text-align: center;
		font-size: 25px;
		}

header {
  background: #13294e;
  text-align: center;
}

header a {
  text-decoration: none;
  outline: none;
  display: block;
  transition: .3s ease-in-out;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topmenu:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu > li {
  width: 14%;
  float: left;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.topmenu > li > a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #fbfaff;
  padding: 15px 30px;
}
.topmenu li a:hover { color: #D5B45B; }

.submenu {
  background: #13294e;
  position: absolute;
  left: 20%;
  top: 100%;
  z-index: 5;
  width: 60%;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .5s ease-in-out;
}
.submenu a {
  color: white;
  text-align: left;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.submenu li:last-child a { border-bottom: none; }

.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}