html { font-size: 100.05%; }

body {
	color: #fff;
	background: #979797 url('/images/31_17405_body_back.gif') repeat-x 0 0;
	font: 62.5% Arial, sans-serif;
	/*text-align: center;*/
}

table, input, select { font-size: 1em; }

input.checkbox { 
	margin: 2px 10px 0px;
}

h1, h2, h3, h4 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
}

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, em, img, strong, sub, sup, 
dl, dt, dd, ol, ul, li, fieldset, form, label,
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

img { border: 0; }

table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

a, #rates a {
	outline: none;
	color: #000;	
	text-decoration: underline;
}
#rates a:hover, a:hover { text-decoration: none; }

#content-main a {
	outline: none;
	color: #FF6600;
	font-weight: bolder;
	text-decoration: underline;
}
#content a:hover { text-decoration: none; }

#rates a {
	outline: none;
	color: #000;
	font-weight:normal;
	text-decoration: underline;
}
#rates a:hover { text-decoration: none; }

code { font-size: 1.2em; padding: 0 5px;}
pre, code {background-color: #ededff;}

blockquote {
	border-left: 1px solid #999;
	color: #666;
	font-style: italic;
	padding-left: 8px;
	margin: 10px;
}
.klient-sel-data blockquote {
	border: none;
}


abbr {
	background-image:url(/public/e1/a9/41/6626_10971_abr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-decoration:none;
	border:0px;
	padding-bottom:1px;
	cursor:help;}

.reset {
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	clear: both;
}

.skryt { display: none;}

/* RSS */
.rss a {
	color: #f60;
	background: url('/public/b0/3d/36/9318_13628_rss_icon_14x14_w.gif') no-repeat 0 0;
	padding-left: 18px;
}
.offlineblog .rss a, .radio-blanka .rss a {
	background-image: url('/public/1e/f9/24/9314_13615_rss_icon_14x14.gif');
}

span.insert {
	color: #F60;
	font-weight: bolder;
	font-size: 14px;
}

#rates tr td.selected {
 background-color: #F60;
 color: white;
 font-weight: bolder;
}

#rates th {	
	background-color: #eee;
	padding:4px 5px 2px;
	margin:  4px 2px;	
}

#rates tr {		
}
#rates td {
	margin: 4px 2px;
	padding:4px 2px;
	background-color: #eee;
}

#ratesinfo li {
/*	cursor: pointer;*/
}

/* definice barev */

