﻿/* 11.12.08 */
html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;

  //margin-bottom: 80px;
  _margin-bottom: 0px;
  min-width: 1000px;
  background: #fff;
}

img, div { behavior: url(iepngfix.htc) }

img  {
  border: 0px;
}


* html #content {
  height: 100%;
}

html, body, div, p, th, td, li, dd {
     font-family:  Arial, sans-serif;
     font-size: 13px;
}

.index-fix {
 min-height: 800px;
 //min-height: 750px;
 _min-height: 900px;

}


a {
  color: #119ae8;
}

a:hover {
  text-decoration: none;
  color: #e86c11;
}


a:active {
  color: #e86c11;
}


#content {
  position: relative;
  min-height: 100%;
  background: url('images/background.jpg') no-repeat;

  //padding-bottom: 80px;
  _padding-bottom: 0px;
}

#box {
  padding-bottom:50px;
}

     .head-container {
      width: 100%;
      margin: 0px;
      padding: 0px;
    }

    /* style for head in other page - width=80% */
        .head-container-other {
          width: 80%;

          float: left;
        }

        .container-icons-other-page {
          float: left;
			color:#E811CC;
          width: 20%;
          text-align: center;
        }



        .head-container h1{
            margin: 0px;
            padding: 0px;
            color: #383838;
            font-size: 18px;
            font-weight: normal;
            letter-spacing: normal;
        }

         .head-container h2{
            margin: 5px 0 0 0;
            padding: 0px;
            color: #383838;
            font-size: 14px;
            font-weight: normal;
            letter-spacing: normal;
        }


        .head-container ul{
            margin: 0px;
            padding: 30px 15px 0px 15px;

          }

        .head-container ul li{
            margin: 0px;
            padding: 0px;
            list-style: none;
            line-height: 20px;
        }


          /* class for menu in head for index page */
          .menu-one {
             float: left;
             width: 20%;
             color: #e811cc;
			 position:relative;
			 z-index:10;
          }

           .menu-one-other {
             width: 100%;
          }

            .links-container {
              margin: 0px 0px 0px 20px;
              display: block;
            }


          /* class for text pro kuswochek */
          .text-pro-kusochek {
             float: left;
             width: 59%;
          }
            .text {
              background: #f3f3f3;
              margin: 30px 0px 0px 0px;
              padding: 0px 0px 1px 0px;
            }

            .text-control {
              margin: 12px;
              display: block;
            }


            .text h1 {
              margin: 0px;
              padding: 0px;
              color: #222;
              font-size: 24px;
              display: block;
            }



          /* class for icont in head site */
          .iconki {
             float: left;
             width: 20%;
             text-align: center ;
				position:relative;
				z-index:10;
          }

                  .iconki-foto {
                    margin-top: 36px;
                    padding: 0px;
                  }

                  .span-icon {
                    display: block;
                    margin: 3px 0px 15px 0px;
                  }

        /*  class for logo in other page */
           .logo-other {
             float: left;
             width: 40%;
           }

           .logo-other img{
				border: 0px;
			}


 .haus {
    background: url('images/opacity.png') no-repeat;
    width: 940px;
    height: 582px;
    position: absolute;
    top: 160px;
    left: 5%;
	z-index: 0;
 }

.load { 	background: url(images/loading_.gif) center no-repeat;
		    width: 940px;
		    height: 582px;
	  }

.load-haus { 	background: url(images/loading_.gif) center no-repeat;
		    width: 500px;
		    height: 300px;
	  }

  .logo {
   background: url('images/eclipse_logo.png') no-repeat;
   width: 239px;
   height: 73px;
   position: absolute;
   top: 49%;
   left: 2%;
 }

 .content-other-page {
   clear: both;
   margin: 150px 0px 0px 0px; /* mozilla */
   /margin: 150px 0px 0px 0px; /* ie 7 */
   _margin: 50px 0px 0px 0px; /* ie 6*/

   line-height: 1.4em;
 }
		.type-n
		{
			border-bottom: 1px #e811cc dotted;
			cursor:help;

			}

				.type-n span
				{
					display:none;

					}
					
				.type-n:hover span
				{
                          display: block;				
                          position: absolute;
                          
                          white-space:nowrap;
		                 /* top: 200px;
                          left: 80px;*/
                          background:#ededed;
						  border: 1px #c8c8c8 solid;
                          color:#000;
                          padding:1px 5px;
						  margin: 2px 0 0 0;
                          z-index:10;
					}
					
		
		 .content-other-page table{
			 width: 100%;
			 }


             .table-style {
                    border: 1px #d3d3d3 solid;

             }


				 .content-other-page td{
				 padding:0.18em 1.2em 0.7em 10px;
					 }
						
						.month {
						border-bottom:1px solid #9D9D9D;
						}

						


