@charset "utf-8";
/* CSS Document */
@media only screen and (min-device-width: 900px){
#main{
width: 1000px;
    margin: 0 auto;
}
.navbar yamm navbar-default navbar-fixed-top{
    position: fixed;
    top: 17%;
}
}
@media only screen and (max-device-width: 900px){
#main{
width: 100%;
    margin: 0 auto;
}
}

/* animation */
@keyframes example {
  from {color: white; text-shadow: black 0px 0px 0px;}
  to {color: #00ff00; text-shadow: black 8px 8px 15px;}
}

h1 {
  /*text-shadow: black 5px 5px 10px;
  color: white;*/
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
/* transition
h1:hover{
	color:#00ff00;
	transition:color 3s;
}
*/
*{margin:0;}
body{width:100%; height:100%; background-image:url(../images/gr2.jpg);}
strong{color:#a8bbf3;}
#text1 a strong{color:#3161eb;}
#header{
    display: table;
    width:100%;
    /*height:400px;*/
background: url(../images/header.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
}
#content{
    position:relative;
    float:left; width:100%; 
    height:auto; 
    background-image:url(../images/gr2.jpg);
    font-family:Cambria;
    font-size:14px;
    color:#ffffff;
    text-align:justify;
    
}
#menu{float:left; width:261px; height:300px; background-color:#fff;}	
#text1{
    float:left; 
    width:100%;
    height:auto;
    background:inherit;
    font-family:Cambria;
    font-size:16px;
    color:#ffffff;
    text-align:left;
padding: 15px;
    
}
#text2{float:left; width:100%; height:auto;  background:inherit; font-family:Cambria; font-size:16px; color:#ffffff; text-align:justify;}
#bottom{position:relative; float:left; width:100%; height:133px; background-image:url(images/gr3.jpg);}	
ul{/*list-style:none;position:absolute; top:0px; left:-10px; line-height:30px;*/}
#divv{float:left; width:100%; height:30px; background-image:url(images/menu.jpg);}
a{font-family:inherit; font-size:inherit; color:#3161eb; text-decoration:none;}
a:hover{text-decoration:underline;}
.black{font-family:inherit; font-size:inherit; color:#000; text-decoration:none;}
.black:hover{text-decoration:underline;}
.white{font-family:inherit; font-size:inherit; color:#fff; text-decoration:none;}
.white:hover{text-decoration:underline;}
table{width:100%; border:none;}
td{border:none;}
p{text-indent:20px; margin-top:10px;}
#vyp a{color:inherit;text-decoration:none;}
#vyp a:hover{text-decoration:underline;}
#vyp ul{list-style:none;}
p{
	text-indent:20px;
}
#read_more{
	font-size:0.9em;
}
#read_more h3{
	margin-bottom:0;
}
#read_more h3 a{
	color:#243246;
}
.read_more_cont{
	position:relative;
	overflow:auto;
}
#read_more img{
	float:left;
	width:150px;
	margin-right:10px;
	border:3px solid #000;
}
#read_more .read_more_buttom a{
	color:#fff;
}
#read_more hr{
	width:100%;
}
.read_more_buttom{
	position:absolute;
	right:5px;
	bottom:5px;
	margin:2px 2px 4px;
	padding:5px 10px;
	background:#e7736e;
	border:1px solid #ed2920;
	border-radius:5px;
}
.read_more_buttom:hover{
	background:#e13d35;
}
#social{
}

#social ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:420px;
	left:850px;
}
#social li{
	float:left;
	padding:0px;
}
#social li a{
	display:block;
	padding:3px;
	float:left;
}
.logovk{
	height:32px;
	width:32px;
	background:url(pic/logo/socialicons.png) no-repeat;
	background-position:0px -288px;
}
.logovk:hover{
	background-position:0px -288px;
}
.logofb{
	height:32px;
	width:32px;
	background:url(pic/logo/socialicons.png) no-repeat;
	background-position:0px -352px;
}
.logofb:hover{
	background-position:0px -352px;
}
.logogl{
	height:32px;
	width:32px;
	background:url(pic/logo/socialicons.png) no-repeat;
	background-position:0px -64px;
}
.logogl:hover{
	background-position:0px -64px;
}
.logoyt{
	height:32px;
	width:32px;
	background:url(pic/logo/socialicons.png) no-repeat;
	background-position:0px -480px;
}
.logoyt:hover{
	background-position:0px -480px;
}
.logood{
	height:32px;
	width:32px;
	background:url(pic/logo/socialicons.png) no-repeat;
	background-position:0px -256px;
}
.logood:hover{
	background-position:0px -256px;
}
.logosk{
	height:32px;
	width:32px;
	background:url(pic/logo/socialicons.png) no-repeat;
	background-position:-36px -63px;
}
.logosk:hover{
	background-position:-36px -63px;
}
#address {
float: right;
text-align: right;
/*margin-right: 40px;
padding-right:120px;*/
    margin: 12% 3% 0;
    font-family: cursive;
font-size:16px;
}
#header-t{
	width: 100%;
margin-bottom: 24px;
font-weight:bolder;
text-align: center;
font-size:40px;
color: #fff;
}
#social{
	float:right;
	margin:25px 10px;
}
#social img{
    width: 25px;
    
}
#add-link {
    font-size: 19px;
        margin: 10px;
        text-align: center;
    padding: 10px;
}
@media only screen and (max-device-width: 500px){
#main{
width: 100%;
    margin: 0 auto;
}
#header-t {
        padding: 8px;
    font-size: 16px;
}
.contacts{
    font-size: 16px;
}
#address{
        margin: 0;
    font-size: 10px;
}
#social{
    display: none;
}
.contacts img{
       /* display: none;*/
    
}
}

p {
	text-indent:20px;
} 
h1, h2, h3{
	text-align:center;
}
ul{
	padding-left:15px;
}
#menu-left a{
	color:red;
	font-size:20px
}