/* Dmitry Popov */


body 
{
    background: url(fon.png) repeat 0 bottom;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 100%;
	scrollbar-base-color:#BB1022; /* Задает основной цвет для скролла */
/* И более тонкие настройки: */
scrollbar-3dlight-color:#808080; /*задает цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок*/
scrollbar-arrow-color:#fff; /*задает цвет стрелок на кнопках полосы прокрутки*/
scrollbar-darkshadow-color:#000; /*задает цвет "тени", отбрасываемой бегунком и кнопками полосы прокрутки (цвет правых и нижних границей)*/
scrollbar-face-color:#BB1022; /*задает основной цвет бегунка и кнопок прокрутки полосы прокрутки*/
scrollbar-highlight-color:#fff; /*задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней)*/
scrollbar-shadow-color:#fff; /*задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color*/
crollbar-track-color:#fff; /*задает цвет фона полосы прокрутки, той ее части, по которой перемещается бегунок*/
	
}

#barr{float:left}

body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  }

.clouds2  {background: url(60000x60.png) repeat-x 0 bottom; width:auto; height:60px;}
.clouds3  {background: url(fon.png) repeat 0 bottom; width:auto; height:auto;}
.clear {clear:both;}



.rzd {float:left;}
div#shapka { margin-top:20px !important;}
div#conteiner {position: absolute;}

div.menu {}

div#conteiner {width:99%;}



/* blok */
#pressed {
background-color: #fff;
color: #000;
border: 1px solid #999999; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;      
box-shadow: 2px 2px 3px #999;
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px #999;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
min-height:500px;
width:auto;
}


h1 {
font: normal 1.5em Georgia, "Times New Roman", Times, serif;
margin: 0 0 20px;
padding: 10px 0;
text-align:center;
text-shadow: 1px 1px 1px #ccc; 
color: #cc0000;
font-weight: bold;
}
h1 small {
font-size: 0.55em;
text-transform: uppercase;
color: #999;
font-family: Arial, Helvetica, sans-serif;
text-shadow: none;
display: block; 
}

img#raketa {margin-bottom:20px;margin-right:20px;}


div#niz {
height:auto;
width:auto;
background-color: #BB1022;
color: #fff;
border: 1px solid #999999; 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;      
box-shadow: 2px 2px 3px #999;
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px #999;	
padding:20px;
	margin:20px;
	}
	


div#yuday-sm {
background: url(yuday-sm.png);
background-repeat: no-repeat;
border: 4px solid #808080;    
box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
-moz-box-shadow: 2px 2px 3px #000;
float:left;
width:267;
height:94;
margin:5px;
margin-left:25px;
}



p#breaker {
}
img.usual {
border: 4px solid #808080;    
box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
-moz-box-shadow: 2px 2px 3px #000;
margin:10px;
}




p.princ {text-shadow: 1px 1px 1px #ccc; 
color: #cc0000;}

h2 {
font: normal 1.5em Georgia, "Times New Roman", Times, serif;
padding: 10px;
text-align:center;
text-shadow: 1px 1px 1px #ccc; 
font-weight: bold;
}

h3 {
font: normal 1.5em Georgia, "Times New Roman", Times, serif;
padding: 10px;
text-align:center;
text-shadow: 1px 1px 1px #ccc; 
color: #cc0000 !important;
font-weight: bold;
}

h5 {
font: normal 1.2em Georgia, "Times New Roman", Times, serif;
text-align:center;
text-shadow: 1px 1px 1px #ccc; 
color: #cc0000 !important;
font-weight: bold;
}

a.analis {font: normal 1.1em Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 1px #ccc; 
color: #0066FF;
text-decoration:none;
}

a.analis:hover {font: normal 1.1em Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 1px #ccc; 
color: #0053CE;
text-decoration:underline;
}

a.prikazy {font: normal 1.2em Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 1px #ccc; 

color: #FF0000;
font-weight: bold;
text-decoration:none;
}

a.prikazy:hover {font: normal 1.2em Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 1px #ccc; 
color: #CC0000;

text-decoration:underline;
font-weight: bold;
}


.block-img {
display: table;
margin: 0 auto;
padding: 30px;
}
.block-vert {
height: 200px;
width: 280px;
}

img.image {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: whiteSmoke;
width: 200px;
border: 15px solid whiteSmoke;
margin: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
position: relative;
vertical-align: middle;
}

img.image:hover {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
width: 600px;
box-shadow: 0 10px 15px rgba(0,0,0,0.5);
z-index: 200;
 -webkit-transform: translate(0,-200px);
    -moz-transform: translate(0,-200px); 
    -o-transform: translate(0,-200px);
}