﻿@charset "utf-8";
/* CSS Document */
/*фон-картинки*/
html {
background-image:url(images/fon-body.png);
background-color: #428ce3;
background-repeat:repeat-x;
background-position:top;
}
body {
padding: 0;
margin: 0;
background-image:url(images/body5.jpg);
background-repeat:no-repeat;
background-position:center top;
width: 100%;
display: table;
color:#FFFFFF;
font: 10pt Arial, Helvetica, sans-serif;

}
#generaltab {
margin-top:20px;
background-image:url(images/fon.jpg);
border:2px solid #FFf;
}
#img-01 {
background-image:url(images/01.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:15px;

}
#img-02 {
background-image:url(images/02.jpg);
background-repeat:no-repeat;
height:240px;
}
#img-03 {
background-image:url(images/03.jpg);
background-repeat:no-repeat;
height:240px;
}
#img-03_cz {
background-image:url(images/03_cz.jpg);
background-repeat:no-repeat;
height:240px;
}
#img-04 {
background-image:url(images/04.jpg);
background-repeat:no-repeat;
height:240px;
}
#img-05 {
background-image:url(images/05.jpg);
background-repeat:no-repeat;
height:71px;
}
#img-07 {
background-image:url(images/07.jpg);
background-repeat:no-repeat;
}
#img-06_cz {
background-image:url(images/06_cz.jpg);
background-repeat:no-repeat;
}

