html {font-size: 100.01%;}
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #394247;
	background: url(../../images/bg-body.png) repeat-x #465058 ;
	line-height: 1.5em;
	text-align: center;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 2em; font-weight: normal; color: #e31a15; margin: 0; text-transform: uppercase; letter-spacing: 1px; }
h2 {font-size: 1.2em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
h2, h3, h4, h5, h6 {margin-bottom: 0.3em; color: #394247;}

	/*  dot linka nad nadpisem */
	.content h2, #kontakt .content h3 {background: url(../../images/dots.gif) repeat-x; padding-top: 1em;}
	.content h2.nodots, .content .newsBox h2, .content .karta h2, .content .gameBox h2, .content h2.pageHeading {background: none; padding-top: 0;}

	/* cerveny nadpis clanku */
	h2.pageHeading {color: #e5302b; font-size: 1.5em; font-weight: normal; margin-bottom: 1.1em;}
	
.hide, legend span {position: absolute; top: 0; left: -30000px;}


/* zkratky pro tabulator */
.focus {position: absolute; left: 332px;}
	.focus a, .focus span {
		position: absolute;
		top: -20px;
		left: 0;
		z-index: -10;
		white-space: nowrap;
		}
	.focus a:focus, .focus a:active {
		z-index:2;
		top: 30px;
		background:#FFF;
		padding: 2px 5px 4px 6px;
		}

.left	{text-align: left;}
.center, .content p.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.underline {text-decoration: underline; cursor:pointer;}
.externalLink {background: url(../../images/ico-externallink.gif) no-repeat 100% 5px; padding-right: 15px;}
.karta .externalLink {background-position: 100% 3px;}
.clear {clear: both;}

hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #f90d07;}
a:hover {color: #000;}
img {border: none;}
/*.content img {border: 1px solid #8b9399;}
*/.content .refRelated img, .contentRight .showbox img {border: 0;}

#all a:link, #all a:visited {outline: none;}
#all a:focus {outline: 1px dotted;}
#all a:hover, body #all a:active {outline: none;}

p {margin-bottom: 1.2em;}
.content p {text-align: justify;}
.perex {font-size: 1.1em; font-weight: bold;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}
.dots {background: url(../../images/dots.gif) repeat-x bottom left; padding-bottom: 10px; margin-bottom: 8px;}

.none {display: none;}

.w330 { width: 330px; }

img.lft, .floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

img.rgt, .floatright {
	float: right;
	margin: 0 0 10px 10px;
	}

.content ul, .content ol {margin: 0 0 1em 0;}
	.content ul ul, .content ol ol {margin: 0 0 0 15px;}

	.content ul {
		list-style: none;}
	.content ul li {
		background: url(../../images/sipka-red.gif) no-repeat 0 10px;
		position: relative;
		padding-left: 15px;
		padding-top: 5px;
		}

	.content ol {margin-left: 34px;}
		.content ol li {background: none; padding-left: 0;}
	
	
ul#sitemap {font-weight: bold;}
	ul#sitemap ul {font-weight: normal;}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

.rate {font-weight: bold; color: #EE2F23;}

input, select, textarea {border: 1px solid #b0b4b9; font-size: 1em; vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
input.checkbox {border: 0;}

.poll input {border: 0;}

#searchForm .button, .poll .button {
	border: 0;
	width: 104px;
	padding: 7px 0;
	_padding: 5px 0 6px 0;
	text-align: center;
	background: url(../../images/but-bg.png) no-repeat #ea2f27;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	}
	#searchForm .button:hover {background-position: -104px 0; background-color: #ffffff; color: #333}

#searchForm {background: url(../../images/bg-searchform.png) no-repeat #4c5358; margin-bottom: 22px; position: relative;}
	#searchForm fieldset {
		background: url(../../images/bg-searchformBottom.png) no-repeat bottom left;
		padding: 15px 20px 12px 20px;
		color: #FFF;
		
		}
		.searchAreas {margin-left: 77px;}
		#searchForm .inlineLabel {margin-right: 10px;}
		#searchForm p {margin-bottom: 4px;}
		#searchForm .field {padding: 2px; width: 400px; margin-bottom: 5px;}
		#searchForm .button {position: absolute; top: 15px; right: 35px; _top: 15px; _right: 55px;}
		
		.searchAreas input {border: 0; padding: 0;}
		
.searchResultItem {
	background: url(../../images/dots.gif) repeat-x;
	padding: 15px 0;
}
.searchResultItem h2, .searchResultItem p {background: none; padding: 0; margin: 0;}

#newsletterBox fieldset {position: relative;}
#newsletterBox strong {float: left; font-weight: normal;}
.newsletterInputBg {
	display: block;
	width: 156px;
	height: 29px;
	background: url(../../images/newsletter-input-bg.png) no-repeat #4d5559;
	position: relative;
	margin-left: 30px;
	top: -7px;
	margin-bottom: -5px;
	}
	.newsletterInputBg input {
		position: absolute;
		top: 7px;
		left: 7px;
		width: 145px;
		border: 0;
		}
#newsletterBox .button {
	border: 0;
	position: absolute;
	top: -7px;
	right: 1px;
	_right: -3px;
}
#newsletterBox .radio {margin-left: 8px; border: 0;}

/* IE button fix */

/*input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}*/



/* tabulka bezna */
table {
	border-collapse: collapse;
	background-color: #EBECED;
	font-size: 1em;
	margin-bottom: 15px;
	}
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 1px solid #FFF;
		}
/* tabulka bez formatovani */
table.noformat, table.newsletterArchiv, .newsletter table {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td, table.newsletterArchiv th, table.newsletterArchiv td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
table.newsletterArchiv {background: none; width:100%;}
table.newsletterArchiv td {border-top: 1px solid #DCDFE2; padding: 10px 10px 10px 0;}
table.newsletterArchiv p {margin-bottom: 0;}	

.newsletter td {padding: 0; border: 0;}
.newsletter table {margin: 0; background: none; margin: 0 auto;}
.newsletter .newsletterHeader, .newsletter .newsletterFooter, .newsletter h2, .newsletter h3#lang {display: none;}
		
		

/* ********************************************** */
/* ************ IMAGE REPLACEMENT *************** */
/* ********************************************** */

#refercolumn h2 span, .refimg span.imgBox, #mainMenu span, #lang span, #banner span, .content .oblast span, #homepage #sidecol h2 span, #awards h3 span, #clenstviLeftBox h3 span, .gameBox span, #sidecol h2 span, .butPrev span, .butNext span, .butCV span, .butZajem span, .butObjednat span, .sidecolHead h2 span, .refImgBg span, .kartaImgAnchor span, .leftNewsBox .refimg span, .floatleft .oblast h2 span, .bannerGallery span, #navi #newsletterBox h2 span, #kontaktyBox h2 span, #MFFaceBookBox h2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	#refercolumn h2, .refimg, #lang a, #banner h2, .content .oblast h2 a, .floatleft .oblast h2, #homepage #sidecol h2, #awards h3, #clenstviLeftBox h3, .gameBox .launchGameBut, #sidecol h2, .butPrev, .butNext, .butCV, .butZajem, .butObjednat, .sidecolHead h2, .refImgBg, .kartaImgAnchor, .bannerGallery, #navi #newsletterBox h2, #kontaktyBox h2, #MFFaceBookBox h2 {
		display: block;
		position: relative;
		overflow: hidden;
		}

		#banner h2 {width: 116px; height: 34px; margin-top: 25px; margin-bottom: 14px; color: #FFF;}
			#banner h2 span {background: url(../../images/h-aktualne-ad.gif) no-repeat;}

		.content .oblast h2 a, .floatleft .oblast h2 {
			width: 161px;
			height: 52px;
			background: #555C61;
			color: #FFF;
			margin: 0 0 20px 0;
			}
			.floatleft .oblast h2 { height: 37px; margin-bottom: 17px;.}
			.oblast h2 a span {cursor: pointer;}
			.analyzy-a-konzultace h2 span {background: url(../../images/h-karta-analyzy.png) no-repeat;}
			.kreativa-a-multimedia h2 span {background: url(../../images/h-karta-kreativa.png) no-repeat;}
			.doporucene h2 span {background: url(../../images/h-karta-doporucene-sluzby.png) no-repeat;}
			.web-a-aplikace h2 span {background: url(../../images/h-karta-web.png) no-repeat;}
			.internet-marketing-a-komunikace h2 span {background: url(../../images/h-karta-marketing.png) no-repeat;}
			.project-management-a-systemova-integrace h2 span {background: url(../../images/h-karta-promanagement.png) no-repeat;}
			.servis-a-hosting h2 span {background: url(../../images/h-karta-servis.png) no-repeat;}
			.kariera1 h2 span {background: url(../../images/h-karta-kariera1.png) no-repeat;}
			.kariera2 h2 span {background: url(../../images/h-karta-kariera2.png) no-repeat;}
			.kariera3 h2 span {background: url(../../images/h-karta-kariera3.png) no-repeat;}

		#awards h3, #clenstviLeftBox h3 {
			width: 148px;
			height: 41px;
			margin-bottom: 0;
			margin-left: 2px;
			}
			#awards h3 span {background: url(../../images/h-oceneni.gif) no-repeat;}
			#clenstviLeftBox h3 span {background: url(../../images/h-clenstvi.gif) no-repeat;}

		#sidecol h2 {
			width: 214px;
			height: 34px;
			margin-bottom: 9px;
			color: #FFF;
			}
/*			#on-line-hry #sidecol h2 span {background: url(../../images/h-vsechnazabava.png) no-repeat;}
*/			 #sidecol #kontaktBox h2 span {background: url(../../images/h-management.png) no-repeat;}
			#kariera #sidecol h2 span {background: url(../../images/h-agenturnipozice.png) no-repeat;}

		.butPrev, .butNext {width: 98px; height: 34px;}
			.butPrev span {background: url(../../images/pager-button-prev.png) no-repeat 0 0; cursor: pointer;}
			.butNext span {background: url(../../images/pager-button-next.png) no-repeat 0 0; cursor: pointer;}
				a.butPrev:hover span, a.butNext:hover span {background-position: -98px 0;}
				em.butNext span, em.butPrev span {cursor: auto; background-position: -198px 0;}

		.butCV {width: 174px; height: 34px;}
			.butCV span {background: url(../../images/but-poslat-cv.png) no-repeat 0 0; cursor: pointer;}
				.butCV:hover span {background-position: -174px 0;}
		.butZajem {width: 104px; height: 34px; float: left; margin: 10px 5px 0 0;}
		.butObjednat {width: 75px; height: 34px; top: 10px; position: relative; margin-bottom: 2.3em;}
			.butZajem span {background: url(../../images/but-zajem.png) no-repeat 0 0; cursor: pointer;}
			.butObjednat span {background: url(../../images/but-objednat.png) no-repeat 0 0; cursor: pointer;}

				.butZajem:hover span, .butObjednat:hover span {background-position: 0 -34px;}

		#hA span {background: url(../../images/h-nasiklienti.png) no-repeat;}
		#hB span {background: url(../../images/h-nasereseni.png) no-repeat;}

		.refImgBg, .kartaImgAnchor {width: 161px; height: 97px; margin-bottom: 8px;}
		.refImgBg span, .kartaImgAnchor span {background: url(../../images/bg-refImgBg.gif) no-repeat 7px 0; cursor: pointer;}
		* html .refImgBg span {cursor: hand;}
		
		.bannerGallery {width: 148px; height: 41px; margin-left: 17px; margin-bottom: 20px;}
			.bannerGallery span {background: url(../../images/h-galeriebanneru.png) no-repeat;}

/* float clear */

 #related, .kartyBgIn, .pager, .topTen, .mapaHeader, .searchResultItem {
	overflow: hidden;
	_display: inline-block;
	}

/* cistic uzivatelskych wysiwyg okras */

font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}



