* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background: #d4f2ff url("bg.jpg") repeat-x;
	/*font: normal normal normal 14px/normal 'Trebuchet ms', Arial, helvetica, sans-serif;*/
	font-family: "segoe ui light", "segoe ui",arial,sans-serif;
	color: #333333;
	text-align: center;
	top: 0;
}
a, a:visited {
  color: #1F8FC0;
}
#lolec-cz {
	width: 840px;
	display: block;
	margin: 0 auto;
}
.hidden, hr {
	display: none;
}

/*#archiv-aktualit hr {
  display: inline;
  background-color: #C7E8ED;
  border-width: 0px;
  height:1px;
  width: 100%
} */

.fleft { float: left; }
.clear { clear: both; }
.fright { float: right; }
.block { display: block; }
strong.block{
  font-size: 95%;
  color: #246082;
  margin: 10px 5px;
}
code{
  display: block;
  font-size: 95%;
  font-family: Arial;
  background: #fff;
  padding: 10px;
  margin: 10px;
}
#slogan {
	height: 61px;
	line-height: 61px;
	font-size: 16px;
	color: #000;
	display: block;
}
#logo{
  width: 152px;
  height: 75px;
  line-height: 75px;
  margin: 0; padding: 0;
  position: relative;
  overflow: hidden;
  float: left;
  text-align: center;
}
#logo a{
 color: #236285;
 text-decoration: none;
}
#logo a:hover{
 color: #004267;
 text-decoration: none;
}
#logo a span {
  display:block;
  position:absolute; 
  left:0; top: 0; z-index:1;
  width: 152px; height:75px;
  margin: 0; padding: 0;
  color: #000;
  background: url("logo_blue.jpg") 0 0 no-repeat;
  cursor: pointer;
}
h1{
  color: #024968;
  margin: 0 0 0 45px;
  text-align: left;
  font-size: 180%;
}
h2.uvod-h2{
  color: #2995c4;
  margin: 20px 0 0 50px;
  text-align: left;
  font-size: 140%;
}
h2 {
	color: #2995c4;
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 150%;
}
h2 a {
	color: #2995c4;
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 100%;
	text-decoration: none;
}
h2 a:hover {
	color: #000;
}
h2.odsazeni {
	margin: 0 0 10px 23px;
}
h3 {
	color: #1f8fc0;
	text-align: left;
	font-size: 100%;
}

/* 
********************************************************************************        
                                                HLAVNI NAVIGACE
********************************************************************************
*/
ul#navigace {
	margin: 20px 0 0 0;
	padding: 0;
	height: 39px;
	width: 683px;
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	line-height: 39px;
	background: #fff url("nav-bg.jpg") repeat-x;
}
ul#navigace li {
	display: block;
	float: left;
	width: auto;
	position: relative;
	left: 0;
}
ul#navigace li.first {
	margin: 0 0 0 20px;
}
ul#navigace li span.sep {
	display: block;
	width: 15px;
	float: left;
	margin: 0;
	background: url("nav-sep.jpg") no-repeat 50% 50%;
}
ul#navigace li a {
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 18px;
	font-size: 95%;
	color: #007ab0;
	text-decoration: none;
}
ul#navigace li:hover a, ul#navigace li.hover a, ul#navigace li a:hover {
	background: #e7f8ff url("arrow.gif") no-repeat 50% top;
	color: #002b3e;
}
ul#navigace li a:hover {
	color: #002b3e;
}
ul#navigace li#active #active-left {
	color: #fff;
	display: block;
	float: left;
	width: 5px;
	height: 39px;
	background: url("nav-active-left.jpg") no-repeat bottom left;
}
ul#navigace li#active a {
	color: #fff;
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	background: #38afe3 url("nav-active.jpg") repeat-x bottom center;
}
ul#navigace li#active #active-right {
	color: #fff;
	display: block;
	float: left;
	height: 39px;
	width: 5px;
	background: url("nav-active-right.jpg") no-repeat bottom right;
}
/* vyjizdejici menu */
ul#navigace li ul {
	display: none;
	width: 190px;
	position: absolute;
	left: 0;
	top: 39px;
	padding: 0;
	margin: 0;
	background: #e7f8ff;
	z-index: 10;
}
ul#navigace li:hover ul, ul#navigace li.hover ul {
	display: block;
}
ul#navigace li li {
	display: block;
	clear: both;
	width: auto;
}
ul#navigace li.hover span.sep {
}
ul#navigace li#active:hover li a, ul#navigace li#active.hover li a, ul#navigace li#active li a, ul#navigace li:hover li a, ul#navigace li.hover li a, ul#navigace li li a {
	font-size: 11px;
	display: block;
	background: #e7f8ff;
	background-image: none;
	clear: both;
	width: 180px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #0070a1;
	height: 25px;
	padding: 0 5px 0 15px;
	line-height: 25px;
}
ul#navigace li#active li a:hover, ul#navigace li li a:hover {
	font-size: 11px;
	display: block;
	background: #6ed3ff;
	background-image: none;
	clear: both;
	color: #002231;
}
span#nav-end {
	display: block;
	float: right;
	margin: 22px 0 0 0;
	width: 5px;
	height: 37px;
	background: #fff url("nav-end.jpg") no-repeat;
}

