* {margin: 0;padding: 0;}
html {height: 100%;}
body {font: 14px Palatino Linotype, Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%;line-height:20px; background: url(../images/bg3.jpg) no-repeat top center;}
h1 {color: #ff5a00; font-size: 26px; text-align: left; font-weight: normal;}
h2 {color: #4f4f4e; font-size: 23px; text-align: left; font-weight: bold; text-transform: uppercase; background: white url(../images/orange.jpg) no-repeat left center; padding: 0px 10px 0px 30px; float: left;}
h4 {color: #4f4f4e; font-size: 18px; text-align: left; font-weight: bold; text-transform: uppercase; background: #ededed url(../images/green.jpg) no-repeat left top; padding: 0px 10px 8px 30px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #9e9e9d;}
h5 {color: white; font-size: 20px; text-align: left; font-weight: bold; text-transform: uppercase; background: #afd573; padding: 1px 8px; display: inline; }
h3.spip {font-size: 16px; line-height: 23px; font-weight: bold; color: #4f4f4e; text-transform: uppercase; margin: 20px 0px 10px 0px; text-align: left;}
ul.spip li, ol.spip li {list-style-position: inside;}
.wrapper {width: 100%; min-height: 100%; 	height: auto !important; 	height: 100%; margin: 0px auto 0px auto;}
.middle {width: 1000px;	position: relative; margin: 0px auto;}     
.content {height: auto!important;}
.clear{clear:both;} 
img {max-width: 100%; height: auto; border: none;}

/* Header Start
-----------------------------------------------------------------------------*/
.header {width: 1000px; height: 300px; margin: 0px auto;}
.logo {float: left; margin-top: 20px; width: 280px;}
.slogan {margin: 22px 0px 0px 15px; width: 700px; text-align: left; float: left;}
.meny {width: 720px;  height: 35px; text-align: left; float: left; margin: 270px 0px 0px 0px;}
.meny a {font-size: 14px; font-weight: bold; color: #4f4f4e; text-decoration: none; text-transform: uppercase; background: white; border: 4px double white; padding: 1px 9px; margin: 0px 0px 0px 2px;}
.meny a:first-child {margin: 0px;}
.meny a:hover {color: white; text-decoration: none; background: #bbdd75; border: 4px double white;}
/* Header End
-----------------------------------------------------------------------------*/

/* Content Start
-----------------------------------------------------------------------------*/
.title {background: #dfdfdf; height: 20px; width: 100%; margin-bottom: 25px;}
.block_topical, .block_last,  .block_theme, .all, .map, .article {margin: 20px 0px 20px 0px; width: 100%; float: left;}

/* Путь
-----------------------------------------------------------------------------*/
.breadcrumbs {margin: 10px 0px 0px 0px; }
.breadcrumbs div {display: inline-block; background: url(../images/bread.png) no-repeat right center; padding-right: 5px; margin-right: 5px;}
.breadcrumbs a {color: #4f4f4e; text-decoration: none; margin: 0 10px 0 0; font-size: 14px;}
.breadcrumbs a:hover {text-decoration: underline;}

/* Пагинация
-----------------------------------------------------------------------------*/
.pagination {text-align: left; margin-left: 270px;}
.pagination a {color: black; font-size: 16px; text-decoration: none; font-weight: bold;}
.pagination .pages {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px 0px 0px;}
.pagination .pages a { padding: 1px 6px; margin-left: 3px;}
.pagination a:hover {text-decoration: underline;}
.pagination .on {background: #ff5a00; color: white;  padding: 1px 6px;}
.pagination .disabled .on {background-color: #ff5a00; color: white; font-size: 16px;  text-decoration: none; font-weight: bold;}
.pagination .disabled strong.on {font-weight: bold; font-size: 16px; }
.pagination .on:hover {text-decoration: none; cursor: default;}


/* Блок 404
-----------------------------------------------------------------------------*/
.error {width: 1000px; float: left; margin: 30px 0px;}
.big-error {color: #afd573; font-size: 150px; text-align: left; float: left; font-weight: bold; width: 250px; line-height: 90px;}
.small-error {width: 750px;  float: left; }
.small-error p {color: #4f4f4e; font-size: 16px; text-align: left; line-height: 20px;}

/* Блок Актульно
-----------------------------------------------------------------------------*/
.tab-big {position: relative; border: 2px solid #afd573; float: left; overflow: hidden; margin: 0px 20px 0px 0px; height: 370px; width: 660px; box-sizing: border-box;}
.tab-big-text {position: absolute; left: 0px;  bottom: 0px; width: 640px; padding: 5px 10px 10px 10px; background: black; background: rgba(0,0,0,0.5); text-align: left; display: block;}
.tab-big-text h3 {font-size: 18px; font-weight: bold; color: white; text-transform: uppercase; line-height: 23px; margin: 5px 0px 10px 0px; text-shadow: 0px 1px 1px black;}
.tab-big-text p {font-size: 18px; font-weight: bold; color: white; text-shadow: 0px 1px 1px black;}

.tab-middle {position: relative; border: 2px solid #afd573; overflow: hidden; margin: 0px 0px 20px 0px; height: 200px; width: 320px; box-sizing: border-box;}
.tab-middle-text {position: absolute; left: 0px;  bottom: 0px; width: 310px; padding: 0px 5px; background: black; background: rgba(0,0,0,0.5); text-align: left; display: block;}
.tab-middle-text h3 {font-size: 14px; font-weight: bold; color: white; text-transform: uppercase; line-height: 21px; margin: 5px 0px 5px 0px; text-shadow: 0px 1px 1px black;}

.tab-small-all>div:first-child {margin: 0px 15px 0px 0px; }
.tab-small{position: relative; border: 2px solid #afd573; overflow: hidden; margin: 0px; height: 150px; width: 150px; box-sizing: border-box; display: inline-block;}
.tab-small-text {position: absolute; left: 0px;  bottom: 0px; width: 140px; padding: 0px 5px; background: black; background: rgba(0,0,0,0.5); text-align: left; display: block;}
.tab-small-text h3{font-size: 14px; font-weight: bold; color: white; line-height: 15px; margin: 5px 0px 5px 0px; text-shadow: 0px 1px 1px black;}

/* Блок Последние обсуждения
-----------------------------------------------------------------------------*/
.last-big {width: 1000px!important;}
.tabs {height: auto!important; }
.ui-widget-header {border: 0!important; background: none!important;}
.ui-tabs .ui-tabs-panel {box-sizing: border-box; padding: 25px 0 0 0!important;}
.ui-widget.ui-widget-content {border: 0!important;}
.tabs ul {list-style: none!important; margin: 0 0 -2px 20px!important;}
.tabs li {float: left!important; white-space: normal!important; background:#afd573!important; padding: 5px 0 0 0!important; margin-right: 5px!important; width: 180px!important; height: 50px!important; line-height: 22px!important; text-align: center!important; border: 4px double white!important; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: none!important; padding: 0!important;}
.tabs .on {background: white!important;  border: 3px solid #dfdfdf!important;}
.tabs li.ui-state-active  {background: white!important;  border: 3px solid #dfdfdf!important;}
.tabs li a {color: #4f4f4e!important; font-size: 14px!important; font-weight: bold!important; float: none!important; text-transform: uppercase!important; text-decoration: none!important;}
.tabs li a:focus, .tabs li:focus {outline:0!important; border: 0!important;}
.tabs li a:hover {color: black!important;}
.last-big-main {padding: 10px 7px; background: white; width: 1000px; border: 3px solid #dfdfdf; float: left; margin-top: -10px; box-sizing: border-box; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  -icab-border-radius: 10px;  border-radius: 10px;}
.one-article {margin: 10px 10px 15px 10px; width: 470px; height: 105px; float: left; overflow: hidden; display: block;}
.one-article img {float: left; margin-right: 10px;}
.one-article h3, .one-article h3 a {color: #ff5a00; font-size: 16px; text-align: left; font-weight: bold; line-height: 22px; margin: -2px 0px 5px 0px;}
.one-article .date {color: #8c8c8c; font-size: 14px; text-align: left; margin-right: 10px;}
.one-article a {color: black; font-size: 14px; text-align: left; line-height: 20px; text-decoration: none;}
.one-article a:hover {text-decoration: underline;}


/* Блок Материалы по темам
-----------------------------------------------------------------------------*/
.colls {width: 234px; padding: 0px 0px 0px 15px; float: left; border-left: 1px dotted #beb8b8;}
.colls a {color: black; font-size: 14px; text-decoration: underline; text-transform: lovercase; line-height: 24px;}
.colls a:hover {color: #4f4f4e; text-decoration: none;}

/* Блок Темы проекта
-----------------------------------------------------------------------------*/
.blocks-all>div:first-child {margin: 0px;} 
.blocks-theme {width: 235px; float: left; margin-left: 20px; background: #ededed;  padding: 5px; box-sizing: border-box;}
.blocks-theme ul {margin-top: 5px;}
.blocks-theme ul li {margin: 0px 0px 15px 0px; list-style-type: disc; list-style-position: inside; color: #4f4f4e;}
.blocks-theme ul li a {color: #4f4f4e; font-size: 15px; text-decoration: none; line-height: 18px;}
.blocks-theme ul li a:hover {text-decoration: underline;} 

/* Блок Карта сайта
-----------------------------------------------------------------------------*/
.map ul {margin: 15px 0px 30px 0px;}
.map ul li {margin: 0px 0px 15px 0px; list-style-type: disc; list-style-position: inside; color: #4f4f4e;}
.map ul li a {color: #4f4f4e; font-size: 19px; text-decoration: none; line-height: 24px;}
.map ul li a:hover {text-decoration: underline;} 


/* Блок Статья
-----------------------------------------------------------------------------*/
.article-top {width:1000px; float: left; margin-bottom: 20px;}

.video-right {width:730px; margin-left: 270px;}
.video-right .visual {width: 100%;}

.logo-article {width:500px; float: left; margin-right: 20px;}
.visual {width:480px; height: 30px; float: left; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; padding: 3px 0px; font-size: 15px; color: #4f4f4e; margin-bottom: 15px;}
span.date-visual {background: url(../images/date.png) no-repeat left center; padding-left: 25px; margin-right: 20px;}
span.view {background: url(../images/view.png) no-repeat left center; padding-left: 25px; margin-right: 20px;}
span.comment {background: url(../images/comment.png) no-repeat left center; padding-left: 25px; margin-right: 20px;}
.article h4 {color: #4f4f4e; font-size: 20px; text-align: left; font-weight: bold; text-transform: uppercase; line-height: 30px; background: none; padding: 0px; margin: 0px 0px 20px 0px; border: 0px;}
.article-thema {color: #4f4f4e; font-size: 18px; text-align: left; line-height: 24px;}
.article-thema span {background: #ff5a00; border: 4px double white; padding: 0px 5px; color: white; font-size: 17px; text-transform: uppercase; margin-right: 5px;}
.social {width:480px; height: 30px; float: left; margin-top: 20px;}
.texte-article {border-top: 1px solid #ff5a00; border-bottom: 1px solid #ff5a00; width: 730px; color: black; font-size: 16px; text-align: justify; line-height: 23px; float: left; padding: 15px 0px 0px 0px;}
.texte-article a {color: black; text-decoration: underline;}
.texte-article a:hover {color: #ff5900; text-decoration: underline;}
.chapo {font-weight: bold; margin-bottom: 15px; font-size: 16px; line-height: 23px;}
.texte-article p {margin: 0px 0px 15px 0px;}


.gallery {margin-top: 30px;}
.item-gal {display: inline-block; width: 21.5%; vertical-align: top; margin: 0 3% 3% 0}
.item-gal img {border: 1px soli dgray;}
.item-gal>div {font-size: 15px; line-height: 20px; font-family: 'BookAntiquaBold'; color:black; text-align: center;}

/* Блок Статья Про меня
-----------------------------------------------------------------------------*/
.article-about-left {width:250px; float: left;  margin-right: 20px;}
.logo-about {width:250px; float: left; margin-bottom: 20px;}
.article h4 {color: #4f4f4e; font-size: 20px; text-align: left; font-weight: bold; text-transform: uppercase; line-height: 30px; background: none; padding: 0px; margin: 0px 0px 20px 0px; border: 0px;}
.texte-article {border-top: 1px solid #ff5a00; border-bottom: 1px solid #ff5a00; width: 730px; color: black; font-size: 16px; text-align: justify; line-height: 23px; float: left; padding: 15px 0px 20px 0px;}

.video {margin-top: -60px;  width: 730px;   margin-left: 270px; padding-bottom: 20px; margin-bottom: 20px; border-top: 0px;}
.yashare-auto-init {display: inline;}


.chapo {font-weight: bold; margin-bottom: 15px; font-size: 16px; line-height: 23px;}
.texte-article p {margin: 0px 0px 15px 0px;}

/* Блок Рубрика
-----------------------------------------------------------------------------*/
.rubrique-chapo {color: black; font-size: 16px; text-align: justify; line-height: 23px; margin-bottom: 25px;}
.rubrique-list {border-bottom: 1px solid #ff5a00; width: 730px; float: left; margin-bottom: 15px;}
.article-list {width: 730px; float: left; margin-bottom: 25px;}
.logo-article-list {width:230px; float: left; margin-right: 20px;}
.visual {width:480px; height: 30px; float: left; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; padding: 3px 0px; font-size: 15px; color: #4f4f4e; margin-bottom: 23px;}
span.date-visual {background: url(../images/date.png) no-repeat left center; padding-left: 25px; margin-right: 20px;}
span.view {background: url(../images/view.png) no-repeat left center; padding-left: 25px; margin-right: 20px;}
span.comment {background: url(../images/comment.png) no-repeat left center; padding-left: 25px; margin-right: 20px;}
.article-list h4 {color: #4f4f4e; font-size: 18px; text-align: left; font-weight: bold; text-transform: uppercase; line-height: 27px; background: none; padding: 0px; margin: 0px 0px 10px 0px; border: 0px;}
.article-list a {color: #ff5a00; font-size: 14px; text-align: left; font-weight: bold; text-decoration: none; }
.article-list a:hover {text-decoration: underline;}


/* Колонка в статье
-----------------------------------------------------------------------------*/
.left-article {width: 250px; float: left; margin-right: 20px; /*background: #ededed;*/  padding: 7px; box-sizing: border-box; /*border: 1px solid #dfdfdf;*/ color: black; font-size: 15px; line-height: 20px;}
.left-title {background: #afd573; height: 33px; width: 236px; margin-bottom: 10px; border: 4px double white; box-sizing: border-box; padding: 2px 0px; }
.left-title h6 {color: white; font-size: 16px;  font-weight: bold; text-transform: uppercase; background: none; padding: 0px; float: none; text-align: center;} 
.left-article a {margin: 0px 0px 20px 0px; color: black; font-size: 15px; line-height: 20px; text-decoration: none; display: block;}
.left-article a:hover {text-decoration: underline;}
.left-article p {margin: 0px 0px 20px 0px;}
span.date-left, i {font-size: 14px; color: #969696; margin-right: 7px;}
.left-article a.more  {height: 23px; width: 236px; background: #9c9c9c; font-weight: bold; color: white; font-size: 14px; line-height: 19px; text-decoration: underline; display: block; text-align: center; margin: 0px;}
.left-article a.more:hover {text-decoration: none; background: #ff5a00;}


 /* Footer Start
-----------------------------------------------------------------------------*/
.center {width: 1000px;	margin: 0px auto;}
.footer {background: #dedede; width: 100%; border-top: 2px solid #afd573; height: 55px; margin: -57px auto 0 auto; position: relative; overflow: hidden;}      
.footer_copy {color: #4f4f4e; font-size: 14px; width: 200px; text-align: left; float: left; margin-top: 22px;}
.footer_links {width: 620px; text-align: center; float: left; margin-top: 22px;}
.footer_links a {color: #4f4f4e; font-size: 13px; margin: 0px 8px; text-decoration: underline; }
.footer_links a:hover {color: black; font-size: 13px; text-decoration: none;}
.footer_development{width: 180px; float: left; text-align: right; margin-top: 18px;}      
 /* Footer End
-----------------------------------------------------------------------------*/


 
           