/* drobeckova navigace */

.content .breadcrumbs {
			font-size: 1.3em;
			font-weight: bold;
			position: relative;
			left: -3px;
			=margin-top: 6px;
			text-align: left;
			}
			.breadcrumbs a {
				font-weight: normal;
				margin: 0 5px;
				font-size: 0.6em;
				top: -2px;
				position: relative;
				}
			.breadcrumbs strong {
				color: #3f484d;
				text-decoration: none;
				margin-left: 5px;
				font-size: 0.6em;
				top: -2px;
				position: relative;
				}


/**********obsah**********/


#all {
	background: url(../../images/bg-all.png) no-repeat bottom center;
	_background: none;
	padding-bottom: 102px;
	}

#page {
	margin: 0 auto;
	text-align: left;
	font-size: 1.1em;
	width: 986px;
	background: url(../../images/bg-page.jpg) no-repeat #dcdfe2;
	position: relative;
	}
	#homepage #page {background-image: none;}

/* ******************************************** */
/* ************ HLAVICKA ********************** */
/* ******************************************** */

#top {
	height: 66px;
	position: relative;
	}
	.logo {
		position: absolute;
		top: 10px;
		left: 24px;
		font-size: 1.2em; font-weight: bold;
		}
	#search {
		position: absolute;
		top: 0;
		padding-top: 20px;
		right: 0;
		width: 267px;
		height: 46px;
		background: url(../../images/bg-search.gif) no-repeat 0 0;
		}
		#homepage #search {background-image:url(../../images/bg-search-homepage.png);}
		.searchfield {
			background-color: none;
			border: 0;
			width: 123px;
			height: 17px;
			font-size: 1em;
			margin: 12px 0 0 22px;
			padding-top: 3px;
			=margin-top: 11px;
			}
		#search .button {
			vertical-align: middle;
			margin: 10px 0 0 14px;
			width: 69px;
			border: 0;
			zoom: 1;
			}

			#vyhledavani h2 span {font-weight: bold;}

		.searchSummary {font-size: 1.1em;}
			.searchSummary strong {
				float: left;
				width: 9em;
				display: block;
				}
			.searchSummary br {clear: both;}

	#lang {
		width: 79px;
		height: 17px;
		position: absolute;
		top: 35px;
		right: 285px;
		overflow: hidden;
		}
		#lang.eng span {
			background: url(../../images/but-english.gif) no-repeat;
			cursor: pointer;
			}
			#homepage #lang.eng span {background-image: url(../../images/but-english-hp.png);}
		#lang.cs span {
			background: url(../../images/but-czech.gif) no-repeat;
			cursor: pointer;
			}