/* 
********************************************************************************        
                                                DROBECKOVA NAVIGACE
********************************************************************************
*/
#drobecek {
	display: block;
	text-align: left;
	font-size: 85%;
	height: 30px;
	padding: 0 20px 0 0;
	color: #027aae;
}
#drobecek a {
	color: #00628d;
}
#drobecek a:hover {
	color: #014a6a;
	text-decoration: none;
}

/* 
********************************************************************************        
                                                OBSAH OBECNE
********************************************************************************
*/
#container{
  display: block;
  margin: 0 15px 20px 18px;

  clear: both;
}
.content {
	display: block;
	margin: 0;
	text-align: left;
}
.content a {
	color: #3B5998;
}
.content a:hover {
	color: #3B5998;
	text-decoration: none;
}
.content p{
	color: #003f5a;
	text-align: justify;
	padding: 10px;
	line-height: 21px;
}
.content p.kratky {
  display: block;
  width: 320px;

}
.content ul{
	padding: 0 0 0 30px;
	margin: 10px 0 20px 0;
	list-style-type: square;
}
.content ul li{
	color: #003f5a;
}
/* uvod obrazek, nadpis, odkazy staticke a dynamicke www stranky */
#uvod {
	background: url("tvorba-www-krabice.gif") no-repeat;
	display: block;
	width: 526px;
	position: relative;
	left: 10px;
}
/* Stranka nabidka a jeji podstranky */
#nabidka {
	width: 605px;
	float: left;
}
.tvorba-www {
	background: url("sluzby-webdesign2.jpg") no-repeat right 110px;
}
.xhtml {
	background: url("xhtml.jpg") no-repeat right 100px;
}
/*
.php {
	background: url("php.jpg") no-repeat right 170px;
}
*/
.seo {}
.cms {}
.outsourcing {}
.kariera {
  background: url("lolec.gif") no-repeat 120px 130px;
}

/* Stranka akce a cenik a jeji podstranky */
#akce-a-cenik {
	width: 605px;
	display: block;
	float: left;
}
.kompletni-www{}
.akce-a-slevy{}
.orientacni-cenik{}

/* Stranka reference a jeji podstranky */
#reference {
	display: block;
	width: 605px;
	text-align: left;
}
.vsechny{
	background: url("lolec.gif") repeat-y 50%;
}
.graficke-prace{
	background: url("lolec.gif") repeat-y 50%;
}
.php-aplikace{}
.outsourcing{}
.navrhy-na-prodej{
	background: url("lolec.gif") repeat-y 50%;
}

/* Stranka reference a jeji podstranky */
#o-nas {
	display: block;
	width: 605px;
	text-align: left;
}