.popis-sekce						{ color: #fff; background-color: #000; }
.popis-sekce h1						{ color: #fff; }

.firma			.popis-sekce		{ color: #fff; background-color: #f60; }
.firma			.popis-sekce h1		{ color: #fff; }
.firma			.clanek h1			{ color: #f60; }
.firma			.clanek h2			{ color: #f60; }
.firma			.clanek a			{ color: #f60; }
.firma			.pridat-k-odkazum	{ color: #fff; background-color: #f60; }
.firma			#klient-text h2		{ color: #f60; }

#content							{ color: #000; background-color: #fff; }

.offlineblog	#content			{ color: #fff; background-color: #333;}
.offlineblog	.popis-sekce		{ color: #fff; background-color: #000; }
.offlineblog	.clanek h1			{ color: #fff; }
.offlineblog	.clanek h2			{ color: #fff; }
.offlineblog 	.clanek a			{ color: #fff; }
.offlineblog	.pridat-k-odkazum	{ color: #fff; background-color: #666; }

.radio-blanka	#content			{ color: #fff; background: #000 url('/public/bd/eb/bf/19032_27427_radio_blanka_bgr.png') repeat-x top left;}
.radio-blanka	.popis-sekce		{ color: #fa6400; background-color: #333; }
.radio-blanka	.clanek h1			{ color: #fff; }
.radio-blanka	.clanek h2			{ color: #fff; }
.radio-blanka 	.clanek a			{ color: #fff; }
.radio-blanka	.pridat-k-odkazum	{ color: #fff; background-color: #666; }

.ljama-navigace	a					{ color: #f60; }
.offlineblog-navigace a				{ color: #fff; }

.portfolio		.popis-sekce		{ color: #fff; background-color: #690; }
.portfolio		.popis-sekce h1		{ color: #fff; }
.portfolio		.clanek h1			{ color: #690; }
.portfolio		.clanek h2			{ color: #690; }
.portfolio		.clanek a			{ color: #690; }
.portfolio		.pridat-k-odkazum	{ color: #fff; background-color: #690; }
.portfolio		#klient-text h2		{ color: #690; }

.technologie	.popis-sekce		{ color: #fff; background-color: #09c; }
.technologie	.popis-sekce h1		{ color: #fff; }
.technologie	.clanek h1			{ color: #09c; }
.technologie	.clanek h2			{ color: #09c; }
.technologie	.clanek a			{ color: #09c; }
.technologie	.pridat-k-odkazum	{ color: #fff; background-color: #09c; }
.technologie	#klient-text h2		{ color: #09c; }

.blog			.popis-sekce		{ color: #fff; background-color: #f03; }
.blog			.popis-sekce h1		{ color: #fff; }
.blog			.clanek h1			{ color: #000; }
.blog			.clanek h2			{ color: #000; }
.blog			.clanek a			{ color: #f03; }
.blog			.pridat-k-odkazum	{ color: #fff; background-color: #999; }
.blog			#klient-text h2		{ color: #f03; }


#menu_level_2 ul li a { color: #fff; }

.firma			#menu_level_2 ul li dt a:hover,
.firma			#menu_level_2 ul li.active dt a,
.firma			#menu_level_2 ul li.active dt a:hover,
.firma			#menu_level_2 ul li.active dt a:active,
.firma			#menu_level_2 ul li dd a:hover { color: #f60; }

.portfolio		#menu_level_2 ul li dt a:hover,
.portfolio		#menu_level_2 ul li.active dt a,
.portfolio		#menu_level_2 ul li.active dt a:hover,
.portfolio		#menu_level_2 ul li.active dt a:active,
.portfolio		#menu_level_2 ul li dd a:hover { color: #9c3; }

.technologie	#menu_level_2 ul li dt a:hover,
.technologie	#menu_level_2 ul li.active dt a,
.technologie	#menu_level_2 ul li.active dt a:hover,
.technologie	#menu_level_2 ul li.active dt a:active,
.technologie	#menu_level_2 ul li dd a:hover { color: #09c; }


.blog			#menu_level_2 ul li dt a:hover,
.blog			#menu_level_2 ul li.active dt a,
.blog			#menu_level_2 ul li.active dt a:hover,
.blog			#menu_level_2 ul li.active dt a:active,
.blog			#menu_level_2 ul li dd a:hover { color: #f03; }


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

.firma			#menu_level_3 ul li a:hover,
.firma			#menu_level_3 ul li.active a,
.firma			#menu_level_3 ul li.active a:hover,
.firma			#menu_level_3 ul li.active a:active { color: #f60; }

.portfolio		#menu_level_3 ul li a:hover,
.portfolio		#menu_level_3 ul li.active a,
.portfolio		#menu_level_3 ul li.active a:hover,
.portfolio		#menu_level_3 ul li.active a:active { color: #690; }

.technologie	#menu_level_3 ul li a:hover,
.technologie	#menu_level_3 ul li.active a,
.technologie	#menu_level_3 ul li.active a:hover,
.technologie	#menu_level_3 ul li.active a:active { color: #09c; }

.blog			#menu_level_3 ul li a:hover,
.blog			#menu_level_3 ul li.active a,
.blog			#menu_level_3 ul li.active a:hover,
.blog			#menu_level_3 ul li.active a:active { color: #f03; }
/* eof definice barev */

/* ikonka diskuze */
.firma .diskuze { background: url() no-repeat 0 3px; }
.portfolio .diskuze { background: url() no-repeat 0 3px; }
.technologie .diskuze { background: url() no-repeat 0 3px; }
.blog .diskuze { background: url() no-repeat 0 3px; }
.diskuze { padding: 0 0 0 15px; }
/* eof ikonka diskuze */


.oddelovac {
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: 0px solid #ccc;
	margin: 10px 5px;
}
.oddelovac.oddelovac-bily {
	color: #fff;
	background-color: #fff;
	border-color: #fff;
	margin: 0 20px 15px 20px;
}
.oddelovac.oddelovac-cerny {
	color: #000;
	background-color: #000;
	border-color: #000;
	margin: 0 20px 15px 20px;
}
.oddelovac.oddelovac-sedy {
	color: #666;
	background-color: #666;
	border-color: #666;
	margin: 0 20px 15px 20px;
}

.box.tmave-sedy .oddelovac.oddelovac-cerny {
	color: #666;
	background-color: #666;
	border-color: #666;
	margin: 0 20px 15px 20px;
}

#wrapper {
	text-align: left;
	margin: auto;
	width: 980px;
}

/* header */
#header {
	width: 100%;
}

#header_l1 {
	width: 100%;
	height: 94px;
}
#header_l2 {
	width: 100%;
	height: 31px;
}
#header_l3 {
	width: 100%;
	min-height: 45px;
	background-color: #000;
	float: left;
}
#header_l3.noFloat { float: none; } 

#header_l4 {
	width: 100%;
	min-height: 40px;
	background: #D9D8D9 url(/public/4f/53/37/75_5_header_menul3_back.gif) repeat-x 0 0;
	color: #000;
}

#header-homepage { width: 100%; }

#header-homepage #header_l3 {
	width: 100%;
	background-color: #000;
}
#header-homepage #header_l3 #header-etn {
	width: 550px;
	float: left;
	line-height: 1.3em;
	font-size: 1.3em;
}
#header-homepage #header_l3 #header-etn h1 {
	font-size: 1.3em;
	margin-top: 18px;
	margin-left: 24px;
}
#header-homepage #header_l3 #header-etn p {
	font-size: 0.95em;
	margin-left: 24px;
	margin-top: 2px;
	line-height: 1.4em;
}
#header-homepage #header_l3 #header-oceneni {
	width: 380px;
	margin: 0;
	padding: 0;
	float: right;
	line-height: 1.3em;
	font-size: 1.3em;
	color: #fff;
}
#header-homepage #header_l3 #header-oceneni h2 {
	font-size: 1.3em;
	margin-top: 32px;
	margin-left: 30px;
}
#header-homepage #header_l3 #header-oceneni h2 a { color: #fff; text-decoration: none;}
#header-homepage #header_l3 #header-oceneni  a { color: #FFAA00; text-decoration: none;}
#header-homepage #header_l3 #header-oceneni  a:hover { color: #fff; text-decoration: underline;}
#header-homepage #header_l3 #header-oceneni div.oceneni { position:relative; width: 100px; height: 132px; margin:0 0; display: block;}
#header-homepage #header_l3 #header-oceneni div.services { display: block; float: right; margin-top: 20px;}
#header-homepage #header_l3 #header-oceneni ul  { display: block;margin-left: 20px; width: 220px;}
#header-homepage #header_l3 #header-oceneni ul li { margin-left: 0px;}
#header-homepage #header_l3 #header-oceneni h2 span {
	color: #f60;
}
#header-homepage #header_l3 #header-oceneni h2 a span { color: #f60; text-decoration: none;}
#header-homepage #header_l3 #header-oceneni p {
	margin-top: 5px;
}
#header-homepage #header_l3 #header-oceneni img {
	margin: 0;
	padding: 0;
	float: left;
}

#logo {
	position: relative;
	top: 26px;
	left: 0;
}
#logo, #logo a {
	display: block;
	height: 66px;
	float: left;
	text-decoration: none;
	color: white;
	font-size: 18px;
}
#logo span { display: none; }

#slogan {
	position: relative;
	top: 26px;
	left: 10px;
}
#slogan {
	display: block;
	width: 294px;
	height: 40px;
	float: left;
}

#navigace_top {
	display: block;
	position: relative;
	top: 15px;
	float: right;
	color: #ccc;
	font-size: 1.1em;
	font-family: Verdana,"Geneva CE",lucida,sans-serif;
}
#navigace_top a { color: #ccc; }

/* menu level 1 */
#menu_level_1 {
	width: 630px;
	height: 31px;
	float: left;
}
#menu_level_1 ul {
	width: 760px;
	height: 31px;
}
#menu_level_1 ul li {
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
	float: left;
	height: 31px;
	font-size: 14px;
	font-weight: bolder;
	color: white;
	line-height: 31px;
	text-align: center;
}

#menu_level_1 ul li a {
	display:block;
	height:31px;
	margin-left:10px;
	padding:0 10px;
	text-decoration:none;
}

#menu_level_1 ul li a:hover {
	color: white;
}

body.czech #menu_level_1 ul li a, body.czech #menu_level_1 ul li a:visited { color: white; background-color: #000;  }
body.czech #menu_level_1 ul li a:hover { color: white; background-color: #FF6600;  }

body.czech #menu_level_1 ul li.selected a { color: black; background-color: #FF6600;  }
body.czech #menu_level_1 ul li.selected a:hover { color: white; background-color: #000;  }

/* eof menu level 1 */

/* vyhledavani */
#vyhledavani {
	display: block;
	position: relative;
	float: right;
	height: 31px;
}
#vyhledavani input {
	vertical-align: middle;
}
.input {
	width: 140px;
	height: 15px;
	border: 1px solid #999;
	margin: 0 10px 0 0;
	padding: 2px 15px;
}
/* eof vyhledavani */

/* menu level 2 */
#menu_level_2 ul li {
	display: inline;
	list-style-type: none;
	padding-left: 23px;
	line-height: 42px;
}
#menu_level_2 ul li a {
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: none;
}
#menu_level_2 ul li a:hover {
	text-decoration: none;
}

#menu_level_2 ul li.active dt a,
#menu_level_2 ul li.active dt a:hover,
#menu_level_2 ul li.active dt a:active {
	text-decoration: none;
}
/* eof menu level 2 */

/* dropDown menu */
#dropDownMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#dropDownMenu li {
	display: block;
	float: left;
	position: relative;
	z-index: 100;
}
#dropDownMenu li span {
	display: block;
	z-index: 100;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	visibility: hidden;
}
#dropDownMenu li a, #dropDownMenu li a:visited {
	display: block;
	padding: 0 0 0 23px;
	white-space: nowrap;
}


#dropDownMenu dl {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
}
#dropDownMenu dd a {
	background: transparent url(/public/be/4/50/2202_3179_opaque.png);
	border-bottom: 1px solid #333;
}
#dropDownMenu dt {
	margin: 0;
	float: left;
	background: none;
	line-height: 42px;
}
#dropDownMenu dd {
	display: none;
	background: transparent;
	clear: left;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align:left;
}

