@import url(reset.css);

body {
    background-color: #a29f87;
    background-image: url(../images/body-bg.jpg);
    background-repeat: no-repeat;
}

#wrapper {
    width: 1000px;
    height: 1054px;
    outline: 0px solid #cc0000;
    margin: 0 auto;
}



/*БЛОК logo*/

#logo {
    display: block;
    width: 1000px;
    height: 106px;
    outline: 0px solid #cc0000;
    text-decoration: none;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
}

#logo span {
    color: #816C54;
    font: 20px Arial;
    padding-left: 425px;
    margin-top: 52px;
}


/*Конец БЛОКА logo*/


/*БЛОК nav*/

#nav {
    width: 1000px;
    height: 87px;
    outline: 0px solid #cccccc;
    background-image: url(../images/backgr_top.jpg);
}

#nav li {
    float: left;
    outline: 0px solid #0000cc;
    height: 87px;
    padding-left: 57px;
    margin-right: 10px;
    text-align: center;
}

#nav li a {
    outline: 0px solid #00cc00;
    display: block;
    height: 57px;
    padding-top: 30px;
    font: 23px Arial;
    color: #000000;
    text-decoration: none;
}

#nav li a.active, #nav li a:hover {
    color: #e5ae25;
}


/*Конец БЛОКА nav*/


/*БЛОК photos*/

#photos { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#photos div {
    float: left;
    width: 310px;
    height: 384px;
    outline: 1px solid #cccccc;
    background-repeat: no-repeat;
}


#cucumber, #tomato {
    margin-right: 10px;
}

#cucumber {
   background-image: url(../images/cucumber.jpg); 
}

#tomato {
    background-image: url(../images/tomat2.jpg); 
}

#pepper {
    background-image: url(../images/pepper3.jpg); 
}


/*Конец БЛОКА photos*/


/*Начало БЛОКА colour*/

#colour {
    height: 186px;
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour div {
    float: left;
    width: 310px;
    height: 186px;
    outline: 0px solid #cccccc;
}

#colour div h3 {
    height: 43px;
    padding: 18px 0 0 29px;
    outline: 0px solid #000000;
    color: #fff;
    font: 36px Arial;
}

#colour div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #fff;
    font: 16px Arial;
}

#colour div p a {
   margin-top: 50px;
   margin-left: 223px;
   outline: 0px solid #cc0000;
   color: #fff;
   font: 24px Arial;
   text-decoration: none;
}

#cucumber_text, #tomato_text {
    margin-right: 10px;
}

#cucumber_text {
   background-image: url(../images/cucumber_yellow.png); 
}

#tomato_text {
    background-image: url(../images/tomato_green.png); 
}

#pepper_text {
    background-image: url(../images/pepper_green_yel.png); 
}

/*Конец БЛОКА colour*/



/*Начало БЛОКА content*/


#content { 
    height: 328px;
    outline: 0px solid #000000;
    padding: 36px 24px 36px 24px;
    background-image: url(../images/backgr_mid.jpg);
}


#contentR {
    height: 20px;
    outline: 0px solid #cc0000;
    background-image: url(../images/backgr_bot.jpg);
}

#content_main {
    width: 631px;
    outline: 0px solid #00cc00;
    float: left;
}

#content_main h2 {
    font: 38px Arial;
    color: #503618;
}


#content_main2 h3 {
    font: bold 14px Arial;
    color: #e5ae25;
    padding-top: 25px;
    padding-left: 285px;
}

#content_main2 {
    height: 262px;
    outline: 0px solid #000000;
    background-image: url(../images/greenhouse.jpg);
    background-repeat: no-repeat;
}

#content_main2 p {
     font: 14px Arial;
     color: #a29f87;
     outline: 0px solid #000000;
     padding-left: 285px;
     margin-top: 19px;
}


#content_main2 p a {
   margin-top: 55px;
   outline: 0px solid #cc0000;
   color: #503618;
   font: 24px Arial;
   text-decoration: none;
}

#content_other {
    width: 310px;
    outline: 0px solid #00cc00;
    float: left;
    background-color: #f8f7ef;
}

#content_other h2 {
    font: 38px Arial;
    color: #503618;
    padding-top: 27px;
    padding-left: 29px;
}

#content_main3 h3 {
    font: 28px Arial;
    color: #816c54;
    padding-top: 18px;
    padding-left: 29px;
}

#content_main3 p {
     font: 14px Arial;
     color: #878364;
     outline: 0px solid #000000;
     margin-top: 17px;
     padding-left: 29px;
}


#content_main3 p a {
    margin-top: 50px;
    outline: 0px solid #cc0000;
    color: #503618;
    font: 24px Arial;
    text-decoration: none;
}

#content_main {
    margin-right: 10px;
}

/*Конец БЛОКА content*/



/*Начало БЛОКА footer*/

#footer {
    height: 60px;
    width: 1000px;
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    outline: 0px solid #00cc00;
    margin-top: 27px;
    color: #816c54;
}

