/**
 * Nucleo (X)HTML/CSS Framework
 *
 * @copyright       Copyright (c) 2008, Sergey Gogolev
 * @link            http://softprojects.ru/
 * @license         CC-A 3.0 (http://creativecommons.org/licenses/by/3.0/)
 * @version         0.1.4
 */

 /**
  * @section buttons
  */

  .button, .button:visited, .button:hover {
    display: block; width: 177px; height: 31px;
    cursor: pointer;
    line-height: 2.1em; font-size: 1.1em; font-weight: bold; font-family: 'Trebuchet MS', Tahoma;
    text-decoration: none; text-transform: uppercase; color: white; text-align: center;
    background: url(../images/button.gif) top left no-repeat;}

 /**
  * @section backgrounds
  */

  .bg-none {
    background: none !important;}


/**
 * @section links
 */
  a {
    color: #3772d2;}
    
  a:visited {
    color: #3772d2;}

  a:hover, a:active {
    color: #818491;}

  .hovered {
    color: #818491 !important;}

  .link-type-one {
    padding: 0 0 0 11px;
    background: url(../images/link-type-one.gif) no-repeat 0 7px;}



 .block1- {
    position: relative; float: left; padding: 5px;
    border: 1px #cecfd1 solid; height: 43px;}

  .block1-- {
    position: relative; display: block; padding: 15px 13px; height: 1%;
    border: 1px #cecfd1 solid;
    }

    .block-tl, .block-tr, .block-bl, .block-br {
      position: absolute; width: 7px; height: 8px;}

  .block-tl1 {
    top: -1px; left: -1px;
    }

  .block-tr1 {
    top: -1px; right: -2px;
   }



  .block-bl1 {
    bottom: -2px; left: -1px;
    }

  .block-br1 {
    bottom: -2px; right: -2px;
    }




/*
 *  @section Rounded blocks
 */
  .block- {
    position: relative; float: left; padding: 5px;
    border: 1px #cecfd1 solid; height: 43px;}

  .block-- {
    position: relative; display: block; padding: 15px 13px; height: 1%;
    border: 1px #cecfd1 solid;
    background: url(../images/block.gif) top left repeat-x;}

    .block-tl, .block-tr, .block-bl, .block-br {
      position: absolute; width: 7px; height: 8px;}

  .block-tl {
    top: -1px; left: -1px;
    background: url(../images/block-top-left.gif) top left no-repeat;}

  .block-tr {
    top: -1px; right: -2px;
    background: url(../images/block-top-right.gif) top right no-repeat;}




  .block-bl {
    bottom: -2px; left: -1px;
    background: url(../images/block-bottom-left.gif) bottom left no-repeat;}

  .block-br {
    bottom: -2px; right: -2px;
    background: url(../images/block-bottom-right.gif) bottom right no-repeat;}

  .block2 {
    position: relative; display: block; height: 1%;
    background: #e9eff7;}

    .block2-tl, .block2-tr, .block2-bl, .block2-br {
      position: relative; height: 1%;}

  .block2-tl {
    background: url(../images/block2-top-left.gif) top left no-repeat;}

  .block2-tr {
    background: url(../images/block2-top-right.gif) top right no-repeat;}

  .block2-bl {
    background: url(../images/block2-bottom-left.gif) bottom left no-repeat;}

  .block2-br {
    padding: 15px 13px 20px;
    background: url(../images/block2-bottom-right.gif) bottom right no-repeat;}


/**
 * @section headers
 */

  .h-black, .h-blue {
    padding-bottom: 16px;
    font-size: 1.6em; font-weight: bold; font-family: 'Trebuchet MS', Tahoma;
    text-transform: uppercase;}

    .h-blue {
      color: #3772d2;}

    .h-black {
      color: black;}


/**
 * @section header
 */
    .header-logo, .header-phone {
      position: absolute;}

    .header-logo {
      top: 15px; left: 33px;}

    .header-phone {
      top: 27px; right: 46px;}


  /**
   * @subsection header menu
   */
    .header table {
      width: 100%;}

    .header-menu-left, .header-menu-left div {
      width: 300px;}

    .header-menu-right, .header-menu-right div {
      width: 220px;}

    .header-menu {
      padding-top: 40px; padding-bottom: 10px;}

      .header-menu a, .header-menu a:visited {
        float: left; padding: 9px 19px 7px 18px;
        font-size: 1.3em; font-family: 'Trebuchet MS', Tahoma;
        text-decoration: none; background: url(../images/line-vertical-dotted.gif) top left repeat-y;}


/**
 * @section visual
 */

  .visual-repeat {
    position: relative;
    background: url(../images/visual-repeat.jpg) top left repeat-x;}

      .visual-repeat-clouds {
        position: relative;
        background: url(../images/visual-repeat-clouds.jpg) repeat-x 958px 100%;}

        .visual {
          position: relative;  height: 176px;
          background: url(../images/visual.jpg) top left no-repeat;}

        /**
         * @subsection authorization form
         */
          .auth-form {
            position: absolute; width: 222px; height: 144px; right: 0; top: 13px;
            background: url(../images/authorization-form.gif) top right no-repeat;}

            .auth-form-in {
              padding: 14px 45px 0 14px;}

            .auth-form-in .toggle-inputs {
              margin-bottom: 8px; padding: 2px 4px 1px; display: block; width: 153px;
              border: 1px solid #bcbdc0;
              font-size: 1.2em; color: #bcbdc0;  font-family: 'Trebuchet MS', Tahoma;}

            .auth-form-remember {
              padding-left: 20px; padding-bottom: 5px; line-height: 1.4em;}

              .auth-form-remember a {
                position: relative; top: -2px;}

            .auth-form-in a, .auth-form-in a:visited {
              font-size: 1.2em; font-family: 'Trebuchet MS', Tahoma;}


/**
 * @section menu
 */

  .menu-bg {
    position: relative;
    background: #4071c2 url(../images/menu-bg.gif) top left repeat-x;}

      .menu-bg-left {
        position: relative;
        background: url(../images/menu-bg-left.gif) top left no-repeat;}

        .menu-bg-right {
          position: relative;
          background: url(../images/menu-bg-right.gif) top right no-repeat;}

          .menu-bg-right-mail {
            position: absolute; top: -9px; right: 186px; width: 32px; height: 9px;
            background: url(../images/menu-bg-right-mail.gif) top right no-repeat;}


  .menu-bg table {
    width: 100%;}

    .menu-left, .menu-left div {
      width: 15px;}

    .menu-right, .menu-right div {
      width: 255px;}

        .menu-right div {
          padding-top: 9px;}

        .menu-right a, .menu-right a:visited {
          display: block; margin-left: 90px;
          color: #00ffff; font-size: 1.2em; font-family: 'Trebuchet MS', Tahoma;}

        .menu-right a:hover {
          color: white;}

    .menu-item {
      background: url(../images/menu-delimiter.gif) left center no-repeat;}

    .menu-item a, .menu-item a:visited{
      display: block; padding: 8px 10px 12px 10px;
      color: white; font-size: 1.5em; font-family: 'Trebuchet MS', Tahoma;}

      .menu-item a:hover {
        color: #00ffff;}


/**
 * @section footer
 */
  .footer-in {
    border-top: #e9eff7 solid 7px;}

  /* Partner link */
    .footer-parnters {
      position: absolute; top: 24px; left: 36px;
      font-size: 1.2em; color: #818491;}

      .footer-parnters a, .footer-parnters a:visited {
        padding: 0 0 4px 15px;
        background: url(../images/icons-lock.gif) no-repeat 0 2px;}

        .footer-parnters a:hover {
          background: url(../images/icons-lock-hover.gif) no-repeat 0 2px;}

  /* Copyright */
    .footer-copyright {
      position: absolute; top: 24px; left: 262px;
      font-size: 1.2em; color: #818491;}

  /* Phone */
    .footer-phone {
      position:absolute; top: 24px; left: 517px;
      font-size: 1.2em; color: #818491;}

      .footer-phone b {
        position: relative; top: 0px;
        font-size: 1.4em; line-height: .8em; font-weight: normal; color: #3772d2;}

  /* Contacts */
    .footer-contacts {
      position: absolute; top: 24px; left: 600px;
      font-size: 1.2em; color: #818491; line-height: 1.3em;}

  /* Counters */
    .counters {
      position: absolute; top: 23px; right: 30px; width: 225px;}

      .counter {
        float: right; margin: 0 0 7px 7px;}


/**
 * @section main
 */

  .center-in {
    padding-top: 22px; padding-bottom: 22px;}

  .left-in {
    padding: 22px 40px 22px 30px;}

  .right-in {
    padding: 22px 30px 22px 52px;}


/**
 * @section advantages
 */

  .advantages {
    padding: 24px 0;
    border-top: 3px solid #bcbdc0;}

    .advantages-block {
      border-bottom: 1px solid #bcbdc0;}

      .advantages-block table {
        width: 100%;
        border-bottom: 6px solid #e9eff7;}

          .advantages-block table td {
             background: url(../images/line-vertical-dotted.gif) top left repeat-y;}

             .advantages-number {
              padding: 0 0 5px; width: 30px; text-align: center;
              color: #3772d2; font-weight: bold; font-size: 1.3em; font-family: 'Trebuchet MS', Tahoma;
              float: left; border-left: 2px solid #3772d2;}

             .advantages-block .bg-none {
              width: 30%;
              color: #818491; font-size: 1.2em; padding: 0 8px 25px 0;
			  padding: 0 25px}

/**
 * @section partners
 */
    /*.partners-block {
      width: 100%;}*/
    .partners-block .block- {
      text-align: center; width: 130px; margin-right: 10px; margin-bottom: 10px;}


/*
 *  @section Courses
 */

  .courses {
    padding-bottom: 17px; margin-bottom: 17px; border-bottom: 1px solid #b4b5ba;}

    .courses h4 {
      padding:  0 0 4px 20px; height: 1%;
      font-size: 1.2em; color: #818491;
      background: url(../images/icons-clock.gif) no-repeat 0 1px;}

    .courses p {
      padding: 6px 0 10px;
      font-weight: bold; color: #333; font-size: 1.2em;}

    .more-courses, .more-courses:visited {
      display: block; padding:  0 0 4px 20px; margin-top: 10px;
      font-size: 1.2em; background: url(../images/icons-date.gif) no-repeat 0 0;}

      .more-courses:hover {
        background: url(../images/icons-date-hover.gif) no-repeat 0 0;}

/*
 *  @section News
 */
  .news {padding-bottom: 17px; margin-bottom: 17px; border-bottom: 1px solid #b4b5ba;}
    .news h4 {
      padding:  0 0 4px 20px; height: 1%;
      font-size: 1.2em; color: #818491;
      background: url(../images/icons-list.gif) no-repeat 0 2px;}

    .news p {
      padding: 4px 0 12px;
      color: #333; font-size: 1.2em;}

    .more-news, .more-news:visited {
      display: block; padding:  0 0 4px 18px;
      font-size: 1.2em; background: url(../images/icons-arrow.gif) no-repeat 0 5px;}

      .more-news:hover {
        background: url(../images/icons-arrow-hover.gif) no-repeat 0 5px;}


/*
 *  @section Articles
 */

    .articles h4 {
      padding:  0 0 4px 20px; height: 1%;
      font-size: 1.2em; color: #818491;
      background: url(../images/icons-list.gif) no-repeat 0 2px;}

    .articles p {
      padding: 4px 0 2px;
      color: #333; font-size: 1.2em;}

    .more-articles, .more-articles:visited {
      display: block; padding:  0 0 4px 18px;
      font-size: 1.2em; background: url(../images/icons-arrow.gif) no-repeat 0 5px;}

      .more-articles:hover {
        background: url(../images/icons-arrow-hover.gif) no-repeat 0 5px;}


/*
 *  @section Expirience
 */
  .expirience {
    margin-top: 15px;
    width: 165px; padding: 10px 10px 15px; height:70px}

  .expirience table{
    width: 100%;}

    .expirience table td{
      padding-top: 5px;
      background: url(../images/line-horisontal-dotted.gif) bottom left repeat-x;}

      .expa-left p, .expa-right p{
        position: relative; top: 2px;
        background: white; font-size: 1.3em; line-height: 1.2em; font-family: 'Trebuchet MS', Tahoma;}

        .expa-left p{
          float: left; color: #333;}

        .expa-right p {
          float: right; color: #3772d2; font-weight: bold;}

        .expa-right-last p{
          top: 17px;}
		  
		  
		    .expirience1 {
    margin-top: 15px;
    width: 165px; padding: 10px 10px 15px; height:120px}
	
	 .expirience1 table{
    width: 100%;}
	
		  .expa-left1 p, .expa-right1 p{
        position: relative; top: 2px;
        background: white; font-size: 14px;  font-family: 'Trebuchet MS', Tahoma;}

        .expa-left1 p{
          float: left; color: #333; font-size: 14px; 	}

        .expa-righ1t p {
          float: right; color: #3772d2; font-weight: bold;}

        .expa-right-last1 p{
          top: 17px;}


/*
 *  @section Teachers
 */

  .teachers-block {
    margin-bottom: 15px;}

  .teachers {
    text-align: center;}

    .teachers-block {
      position: relative; height: 1%;}

      .teachers-shadow {
        position: absolute; bottom: -1px; width: 100%; height: 16px;
        background: url(../images/teachers-shadow.gif) bottom left no-repeat;}

    .teachers h4 {
      padding: 10px 0 10px;
      text-align: center;
      font-size: 1.3em; font-weight: bold; font-family: 'Trebuchet MS', Tahoma;}

    .teachers p {
      padding-bottom: 10px;
      font-size: 1.2em; color: #333;}

/*
 *  @section Feedback
 */

  .feedback p{
    font-size: 1.2em;}

  .feedback i{
    display: block; padding-top: 5px;
    font-size: 1.2em; text-align: right;}


/**
 * @section Iconing links
 */
  .a, .a:visited {
    float: left; padding: 0 0 4px 16px;
    background-repeat: no-repeat; background-position: left center;}

    .print {
      float: right !important;
      background-image: url(../images/link-print.gif);}

    .totop {
      background-image: url(../images/link-top.gif);}

/*
 *  @section Bread-crumbs
 */
  .bread-crumbs .block2-br {
    padding: 7px 55px 8px; color: #8b99b0;}

  .bread-crumbs {
    font-size: 1.1em; background: #e9eff7 url(../images/icons-home.gif) no-repeat 35px 9px;}

  .bread-crumbs a, .bread-crumbs a:visited {
    color: #8b99b0;}

    .bread-crumbs a:hover {
      color: #8b99b0;}

/*
 *  @section Tabs
 */

  .tabs {
    position: relative; height: 1%;
    border-top: 3px solid #bcbdc0;}

    .tabs a, .tabs a:visited {
      float: left; padding: 9px 19px 7px 18px;
        font-size: 1.3em; font-family: 'Trebuchet MS', Tahoma;
        background: url(../images/line-vertical-dotted.gif) top left repeat-y;}

    .tabs a.inactive, .tabs a.inactive:visited {
      color: #999;}

  .bottom-links {
    padding: 10px; text-align: center; font-size: 1.1em;
    background: url(../images/line-horisontal-dotted.gif) top left repeat-x;}
/**
 * @section Partners
 */
        .partners-block .block- {
            text-align: center; width: 130px; margin-right: 10px; margin-bottom: 10px;}
            
  a.red_vid:link {
    color: #FF4900;}
    
  a.red_vid:visited {
    color: #FF4900;}
    
  a.red_vid:active {
    color: #FF4900;}