@charset "utf-8";

/* CSS Document */

 

body, html {

height: 100%;

font-family: Arial;  

font-size: 11pt;  

}



a {

font-family: Arial; 

color: #0085cd;

font-size: 10pt;

text-decoration: underline;

}



p {

line-height: 1.6;

font-size: 11pt;

font-family: arial;

margin: 0px;

padding: 0px;

}



h1 {

font-family: Arial;

font-weight: bold;

font-size: 22pt;

color: #e77817;

padding-top: 20px;

padding-bottom: 15px;

}



h2 {

font-family: Arial;

font-size: 16pt;

color: #333333;

}



table.main {

background-image: url('../../files/images/bg_left.jpg');

background-position: bottom left;

background-repeat:no-repeat;

}



td.logo {

background-color:#FFFFFF;

background-image: url('../../files/images/bg_top.jpg');

background-position: left top;

background-repeat:no-repeat;

width: 605px;

height: 180px;

}



img.logo {

position: absolute;

top: 83px;

left: 120px;

}



td.menu {

height: 30px;

padding-left: 35px;

padding-right: 15px;

}



.menu a {

display:block;

font-family: Arial;

font-size: 12pt;

float: left;

padding: 10px;

padding-left: 20px;

padding-right: 20px;

color: #0085cd;

}





.menu a:hover {

color:#FFFFFF;

background-color: #f6aa00;

}





.menu a.active {



font-family: Arial;

display:block;

float:left;

font-size: 12pt;

color: #FFFFFF;

background-color: #0085cd;

padding: 10px;

padding-left: 20px;

padding-right: 20px;

}







table.contacts {

font-family: Arial;

font-size: 12pt;

color: #6a6a6a;

}



table.contacts td.paint{

background-color: #ededed;

}



td.contacts_center {

background-color: #ededed;

padding-left: 15px;

padding-right: 15px;

}



table.contacts td.corner_1 {

background-color: inherit;

width: 13px;

height: 13px;

background-image: url('../../files/images/corner1.gif');

background-position:top left;

background-repeat:no-repeat;

}



table.contacts td.corner_2 {

background-color: inherit;

width: 13px;

height: 13px;

background-image: url('../../files/images/corner2.gif');

background-position:top right;

background-repeat:no-repeat;

}



table.contacts td.corner_3 {

background-color: inherit;

width: 13px;

height: 13px;

background-image: url('../../files/images/corner3.gif');

background-position:bottom right;

background-repeat:no-repeat;

}



table.contacts td.corner_4 {

background-color: inherit;

width: 13px;

height: 13px;

background-image: url('../../files/images/corner4.gif');

background-position:bottom left;

background-repeat:no-repeat;

}



td.left_content {

padding-right: 30px;

width: 50%;

background-image: url('../../files/images/circles_bottom.gif');

background-position: left bottom;

background-repeat: no-repeat;

}



td.left_content p {

text-indent: 25px;

}



td.right_content {

padding-left: 50px;

width: 50%

}





div.title_activity {

padding-top: 5px;
padding-bottom: 5px;

}



div.title_activity a {

font-family: Arial;

color: #0070cf;

font-size: 16pt;

}



img.activity {

border: solid 1px #666666;

margin-left: 10px;

}



td.ok {

width: 25px;

}



.wysiwyg {

padding: 10px;

padding-left: 50px;

padding-right: 50px;

}



td.footer {

height: 210px;

padding-top: 20px;

padding-right: 50px;

padding-left: 40px;

}





div.banner {

width: 255px;

font-family: arial;

font-size: 10pt;

float: left;

color: #666666;

margin-left: 10px;

}



div.author {

background-color: #FFFFFF;

float: right;

width: 230px;

padding-top: 5px;

padding-bottom: 5px;

font-family: arial;

font-size: 10pt;

color: #666666;

}









 

 

 .production {

    margin-left: 40px;     

         

 }

 

 .production li{

  width: 220px;

 height: 240px;

           

 }

 

  .production li img{

  border: 2px solid #CCFF00; 

  padding: 2px;  

  }

 

  .production_list {

  margin-top: 30px;

            

  }

 

 .production_list li {

 display: block;

 float: left;

 width: 120px;

 height: 120px;

 }

 





 .production_list li ol.production_list_base_background {

 width: 86px;

 height: 86px;

 border: 2px solid #FFCC00; 

 z-index: 1;  

 position: absolute;   padding: 2px;  

}

 

.production_list li ol.production_list_background {

 width: 86px;

 height: 86px;

 border: 2px solid #CC0021; 

 z-index: 2;  

 position: absolute; 

 display: none; 

 padding: 2px;   



}



 

.production_list li ol.production_list_image{

display: block;

width: 86px;

height: 86px;

position: absolute;

margin: 4px;

z-index: 3;

background-position: center; 

         

}







 li.portfolio_link_li {

   border: 2px solid #FFCC00; 

    float: left;

 width: 90px;

 height: 90px;

 }

 

 li.portfolio_link_li a{

 display: block;

  width: 90px;

 height: 90px;

 text-decoration: none;   

 }

 

 .portfolio_link_li-arrow {

 text-align: center;

 font-size : 20pt;

 padding-top: 10px;

 }

 

 .portfolio_link_li-label {

  font-size : 10pt; 

  text-decoration:underline; 

   text-align: center; 

 }





 

 .company_portfolio_li {

 display: block;

 float: left;

 width: 300px;

 height: 300px;

 margin: 15px;

 }

 

  .company_portfolio_li-link img{

  border: 2px solid #FFCC00;

  padding: 2px;

  }



 

 .company_portfolio_li-title {

 font-size: 12pt;

 margin-bottom: 5px;

 font-weight: bold;

 color: #E77817;

 }

 

 .company_portfolio_li-text {

 font-size: 11pt;

 line-height: 1.5;

 }

 



 

.company_des {

clear: both;



}



.company_des img{

margin-right: 20px;

margin-bottom: 20px;

}



.portfolio_company_a {

display: block;

padding: 2px;

width: 270px;

height: 285px;

float: left;

margin: 10px;

text-align: center;

background-color: #ffffff;

}



.portfolio_company_a-title {

height: 70px;

font-size: 18pt;

background-color: #ffffff`;

padding: 5px;

padding-top: 3px;

}



.portfolio_company_a:hover{

color: #E77817;

}