* { margin: 0; padding: 0 }

html, body { width: 100%; height: 100%; }
body { position: relative; min-height: 100%; height: auto !important; height: 100%; background: #f7f5e8; }
img { border: 0; }


.clear { clear: both; }

.header {
	     background: url("../images/header.jpg") top center no-repeat;
       width: 100%;
       height: 390px;	     
}

.header-inner {
	     background: url("../images/header_small.jpg") top center no-repeat;
       width: 100%;
       height: 320px;	     
}

.content {
  width: 900px;
  margin-left: auto;
  margin-right: auto;  
  border: 0px solid red;

}

.upload-data {
  height: 77px;

}

.left_part {
  float: left;
  width: 13px;
  height: 77px;
  background: url("../images/left_upload_part.gif") no-repeat;
}

.center_part {
  float: left;
  height: 77px;
  width: 874px;
  background: #fffef4;
  
}

.right_part {
  float: left;
  width: 13px;
  height: 77px;
  background: url("../images/right_upload_part.gif") no-repeat;
}

.text_data {
  float: left;
  width: 200px;
  font: 12px Arial;
  color: #4a4a4a; 
  margin: 13px 20px 15px 88px;
  border: 0px solid red; 
  
}

* html .text_data {
  margin: 13px 20px -20px 44px;  
}

.text_data h3 {
  font: bold 24px Arial;
  color: #ff6900;
  margin: 1px 0 4px 0;
  padding: 0;
  line-height: 15px;
  
}

.form_data {
  float: left;  
  padding: 0px;
  margin: 24px 0 0 0;  
  
}

.form_data .upload_field {
  float: left;
}



#divinputfile{
 background:url(../images/choose_button.gif) no-repeat 100% 1px;
 height:28px;
 width:355px;
 margin:0px;
}
#divinputfile #filepc{

 opacity: 0.0;
 -moz-opacity: 0.0;
 filter: alpha(opacity=00);
 width:355px;
 font-size:16px;
}

#fakeinputfile{
 margin-top:-25px;
}

* html #fakeinputfile{
 margin-top:-23px;
}



#fakeinputfile #fakefilepc{

 width:265px;
 height:18px;
 font-size:16px;
 font-family:Arial;

}


.form_data .upload_button {
  float: left;
  padding: 0 0 0 50px; 
}

.main_content {
  margin: 45px 0 0 80px;
  border: 0px solid red;
  
}

.main_content .left_menu {
  float: left;
  width: 200px;
  border: 0px solid blue;
}

ul {
  padding: 0 0 0 10px;
}
     
.main_content .left_menu ul.main_line {
       list-style-type: none; 
}

.main_content .left_menu ul.main_line li a {
  font: 12px Arial;
  color: #4a4a4a;
  background:url("../images/cross.gif") no-repeat left;
  border: 0px solid red;
  padding: 0 0 0 15px;
}

.main_content .left_menu ul.main_line li ul.second_line {
    
  list-style-type: none; 
    
}

.main_content .left_menu ul.main_line li ul.second_line a {
  font: italic 12px Arial;
  color: #d45700;
  background: url("../images/bullet.gif") no-repeat left;
  padding: 0 0 0 10px;
}


.main_content .left_menu ul.main_line li ul.second_line li {
  border: 0px solid red;
}

.pics_data {
  float: left;
  border: 0px solid black;
  width: 600px;
  margin: 0 0 0 20px;
  height: auto;
}

.pics-data-text {
  color: #4a4a4a;
  font: 12px Arial;
  margin-left: 4px;
  margin-bottom: 10px;
  margin-top: -5px;
  *margin-top: -1px;
  *margin-left: 8px;  
}

.pics-data-text span {
  color: #ff6900;
  font: bold 24px Arial;
}

.pics-data-text-content {
  margin-bottom: 10px;
  color: #4a4a4a;
  font: 12px Arial; 
  margin-left: 4px;   
  *margin-top: -1px;
  *margin-left: 8px;    
}

.block{
 float:left;
 width: 189px;
 height: 220px;
 margin: 0 0 10px 5px;
 text-align: center;
}