#footer p {
    padding-left: 25px;
    padding-top: 22px;
    font: 13px Arial;
}

#footer a {
    text-decoration: none;
    color: #816c54;
}


#footer p span {
    padding-left: 270px;
    font: 20px Arial;
}


/*Конец БЛОКА footer*/



/*Страница tomato*/


#photos_tomato { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/tomat_pic_up.jpg);
    background-repeat: no-repeat;
}

#colour_tomato {
    height: 328px;
    outline: 0px solid #cc0000;
    padding: 28px 24px 44px 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour_tomato div {
    float: left;
    width: 310px;
    height: 328px;
    outline: 0px solid #cccccc;
    background-color: #e7e7e7;
}

#colour_tomato div h3 {
    height: 43px;
    padding: 18px 0 0 29px;
    outline: 0px solid #000000;
    color: #000000;
    font: 36px Arial;
}

#colour_tomato div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #000000;
    font: 15px Arial;
}

#colour_tomato p {
    outline: 0px solid #cc0000;
    padding-top: 10px;
}

#colour_tomato h2 span {
    font-weight: bold;
}

#colour_tomato a {
    text-decoration: none;
    color: #000;
    font: 20px Arial;
}

#tomato_text_1 p {
    font: 12px Arial;
}
     
#colour_tomato_up {
    height: 186px;
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour_tomato_up div {
    float: left;
    width: 310px;
    height: 186px;
    outline: 0px solid #cccccc;
}

#colour_tomato_up div h3 {
    height: 43px;
    padding: 53px 0 0 49px;
    outline: 0px solid #000000;
    color: #000000;
    font: 36px Arial;
}

#colour_tomato_up div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #fff;
    font: 16px Arial;
}

#colour_tomato_up_1, #colour_tomato_up_2 {
    margin-right: 10px;
}

#colour_tomato_up_1 {
   background-image: url(../images/cucumber_yellow.png); 
}

#colour_tomato_up_2 {
    background-image: url(../images/tomato_green.png); 
}

#colour_tomato_up_3 {
    background-image: url(../images/pepper_green_yel.png); 
}


/*Конец страницы tomato*/



/*Страница cucumber*/

#photos_cucumber { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/cucumber_pic_up.jpg);
    background-repeat: no-repeat;
}

#colour_cucumber {
    height: 328px;
    outline: 0px solid #cc0000;
    padding: 28px 24px 44px 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour_cucumber div {
    float: left;
    width: 310px;
    height: 328px;
    outline: 0px solid #cccccc;
    background-color: #e7e7e7;
}

#colour_cucumber div h3 {
    height: 43px;
    padding: 18px 0 0 29px;
    outline: 0px solid #000000;
    color: #000000;
    font: 36px Arial;
}

#colour_cucumber div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #000000;
    font: 15px Arial;
}

#colour_cucumber p {
    outline: 0px solid #cc0000;
    padding-top: 10px;
}

#colour_cucumber h2 span {
    font-weight: bold;
}

#colour_cucumber a {
    text-decoration: none;
    color: #000;
    font: 20px Arial;
}

#cucumber_text_1, #cucumber_text_2 {
    margin-right: 10px;
}
    
#colour_cucumber_up {
    height: 186px;
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour_cucumber_up div {
    float: left;
    width: 310px;
    height: 186px;
    outline: 0px solid #cccccc;
}

#colour_cucumber_up div h3 {
    height: 43px;
    padding: 53px 0 0 49px;
    outline: 0px solid #000000;
    color: #000000;
    font: 36px Arial;
}

#colour_cucumber_up div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #fff;
    font: 16px Arial;
}



#colour_cucumber_up_1, #colour_cucumber_up_2 {
    margin-right: 10px;
}

#colour_cucumber_up_1 {
   background-image: url(../images/cucumber_yellow.png); 
}

#colour_cucumber_up_2 {
    background-image: url(../images/tomato_green.png); 
}

#colour_cucumber_up_3 {
    background-image: url(../images/pepper_green_yel.png); 
}

/*Конец страницы cucumber*/





/*Страница pepper*/

#photos_pepper { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/pepper_pic_up.jpg);
    background-repeat: no-repeat;
}

#colour_pepper {
    height: 328px;
    outline: 0px solid #cc0000;
    padding: 28px 24px 44px 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour_pepper div {
    float: left;
    width: 310px;
    height: 328px;
    outline: 0px solid #cccccc;
    background-color: #e7e7e7;
}

#colour_pepper div h3 {
    height: 43px;
    padding: 18px 0 0 29px;
    outline: 0px solid #000000;
    color: #000000;
    font: 36px Arial;
}

#colour_pepper div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #000000;
    font: 15px Arial;
}

#colour_pepper p {
    outline: 0px solid #cc0000;
    padding-top: 10px;
}

#colour_pepper h2 span {
    font-weight: bold;
}