.contacts-page {
	padding-left: 31px;
	}

.map {
   float: left; margin: 100px 0 0 0; width: 55%; text-align: center;
}


 .corpus-choise {
   margin: 0px 0px 0px 20%;
   display:block;
 }


 .corpus-choise-navi {
   margin: 5px 0px 0px 42px;
 }

 .c-one {
   float: left;
   width: 49%;
   padding: 20px 0px 0px 0px;
 }

        .c-one h1 {
          font-family: Verdana, sans-serif;
          font-size: 24px;
          font-weight: normal;
        }

        .name-campus {
          display: block;
          position: relative;
          top: -45px;
          left: 45px;
        }

        .name-capmus-campus {
        font-size: 13px;
          display: block;
          position: relative;
          top: -75px;
          left: 255px;
          _left: 227px;
        }

        .p-text {
          margin: -50px 0px 0px 15%;
          line-height: 1.4em;
        }


 .c-two {
   float: left;
   width: 49%;
   padding: 20px 0px 0px 0px;
 }

        .c-two h1 {
          font-family: Verdana, sans-serif;
          font-size: 24px;
          font-weight: normal;
        }

        .name-campus-two {
          display: block;
          position: relative;
          top: 260px;
          left: 155px;
        }
			
			
         .name-capmus-two-campus {
          font-size: 13px;
          display: block;
          position: relative;
          width: 60px;
          top: 230px;
          left: 365px;
          _left: 338px;
         }


 .gallery {
   display: block;
   padding: 42px 0px 81px 30px;
   clear: both;
       position: relative;
         z-index: 100;
  }

 .gallery img {
   border: 16px #f8f8f8 solid;
   margin: 15px 15px 0px 0px;
 }

 
 .order {padding: 15px 0px 0px 25px;
         position: relative;
         z-index: 99;
 }

 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.name-form
{
 color: #9e9e9e; font-size: 10px;
}

.tel-form
{
 color: #9e9e9e; font-size: 10px;
}


.mail-form
{
 color: #9e9e9e; font-size: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~tools ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.tools {
display: inline-block;
  height: 21px;
   width: 36px;
  background: url('images/tools.png') 0 0 no-repeat;
}

.tools-gl {
display: inline-block;
  height: 21px;
   width: 36px;
  background: url('images/tools.png') -40px 0 no-repeat;
  margin: 0 0 0 15px;
}


.tools-ch {
display: inline-block;
  height: 21px;
   width: 36px;
  background: url('images/tools.png') -80px 0 no-repeat;
    margin: 0 0 0 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
  position: relative;
  height: 70px;
  margin-top: -70px;
  line-height: 1.4em;
  display: block;

}

.sadesign-copyright {
  float: left;
  width: 33%;
}

.img-copyright {
margin-left: 13px;
margin-top: 27px;
}


.telefons {
  float: left;
  width: 33%;
  margin: 0px;
 padding-top: 27px ;
}

.fis-adress {
  float: left;
  width: 33%;
  margin: 0px;
 padding-top: 27px;
}





.test-icons {
	background: url('images/icons.gif') no-repeat;
	width: 163px;
	height: 84px;
	margin: 0px auto;
	}

	.test-icons-zakaz {
	background: url('images/icons.gif') no-repeat;
	width: 163px;
	height: 84px;
	margin: 0px auto;
	background-position: 0 -95px;
	}

    .test-icons-cont {
	background: url('images/icons.gif') no-repeat;
	width: 163px;
	height: 115px;
	margin: 0px auto;
	background-position: 0px -190px;
	}


.preload_one {
	display:none;
	background: url('images/campus_one_op.png') no-repeat;
	}

.preload_two {
	display:none;
	background: url('images/campus_two_op.png') no-repeat;
	}	
	
.gray {
	color: #666; 
	}	
