/* GENERAL */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { 
  margin: 0; padding: 0; 
}
body {
  font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #7d7d7d; 
  font-size: 1em;
  background: #000 url("../images/bgr-main.jpg") top center repeat-y;
}
.cleaner {
  clear: both;
}
.novisible {
  display: none;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.aleft {
  float: left;
}
.aright {
  float: right;
}
.imgleft {
  float: left;
  padding-right: 7px;
  padding-bottom: 2px;
}
.imgright {
  float: right;
  padding-left: 7px;
  padding-bottom: 2px;
}
.spacer {
  display: block;
  float: right;
  height: 1px;
  width: 820px;
  clear: both;
}
a {
  color: #85ca39;
  text-decoration: underline;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}

div#main {
	position: absolute;
	left: 0px;
  top: 85px;
	width: 100%;	
}
div#main div.content {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
  width: 860px;
	position: relative;
	font-size: 0.8em;
	overflow: hidden; 
}
div#main div.home {
	height: 1131px;
}
div#main div.portfolio {
	height: 1216px;
}
div#main div.sluzby {
	height: 1216px;
}
div#main div.kdojsem {
	height: 1216px;
}
div#main div.kontakt {
	height: 1216px;
}
div#main div.detail {
	min-height: 500px;
}
div#top {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
div#top div.header {
	margin: 0px auto 0px auto;
  position: relative;
	width: 860px;
	height: 85px;
}
div#main div#bottom div#footer {
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 40px;
  position: relative;
	width: 860px;
	height: 30px;
	font-size: 0.70em;
	color: #434343;
}


/* HEADER CONTENT */
div#top div.header div.home {
	display: block;
	float: left;
  width: 287px;
  height: 57px;
  margin: 28px 0px 0px 0px;
  background: url("../images/bgr-logo.jpg") top left no-repeat;	
}
div#top div.header div.home a {
	display: block;
  width: 287px;
  height: 57px;
	text-decoration: none;
}
div#top div.header div.home a:hover {
	display: block;
  width: 287px;
  height: 57px;
	text-decoration: none;
}
div#top div.header div.home span {
	display: none;
}


/* MAINMENU */
div#top div.header ul.mainmenu {
	float: right;
  display: block;
  width: 500px;
	list-style: none;
	color: #ffffff;
	font-size: 0.8em;
	margin: 50px 0px 0px 0px;
}
div#top div.header ul.mainmenu li {
  float: left;
	line-height: 25px;
	margin: 0px 0px 0px 11px;
}
div#top div.header ul.mainmenu li a {
	display: block;
  float: left;
  height: 22px;
  width: 103px;
  text-decoration: none;
  background-repeat: no-repeat;
	background-position: top left;
}
div#top div.header ul.mainmenu li.sluzby a {
	background-image:url("../images/menu-sluzby.jpg");
}
div#top div.header ul.mainmenu li.portfolio a {
	background-image:url("../images/menu-portfolio.jpg");
}
div#top div.header ul.mainmenu li.kdojsem a {
	background-image:url("../images/menu-kdojsem.jpg");
}
div#top div.header ul.mainmenu li.kontakt a {
	background-image:url("../images/menu-kontakt.jpg");
}
div#top div.header ul.mainmenu li a:hover {
  background-position: 0px -22px;
}
div#top div.header ul.mainmenu li a span {
  display: none;
}

/* MAIN CONTENT */
div#main div.content div.maincontent {
  display: block;
  float: left;
  width: 840px;
  text-align: left;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 30px 0px;
}
div#main div.content div.maincontent div.obsah h2 {
  display: block;
  margin: 0px 0px 10px 0px;
}
div#main div.content div.maincontent div.obsah h2.sluzby {
  width: 281px;
  height: 29px;
  background: url("../images/h2-sluzby.jpg") top left no-repeat;
}
div#main div.content div.maincontent div.obsah h2 span {
  display: none;
}

div#main div.content div.maincontent div.obsah {
  display: block;
  float: left;
  width: 820px;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 36px 0px 30px 0px;
}

/* MAIN CONTENT MENU */
div#main div.content div.maincontent div.header {
	float: left;
	width: 840px;
	height: 85px;
}
div#main div.content div.maincontent div.header div.home {
	display: block;
	float: left;
  width: 267px;
  height: 57px;
  margin: 28px 0px 0px 0px;
  background: url("../images/bgr-logo-sub.jpg") top left no-repeat;	
}
div#main div.content div.maincontent div.header div.home a {
	display: block;
  width: 287px;
  height: 57px;
	text-decoration: none;
}
div#main div.content div.maincontent div.header div.home a:hover {
	display: block;
  width: 287px;
  height: 57px;
	text-decoration: none;
}
div#main div.content div.maincontent div.header div.home span {
	display: none;
}