/* Stranka reference a jeji podstranky */
#kontaktni-formular{
  text-align: left;
  margin: 0 30px;
}
#kontaktni-formular dl{
  display: block;
  clear: both;
}
#kontaktni-formular dt{
  display: block;
  width: 100px;
  display: block;
  font-size: 14px;
  color: #307592;
  font-weight: bold;
  float: left;
}
#kontaktni-formular dd{
  display: block;
  width: 300px;
  display: block;
  float: left;  margin: 0 0 10px 0;
}
#kontaktni-formular input,
#kontaktni-formular textarea{
  padding: 3px 5px;
  border: 1px solid #73d5ff;
  background: #effaff;
}
#kontaktni-formular textarea{
  width: 290px;
  height: 100px;
}
#kontaktni-formular .odeslat{
  padding: 3px 15px;
  border: 2px solid #e4f7ff;
  background: #1f6889;
  color: #fff;
  font-weight: bold;
}
/* 
********************************************************************************        
                                                PRAVY PANEL
********************************************************************************
*/
#panel{
  display: block;
  width: 184px;
}
.panel {
	display: block;
	width: 184px;
	height: auto;
	overflow: hidden;
	text-align: left;
	clear: both;
}
.panel .padding {
	background: #fff;
	padding: 5px;
}
.panel ul {
	list-style: none;
	padding: 0 5px;
	margin: 0;
}
.panel ul ul {
	padding: 0;
}
.panel ul ul li a {
	color: #000;
	border-bottom: 1px solid #ebebeb;
	padding: 0 0 0 15px;
	background: #fff;
}
.panel ul ul li a:hover {
	background: #f7f7f7;
	border-bottom: 1px solid #ccc;
}
.panel ul li a {
	display: block;
	color: #124c65;
	text-align: left;
	height: 25px;
	font-size: 11px;
	line-height: 25px;
	border-bottom: 1px solid #b1e8ff;
	text-decoration: none;
	padding: 0 5px 0 0;
}
.panel ul li a:hover {
	color: #000;
	border-bottom: 1px solid #92dfff;
	background: #edfaff;
}
.panel-top {
	background: url("panel-top.gif") no-repeat top center;
	display: block;
	width: 184px;
	height: 6px;
	overflow: hidden;
}
.panel-bot {
	background: url("panel-bot.gif") no-repeat top center;
	display: block;
	width: 184px;
	height: 6px;
	margin: 0 0 10px 0;
}

/* 
********************************************************************************        
                                                UVODNI STRANKA
********************************************************************************
*/
a.cena-od {
	width: 232px;
	height: 62px;
	line-height: 30px;
	margin: 0 0 30px 199px;
	padding: 0;
	position: relative;
	overflow: hidden;
	float: left;
	color: #ff7800;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	background: url("uvod-bublina.gif") no-repeat;
}
a.cena-od strong {
	display: block;
	font-size: 150%;
	color: #004663;
}
a.cena-od:hover {
	color: #000;
}
a.cena-od:hover strong {
	color: #000;
}
a.tvorba-www {
	width: 241px;
	height: 80px;
	line-height: 40px;
	margin: 10px 0 40px 196px;
	padding: 0;
	position: relative;
	overflow: hidden;
	float: left;
	color: #1f8fc0;
	font-weight: bold;
	font-size: 220%;
	text-align: center;
	text-decoration: none;
}
a.tvorba-www:hover {
	color: #ff7800;
}
a.tvorba-www span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 241px;
	height: 80px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url("tvorba-www-stranek-na-miru.jpg") no-repeat 0 0;
	cursor: pointer;
}
a.tvorba-www.hover span, a.tvorba-www:hover span {
	background: url("tvorba-www-stranek-na-miru.jpg") no-repeat 0 -81px;
}
a.staticke-stranky {
	width: 251px;
	height: 98px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	float: left;
	color: #1f8fc0;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	text-decoration: none;
}
a.staticke-stranky span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 251px;
	height: 98px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url("staticke-stranky.jpg") no-repeat 0 0;
	cursor: pointer;
}
a.staticke-stranky.hover span, a.staticke-stranky:hover span {
	background: url("staticke-stranky.jpg") no-repeat 0 -98px;
}
a.dynamicke-stranky {
	width: 275px;
	height: 98px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	position: relative;
	color: #1f8fc0;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	text-decoration: none;
	background: url("uvod-mezera.jpg") no-repeat right;
}
a.dynamicke-stranky span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 275px;
	height: 98px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url("dynamicke-stranky.jpg") no-repeat 0 0;
	cursor: pointer;
}
a.dynamicke-stranky.hover span, a.dynamicke-stranky:hover span {
	background: url("dynamicke-stranky.jpg") no-repeat 0 -98px;
}
a.staticke-stranky:hover, a.dynamicke-stranky:hover {
	color: #ff7800;
}
.uvod-text{
  text-align: justify;
  padding: 10px 50px;
  color: #002434;
  margin: 0 0 10px 0;
  line-height: 23px;
  font-size: 14px;
}
.uvod-text a{
  color: #005478;
}
.uvod-text a:hover{
  color: #000;
}
#co-je-noveho {
	width: 263px;
	height: 30px;
	padding: 0 0 0 0;
	display: block;
	color: #065477;
	font-size: 120%;
	text-align: left;
	background:  url("news-top.gif") no-repeat bottom center;
}
#news {
	height: 318px;
	display: block;
	width: 263px;
	text-align: left;
	background: url("news-end.jpg") no-repeat bottom center;
	position: relative;
	left: 10px;
}
#news .padding {
	background: #fff;
	padding: 10px;
	height: 263px;
	overflow: hidden;
}
#news small {
	display: block;
	text-align: left;
	color: #3c86a6;
}
#news p {
	font-size: 91%;
	text-align: justify;
	padding: 5px 5px 10px 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #d4f2ff;
}
#news a{
  color: #005478;
}
#news a:hover{
  color: #000;
  text-decoration: none;
}
#news a#archiv {
	display: block;
	text-align: right;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	color: #005478;
	text-decoration: none;
	background: #e9f8ff;
}
#news a#archiv:hover {
	color: #000;
	text-decoration: none;
	background: #d4f2ff;
}
.separate {
	background: url("sep.jpg") no-repeat;
	display: block;
	clear: both;
	height: 82px;
}
#nase-sluzby {
	width: 276px;
	height: 187px;
	display: block;
	line-height: 40px;
	margin: 0;
	padding: 0;
	position: relative;
	color: #1f8fc0;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
