* {

    font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;

	font-size: 8.5pt;

	font-variant: normal;

    color: #6d6d6d;

}



body {

    margin: 0;

    padding: 0;

    background-color: #ffffff;

    background-image: url('img/bg-body.jpg');

    background-repeat: no-repeat;

    text-align: center;  

}



.cb {

    clear: both;

}



.header {

    font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;

    font-size: 9.5pt;

	color: #9f0f24;

}



h1 {

}



img.arrow {

    margin-right: 4px;

}



a {

	color: #9f0f24;

	text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



.header a {

    font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;

    font-size: 9.5pt;

}



#main {

    width: 980px;

    height: 750px;

    margin: 0 auto;

    margin-top: 50px;

    text-align: justify;

    line-height: 15.5px;

}



div.main {

    background-image: url('img/bg-main.jpg');

    background-repeat: no-repeat;

}



div.about-us {

    background-image: url('img/bg-about-us.jpg');

    background-repeat: no-repeat;

}



div.previews {

    background-image: url('img/bg-previews.jpg');

    background-repeat: no-repeat;

}



div.references {

    background-image: url('img/bg-references.jpg');

    background-repeat: no-repeat;

}



div.contacts {

    background-image: url('img/bg-contacts.jpg');

    background-repeat: no-repeat;

}



#main a.logo {

    float: right;

}



#menu-horizontal {

    width: 604px;

    height: 60px;

    float: right;

    margin: 19px 34px 0 0;

    _margin-right: 17px;

}



#menu-horizontal ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



#menu-horizontal li {

    width: 151px;

    height: 60px;

    float: left;

}



#menu-horizontal a {

    display: block;

    text-decoration: none;

    width: 151px;

    height: 60px; 

}



#menu-horizontal a.about-us {

    background-image: url('img/about-us-off.gif');

    background-repeat: no-repeat;

}



#menu-horizontal a.about-us:hover,

#menu-horizontal a.about-us-selected {

    background-image: url('img/about-us-on.gif');

}



#menu-horizontal a.previews {

    background-image: url('img/previews-off.gif');

    background-repeat: no-repeat;

}



#menu-horizontal a.previews:hover,

#menu-horizontal a.previews-selected {

    background-image: url('img/previews-on.gif');

}



#menu-horizontal a.references {

    background-image: url('img/references-off.gif');

    background-repeat: no-repeat;

}



#menu-horizontal a.references:hover,

#menu-horizontal a.references-selected {

    background-image: url('img/references-on.gif');

}



#menu-horizontal a.contacts {

    background-image: url('img/contacts-off.gif');

    background-repeat: no-repeat;

}



#menu-horizontal a.contacts:hover,

#menu-horizontal a.contacts-selected {

    background-image: url('img/contacts-on.gif');

}



#content {

    width: 540px;

    height: 465px;

    float: right;

    margin: 35px 55px 0 0;

    _margin-right: 18px;

    overflow: auto;
    
    position: relative;

}
.content_ukazky{
  overflow: hidden !important;
}



#content-main {

    float: right;

}



#content-main-about-us {

    width: 230px;

    height: 165px;

    float: left;

    margin: 24px 0 0 53px;

    _margin-left: 25px;

}



#content-main-actuality {

    width: 230px;

    height: 60px;

    float: left;

    margin: 24px 0 0 82px;

}



#content-main-actuality div.contest {

    margin: 10px 0 0 0;

}



#content-main-contacts {

    width: 230px;

    height: 165px;

    float: left;

    margin: 24px 0 0 62px;

}



#video {

    float: left;

    margin: 395px 0 0 20px;

    _margin-left: 10px;

    width: 310px;

    height: 210px;

    background-color: #ffffff;

}



#player {

    margin: 5px auto;

}



div.articles-list .content {

    margin-bottom: 16px;

}



div.mailform-status {

    color: #9f0f24;

    font-weight: bold;

    margin: 0 0 15px 0;

}



div.mailform div.header {

    color: #000000;

    font-weight: bold;

    margin: 0 0 15px 0;

}



div.mailform div.name {

    line-height: 20px;

}



div.mailform div.value {

    margin: 0 0 15px 0;

}



div.mailform input.text {

    border: 1px solid #cecece;

    width: 200px;

    height: 20px;

    line-height: 20px;

    vertical-align: middle;

}



div.mailform input.submit {

    width: auto;

    padding: 5px 8px 5px 8px;

    background-color: #cecece;

    border: none;

}



div.mailform textarea {

    border: 1px solid #cecece;

    width: 400px;

    height: 90px;

}



div.contacts-info div.contact {

    margin: 0 0 17px 0;

}


div.references-list * {

    font-size: 6.5pt;

}



div.references-list div.reference {

    margin: 0 0 5px 0;

}



div.references-list div.reference div.photography {

    float: left;

    width: 90px;

    height: 35px;

    line-height: 35px;

}



div.references-list div.reference div.photography img {

    vertical-align: middle;

}



div.references-list div.reference div.customer {

    float: left;

    width: 70px;

    font-weight: bold;

    line-height: 35px;

}



