@charset "utf-8";
/* CSS Document */
body{   
	background-image:url("..//img/fon1.jpg");
        background-attachment:fixed;
        background-position:50% 30%;
         margin:20px;
         pading:20px;}


      h1{text-align:center;color:purple;margin:10px;pading:10px;font-size:x-large;line-height:8px;}
     P{text-align:justify;color:blue;font-size:large;margin:4%;pading:2%;}
     p.vstoronu{text-align:left;margin:10px 10px 10px 10px;font-size:large;}
      h2{text-align:center;color:red;font-size:xx-large;}
      h3{text-aling:center;color:red;font-size:x-large;}
 
div{border:solid 1px #ADD8E6 ;}
 #page{ /* страница (контейнер)*/ 

                   width:1208px;
                   height:1700px;
                  margin-left:auto;
                  margin-right:auto;background:#ADD8E6;


                /*для резиновой схемы*/}
#header
{/*заголовок*/
                   height:300px;width:1208px;
                   overflow:hidden;z-index:0;}

           #header1 { height:130px;width:400px;position:relative;top:-305px;left:400px;
                      ;border:none;}

#pane
{/*панел левая*/
                    height:272px;
                    width:220px;
                    float:left;
                    overflow:auto;}
                                                       
               #content
{/*основное содержимое*/
                    height:272px;
                    width:727px;
                    float:left;
                    overflow:auto;}
																									
#pane2
{/*панель правая*/  height:272px;
                    width:253px;
                    float:right;
                    overflow:auto;opacity:1;}
					
    #slaid         {position:relative;
	                     top:28px; width: 250px;height:200px;}
						
	@keyframes 'one-image' {  0%{opacity:1;}
		                      50%{opacity: 1; }
						      100%{opacity: 0; }
	                    }
									
	@keyframes 'two-image'{  0%{opacity:0;}
		                     50%{opacity: 1;}
						    100%{opacity: 0;}
	                    }
					
	@keyframes 'three-image'	{  0%{opacity:0;}
		                          50%{opacity: 0; }
						          100%{opacity: 1; }
	                    }
 .img1,.img2,.img3{position:absolute;
	               opacity:0;
				   width:250px;
				   height:200px;}					
	.img1{          animation: one-image 20s  ease  infinite alternate 0s;}	
	.img2{          animation: two-image 20s  ease  infinite alternate 20s;}
	.img3{          animation: three-image 20s  ease  infinite alternate 40s;}																																																
#nerka
 {/*1 часть подвала*/
                    height:240px;width:600px;float:left;overflow:hidden;}

     #nerka1{       height:135px;width:175px;float:left;
                    position:relative;top:15px;left:20px;margin:5px;pading:5px;
                    overflow:hidden;}

    #nerka05{       height:70px;width:185px;float:left;margin:10px;pading:10px;
                    border-color: #ADD8E6;font-weight: bold;
                    position:relative;top:5px;right:-15px;}

    #nerkatxt{      height:282px;width:370px;float:right;margin:2px;pading:2px;border-color:#ADD8E6;
                    position:relative;top:10px;right:10px;}                

#gorbusha
 {/*2 часть подвала*/ height:240px;width:600px;float:right;}

    #gorbusha1{     height:135px;width:175px;float:left;
                    position:relative;top:10px;left:20px;
                    overflow:hidden;margin:5px;pading:5px;}

    #gorbusha2{     height:70px;width:175px;float:left;
                    border-color:;font-weight:bold;
                    position:relative;top:10px;left:30px;}

    #gorbushatxt{   height:220px;width:370px;float:right;margin:2px;pading:2px;border-color:;
                    position:relative;top:10px;left:-10px;}
