a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1,h2,h3,h4,h5,h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
background : transparent;
border : none 0;
font-size : 100%;
margin : 0;
padding : 0;
border : 0;
outline : 0;
vertical-align : top;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
table, table td {
padding : 0;
border : none;
border-collapse : collapse;
}
img {
vertical-align : top;
}
embed {
vertical-align : top;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display : block;
}
mark, rp, rt, ruby, summary, time {
display : inline;
}
html, body {
max-width : 960px;
min-width : 400px;
padding : 0;
margin : auto;
background-color : #630;
}
body {
background : top center no-repeat fixed #300;
color : #CCC;
font : 12px/25px Arial, Helvetica, sans-serif;
}
a {
color : #CCCCCC;
text-decoration : none;
}
a:hover {
color : #347E03;
text-decoration : none;
}
.clear {
content : "\0020";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
/*-------------header */

header {
width:100%;
height: 130px; 
position:relative; 
margin: 0px auto;
background:#300 url('../img/bacchus.jpg') no-repeat;
 }
header p a {
 display:block;
 padding: 50px 0;
 text-align: center;
 font:normal 18px georgia, Tahoma;
 text-decoration: none;
 color:#ff0;
 text-transform:uppercase;
 }
header p a:hover {
 display:block;
 padding: 50px 0;
 text-align: center;
 font:normal 18px georgia, Tahoma;
 text-decoration: none;
 color:#ff0;
 text-transform:uppercase;
 }
/*Горизонтальное выпадающее меню*/
@charset 'UTF-8';
ul.topmenu {
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: #000;
  width: 100%;
  border: 1px solid #f00;
  }
ul.topmenu li {
  float: left;
  list-style: none;
  position: relative;
  }
ul.topmenu li a {
  color: #6f0;
  display: block;
  font-family: Arial;
  font:normal 14px/1.4 "MS Sans Serif", Tahoma;
  padding: 0px 20px 8px;
  text-decoration: none;
  }
ul.topmenu li p {
  color: #ffd998;
  display: block;
  font-family: Arial;
  font: bold 90% serif, Arial;
  font-size: 14px;
  padding: 0px 20px 9px;
  text-decoration: none;
  }
ul.topmenu li a:hover {
  color: #ff0;
  }
ul.topmenu li:first-child a:hover {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
}
nav {
width : 100%;
margin : 0 auto;
position : relative;
height : 55px;
background : #347E03;
border-bottom : 1px solid #300;
}
nav ul li {
position : relative;
float : left;
padding : 6px 5px 0 5px;
}
nav ul li:hover {
background-color : #300;
}
nav ul li a {
font-size : 16px;
line-height : 16px;
color : #ffffff;
display : block;
padding : 15px 37px;
margin-bottom : 5px;
z-index : 6;
position : relative;
font-weight : bold;
text-transform : uppercase;
}
nav ul li:hover a {
color : #ffffff;
}
#content {
width : 100%;
margin : 0 auto;
background-color : #300;
}
#content p.za{
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
font : normal 19px georgia, verdana, tahoma, arial, sans-serif;
text-transform : none;
letter-spacing : 1px;
background : transparent;
color: #ff0;
}
#main-content {
width : 600px;
float : left;
display : inline;
padding : 20px;
}
#main-content .ch {
color: #ff0;
font-variant-numeric: tabular-nums;
}
#main-content a {
color : #6f6;
text-decoration : none;
}
#main-content a:hover {
color : #ff0;
text-decoration : underline;
}
#main-content article {
clear : both;
font-size : 14px;
margin : 10px 0;
}
#main-content article h1 {
font-size : 18px;
line-height : 20px;
text-transform : none;
color : #ff0;
}
h1 {
font-size : 18px;
line-height : 20px;
text-transform : none;
color : #ff0;
}
#main-content article h2 {
font-size : 19px;
line-height : 23px;
text-transform : none;
color : #ff0;
}
h2 {
font-size : 19px;
line-height : 23px;
text-transform : none;
color : #ff0;
}
#main-content article h3 {
font-size : 18px;
line-height : 22px;
text-transform : none;
color : #ff0;
}
h3 {
font-size : 18px;
line-height : 22px;
text-transform : none;
color : #ff0;
}
#main-content article h4 {
font-size : 17px;
line-height : 21px;
text-transform : none;
color : #ff0;
}
h4 {
font-size : 17px;
line-height : 21px;
text-transform : none;
color : #ff0;
}
#main-content article h5 {
font-size : 16px;
line-height : 20px;
text-transform : none;
color : #ff0;
}
h5 {
font-size : 16px;
line-height : 20px;
text-transform : none;
color : #ff0;
}
#main-content article h6 {
font-size : 15px;
line-height : 19px;
text-transform : none;
color : #ff0;
}
h6 {
font-size : 15px;
line-height : 19px;
text-transform : none;
color : #ff0;
}
#main-content article p.subtitle {
margin-top : 0;
margin-bottom : 0;
padding : 0;
text-align : left;
font : normal normal 1.0em georgia, verdana, tahoma, arial, sans-serif;
text-transform : none;
letter-spacing : 1px;
background : transparent;
color : #f00;
}
#main-content article p.za {
margin-top : 0;
margin-bottom : 0;
padding : 0;
text-align : left;
font-size : 18px georgia, verdana, tahoma, arial, sans-serif;
text-transform : none;
letter-spacing : 1px;
background : transparent;
color : #ff0;
}
#main-content article img {
float : left;
max-width : 100%;
height : auto;
margin : 10px;
padding : 5px;
border : #999 solid 1px;
}
#main-content article p {
margin-bottom : 10px;
color : #ffd998;
font : 1.2em/2.0em Arial, Helvetica, sans-serif;
}
#main-content p {
margin-bottom : 10px;
color : #ffd998;
font : 1.2em/2.0em Arial, Helvetica, sans-serif;
}
#main-content article .more {
float : right;
margin-bottom : 30px;
}
#main-content .comment {
font-weight : bold;
margin : 50px 0;
width : 100%;
}
#main-content .comment div {
margin-bottom : 20px;
vertical-align : middle;
}
#main-content .comment textarea {
border : #999999 solid 2px;
padding : 8px 10px;
width : 100%;
}
#sidebar {
width : 280px;
float : left;
display : inline;
padding : 20px;
}
#sidebar section {
margin-bottom : 20px;
}
#sidebar section a {
color : #6f6;
text-decoration : none;
}
#sidebar section a:hover {
color : #ff0;
text-decoration : underline; 
}
#sidebar .heading {
padding : 5px;
border-bottom : 3px double #fc0;
}
#sidebar .heading h2 {
font-size : 19px;
color : #ff0;
font-weight : bold;
display : inline;
padding : 0 10px;
}
#sidebar .heading h3 {
font-size : 18px;
color : #ff0;
font-weight : bold;
display : inline;
padding : 0 10px;
}
#sidebar .heading h4 {
font-size : 17px;
color : #ff0;
font-weight : bold;
display : inline;
padding : 0 10px;
}
#sidebar .heading h5 {
font-size : 16px;
color : #ff0;
font-weight : bold;
display : inline;
padding : 0 10px;
}
#sidebar .heading h6 {
font-size : 15px;
color : #ff0;
font-weight : bold;
display : inline;
padding : 0 10px;
}
#sidebar p.za{
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
font : normal 19px georgia, verdana, tahoma, arial, sans-serif;
text-transform : none;
letter-spacing : 1px;
background : transparent;
color: #ff0;
}
#sidebar .content {
padding : 15px;
}
#sidebar .content ul {
font-size : 14px;
list-style-type : circle;
color : #ff0;
margin-left : 20px;
}
#sidebar .content ul li {
border-bottom : 1px solid #E1E1E1;
padding : 5px;
}
#sidebar .content .post {
margin-bottom : 20px;
}
#sidebar .content .post h4 {
font-size : 14px;
font-weight : normal;
}
#sidebar .content .post img {
float : left;
padding : 5px;
border : #CCC solid 1px;
margin-right : 10px;
width : 40%;
}
#sidebar .content .post .news img {
float : left;
padding : 5px;
border : #CCC solid 1px;
margin-right : 10px;
max-width : 100%;
height : auto;
}
#sidebar .content .post .news a {
color : #ffd998;
font-style : italic;
}
#sidebar .content .post p {
color : #ffd998;
font-style : italic;
}
.num li {
display : inline-block;
background : #CA181A;
margin-right : 3px;
 -webkit-transform: skewX(-30deg); /* Для Safari и Chrome */
 -moz-transform: skewX(-30deg); /* Для Firefox */
 -o-transform: skewX(-30deg); /* Для Opera */
 -ms-transform: skewX(-30deg); /* Для IE */
transform : skewX(-30deg);
}
.num a {
color : #6f6;
display : block;
padding : 5px 15px;
text-decoration : none;
 -webkit-transform: skewX(30deg); /* Для Safari и Chrome */
 -moz-transform: skewX(30deg); /* Для Firefox */
 -o-transform: skewX(30deg); /* Для Opera */
 -ms-transform: skewX(30deg); /* Для IE */
 transform: skewX(30deg); /* CSS3 */
}
.num li:hover {
background : #063;
}
.outline {
border : #fc0 solid 1px;
padding : 0.5em;
text-align : left;
}
hr {
 border: none; 
 color: #6f6; 
 background-color: #6f6;
 height: 1px; 
 margin-left: 20px;
 margin-right: 20px;
 text-align: center;
 }
.footer {
flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
padding: 40px;
}
*footer {
width : 100%;
margin : 0 auto 20px auto;
padding : 10px 0;
background : #4e337;
}
footer {
background : #300;
}
footer .content img {
float : left;
margin : 0.5em;
}
footer p {
float : left;
margin : 0.5em;
background : #300;
}
footer ul {
margin : 0;
padding : 0;
list-style-image : none;
}
footer ul li {
list-style : circle;
margin-left : 0.5em;
}
footer ul li a {
font-size : 1.0em;
color : #ffffff;
}
footer ul li a:hover {
color : #006699;
text-decoration : none;
cursor : pointer;
}
#copyright {
display : inline-block;
width : 100%;
text-align : left;
padding : 0.6em 0;
color : #ffffff;
}