a#nase-sluzby:hover {
	color: #ff7800;
}
#nase-sluzby span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 276px;
	height: 187px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url("sluzby-krabice.jpg") no-repeat 0 0;
	cursor: pointer;
}
#nase-sluzby-nadpis {
	width: 518px;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	text-decoration: none;
}
#nase-sluzby-nadpis a {
	color: #1f8fc0;
	font-weight: bold;
	text-decoration: none;
	font-size: 140%;
}
#nase-sluzby-nadpis a:hover {
	color: #ff7800;
}
#nase-sluzby-nadpis span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 518px;
	height: 32px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url("sluzby-naseho-studia.jpg") no-repeat 0 0;
	cursor: pointer;
}
#vypis-sluzeb {
	display: block;
	width: 518px;
	text-align: left;
	height: 155px;
	margin: 0 0 40px 0;
	background: url("sluzby-bg.jpg") no-repeat 0 0;
}
#vypis-sluzeb strong {
	display: block;
	color: #3d6e83;
	margin: 30px 0 0 70px;
	height: 30px;
}
#vypis-sluzeb a.sluzba {
	display: block;
	margin: 0 0 0 70px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	font-size: 95%;
	color: #005f8a;
}
#vypis-sluzeb a.sluzba strong {
	display: inline;
	color: #000;
	margin: 0;
}
#vypis-sluzeb a.sluzba:hover {
	color: #000
}
#vypis-sluzeb a.sluzba:hover strong {
	color: #003a54;
}
#archiv-aktualit {
	width: 570px;
	float: left;
}
#archiv-aktualit small {
	color: #18546d;
	font-size: 11px;
}
#archiv-aktualit p {
	padding-bottom: 10px;
	text-align: justify;
	color: #002e41;
}



/* 
********************************************************************************        
                                                KONTAKT
********************************************************************************
*/
#kontakt-first {
	margin: 0 3px 0 5px;
}
.kontakt {
	width: 260px;
	height: 233px;
	display: block;
	margin: 0 3px 20px 5px;
	background: url("kontakt.jpg") no-repeat 0 0;
	text-align: left;

}
.kontakt strong {
	height: 32px;
	display: block;
	line-height: 32px;
	color: #fff;
	font-size: 120%;
	padding: 0 10px;
	margin: 0 0 10px 0;
}
.kontakt dl {
	display: block;
	clear: both;
	height: 25px;
	font-size: 120%;
	margin: 0 20px;
	font-weight: bold;
}
.kontakt dl.special {
	margin: 12px 20px;
}
.kontakt dl dt {
	display: block;
	width: 70px;
	float: left;
	color: #38afe3;
	text-align: right;
}
.kontakt dl.special dt {
	color: #79d6ff;
}
.kontakt dl dd {
	display: block;
	color: #205a74;
	float: left;
	padding: 0 0 0 20px;
	text-align: left;
}
.kontakt dl.special dd {
	color: #4b9dc2;
}
.kontakt:hover {
	background: url("kontakt.jpg") no-repeat -260px 0;
}
#kontakt-udaje {
	width: 6000px;
	height: 207px;
	display: block;
	line-height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	color: #1f8fc0;
	float: left;
	text-align: center;
	text-decoration: none;
}