#dropDownMenu dt a, #dropDownMenu dt a:visited {
	display: block;
	padding: 0 10px 0 23px;
	text-decoration: none;
}
#dropDownMenu dd a, #dropDownMenu dd a:visited {
	text-decoration: none;
	display: block;
	padding: 0 20px 0 23px;
}

#dropDownMenu li a:hover {
	/*border: 0;*/
	text-decoration: underline;
}

#dropDownMenu li:hover dd, #dropDownMenu li a:hover dd {
	display: block;
}
/* eof dropDown menu */

/* eof header*/


/* content */
#content {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	padding-bottom: 40px;
}
#content-main {
	text-align:justify;
	position: relative;
	float: left;
	display: inline;
	width: 740px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	padding: 10px 0px 0px 10px;
}

form {
	text-align: left;
}

#content-main h1 {
	color:#FF6600;
	font-size:20px;
	margin:10px 0;
}

#content-main h2 {
	font-size: 16px;
	margin: 10px 0px 10px 0px;
}

#content-main p {	
	margin:5px 0;
}

#content-main ul {
	margin:10px 0 5px 30px;
}
#content-main ul li {
	margin:5px 0;
}

#content-main h1.book-transfer {
	text-align: center;
	color: #f60;
	font-size: 20px;
}
#content-main h1.book-transfer a {
	color: #f60;
	text-decoration: none;
}

#content.homepage { background: #fff url(/public/a3/0/f0/83_5_header_home_top_back.gif) repeat-x 0 0; }

#content-main-in {
	padding: 20px;
}

#breadcrumbs {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	margin-bottom: 24px;
}
#breadcrumbs a {
	color: #069;
	text-decoration: underline;
}
#breadcrumbs a:hover { text-decoration: none; }

.popis-sekce {
	margin: 0;
	padding: 12px 15px;
	font-size: 1.2em;
	line-height: 1.6em;
}
.popis-sekce h1 { font-size: 1.5em; }

#content-text { font-size: 1.2em; }