#img-07_cz {
background-image:url(images/07_cz.jpg);
background-repeat:no-repeat;
}
.img-cz {
margin-rigt:10px;
}
.favor {
margin-top:2px;
}
#img-08 {
background-image:url(images/08.jpg);
background-repeat:no-repeat;
height:67px;
}
#img-09 {
background-image:url(images/09.jpg);
background-repeat:no-repeat;
height:67px;
width:427px;
}
#img-09_cz {
background-image:url(images/09_cz.jpg);
background-repeat:no-repeat;
}
#img-10 {
background-image:url(images/10.jpg);
background-repeat:no-repeat;
height:103px;
}
/*Меню*/
#menu .item1 {
background-image:url(images/menu1.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item2 {
background-image:url(images/menu2.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item2_cz {
background-image:url(images/menu2_cz.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item3 {
background-image:url(images/menu3.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item3_cz {
background-image:url(images/menu3_cz.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item4 {
background-image:url(images/menu4.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item4_cz {
background-image:url(images/menu4_cz.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item5 {
background-image:url(images/menu5.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item5_cz {
background-image:url(images/menu5_cz.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item6 {
background-image:url(images/menu6.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
#menu .item6_cz {
background-image:url(images/menu6_cz.jpg);
background-repeat:no-repeat;
height:40px;
width:300px;
}
.menu {
list-style:none;
margin:0;
padding:0;
}
.menu li a{
display:block;
height:100%;
width:300px;
}

/*таблица гл.стр*/
.item7 {
background-image:url(images/05.jpg);
background-repeat:no-repeat;
height:71px;
width:88px;
}
.item8 {
background-image:url(images/06.jpg);
background-repeat:no-repeat;
height:71px;
width:254px;
}
.item9 {
background-image:url(images/061.jpg);
background-repeat:no-repeat;
height:71px;
width:425px;
}
.item9 a{
display:block;
height:100%;
width:425px;
}
.item9 a:hover{
background: url(images/star1.png) no-repeat 15% 72%;
}
.item10 {
background-image:url(images/07.jpg);
background-repeat:no-repeat;
height:71px;
width:133px;
}
/*CZ*/
.item7_cz {
background-image:url(images/05.jpg);
background-repeat:no-repeat;
height:71px;
width:88px;
}
.item8_cz {
background-image:url(images/06_cz.jpg);
background-repeat:no-repeat;
height:71px;
width:254px;
}
.item9_cz {
background-image:url(images/061_cz.jpg);
background-repeat:no-repeat;
height:71px;
width:473px;
}
.item9_cz a{
display:block;
height:100%;
width:473px;
}
.item9_cz a:hover{
background: url(images/star.png) no-repeat 21% 47%;
}
.item10_cz {
background-image:url(images/07_cz.jpg);
background-repeat:no-repeat;
height:71px;
width:85px;
}
/*конец*/

.item6 a:hover{
background: url(images/star1.png) no-repeat 4% 50%;
}
.item5 a:hover{
background: url(images/star1.png) no-repeat 0% 50%;
}
.item4 a:hover{
background: url(images/star1.png) no-repeat 11% 50%;
}
.item3 a:hover{
background: url(images/star1.png) no-repeat 30% 38%;
}
.item2 a:hover{
background: url(images/star1.png) no-repeat 55% 35%;
}
/*CZ*/
.item6_cz a:hover{
background: url(images/star1.png) no-repeat 15% 53%;
}
.item5_cz a:hover{
background: url(images/star1.png) no-repeat 0% 53%;
}
.item4_cz a:hover{
background: url(images/star1.png) no-repeat 13% 53%;
}
.item3_cz a:hover{
background: url(images/star1.png) no-repeat 33% 55%;
}
.item2_cz a:hover{
background: url(images/star1.png) no-repeat 53% 55%;
}
/*верхнее меню*/
#col1 {
width:80px;	
text-align: center;
valign: bottom;
}
#col2 {
width:100px;	
text-align: center;
valign: bottom;
}
#col3 {
width:145px;	
text-align: center;
valign: bottom;
}
#col4 {
width:55px;	
text-align: center;
valign: bottom;
}
#col5 {
width:90px;	
text-align: center;
valign: bottom;
}
#col6 {
width:120px;	
text-align: center;
valign: bottom;
}

#td-menu {
width:95px;
text-align: center;
valign: bottom;
}

#td-menu a:hover{
color:#14478C;

}
/*основные теги*/

.td-cafe {
background-image:url(images/menu.png);
background-position: top 10px right 20px;
background-repeat:no-repeat;
height:164px;
width:178px;
}

a {
color: lightskyblue;
font-weight:bold;
font-style: italic;
text-decoration:none;
}
a:hover {
color: deepskyblue;
}
.a-top {
color:#3F72B4;
font-size:12px;
font-weight:bold;
font-style: italic;
text-decoration: underline;
}
.a-top:hover{
color:#14478C;
}
h1 {
font-size:14pt;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
margin-right: 30px;
}
.h2-dekor{
font-size:13pt;
margin-right: 30px;
border-bottom: 1px solid lightskyblue;
font-weight: normal;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
font-size:13pt;
font-style: italic;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
.a_h2 {
font-weight: normal;
color:#FFF;
}
h3 {
font-size:11pt;
font-weight: normal;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
color: lightskyblue;

}
p {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
margin: 7px 30px 7px 0;}

.citata {
font-style: italic;
padding:15px 40px 0 40px;

}
.p-futer {
text-align:right;
font-style: normal;
margin-right: 10px;
}
.p-right {
text-align:right;
font-style: normal;
color: lightskyblue;
padding-right: 40px;
}

#right {
margin:0 70px 0 40px;
}

.bold-citat{
color:deepskyblue;
font-weight:bold;
}
.ul-new {
line-height:1.5;
margin-right:30px;
text-align:justify;
}

.ul-menu {
line-height:1.5;
margin-right:220px;
text-align:justify;
}

hr {
margin-right: 17px;
color: lightskyblue;
border: none; 
background: lightskyblue; 
height: 1px;
}


/*дополнительные теги*/
.img-s {
margin: 5px 15px 5px 5px;

}
.img-b {
float: right;
margin:0px 5px 5px 30px;
}
.img-o {
float: right;
margin:10px 17px 5px 30px;

}
.img-gallery {
float: right;
margin:20px 30px 5px 30px;
}
.img-sign {
float: right;
margin:0px 0px 5px 30px;
}
.img-left {
float: left;
margin:20px 10px 0 0;

}
.img-pngmenu {
float: left;
margin:0 20px 0 0;

}
.img-R {
float: right;
margin:5px -12px 20px 30px;
}
.img-L {
float: left;
margin:20px 30px 20px 0px;
}
.img-soc {
float:left;
margin:-27px 5px 10px -3px;
}
.p-soc {
padding-top:30px;
}
.div-soc {
padding-top:30px;
}
/*перемещение в симболоне*/
.footer {
height:75px;
}
.random {
height:75px;
width:150px;
text-align:right;
float:right;
background-image:url(images/random.png);
background-repeat:no-repeat;
background-position:right;
}
.random  a{
padding-right:17px;
}
#socseti {
margin-top:20px;
float:left;
}

/*________*/

.selected {
text-decoration:underline;
font-style: italic;
font-size: 10pt;
}
/*index */
.colelem {
position: relative; 
display: none;
font-weight:normal;
}
.exelem {
position: relative; 
display: block;
font-weight:normal;
font-style: italic;
}
.exeexe {
position: relative; 
cursor:pointer;
margin-left:10px;
color: lightskyblue;
font-weight: bolder;
}
.exeexe:hover {
color: deepskyblue;
}

/* показать-скрыть текст */

.details summary { /* строки-заголовок для клика */
  background: royalblue;
  margin-right: 17px;
  color: #000;
  cursor: pointer;
}
.details[open] summary { /* цвет строки-заголовка в открытом виде */
  background: #428ce3;
}
.details-menu summary { /* строки-заголовок для клика */
  margin-right: 220px;
  cursor: pointer;
}
.details-menu[open] summary { /* цвет строки-заголовка в открытом виде */
  background: #428ce3;
  font-weight: bolder;
}