/* CSS Document  -  REPOS plus a.s. */


/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	background-color:#c7c7c7;
	background-image: url(img_bg/under_body.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 11px;
  	font-family: Tahoma, Verdana, sans-serif;
  	text-align: center;
	min-width: 960px;
}

/* ------------------- wrapper -------------------------------------- */
#wrapper {
  text-align: left;
  width: 990px; 
  margin: 0 auto; 
  position:relative;
}

/* ------------------- branding -------------------------------------- */
#branding {
	background-image: url(img_bg/under_branding.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	height: 276px;
  	width: 990px;
 }

	  
	#branding h1 a{
	  margin: 0;
	  text-indent:-9000px;
	  display:block;
	  width:250px; height:130px;
	  
	}


/* ------------------- mainNav -------------------------------------- */
#mainNav {
  list-style: none;
  width: 780px; 
  height:auto;
  position:absolute;
  margin:90px 0 0 0;
  display:block;
  }
  
/* for Internet Explorer */

/*\*/

* html #mainNav {
  list-style: none;
  width: 780px; 
  float: left; 
  position:absolute;
  margin:90px 0 0 0;
  }

/**/  
  

  
  #mainNav li{
	float: left;
	padding:10px 10px;
	font-weight:bold;
	font-size:12px;
	}

	.ofirme a{ text-decoration:underline; color:#cc0000; margin:0 0 0 40px;}
	.ofirme a:hover{ text-decoration:none; color:#333; margin:0 0 0 40px;}
	
	.foto a{ text-decoration:underline; color:#cc0000; margin:0 0 0 65px;}
	.foto a:hover{ text-decoration:none; color:#333; margin:0 0 0 65px;}
	
	.reference a{ text-decoration:underline; color:#cc0000; margin:0 0 0 80px;}
	.reference a:hover{ text-decoration:none; color:#333; margin:0 0 0 80px;}
	
	.kontakt a{ text-decoration:underline; color:#cc0000; margin:0 0 0 50px;}
	.kontakt a:hover{ text-decoration:none; color:#333; margin:0 0 0 50px;}
	
/* ------------------- content -------------------------------------- */
#content { 
  width: 990px;
  float: right;
  min-height:38em; 
  height:auto;
  text-align: justify;
}

/* for Internet Explorer */

/*\*/

* html #content {
height:38em;
}

/**/



/* ------------------- mainContent -------------------------------------- */
#mainContent { 
  width: 350px; 
  margin: 0; 
  float: left; 
}

	#mainContent .left-box{
	display:block;
	background-image: url(img_bg/1-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 99px;
	width: 351px;
	}
	
	#mainContent .left-box2{
		display:block;
		background-image: url(img_bg/2-left.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 95px;
		width: 351px;
	}
	
	#mainContent .left-box3{
		display:block;
		background-image: url(img_bg/3-left.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 97px;
		width: 350px;
	}
	
	#mainContent .left-box4{
		display:block;
		background-image: url(img_bg/4-left.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 104px;
		width: 350px;
	}

/* ------------------- secondaryContent -------------------------------------- */
#secondaryContent { 
  width: 639px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 

	#secondaryContent .box{
		width: 639px;
		height:395px;
		background-image: url(img_bg/box.jpg);
		background-repeat: no-repeat;
		margin:0;
		padding:0;
		}
	
	#secondaryContent .box #ofirme{  margin:30px 5px 30px 27px; padding:5px; font-size: 1.2em; height:270px; overflow:auto; width:580px; display:block;}

	#fota{padding:30px 35px 30px 30px;}
	#fota img{padding:1px; border:1px solid #fff; margin:5px; float:left;}
	
	
	
	#secondaryContent .box ul{ padding:30px 35px 30px 30px; font-size:12px;}
	
	#secondaryContent .box li{
	padding:8px 8px 8px 25px;
	list-style-type:none;
	background-image: url(img_bg/kolecko.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
	
	#secondaryContent .box h2 {
	  font-size: 1.6em;
	  margin: 0;
	  padding: 30px 35px 0 30px;
	}

	#secondaryContent  #cechy{
	background-image: url(img_bg/cechy.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:638px; height:89px;
}





/* ------------------- footer -------------------------------------- */
#footer {
  
  padding: 20px 0px 20px 0px;
  clear: both; 
}

#footer a{ text-decoration:underline; color:#000;}

#footer a:hover{ text-decoration:none; color:#666;}