﻿/*/////////////// Базовые каскады стилей ////////////////*/

* { margin: 0; padding: 0;}/*сброс стилей*/
body {	margin: 0 auto; background-color:#DCEADD} /*блок тела страницы*/
a {	color:#040; text-decoration: underline;}
a:hover {color:#080; text-decoration:underline;}
a:visited {color:#090}
#right-bar{width:200px;float:right; box-shadow:1px 1px 10px #040; background: white; }
#content{ width:670px; float:left; box-shadow:1px 1px 10px #040; padding:8px 10px; text-indent:18px;background: white; font-family:Roboto-Regular; font-size:15px}
#middle{width: 900px;margin: 10px auto 0 auto;}
@font-face { font-family: Kurale-Regular; /* Гарнитура шрифта */ src: url('Kurale-Regular.ttf'); /* Путь к файлу со шрифтом */}
@font-face { font-family: Roboto-Regular; /* Гарнитура шрифта */ src: url('Roboto-Regular.ttf'); /* Путь к файлу со шрифтом */}
@font-face { font-family: Roboto-Thin; /* Гарнитура шрифта */ src: url('Roboto-Thin.ttf'); /* Путь к файлу со шрифтом */}
@font-face { font-family: FontAwesome; /* Гарнитура шрифта */ src: url('fontawesome-webfont.ttf'); /* Путь к файлу со шрифтом */}


/*css of header*/
#firstHeaderBlock {background-image:url('header_fon.jpg')}
#firstHeaderBlock img{width:70px; height:70px; border-radius:70px; float:left;margin-top:5px; margin-bottom:5px; box-shadow:0px 0px 8px #050;}
#firstHeaderBlock a {text-decoration:none; color:#040!important}
.textHeaderOne{text-indent:10px; font-size:26px; font-weight:bold; padding-top:17px;}
.textHeaderTwo {text-indent:10px; font-size:19px;}
#logoBlock{width:750px; height:80px; margin:0 auto; font-family:Kurale-Regular; line-height:18px; }
#lastHeaderBlock {height:300px; width: 900px;overflow:hidden; margin:0px auto 0 auto; }
.header_scroll {width:900px; background:#fff; box-shadow:1px 1px 10px #040; margin:31px auto 0px auto}

/*Блок меню горизонтальное без скриптовое*/
.fix_top {position:fixed; top:0; z-index:100; width:100%; text-align:center}
.menu {width:900px; margin:0 auto; box-shadow:1px 1px 10px #040; }
ul {list-style: none; margin: 0; padding: 0;}
.topmenu > li {display: inline-block; position: relative;  margin-top:0!important}
.topmenu > li:last-child {margin-right: 0;}
.menu a {display: block; padding: 4px 7px; text-decoration: none; outline: none; font-family:Kurale-Regular; transition: 0.5s linear; font-size: 15px;}
.submenu {position: absolute;top: 100%;left: 0;width: 100%; z-index: 10; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.four ul { background: #A1E2A7;}
.four .submenu { -webkit-transform: scaleY(0);-ms-transform: scaleY(0);	transform: scaleY(0);  -webkit-transform-origin: 0 0;-ms-transform-origin: 0 0; transform-origin: 0 0; background: #A1E2A7;}
.four ul li:hover .submenu { -webkit-transform: scaleY(1);	-ms-transform: scaleY(1);	transform: scaleY(1);}
.four ul a { color: #030; font-style:normal;}
.topmenu > li { }
.submenu li a {border-bottom: 1px solid rgba(255,255,255,.3); color: #030; padding-top:0!important}
.submenu-link:after {content: "\f107"; font-family: "FontAwesome"; color: inherit; margin-left: 4px; font-style:normal !important;}
.menu a:hover {background:#D3E9D5;}











/*css of footer*/

#footerBlock {text-align:center; font-family:Kurale-Regular;font-size:15px; margin-top:15px; margin-bottom:7px; clear:both}

#footerBlock a {padding:0 7px; text-decoration:underline; color:#040}
#footerBlock a:hover {color:#080}


#rightMenu {width:200px; overflow:hidden; }

#rightMenu a{display:block; padding:6px; color:#141; font-family:Kurale-Regular; font-size:15px;border-left: 5px transparent solid; line-height:17px;text-decoration:none;transition: all 0.6s ease-out;}
#rightMenu a:hover{border-left:5px #A0E2A4 solid; background-color:#D3E9D5; text-decoration:none; color:#050;transition: all 0.6s ease-out;}



/*форматирование текста основное*/

h1 {font-family:Kurale-Regular; font-size:24px; border-bottom:3px #040 double; text-align:left; padding:6px 12px 5px 12px; font-weight:bold; margin-bottom:9px; color:#040}
h2 {font-family:Kurale-Regular; font-size:20px; text-align:center; padding:6px 12px 0 12px; font-weight:bold; margin-bottom:6px; color:#040}
h3 {font-family:Kurale-Regular; font-size:17px; text-align:center; padding:6px 12px 0px 12px; font-weight:bold; margin-bottom:5px;}
h4 {font-family:Kurale-Regular; font-size:15px; border-bottom:1px #888 solid; text-align:left; padding:6px 10px 5px 12px; font-weight:bold; margin-bottom:5px; margin-right:140px}
h5 {font-family: "Courier New", Courier, monospace; font-size:15px; text-align:right; padding:6px; font-weight:normal; margin-left:400px;}
h5 .avtor{font-family:Kurale-Regular; font-weight:bold;  display:block;}


h6 {font-family:Kurale-Regular; font-size:15px; border-top:1px #555 dotted; text-align:right; padding:2px 6px; font-weight:bold; margin-bottom:5px; margin-left:350px}

p { padding-top:4px; padding-bottom:4px}


.img_foto {width:680px; text-align:center; margin:0 auto; text-indent:0;}
.img_foto img{ width:600px}

.galereya a{display:block; height:80px; overflow:hidden; text-decoration:none}
.galereya img { width:100px; float:left;}
.galereya a:hover {background:#eee}


.textStyle1 {border-left:3px #151 double; padding:6px 6px 6px 10px; margin-left:12px; text-align:left; background-color: #A1E2A7; }

.textStyle2 {border:1px #282 dotted; padding:6px; margin-left:12px; text-align:left; background-color: #D3E9D5; border-radius:7px; font-family:"Courier New", Courier, monospace  }

.textStyle3 {color:#156515;}


.imgLeft {width:250px; overflow: hidden; margin:4px; text-indent:0px; float:left;}
.imgLeft img { width:100%}
.imgRight {width:250px; overflow: hidden; margin:4px; text-indent:0px; float:right;}
.imgRight img { width:100%}

.imgBig {width:600px; overflow: hidden; margin:0 auto; text-indent:0px;}
.imgBig img { width:100%}








.fancyGalerea { padding-top:7px; padding-bottom:7px; text-align:center}
.fancyGalerea img {width:150px; padding:4px}
.fancyGalerea img:hover {opacity:0.8;}


.link {width:600px; margin:0 auto; text-align:center}
.link a{ display:block; padding:3px 5px; text-decoration:none; color:#040; border-top:1px #242 dotted}
.link a:first-child {border-top:none}
.link a:hover {background:linear-gradient(to left, rgba(55,155,55,0), rgba(55,155,55,0.2), rgba(55,155,55,0.4), rgba(55,155,55,0.2), rgba(55,155,55,0)); color:#070!important}




#calendar {text-align:center}