.block img {
  padding: 0 0 10px 0;
  width: 189px;
  height: 189px;
}

/* inner */

.main_content_inner {
  margin-left: auto;
  margin-right: auto;
  border: 0px solid red;
  
}

.view-card {
  margin-bottom: 20px; 
  text-align: center;
  position: relative;
}

.form-data {
  text-align: center;
}

.card-data-left {
  float: left;
  background: url("../images/card_left_data.jpg") center left no-repeat;
  width: 14px;
  height: 347px;
}

.card-data-center {
  float: left;
  width: 872px;
  height: 347px; 
  background: #fffef4;
}

.card-data-center .card-data-text {
    text-align: left;
    padding: 30px 100px 30px 150px;
}

.card-data-center .card-data-text h3 {

  font: bold 24px Arial;
  color: #ff6900;
  margin: 1px 0 15px 0;
  padding: 0;
  line-height: 15px;
  
}  


.card-data-stext {
  color: #4a4a4a;
  font: 12px Arial;
  line-height: 120%;
  margin-bottom: 35px;
}

.card-left-text {
  float: left;
  font: bold 12px Arial;
  width: 220px;
  color: #4a4a4a;
}

.card-left-text .asterix {
  color: #ff6900;
}

.card-right-text {
  float: left;
}

.card-right-text .tarea {
  border: 1px solid #8c8c8c;
  width: 355px;
  height: 75px;
}

.card-data-right {
  float: left;
  background: url("../images/card_right_data.jpg") center left no-repeat;
  width: 14px;
  height: 347px;  
}

.radio-data {
  float: left;
  margin-right: 25px;
}

.input-text {
  border: 1px solid #8c8c8c;
  width: 280px;
}


.user-data-left {
  float: left;
  background: url("../images/user_left_data.jpg") center left no-repeat;
  width: 14px;
  height: 152px;
}

.user-data-center {
  float: left;
  width: 872px;
  height: 152px; 
  background: #fffef4;
}

.user-data-right {
  float: left;
  background: url("../images/user_right_data.jpg") center left no-repeat;
  width: 14px;
  height: 152px;  
}

.user-data-center .card-data-text {
    text-align: left;
    padding: 30px 100px 30px 150px;
}

.user-data-center .card-right-text label {
  color: #4a4a4a;
  font: bold 12px Arial;  
} 

.center-buttons {
  text-align: center;
}

/* end inner */


/* send */

.send-text {
  padding: 10px 0 20px 60px; 
  font: bold 12px Arial;
  color: #4a4a4a;  
}

.send-text h3 {
  font: bold 24px Arial;
  color: #ff6900;
  margin: 1px 0 15px -3px;
  padding: 0;
  line-height: 15px;
}

.send-text p {
  margin-bottom: 7px;
}

/* end send */

#preview {
  cursor: pointer;
}

.error, .att{
  font: bold 24px Arial;
  color: #ff6900;
  padding: 10px 0;
  line-height: 15px;
  text-align: center;
}

.error-text, .att-text{
  font: bold 12px Arial;
  color: #4a4a4a;  
  padding: 10px;
}

.att-mail {
  text-align: center;
}

.att-mail a{
  font: bold 14px Arial;
  color: #4a4a4a;  
  padding: 10px;
}

.h200 {
  height: 200px;
}

.page_container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;  
  width: 330px;  
}


.page-data-left {
  float: left;
  background: url("../images/left_page_back.gif") center left no-repeat;
  width: 13px;
  height: 35px;
}

.page-data-center {
  float: left;
  width: 300px;
  height: 35px; 
  background: #fffef4;
}

.page-data-right {
  float: left;
  background: url("../images/right_page_back.gif") center left no-repeat;
  width: 13px;
  height: 35px;  
}


.page_data {
  text-align: center;  
  padding: 5px 0 0 0;
}

.page_data a {
 color: #ff6900;
 font: bold 16px Arial;
 padding: 0 3px;
}