/* oceneni */
.oceneni {
	position: relative;
	width: 220px;
	margin: 30px 20px 20px 0;
	float: left;
	display: inline;
	line-height: 1.5em;
}
.oceneni a { color: #f60; }
.oceneni h4 {
	font-family: Arial,sans-serif;
	display: block;
	height: 40px;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	padding-bottom: 7px;
	font-size: 1.2em;
	border-bottom: 1px solid #999;
}
.oceneni h4.sObrazkem {
	height: auto;
	border-bottom: none;
}
.oceneni .oceneni-obrazek {
	height: 130px;
	text-align: center;
}
/* eof oceneni */

/* reseni */
.reseni {
	position: relative;
	width: 220px;
	margin: 30px 20px 20px 0;
	float: left;
	display: inline;
	line-height: 1.5em;
}
.reseni a { color: #690; }
.reseni h4 {
	font-family: Arial,sans-serif;
	display: block;
	/*height: 30px;*/
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	padding-bottom: 7px;
	font-size: 1.2em;
	/*border-bottom: 1px solid #999;*/
}

/* eof reseni */

/* klienti */
#content-text .klient {
	position: relative;
	width: 170px;
	margin: 30px 10px 0 0;
	float: left;
	display: inline;
	/*line-height: 1.25em;*/
	text-align: center;
}
#content-text .klient-sel {
	position: relative;
	width: 170px;
	margin: 30px 10px 0 0;
	float: left;
	display: inline;
	line-height: 1.5em;
	text-align: center;
	background-color: #F0EDE4;
}
#content-text .klient-sel-data-wrap {
	position: relative;
	float: left;
	width: 710px;
	margin: 0;
	padding: 0;
	background-color: #F0EDE4;
}
#content-text .klient-sel-data {
	padding: 0 10px;
}
.klient-sel-data-col-wrap {
	float: left;
	width: 335px;
}
.portfolio #wrapper #content #content-main #content-main-in #content-text .clanek .klient-sel-data-col ul li {
	display: list-item;
	list-style-type: none;
	background-image: none;
	padding-left: 0;
	margin-left: 0;
}
.portfolio #wrapper #content #content-main #content-main-in #content-text .clanek .klient-sel-data-col ul {
	padding-bottom: 20px;
}
.clanek .klient-sel-data-col h1, .clanek .klient-sel-data-col h2, .clanek .klient-sel-data-col h3, .clanek .klient-sel-data-col h4 {
	margin: 10px 0 3px 0;
}
.klient-sel-data-col {
	padding: 10px 20px 0 10px;
}
#content-text .klient-sel .klient-logo {
	border: 1px solid #F0EDE4;
	border-left: none;
	border-top: none;
}
#content-text .klient-logo {
	border: 1px solid #ccc;
	border-left: none;
	border-top: none;
	margin-bottom: 8px;
}
#content-text #klient-text {
	line-height: 1.5em;
	margin-top: 20px;
}
#content-text #klient-text h2 {
	font-size: 1.2em;
}
.klient-sel-data-col blockquote {
	margin: 10px 0;
	padding: 0;
	font-style: italic;
	text-indent: 1em;
}
.klient-sel-data-col blockquote .quoteLeft {
	padding-left: 25px;
	background: url(/public/bf/f9/59/1748_1984_uvozovky_uvodni.gif) top left no-repeat;
}
.klient-sel-data-col blockquote .quoteRight {
	background: url(/public/a4/b9/1e/1750_1986_uvozovky_zaverecne.gif) bottom right no-repeat;
}
.klient-sel-data-col blockquote .podpis {
	font-style: normal;
	font-weight: bold;
	margin-top: 5px;
	text-indent: 0;
}

