@charset "utf-8";
/* CSS Document */
body, html { 
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:95%;; /* ширина нашего макета*/
padding-top:20px; padding-bottom:20px;
}
/*Здесь пишем стили для шапки сайта */
#header{ height:200px; background-image:url(img/osnova/header4.jpg);}
#header1{ height:200px; background-image:url(img/osnova/header2.jpg);}
#header2{ height:200px; background-image: url(slugba_ditey/img/logo.jpg);}
#header3{ height:150px; background-image:url(img/osnova/header3.jpg);}
#header h1{ color:#FF0000; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-top:30px;}
#header2 h2 { text-align:right; padding-right:30px; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}

#ramka{height:30px; background-image:url(img/osnova/polosa.jpg);}
/*Здесь пишем стили для левой колонки сайта */
#left{
width:185px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
/*Здесь пишем стили для правой колонки сайта */
#right{
width:185px; /*ширина правой колонки */
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}
/*Здесь пишем стили для блока контента */
#content{ padding-left:5px; padding-right:5px;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:193px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:193px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
padding-top:20px; padding-bottom:10px;
color:#FF0000;
} 

#content1 h3 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
padding-top:20px; padding-bottom:10px;
color:#FF0000;
} 
#content1 h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
padding-top:20px; padding-bottom:10px;
color:#FF0000;
} 

#content1{margin:0; /*обнуляем отступы сверху и снизу*/
margin-left:190px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
padding:10px;
}
#foto{margin:0; /*обнуляем отступы сверху и снизу*/
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
background-color:#CCCCCC;
padding:10px;
}
#foto h1 {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#content1 h3{text-align:center; color:red; margin:0;}
.texttabl { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:0.8em; text-align:justify; text-indent:20px; padding:5px; margin:0px;}
.texttabllevo {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-align:right; padding-right:10px; font-weight:bold;}

/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{ height:30px; background-image:url(img/osnova/footer.jpg);
}
#footer p{
margin:0px;  /* обнуляем отступы*/
text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:10px;}

ul#cssmenu {
        width:750px;
        margin: 0 auto;
        border: 0 none;
        padding: 0;
        list-style: none;
        height: 30px;
        font: bold 10px/28px Verdana, Arial;
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 30px;
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 160px;
        list-style: none;
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
}

ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
        width: 150px;
        float: left;
        display: block !important;
        display: inline;
}

/* Main Menu */
ul#cssmenu a {
        border: 0px;
        padding: 0 10px;
        float: none !important;
        float: left;
        display: block;
            color:#FFFFFF;
        font: bold 10px/28px Verdana, Arial;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
        background: #FFFFFF;
        color:#003366;
        border-top:#003366 1px solid;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
        border-top: 2px solid #FFFFFF;
        float: none;
        background: #003366;
        color: #FFFFFF;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
        border-top: 2px solid #FFFFFF;
        background: #FFFFFF;
        color:#003366;
        border:#003366 1px solid;
}

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;}
		
/* Вертикальное меню */		
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px; 
  list-style: none;
}

ul#navmenu-v:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; 
  display: block !important; 
  display: inline; 
  position: relative;
  border:#003366 1px solid;
}
ul#navmenu-v li ul li {
border:none;
border-bottom:#FFFFFF 2px solid;
}

/* Root Menu */
ul#navmenu-v a {
  padding: 0 6px;
  display: block;
  background-color:#0066CC;
  color:#FFFFFF;
  font: bold 10px/22px Verdana, Arial;
  text-decoration: none;
  height: auto !important;
  height: 1%; 
}

ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #FFFFFF;
  color: #000000;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #003366;
  color: #FFFFFF;
  border:#003366 1px solid;
}

ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #FFFFFF;
  color: #003366;
  border:#003366 1px solid;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 181px;
}

ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}

ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
background: #003366;
color: #FFF;
}

ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
background: #003366;
color: #FFF;
}

ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
background: #FFF;
color: #003366;
}

/* дивы с круглыми углами */
.myBox {
  margin: 0.1in auto;
  width: 300px;
  font-size:12px; font-family:Arial, Helvetica, sans-serif;
  padding-left:4px; padding-right:4px;
    background-color:#FFFFCC;
  text-align:left;
  border:3px solid #0066CC;
}

.myBoxl {
  margin: 0 auto;
  font-size:12px; font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  width: 170px;
  padding-left:5px; padding-right:5px;
  text-align: left;
  background-color:#FFFFCC;
  background-repeat: no-repeat;
  border:3px solid #0000FF;
}
.style1 { text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:20px; padding:5px; margin:0px;
	font-weight: bold;
}
.style2 {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:20px; padding:5px; margin:0px; color:#0000FF;
}
.style3 {font-size: 18px; font-weight: bold;}

/* Scroller Box */
    #scroller_container {
position: relative;
width: 100%;
height: 25px;
overflow: hidden;
background-color:#0066CC;
}
#scroller {
white-space: nowrap;
line-height: 25px;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0; font-weight:600;
}
/* Scoller Box */

#imgd{width: 140px; cursor: hand;}
#imgd:hover{width: 250px; background-color: transparent; z-index: 50; background-color: lightyellow;
padding: 5px; border: solid 1px gray; position: absolute; cursor: hand;}
.style200{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; }