.page_data a:hover, .page_data a.current {
 color: #e65f00;
 font: bold 16px Arial;
 padding: 0 3px;
 text-decoration: none;
}

.mail {
 color: #ff6900;
}

.footer-data {
  background: url("../images/bot_border.jpg") bottom repeat-x;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position:absolute; 
  bottom:0;
  

}


.footer {
      background: url("../images/footer_pic.jpg") bottom center no-repeat;
      width: 515px;
      height: 106px;
      margin-left: auto;
      margin-right: auto; 
      text-align: center;  
      font: 12px Arial;
      color: #4a4a4a;         
}

.footer a {
 color: #e65f00;
 font: bold 16px Arial;
 text-decoration: none;
}


.margin-10 {
  margin: 10px 0;
}

.margin-20 {

  margin: 20px 0;
  *margin: -10px 0;
}

.link-mt {
  width: 950px;
  height: 50px;
  border: 0px solid red;
  z-index: 200;
  margin-left: auto;
  margin-right: auto;
    
}

.link-mt .block {
  border: 0px solid red;
  width: 200px;
  height: 50px;
  margin-left: 570px;
}

.link-main {
  width: 950px;
  height: 200px;
  border: 0px solid red;
  z-index: 200;
  margin-left: auto;
  margin-right: auto;
    
}

.social-buttons {
  padding: 10px 40px;
  margin: 0 auto;
  width: 400px;
}

.social-div {
  float: left;
  margin: 0 10px;
}
   #typedText {
      position: absolute; overflow: hidden; float: left; text-align: left; word-wrap: break-word;
   }

   @font-face {
    font-family: "BauhausCTT";
    src: url(../../../recources/fonts/bauhaus.ttf) format ('ttf');
   } 
   @font-face {
    font-family: "Palatino Linotype";
    src: url(../../../recources/fonts/palatino.ttf) format ('ttf');
   } 
   @font-face {    
    font-family: "Mistral";
    src: url(../../../recources/fonts/mistral.ttf) format ('ttf');
   } 
   @font-face { 
    font-family: "Bookman Old Style";
    src: url(../../../recources/fonts/bookman.ttf) format ('ttf');  
   } 
   @font-face {       
    font-family: "BirchCTT";
    src: url(../../../recources/fonts/birch.ttf) format ('ttf');
   } 
   @font-face {     
    font-family: "Moonlight";
    src: url(../../../recources/fonts/birch.ttf) format ('ttf');  
   } 
   @font-face {       
    font-family: "Rosamunda One";
    src: url(../../../recources/fonts/rosamunda.ttf) format ('ttf');    
   } 
   @font-face {     
    font-family: "JakobExtraCTT";
    src: url(../../../recources/fonts/jakob.ttf) format ('ttf');                         
   }
   
   .f-bauhaus {
     font-family: "BauhausCTT";
     font-size: 16px;
     font-weight: bold;
     line-height: 120%;      
   }
   
   .f-arial {          
     font-family: "Arial";
     font-size: 14px;
     font-weight: bold;
     line-height: 120%;      
   }
   
   .f-palatino {
     font-family: "Palatino Linotype"; 
     font-size: 16px;
     font-weight: bold;
     font-style: italic;
     line-height: 120%;     
   }
   
   .f-mistral {
     font-family: "Mistral"; 
     font-size: 28px;
   }   
   
   .f-bookman {
     font-family: "Bookman Old Style"; 
     font-size: 14px;
   }      
   
   .f-comic {
     font-family: "Comic Sans MS";
     font-size: 16px;
     font-weight: bold; 
     line-height: 130%; 
   }   
   
   .f-birch {
     font-family: "BirchCTT";
     font-size: 22px;
     padding: 5px 0 0 5px;      
   } 
   
   .f-moonlight {
     font-family: "Moonlight";
     font-size: 20px;     
   }       
   
   .f-rosamunda {
     font-family: "Rosamunda One"; 
     font-size: 32px; 
     padding: 0 0 0 5px;  
     line-height: 60%; 
   }       
   
   .f-jacob {
     font-family: "JakobExtraCTT"; 
     font-size: 20px;   
   }