html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
/*font-style: inherit;*/
font-size: 14px;
font-family: arial;

}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

table {margin:0px;border-collapse: collapse;}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} 
body{ background-image: url(images/body_back.jpg);}

.head_wrap { width: 100%; height: 334px;
             background-image: url(images/head.jpg);
             background-position: center center;
             background-repeat: no-repeat;
             background-color: #90de31;  
}
.wrap{  width: 100%;height: 100%;  min-height: 500px; margin-top: -345px;  }

.top_right { width: 20%; 
             min-width: 146px;
             background-image: url(images/top_right.png);
             background-position: left 12px;
             background-repeat: no-repeat;
                 

}
.top_left{
    
    width:20%;
    min-width: 40px;
    background-image: url(images/top_left.png);
    background-position: right top;
    background-repeat: no-repeat;
    
    

}
.center_left{
    width:20%;
    min-width: 40px;
    background-image: url(images/left_center.png);
    background-repeat: no-repeat;
    background-position: right 200px;
    
}
.center_right 
{
      width: 20%; 
       
      min-width: 146px;
      background-image: url(images/center_right.png);
      background-position: left top;
      background-repeat: no-repeat;
      /*position: relative;*/
      
      
      
}
.center_right .center_right_buttom
{
    bottom: 0px;
    width: 110px;
    height: 224px;
    position: absolute;
    background-position: left bottom;    
    background-repeat: no-repeat;
    background-image: url(images/center_right_bottom.png);
    

}
.head { min-width: 524px; min-height: 467px;}
a.logoLink{text-decoration: none;}
.logo { 
        width: 383px; height: 326px; 
        background-repeat: no-repeat;
        background-image: url(images/logo.png); 
        position: relative;
      }
 .logo_text
{
    width: 519px;
    height: 97px;
    margin-left: 60px;
    position: absolute;
    top: 180px;
    text-shadow:  #fff 2px 0px 1px, 
                  #fff -2px 0px 1px, 
                  #fff 0px 2px 1px, 
                  #fff 0px 0px 1px;
    
    color:#77143e;
    font-size: 18pt;
    text-decoration: none;

}      
      
.children
{ 
  background-image: url(images/children.png); 
  width: 434px; height: 328px; 
  background-repeat: no-repeat; }
.children .info
    {
    float: right;    
    margin-top: 20px;
    text-align: right;
    }
.children .info b
{
    font-size: 18px;
    color: #77143e;
     text-shadow:  #fff 2px 0px 1px, 
                  #fff -2px 0px 1px, 
                  #fff 0px 2px 1px, 
                  #fff 0px 0px 1px;

}
.center{ background-image: url(images/content_back.jpg);
         width: 100%; min-height: 500px;
         border: 9px solid #ffc600;
         border-radius: 20px 20px 20px 20px;         
         padding-left: 15px;
         padding-top: 14px;
         -moz-box-shadow: 0 0 50px rgba(0,0,0,0.8); /* ??? Firefox */
         -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8); /* ??? Safari ? Chrome */
         box-shadow: 0 0 50px rgba(0,0,0,0.8); /* ????????? ???? */    
       }