/* ******************************************** */
/* ************ HLAVNI MENU ******************** */
/* ******************************************** */

#mainMenu {
	position: relative;
	z-index: 600;
	width: 750px;
	top: 10px;
	}
	#mainMenu ul {
		list-style: none;
		position: relative;
		margin-left: 20px;

		}
		#mainMenu ul li {
			float: left;
			position: relative;
			}
			#mainMenu ul li a {
				display: block;
				position: relative;
				height: 34px;
				overflow: hidden;
				color: #FFF;
				text-align: center;
				font-size: 1em;
				background:  #4B5257;
				}
				#mainMenu ul li a span {cursor: pointer;}
				.m1 {width: 53px;}
				.m2 {width: 125px;}
				.m3 {width: 82px;}
				.m4 {width: 100px;}
				.m5 {width: 69px;}
				.m6 {width: 68px;}
				.m7 {width: 68px;}
					.m1 span {background: url(../../images/m-1.gif) no-repeat;}
					.m2 span {background: url(../../images/m-3.gif) no-repeat;}
					.m3 span {background: url(../../images/m-4.gif) no-repeat;}
					.m4 span {background: url(../../images/m-2.gif) no-repeat;}
					.m5 span {background: url(../../images/m-5.gif) no-repeat;}
					.m6 span {background: url(../../images/m-6.gif) no-repeat;}
					.m7 span {background: url(../../images/m-7.gif) no-repeat;}

					#mainMenu a:hover span {background-position: 0 -34px;}
					#mainMenu li a span.selected {background-position: 0 -68px;}

				#mainMenu ul li a:hover {color: #CCCCCC;}

		/* vnorene menu */

		#mainMenu ul ul {
			position: absolute;
			top: 34px;
			left: -1px;
			z-index: 700;
			margin: 0;
			padding-top: 1px;
			display: none;
			background:#C0C4C7;
			}
			#mainMenu ul ul li {
				float: none;
				width: 173px;
				position: relative;
				}
				#mainMenu ul ul li a {
					background: url(../../images/butt1.gif) no-repeat 0 0;
					width: 100%;
					height: auto;
					text-decoration: none;
					text-align: left;
					border-bottom: 1px solid #C0C4C7;
					=display: inline-block;
					}
					#mainMenu ul ul li.open a {background-image: url(../../images/butt1-s.gif);}
					#mainMenu ul ul li a em {
						padding: 2px 13px 2px 20px;
						display: block;
						font-style: normal;
						background: url(../../images/butt2.gif) no-repeat 0 100%;
						}

					#mainMenu ul ul li a:hover {
						color: #4c5358;
						background-position: 0 -102px;
						}
						#mainMenu ul ul li a:hover em {
							background-position: -172px 100%;
							}


			#mainMenu ul ul ul {
				position: absolute;
				left: 172px;
				top: -1px;
				width: 173px;
				}

				#mainMenu ul ul li.open ul a {background-image: url(../../images/butt1.gif);}
				/*#mainMenu ul ul li a, #mainMenu ul ul ul li a {
					background: url(../../images/bg-hmenu-button.gif) no-repeat;
					padding: 11px 13px 12px 13px;
					display: block;
					text-align: left;
					text-decoration: none;
					height: auto;
					line-height: normal;

					}
					#mainMenu ul ul li a:hover {
						color: #4c5358;
						background-color: #f8f9fa;
						background-position: 0 -125px;
						}
						#mainMenu ul ul li a em {
							background: url(../../images/sipka-hmenu.gif) no-repeat 100% 50%;
							font-style: normal;
							display: block;
							}
							#mainMenu ul ul li a:hover em {background: none;}

				#mainMenu ul ul ul {
					top: -1px;
					left: 172px;
					padding: 0;
					} */

		/* otevirani a zavirani */

/*		#mainMenu ul li:hover ul, #mainMenu ul li.hover ul {display: block;}
			#mainMenu ul li:hover ul ul, #mainMenu ul li.hover ul ul {display: none;}
				#mainMenu ul li:hover ul li:hover ul, #mainMenu ul li.hover ul li.hover ul {display: block;}

		#mainMenu ul li, .kontakt {_behavior: url(http://projects.dev.cz/mediafactory/hover.htc);}
*/


/* ******************************************** */
/* ************ SHOW BOXES ******************** */
/* ******************************************** */

/* vnejsi reference */

	.showbox {
		margin: 0 11px -4px 5px;
		min-height: 110px;
		_height: 110px;
		background: url(../../images/bg-refera.gif) no-repeat 7px 7px;
		padding: 8px 8px 5px 8px;
		position: relative;
		z-index: 80;
		display: block;
		}
	.showbox a {text-decoration: none; color: #333; outline: none;}
	.showbox a span.imgText, #refercolumn .showbox a.imgText {
		color: #FFF;
		font-size: 0.8em;
		padding: 0 15px 5px 4px;
		display: block;
		text-align: left;
		line-height: 1.3em;
		}
		.showbox a:hover span.imgText, #banner .showbox a.bannerText:hover {color: #ccc;}

	.showbox a span.refimg {width: 114px; height: 73px; margin-bottom: 3px; padding: 0; cursor: pointer;}
			.refimg span.imgBox {background: url(../../images/bg-refera-rohy-trans.png) no-repeat; cursor: pointer;}
	#banner .showbox a.bannerText {margin: 3px 25px 0 5px; color: #FFF; display: block;}


