html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:link, a:visited, a:active {
	color: #17b1b4;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

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

.float-left { float: left; }

.float-right { float: right; }

.clear-both { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

body {
	font-family: Arial, Verdana, Helvetica;
  font-size: 62.5%;  
	color: #050505;
	text-align: left;
  background: #f8f8f8 url('../img/bg.jpg') repeat-x left bottom;	
}

#container {
	position: relative;
	display: block;
  margin: 0px auto;
  font-size: 1.2em;
	background: url('../img/bg_container.jpg') no-repeat center top;   
}

#content {
	position: relative;
	display: block;
	margin-left: 37px;
	padding-bottom: 10px;
	background: url('../img/footer.jpg') no-repeat center bottom;  
}

.content-padding {
	padding-bottom: 190px !important;  
}

#content-margin {
	position: relative;
	display: block;
	width: 940px;
	margin: 0px auto;
	padding-bottom: 30px;
}

#content-head {
	position: relative;
	display: block;
  height: 210px;
}

h1#logo {
  float: left;
  margin-top: 50px;
}

h1#logo span {
  display: none;
}

#navigation {
  float: right;
	position: relative;
  height: 43px;
  margin-top: 60px;    
}

#navigation ul li {
	display: block;
  float: left;
  height: 43px;
  overflow: hidden;  
}

#navigation ul li a {
  color: #000;
}

#navigation ul li a:hover {
  text-decoration: none;  
}

#navigation ul li span {
	position: absolute;
	top: 0;
	z-index: 1;
  height: 43px;	
}

#navigation ul li.uvodni-slovo { width: 123px;}
#navigation ul li.uvodni-slovo span { width: 123px; background: url('../img/menu_uvodni_slovo.gif') no-repeat left top; }
#navigation ul li.uvodni-slovo:hover span { background-position: left bottom; }
#navigation ul li.uvodni-slovo span.active { background-position: left bottom; }

#navigation ul li.profil { width: 63px;}
#navigation ul li.profil span { width: 63px; background: url('../img/menu_profil.gif') no-repeat left top; }
#navigation ul li.profil:hover span { background-position: left bottom; }
#navigation ul li.profil span.active { background-position: left bottom; }

#navigation ul li.projekty { width: 82px;}
#navigation ul li.projekty span { width: 82px; background: url('../img/menu_projekty.gif') no-repeat left top; }
#navigation ul li.projekty:hover span { background-position: left bottom; }
#navigation ul li.projekty span.active { background-position: left bottom; }

#navigation ul li.postup { width: 76px;}
#navigation ul li.postup span { width: 76px; background: url('../img/menu_postup.gif') no-repeat left top; }
#navigation ul li.postup:hover span { background-position: left bottom; }
#navigation ul li.postup span.active { background-position: left bottom; }

#navigation ul li.inspirace { width: 87px;}
#navigation ul li.inspirace span { width: 87px; background: url('../img/menu_inspirace.gif') no-repeat left top; }
#navigation ul li.inspirace:hover span { background-position: left bottom; }
#navigation ul li.inspirace span.active { background-position: left bottom; }

#navigation ul li.kontakt { width: 87px;}
#navigation ul li.kontakt span { width: 87px; background: url('../img/menu_kontakt.gif') no-repeat left top; }
#navigation ul li.kontakt:hover span { background-position: left bottom; }
#navigation ul li.kontakt span.active { background-position: left bottom; }

#content-main {
  clear: both;
  position: relative;
  display: block;
  width: 980px;
  min-height: 400px;
  line-height: 1.4; 
  text-align: justify;
  padding-bottom: 21px; 
}

#content-main h2 {
  font-family: "Times New Roman" , Georgia, Serif;
  font-size: 2.4em;
  font-weight: normal;
  color: #7d983a;
  margin: 10px 0px;
}

#content-main h3 {
  font-size: 1.3em;
  color: #7d983a;
  margin: 0px 0px 15px 0px; 
  padding-top: 20px;  
}

#content-main h4 {
  color: #363636;
  font-size: 1.2em;
  padding-top: 20px;  
}

#content-main p {
  margin-bottom: 15px;
  padding-right: 75px;     
}

#content-main img {
  margin: 5px 15px 5px 5px;    
}

#content-main ul {
  margin: 5px 10px 10px 20px;    
}

#content-main ul.width {
  width: 660px;
  margin: 5px 5px 10px 5px;    
}

#content-main li {
  background: url('../img/li.gif') no-repeat left 4px;
  padding-left: 20px;
  margin-left: 20px;    
}

