body.main
{
    background:transparent url(/img/bg02.1_hight.jpg) center center no-repeat;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    background-size: auto 100%;
}
.fcoll
{
    float:left;
}
.startlogo
{
    position:absolute;
    top:25%; /*top:50%;*/
    left:46%;
    margin-top:-7%;
    /*margin-left:-3%;*/
    width:8%;
    height:auto;
}
/*.startlogo img
{
    box-shadow: 0 0 50px #fff;
    background:#fff;
}*/
.index
{
    width:62%;
    /*max-width:686px;*/
    max-height:160px;
    padding:18px 0;
    position:absolute;
    bottom:10%; /*110px;*/
    left:50%;
    margin-left:-31%;
    background:transparent url(/img/bg05.1.png) left top;
    background-size:contain;
    border-top:solid 4px #fff;
    border-bottom:solid 4px #fff;
}
.index h1, .index h2
{
    font-size:290%;
    color:#fff;
    letter-spacing:0;
    text-align:center;
    margin:8px 0;
}

.index h2
{
    text-transform:none;
}

.maincontent
{
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:20px 0;
    overflow:hidden;
}
.block
{
    width:33%;
    min-width:200px;
    height:180px;
    float:left;
    overflow:hidden;
    text-align:center;
}
.block img
{
    border:solid 1px #eee;
    /*box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px #999;*/
    margin:5px auto;
    max-width:100%;
}
.block a
{
    text-decoration:none;
    font-size:120%;
}
.block:hover img
{
    /*box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px #999,
        0px 0px 8px 6px #ccc;*/
}
.block .shottext a
{
    display:block;
    color:#fff;
    width:142px;
    height:142px;
    overflow:hidden;
    /*margin:-165px 0 0 30px;*/
    text-align:center;
    /*position:absolute;*/
    background:transparent url(/img/bg03.png) top left repeat;
    visibility: hidden;
    box-sizing: border-box;
}
.block:hover .shottext a, .shottext:hover a, .shottext a:hover
{
    visibility: visible;
    position:absolute;
    margin:-155px 0 0 30px;
}
.pricelink span
{
    background:#000;
}
.tmenu
{
    background:#ccc;
    padding:6px;
    display:block;
    margin-bottom:8px;
    text-decoration:none;
    font-size:110%;
    font-family: ‘Bookman Old Style’, serif; /*Georgia, serif;*/
    color:#000;
    font-weight:bold;
}
.tmenu:hover, .tmenu-active
{
    /*background:#ccc;
    font-weight:bold;*/
    color:#c1282d;
}
.tmenu-speller
{
    height:1px;
    overflow:hidden;
    background:#000;
    margin:12px 0;
}
.viewcontent
{
    width:78%;
}
.viewcontent p
{
    margin:12px 0;
}
.viewcontent img
{
    margin:12px;
}
.rightcell
{
    width:22%;
}
.rightcell p
{
    padding-left:12px;
}
.fullimage
{
    border:solid 1px #999;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px #999;
    
}
.redbutton
{
    font-size:120%;
    color:#fff;
    padding:8px 30px;
    background:#c2272d;
    text-decoration:none;
}
.roundicon
{
    background:#ccc;
    border-radius:12px;
    padding:4px;
    float:left;
    margin-right:8px;
}
.spacearea
{
    margin:16px 0;
    /*overflow:hidden;*/
    clear:both;
    color:#000;
}
.graytext
{
    color:#4D4D4D;
}
.gridview
{
    padding:0 0 6px 0;
}
.gridview a
{
    padding-left:7%;
    /*font-size:120%;*/
}
.roller
{
    background:transparent url(/img/bg04.png) left top repeat-y;
}
.hiddenelem
{
    display:none;
}
.fixblock
{
    clear:both;
    overflow:hidden;
}
.viewurl
{
    width:230px;
    overflow:hidden;
    border:#ccc solid 1px;
    border-radius:8px;
    background:#eee;
    text-align:center;
    padding:8px;
}
img.proposalicon, .block:hover img.proposalicon
{
    position:absolute;
    margin-bottom:-12px;
    border:none;
    box-shadow:none;
    /*display:none;*/
}
img.proposalicon_big, html img.proposalicon_big:hover
{
    /*margin-bottom:-16px;
    border:none;
    box-shadow:none;*/
    display:none;
}