#kontakt-udaje dl {
	display: block;
	clear: both;
	font-size: 160%;
	margin: 0 auto;
	font-weight: bold;
}
#kontakt-udaje dl dt {
	display: block;
	width: 160px;
	float: left;
	margin: 0;
	padding: 0;
	color: #38afe3;
	text-align: right;
}
#kontakt-udaje dl dd {
	display: block;
	color: #205a74;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
}

/* 
********************************************************************************        
                                                REFERENCE
********************************************************************************
*/

p.ref {
	width: 185px;
	height: 170px;
	float: left;
	display: block;
	margin: 0 10px 20px 0;
	background: #afe7ff;
	padding: 0;
	position: relative;
	left: 15px;
}
p.ref.hover, p.ref:hover {
	width: 185px;
	height: 170px;
	background: #76d6ff;
	display: block;
	padding: 0;
}
p.ref a {
	color: #8f694d;
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
p.ref a:hover {
	color: #eb0b00;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
}
p.ref strong {
	font-size: 12px;
	display: block;
	margin: 8px 0 0 0;
	padding: 0;
	padding: 0 8px;
	color: #004a69;
	height: 25px;
	text-align: right;
	line-height: 25px;
	overflow: hidden;
	background: #76d6ff;
}
p.ref.hover strong, p.ref:hover strong {
	display: block;
	height: 25px;
	color: #007bae;
	overflow: hidden;
	line-height: 25px;
}
p.ref img {
	color: #fff;
	font-size: 11px;
	width: 155px;
	height: 121px;
	display: block;
	background: #fff;
	padding: 3px;
	margin: 7px auto 0 auto;
	border: 5px solid #afe7ff;
}
p.ref.hover img, p.ref:hover img {
	width: 155px;
	height: 121px;
	display: block;
	background: #fff;
	padding: 3px;
	margin: 7px auto 0 auto;
	border: 5px solid #afe7ff;
}
.separate2 {
	background: url("sep2.jpg") no-repeat;
	display: block;
	width: 771px;
	height: 66px;
	margin: 0 auto;
	clear: both;
}
a.butt {
	display: block;
	width: 430px;
	height: 51px;
	background: #fff url("big-butt.jpg") no-repeat;
	margin: 0 auto;
	color: #004562;
	line-height: 30px;
	font-size: 140%;
	font-weight: bold;
	clear: both;
	text-decoration: none;
}
a.butt small {
	display: block;
	font-size: 60%;
	color: #454849;
	line-height: 10px;
}
a.butt:hover, a.butt:hover small {
	color: #000;
}
/* 
********************************************************************************        
                                                DETAIL REFERENCE
********************************************************************************
*/
#reference a {
	text-decoration: none;
}
#reference h3 {
	font-size: 85%;
	text-align: right;
	padding: 3px 20px 3px 0;
}
#reference h3 a {
	color: #000;
}
#reference h3 a:hover {
	color: #013449;
}
#reference .box {
	background: #fff;
	width: 297px;
	height: 221px;
	position: relative;
	left: 313px;
	top: -221px;
}
#reference .box p {
	padding: 10px;
	color: #013449;
	margin: 0 0 20px 0;
}
#reference .box a {
	color: #013449;
	text-decoration: underline;
}
#reference .box a.chci {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	height: 50px;
	color: #013449;
	text-decoration: none;
	line-height: 50px;
}
#reference .box a.chci:hover {
	background: #eaf9ff;
	color: #000;
}
a img.img-detail {
	margin: 0 0 0 10px;
	display: block;
	border: 4px solid #fff;
	text-decoration: none;
}
a img.img-detail2 {
	margin: 5px 0 0 10px;
	display: block;
	border: 4px solid #fff;
	text-decoration: none;
}
a img.img-velky {
	margin: 0 0 0 10px;
	border: 5px solid #fff;
	text-decoration: none;
}
a:hover img.img-velky.hover, a:hover img.img-velky {
	border: 5px solid #afe7ff;
}
a:hover img.img-detail.hover, a:hover img.img-detail2.hover, a:hover img.img-detail, a:hover img.img-detail2 {
	border: 4px solid #afe7ff;
}
strong.sluzby {
	font-size: 12px;
	margin: 10px 0 0 10px;
	color: #0092d0;
	display: none;
}
ul#dodane-sluzby {
	display: block;
	clear: both;
	margin: 0;
	list-style: none;
	background: #afe7ff;
	height: 30px;
	width: 600px;
	padding: 0 0 0 0;
	margin: 10px 0 0 10px;
	border-top: 1px solid #fff;
}
ul#dodane-sluzby li {
	display: block;
	float: left;
}
ul#dodane-sluzby li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0px 22.5px 0 22.5px;
	font-size: 12px;
	color: #005b82;
	text-decoration: none;
	font-weight: bold;
	background: #afe7ff;
}
ul#dodane-sluzby li a:hover {
	color: #001e2b;
	background: #fff url("sipka_sluzby.gif") bottom center no-repeat;
}
p.nazor-klienta {
	margin: 0 0 0 10px;
	font-size: 12px;
	width: 570px;
	background: #fff;
	color: #003850;
	padding: 15px;
}