div#main div.content div.maincontent div.header ul.mainmenu {
	float: right;
  display: block;
  width: 500px;
	list-style: none;
	color: #ffffff;
	font-size: 0.8em;
	margin: 50px 0px 0px 0px;
}
div#main div.content div.maincontent div.header ul.mainmenu li {
  float: left;
	line-height: 25px;
	margin: 0px 0px 0px 11px;
}
div#main div.content div.maincontent div.header ul.mainmenu li a {
	display: block;
  float: left;
  height: 22px;
  width: 103px;
  text-decoration: none;
  background-repeat: no-repeat;
	background-position: top left;
}
div#main div.content div.maincontent div.header ul.mainmenu li.active a {
	background-position: 0px -22px;
}
div#main div.content div.maincontent div.header ul.mainmenu li.sluzby a {
	background-image:url("../images/menu-sluzby.jpg");
}
div#main div.content div.maincontent div.header ul.mainmenu li.portfolio a {
	background-image:url("../images/menu-portfolio.jpg");
}
div#main div.content div.maincontent div.header ul.mainmenu li.kdojsem a {
	background-image:url("../images/menu-kdojsem.jpg");
}
div#main div.content div.maincontent div.header ul.mainmenu li.kontakt a {
	background-image:url("../images/menu-kontakt.jpg");
}
div#main div.content div.maincontent div.header ul.mainmenu li a:hover {
  background-position: 0px -22px;
}
div#main div.content div.maincontent div.header ul.mainmenu li a span {
  display: none;
}

/* TOP STORY*/
div#main div.content div.maincontent div.topstory {
  display: block;
  float: left;
  width: 302px;
  text-align: left;
  margin: 30px 0px 20px 0px;
}
div#main div.content div.maincontent div.topstory p {
  margin: 7px 0px 10px 0px;
  line-height: 1.5em;
}
div#main div.content div.maincontent div.topstory h1 {
  display: block;
  float: left;
  margin: 0px 0px 18px 0px;
}
div#main div.content div.maincontent div.topstory h1.name {
  width: 291px;
  height: 44px;
  background: url("../images/h1-name.jpg") top left no-repeat;
}
div#main div.content div.maincontent div.topstory h1 span {
  display: none;
}
div#main div.content div.maincontent div.topstory h2 {
  display: block;
  float: left;
  margin: 0px 0px 10px 0px;
}
div#main div.content div.maincontent div.topstory h2.intro {
  width: 306px;
  height: 79px;
  background: url("../images/h2-topstory.jpg") top left no-repeat;
}
div#main div.content div.maincontent div.topstory h2 span {
  display: none;
}
div#main div.content div.maincontent div.button {
  display: block;
  float: left;
  width: 312px;
  margin: 20px 0px 0px 50px;
  background-position: top left;
  background-repeat: no-repeat;
}
div#main div.content div.maincontent div#folio a {
  display: block;
  width: 164px;
  height: 32px;
  background-image: url("../images/button-go-portfolio.jpg");
}
div#main div.content div.maincontent div#kontakt a {
  display: block;
  width: 164px;
  height: 32px;
  background-image: url("../images/button-go-kontakt.jpg");
}
div#main div.content div.maincontent div#kdojsem a {
  display: block;
  width: 164px;
  height: 32px;
  background-image: url("../images/button-go-kdojsem.jpg");
}

div#main div.content div.maincontent div.button a:hover {
  background-position: 0px -32px;
}
div#main div.content div.maincontent div.button a span {
  display: none;
}


/* SLIDESHOW */
div#main div.content div.maincontent div#slideshow {
  display: block;
  float: left;
  width: 528px;
  height: 420px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
  background: url("../images/bgr-slideshow.jpg") top right no-repeat;
}
div#main div.content div.maincontent div#slideshow img {
  float: right;
  width: 471px;
  height: 345px;
  padding: 29px 0px 0px 33px;
}

div#main div.content div.maincontent div.slide {
  display: block;
  float: left;
  width: 528px;
  height: 420px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
  background: url("../images/bgr-slideshow.jpg") top right no-repeat;
}
div#main div.content div.maincontent div.slide img {
  float: left;
  width: 471px;
  height: 345px;
  padding: 29px 0px 0px 33px;
}