#kizhuch
  {/*3часть подвала*/height:240px;width:600px;float:left;}

       #kizhuch1{   height:135px;width:175px;float:left;
                    position:relative; top: 14px; left:20px;
                    overflow:hidden;}

       #kizhuch2{   height:70px;width:180px;float:left;
                    border-color:;font-weight:bold;
                    position:relative;top:20px;left:20px;}

       #kizhuchtxt{ height:222px;width:380px;float:right;border-color:;margin:2px;pading:2px;
                    position:relative;top:10px;right:5px;}
#keta
  {/*4 часть подвала*/ height:240px;width:600px;float:right;}

       #keta1{      height:135px;width:175px;float:left;
                    position:relative; top:14px; left:20px;
                    overflow:hidden;}
       #keta2{      height:68px;width:165px;float:left;
                    border-color:;font-weight:bold;
                    position:relative;top:20px; left:25px;}

       #ketatxt{    height:225px; width:380px;float:right;margin:2px;pading:2px;border-color:;
                    position:relative;top:10px;left:-10px;}

#forel{/*Форель*/ height:240px;width:600px;float:left;overflow:hidden;}

        #forel1{   height:135px;width:175px;float:left;
                   position:relative; top:14px;left:10px;
                   overflow:hidden;}
        #foreltxt{ height:280px;width:380px;float:right;margin:1px;pading:1px;border-color:;
                   position:relative;top:10px;left:-10px;overflow:auto;}
		#forel2   { height:70px;width:172px;float:left;
		           border-color:;font-weight:bold;
				   position:relative;top:25px;left:25px;}

#chavicha{/*6 чавыча*/ height:240px;width:600px;float:right;overflow:hidden;}

       #chavicha1{ height:135;width:172;float:left;
                   position:relative;top:14px;left:14px;
                   overflow:hidden;  }
     #chavichatxt{ height:240px;width:395px;float:right;margin:0px;pading:0px;border-color:;
                   position:relative;top:10px;left:-4px;}

     #btn{         width:170px;height:35px;background:#ADD8E6;
	               font-size:6px;margin-left:20px;
				   margin-right:20px;margin-top:6px;border:solid 2px blue;}
				   
#podval{           height:396px;width:600px;position:relative;top:
                   0px;left:0px;float:left;}

/*Контейнер с фоном и текстом*/
#formotpr {
    width: 450px;
    height: 300px;
    margin: 20px 70px;
    padding: 5px 0;
    background: violet;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    text-align: center;
	float:left;
}


.main h3 {
    font-size: 27px;
    color: #fff;
}

.main p {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}

/* Стили формы */
#application {
               width: 475px;
               margin: 0 auto;
}

/*Стили полей для ввода*/
#applicationName, #applicationEmail, #applicationTelephone {
    width: 60%;
    height: 40px;
    background: none;
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    color: blue;
    font-size: 24px;
}

/*Стили полей при клике по ним*/
#applicationName:focus, #applicationEmail:focus, #applicationTelephone:focus {
    border: 1px solid #30ad64;
}

/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholder {
    color: #efefef;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::-moz-placeholder  {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 19+ */

:-moz-placeholder {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 18- */

:-ms-input-placeholder {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::placeholder {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

/*Стили для кнопки*/
.applicationButton {
    margin-top: 25px;
    background: #30ad64;
    border: none;
    width: 50%;
    height: 43px;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    cursor: pointer;
/*    transition: .6s;*/
}
    .applicationButton:hover {
        background: #d68c18; 
        /*    transition: .6s;*/
    }
        
#formkontakt {width: 400px;
    height: 280px;
    margin: 20px 70px;
    padding: 5px 0;
    background: violet;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    text-align: center;
float:left;}


#podvalnovosti{   height:390px;width:600px;
                  border:2px solid #ADD8E6;
                  color:white;
                  position:relative;
                  bottom:0px;left:0px;float:right;}
				  
#btnnov{          width:350px;height:35px;
                  background:#ADD8E6;
	          font-size:6pt;margin-left:auto;
                  margin-right: auto;margin-top:4px;
                  border:2px solid #ADD8E6;}