/* screenshoty v obsahu na prave strane */

	.contentRight .showbox {
		background: url(../../images/bg-screens-dark.gif) no-repeat;
		padding: 6px 0 0 5px;
		margin: 0 0 5px 0;
		}

#refercolumn .showbox a.refimg {padding-left: 0;}

/* souvisejici projekty pod textem */

	#related p.showbox {
		background: url(../../images/bg-refera-light.png) no-repeat #91969C;
		width: 123px;
		padding-bottom: 20px;
		float: left;
		padding: 0 0 40px 0;
		margin: 0;
		}
		#related p.showbox img {border: 0;}
		.content #related .showbox a {padding: 0 0 0 10px;}
		.content #related a.refimg {width: 114px; height: 73px; margin: 5px 0 0 5px; padding: 0;}
			.content #related span {background: url(../../images/bg-refera-rohy-light-trans.png) no-repeat; cursor: pointer;}


/* velky banner vlevo */

	#banner .showbox {
		margin: 0;
		padding: 1px 1px 20px 1px;
		background: url(../../images/bg-banner.gif) no-repeat bottom left;
		}
		#banner .refimg {height: 427px;}
		#banner .showbox span {background: url(../../images/bg-banner-rohy.gif) no-repeat;}

/* ************************************************** */
/* ************ VNEJSI BANNER *********************** */
/* ************************************************** */

#banner {
	position: absolute;
	top: 0;
	left: -135px;
	background: url(../../images/line-vdivider.gif) no-repeat;
	color: #FFF;
	padding-left: 12px;
	width: 120px;
	height: auto;
	}

/* ***************************************************************** */
/* ************ VNEJSI SLOUPEC S REFERENCEMI *********************** */
/* ***************************************************************** */

#refercolumn {
	width: 139px;
	position: absolute;
	top: 0;
	background: url(../../images/line-vdivider.gif) no-repeat 100% 0;
	padding-top: 21px;
	right: -135px;
	overflow: hidden;
	}
	#refercolumn h2 {width: 130px; height: 40px; margin: 5px 0 0 10px; color: #FFF;}
		#refercolumn h2 span {background: url(../../images/h-reference.gif) no-repeat;}


/* ***************************************************** */
/* ************ ZAKLADNI KONSTRUKCE ******************** */
/* ***************************************************** */

#main {
	margin: 0;
	padding-top: 23px;
	}

#maincol {
	float: right;
	width: 815px;
	position: relative;
	margin-bottom: 10px;
	}

	#maincol .content_container {
		background: url(../../images/bg-content.gif) repeat-y;
		float: left;
		width: 558px;
		position: relative;
		=display: inline-block;
		}
		#maincol .contentTop {background: url(../../images/bg-content-top.jpg) no-repeat; zoom: 1;}
			#maincol .content {padding: 80px 28px 15px 21px; }
				#maincol .contentLeft {
					width: 370px;
					float: left;
					}
				#maincol .contentRight {
					width: 124px;
					float: right;
					}
			#maincol .bottom {
				background: url(../../images/bg-bottom.gif) no-repeat;
				height: 17px;
				clear: both;
				=margin-bottom: 0;
				}

#maincol_full {
	float: right;
	width: 985px;
	position: relative;
	margin-bottom: 13px;
	=margin-bottom: 27px;
	}

	#maincol_full .content_container {
		background: url(../../images/bg-content-full.gif) repeat-y;
		float: left;
		width: 728px;
		position: relative;
		}
		#maincol_full .contentTop {background: url(../../images/bg-content-top-full.jpg) no-repeat; zoom: 1;}
			#maincol_full .content {padding: 80px 28px 15px 40px; }
				#maincol_full .contentLeft {
					width: 520px;
					float: left;
					}
				#maincol_full .contentRight {
					width: 124px;
					float: right;
					}
				#kariera .contentRight {margin-top: 62px;}
			#maincol_full .bottom {
				background: url(../../images/bg-bottom-full.gif) no-repeat;
				height: 17px;
				clear: both;
				margin-bottom: 0;
				}




/* ********************************************** */
/* ************ LEVE MENU *********************** */
/* ********************************************** */

#navi {
	width: 170px;
	float: left;
	padding-top: 5px;
	}
	#sideMenu {
		margin: 5px 4px 5px 16px;
		background: url(../../images/bg-sidemenu.png) no-repeat;
		_background: none;
		}
		#sideMenu ul {
			list-style: none;
			background: url(../../images/bg-sidemenu-bot.gif) no-repeat bottom left;
			_background: none;
			padding: 5px;
			margin-bottom: 20px;
			zoom: 1;
			}

		#sideMenu ul li {
			margin-bottom: 1px;
			_margin-bottom: -1px;
			display: block;
			_zoom: 1;
			}
			#sideMenu ul li.last {margin-bottom: 0;}
			#sideMenu ul li a, #sideMenu ul li strong {
				background: url(../../images/navi-li-bot.gif) no-repeat 0 100% #454F57;
				font-weight: normal;
				display: block;
				color: #FFF;
				text-decoration: none;
				}
				#sideMenu ul a:hover, #sideMenu ul li a.selected {background-position: -140px 100%; color: #4c5358; background-color: #FFF;}
				#sideMenu ul li a span, #sideMenu ul li strong span {
					padding: 7px 10px;
					display: block;
					background: url(../../images/navi-li-top.gif) no-repeat 0 0;
					}
					#sideMenu ul li a:hover span, #sideMenu ul li a.selected span {background-position: -140px 0;}
						#sideMenu ul li.sub a span {background: url(../../images/navi-li-top-sub.gif) no-repeat -140px 0;}
						#sideMenu ul li.open a span, #sideMenu ul li.open strong span {background: url(../../images/navi-li-top-sub.gif) no-repeat -140px 0;}
							#sideMenu ul li.sub a:hover span {background-position: -280px 0;}
							#sideMenu ul li.open a:hover span {background-position: -280px 0;}

		#sideMenu ul ul {margin: 0; padding: 0; _margin: 1px 0; }
			#sideMenu ul ul li {margin-top: 1px; _margin-top: 0;}
			#sideMenu ul ul li a, #sideMenu ul ul li a.selected { background: url(../../images/navi-li-li-top.gif) no-repeat top left  #91999E;}
				#sideMenu ul ul li a:hover, #sideMenu ul li.open ul li a.selected {background-position: -140px 0; background-color: #F8F9FA; color: #000;}
			#sideMenu ul li.open ul li a span, #sideMenu ul li.open ul li a.selected span{ background: url(../../images/navi-li-li-bot.gif) no-repeat bottom left;}
				#sideMenu ul li.open ul li a:hover span, #sideMenu ul li.open ul li a.selected span { background-position: -140px 100% ;}

			#sideMenu ul ul li a span {padding: 2px 10px 2px 20px;}

