/* obecne */

body {
  margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, "Geneva CE", lucida, sans-serif; 
  font-size: 12px;
  line-height: 16px;	
  color: #4f5155;
  background: #ffffff url('/img/body-bg.png') 0 0 repeat-x; 
  width: 100%;
}

h1, h2, h3, h4, h5, form, div, span, p, select, input, button, table, tr, td, th, hr {
  padding: 0;
  margin: 0;  
}

h1 {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}

h2 {
  position: relative;
  top: 60px;
  /* left: 80px; */
  /* margin: 0 0 0 80px */;
}

h2 a {
  display: block;
  width: 279px;
  height: 49px;
  background: url('/img/azservis-logo.png') 0 0 no-repeat; 
}


h2 span {
  display: none;
}


h3, h4, h5 {
  font-size: 18px;
  line-height: 22px;
  font-weight: light;
}


a, a:link, a:visited {
  text-decoration: underline;
  color: #ff970e;
}
  
a:hover, a:active  {
  text-decoration: none;
  color: #ff6000;
}


input, textarea {
  font-size: 14px;
  line-height: 16px;
  color: #4f5155;
  border: 1px solid #a9c7db;
  background: #ffffff;
	font-family: "Trebuchet MS", Tahoma, "Geneva CE", lucida, sans-serif; 
  
}

input {
  padding: 5px;
  width: 250px;
}
textarea {
  padding: 5px;
  width: 400px;
}

button {
  padding: 5px 10px;
  background: #ff970e;
  color: #ffffff;;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ffffff;
}

.space {
  margin: auto;
  width: 960px;
}


/* design stranky */

#mainMenu {
  
  margin: 0;
  text-align: left;
  position: absolute;
  top: 91px;
  margin-left: 350px;
  padding: 0 80px;
  list-style: none;
  font-size: 14px;
	line-height: 14px;  
  color: #0f0d06;

 
}

#mainMenu li {
  padding: 0;  
  display: block;
  float: left;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}


#mainMenu a, #mainMenu span {
  display: block; 
  /* float: left; */
  /* position: relative; */
  padding-right: 10px;
  padding-left: 10px;  
  /* font-weight: bold; */
  /* width: 140px; */
  text-decoration: none;
  text-align: center;
  border-right: 0px solid #a9c7db;

}

#mainMenu a, #mainMenu a:link, #mainMenu a:visited {
  color: #4f5155;
}
  
#mainMenu a:hover, #mainMenu a:hover {
  color: #ff970e;
  padding-bottom: 0;
  text-align: center;
  border-bottom: 4px solid #ff970e;
}

#mainMenu span {
}

#mainMenu .last {
  border-right: 0;
}

#mainMenu .active {
  padding-bottom: 0;
  border-bottom: 4px solid #4f5155;
}

#top {
  position: absolute;
  /* background: url('/img/grey-line.png') 250px 104px no-repeat; */ 
  height: 150px;
  width: 960px;
}

#header {
  position: absolute;
  background: url('/img/header-bg.jpg') 50% 0 no-repeat;  
  height: 560px;
  width: 100%; 
  
  left: 0;
}

#arrow-left a {
  display: block;
  width: 45px;
  height: 45px;
  background: url('/img/arrow-left.png') 0 0 no-repeat;
}

#arrow-right a{
  display: block;
  width: 45px;
  height: 45px;
  background: url('/img/arrow-right.png') 0 0 no-repeat;
}

#arrow-left a span, #arrow-right a span {
  display: none;
}

#arrow-left, #arrow-right {
  position: absolute;
}

#arrow-left {
  top: 60px;
  margin-left: -80px;
}

#arrow-right {
  top: 60px;
  margin-left: 815px;
}

#produkty ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#produkty li {
  margin: 0;
  padding: 0;
  width: 260px;
  height: 220px;
  float: left;
}

#produkty li p, #produkty li h1, #produkty li h3 {
  margin-right: 20px;
}

#produkty li .more {
  position: absolute;
  top: 190px;
  margin-left: 140px;
}


.oneThird, .twoThirds, .threeThirds {
float: left;
}  

.oneThird {
  width: 260px;
}
.oneThird p, .oneThird h3 {
  margin-right: 40px;
}

.twoThirds {
  width: 520px;
}
.threeThirds {
  width: 780px;  
}



#foot {
  position: relative;
  background: url('/img/foot-bg.png') 50% 0 no-repeat;
  margin: 100px 0 0 0;
  padding: 50px 0;
  text-align: center;
  width: 780px; 
}


#footMenu {
  margin: 0 0 40px 0;
  text-align: center;
  padding: 0  160px;
  list-style: none;
  font-size: 12px;
	line-height: 12px;  
  color: #a9c7db;
  
}

#footMenu li {
  float: left;
  padding: 0 20px;  
  text-align: center;
  border-right: 1px solid #a9c7db;

}

#footMenu a, #footMenu a:link, #footMenu a:visited {
  color: #4f5155;
  text-decoration: none;
}
  
#footMenu a:hover, #footMenu a:hover {
  color: #ff970e;

}

.produkt .box {
  height: 170px;
}

.produkt .more {

  text-align: right;
}


.list { 
  margin: 0 0 20px 0;
  padding: 2px 0;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  
}

.list li {
  background: url('/img/list-arrow.png') 0 3px no-repeat;
  padding: 0 0 0 20px; 
}

.more {
  text-align: right;
  padding-right: 20px;
  background: url('/img/link-arrow.png') 100% 0 no-repeat; 

}

h3.more {
  font-size: 18px;
  display: inline;
  text-align: left;
  background: url('/img/link-arrow.png') 100% 0 no-repeat;
}

div.more {
  float: left;
  
  background: url('/img/link-arrow.png') 100% 4px no-repeat;
}



.more h5 a, #subMenu h3 a {
  color: #4f5155;
  text-decoration: none;
}




#map {
  border: 4px solid #ffffff;
  
}

#subMenu {
  list-style: none; 
}
#subMenu li {
  margin-top: 10px;
  border-bottom: 1px solid #a9c7db;
}
#subMenu li a {
  display: block;
  margin: 5px 0; 
}

#subMenu h3 {
  font-size: 18px;

  text-align: left;
  background: url('/img/link-arrow.png') 95% 4px no-repeat;
}


#subMenu a {
  border-bottom: 1px solid #a9c7db; 
}

#subMenu .last {
  border-bottom: 0; 
}


.close {
  text-align: right;  
  padding-right: 20px;
  background: url('/img/close-btn.png') 100% 0 no-repeat; 
  position: absolute;
  left: 350px;
  top: 40px;
}

.popup {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 200;
  display: none;
}
.popup .window {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -205px;
  margin-top: -160px;
  width: 410px;  
  height: 320px;
  z-index: 250;
  background: #ffffff;
  padding: 40px 20px;
  background: url('/img/form-bg.png') 0 0 repeat-x;
}

.popup .window p, .popup .window h3 { 
  margin: 10px 0;
  
}


.clear {
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
  clear: both;
}