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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: underline;
	color: #0881af;
}
a:visited {
	text-decoration: underline;
	color: #55c2ef;
}
a:hover {
	text-decoration: none;
	color: #015b7d;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
/*-- /reset---*/
html {
	width: 100%;
	background: url(images/background.jpg) no-repeat center top fixed #fafafa;
}
body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font: normal 0.9em/1.5 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	text-shadow: #fafafa 1px 1px 0;
}
/* ------------------------container------------------------ */
#container {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 10px;
}
#bottom-page {
	width: 960px;
	margin: 100px auto 0px auto;
	padding: 0px 0px 0px 0xp;
}
#header {
	height: 140px;
	width: 100%;
	padding: 0px;
	background: url(images/bg-top.jpg) no-repeat center top;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#menu {
	height: 140px;
	padding: 0px 5px;
	width: 980px;
	margin: 10px auto 0px auto;
	z-index: 999;
	overflow: visible;
	background: url(images/bg-top.jpg) no-repeat center top;
	position: relative;
}
#menu .logo {
	background: url("images/logo.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 50px;
	width: 140px;
	margin: 28px 0 0 0;
}
#google {
	position: absolute;
	top: 0px;
	left: 725px;
	width: 280px;
	
	}
.g-plusone {
float:left;
margin-left:10px;

}
.twitter {
float:left;
margin-left:12px;
margin-top:4px;

}
.fcb {
float:left;
margin-left:8px;
margin-right: 10px;
margin-top:2px;

}

.info {
	width: 300px;
	float: right;
	font-style: italic;
	text-shadow: #fafafa 1px 1px 0;
	padding-top: 35px;
	height: 68px;
	text-align: center;
}
.info2 {
	width: 500px;
	float: right;
	font-style: italic;
	text-shadow: #fafafa 1px 1px 0;
	padding-top: 35px;
	height: 68px;
	text-align: right;
}
.info1 {
	width: 590px;
	float: right;
	font-style: italic;
	text-shadow: #fafafa 1px 1px 0;
	padding: 10px 10px 0px 0px;
	height: 40px;
	text-align: right;
}
/*--------------------------------------------- nav---------------------------------------------*/
#navigace {
	float: right;
	margin: 45px 0px 0px 0px;
}
#navigace ul {
	font-size: 1.3em;
	text-align: right;
	margin-right: 30px;
}
#navigace ul li {
	display: inline;
	padding: 0px;
	position: relative;
	margin: 0px 5px 0px 5px;
	padding: 0px 8px;
}
#navigace ul li a {
	color: #333;
	text-decoration: none;
	text-shadow: #fafafa 1px 1px 0;
	letter-spacing: -0.5px;
	padding: 0px;
	ackground:gray;
	adding:3px 15px;
}
#navigace ul li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
#navigace ul li.logo {
	background: none;
}
.rounded {
  border-radius:3ex;
  -webkit-border-radius:3ex;
  -moz-border-radius:3ex;
}
/* ---------------------about----------------------- */
#uvod {
	width: 960px;
	height: 30px;
	margin: 0px auto 0px auto;
	clear: both;
}
#sluzby {
	width: 960px;
	height: 120px;
	margin: 0px auto 0px auto;
	clear: both;
}
#reference {
	width: 960px;
	height: 130px;
	margin: 0px auto 0px auto;
	clear: both;
	padding: 0px 0px 0px 0px;
}
#kontakt {
	width: 960px;
	height: 130px;
	margin: 0px auto 0px auto;
	clear: both;
	padding: 0px 0px 0px 0px;
}
#about {
	width: 100%;
	height: 552px;
	margin: 0px auto 0px auto;
	background: url(images/screen-empty.png) no-repeat right top;
	position: relative;
	padding: 0px;
}
a.screen1 {

width:368px;
height:237px;
background: url(images/screen-normal.png) no-repeat;
display:block;
position:absolute;
top:110px;
left:490px;


}
#about-404 {
	width: 100%;
	height: 552px;
	margin: 0px auto 0px auto;
	background: url(images/404.png) no-repeat right top;
	position: relative;
	padding: 0px;
}
#headline-box {
	margin: 90px 0px 0px 0px;
	background: url(images/glowww.png) no-repeat left;
	width: 430px;
	height: 342px;
	position: relative;
}
#headline-box-404 {
	margin: 40px 0px 0px 0px;
	background: url(images/glowww.png) no-repeat -45px 50px;
	width: 430px;
	height: 380px;
	position: relative;
}

