* {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
html,body {
width:auto;
height:auto;
margin:0;
padding:0;
color:#ffffff;
background:#000000;
font:11pt arial, helvetica, verdana;
}
table {
width:100%;
border-collapse:collapse;
}
h1 {
font:bold 14pt arial, helvetica, verdana;
color:#ffffff;
}
h2 {
font:bold 14pt arial, helvetica, verdana;
color:#ffffff;
}
h3, h4, h5, h6 {
font:bold 12pt arial, helvetica, verdana;
color:#ffffff;
text-align:left;
}
a , a:visited{
color: #ffffff;
font:11pt arial, helvetica, verdana;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
ul {
list-style:none;
}
img { 
box-sizing:content-box;
-moz-box-sizing:content-box;
}
#container {
width:4000px;
height:auto;
margin:0px auto;
}
#container-cut {
width:1500px;
height:auto;
margin:0px auto;
}
#container-int {
width:3000px;
height:auto;
margin:0px auto;
}
#container-video {
width:7000px;
height:auto;
margin:0px auto;
}
#container-photo {
width:5000px;
height:auto;
margin:0px auto;
}
#container-info {
width:3000px;
height:auto;
margin:0px auto;
}
#left-column {
width:475px;
height:auto;
float:left;
margin:0px auto;
}
#plashka-main {
width:405px;
height:5px;
margin-left:35px;
background:url('../img/plashka-main.png') no-repeat 0 0;
font-size:0;
}
#logo {
width:405px;
height:195px;
margin:20% 0 0 35px;
}
#logo a {
width:405px;
height:195px;
display:block;
background:url('../img/logo-gvalt.jpg') no-repeat 0 0;
}
#logo h1 {
text-indent:-2000px;
}
#menu {
width:300px;
height:auto;
margin:35px 0 0 40px;
text-align:left;
}
#menu ul li  {
width:auto;
height:auto;
font:18pt arial, tahoma, verdana;
color:#ffffff;
padding:2px 5px 2px 5px;
}
#menu ul li.active-red {
background:#cf0001;
}
#menu ul li.active-blue {
background:#252ca6;
}
#menu ul li.active-green {
background:#479923;
}
#menu ul li.active-orange {
background:#e7891e;
}
#menu a, #menu  a:visited, #menu a:hover {
width:300px;
height:auto;
font:18pt arial, tahoma, verdana;
color:#ffffff;
text-decoration:none;
display:block;
}
#copyrights {
width:auto;
height:45px;
position:absolute;
bottom:20px;
left:30px;
background:url('../img/copyright.gif') 0 0 no-repeat;
}
#copyrights p{
color:#363636;
font:11px tahoma,arial,verdana;
text-align:left;
padding:10px 0 0 50px;
}
#copyrights a {
color:#363636;
font:11px tahoma,arial,verdana;
text-decoration:underline;
}
#size-home {
width:5000px;
float:left;
background:red;
}
#main-column {
width:auto;
overflow:hidden;
float:left;
padding-right:100px;
}
#plashka-gold {
width:360px;
height:5px;
margin:0px auto;
background:url('../img/plashka-gold.png') no-repeat 0 0;
font-size:0;
}
div.block {
width:360px;
height:100%;
float:left;
margin-right:10px;
}
div.block-video {
width:425px;
height:100%;
float:left;
margin-right:10px;
}
div.block-text {
width:700px;
height:100%;
float:left;
margin-right:10px;
}
div.block-text-large {
width:1000px;
height:100%;
float:left;
margin-right:10px;
}
div.photo-main {
width:360px;
height:360px;
margin-top:27%;
}
div.photo-main a, div.photo-main a:visited {
width:360px;
height:360px;
display:block;
}
div.photo-main img {
width:360px;
height:360px;
display:block;
}
div.video-main {
width:425px;
height:344px;
margin-top:27%;
}
div.text-main {
width:auto;
height:auto;
margin-top:150px;
padding-left:20px;
}
div.text-main h2 {
text-align:center;
}
div.text-main h3 {
margin-top:20px;
text-align:center;
}
div.text-main p {
margin-top:10px;
text-align:justify;
}
div.title {
width:300px;
height:auto;
text-align:right;
float:right;
margin-top:5px;
font:bold 12pt arial, tahoma, verdana ;
color:#ffffff;
}
div.title a, div.title a:visited, div.title a:hover, div.title strong {
width:300px;
height:auto;
display:block;
font:bold 12pt arial, tahoma, verdana ;
color:#ffffff;
text-decoration:none;
}
div.text {
width:360px;
height:360px;
margin-top:27%;
}
div.text p {
margin-bottom:15px;
}
div.previous {
width:360px;
height:auto;
text-align:left;
margin-top:5px;
color:#ffffff;
}
div.previous a, div.previous a:visited, div.previous a:hover {
display:block;
font:bold 12pt arial, tahoma, verdana ;
color:#ffffff;
text-decoration:none;
padding:0 0 0 20px;
background:url('../img/icon-previous.gif') no-repeat 0 3px;
}
div.next {
width:360px;
height:auto;
text-align:left;
margin-top:5px;
font:bold 12pt arial, tahoma, verdana ;
color:#ffffff;
}
div.next a, div.next a:visited, div.next a:hover {
width:360px;
height:auto;
display:block;
font:bold 12pt arial, tahoma, verdana ;
color:#ffffff;
text-decoration:none;
padding:0 0 0 15px;
background:url('../img/icon-next.gif') no-repeat 303px 3px;
}
#plashka-red {
width:auto;
height:5px;
margin:0px auto;
background:#cf0001;
font-size:0;
}
#plashka-green {
width:auto;
height:5px;
margin:0px auto;
background:#479923;
font-size:0;
}
#plashka-blue {
width:auto;
height:5px;
margin:0px auto;
background:#252ca6;
font-size:0;
}
#plashka-yellow {
width:auto;
height:5px;
margin:0px auto;
background:#fff130;
font-size:0;
}
#plashka-violet {
width:auto;
height:5px;
margin:0px auto;
background:#a274b4;
font-size:0;
}
#plashka-pink {
width:auto;
height:5px;
margin:0px auto;
background:#df4980;
font-size:0;
}
#plashka-orange {
width:auto;
height:5px;
margin:0px auto;
background:#e7891e;
font-size:0;
}
#plashka-white {
width:auto;
height:5px;
margin:0px auto;
background:#b0b4bc;
font-size:0;
}
#plashka-skyblue {
width:auto;
height:5px;
margin:0px auto;
background:#9a99df;
font-size:0;
}
span.gray {
color:#4c4c4c;
}
span.gold {
color:#da7433;
}
span.skyblue {
color:#9a99df;
}
span.red {
color:#cf0001;
}
span.green {
color:#479923;
}
span.blue {
color:#252ca6;
}
span.yellow {
color:#fff130;
}
span.violet {
color:#a274b4;
}
span.pink {
color:#df4980;
}
span.orange {
color:#e7891e;
}
span.white {
color:#b0b4bc;
}
#etc {
float:right;
margin-top:300px;
}
#etc, #etc a {
color:#363636;
font-size:9px;
}
