html{
width:100%; 
height:100%; 
margin: 0px;
padding: 0px;
z-index:1;
background:url(../img/c4.jpg) no-repeat center center fixed;
background-size: cover;
}

body{
width:1000px; 
 
margin:0 auto;
border:0px solid #FB9A00;
position:relative;
z-index:2;
}

#nazvanie{
width:976px; 
height:150px;
margin:5px auto; 
border:0px solid #FB9A00;
background:url(../img/nazvanie2.png) no-repeat center ;
z-index:3;
padding:0px 85px 0px 0px;
}
#logo{
width:96px;
height:73px;
background:url(../img/logo/logo.png) no-repeat center ;
border:0px solid #FB9A00;
margin:35px 0 0 0;
text-indent: -1000em;
cursor:pointer;
}


#left_blok{
position: relative;
float:left;
margin:0px;
font: 16px/18px "Trebuchet MS",Arial,Verdana,sans-serif;
width:240px;  
border:0px solid #FB9A00;
}

#center_blok{
position: relative;
font: 16px/18px "Trebuchet MS",Arial,Verdana,sans-serif;
float:left;
margin-left:10px;
width:570px; 
border:0px solid #FB9A00;
}

#right_blok{
position: relative;
float:left;
font: 16px/18px "Trebuchet MS",Arial,Verdana,sans-serif;
margin-left:10px;
width:138px;  
border:0px solid #FB9A00;
}

#left_k_1{
width:231px;
height:70px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/nemnogo_o_nas.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_1:hover{
background:url(../img/menu/nemnogo_o_nas1.png) no-repeat center;
}

#left_k_2{
width:231px;
height:67px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/naha_komanda.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_2:hover{
background:url(../img/menu/naha_komanda1.png) no-repeat center;
}

#left_k_3{
width:231px;
height:61px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/uchastie_v_prograni.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_3:hover{
background:url(../img/menu/uchastie_v_prograni1.png) no-repeat center;
}

#left_k_4{
width:231px;
height:66px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/baby_fashion_photo.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_4:hover{
background:url(../img/menu/baby_fashion_photo1.png) no-repeat center;
}

#left_k_5{
width:231px;
height:61px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/nahi_konkupsi.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_5:hover{
background:url(../img/menu/nahi_konkupsi1.png) no-repeat center;
}

#left_k_6{
width:231px;
height:67px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/rabota_dlyz_mam.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_6:hover{
background:url(../img/menu/rabota_dlyz_mam1.png) no-repeat center;
}

#left_k_7{
width:231px;
height:66px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/menu/dlya_reklamodatorov.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#left_k_7:hover{
background:url(../img/menu/dlya_reklamodatorov1.png) no-repeat center;
}


#img_foto1{
width:154px;
height:232px; 
border:2px solid #b99b83;
background:url(../img/foto1.jpg) no-repeat center;
float:left;
margin-left:25px;
margin-bottom:25px;
}
#img_foto2{
float:left;
width:154px;
height:232px; 
border:2px solid #b99b83;
background:url(../img/foto2.jpg) no-repeat center;
margin-left:25px;
margin-bottom:25px;
}
#img_foto3{
width:154px;
height:232px; 
border:2px solid #b99b83;
background:url(../img/foto3.jpg) no-repeat center;
float:left;
margin-left:25px;
margin-bottom:25px;
}

#fon_right_blok{
width:134px;
height:400px; 
border:2px solid #b99b83;
background:url(../img/fon_left_blok.jpg) repeat-x center;
}

#nivea{
margin: 10px auto;
width:70px;
height:52px; 
background:url(../img/nivea.png) repeat-x center;
}
#canon{
margin: 40px auto;
width:76px;
height:16px; 
background:url(../img/canon.png) repeat-x center;
}
#camedy{
margin: 40px auto;
width:77px;
height:27px; 
background:url(../img/camedy.png) repeat-x center;
}
#mgts{
margin: 40px auto;
width:75px;
height:37px; 
background:url(../img/mgts.png) repeat-x center;
}
#loreal{
margin: 40px auto;
width:80px;
height:15px; 
background:url(../img/loreal.png) repeat-x center;
}

#left_text_zagalovak
{
font-size: 18pt;
color:#634f41;
}

#left_text_novast
{
font-size: 12pt;
color:#634f41;
}

#main{
width:976px; 
height:230px;
margin:-50px auto;
border:px solid #FB9A00;
padding: 0px 0px 0px 25px;
background:url(../img/podlogka.png) no-repeat center;
}


#foto{
width:976px; 
margin:0px auto; 
border:0px solid #FB9A00;
background:url(../img/) no-repeat center;
clear:both;
position: relative;
}

#f_nazvanie{
width:976px; 
height:73px;
border:0px solid #FB9A00;
background:url(../img/foto_nadpis.png) no-repeat center ;
z-index:9;
position: relative;
}

#button_g{
width:316px;
height:229px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/knopkaGur.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}


#button_g:hover{
background:url(../img/knopkaGur2.png) no-repeat center;
}

#button_c{
width:316px;
height:229px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/knopkaTel.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#button_c:hover{
background:url(../img/knopkaTel2.png) no-repeat center;
}

#button_r{
width:316px;
height:229px; 
border:0px solid #FB9A00;
float:left;
background:url(../img/knopkaPort.png) no-repeat center;
text-indent: -1000em;
cursor:pointer;
}

#button_r:hover{
background:url(../img/knopkaPort2.png) no-repeat center;
}

#futer{
font-family: Arial;
text-align:center;
font-weight:normal;
font-size:18px;
position: relative;
margin:220px 0px 0px 0px; 
z-index:6;
clear:both;
}


.photos img {
position: absolute;
}



.photos img:nth-of-type(1) {
left: 50px;
top: 50px;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
position: relative;
z-index:5;
}
.photos img:nth-of-type(2) {
left: 150px;
top: 50px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.photos img:nth-of-type(3) {
left: 250px;
top: 50px;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
transform: rotate(7deg);
}
.photos img:nth-of-type(4) {
left: 350px;
top: 50px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.photos img:nth-of-type(5) {
left: 450px;
top: 50px;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
}

.photos img:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
z-index: 10;
}

.photos img:hover {
-webkit-transform: rotate(380deg) scale(1.5);
-moz-transform: rotate(380deg) scale(1.5);
-o-transform: rotate(380deg) scale(1.5);
transform: rotate(380deg) scale(1.5);
z-index: 10;
}

.photos img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.photos img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
padding: 10px 10px 30px 10px;
background: white;
border: solid 1px #FB9A00;
}