#colour_pepper a {
    text-decoration: none;
    color: #000;
    font: 20px Arial;
}

#pepper_text_1, #pepper_text_2 {
    margin-right: 10px;
}
    
#colour_pepper_up {
    height: 186px;
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#colour_pepper_up div {
    float: left;
    width: 310px;
    height: 186px;
    outline: 0px solid #cccccc;
}

#colour_pepper_up div h3 {
    height: 43px;
    padding: 53px 0 0 49px;
    outline: 0px solid #000000;
    color: #000000;
    font: 36px Arial;
}

#colour_pepper_up div h2 {
    height: 66px;
    padding: 20px 0 0 29px;
    outline: 0px solid #cc0000;
    color: #fff;
    font: 16px Arial;
}

#colour_pepper_up_1, #colour_pepper_up_2 {
    margin-right: 10px;
}

#colour_pepper_up_1 {
   background-image: url(../images/cucumber_yellow.png); 
}

#colour_pepper_up_2 {
    background-image: url(../images/tomato_green.png); 
}

#colour_pepper_up_3 {
    background-image: url(../images/pepper_green_yel.png); 
}

/*Конец страницы pepper*/




/*Страница main (about)*/

#photos_about { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/about_pic_up.jpg);
    background-repeat: no-repeat;
}


#colour_main_content_up {
    height: 328px;
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;
    background-image: url(../images/backgr_mid.jpg);
}

#harvest_1982 {
    	float: right;
        padding: 15px 0px 15px 15px;
}

#lappo {
    	float: left;
        padding: 15px 15px 15px 0;
}

#colour_main_content_up p {
    color: #000000;
    font: 14px Arial;
    text-indent: 25px;
}


#colour_main_content_up p span {
    font-weight: bold;
}
    
#colour_main_content_up p a {
    text-decoration: none;
    font: 15px Arial;
    color: #000000;
    font-weight: bold;
}   
    


#colour_main_content_down {
    height: 186px;
    outline: 1px solid #cc0000;
    padding: 28px 24px 44px 24px;
}


/*Конец страницы main (about)*/



/*Страница contacts*/

#photos_map { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/map.jpg);
    background-repeat: no-repeat;
}

#contacts_main_content_up {
  /*height: 328px;*/
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;  
    background-image: url(../images/backgr_mid.jpg);
}

#contacts_main_content_up p {
    color: #000000;
    font: 14px Arial;
    margin-top: 19px;
    line-height: 7px;
}

#contacts_main_content_up p span {
    font-weight: bold;
}

#contacts_main_content_down {
    height: 186px;
    outline: 1px solid #cc0000;
    padding: 28px 24px 44px 24px;
    background-image: url(../images/backgr_mid.jpg);
    background-color: #e7e7e7;
}



/*Конец страницы contacts*/

#photos_servises { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/servises_pic_up.jpg);
    background-repeat: no-repeat;
}


#photos_electro { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/about_pic_up_electro.jpg);
    background-repeat: no-repeat;
}

#photos_feedback { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/about_pic_up_feedback.jpg);
    background-repeat: no-repeat;
}

#photos_priem { 
    height: 384px;
    outline: 0px solid #cc0000;
    padding: 0 24px 0 24px;
    background-image: url(../images/about_pic_up_priem.jpg);
    background-repeat: no-repeat;
}

#servises_main_content_up {
  height: 328px;
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;  
    background-image: url(../images/backgr_mid.jpg);
}

#servises_main_content_up p {
    color:  #503618;
    font: 14px Arial;
    margin-top: 19px;
}

#servises_main_content_up a {
    color: #000000;
    font: 20px Arial;
    text-decoration: none;
}

#servises_main_content_up h3 span {
   color: #503618;
   font: 38px Arial;
}

#servises_main_content_up h4 span {
   color: #503618;
   font: 28px Arial;
}

#servises_main_content_up p span {
   text-decoration: underline;
}

#servises_main_content_down {
    height: 186px;
    outline: 1px solid #cc0000;
    padding: 28px 24px 44px 24px;
    background-image: url(../images/backgr_mid.jpg);
    background-color: #e7e7e7;
}

#ad_servises {
    	float: right;
        padding: 0px 0px 20px 15px;
}


#servises_main_content_electro {
    /*height: 328px;*/
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;  
    background-image: url(../images/backgr_mid.jpg);
}

#servises_main_content_electro p {
    color:  #503618;
    font: 14px Arial;
    margin-top: 19px;
}

#servises_main_content_electro a {
    color: #000000;
    font: 20px Arial;
    text-decoration: none;
}

#servises_main_content_electro h3 span {
   color: #503618;
    font: 38px Arial;
}




#servises_main_content_electro2 {
  /*height: 328px;*/
    outline: 0px solid #cc0000;
    padding: 15px 24px 0 24px;  
    background-image: url(../images/backgr_mid.jpg);
}