.clanek	.klient-sel-data-col ul {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
.clanek	.klient-sel-data-col ul li a		{ color: #f60; }
.clanek	.klient-sel-data-col ul li span a	{ color: #000; }
.clanek	.klient-sel-data-col .doleva {
	display: block;
	float: left;
	width: 200px;
}
.souvisejici-odkazy {
	margin-bottom: 20px;
}
.souvisejici-odkazy a {
	background: transparent url(/public/76/57/25/1746_1982_link.gif) center right no-repeat;
	padding: 0 15px 0 0;
}

.clanek .klient-sel-projekt-wrap {
	margin: 10px 0px;
	font-size: 0.9em;
}
.clanek .klient-sel-projekt-img {
	float: left;
	width: 110px;
}
.clanek .klient-sel-projekt-img img {
	border: 1px solid #ccc;

	margin-left: 0;
}

.clanek .klient-sel-projekt {
	float: left;
	width: 195px;
}
.clanek .klient-sel-projekt h4 {
	margin: 5px 0 0 0;
}
.clanek .klient-sel-projekt h4 a {
	color: #000;
}
/* eof klienti */

.clanek {
	line-height: 1.6em;
	font-size: 1em;
}


.clanek img,
.clanek .img {
	margin: 5px 15px 5px 0;
}
.clanek .clanek-obrazek-vlevo {
	float: left;
	display: inline;
}
.clanek .clanek-obrazek-vpravo {
	float: right;
	display: inline;
}

.clanek-dokument { font-size: 0.9em; }
.clanek-dokument a {
	font-size: 1.1em;
	font-weight: bold;
}
.clanek-dokumenty-obrazek {
	margin: 5px 5px 0 5px;
	float: left;
	display: inline;
}

.clanek h1{
	margin: 20px 0 3px 0;
	padding: 0;
	font-size: 1.5em;
}
.clanek h2{
	margin: 20px 0 3px 0;
	padding: 0;
	font-size: 1.3em;
}
.clanek h3{
	margin: 20px 0 3px 0;
	padding: 0;
	font-size: 1.2em;
}
.clanek h4{
	margin: 20px 0 3px 0;
	padding: 0;
	font-size: 1.1em;
}
.clanek ul, ol {
	margin-left: 20px;
	margin-top: 1em;
	padding: 0;
	list-style-type: upper-alpha;
}
.clanek ul ul, ol ol, ul ol, ol ul {
	margin-top: 0em;
	margin-bottom: 1em;
}

.clanek .clanek-datum {
	font-size: 0.9em;
	color: #666;
}
.clanek .clanek-datum img { margin: 0 5px -3px 7px; }
.clanek .clanek-datum a { color: #666; }
.clanek .clanek-perex {
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	padding-bottom: 15px;
	padding-right: 15px;
	color: #666;
	/*margin-left: 270px;*/
}
.blog .clanek-perex {
	margin-left: 270px;
}
.clanek p {
	padding: 5px 0;
}

.clanek .body {
	margin-top: 20px;
	margin-left: 15px;
	padding: 0;
}
.blog .clanek .body {
	margin-top: 0;
	margin-left: 5px;
}
.clanek .perex {
	margin-top: 1em;
	margin-left: 15px;
	padding: 0;
	font-weight: bold;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	padding-bottom: 15px;
	padding-right: 15px;
	color: #666;
}

/* vyjimky pro offlineblog */
.offlineblog .clanek {
	margin: 20px 0;
	width: 720px;
}
.offlineblog .clanek h3 { margin: 0; }
.offlineblog .clanek h4 { margin: 0; font-size: 1em; }
.offlineblog .clanek .clanek-datum {
	color: #fff;
	text-align: center;
}
.offlineblog .clanek .clanek-datum a { color: #fff; }
.offlineblog .clanek .oddelovac {
	margin: 20px 0px;
	width: 650px;
}
.offlineblog .clanek .pridat-prispevek .oddelovac { width: 270px; }
.offlineblog .box ul {
	list-style-type: none;
	line-height: 1.5em;
	margin-left: 20px;
	padding-bottom: 10px;
}
/* eof vyjimky pro offlineblog */


/* tabulka v clanku */
.clanek table{
	width: 100%;
	padding: 0;
	margin: 0;
}
.clanek th {
	border: 1px solid #fff;
	padding: 7px;
	text-align: left;
	font-weight: normal;
	background-color: #e6e6e6;
	color: #333;
}
.clanek td {
	border: 1px solid #fff;
	padding: 8px;
	text-align: left;
	color: #666;
}
.clanek tr { background-color: #fff; }
.clanek tr.lichy { background-color: #eee; }
.clanek tr:hover { background-color: #ccf6ff; }

.clanek table.common-table {
	width: 100%;
	padding: 0;
	margin: 0;
}
.clanek table.common-table th {
	border: 1px solid #999;
	padding: 7px;
	text-align: left;
	font-weight: normal;
	background-color: #ddd;
	color: #000;
}
.clanek table.common-table td {
	border: 1px solid #999;
	padding: 6px;
	text-align: left;
	color: #000;
}
.clanek table.common-table tr { background-color: #fff; }
.clanek table.common-table tr.lichy { background-color: none; }
.clanek table.common-table tr:hover { background-color: none; }
/* eof tabulka v clanku */


/* tabulka v kontaktech */
.kontakt table {
	width: auto;
	padding: 0;
	margin: 0;
}
.kontakt table img {
	padding: 0;
	margin: 0;
}
.kontakt th {
	width: 200px
}
/* eof tabulka v kontaktech */


.clanek .pridat-k-odkazum {
	padding: 10px 25px;
	margin: 0;
	margin-top: 20px;
	font-size: 0.9em;
}
.clanek .pridat-k-odkazum a { color: #fff; text-decoration: none; }
.clanek .pridat-k-odkazum a:hover { text-decoration: underline; }
.clanek .pridat-k-odkazum span.pridat { font-weight: bold; }

.diskuze-k-clanku h2{
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 1.5em;
}
.diskuze-k-clanku .komentare {
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	color: #666;
}
.offlineblog .diskuze-k-clanku .komentare {
	color: #fff;
}
.offlineblog .komentar {
	border-color: #666;
}
.komentarInfo {
	margin-bottom: 3px;
}
.diskuze-k-clanku {
	text-align: left;
}
.diskuze-k-clanku .komentare h4 {
	font-size: 1em;
	margin: 0;
}
.diskuze-k-clanku .komentare h5 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
.diskuze-k-clanku .komentare a {
	color: #666;
}
.komentar {
	padding: 5px 10px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
	border-top: none;
}
.komentarHolder {
	background: url(/public/1e/98/3/9707_15176_bg_comment_top.gif) no-repeat left top;
	padding-top: 17px;
}
.offlineblog .komentarHolder {
	background: url(/public/6/81/a1/9709_15183_bg_comment_top_offlineblog.gif) no-repeat left top;
}

.diskuze-k-clanku .pridat-prispevek {
	display: block;
	margin: 30px 0 0 0;
	padding: 0;
	border: 1px solid #ccc;
}

.offlineblog .diskuze-k-clanku .pridat-prispevek {
	border-color: #666;
}

.diskuze-k-clanku .pridat-prispevek-in {
	margin: 0 15px;
	padding: 0;
}
.diskuze-k-clanku .pridat-prispevek-in h4 {
	font-size: 1em;
	margin-top: 15px;
}
.diskuze-k-clanku .pridat-prispevek-in input {
	vertical-align: middle;
}
.diskuze-k-clanku .pridat-prispevek-in textarea {
	vertical-align: middle;
	font: 1em Arial, sans-serif;
	line-height: 1.2em;
	border: 1px solid #999;
	width: 98%;
	margin: 0;
	padding: 2px 5px;
}

.diskuze-k-clanku .pridat-prispevek-in span {
	display: block;
	float: left;
	width: 75px;
	margin: 5px 0;
}
.diskuze-k-clanku .pridat-prispevek-in .input {
	width: 250px;
	height: 15px;
	border: 1px solid #999;
	margin: 0;
	padding: 2px 5px;
}
.offlineblog .diskuze-k-clanku .pridat-prispevek-in .input { width: 150px; }
.diskuze-k-clanku .pridat-prispevek-in .nadpis {
	width: 242px;
}
.diskuze-k-clanku .pridat-prispevek-in .prispevek {
	height: 8em;
}
.diskuze-k-clanku .pridat-prispevek-in .odeslat {
	display: inline;
	margin: 5px 0 15px 0;
}

#blog-header {
	margin: 0;
}
#blog-header h2 {
	font-size: 1.5em;
	float: left;
	margin: 20px 0;
	width: 260px;
}
#blog-header p {
	display: block;
	margin-top: 25px;
	float: left;
	color: #666;
	font-size: 0.9em;
}
#blog-header p a { color: #666; }
#blog-header p.rss { float: right; margin-right: 5px; }
#blog-header p.rss a { color: #f60; }

.blog-spot{
	margin: 20px 0 10px 0;
	line-height: 1.5em;
}
.blog-spot-obrazek {
	float: left;
	margin: 0 20px 10px 0;
}
.blog-spot.prvni .blog-spot-text {
	float: left;
	width: 460px;
}
.blog-spot-text {
	float: left;
	width: 560px;
}
.blog-spot-text h3 {
	font-size: 1.2em;
	background: url(/public/6c/65/8a/71_5_blog_indikace_sedy.gif) no-repeat 0 3px;
	padding-left: 15px;
}
.blog-spot.prvni h3 {
	font-size: 1.5em;
	background-position: 0 6px;
}
.blog-spot-text h3.ctverecek-modry { background-image: url(/public/90/a5/4c/93_5_blog_indikace_modry.gif); }
.blog-spot-text h3.ctverecek-oranzovy { background-image: url(/public/86/d6/4a/67_5_blog_indikace_oranzovy.gif); }
.blog-spot-text h3.ctverecek-zeleny { background-image: url(/public/6d/c5/86/89_5_blog_indikace_zeleny.gif); }

.blog-spot p, .blog-spot p a { color: #666; }
.blog-spot p.bspot-datum { font-size: 0.9em; }

/* content sidebar */
#content-sidebar {
	position: relative;
	margin: 0 0 0 760px;
	padding: 0;
}
#content-sidebar-in {
	width: 200px;
	padding-top: 20px;
}
#content-sidebar-in-home { width: 200px; }

.box {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	font-size: 1.1em;
	background-color: #e6e6e6;
	color: #000;
}
.box a { color: #f60; }
.box p { padding: 10px 20px 10px 20px; }

.box.home {
	position: relative;
	width: 226px;
	margin-left: 20px;
	float: left;
	display: inline;
	min-height: 185px;
}
.box.home span {
	display: block;
	padding: 10px 20px 10px 20px;
}
.box.zeleny { background-color: #9c3; }
.box.oranzovy { background-color: #f60; }
.box.oranzovy p { text-align: justify }
.box.modry { background-color: #09c; }
.box.cerny { background-color: #000; }
.box.tmave-sedy { background-color: #333; }
.box.pruhledny { background-color: transparent; }

.box.zeleny, .box.oranzovy, .box.modry, .box.cerny, .box.tmave-sedy { color: #fff; }

.box.zeleny a, .box.oranzovy a, .box.modry a { color: #fff; }
.box.cerny a { color: #999; }
.box.tmave-sedy a { color: #fa6400; }

.box.cerny a.active {
	color: #f60;
	text-decoration: none;
	cursor: default;
}
.box.oranzovy a.active {
	color: #000;
	text-decoration: none;
	cursor: default;
}



.box h3, .box h2, .box h1 {
	padding: 12px 20px 8px 20px;
	font-size: 1.1em;
}

.box h4{
	display: block;
	width: 100%;
	margin: 0;
	padding: 12px 0 8px 20px;
	font-size: 1.4em;
}
.box h5 {
	font-size: 1em;
	font-weight: bold;
	padding: 15px 15px 10px 20px;
	margin: 0;
}
.box h6 {
	display: block;
	font-size: 1em;
	padding: 10px 0;
	margin: 0;
	color: #000;
	font-weight: normal;
	text-align: center;
}
.box h6 a { color: #000; }

.box .lichy { background-color: #e6e6e6; }
.box .sudy { background-color: #f5f5f5; }

.box ul {
	list-style-type: none;
	line-height: 1.5em;
	margin-left: 30px;
	padding-bottom: 10px;
}
.box .box-obrazek { text-align: left; }

.box table {
	padding: 0;
	margin: 0;
	margin-left: 20px;
	width: 160px;
}
.box th {
	border: 1px solid #fff;
	padding: 3px;
	text-align: left;
	font-weight: normal;
	background-color: #e6e6e6;
	color: #333;
}
.box td {
	border: 1px solid #e6e6e6;
	padding: 3px;
	text-align: left;
	color: #666;
}
.box tr { background-color: #fff; }

.box .body img {
	margin-left: 20px;
	width: 160px;
}

.box .ceo img {
	margin-left: 30px;
}

/* eof content */

/* footer */
#footer {
	width: 100%;
	font-size: 1.1em;
	font-family: Verdana,"Geneva CE",lucida,sans-serif;
	line-height: 1.7em;
	background-color: #424242;
	color: #ccc;
	padding-bottom: 20px;
}

#footer h4 {
	font-family: Arial,sans-serif;
	display: block;
	margin: 0 0 6px 0;
	padding: 0 0 7px 0;
	font-size: 1.4em;
	border-bottom: 1px solid #999;
}
#footer_col_1 h4 { color: #f60; }
#footer_col_2 h4 { color: #9c3; }
#footer_col_3 h4 { color: #09c; }
#footer_col_4 h4 { color: #f60; }


#footer ul { list-style-type: none; }
#footer a {
	color: #ccc;
	text-decoration: underline;
}
#footer a:hover { text-decoration: none; }

#footer_col_1, #footer_col_2, #footer_col_3 {
	position: relative;
	display: inline;
	width: 270px;
	float: left;
	margin: 16px 0 0 33px;
	padding: 0;
}
#footer_col_2, #footer_col_3 { margin: 16px 0 0 20px; }

.footer_col_in {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

.footer_col_in ul li {
	display: block;
	float: left;
	margin: 0 5px 0 0 ;
	padding: 0;
}

#footer_col_4 {
	display:inline;
float:left;
margin:16px 0 0 15px;
padding:0;
position:relative;
width:620px;
}
#footer_col_4_1 {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
#footer_col_4_2 {
	margin: 0 0 0 175px;
	padding: 0;
}
#footer_col_4_2 span {
	color: #FFAA00;
}
/* eof footer */

/* ljama */
.ljama-navigace {
	margin: 20px 0;
}


.ljama-navigace-zacatek a {
	display: block;
	width: 24px;
	height: 17px;
	float: left;
	display: inline;
	margin-right: 10px;
}
.ljama-navigace-zpet a {
	display: block;
	width: 23px;
	height: 17px;
	float: left;
	display: inline;
}
.ljama-navigace-dalsi a {
	display: block;
	width: 23px;
	height: 17px;
	float: right;
	display: inline;
}
.ljama-navigace-konec a {
	display: block;
	width: 24px;
	height: 17px;
	float: right;
	display: inline;
	margin: 0 3px 0 10px;
}


.ljama-navigace-stranky {
	width: 260px;
	float: left;
	margin-left: 160px;
	display: inline;
	text-align: center;
}
.ljama-obrazky {
	text-align: center;
}
.ljama-obrazky img {
	margin: 10px 0;
}
/* eof ljama */

/* blog navigace */
.blog-navigace {
	margin: 20px 0 0 20px;
	width: 650px;
}
.blog-navigace-zpet {
	padding: 0 0 0 32px;
	background: url(/public/1e/cf/9/44_5_blog_sipka_zpet.gif) no-repeat left 0;
	float: left;
	display: inline;
}
.blog-navigace-dalsi {
	padding: 0 32px 0 0;
	background: url(/public/fd/3b/3/50_5_blog_sipka_dalsi.gif) no-repeat right 0;
	float: right;
	display: inline;
}
/* eof blog navigace */

/* offlineblog navigace */
.offlineblog-navigace {
	margin: 20px 0 0 20px;
	width: 650px;
}
.offlineblog-navigace-zpet {
	padding: 0 0 0 32px;
	background: url(/public/54/fc/1b/6_5_blog_sipka_zpet.gif) no-repeat left 0;
	float: left;
	display: inline;
}
.offlineblog-navigace-dalsi {
	padding: 0 32px 0 0;
	background: url(/public/19/b/9f/87_5_blog_sipka_dalsi.gif) no-repeat right 0;
	float: right;
	display: inline;
}
/* eof offlineblog navigace */

/* webcam */
.webcam {
	line-height: 1.6em;
	font-size: 1em;
}
.webcam img {
	margin: 25px 15px 5px 5px;
}
.webcam p { padding: 5px; }
/* eof webcam */

/* sitemap */
.tree {
	font-size: 1.1em;
	margin-top: 20px;
}
.tree a { color: #069; }
.tree img {
	margin: 0;
	padding: 0;
}
.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tree ul li {
	padding-left: 15px;
	text-indent: -15px;
	line-height: 25px;
	background: url(/public/a1/86/e6/96_5_tree_vertical.gif) top left repeat-y;
}

.tree ul li img {
	vertical-align: middle;
}

.tree ul li.last {
	background: url(/public/15/a3/b2/100_5_tree_last.gif) top left no-repeat;
}
/* eof sitemap */

/* pro insite */
.addFile {
	position: relative;
	top: 10px;
	margin-bottom: 15px;
	padding: 5px;
	background-color: #09c;
	background-color: #f33;
	color: #fff;
	width: 180px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	border: 5px solid #000;
}
/* eof pro insite */


/* ikony k odkazům */
.ikona_delicious {
	background: url(/public/dc/3e/ca/3356_4177_ikona_delicious.gif) no-repeat left center; 
	padding: 3px 0px 3px 17px;
	margin-right:8px;
	margin-left: 8px;
}
.ikona_jagg {
	background: url(/public/bf/3f/c4/3354_4184_ikona_jagg_uprav.gif) no-repeat left center; 
	padding: 3px 0px 3px 19px;
	margin-right:8px;
}
.ikona_linkuj {
	background: url(/public/e8/4/ae/3358_4179_ikona_linkuj.gif) no-repeat left center; 
	padding: 3px 0px 3px 17px;
	margin-right:8px;
}
.ikona_twitter {
	background: url(/public/82/a3/f/21912_34607_twitter_icon.gif) no-repeat left center; 
	padding: 3px 3px 3px 17px;
	margin-right:8px;
}
.ikona_facebook {
	background: url(/public/7c/5e/60/21914_34611_facebook_icon.gif) no-repeat left center; 
	padding: 3px 5px 3px 17px;
	margin-right:8px;
}
.ikona_tisk {
	background: url(/public/64/3b/79/3360_4194_ikona_tisk.gif) no-repeat left center; 
	padding: 3px 0px 3px 21px;
	margin-left: 165px;
}
.offlineblog .ikona_tisk { margin-left: 175px; }
/* eof ikony k odkazům */

/* dnl profily */

#dnl_management {
	padding: 15px 0px 0px 0px;
	margin:0px;}

#dnl_management img {margin:0px;}

#dnl_management  .left {
	margin: 0px 18px 0px 0px;
	float:left}
#dnl_management  .right{
	padding: 0px 0px 0px 0px;
	float:left}

.dnl_profile {
	width:350px;
	height:365px;
	margin:0px 0px 18px 0px;}
.dnl_profile .image {
	width:350px;
	height:207px;
	padding:0px;
	margin:0px;}
.dnl_profile .desc {
	background-color:#F3F3F3;
	height:128px;
	padding:15px;
	background-image:url(img/shade.png);
	background-repeat:no-repeat;}
	
.dnl_profile .desc h1 {
	padding:0px 0px 3px 0px;
	margin:0px;
	font-size:1.3em;
	font-weight:bold;
	color:#000}
.dnl_profile .desc h2 {
	padding:0px 0px 15px 0px;
	margin:0px;
	font-size:1em;
	font-weight:normal;
	color:#000}
.dnl_profile .desc p {
	padding:0px;
	margin:0px;
	font-size:1em;
	font-weight:normal;}
.dnl_profile .desc p a{
	padding:0px 10px 0px 0px;}
.dnl_profile .desc p a img {
	border:0px;}
.navBar  {
	clear:both;
	padding:20px 0px 0px 0px;
}



/* photogallery */

#photogalleryHolder {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

#photogalleryHolder h3 {
	font-size: 1.5em;
	padding: 15px 0 15px 15px;
}


#photogalleryHolder .navBar {
	display: block;
	padding: 0 15px 15px 15px;
}

#photogalleryHolder .navBar span.previous, #photogalleryHolder .navBar span.next, #photogalleryHolder .navBar span.pages {
	display: block;
	float: left;
	width: 200px;
}
#photogalleryHolder .navBar span.next {
	float: right;
	text-align: right;
}
#photogalleryHolder .navBar span.pages {
	width: 280px;
	text-align: center;
}

.photogallery .photo {
	float: left;
	margin: 0 20px 15px 0;
	width: 160px;
	padding: 0;
}

.photogallery .photo .image {
	background-color: #eee;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 160px;
	width: 160px;
	/*font-size: 140px;*/
}

.photogallery .photo .image img {
	vertical-align: middle;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
/* eof photogallery */



.clanek.studie .clanek-perex {
	border: none;
	margin: 0;
	padding: 0;
}
.clanek.studie {
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #666;
}
.clanek.studie h2 {
	/*padding-top: 5px;*/
}
.studieObrazek {
	float: left;
	margin: 0;
	padding: 0;
}
.studieObrazek img { margin: 0; padding: 0; margin-right: 10px; margin-top: -15px; }

.firma #wrapper #content #content-main #content-main-in #content-text .clanek ul, 
.portfolio #wrapper #content #content-main #content-main-in #content-text .clanek ul,
.technologie #wrapper #content #content-main #content-main-in #content-text .clanek ul,
.blog #wrapper #content #content-main #content-main-in #content-text .clanek ul {
	margin-left:5px;
	}

.firma #wrapper #content #content-main #content-main-in #content-text .clanek ul li, 
.portfolio #wrapper #content #content-main #content-main-in #content-text .clanek ul li,
.technologie #wrapper #content #content-main #content-main-in #content-text .clanek ul li,
.blog #wrapper #content #content-main #content-main-in #content-text .clanek ul li { 
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:0px 7px;
	margin-left:0px;
	padding-left:15px;}
	
.firma #wrapper #content #content-main #content-main-in #content-text .clanek ul li { 
	background-image:url(/public/76/bb/c/8915_12960_firma_li.gif);}	
.portfolio #wrapper #content #content-main #content-main-in #content-text .clanek ul li { 
	background-image:url(/public/4f/bb/42/8917_12962_reseni_li.gif);}		
.technologie #wrapper #content #content-main #content-main-in #content-text .clanek ul li { 
	background-image:url(/public/c7/2a/8c/8919_12965_technologie_li.gif);}		
.blog #wrapper #content #content-main #content-main-in #content-text .clanek ul li { 
	background-image:url(/public/4b/95/c8/8921_12967_blog_li.gif);}		

span.loader {
	z-index: 100;
	display: block;
	position: absolute;
	left: 2px;
	top: 65px;
	height: 25px;
	color: #ccc;
}

/* proportions */
.w25 [ width: 25px; ]
.w50 [ width: 50px; ]
.w75 [ width: 75px; ]
.w100 [ width: 100px; ]

table.dotaznik {
	width: auto;
	padding: 0;
	margin: 0;
}
table.dotaznik th {
	border: 1px solid #fff;
	padding: 7px;
	text-align: left;
	font-weight: normal;
	background-color: #e6e6e6;
	color: #333;
}
table.dotaznik td {
	border: 1px solid #fff;
	padding: 8px;
	text-align: left;
	color: #666;
}
table.dotaznik tr { background-color: #eee; }
table.dotaznik tr.lichy { background-color: #F4F4F4; }
table.dotaznik tr:hover { background-color: #eee; }
table.dotaznik tr.lichy:hover { background-color: #F4F4F4; }

/* rádio Blanka */

.radio-blanka .oddelovac.oddelovac-sedy {
	color: #fff;
	background-color: #fff;
	border-color: #fff;
	margin: 0 20px 15px;
}



.spot-radia-blanka {
	float: left;
	margin: 35px 12px 20px 0;
	width: 232px;
}
.spot-radia-blanka.last {
	margin-right: 0;
}

.spot-radia-blanka a {
	color: #fff;
}
.spot-radia-blanka a.mp3 {
	color: #666;
}

.spot-radia-blanka .perex{
	margin-top: 1em;
}
.spot-radia-blanka .date {
	color: #ccc;
	margin-top: 0.5em;
}
.spot-radia-blanka .date a {
	text-decoration: none;
}
.spot-radia-blanka h2 {
	font-size: 1.2em;
	margin-top: 0.25em;
}
.spot-radia-blanka p {
	margin-bottom: 1em;
	color: #ccc;
}

.radio-blanka .komentare {
	float: left;
	width: 465px;
	margin: 35px 0 0 10px;
}
.radio-blanka .komentare h3 {
	font-size: 1.2em;
	font-weight: normal;
}

.radio-blanka .komentare a {
	color: #aaa;
	font-weight: normal;
}

.radio-blanka .komentare .pridat-prispevek {
	margin-top: 30px;
}
.radio-blanka .komentare .pridat-prispevek h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 0.25em;
}
.radio-blanka .komentare textarea {
	width: 455px;
	height: 60px;
	margin: 0.5em 0;
	border: 1px solid #999;
	background-color: #eee;
	font-family: Arial, sans-serif;
	font-size: 1em;
	padding: 0.25em;
}
.radio-blanka .komentare .input {
	width: 200px;
	margin: 0.5em 0 0 0;
	border: 1px solid #999;
	background-color: #eee;
	font-family: Arial, sans-serif;
	font-size: 1em;
	padding: 0.25em;
}

.radio-blanka .komentare .komentarInfo {
	margin-top: 0.5em;
}

.radio-blanka .komentare .noComment {
	padding: 1em;
	border: 1px solid #666;
	margin: 0.5em 0 1em 0;
}

.feedburner a	 {
	display: block;
	text-align: center;
}
.feedburner p {
	text-align: center;
}

.feedburner p a {
	display: inline;
}

#pricetext {
	display: inline;	
	margin-left: 0px;
	font-weight: bolder;
	color: #F60;
	font-size: 25px;
}

.city-columns {
	float: left;
	width: 145px;
}
}

.switchcont {
	position:relative;
}

.switchimg {
	position:relative; top: 12px;
	cursor:pointer;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	font-size: 12px;
	font-weight: normal;
	background-color: #eee;
	color: black;
	padding: 5px;
	opacity: 0.85;
}
#tooltip .h3{
	font-weight: normal;
}
#tooltip h3, #tooltip div { margin: 0; font-weight: normal}