@import url(reset.css);

strong {font-weight: bold;}
.hide {display: none;}
a:link, a:visited {color: #2bade6; text-decoration: none;}
a:hover {color: #ff6918;}
.button {
   display: block;
   width: 95px;
   height: 27px;
   float: right;
   background: url(../img/button.gif) no-repeat;
}

body#tlumaczeniainformatyczne {
   font-family: Verdana;
   font-size: 11px;
   line-height: 1.5;
   }

   #page {
      width: 976px;
      margin: 0 auto;
      }

      #header {}

         a#logo {
            display: block;
            width: 236px;
            height: 80px;
            float: left;
            background: url(../img/logo.gif) no-repeat;
            }

         ul#langs {
               margin: 0 0 0 236px;
               padding: 60px 0 0 0;
               text-align: right;
               }

               #langs li {
                  display: inline;
                  padding: 12px 4px 0;                  background: url(../img/red_arrow.gif) 50% 0% no-repeat;
                  border-right: 2px solid #f3f3f3;
                  }

               #langs li.last {border-right: 0;}

                  #langs li a {color: black; text-decoration: none;}
                  #langs li a:hover {color: #ff6918;}

         ul#menu {
            height: 41px;
            clear: both;
            background: url(../img/menu_bg.gif);
            text-align: center;
            line-height: 41px;
            }

            #menu li {
               display: inline;
               padding: 0 9px 0 9px;
               background: url(../img/menu_separator.gif) 100% 0% no-repeat;
               }

            #menu li.last {background: none;}
         
               #menu li a {color: white; font-weight: bold; text-decoration: none;}
               #menu li a:hover {color: #f98f1a; text-decoration: none;}

      div#top_content {
         height: 181px;
         background: url(../img/top_content_bg.jpg) 8px 0px no-repeat;
         }
         
         #top_content #references {
            width: 437px;
            height: 165px;
            float: right;
            background: none;
            }

      div#mid_content {}

         div#left_mid_content {
            width: 539px;
            height: 403px;
            float: left;
            background: url(../img/left_mid_content_bg.jpg) no-repeat;
            }
            
            #left_mid_content h2 {
               margin: 230px 0 0 0;
               padding: 0 0 0 25px;
               font-size: 12px;
               font-weight: bold;
               color: #ffeccd;
               }
            
            #left_mid_content p {
               width: 200px;
               height: 110px;
               margin: 3px 0 0 0;
               padding: 15px 5px 0px 25px;
               }

            #left_mid_content a#konf_button {
               display: block;
               width: 37px;
               height: 30px;
               margin: -30px 0 0 167px;
               background: url(../img/konf_button.gif) no-repeat;
               }
            
         div#right_mid_content {
            width: 437px;
            height: 403px;
            margin: 0 0 0 539px;
            }

            div#references {
               width: 437px;
               height: 165px;
               background: url(../img/references_bg.jpg) no-repeat;
               }
               
               #references h3 {
                  padding: 16px 16px 20px;
                  font-size: 14px;
                  font-weight: bold;
                  }
               
               #references a {
                  padding: 0 16px;
                  }

               #references a.button {
                  margin: -140px 0 0;
                  }

            div#case_study {
               width: 211px;
               height: 238px;
               float: left;
               background: url(../img/case_study_bg.jpg) no-repeat;
               }
               
               #case_study h3 {
                  padding: 16px;
                  font-size: 14px;
                  font-weight: bold;
                  }
                  
               #case_study p {
                  padding: 0 16px;
               }
               
            div#offers {margin: 0 0 0 211px;}
            
               #offers p {display: none;}
            
               a#wycena {
                  width: 199px;
                  height: 43px;
                  float: right;
                  margin: 14px 15px 7px 0;
                  background: url(../img/wycena.jpg) no-repeat;
                  }
                  
               a#pytania {
                  width: 199px;
                  height: 83px;
                  float: right;
                  margin: 7px 15px 7px 0;
                  background: url(../img/pytania.jpg) no-repeat;
                  }
                  
               a#promocje {
                  width: 199px;
                  height: 43px;
                  float: right;
                  margin: 7px 15px 0 0;
                  background: url(../img/promocje.jpg) no-repeat;
                  }

      div#bottom_content {clear: both;}

         #bottom_content div {position: relative;}

         #bottom_content h3 {
            padding: 20px 24px;
            font-size: 14px;
            font-weight: bold;
            color: #23262e;
            }

         #bottom_content p {
            margin: 0 0 8px 0;
            padding: 0 24px;
            color: #818181;
            }

         div#big_box1 {
            width: 289px;
            min-height: 230px;
            float: left;
            margin: 0 3px 0 0;
            background: url(../img/big_box1.jpg) no-repeat;
            }
            
            #big_box1 a.button {position: absolute; top: 200px; left: 180px;}
            
         div#big_box2 {
            width: 294px;
            min-height: 230px;
            float: left;
            margin: 0 3px 0 0;
            background: url(../img/big_box2.jpg) no-repeat;
            }
            
            #big_box2 a.button {position: absolute; top: 200px; left: 185px;}
            
         div#big_box3 {
            width: 385px;
            min-height: 230px;
            margin: 0 0 0 589px;
            background: url(../img/big_box3.jpg) no-repeat;
            }

            #big_box3 ul {
               width: 340px;
               margin: 24px;
               }

               #big_box3 ul li {
                  width: 154px;
                  float: left;
                  padding: 0 8px;
                  background: url(../img/li_img.gif) 0% 60% no-repeat;
		  color: #2bade6;
                  }
               #big_box3 ul li:hover {color: #ff6918;}
                     
            #big_box3 a.button {position: absolute; top: 200px; left: 271px;}
            
         ul#left_menu {
            width: 24%;
            float: left;
            }
            
            #left_menu li {
		font-size: 120%;
               margin: 0;
               padding: 4px 12px;
               list-style: square inside;
               }
            
         #bottom_content div#offers {
            width: 24%;
            margin: 0;
            float: right;
            }
            
         div#bottom_mid_content {
            width: 50%;
            margin: 0 auto;
            }
            
            #bottom_mid_content h2 {
               margin: 1em 0;
               padding: 0;
               font-size: 1.7em;
	       color: gray;
               font-weight: bold;
               }
               
            #bottom_mid_content h3 {
               margin: 0.75em 0;
               padding: 0;
               font-size: 1.5em;
               font-weight: bold;
               }

            #bottom_mid_content p {
               margin: 0.5em 0;
               padding: 0;
               color: black;
               }

						#bottom_mid_content a:hover{
								color: #2bade6;
								}

						#bottom_mid_content a {
								color: #000; text-decoration: none;
								}
							 
            #bottom_mid_content ul, #bottom_mid_content dl {
               margin: 0 1em;
               }
               
               #bottom_mid_content ul li {
                  margin: 0.1em 0;
                  list-style: circle outside;
                  }
               
               #bottom_mid_content dl dt {
                  margin: 0.1em 0;
                  font-weight: bold;
                  }
                  
      ul#bottom_menu {
         clear: both;
	 padding-top: 40px;
         }
      
         #bottom_menu li {
            display: inline;
            padding: 0 17px 0 16px;
            background: url(../img/bottom_menu_separator.gif) 100% 50% no-repeat;
            }
         
      div#footer {margin: 16px; color: #818181;}

#menu li.sub_1 {display: none;}
#bottom_menu li.sub_1 {display: none;}


legend {font-size: 120%; font-weight: bold;}
fieldset {margin-bottom: 20px;}

#complito {background: url(../img/complito_logo.png); width: 80px; height: 26px; float: right;}