#content-main ol li {
  background: none;
  padding-left: 5px;   
}

.content-main-item {
  display: block;
  position: relative;
  width: 290px;
  min-height: 390px;
  margin: 5px 30px 5px 0px;
}

.content-main-item h3 {
  font-size: 1.2em !important;
}

.content-main-item img {
  position: absolute;
  bottom: 0px;
  margin: 0px !important;
}

.content-left {
  float: left;
	width: 250px;
  padding-top: 20px;
}

.content-right {
  float: right;
  position: relative;
  display: block;  
	width: 300px;
	margin: 0px 25px;
}

.content-right a {
  display: block;  
	width: 300px;
  height: 114px;
}

.content-right h2 {
	margin: 0px 0px 12px 0px !important;
}

.content-right-item span.hide {
  display: none;  
}

.ucelne-navrhy {
  height: 114px;
  cursor: pointer;
	background: url('../img/ucelne_navrhy.png') no-repeat left top;  
}

.ucelne-navrhy:hover { background: url('../img/ucelne_navrhy.png') no-repeat left bottom; }

.stylove-navrhy {
  height: 116px;
  cursor: pointer;
	background: url('../img/stylove_navrhy.png') no-repeat left top;  
}

.stylove-navrhy:hover { background: url('../img/stylove_navrhy.png') no-repeat left bottom; }

.navrhy-reality {
  height: 116px;
  cursor: pointer;
	background: url('../img/navrhy_reality.png') no-repeat left top;  
}

.navrhy-reality:hover { background: url('../img/navrhy_reality.png') no-repeat left bottom; }

.navrhy-internet {
  height: 115px;
  cursor: pointer;
	background: url('../img/navrhy_internet.png') no-repeat left top;  
}

.navrhy-internet:hover { background: url('../img/navrhy_internet.png') no-repeat left bottom; }


#content-footer {
	position: relative;
	display: block;
	width: 900px;
  height: 360px;
  text-align: left;
  line-height: 1.15;
  color: #b1a893;
  padding: 20px;
  margin: 0px auto;
  background: url('../img/bg_realizace.gif') no-repeat center top;        
}

#content-footer h3.ukazkova-realizace {
  width: 167px;
  height: 17px;
  padding-top: 10px; 
  background: url('../img/title_ukazkova_realizace.gif') no-repeat left top; 
}

#realizace {
  height: 140px;
}

a.button-left {
  display: block;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 16px;
  height: 25px;
  background: url('../img/button_left.gif') no-repeat left top;  
}

a.button-right {
  display: block;
  position: absolute;
  top: 100px;  
  right: 0px;
  width: 16px;
  height: 25px; 
  background: url('../img/button_right.gif') no-repeat left top;  
}

#realizace ul {
  margin-top: 20px;
}

#realizace ul li {
  float: left;
  position: relative;
  display: block;
  margin: 0px 16px;
}

#content-footer h3.kontakt {
  width: 167px;
  height: 17px;
  margin-top: 10px; 
  background: url('../img/title_kontakt.gif') no-repeat left top; 
}

#kontakt {
  height: 115px;
  padding-top: 15px;
  line-height: 1.6;
}

.nadpis1 {
  clear: both;
  background: url('../img/nadpis1.gif') no-repeat right top;
  border-top: 1px #e6e6e6 solid;
  min-height: 80px;
  padding: 40px 0px 30px 0px;
}

.nadpis3 {
  width: 630px;
  background: url('../img/nadpis1.gif') no-repeat right top;
  border-top: 1px #e6e6e6 solid;
  min-height: 80px;    
}

.nadpis3 p {
  padding: 0px !important; 
}

.nadpis2 {
  clear: both;
  background: url('../img/nadpis2.gif') no-repeat right top;
  border-top: 1px #e6e6e6 solid;
  min-height: 80px;    
}

.int-prochazka {
  display: block;
  position: absolute;
  float: right;
  bottom: 27px;
  left: 225px;
}

.float-left p {clear: left;}

.float-right-margin {
  float: right;
  margin-right: 50px;
}

.images p {
  padding: 0px !important;
  margin: 0px !important; 
}

.height {
  clear: both;
  position: relative;
  display: block; 
}

#form {
  float: right;
  width: 200px;
  margin: 55px 150px 0px 0px;
  color: #363636;
}

#form label {
  display: block;
}

#form input,#form textarea, #button {
  border: 1px #b4c784 solid;
  background-color: #fff;
  color: #363636;
}

#form label span {
  float: left;
  width: 138px;
}

#form label input {
  width: 200px;
  margin-bottom: 2px;
}