/* ------------------------------------
 project:	Ach-Mech
 author:	http://www.merix.com.pl
 date:		2006/05/11
------------------------------------ */

html { height: 100%; margin-bottom: 1px; }
body { min-height: 100%; margin: 0; padding: 0; background: #ededed url(../img/am_bg.gif) repeat-x; font-size: 11px; color: #777; }
body, input, textarea, select, option { font-family: Tahoma,Arial,Helvetica,sans-serif; }

/* ELEMENTS
-------------------------------------*/
form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p { margin: 0 0 15px; padding: 0; }

/* CONSTANTS
-------------------------------------*/
.clearfix { overflow: hidden; }

/* ANCHORS
-------------------------------------*/
a { color: #667bb4; text-decoration: none; }
a:hover { color: #000; }
a:focus { overflow: hidden; }

p a { color: #667bb4; background: #fff; text-decoration: underline; }
p a:hover { background: #f9f8df; color: #000; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 10px; padding: 0 0 4px 21px; border-bottom: 1px solid #bdc6df; background: url(../img/am_bg_h1.gif) 0 2px no-repeat; font: bold 12px Tahoma,Arial,Helvetica,sans-serif; color: #667bb4; }
h2 { margin: 0 0 10px; padding: 0; font: bold 11px Tahoma,Arial,Helvetica,sans-serif; color: #667bb4; }

/* LAYOUT
-------------------------------------*/
#top,
#top-nav,
#nav,
#content,
#sub-nav,
#footer	{ width: 750px; margin: 0 auto; }

p.skip { display: none; }

#top { position: relative; height: 89px; margin-bottom: 1px; padding-top: 12px; }
 #top h1 { position: absolute; top: 20px; width: 162px; height: 73px; padding: 0; border: none; background: url(../img/am_logo.png) no-repeat; }
  #top h1 a { display: block; width: 162px; height: 73px; text-indent: -10001px; }
  #top h1 a:hover { background: none;; }
 #top h2 { position: absolute; right: 10px; top: 25px; width: 290px; height: 63px; background: url(../img/am_achmech.png) no-repeat; text-indent: -10001px; }
#top-nav { list-style: none; height: 31px; margin-bottom: 1px; padding: 15px 0 0; text-align: right; }
 #top-nav li { display: inline; padding: 0 15px 17px; }
 #top-nav li.x2 { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
 #top-nav li.x3 { padding-right: 0; }
  #top-nav li a { padding-left: 23px; background: url(../img/am_i_home.gif) 2px 3px no-repeat; }
  #top-nav li.x2 a { background-image: url(../img/am_i_sitemap.gif); }
  #top-nav li.x3 a { background-image: url(../img/am_i_mail.gif); }

#nav { height: 148px; margin-bottom: 2px; background: url(../img/am_head.jpg) 100% 0 no-repeat; }
 #nav ul { list-style: none; width: 228px; margin: 0; padding: 2px 0 0; border-left: 3px solid #fff; border-right: 3px solid #fff; background: #e9eef1; }
  #nav ul li { position: relative; border-top: 1px solid #d0d4d6; font-weight: bold; }
  #nav ul li.first { border-top: none; }
   #nav ul li.first a { }
   #nav ul li a { display: block; padding: 5px 10px 5px 32px; background: url(../img/am_li_nav.gif) 12px 10px no-repeat; color: #777; text-decoration: none; }
   #nav ul li a:hover { background-color: #fff; }
   #nav ul li ul { display: none; position: absolute; top: 6px; left: 130px; list-style: none; margin: 0; padding: 0; border: 1px solid #c3c3c3; border-top: none; background: #e9eef1; z-index: 100; }
   #nav ul li:hover ul { display: block; z-index: 100; }
  #nav ul li.over { display: block; position: relative; z-index: 10; }
   #nav ul li.over ul { display: block; position: absolute; z-index: 100; }
    #nav ul li ul li { position: relative; z-index: 100; }
     #nav ul li ul li a { position: relative; z-index: 100; }

#wrapper { margin: 0 0 7px; padding: 30px 0 10px; border-bottom: 2px solid #c8c8c8; background: #fff; }
 #content { }
 #sub-nav { margin: 30px auto 0; }
#footer { }

/* SUBPAGES
-------------------------------------*/
#home-left { float: left; width: 380px; padding: 0 20px 0 0; background: url(../img/am_dotted_v.gif) 100% 0 repeat-y; }
#home-right { float: left; width: 330px; margin: 0 0 0 -1px; padding: 0 0 0 20px; background: url(../img/am_dotted_v.gif) 0 0 repeat-y; }

ul.gallery { list-style: none; margin: 0 0 10px -8px; padding: 0; }
 ul.gallery li { float: left; display: inline; margin: 0 0 4px 8px; }
  ul.gallery li a { background: none; }
  ul.gallery li a:hover { background: none; }
   ul.gallery li a img { padding: 1px; border: 6px solid #cbd2e5; background: #fff; }
   ul.gallery li a:hover img { border: 6px solid #aeb5cc; }
 
a.more { font-weight: bold; text-decoration: none; background: none; }
a.more:hover { background: none; }

ul.ul2 { border: 0px solid;}
ul.ul2 li { clear: both; }
ul.ul2 li span { float: left; width: 300px; }

.left {float: left;}
.right{float: right;}
#kontakt_left div { padding: 40px 0px 0px 40px; }

div#ref { padding: 0px 0px 0px 30px; text-align: center; }
p.more { text-align: right;}