/* 
********************************************************************************        
                                                AKCE A CENIK
********************************************************************************
*/

table#cenik {
	border: 10px solid #fff;
	display: block;
	margin: 0 0 20px 0;
	width: 590px;
	text-align: left;
}
table#cenik tr.light:hover td, table#cenik tr.light:hover td.cena {
	background: #92deff;
	color: #000;
}
table#cenik tr:hover td.cena, table#cenik tr:hover td {
	background: #c8edff;
	color: #000;
}
table#cenik tr td {
	padding: 10px;
	background: #e6f7ff;
	border-bottom: 1px solid #fff;
	color: #006490;
	width: 80%;
}
table#cenik tr td.cena {
	width: 20%;
	text-align: right;
	font-weight: bold;
	border-left: 1px solid #fff;
	background: #c8edff;
}
table#cenik tr.light td.cena {
	background: #92deff;
}
table#cenik tr.light td {
	background: #afe7ff;
	color: #003c57;
	border-bottom: 1px solid #fff;
}
table#cenik tr td small {
	display: block;
}

/* 
********************************************************************************        
                                                PATICKA
********************************************************************************
*/
#footer {
	clear: both;
	position: relative;
	height: 37px;
	line-height: 37px;
	padding: 0 10px;
	text-align: left;
	margin: 20px 0 0 0;
	background: url("footer.gif") no-repeat center bottom;
  font-size: 11px;
}
#footer span {
	display: block;
	padding: 0 10px;
}
#footer span a {
	text-decoration: none;
	color: #3B5998;
}
#footer span a:hover {
	text-decoration: underline;
	color: #3B5998;
}

/* 
********************************************************************************        
                                                TVROBA WWW STRANEK - WEBDESIGN
********************************************************************************
*/
table#tvorba-www-prehled{
  border: 5px solid #fff;
}
table#tvorba-www-prehled th{
  padding: 5px;
  background: #b6e9ff;
  color: #004462;
}
table#tvorba-www-prehled tfoot td{
  padding: 5px;
  text-align: center;
  font-weight: bold;
}
table#tvorba-www-prehled tbody tr td{
  padding: 5px;
  background: #fff;
  font-size: 95%;
  color: #013349;
  vertical-align: top;
  border-bottom: 1px solid #b6e9ff;
}
table#tvorba-www-prehled tbody tr.hover td,
table#tvorba-www-prehled tbody tr:hover td{
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
}
table#tvorba-www-prehled tr .cena{
  text-align: right;
  font-weight: bold;
  font-size: 120%;
  background: #f1fbff;
  padding: 5px;
}
table#tvorba-www-prehled tr.hover .cena,
table#tvorba-www-prehled tr:hover .cena{
  background: #d0f1ff;
}
/* 
********************************************************************************        
                                                BUGLIST - lolec.CMS
********************************************************************************
*/
#buglist p {
	background: #fff;
	padding: 10px;
}
#buglist strong {
	display: block;
	padding: 5px;
	color: #114a61;
	margin: 10px 0 0 0;
	background: #76d6ff;
}
ul.sitemap {
	list-style: none;
	margin: 30px 0 0 10px;
}