#headline {
	position: absolute;
	top: 30px;
	left: 30px;
}
#headline-404 {
	position: absolute;
	top: 80px;
	left: 0px;
}
#about span.headline {
	font-size: 1em;
	text-shadow: #fafafa 1px 1px 0;
	width: 300px;
	display: block;
	position: absolute;
	top: 160px;
	left: 15px;
}
#about-404 div.headline {
	font-size: 1em;
	text-shadow: #fafafa 1px 1px 0;
	width: 350px;
	display: block;
	position: absolute;
	top: 100px;
	left: 0px;
	color:#141414;
}
#about-404 div.headline p {
	margin: 10px 0px;
}
#about h2,  #about-404 h2 {
	text-shadow: 1px 1px 0 #fff;
	color: #9B9B9B;
	font-size: 18pt;
	line-height: 29px;
	text-align: center;
}
#about h1 {
	font: normal 1.5em/1.5 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
	color: #000;
	background: url(images/headline.png) no-repeat center;
	position: absolute;
	width: 303px;
	height: 74px;
	text-indent: -9000px;
	top: 60px;
	left: 0px;
}

#about-404 h1 {
	font: normal 1.9em/1.5 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
	color: #000;
	position: absolute;
	width: 303px;
	top: 30px;
	left: 0px;
}
.shadow {
	background: url(images/button-shadow.png) no-repeat bottom right;
	width: 192px;
	position: absolute;
	top: 260px;
	left: 15px;
	height: 69px;
}
.shadow span {
	text-indent: -9000px;
}
a.button {
	width: 198px;
	height: 56px;
	background: url(images/button-more.png) no-repeat 100% 0px;
	display: block;
	margin: 0px;
	float: left;
}
a.button:hover {
	background: url(images/button-more.png) no-repeat 100% -57px;
}
/* ---------------------page components---------------------- */
h2 {
	text-indent: -9000px;
	color: #333;
	font-size: 2em;
	line-height: 29px;
	float: left;
	margin: 0px 0px 20px 0px;
}
h3 {
	color: #333;
	font-size: 1.4em;
	line-height: 29px;
	float: left;
	text-shadow: #fafafa 1px 1px 0;
	letter-spacing: -1px;
	width: 100%;
}
#continue {
	background: url(images/line-left.png) no-repeat center top;
	width: 100%;
	height: 400px;
	margin: 100px auto 0px auto;
}
#continue1 {
	background: url(images/line-right.png) no-repeat right top;
	width: 100%;
	height: 400px;
	margin: 100px auto 0px auto;
}
#continue2 {
	background: url(images/line-center.png) no-repeat center top;
	width: 100%;
	height: 400px;
	margin: 150px auto 100px auto;
}
/*-----h2-----*/
.services {
	background: url(images/h2-services.png) no-repeat left;
	width: 660px;
	height: 68px;
	margin: 0px 0px 40px 0px;
}
.ref {
	background: url(images/h2-reference.png) no-repeat left;
	width: 460px;
	height: 68px;
	margin: 0px 0px 40px 0px;
	float: left;
}
.tisk {
	background: url(images/h2-tisk.png) no-repeat left;
	width: 360px;
	height: 40px;
	margin: 0px 0px 40px 0px;
	float: left;
}
.fuckbook {
	background: url(images/h2-fuckbook.png) no-repeat left;
	width: 274px;
	height: 40px;
	margin: 0px 0px 40px 0px;
	float: left;
}
.eshop {
	background: url(images/h2-eshop.png) no-repeat left;
	width: 105px;
	height: 40px;
	margin: 0px 0px 40px 0px;
	float: left;
}
.webdesign {
	background: url(images/h2-webdesign.png) no-repeat left;
	width: 156px;
	height: 40px;
	margin: 0px 0px 40px 0px;
	float: left;
}
.footer {
	background: url(images/h2-kontakt.png) no-repeat left bottom;
	width: 100%;
	height: 70px;
	margin: 0px 0px 40px 0px;
}
/*-----services-----*/
#services-box {
	width: 100%;
	margin: 0 auto;
}
#services-box  h3 {
	margin: 20px auto 20px auto;
	text-align: center;
}
.sluzby-seznam ul {
	margin: 0px 0px 0px 0px;
}
.sluzby-seznam li {
	padding: 50px 0px 20px 0px;
}
.sluzby-seznam #sluzba-analytics {
	background: url("images/icon-analytics.png") no-repeat center top;
}
.sluzby-seznam #sluzba-graficky-design {
	background: url("images/icon-design.png") no-repeat center top;
}
.sluzby-seznam #sluzba-seo {
	background: url("images/icon-seo.png") no-repeat center top;
}
.sluzby-seznam #sluzba-servis {
	background: url("images/icon-servis.png") no-repeat center top;
}
.sluzby-seznam #sluzba-eshop {
	background: url("images/icon-eshop.png") no-repeat center top;
}
.sluzby-seznam #sluzba-domeny {
	background: url("images/icon-domeny.png") no-repeat center top;
}
.sluzby-seznam #sluzba-facebook {
	background: url("images/icon-facebook.png") no-repeat center top;
}
.sluzby-seznam #sluzba-xhtml {
	background: url("images/icon-xhtml.png") no-repeat center top;
}
.sluzby-seznam #sluzba-cms {
	background: url("images/icon-cms.png") no-repeat center top;
}
.sloupec1st {
	float: left;
	width: 280px;
	margin-right: 50px;
}
.sloupec2nd {
	float: left;
	width: 280px;
	margin-right: 50px;
}
.sloupec3rd {
	float: left;
	width: 280px;
	margin-right: 0px;
}
/*-----reference-----*/
#reference-box {
	width: 100%;
	margin: 0 auto;
	background: none;
}
.reference {
	margin: 0;
	list-style: none;
}
.reference li {
	display: block;
	float: left;
	width: 300px;
	height: 245px;
	margin: 0px 0px 20px 30px;
	background: url(images/shadow-ref.png) no-repeat center bottom;
	text-align: center;
}
.reference li.move {
	margin-left: 0;
}
.reference.bottom li {
	margin-bottom: 0;
}
.reference li.last {
	margin-right: 0;
}
.reference li img {
	display: block;
	width: 300px;
	height: 200px;
}
.reference li div {
	padding: 0px;
	color: #333;
}
.reference li span {
	float:left;
	text-align:left; 
  color:#000;
}
#reference-box .popis {
	padding-left: 3px;
}
/*General Mosaic Styles*/
.mosaic-block {
	float: left;
	padding: 0px;
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 200px;
	margin: 0;
	background: #111 url(images/progress.gif) no-repeat center center;
}
.mosaic-backdrop {
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: #111;
}
.mosaic-overlay {
	display: none;
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #111;
	top: 0;
	left: 0;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background: url(images/hover-mosaic.png) no-repeat center center;
	opacity: 0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	display: none;
}
/*-----footer-----*/
#footer-box {
	width: 100%;
	margin: 0px auto;
	color: #fafafa;
	text-shadow: #000 1px 1px 0;
	background: url("images/footer.png") repeat-x center top;
}
#bottomfoot {
	width: 100%;
	margin: 0px auto;
	background: url("images/footbg.png") repeat;
	height: 40px;
	color: #7c7c7c;
	padding: 20px 0 0 0;
	
}
#bottomfoot-div {
	width: 960px;
	margin: 0px auto;
	font-size: 0.9em;
	text-shadow: none;
	position:relative;
}