div#main div.content div.maincontent div.obsah ul.sluzby {
  display: block;
  float: left;
  width: 820px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 30px 0px 0px 0px;
}
div#main div.content div.maincontent div.obsah ul.sluzby li {
  display: block;
  float: left;
  width: 260px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 0px 0px;
}
div#main div.content div.maincontent div.obsah ul.sluzby li.side {
  margin: 0px 0px 20px 0px;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3 {
  display: block;
  float: left;
  width: 259px;
  height: 21px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3.webdesign {
  background: url("../images/h3-webdesign.png") top right no-repeat;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3.online {
  background: url("../images/h3-online.png") top right no-repeat;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3.content {
  background: url("../images/h3-content.png") top right no-repeat;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3.eshop {
  background: url("../images/h3-eshop.png") top right no-repeat;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3.seo {
  background: url("../images/h3-seo.png") top right no-repeat;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3.design {
  background: url("../images/h3-design.png") top right no-repeat;
}
div#main div.content div.maincontent div.obsah ul.sluzby li h3 span {
  display: none;
}
div#main div.content div.maincontent div.obsah ul.sluzby li p {
  margin: 8px 0px 0px 0px;
  line-height: 1.6em;
}


div#main div.content div.maincontent div.row {
  display: block;
  float: left;
  width: 840px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div#main div.content div.maincontent div.row div.cell {
  display: block;
  float: left;
  width: 260px;
  height: 160px;
  padding: 0px 0px 20px 0px;
  margin: 0px 20px 0px 0px;
}
div#main div.content div.maincontent div.row div.side {
  margin: 0px 0px 0px 0px;
}
div#main div.content div.maincontent div.row div.cell a {
  display: block;
  float: left;
  width: 260px;
  height: 160px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
	overflow: hidden;
}

/* UKONCENI BLOKU */
div#main div.content div.maincontent div.end {
  display: block;
  float: left;
  width: 820px;
  height: 4px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 5px 0px;
  background: url("../images/bgr-end.jpg") top right repeat-x;
}
div#main div.content div.maincontent p.copy {
  padding: 10px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  font-size: 0.85em;
  color: #626262;
}



/* Easy Slider */
#slider {
  display: block;
  float: left;
  width: 840px;
	height: 540px;
	overflow: hidden; 
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li { 
	width: 840px;
	height: 540px;
	overflow: hidden; 
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
span#prevBtn {
  float: left;
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 0px 10px;
  background: url("../images/less-arrow.png") 0px 5px no-repeat;
  font-size: 0.85em;
}
span#nextBtn {
  float: right;
  padding: 0px 15px 0px 0px;
  margin: 0px 10px 0px 0px;
  background: url("../images/more-arrow.png") right center no-repeat;
  font-size: 0.85em;
}		
/* // Easy Slider */

div.vertical div {
	float: left;
	width: 260px;
	height: 160px;
	border: none;
	position: relative;
	overflow: hidden;
}
div.vertical img {
	position: absolute;
}
div.refs {
  float: right;
  padding: 0px 80px 0px 0px;
}
div.refs2 {
  float: right;
  padding: 30px 40px 0px 0px;
}

div#main div.content div.maincontent div#data {
  display: block;
  float: left;
  width: 275px;
  text-align: left;
  padding: 50px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div#main div.content div.maincontent div#data p {
  float: left;
  line-height: 1.8em;
  width: 275px;
  color: #ffffff;
}
div#main div.content div.maincontent div#data p span {
  float: left;
  width: 65px;
  color: #7d7d7d;
}
div#main div.content div.maincontent div#data h1 {
  display: block;
  float: left;
  width: 275px;
  height: 24px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-position: left top;
  background-repeat: no-repeat; 
  background-image: url("../images/h1-47.png");
}
div#main div.content div.maincontent div#data h1 span {
  display: none; 
}
div#main div.content div.maincontent div#data h4 {
  display: block;
  float: left;
  width: 103px;
  height: 20px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url("../images/h4-opinion.png") left top no-repeat;
}
div#main div.content div.maincontent div#data h4 span {
  display: none;
}
div#main div.content div.maincontent div#data h5 {
  float: left;
  color: #85ca39;
  font-size: 0.95em;
  padding: 10px 0px 8px 0px;
}
div#main div.content div.maincontent div#data p.grey {
  color: #7d7d7d;
  line-height: 1.4em;
}
div#main div.content div.maincontent div#screen {
  display: block;
  float: left;
  width: 555px;
  text-align: left;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}
div#main div.content div.maincontent div#navi {
  display: block;
  float: right;
  width: 555px;
  text-align: left;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div#prev {
  float: left;
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
  background: url("../images/less-arrow.png") 0px 5px no-repeat;
  font-size: 0.85em;
}
div#next {
  float: right;
  padding: 0px 15px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url("../images/more-arrow.png") right center no-repeat;
  font-size: 0.85em;
}
div#secondimg {
  float: left;
  padding: 18px 19px 0px 0px;
}
div#thirdimg {
  float: left;
  padding: 18px 0px 0px 0px;
}