div.references-list div.reference div.description {

    float: left;

    width: 300px;

    line-height: 35px;

    border-bottom: 1px dashed #eff3f8;

}

#prevBtn, #nextBtn, #prevBtn a, #nextBtn a{
  display: block;
  width: 33px;
  height: 70px;
}
#prevBtn a, #nextBtn a{
  background: url('img/slide_control.gif') left top no-repeat;
  outline: none;
}
#prevBtn, #nextBtn{
  position: absolute;
  top: 100px;
}
.ukazky #prevBtn, .ukazky #nextBtn{
  top: 340px !important;
}
#prevBtn{
  left: 0px;
}
#nextBtn{
  right: 0px;
}
#nextBtn a{
  background-position: right top;
}
#prevBtn a:hover{
  background-position: left bottom;
}
#nextBtn a:hover{
  background-position: right bottom;
}



div.previews-list-all {

    height: 300px;

    overflow: auto;

    _overflow-y: scroll;

    _overflow-x: hidden;

    margin: 0 0 20px 0;

}



div.previews-list div.preview {

    margin: 0 0 5px 0;

}



div.previews-list div.preview div.photography {

    float: left;

    width: 80px;

    height: 50px;

    line-height: 50px;

}



div.previews-list div.preview div.photography  img {

    vertical-align: middle;

}



div.previews-list div.preview div.title-description {

    float: left;

    width: 350px;

    height: 50px;

    font-weight: bold;

}



div.previews-list div.preview {

    padding: 0 0 20px 0;

    margin: 0 0 20px 0;

    border-bottom: 1px solid #eff3f8; 

}



div.previews-list div.preview a {

    display: block;

    color: #6d6d6d; 

}



div.previews-list div.preview a:hover {

    color: #6d6d6d; 

}



div.previews-list div.preview div.column {

    float: left;

    width: 150px;

    border-right: 1px solid #eff3f8;

    padding: 0 0 0 10px;

}



div.previews-list div.preview div.column-without-border {

    border-right: 0 solid #eff3f8;

}



div.presentations {

    height: 110px;

    overflow: auto;

    _overflow-y: scroll;

    _overflow-x: hidden;

    margin: 0 0 20px 0;

}



div.presentations-header {

    font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;

    font-size: 9.5pt;

    font-weight: bold;

    color: #6d6d6d;

}



div.presentations div.column {

    float: left;

    width: 140px;

    border-right: 1px solid #eff3f8;

    padding: 10px 0 0 0;

    margin: 0 5px 0 0;

}



div.presentations div.column div.file {

    margin: 0 0 10px 0;

}



div.presentations div.column-without-border {

    border-right: 0 solid #eff3f8;

}



div.presentations img {

    float: left;

    margin: 0 5px 0 0;

}



div.presentations a {

    color: #6d6d6d;

    height: 32px;

    line-height: 32px;

}



#video {

    float: left;

    margin: 370px 0 0 20px;

    _margin-left: 10px;

    width: 310px;

    height: 235px;

    background-color: #ffffff;

}



#address {

    clear: both;

    float: left;

    position: relative;

    top: 22px;

    left: 383px;

    font-size: 7.5pt;

    width: 500px;

}



div.address-preview {

    top: 16px !important;

}

.ukazky{
  position: relative;
  text-align: center;
  width: 540px;
  overflow: hidden;
}
div#ukazky{
  height: 300px;
  width: 430px !important;
  overflow: hidden;
  margin: 0 auto;
  top: 245px;
  left: 55px;
  margin-top: 1.5em;
}
div#ukazky ul{
  width: 20000em;
  height: 120px;
  margin-left: 0;
  padding-left: 0;
}

div#ukazky li{
  width: 143px;
  height: 150px;
  float: left;
  text-align: center;
  position: relative;
  background: #FFFFFF;
  list-style-type: none;
	margin-left: 0;
  padding-left: 0;
  text-align: center;
}
div#ukazky li.active{
  background: #EAEAEA;
}
div#ukazky li .photography{
  width: 110px;
  height: 83px;
  margin: 0 auto;
  margin-bottom: 1em;
  margin-top: 10px;
}

.ukazky #video{
  float: none;
  margin: 0 auto;
}


#advertTab{
  display: block;
  width: 61px;
  height: 128px;
  background: url('../images/advertTab.png') no-repeat;
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/images/advertTab.png");
  position: absolute;
  left: 0;
  top: 100px;
  outline: none;
}
#advert{
  position: absolute;
  left: -464px;
  top: 100px;
  outline: none;
}

#overlay, .overlay_player{
  width: 100%;
  height: 100%;
  position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	text-align: center;
}
#overlay{
  opacity: 0.80;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background: #000000;
}
.overlay_player{
  margin-top: 50px;
}
#overlay_player{
  width: 600px;
  height: 450px;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding: 39px;
  border: 1px solid #999999;
  position: relative;
}
.overlay_player a, .overlay_player a *{
  color: #999999;
  font-size: 20px;
}
.overlay_player a{
  display: block;
  margin: 0 auto;
  width: 600px;
  position: relative;
  top: -527px;
  right: -22px;
  font-family: 'Seoge UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  text-align: right;
}