#footer {
	width: 1000px;
	margin: 0px auto 0px auto;
	height: 280px;
	padding: 35px 0 0 0;
	position: relative;
	
}
#footer a {
	color: #fafafa;
}
#footer a:hover {
	color: #fafafa;
	text-decoration: none;
}
#footer h3 {
	font-size: 1.55em;
	line-height: 30px;
	float: left;
	text-shadow: #000 1px 1px 0;
	letter-spacing: -0.7px;
	width: 100%;
	margin: 0px 0px 30px 0px;
	color: #fafafa;
}
#footer ul {
	margin: 0px 0px 0px 0px;
	line-height: 30px;
	line-height: 1.3em;
}
#footer ul li {
	padding: 0px 0 0px 40px;
	margin: 0px 0px 17px 0px;
	
}
#footer ul.second li {
	padding: 0px 0 0px 0px;
	margin: 0px 0px 15px 0px;
}
#footer ul li.person {
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 0px;
}
.footcol {
	float: left;
	width: 320px;
	margin-right: 0px;
	background: url("images/footcol.png") no-repeat right center;
	padding: 0px 0px 0px 20px;
}
.footcol2 {
	float: left;
	width: 330px;
	margin-right: 0px;
	padding: 0px 0px 0px 60px;
}
.footcol span, .footcol2 span {
	color: #38beff;
}
.footcol span.dk {
	display: block;
	color: #fafafa;
}
.footcol.2nd {
	margin-right: 0;
	padding-left: 40px;
}
#footer ul li.phone {
	background: url("images/phone.png") no-repeat 0px 5px;
}
#footer ul li.skype {
	background: url("images/skype.png") no-repeat 0px 5px;
}
#footer ul li.email {
	background: url("images/email.png") no-repeat 0px 5px;
}
#footer ul li.kalkulace {

	text-indent: -9000px;
	width:296px;
	height:15px;
	background: url("images/kalkulace.png") no-repeat;
  margin-top:45px;
}

#qrhand {
	width:280px;
	height: 355px;
	position: absolute;
	top: -70px;
	right: 0;
	background: url(images/qrhand.png) no-repeat top;
}

a.nahoru {
	width: 50px;
	height: 50px;
  background: url("images/top.png") no-repeat;
  position: absolute;
	top: -45px;
	right: 0;
  display:block;	
}
a.nahoru:hover {
 position: absolute;
	top: -47px;
	right: 0;
}
#footer a.external {
	text-decoration: underline;
	background: url("images/blank.gif") no-repeat right;
	padding-right: 12px;
}
#footer a.external:hover {
	text-decoration: none;
}
/*-----other-----*/
.hr {
	width: 100%;
	height: 40px;
	background: url("images/shadow.png") no-repeat top center;
	margin: 35px 0px 0px 0px;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0;
	height: 1px;
	width: 100%;
}
p {
	line-height: 1.5em;
	text-align: left;
}
.more {
	float: right;
	height: 25px;
	background: url("images/packman.png") no-repeat bottom left;
	padding: 0px 0px 3px 17px;
}
em {
	color: #c0c0c0;
	font-style: normal;
}