/* oceneni */

#awards, #clenstviLeftBox {
	margin: 0 4px 30px 15px;
	height: 120px;
	}
	.award {
		margin: 0 0 -3px 0;
		background: url(../../images/bg-awards.gif) no-repeat   #91969C;
		color: #FFF;
		font-size: 0.9em;
		line-height: 1em;
		}
		.awardsIn {
			background: url(../../images/bg-awards-bottom.gif) no-repeat bottom left;
			padding: 7px 6px 20px 7px;
			display: block;
			margin: 0;
			}
			.award h3 {padding: 0; margin-left: 2px; color: #FFF;  background: #91969C;}
			.award img {margin-bottom: 3px;}
			.award span.awardText {padding-left: 6px; }
			.award a {color: #FFF;}
			.award a:hover {color: #CCCCCC;}




/* ************************************************** */
/* ************ PRAVY SLOUPEC *********************** */
/* ************************************************** */

	#sidecol {
		float: left;
		width: 235px;
		font-size: 0.9em;
		position: relative;
		line-height: 1.4em;
		overflow: hidden;
		margin-top: -61px;
		background: url(../../images/bg-sidecol.png) repeat-y;
		=margin-bottom: 0;
		_margin-bottom: 0;
		}
		.sidecolBottom {
			background: url(../../images/bg-sidecol-bottom.png) no-repeat bottom left;
			height: 10px;
			}
		.sidecolTop {
			background: url(../../images/bg-sidecol-top.jpg) no-repeat;
			padding: 11px 10px 1px 11px;
			zoom: 1;
			}
			.sidecolHead {
				background: url(../../images/bg-sidecol-head.gif) no-repeat #4f575b;
				color: #FFF;
				position: relative;
				_width: 198px;
				min-height: 26px;
				_height: 26px;
				margin-bottom: 8px;
				}
				#sidecol .sidecolHead h2 {margin-bottom: 0; height: 28px;}

				.bookmarks {margin-left: 1px; margin-bottom: 0;}

					.bookmarks span {
						display: inline-block;
						padding: 5px 25px 5px 10px;
						background: url(../../images/zalozka-dark.png) no-repeat top right;
						_background: url(../../images/zalozka-dark.gif) no-repeat top right;
						_padding-right: 18px;
						color: #d3d5d6;
						margin-right: -10px;
						font-size: 1.1em;
						position: relative;
						z-index: 110;
						cursor: pointer;
						}
						.bookmarks span.active, .bookmarks span.first {
							background: url(../../images/zalozka-light.png) no-repeat top right;
							_background: url(../../images/zalozka-light.gif) no-repeat top right;
							color: #363f44;
							z-index: 120;
							cursor: auto;
							}


/*		.shade {
			width: 3px;
			height: 268px;
			background: url(../../images/bg-shadetext.png) no-repeat;
			position: absolute;
			top: -5px;
			right: -3px;
			}*/

		#sidecol .vice {
			background: url(../../images/bg-vice.gif) no-repeat;
			text-align: right;
			border: 0;
			margin-bottom: 0;
			position: relative;
			}
			.vice a {
				color: #494f54;
				background: url(../../images/sipka-r.gif) no-repeat 96% 8px;
				padding: 5px 18px 5px 0;
				display: inline-block;
				margin-right: 8px;
				}
				.vice a:hover {color: #e31a15; background-position: 96% -42px;}



.sort {
	padding: 15px 10px 5px 10px;
	}
	.sort label { padding: 0 0 5px 5px; display: block;}
	.sort select {width: 195px; font-size: 1.1em;}

/* ******************************************** */
/* ************ SIDECOL BOXY ****************** */
/* ******************************************** */

	.box {
		background: url(../../images/bg-sidecolBox.png) no-repeat;
		margin-bottom: 4px;
		position: relative;
		}
		.boxIn {
			background: url(../../images/bg-sidecolBox-bottom.gif) no-repeat bottom left;
			padding: 1px 9px 10px 9px;
			}
		.box h3 {
			background: url(../../images/bg-sidecol-h.gif) no-repeat #464d52;
			padding: 4px 8px;
			line-height: 1.2em;
			font-weight: normal;
			color: #FFF;
			margin-bottom: 0;
			font-size: 1.1em;
			text-transform: uppercase;
			}
			.box h3 a {color: #FFF; text-decoration: none;}
				.box h3 a:hover {color: #CCCCCC;}


		.box ul {list-style: none;}
			.box ul li {background: url(../../images/dots3.gif) repeat-x top left #FFF; _display: inline-block; zoom: 1;}
				.box ul li.first {background-image: none;}

				.box ul li.last {background-image: none;}
				.box ul li a {color: #6e777d; padding: 3px 7px 5px 7px; display: block; margin-bottom: 1px;}
					.box ul li a:hover {color: #eb0000;}

		.kontakt {
			background: url(../../images/bg-kontakt-top.gif) no-repeat #4c5358;
			padding: 1px 0 0 0;
			color: #b8bbbc;
			}
			#sidecol .kontakt .boxIn {background: url(../../images/bg-kontakt-bottom.gif) no-repeat bottom left; padding: 4px 9px 20px 9px; =padding-top: 7px; _padding-top: 0;}
				.kontakt img {border: none; margin: 0 1px}
				.kontakt strong {color: #394247; margin-bottom: 40px; color: #CCCCCC}
				.kontakt h4 {margin-bottom: 0; color: #F0F0F0}
				.kontakt p {margin-bottom: 0;}
				.kontakt p a {padding: 4px 7px 0 27px; display: block;}

		/* vyskakovaci box s kontakty */

		.hoverKontakt {
			width: 212px;
			height: 131px;
			position: absolute;
			top: 1px;
			left: 1px;
			background: #454b50;
			display: none;
			}
			.kontakt:hover .hoverKontakt, .hover .hoverKontakt {display: block;}

				.kontakt ul {margin-right: 10px; margin-bottom: 0; font-size: 1.1em; position: absolute; bottom: 6px; left: 0; display: block;}
				.kontakt ul li {background: none;}
				.kontakt ul li span {padding: 7px 7px 8px 37px; display: block;}
					.mobil {background: url(../../images/ico-mobil.png) no-repeat 5px 3px;}
					.linkedin {background: url(../../images/ico-linkedin.png) no-repeat 5px 3px;}
					.mail {background: url(../../images/ico-mail.png) no-repeat 5px 4px; padding: 0;}
				.kontakt ul li a.mail:hover {background: url(../../images/ico-mail.png) no-repeat 5px 4px;}
				.kontakt ul li a {color: #b8bbbc; padding: 7px 7px 8px 37px;}
					.kontakt ul li a:hover {color: #fff;}

		/* kariera */
		.aktualniPozice h3 {background: url(../../images/bg-sidecol-h-red.gif) no-repeat #c31a18; font-weight: bold;}
		#kariera .box ul li {padding: 4px 7px 5px 7px;}
		#kariera .aktualniPozice ul li {padding: 0;}
			.aktualniPozice ul li a {color: #f90d07;}
				.aktualniPozice ul li a:hover {color: #000;}

/* ******************************************** */
/* ************ MAPA ************************** */
/* ******************************************** */

.mapa {
	background: url(../../images/mapa-top.png) no-repeat;
	clear: both;
	margin-left: -6px;
	zoom: 1;
	}
	.mapaIn {
		background: url(../../images/mapa-bottom.png) no-repeat bottom left;
		padding: 7px 0 6px 7px;
		}
		.mapaHeader {
			background: url(../../images/mapa-header.png) no-repeat  #858C93;
			width: 501px;
			}

	#kontakt .content .mapa h2 {
		float: left;
		background: #4c5358;
		padding: 6px 10px 8px 10px;
		color: #FFF;
		margin: 0;
		font-size: 1.1em;
		}

	.content .mapa ul {
		float: right;
		margin-bottom: 0;
		width: 60%;
		}
		.content .mapa li {display: inline; background: none; padding: 0;}
			.mapa ul a {
				float: right;
				display: block;
				padding: 7px 10px;
				color: #FFF;
				text-decoration: none;
				}
				.content .mapa .active a, .content .mapa ul a:hover {background: #4c5358; color: #FFF;}

	.content .mapa img {border: none;}

	.mapaPrint {padding: 3px 0 4px 35px; display: block; background: url(../../images/mapa-tisk.png) no-repeat 7px 3px; color: #FFF; text-decoration: none; font-size: 0.9em;}
		.mapaPrint:hover {color: #CCCCCC;}


/* ******************************************** */
/* ************ GAMEBOX *********************** */
/* ******************************************** */

.gameBox {
	background: url(../../images/dots3.gif) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	.last {background: none;}

.content .gameBox h2 {
	padding-top: 15px;
	margin-bottom: 2px;
	font-size: 1.3em;
	}
.gameBox p {margin-bottom: 10px;}
.gameBox .gameType {margin-bottom: 8px; font-size: 1.2em; color: #798185; float: left;}
.gameBox .gameType2 {margin-bottom: 8px; color: #798185; float: right;}

.column {
		width: 248px;
		float: right;
}

.presentationBox {
	background: url(../../images/bg-gamebox.png) no-repeat top left;
	height: 175px;
	width: 233px;
	margin-left: -7px;
	_margin-left: -2px;
	padding-top: 8px;
	}
		#aktuality .presentationBox {float: right; margin-left: 15px;}
	.presentationBox .refimg {margin: 0 0 0 7px; height: 163px; width: 218px; overflow: hidden;}
	.content .presentationBox img {border: none;}
	.presentationBox .refimg span {background: url(../../images/bg-gameBoxImg-rohy-trans.png) no-repeat; cursor: pointer; display: none;}

	.presentationBox h4 {margin-bottom: 0; margin-top: 4px;}
	.presentationBox h4, .presentationBox p {margin-left: 15px; margin-right: 15px; color: #FFF;}
	
	.gameBox .presentationBox {
		height:234px;
		background: url(../../images/bg-gamebox1.png) no-repeat top left;
	}

.rightGameBox {
	float: right;
	width: 270px;
	}
	.rightGameBox p {text-align: left;}
	.launchGameBut {
		width: 83px;
		height: 46px;
		display: block;
		margin-left: -5px;
		}
		.launchGameBut span {background: url(../../images/but-launchgame.png) no-repeat 0 0; cursor: pointer; display: block;}
			.launchGameBut:hover span {background-position: 0 -46px;}

/* ********************************************* */
/* ************ AKTUALITY ********************** */
/* ********************************************* */

.newsBox {zoom: 1;}
.leftNewsBox {
	float: left;
	width: 160px;
	background: url(../../images/aktualita-bg.png) no-repeat;
	padding: 7px 0 0 7px;
	margin-left: -6px;
	height: 103px;
	}
	.content .leftNewsBox img {border: none; margin-bottom: 2px;}
	.leftNewsBox .refimg {height: 140px; width: 152px; _height: 100px;}
	.leftNewsBox .refimg span {background: url(../../images/bg-aktualita-rohy-trans.png) no-repeat; cursor: pointer;}
	.leftNewsBox h4 {
		color: #FFF;
		padding: 0 0 0 5px;
		margin: 0;
		font-size: 1em;
		}
	.leftNewsBox p {
		font-size: 0.9em;
		color: #bdc3c7;
		padding-left: 5px;
		}

.rightNewsBox {
	float: right;
	width: 335px;
	padding-top: 10px;
	}
	.datum {
		font-size: 1.3em;
		color: #798185;
		font-weight: bold;
		padding-top: 5px;
		}
	.newsBox h2 {margin-bottom: 2px;}
	.newsBox p {margin-bottom: 0;}
	
.newsItem {background: url(../../images/dots.gif) repeat-x; padding-top: 15px;}

/* ******************************************** */
/* ************ PATICKA *********************** */
/* ******************************************** */

#footer {
	clear: both;
	width: 100%;
	font-size: 0.8em;
	color: #FFF;
	background: url(../../images/bg-footer.png) no-repeat #4e565a;
	_float: left;
	}
	#footer p {margin-bottom: 0;}
	#footer a {color: #FFF;}
	#footer a:hover {color: #E80000;}

	.copyright {
		float: left;
		padding: 13px 0 10px 15px;
		}
	.developer {
		float: right;
		padding: 13px 5px 10px 0;
		color: #8a9095;
		}
		.developer a {margin: 0 10px;}
		.developer span {margin-right: 9px; color: #fff;}

	.developer .facebook-link {
		border: 0 none;
		margin-left: 0;
		background: url(../../images/ico-facebook.gif) no-repeat 0 2px;
		padding: 3px 0 4px 20px;
	}
	.developer .mzine-link {
		border: 0 none;
		margin-left: 0;
		background: url(../../images/ico-mzine.gif) no-repeat 0 2px;
		padding: 3px 0 4px 20px;
		margin:0 30px;
	}
	.developer .twitter-link {
		border: 0 none;
		margin-left: 0;
		background: url(../../images/ico-twitter-mini.png) no-repeat 0 2px;
		padding: 3px 0 4px 20px;		
	}
	.developer .rss-link {
		border: 0 none;
		margin-left: 0;
		background: url(../../images/ico-rss.gif) no-repeat 0 2px;
		padding: 3px 0 4px 20px;		
	}


/* ******************************************************* */
/* ************ PRODUKTOVY PREHLED *********************** */
/* ******************************************************* */

#overview {
	background: url(../../images/bg-overview.png) no-repeat #464D52;
	position: relative;
	left: -5px;
	width: 377px;
	margin-bottom: 15px;
	}
	.overviewIn {
		background: url(../../images/bg-overviewBottom.png) no-repeat bottom left;
		padding: 15px 15px 8px 15px;
		margin-bottom: 0;
		color: #FFF;
		=display: inline-block;
		}
		#overview p {
			margin-bottom: 0;
			background: url(../../images/dots.gif) repeat-x bottom left;
			padding: 0 0 3px 0;
			=padding-top: 3px;
			overflow: hidden;
			display: inline-block;
			}
			#overview p.last {background: none; margin-bottom: 7px;}
			#overview em {font-weight: bold; font-style: normal;}
			#overview strong {
				width: 9.5em;
				float: left;
				font-weight: normal;
				color: #bdc3c7;
				}
			#overview span {
				display: block;
				width: 235px;
				float: left;
				text-align: left;
				}
			#overview a {
				color: #FFF;
				text-decoration: underline;
				}
				#overview a:hover {color: #CCCCCC;}

/* ******************************************************* */
/* ************ KOMENTAR KLIENTA ************************* */
/* ******************************************************* */

#clientComments {
	width: 377px;
	position: relative;
	left: -5px;
	background: url(../../images/bg-clientComments.png) no-repeat;
	color: #FFF;
	margin-bottom: 15px;
	}
	.clientCommentsIn {
		background: url(../../images/bg-clientCommentsBottom.png) no-repeat bottom left;
		_background: url(../../images/bg-clientCommentsBottom.gif) no-repeat bottom left;
		padding: 25px 15px 7px 15px;
		}
		#clientComments p {
			background: url(../../images/dots2.gif) repeat-x bottom left;
			margin-bottom: 5px;
			padding-bottom: 7px;
			}
		#clientComments p.client {
			background: none;
			color: #eb9e9a;
			font-size: 0.9em;
			}
			#clientComments p.client strong {color: #FFF;}
			
			
#kariera #clientComments {width: 527px; background: url(../../images/bg-clientComments-wide.jpg) no-repeat;}
#kariera .clientCommentsIn {
	padding-right: 20px; 
	background: url(../../images/bg-clientCommentsBottom-wide.png) no-repeat bottom left;
	_background: url(../../images/bg-clientCommentsBottom-wide.gif) no-repeat bottom left;
	}

#related {position: relative; left: -5px;}

/* ******************************************** */
/* ************ KARTA ************************* */
/* ******************************************** */

.kartyBg {
	background: url(../../images/bg-karty.png) no-repeat #4c565c;
	margin-bottom: 20px;
	font-size: 0.9em;
	margin-left: -5px;
	}
	.bannersPage .kartyBg {background-image: url(../../images/bg-karty2.png)}

		/* zakryva prebytecna pozadi pro boxy */
		.card3 {margin-right: 0;}
		.card2 {margin-right: 171px;}
		.card1 {margin-right: 342px;}
		.card0 {display: none;}
		
		.bannersPage .card4 {margin-right: 0;}
		.bannersPage .card3 {margin-right: 166px;}
		.bannersPage .card2 {margin-right: 332px;}
		.bannersPage .card1 {margin-right: 499px;}
		.bannersPage .card0 {display: none;}

	.kartyBgIn {background: url(../../images/bg-karty-color-red.png) no-repeat bottom left; zoom: 1; min-height: 0;}
		.color1 {background: url(../../images/bg-karty-color1.png) no-repeat bottom left;}
		.color2 {background: url(../../images/bg-karty-color2.png) no-repeat bottom left;}

	#kariera .kartyBgIn {background: url(../../images/bg-karty-color-kariera.png) no-repeat bottom left;}
	.bannersPage .kartyBgIn {background-image: url(../../images/bg-karty-color-red2.png);}

.floatleft .kartyBg {
	background-image: url(../../images/bg-karta.png);
	}
	.floatleft .kartyBg .kartyBgIn { background-image: url(../../images/bg-karty-color0.png); }
	.floatleft .kartyBg .kartyBgIn { background-image: url(../../images/bg-karty-color0.png); }

.content .floatleft .doporucene h2 a { height: 37px; margin-bottom: 17px; }

.content .floatleft .karta ul {
	margin-left: 0;
	margin-right: 0;
	padding: 5px 14px 0;
	background: transparent url(../../images/bg-karty-separator.gif) no-repeat 0 -3px;
	}
.content .floatleft .karta .img {
	margin-bottom: 0;
	height: 40px;
	text-decoration: none;
	}
.floatleft .card1 {
	width: 171px;
	margin-right: 0;
	overflow: hidden;
}

.floatleft .card1 .color1 { background: url(../../images/bg-karty-color1.png) no-repeat left bottom; }
.floatleft .card1 .color2 { background: url(../../images/bg-karty-color1.png) no-repeat -171px bottom; }
.floatleft .card1 .color3 { background: url(../../images/bg-karty-color1.png) no-repeat -342px bottom; }
.floatleft .card1 .color4 { background: url(../../images/bg-karty-color2.png) no-repeat left bottom; }
.floatleft .card1 .color5 { background: url(../../images/bg-karty-color2.png) no-repeat -171px bottom; }
.floatleft .card1 .color6 { background: url(../../images/bg-karty-color2.png) no-repeat -342px bottom; }

.floatright.w330 { margin-left: 0; }

	.karta {
		width: 171px;
		float: left;
		color: #bdc3c7;
		padding: 0 0 16px 0;
		position: relative;
		display: inline-block;
		}
			.floatleft .karta {padding-bottom: 12px;}
			.bannersPage .karta {width: 166px;}
		.karta h3, .oblast h3 a {
			color: #FFF;
			margin: 18px 14px 0 14px;
			}
			.oblast h3 {margin: 0;}
		.karta .klient {
			margin: 0 14px 5px 14px;
			min-height: 30px;
			_height: 30px;
			text-align: left;
			}
		.kartaImgAnchor {text-decoration: none;}
		.content .karta img {
			border: 0;
			margin: 0 7px;
			margin-bottom: 10px;
			}
		.karta a {color: #FFF;}
			.karta a:hover {color: #ccc;}

		.content .karta ul {background: url(../../images/dots.gif) repeat-x; margin: 0 14px 7px 14px;}
			.content .color1 .karta ul { height: 15.5em; margin-bottom: 0;} /* vyska karty horni EDIT HERE */
			.content .color2 .karta ul { height: 12em; margin-bottom: 0;} /* vyska karty dolni EDIT HERE */
			#kariera .content .karta ul { height: 10.5em; margin-bottom: 0;} /* vyska karty kariery EDIT HERE */
				.content .karta ul li {
					background: url(../../images/dots.gif) repeat-x bottom left;
					padding: 1px 0 2px 0;
					margin: 0;
					}
					.karta ul a {color:	#bdc3c7; text-decoration: none;}
						.karta ul a:hover {color: #FFF; text-decoration: underline;}

		.content .karta .img {
			width: 154px;
			height: 70px;
			left: 7px;
			position: relative;
			display: block;
			margin-bottom: 10px;
			}
/*			.analyzy .img {background: url(../../images/img-zarovky.jpg) no-repeat;}
			.kreativa .img {background: url(../../images/img-tuzky.jpg) no-repeat;}
			.web .img {background: url(../../images/img-pocitace.jpg) no-repeat;}
			.marketing .img {background: url(../../images/img-siluety.jpg) no-repeat;}
			.management .img {background: url(../../images/img-mysi.jpg) no-repeat;}
			.servis .img {background: url(../../images/img-sanony.jpg) no-repeat;}
			.kariera1 .img {background: url(../../images/img-tuzky.jpg) no-repeat;}
			.kariera2 .img {background: url(../../images/img-web.jpg) no-repeat;}
			.kariera3 .img {background: url(../../images/img-stul.jpg) no-repeat;}*/

		.karta .moreLink {margin-bottom: 1px;}
			.karta .moreLink a {
				margin-left: 14px;
				padding-right: 15px;
				}
				.oblast .moreLink a {padding: 0;}


/* ******************************************** */
/* ************ SLOVNIK *********************** */
/* ******************************************** */

.slovnikCol1 {
	float: left;
	width: 240px;
	}
.slovnikCol2 {
	float: right;
	width: 240px;
	}

.slovnik .box {
	background: url(../../images/bg-box-slovnik.gif) no-repeat;
	margin-bottom: 10px;
	}
	.slovnik .boxIn {background: url(../../images/bg-box-bot-slovnik.gif) no-repeat bottom left;}

.slovnik h3 {
	background: url(../../images/bg-slovnik-h.gif) no-repeat #464D52;
	width: 28px;
	text-align: center;
	padding: 0 0 0 0;
	line-height: 1.6em;
	}
.slovnik p {margin-bottom: 7px;}
.slovnik .box ul li {padding: 0;}
.slovnik dt {
	padding: 3px 0 3px 0;
	color: #EE2F23;
	background: url(../../images/dots3.gif) repeat-x;
	font-weight: bold;
	}
	.slovnik dt.underline {font-weight: normal;}
	.slovnik dt.first {background: none;}
	.slovnik dd {padding-top: 4px;}

/* ******************************************** */
/* ************ SLOVNIK *********************** */
/* ******************************************** */

.pager {
	background: url(../../images/pager-bg.png) no-repeat bottom left;
	padding: 0 10px 5px 5px;
	text-align: center;
	}
	.butPrev {float: left;}
	.butNext {float: right;}

	#vyhledavani .pager {margin-left: 15px; background: url(../../images/pager-bg-wide.png) no-repeat bottom left;}

.pager a:hover {color: #ccc;}

a.strana {
	padding: 0 5px;
	line-height: 25px;
	}
	a.strana:hover {color: #000;}

.pager span.selected {
	background: url(../../images/pager-active-bg1.png) no-repeat bottom left #FFF;
	display: inline-block;
	font-size: 1.1em;
	}
	.pager span.selected span {
		background: url(../../images/pager-active-bg2.png) no-repeat bottom right;
		padding: 0 14px;
		line-height: 25px;
		font-weight: bold;
		display: inline-block;
		}

/* ******************************************* */
/* ************ SIFR ************************* */
/* ******************************************* */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	visibility: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .content h1 {
	visibility: hidden;
	line-height: 1.4em;
	margin-bottom: -8px;
	text-transform: uppercase;
}

.sIFR-hasFlash .presentationBox h4, .sIFR-hasFlash .kontakt h4 {height: 17px;}
.sIFR-hasFlash .presentationBox p, .sIFR-hasFlash .kontakt strong {height: 13px;}




#slideshow, #slideshow2, #slideshow3 {
	  position:relative;
	  top:0px;
	  left:0px;
		}
		.slideClass,.slideButton {
			list-style:none;
			}
		.slideClass li {
position:absolute;
			top:0;
			left:0;
			}
		#clenstviRightBox .slideClass li {
			
			width: 220px;
			height: 80px;
			line-height: 80px;
			text-align: center;
			display: block;
			}
		.slideButton {
			clear: both;
			}
		.slideButton li	{
			float:left;
			margin: 0 5px 0 0;
			}

#clenstviRightBox {
	height: 100px;
}


/* FaceBook iframe */

#reference-fb,
#reference-fb .kartyBg {
	background-color: #F8F9FA;
}

/* KONTAKT FORM V CLANKU */
.contact-form {
	background: #eaecee url(../../images/bg-fb-form-top.png) no-repeat 0 0;
}
	.contact-form form {
		padding-top: 10px;
		background: transparent url(../../images/bg-fb-form-bottom.png) no-repeat 0 100%;
	}
	.contact-form fieldset {
		background: transparent url(../../images/ico-fb-letter.png) no-repeat 100% 100%;
		padding: 15px 15px 55px;
	}
	.contact-form .fRow {
		float: left;
		width: 100%;
		clear: both;
		padding: 5px 0;
	}
	.contact-form h2 {
		position: relative;
		display: block;
		width: 147px;
		height: 25px;
		padding: 0;
		margin: 0;
		left: 15px;
	}
		.contact-form h2 span {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: transparent url(../../images/h-kontaktni-formular.png) no-repeat 0 0;
		}
		.contact-form .fRow .fCell {
			float: left;
			width: 236px;
		}
		.contact-form .fRow label {
			float: left;
			width: 80px;
			font-weight: bold;
			color: #6e777d;
			padding: 2px 0 0;
		}
		.contact-form .fRow .txt {
			padding: 2px;
			width: 140px;
		}
		.contact-form .fRow .submit {
			border: 0 none;
		}
		.contact-form .fRow textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			width: 380px;
			height: 90px;
		}
		.contact-form .fRow .submit {
			margin-left: 77px;
		}
		.contact-form .fullWidth label {
			width: 460px;
		}
		.contact-form .fullWidth textarea {
			width: 460px;
		}
	.contact-form .error {
		color: #ee2f23;
		display: block;
		font-size: 10px;
		font-weight: bold;
		padding-left: 80px;
	}