.center .left
{
    width: 272px;
    vertical-align: top;
    
      
        
}
.left .main_link
{
    width: 272px;
    min-height: 200px;  
    border: 5px solid #d5236e;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    margin-bottom: 10px;
}
.main_link .title 
{
    width: 267px;
    height: 53px;
    margin-top: 10px;
    margin-left: -10px;
    padding: 16px 16px 16px 16px;
    font-size: 17px;
    font-weight: bold;
    color:#57266e;
    background-image: url(images/main_title.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: center;
    
}
.main_link .title > a
{
				
				font-size: 17px;
    font-weight: bold;
    color:#57266e;
				text-decoration: none;
}
 .list_link {padding-left: 25px; padding-bottom: 20px; padding-right: 10px;}
.list_link li 
{
    list-style-image: url(images/li_style.png);
    padding-left: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #525252;
}

.list_link li a { color:rgb(51,51,204);}    
 
.left .question 
{
    width: 272px;
    min-height: 200px;  
    border: 5px solid #88bf45;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    margin-bottom: 10px;

}
.question .title
{
    width: 267px;
    height: 53px;
    margin-top: 10px;
    margin-left: -10px;
    padding: 16px 16px 16px 16px;
    font-size: 17px;
    font-weight: bold;
    color:#57266e;
    background-image: url(images/question_title.png);
    background-repeat: no-repeat;    
    
}
.question .title > a{
				font-size: 17px;
    font-weight: bold;
    color:#57266e;
				text-decoration: none;
				
}
.question .text
{
    width: 228px;
    color:#434343;
    padding-left: 26px;
    padding-right: 16px;
    padding-bottom: 70px;
}
.question .text a{color: #0073a5;}
.question .text .all_questions 
{     width: 88px;
      height: 30px;
      float: left;
      padding-top: 10px;
      text-align: center;
}
.question .text .ask_question 
{ 
  width: 129px;  
  height: 30px;
  float: right;
  color: #030303;
  padding-top: 10px;
  text-align: center;
  border: 5px solid #90de31;
  border-radius: 20px 20px 20px 20px;
  background-image: url(images/top_menu_btn.jpg);
  cursor: pointer;
}





.left .links
{
    width: 272px;
    min-height: 200px;  
    border: 5px solid #ffc600;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    margin-bottom: 10px;

}

.links .title
{
    width: 267px;
    height: 53px;
    margin-top: 10px;
    margin-left: -10px;
    padding: 16px 16px 16px 16px;
    font-size: 17px;
    font-weight: bold;
    color:#57266e;
    background-image: url(images/links_title.png);
    background-repeat: no-repeat;    
    
}


.center .right
{
    text-align: center;
    width: 100%;
    vertical-align: top;
    padding-right: 23px;
    padding-left: 20px

}
/*.right .top_menu { margin: 0 auto; height: 60px; }
.right .top_menu ul {margin:0 10% 0 10%;}
.right .top_menu li {   display: inline;}

.top_menu .butn_menu
{
    background-image: url(images/top_menu_btn.jpg);
    border: 5px solid #90de31;
    border-radius: 20px 20px 20px 20px;
    padding: 7px 7px 7px 7px;
    float: left;
    color: #d4226b;
    font-size: 15pt;
    margin-left: 10px;
    
} */
.right .gallery
{
    height: 630px;
    width: 100%;
    background-color: #fff;
    border: 5px solid #46cbed;
    border-radius: 20px 20px 20px 20px;
    margin-top: 50px;
}
.gallery .title
{   width: 267px;
    height: 53px;
    margin-top: 10px;
    margin-left: -10px;
    padding: 6px 6px 6px 1px;
    font-size: 17px;
    font-weight: bold;
    color:#57266e;
    background-image: url(images/gallery_title.png);
    background-repeat: no-repeat;    
 
}
.news_wrap
{
    width: 95%;
    min-height: 200px;
    margin-top: 20px;
    background-color: #fff;
    border: 5px solid #f481ff;
    border-radius: 20px 20px 20px 20px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 10px;

}
.news_wrap .title
{
    width: 267px;
    height: 53px;
    margin-top: 10px;
    margin-left: -30px;
    padding: 6px 6px 6px 16px;
    font-size: 17px;
    font-weight: bold;
    color:#57266e;
    background-image: url(images/news_title.png);
    background-repeat: no-repeat;
}
.news_wrap .news_date
{
    width: 105px;
    height: 27px;
    margin-top: 10px;
    background-color: #f17aff;
    color: #fff;
    font-weight: bold;
    border: 5px solid #f481ff;
    border-radius: 20px 20px 20px 20px;
    text-align: center;
    padding-top: 5px;
    margin-left: -35px;
}
.news_wrap .news_title
{
    margin-left: 20px;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f17aff;
}
.news_wrap .news_title a
{
    color:#343434;
    font-size: 12pt;

}
.baners{width: 200px; text-align: right; vertical-align: top;}
.baners img{margin-top: 20px;}
.center_wrap 
{
      width:100%;
      /*padding-right: 30px;   */
      padding-right: 33px;

}

.footer_banner_wrap{
    padding-top: 20px;
    background-image: url(images/footer_wrap.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.footer_wrap{ 
  padding-right: 20px;
  }
.footer
{
    width: 100%;
    height: 154px;
    margin-top: 30px;
    background-color: #fff;
    border-left: 9px solid #ffc600;
    border-top: 9px solid #ffc600;
    border-right: 9px solid #ffc600;
    border-radius: 20px 20px 20px ;
}
.footer .info
{
    width: 337px;
    padding-left: 30px;
    padding-top: 50px;
    color:#0073a5;
    font-size: 15px;
    float: left;

}
.footer  .right_part
{
    width: 464px;
    float: right;    
}
.right_bottom
{
    background-image: url(images/right_bottom.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.feadback
{
    
    width: 600px;    
    display: none;
    position: absolute;
    padding: 20px;
    top:800px;
    left: 30%;
    border: 5px solid #88bf45;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    padding: 0px 0px 50px 50px;

}
.feadback .close
{
  float: right;
  color: red;
  font-size: 15pt;
  padding-right: 10px;
  padding-top: 5px;
  text-decoration: none;
  cursor: pointer;
  
} 
.feadback table {margin-top: 50px; color:#434343;}
.feadback table input,textarea 
{ 
  
   
  color:#000;
  
  
}


.feadback_form_title{
    display: block;
    margin-bottom: 5px;
}
.feadback_form_requred_field{
    color: red;
}

.feadback_form_field{
    margin-bottom: 15px;
}
.feadback_form_field input
{
    width: 288px;
    max-width: 100%;
}

.feadback_form_field textarea
{
    width: 288px;
    height: 100px;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}


.feadback-form-errors{
    padding: 10px;
    width: 300px;
    max-width: 100%;
    border: 1px dotted red;
    margin-bottom: 8px;
}

.feadback-form-error{
    color: red;
    margin-bottom: 5px;
}

.form-feadback_success-msg{
    margin-bottom: 8px;
    border: 1px dotted green;
    padding: 10px;
    width: 300px;
    max-width: 100%;
}

h1 {
    margin: 10px 0;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
}