/* 

CSS Akson
Author: Martin Winkler

*/

/* Main structure */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: 'Helvetica', 'Tahoma', 'Sans-serif;';
  font-size: 12px;
  color: #7b4d00;
  background: #fff;
}

#container { margin: 12px auto 0 auto; width: 956px; }
#page { background: #fff; }

/* Main structure */

.fake { margin-top: 12px; width: 956px; background: url('/img/page.gif') left 10px repeat-y; }
.fake-m { margin-top: 12px; width: 956px; background: url('/img/page-m.gif') left 10px repeat-y; }

.col-1, .col-3 { 
  width: 186px;
  float: left;
}

.col-1 h3.head, .col-2 h2.head, .col-3 h3.head, .service h3, .head {
  font: 13px 'Arial';
  font-weight: bold;
  color: #fff;
  background: #ff9f00;
  line-height: 28px;
  height: 28px;
  margin: 0 0 1px 0;
  vertical-align: middle;
  padding-left: 12px;
  border-bottom: 1px solid #fff;
}

.service h3.space { margin-top: 12px; }

.col-2 { 
  width: 564px;
  float: left;
  margin: 0 10px;
}

.main-head { font-size: 13px; font-weight: bold; color: #7b4d00; margin-top: 10px; }

.photo li { background: url('/img/arrow.gif') left 10px no-repeat; padding-left: 14px; margin-bottom: 6px; }
.photo img { margin-bottom: 10px; }
.contact { height: 209px; margin-top: 1px; }

.contact li { 
  list-style-type: none; 
  list-style-image: none;
  line-height: 20px;
  margin: 0;
  padding: 0; 
}

.contact h3 { 
  font-family: 'Arial';
  font-size: 13px;
  font-weight: bold;
  color: #7b4d00;
  text-transform: uppercase;
}

h3.name { 
  margin-bottom: 4px;
}

.news h4 { 
  font-family: 'Arial';
  font-size: 13px;
  font-weight: bold;
  color: #7b4d00;
}

li.site { 
  background: url('/img/site.gif') left 5px no-repeat;
  padding-left: 17px;
}

li.mail { 
  background: url('/img/mail.gif') left 6px no-repeat;
  padding-left: 17px;
}

li.phone { 
  background: url('/img/phone.gif') 2px 2px no-repeat;
  padding-left: 17px;
}

.service { float: left; position: relative; width: 180px; margin-right: 12px; }
.service a { color: #fff; text-decoration: none; }
.service.last { margin-right: 0; }
.service .content { float: left; width: 156px; height: 158px; }
.service .content p { float: left; position: absolute; width: 156px; height: 158px; }
.service .stripe { float: left; font-size: 0; background: #ffca72; margin-top: 1px; height: 5px; width: 180px; }

.service h3 { float: left; width: 168px; margin: 0; }
.service img { float: left; }

ul#services li ul li { line-height: 20px; }

/* Header */

#header { height: 78px; }

.motto { 
  float: left;
  position: absolute;
  width: 464px; 
  margin: 52px 0 0 296px;
  background: url('/img/motto.gif') left bottom no-repeat; 
}

.motto span { 
  position: absolute;
  width: 464px; 
  height: 26px; 
  display: block;
  left: 0;
  top: 0;
  z-index: 10;
  background: url('/img/motto.gif') left bottom no-repeat; 
}

.main-pic { width: 564px; height: 233px; background: #555; }

/* Menu */

#menu li { 
  font-size: 0;
  background: #ffedcf;
  display: block;
  padding: 0;
  height: 38px;
  margin-top: 1px;
  margin-bottom: 0;
  list-style-type: none;
  list-style-image: none;
  position: relative;
}

#menu li a { 
  font-size: 12px;
  color: #7b4d00;
  margin: 12px 0 0 12px;
  position: absolute;
  text-decoration: none;
}

#menu li a.svantek { 
  color: #144295;
  position: absolute;
  left: 0;
  top: 0;
}

#menu li a.svantek span { 
  width: 104px;
  height: 19px;
  background: url('/img/svantek-logo.gif') left top no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#menu li a:hover { text-decoration: underline; }

/* Content */

.content { background: #ffedcf; padding: 12px; }

.pictures { margin-bottom: 20px; }

.main li { 
  background: url('/img/arrow.gif') left 10px no-repeat; 
  padding-left: 14px; 
  margin-bottom: 6px; 
}

.main ul { margin-bottom: 20px; }

.main .pics { text-align: center; width: 540px;}
.main .pics img { border: 1px solid #f7dbab; margin: 10px 0; }
.main span { font-family: Arial; font-weight: bold; }

.content p { margin-bottom: 18px; }

/* Footer */

.gallery .item { 
  float: left;
  margin: 0 10px 10px 0;
  background: url('/img/blank.gif') left top no-repeat;
  width: 98px;
  height: 98px;
  padding: 2px 0 0 2px;
}

.gallery .last { margin-right: 0; }

.footer { 
  text-align: center;
  background: #ffedcf;
  padding-top: 10px;  
  height: 30px; /* 50px pro dva radky */
  margin-bottom: 20px;
  border-top: 1px solid #f2d8ae;
}

/* Headers */

h1, h2, h3, h4 { text-align: left; }

h1 span { 
  background: url('/img/h1.gif') left top no-repeat;
  display: block; 
  position: absolute;
  left: 0;
  top: 0;
  height: 78px;
  width: 186px;
  z-index: 10;
}

h1 {
  font: 13px 'Arial';
  font-weight: normal;
  color: #000;
  margin: 0;
  position: absolute;
}

h2 {
  font: 16px 'Arial';
  font-weight: normal;
  color: #000;    
}

h3 {
  font: 13px 'Arial';
  font-weight: bold;
  color: #523300;
  margin-bottom: 10px;
}

h4 {
  font: 13px 'Arial';
  font-weight: bold;
  color: #523300;
  margin-bottom: 10px;
}

/* Standard classes */

a { color: #7b4d00; text-decoration: underline; }
a:hover { text-decoration: none; }

p { font-family: 'Tahoma'; line-height: 20px; }

li { line-height: 20px; list-style-image: none; list-style-type: none; }

img { border: none; }

/* Various classes */

.cleaner { 
  clear: both;
  margin: 0;
  padding: 0;
}

.stripe { 
  font-size: 0;
  background: #ff9f00;
  height: 6px;
  margin-bottom: 1px;
}

p.date { 
  margin: 8px 0 0 0;
}

.left { float: left; }
.right { float: right; }

img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }

.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

.justify { text-align: justify; }

li.mail-skerik { width: 300px; background: url('/img/mail-skerik.gif') 41px 6px no-repeat; }
li.mail-petrik { width: 300px; background: url('/img/mail-petrik.gif') 41px 6px no-repeat; }
.mail-akson{ display: block; width: 135px; background: url('/img/mail-akson.gif') 41px 6px no-repeat; }

.contact .mail-akson { display: block; width: 135px; background: url('/img/mail-akson.gif') left 6px no-repeat; }