/* 
********************************************************************************        
                                                LIGHTBOX
********************************************************************************
*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}
#imageData {
	padding: 0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* 
********************************************************************************        
                                                MODUL - FOTOGALERIE
********************************************************************************
*/
.galerie-foto {
	display: block;
	background: #afe7ff;
	width: 145px;
	height: 105px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}
.galerie-foto a {
	padding: 10px 0 0 0;
	margin: 0 auto;
	display: block;
}
.galerie-foto a img {
	border: 5px solid #fff;
}
.galerie-foto a:hover img {
	border: 5px solid #76d6ff;
}
#galerie dl {
	display: block;
	margin: 0 0 0 10px;
}
#galerie dl dd {
	padding: 5px 5px 5px 10px;
	font-size: 90%;
}

/* 
********************************************************************************        
                                                IFRAME FACEBOOK
********************************************************************************
*/

.outer {
  width:850px;
  height:246px;
  overflow:hidden;
  position:relative;
}

.inner{
  position:absolute;
  top:-97px;
  left:-1px;
  width:848px;
  height:246px;
  border:none; overflow:hidden;
}


/* 
********************************************************************************        
                                                imagegallery
********************************************************************************
*/

#imagegallery {
  width: 1000px;
  margin: -10px 0px 0px -15px;
  padding: 0px;
}

#imagegallery a {
  display: block;
  width: 180px;
  height: 75px;
  padding: 0px !important;
  margin: 0px !important;
  float: left;
  border: 0;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  text-decoration: none;
}

#imagegallery a:hover {

}

#imagegallery a img {
  padding: 0px !important;
  margin: 0px !important;
  width: 180px;
  height: 75px;
  border: none !important;
}

#imagegallery a:hover img {

}

#galleryclear {
  clear: both;
  margin-top: -50px;
  #margin-top: -10px;
}

big {
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

input, textarea {
font-family: Trebuchet MS; font-size: 17px; height: 26px; padding: 3px; padding-left: 7px; padding-right: 7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(img/border-radius.htc);
border: 1px solid white;
}

textarea {
overflow:auto; height: 80px; width: 97%;
}

.submit {
color: #3B5998;
background:#FFF;
text-align:center;
cursor:pointer;
padding:10px;
height:50px;
font-family: Trebuchet MS; font-size: 23px;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
font-weight:bold;
}

label {
text-align:center;
font-family: Trebuchet MS; font-size: 19px;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
font-weight:bold;
}


td.aukro h3 {
text-align: center;
}
td.aukro {
text-align: center;
padding: 8px;
padding-bottom: 20px;
background-color: #D4F2FF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(img/border-radius.htc);
border: 1px solid #C1ECFF;
}
td.aukro:hover {
text-align: center;
padding: 8px;
padding-bottom: 20px;
background-color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(img/border-radius.htc);
border: 1px solid white;
}


/*      PRIDANO 30/8 DANEK    */
.krabice{
float:left;        
}
#sluzby{
padding:30px 40px 30px 70px;
margin-top:32px;
color:rgb(0, 46, 65);
font-size:19px;
text-align:left;
width:400px;
float:left;
background:url('sluzby-bg.jpg') left top no-repeat;       
}
.chci-objednat{
background:#FFF;
color:#3B5998;
padding:10px;
float:right;
font-size:25px;
text-shadow:1px 1px 1px #888;
margin:-70px 0 0 20px;             
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#archiv-aktualit{
width:100%;
}
#archiv-aktualit div{
float:left;
width:30.5%;
text-align:left;
margin:0 22px 15px 0;
}
#archiv-aktualit strong{
font-weight:bold;
font-size:18px;
}
#archiv-aktualit div.tx{
width:100%;
background:#e4f7fe;
padding:5px;
font-size:14px;

overflow:hidden;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
table.fotogalerie td{

background:#FFF;
padding:10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;                
}
.textarea-f{
width:97%!important;
min-width:97%!important;
max-width:97%!important;           
}

._2a2r, ._5dec, ._4-eo, .like_link, .comment_link, .share_action_link, ._5xib {
display:none}

._5pcq {
display:none
/*datum*/}