div.crop-img
{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

div.crop-img img
{
    width:100%;
    height:100%;
    box-shadow:none;
    vertical-align:middle;
    padding:0;
    margin:0;
    line-height: 100%;
}

div.crop-img div, div.crop-img div.view
{
    width:100%;
    height:100%;
    max-height:100%;
    line-height: 100%;
    overflow:hidden;
}

div.crop-img a .orign-icon
{
    width:32px;
    height:32px;
    margin:0 auto;
}
.format-text
{
    text-align:justify;
}
.compact-text p:first-child
{
    margin-top:0;
}
.compact-text p:last-child
{
    margin-bottom:0;
}
.big-text
{
    font-size:130%;
    background:#C1282D;
    color:#fff;
}
.big-text:hover
{
    background:#800000;
    color:#fff;
}
.hidden
{
    opacity: 0;
    filter: alpha(opacity=0);
}

/*@media all and (max-width: 959px) and (min-width: 50px)
{    
    .rightcell
    {
        min-width:480px;
        overflow:hidden;
        clear:both;
    }
}
@media all and (max-width: 959px) and (min-width: 600px)
{
    .index
    {
        background-size:cover;
    }
    
    .index h1, .index h2
    {
        font-size: 250%;
    }
    
    .viewcontent
    {
        width:100%;
    }
}

@media all and (max-width: 599px) and (min-width: 50px)
{
    *
    {
        box-sizing: border-box;
    }
    .index
    {
        background-size:cover;
    }
    
    .index h1, .index h2
    {
        font-size: 200%;
    }
    
    .logo span img
    {
        max-width:57px;
    }
    
    .header
    {
        max-height:59px;
    }
    
    .subcats
    {
        min-width:100%;
        max-width:100%;
        overflow:hidden;
        box-sizing: border-box;
    }
    
    .gridview
    {
        min-width:480px;
        overflow:hidden;
        clear:both;
    }
    
    .block
    {
        min-width:150px;
        border:none;
        box-sizing:border-box;
    }
    
    .viewcontent
    {
        width:100%;
    }
    
    .dirview, .subcats
    {
        min-width:100%;
        max-width:100%;
    }
    
    .nomobile, #cf, .gallery-box .prev, .gallery-box .next, .fb-page, .fb-page *, .attention-block, .attention-block *, .m-main
    {
        display:none;
    }
    
    
}
@media all and (max-width: 480px)
{
    .index h1, .index h2, .maincontent h1
    {
        font-size: 150%;
    }
    
    .logo span img
    {
        max-width:47px;
    }
    
    .header
    {
        max-height:49px;
    }
}*/
.out
{
    -webkit-filter: invert(1);
   filter: invert(1);
   opacity: 0.4;
   filter: alpha(opacity=50);
   -webkit-filter: alpha(opacity=50);
}
.page-footer table
{
    max-width:960px;
}
.dev
{
    font-size:12px;
}
input,textarea
{
	border:1px solid #ccc;
	outline:0 !important;
	border-radius:2px;
}
::-webkit-input-placeholder {
	color: #666666;
}
:-moz-placeholder {
	color: #666666;
}
.placeholder {
	color: #666666;
}
.keyboardLayout
{
	position: absolute;
	width: 24px;
	height: 20px;
	margin-top:2px;
	color: #666666;
	text-align: center;
	border:#999999 solid 1px;
	background:#ffffff;
}
div#hint,div.hint
{
	display:none;
	padding:10px;
	font-weight:bold;
	color:red;
}
.inp_txt
{
	font-family: Arial;
	font-size: 11pt;
	height: 26px;
	width: 200px;
	padding: 2px 20px;
	margin:5px 5px 5px 0px;
}
.inp_opt
{
	font-family: Arial;
	font-size: 11pt;
	height: 30px;
	line-height:30px;
	width: 240px;
	padding: 2px 0 2px 20px;
	margin:5px 5px 5px 0px;
	border-width: 1px;
}
.inp_check, .inp_radio
{
	padding-left: 20px;
	margin:5px 0 5px 15px;
	height: 26px;
}
.inp_text
{
	width:85%;
	font-size: 11pt;
	height: 80px;
	padding: 5px 20px;
	margin:5px 5px 5px 0px;
}
.inp_d, .inp_m, .inp_y
{
	padding-left: 5px;
}
.inp_d
{
	width:45px;
}
.inp_m
{
	width:45px;
}
.inp_y
{
	width:80px;
}
.small
{
	margin:5px 0;
	font-size:12px;
}
input.long
{
	width:75%;
}
input.small
{
	height:20px;
	width:220px;
}
textarea.small
{
	height:50px;
}
.require
{
	background:#fff url(/img/require.gif) top right no-repeat;
}
span.floatHint
{
	display:block;
	width:50%;
	float:left;
	padding-top:8px;
	font-size:12px;
}
form.int_worksheetform input
{
	float:left;
}
form.searchquery
{
	border:#ccc solid 1px;
	padding:4px 8px;
	width: 701px;
	color:#000;
}
input#searchquery
{
	width:320px;
}
.txtinput
{
	width:98%;
	height:30px;
	border:none;
	padding:0;
	margin:0;
	font: 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
	color:#333333;
	line-height:100%;
}
input[type="submit"],
.submition
{ 
    background-image: -webkit-linear-gradient(bottom, #E1E1E1 0px, #FEFEFE 100%);
    border: 1px solid #D0D0D0;
    cursor: pointer;
    font-size: 0.75em;
    height: 30px;
    font-size: 12px;
    margin: 0px;
    text-shadow: 0px 1px 0px #FFFFFF;
    width: 125px;
}
input[type="submit"]:hover, submition:hover
{ 
	background-image: -webkit-linear-gradient(bottom, #D5D5D5 0px, #F0F0F0 100%);
}
.inputimage
{
	margin:5px 5px 5px 0px;
	display:inline-block; 
	vertical-align:middle;
}

/* for gallery*/
.gallery-box{
  width:100%;
  padding:0 25px 25px 5px;
  margin:0 auto;
  box-sizing:border-box;
}
.gallery-box a
{
  padding:0;
  margin:0;
}
.gallery-box .view{
  position:relative;
  margin:0;
  max-height:252px;
  overflow:hidden;
}
/*.gallery-box .big-image img{
  display:block;
  width:600px;
  height:300px;
}*/
.gallery-box .prev, .gallery-box .next{
  position:absolute;
  width:40px;
  height:40px;
}
.gallery-box .prev:hover, .gallery-box .next:hover{
  border-radius:50%;
  border:#666 solid 2px;
  box-shadow:0px 0px 5px 3px #ccc;
}
.gallery-box .prev, .gallery-box .next
{
  bottom:50%;
  margin-bottom:-20px;
}
.gallery-box .prev{
  left:20px;
  background:url(/img/controls.png) no-repeat 0 0;
}
.gallery-box .next{
  right:20px;
  background:url(/img/controls.png) no-repeat -48px 0;
} 
.gallery-box .thumbnails{
  width:100%;
  overflow:hidden;
}
.gallery-box .thumbnails a{
  float:left;
  margin:0 5px 0 0;
}
.gallery-box .thumbnails a img{
  width:auto;
  height:80px;
  border: 2px solid transparent;
  display:block;
}
.gallery-box .thumbnails .active img{
  border-color:#069;
}
.gallery-box .fullimage
{
  margin:0;
  padding:0;
}
.header
{
    /*padding:1.1% 0;*/
    overflow:hidden;
    background:transparent url(/img/bg02-black.jpg) left top repeat-x;
    max-height:70px;
}
.header .m
{
    margin:1.1% 0;
    overflow:hidden;
}
.header .l
{
    margin:1.1% 0;
    overflow:hidden;
    height:68px;
}
.header-main
{
    background:transparent url(/img/bg02.png) left top repeat-x;
}
.header .hcontaner
{
    width:100%;
    max-width:980px;
    margin:0 auto;
}
.header a
{
    line-height:41px;
    color:#fff;
    border-color:#fff;
}
.header .fcoll
{
    height:41px;
}
.logo
{
    display:table;
    height:100%;
}
.logo span
{
    display:table-cell;
    vertical-align:middle;
    height:100%;
}
.logo img
{
    position:absolute;
    top:0;
    width:auto;
    height:auto;
    max-height:58px;
    border-top:none;
    background:#000;
    margin:2px 0;
}
html, body {
    width:100%;
    height:100%;
    min-width:980px;/* óáèòü mobile frendly */
    margin:0;
    padding:0;
}
html
{
    background:#fff; /*url(/img/bg01.jpg) center top no-repeat;*/
}
body {
    background:transparent;
    font: 80% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
    color: #333;
    /*background:transparent url(/img/bg01.png) center -6px no-repeat;*/
    overflow-x:hidden;
}
html *
{
    margin:0;
    padding:0;
}
body * {
    line-height:150%;
}
:focus {
    outline: none;
}
.page-wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -60px;
    background:transparent url(/img/bg03.jpg) center top repeat-y;
}
.main .page-wrapper
{
    background:none;
}
.page-buffer
{
    height:60px;
}
.page-footer
{
    height:40px;
    padding-top:10px;
    margin-top:10px;
}
img
{
    border:none;
    max-width:100%;
    height:auto;
    box-sizing: border-box;
}
table
{
    max-width:980px;
    min-width:320px;
    width:100%;
    margin:0 auto;
}
td table
{
    width:100%;
}
th
{
    text-align:left;
    font-weight:100;
}
.oCenter
{
    text-align:center;
}
.oRight
{
    text-align:right;
}
.clear
{
    clear:both;
}
a
{
    font: 100% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
    color:#104889;
}
a:hover
{
    text-decoration:none;
}
h1,h2,h3,big
{
    color:#000;
    margin:12px 0;
    letter-spacing:-1px;
    padding:0;
    text-transform:uppercase;
}
h1, big
{
    font: 340% "Tahoma", Trebuchet, Verdana, Arial, sans-serif;
    display:block;	
}
h2
{
    color:#333;
    font: 220% "Verdana", Trebuchet, Verdana, Arial, sans-serif;
}
h3
{
    color:#333;
    font: 180% "Verdana", Trebuchet, Verdana, Arial, sans-serif;
}
.mainmenu a
{
    font-size:120%;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    padding:5% 2%;
    text-transform:uppercase;
}
/*@media all and (max-width: 959px) and (min-width: 600px)
{
    .mainmenu a
    {
        font-size: 100%;
    }
}

@media all and (max-width: 599px) and (min-width: 50px)
{
    .mainmenu a
    {
        font-size: 80%;
    }
}
@media all and (max-width: 480px)
{
    .mainmenu a
    {
        font-size: 70%;
    }
}*/
.mainmenu a:hover
{
    background:#808080;
}
.mainmenu a.activeitem
{
    background:#757575;
}
@media all and (max-width: 1000px) and (min-width: 0px)
{
    .index h1, .index h2
    {
        font-size:270% !important;
    }
}

@media only screen and (max-device-width: 560px)
{
    .startlogo
    {
        width:214px !important;
        margin-top:-107px !important;
        margin-left:-107px !important;
    }
}
.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
	z-index:3000;
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: -31px;
	right: -31px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background: url(/img/elems/close.gif);
	z-index:3000;
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
	font-size: 1.1em;
	color: #ddd;
}
.nyroModalCont {
	position: absolute;
	border: 4px solid #777;
	margin: 25px;
	background: #fff;
	z-index:4000;
}
.nyroModalCont iframe {
	width: 100%; /*616px;*/
	height: 240px; /*440px;*/
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(/img/elems/ajaxLoader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(/img/elems/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
.nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(/img/elems/next.gif);
}
.PageBreak
{
    clear:both;
    padding:30px 0 20px 0;
    text-align:center;
}
.PageBreak *
{
    font-size:15px;
    line-height:15px;
}
.pageLinks a
{
    display:inline-block;
    vertical-align:middle;
    width: 30px;
    height: 24px;
    padding-top:6px;
    background: #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-weight:bold;
    text-align:center;
}
.PageCurrent
{
    display:inline-block;
    vertical-align:middle;
    width: 30px;
    height: 24px;
    padding-top:6px;
    background: #C1272D;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.setlang
{
    width:auto;
    /*max-width:70px;*/
    height:20px;
    /*margin:0 auto -20px auto;*/
    float:right;
    text-align:center;
    line-height:41px;
}
.header .setlang a
{
    display:inline;
}
.href-lang
{    
    margin:0 6px;
    text-decoration:none;
}
.href-lang-current
{
    padding:5px;
    border-bottom: 4px double #fff;
}
.href-lang-main
{
    border-color:#fff;
    color:#fff;
}
/*@media all and (max-width: 599px) and (min-width: 50px)
{
    .setlang
    {
        overflow:hidden;
        height:auto;
        position:absolute;
        top:4px;
        right:0;
        background:#000;
    }
    
    .href-lang
    {
        display:none;
        float:left;
        padding:0 5px 5px 5px;
        height:41px;
        box-sizing:border-box;
    }

    .href-lang-current, .setlang:hover .href-lang, .setlang:focus .href-lang, .setlang:active .href-lang
    {
        display:block;
    }
}*/
.sticky
{
    display:none;
    max-width:200px;
    z-index:999;
    margin-left: 5px;
    background:#eee;
    width:208px;
    max-width:208px;
}
