@charset "UTF-8";
body {font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Sans-serif; color:#b8b8b8; background:#444; margin:0; padding:0}
.top-menu {display:flex; flex-flow:row wrap; align-content:space-between; align-items:baseline; font-size:1.1em; color:#e2e2e2; background:#333; margin:0; padding:0; border-bottom:solid 1px #999}
.top-menu span, .top-menu a {flex:2; text-align:center; padding:11px 5px}
.top-menu span {background-color:#cc0000; color:#fff}
.top-menu a:link {color:#ccc; text-decoration:none}
.top-menu a:active {color:#ccc; text-decoration:none}
.top-menu a:visited {color:#ccc; text-decoration:none}
.top-menu a:hover {color:#fff; background-color:#ff0000; text-decoration:none}
.fotogallery-header {
	display:flex; flex-flow:column; border:none; margin:0; padding:0;
	background-image: url(images/fotogallery-bg-top-2025.jpg);
	background-position: top right;
	background-repeat:repeat-x;
	border-bottom:solid 1px #999;
}
.header {flex:1; display:flex; flex-flow:row; align-items:center; border:none; margin:0; padding:0}
.top-left {padding:10px 20px 10px 30px; text-align:center; margin:0}
.top-left img {width:190px; height:190px; border:none}
.top-right {flex:3; padding:20px 0px 10px 20px; margin:0; align-content:center;
}
.top-right h2,
.top-right h1 {font-family: Condensed, MyriadProCond, Arial Narrow; font-size:3.5em; font-weight:100; letter-spacing:1px; line-height:1.5em; margin:0; color:#eee}
.top-right h5 {text-align:left; font-size:1.2em; font-weight:100; letter-spacing:2px; margin:-10px 10px -5px 0; color:#ccc}
.top-right a:link,
.top-right a:visited {color:#ddd; text-decoration:none}
.top-right a:hover {color:#fff; text-decoration:none}
.put { flex:3; color:#777; font-size:1em; text-align:right; margin:0 0 10px 0; padding:8px}
.put a:link, .put a:visited {color:#888; text-decoration:none; margin:0 8px}
.put a:hover {color:#fff; text-decoration:none}
.put span, .put strong {color:#fff; font-weight:100; margin:0 8px}
.put img {border:none; margin:2px 15px -2px 15px}
.photo-content {display:flex; flex-flow:row wrap; border:none; margin:0; padding:0}
.main-photo-content {flex:3; padding:0 40px }
/* text-shadow: 0px 0px 1px white, 0 0 0.2em white */
.main-photo-content h2 { font-size:1.8em; font-weight:400; margin:30px 0 10px 0; color:#fff}
.main-photo-content p {margin-bottom:30px; font-size:1.1em; line-height:1.6em; }
.main-photo-content span,
.main-photo-content strong {color:#fff; font-weight:100}	
h1 {font-size:2em; font-weight:400; line-height:2.6em; margin:0 10px 10px 0; color:#eee; letter-spacing:1px}
.footer {display:flex; flex-flow:row wrap; background:#333; border:none; margin:0; padding:9px; border:none}
.footer div, .footer a {flex:2; padding:9px; font-size:0.9em}
.footer img {padding:8px; border:solid 1px #666}
.footer .bottom-right img {border:none}
td {font-size:1em}
a:link {color:#ccc}
a:active {color:#fff}
a:visited {color:#eee}
a:hover {color:#fff; text-decoration:none}
.fotovystavka {margin:30px 0; padding:20px 0; border-top:solid 1px #ccc}
.adv-top {text-align:center; padding:5px 0; border-bottom:solid 1px #222}	
.adv-top img { border:solid 1px #fff; margin:0}
.t-header {color:#fff}
.t-content {background:#999}
.icons {display:flex; flex-flow:row wrap; background:#cc0000; width:25%; margin:25px 0 0 0; padding:9px}
.icons img {border:none; margin:2px 10px}
.icons h3 {font-size:1.1em; text-transform:uppercase; color:#fff; margin:0; letter-spacing:3px; margin-left:25px; display:inline}
ul li {list-style-type:square; margin:0.5em 0px 0.5em 0px}
ol li {margin:0.5em 0px 0.5em 0px}
.adv-list {margin:-12px 0 0 -5px}
h2 a:link, h4 a:link {color:#fff; text-decoration:none}
h2 a:visited, h4 a:visited {color:#e2e2e2; text-decoration:none}
h2 a:hover, h4 a:hover {color:#ccc; text-decoration:none}
h3 {font-size:80%; display:inline; font-weight:100; letter-spacing:1px}
h4 {font-size:1.3em; font-weight:100; color:#e2e2e2}
.photo-left ul li {margin-top:20px; color:#e41a00; font-weight:100; font-size:1em; line-height:0.9em}
.photo-left ul li a:link
.photo-left ul li a:hover {color:#e41a00; text-decoration:none}
blockquote {margin-left: 40px}
dl {margin-left: 40px}
hr {size:3px; color:#999; margin:20px 0 10px 0}
.photo-left {display:flex; flex-flow:row wrap; align-content:flex-start; padding:10px 5px 20px 35px; margin:0 0 20px 0; border-top:solid 1px #cc0000}
.photo-left p {display:flex; flex-flow:column; margin:60px 45px 0 0; padding:20px 30px; border:solid 1px#777; font-size:0.9em; color:#999}
.photo-left p img {width:160px; padding:1px; border:solid 1px #999; margin:5px 0 7px 0}
.photo-left p a:hover img {border:solid 1px #fff}
.photo-left p.active {color:#eee; border:solid 1px #ff0000; background:#555}
.photo-left p.commentary {border:none; flex:2; max-width:30%; min-width:200px; padding-top:20px; font-size:1.1em}
.photo-left-adv img {border:none; margin:20px 0 30px 0}
.photo-left ul {list-style-type: none; margin-left:-15px}
.photo-left a:link, .photo-left a:visited {color:#bbb; text-decoration:none}
.photo-left a:hover, h3 a:hover {color:#fff; text-decoration:none}	
.menu-left {font-weight: bold; color:#e41a00}
.menu-left a:link {color:#ccc; text-decoration:none}
.menu-left a:visited {color:#ccc; text-decoration:none}
.menu-left a:hover {color:#e41a00; text-decoration:underline}
.data {background-color:#cc0000; font-size:1em; letter-spacing:1px; color:#fff; padding:3px 4px 3px 20px; width:15%; min-width:130px; margin:40px 0 -12px -20px}
.data a:link,
.data a:visited {color:#fff; text-decoration: none}
.data a:hover {color:#fcb3b3; text-decoration: none}
dt {font-size:1.1em; color:#fff;margin-top:15px}
.foto-anons {margin:5px 0; font-weight:100; font-size:0.8em}
.submenu {padding:0px 0px 0px 20px; color:#e41a00}
.photo-anonce {margin:35px 0; padding:10px 0; display:block; clear:both; border-top: solid 1px #999}
.photo-anonce img {float:left; width:180px; margin:27px 20px 0 0; border:solid 1px #ccc}
.photo-anonce ul li {margin-left:193px}
.photo-center {margin:30px 0; font-style:italic; color:#888}
.photo-center img {width:98%; border:solid 1px #666}
.photo-right {float:right; width:35%; max-width:200px; margin:12px 0 20px 25px; padding:3px; color:#999; font-style:italic}
.photo-right img {border:solid 1px #999; width:100%}
.big-photo-center img {width:97%; border:none; margin:10px 0}
.gallery {float:left; padding-right:10px; width:170px; height:200px; font-size:0.9em; line-height:1.2em}
.gallery img {margin:20px 0 9px 0; border:solid 1px #666; width:155px; height:100px}
.portfolio {text-align:center; margin:30px 0; padding:20px 0; color:#888; border-bottom:solid 1px #666}
.portfolio img {width:65%; border:solid 1px #ccc; margin:30px 0 20px 0}
.portfolio p {text-align:left}
/* ADVER */
legend h4 {font-weight:100;	margin:20px}
.table-adv {width:95%}
.table-adv td {border-top: solid 1px #ccc; padding:10px 0 10px 24px; color:#ccc}
.adv-bg {flex:1; margin:0; padding:30px 10px 1em 0px}
.adv-block {display:flex; flex-flow:column; margin:5px 0 20px 2px; padding:0 10px; border-left:dotted 2px #999}
.adv-block a {text-decoration:none}
.adv-block img {flex:1; min-width:120px; max-width:240px; margin:20px; border:none}
.adv-content {max-width:340px color:#fff; background:#000; margin:15px 0; padding:9px; font-size:1.1em; background-image: url(images/adv-block-bg.jpg);	background-position:left top; background-repeat:repeat-y}
.adv-content a:link {color:#ccc; text-decoration:none}
.adv-content a:active {color:#fff; text-decoration:none}
.adv-content a:visited {color:#ccc; text-decoration:none}
.adv-content a:hover {color:#fff; text-decoration:none}
.adv-content img {margin:5px 5px 10px 5px}
th {background:#e41a00; color:#fff}
th a:link, .icons a:link {color:#fff; text-decoration:none}
th a:active, .icons a:active {color:#fff; text-decoration:none}
th a:visited, .icons a:visited {color:#fff; text-decoration:none}
th a:hover, .icons a:hover {color:#ffcccc; text-decoration:none}
div.bottom-left {flex:3; line-height:1.3em}
div.bottom-left p {margin-left:8px}
.bottom-left a:link, .bottom-left a:visited {color:#ccc; text-decoration:none}
.bottom-left a:hover {color:#fff; text-decoration:underline}
.bottom-right {width:95%; color:#fff; vertical-align:top; padding:1em 10px 1em 0px}
.bottom-right a:link {color:#999; text-decoration:none}
.bottom-right a:active {color:#fff; text-decoration:underline}
.bottom-right a:visited {color:#999; text-decoration:none}
.bottom-right a:hover {color:#fff; text-decoration:underline}
.bot-menu {display:flex; flex-flow:row wrap; align-content:space-between; align-items:baseline; text-align:right; margin:20px 0 0 0; padding:0; background-color:#cc0000}
.bot-menu span, .bot-menu a {flex:2; font-size:1.1em; text-align:center; border-bottom:solid 1px #cc0000; padding:9px 5px}
.bot-menu span {background-color:#444; color:#fff}
.bot-menu a:link, .bot-menu a:visited {color:#ffc1c1; text-decoration:none}
.bot-menu a:hover {color:#fff; background-color:#222; border-bottom:solid 1px #222}
.adv-bot {text-align:center; margin:10px 0 0 0; padding:10px 0 0 0; border-top:solid 1px #999}
.adv-bot img {border:solid 1px #fff; margin:0}
@media screen and (max-width:1000px) {.portfolio img {width:95%} }
@media screen and (max-width:840px) {
	.photo-content {flex-flow:column}
	.adv-bg {margin-left:10px; min-width:90%; max-width:99%}
	.photo-left, .adv-block {flex-flow:row wrap; align-content:stretch}
	.adv-block img {margin:20px; width:220px}
@media screen and (max-width:480px) {.adv-bot img {width:95%} }