/*
	Theme Name: CubeTheme
	Version: 1.0
	Description: Wordpress theme of CubeTeam s.r.o. website. This template contains CSS for layout and also basic styling.
	Author: Martin Stanek
	Author URI: http://www.martinstanek.cz
 
	Release: September 2008
 
	Changelog:
		v1.0 First release
*/

/* imported stylesheets -------------------------------- */
@import 'reset.css';

/****************************
 **** General ***************
 *************************** */

/* General selectors */
body {
	font: normal 0.75em / 1.5em Trebuchet MS, "Arial CE", Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	background-color: #fff;
	text-align: center;
	background: url(images/bg-body2.png) repeat-x 0 0;
}

p {
	margin: 0;
	text-indent: 0;
	text-align: left;
	/*padding: 0.4em 0 0.4em 0;*/
	line-height: 1.6em;
	padding: 0 0 14px;
}

a {
	color: #1086B9;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	padding: 0.8em 0 0.5em 0;
	margin: 0;
	font-weight: bold;
	color: #414141;
	/*font-family: "Arial CE", Arial, sans-serif;*/
	font-family: Trebuchet MS, "Arial CE", Arial, sans-serif;
}

/*
h2 {
	color: #394137;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -0.04em;
}*/

h2 {
	font-size: 140%;
	font-weight: normal;
	padding: 0.8em 0 0.6em 0;
}

h3 {
	font-size: 125%;
	color: #303030;
}

h3 a {
	color: #303030 !important;
}

#content h3 {
	padding: 0 0 10px;
}
#content > h3 {
	clear: left;
}
h4 {
	font-size: 110%;
	color: #303030;
}

#content h3.grey {
	padding: 15px 0 0 0;
}

ol {
	list-style-type: decimal;
	padding: 0 0 10px 20px;
}

.p {
	display: none !important;
}
p + ul {
	padding-top: 0!important;
	margin-top: -10px;
}


/*
#content h2 {
	font-size:120%;
	font-weight:normal;
	text-transform:uppercase;
}*/
/* END General selectors */

/* General classes */

.hidden {
	display: none !important;
}

.clear {
	clear: both;
	margin: 0;
	margin-top: -1px;
	border: 0;
	height: 1px;
	visibility: hidden;
	font-size: 1px;
	line-height: 1;
	padding: 0;
	display: block;
}

.divider {
	display: none;
}

.grey {
	color: #505050;
}

.red {
	color: #C2273F;
}

.center {
	text-align: center;
}
.nodot {
	padding-left: 0!important;
	list-style: none!important;
}
/* END - General classes */

/****************************
 **** Layout and styles *****
 *************************** */

.button-red {
	display: block;
	width: 147px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: transparent url('images/button-red.png') no-repeat 0 0;
}

/* Layout ------------------------*/
#container {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/* Hlavicka > Logo + navigace ---------------------------*/
#language {
	display: block;
	position: absolute;
	top: 3px;
	left: 0px;
	width: 46px;
	height: 16px;
	background: url('images/bg-lang.png') no-repeat -17px 0;
}

#language li {
	/*display: inline;
	 line-height: 14px;*/
}

#language li.active {
	display: none;
}

#language li a {
	padding: 0 2px;
	width: 18px;
	margin-left: 5px;
	height: 12px;
	float: left;
	text-decoration: none;
}

#language a {
	color: #fff;
}

.qtrans_flag_en {
	background: url(/wp-content/plugins/qtranslate/flags/gb.png) no-repeat 0 0;
}

.qtrans_flag_cs {
	background: url(/wp-content/plugins/qtranslate/flags/cz.png) no-repeat 0 0;
}

#header {
	height: 100px;
	width: 100%;
	text-align: left;
	position: relative;
}

/* Logo ---------------------------*/

#header h1, span#logo {
	width: 300px;
	height: 45px;
	font-size: 120%;
	/*margin:30px 0;*/
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	top: 45px;
}

#header h1 a, span#logo a {
	width: 148px;
	height: 45px;
	text-decoration: none;
	position: absolute;
	left: 20px;
	top: 0;
	z-index: 1;
}

#header h1 a:hover, span#logo a:hover {
	text-decoration: none !important;
}

#header h1 span, span#logo span {
	background: #fff url('images/logo-cubeteam.png') no-repeat scroll 0 0;
	display: block;
	width: 148px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#header h1 em, span#logo em {
	visibility: hidden;
}

/* Navigace ----------------------*/

#navigation {
	height: 63px;
	position: absolute;
	top: 0;
	right: 0;
	/*background-color: #fff;*/
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	display: block;
	float: left;
	width: 85px;
	height: 55px;
	padding: 8px 0 0 10px;
	line-height: 1.0em;
	border-top: 4px solid #595B5B;
	border-right: 1px solid #fff;
}

#navigation ul li:hover, #navigation ul li.active {
	border-top: 6px solid #C6354C;
	border-right: 1px solid #fff;
	padding-top: 6px;
}

#navigation ul li a {
	display: block;
	height: 55px;
	text-decoration: none;
}

#navigation ul li a span {
	font-family: "Trebuchet MS", "Arial CE", sans-serif;
	white-space: nowrap;
	display: block;
	color: #404040;
	font-size: 110%;
	line-height: 1.4em;
	letter-spacing: -0.01em;
	text-decoration: none;
	font-weight: normal;
}

#navigation ul li a em {
	display: none;
}

#navigation ul li a:hover em {
	display: block;
	padding: 4px 0 0 1px;
	color: #A1A1A1;
	font-size: 90%;
	letter-spacing: 0;
} 

#navigation ul li a:hover span {
	color: #C6354C;
}

#navigation ul li a.active {
	/*color: #ff0033;*/
}

#sidebar {
	float: left;
	width: 230px;
}

#sidebar ~ #content {
	float: right;
	width: 664px;
	padding-left: 5px;
	min-height: 250px;
}

#cubeteam-home #sidebar {
	float: right;
	width: 300px;
	padding: 0 5px 0 15px;
	margin: 10px 0 0 0;
}

#cubeteam-blog #sidebar, #cubeteam-search #sidebar, #cubeteam-tag #sidebar {
	float: right;
	padding: 0 5px 0 15px;
	/*border-top: 4px solid #EAEAEA;*/
	border-top: 2px solid #E1E1E1;
	margin: 0 0 0 8px;
	width: 292px;
}

#cubeteam-home #sidebar ~ #content {
	float: left;
	width: 573px;
	padding: 0 10px 0 15px;
	margin: 10px 0 0 0;
}

#cubeteam-blog #sidebar ~ #content, #cubeteam-search #sidebar ~ #content, #cubeteam-tag #sidebar ~ #content {
	float: left;
	width: 574px;
	padding: 0 10px 0 15px;
	margin: 0;
	border-top: 4px solid #EAEAEA;
	border-top: 2px solid #E1E1E1;
}

#cubeteam-404 #content {
	margin-top: 10px;
}

.left {
	float: left;
	width: 49%;
}

.right {
	float: right;
	width: 49%;
}

#sidebar .left {
	float: left;
	width: 44%;
}

#sidebar .right {
	float: right;
	width: 55%;
}

#cubeteam-page #sidebar h3 {
	padding-left: 18px !important;
}

#cubeteam-page #sidebar h3 em {
	display: none;
}

#navigation-local {
	padding: 0 0 15px 0;
	/*border-bottom: 1px solid #EAEAEA;*/
}

#navigation-local h3 {
	padding: 3px 0 3px 18px;
}

#navigation-local ul {
}

#navigation-local ul li {
	display: block;
	height: 26px;
	line-height: 26px;
	margin: 0 0 1px 0;
}

#navigation-local li a {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #1086B9;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 20px;
}

#navigation-local li:hover {
	background: transparent url('images/bg-navigation.png') no-repeat 0 -26px;
}

#navigation-local li.current_page_item {
	background: transparent url('images/bg-navigation.png') no-repeat 0 0;
}

#navigation-local ul ul li a {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #414141;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 25px;
}

#navigation-local ul ul li:hover, #navigation-local ul ul li.current_page_item {
	text-decoration: underline;
	background: none;
}

.widget {
	padding: 0 0 15px 0;
	border-top: 1px dotted #e2e2e2;
}

.widget ul {
	padding: 0 0 0 18px;
}

.widget ul li {
	padding: 0 0 0 11px;
	background: transparent url('images/icon-list.png') no-repeat 0 5px;
}

.widget p {
	padding: 0 0 0 18px;
}

#icon-ibm {
	float: right;
	width: 88px;
	height: 51px;
	background: transparent url('images/icon-ibm.png') no-repeat 0 0;
}

.logo-text strong {
	color: #AA3847;
}

.logo-text em {
	font-variant: normal;
	color: #6B6B6B;
	font-weight: bold;
}

h2 .logo-text em, h2 .logo-text strong {
	font-weight: normal;
}

#blog-info {
	padding: 0 0 10px 0;
	border-bottom: 2px solid #e2e2e2;
	/*border-top: 1px solid #EAEAEA;*/
}

#blog-info h3 {
	padding-top: 0;
}

#blog-info p {
	padding-top: 0;
	padding-bottom: 0;
}

#tweetable {
	border-bottom: 2px solid #e2e2e2;
}

#tweetable .widget {
	border: 0px none;
}

#tweetable h3 {
	padding-bottom: 0;
}

#tweetable h3 a {
	text-decoration: none;
	color: #555555 !important;
}

#tweetable .tweetable_latest_tweets {
	margin: 0;
}

#tweetable .tweetable_latest_tweets li {
	border-bottom: 0px none;
}

#tweetable .twitter_meta {
	
}


/* Obsah ------------------------------*/

#contentholder {
	width: 100%;
	text-align: left;
	position: relative;
	border-top: 4px solid #EEEEEE;
	border-top: 2px solid #E1E1E1;
}

#cubeteam-home #contentholder, #cubeteam-blog #contentholder, #cubeteam-search #contentholder, #cubeteam-tag #contentholder {
	border-top: 0;
}

/* Form --------------------------------*/

#search {
	padding: 15px 0 15px 0;
	border-bottom: 2px solid #e2e2e2;
}

#search-form div {
	display: inline;
	line-height: 25px;
}

#search-form label {
	float: left;
	padding: 1px 3px 0 0;
	font-weight: bold;
}

#search-field {
	border: 1px solid #A3A3A3;
	padding: 4px;
	width: 132px;
}

#searchsubmit {
	background: transparent url('images/button-submit.png') no-repeat 0 0;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 65px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0 0 0 5px;
}

input[id = searchsubmit] {
	padding: 0 0 3px 0 !important;
}

/* Hlavicka s flash ----------------------*/

#intro {
	display: block;
	height: 225px;
	width: 100%;
}

#cubeteam-blog #intro {
	/*height: 167px;*/
	height: auto;
	min-height: 125px;
	width: 599px;
	background: #B3243A url('images/bg-latest-article.png') repeat-x top left;
	margin: 0 -10px 10px -15px;
}

#cubeteam-home #news {
	border-top: 2px solid #e3e3e3;
	border-bottom: 1px solid #E7E7E7;
}

#cubeteam-home #flash {
	border-top: 2px solid #D9D9D9;
	border-bottom: 1px solid #C7C7C7;
}

#flash {
	float: left;
	width: 599px;
	height: 220px;
	background: #efefef;
}

#news {
	float: right;
	width: 311px;
	height: 220px;
	margin: 0 0 0 10px;
	background: #f4f4f4 url('images/bg-news.jpg') no-repeat 0 0;
}

#tagcloud {
	display: block;
	padding: 0 0 15px 0;
	margin: 0 0 0.8em 0;
	border-bottom: 2px solid #e2e2e2;
}

#tagcloud h3 {
	padding-bottom: 0;
}

#tagcloud a {
	text-decoration: none;
	font-family: Trebuchet MS, "Arial CE", sans-serif;
	font-weight: bold;
	color: #1086B9;
	letter-spacing: -0.02em;
	line-height: 1.3em;
}

#tagcloud a:hover {
	border-bottom: 1px dotted #1086B9;
}

#news h2 {
	padding: 15px 0 5px 0;
	margin: 0;
	width: 220px;
}

#news h2 a {
	color: #5F5F5F;
	text-decoration: none;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 90%;
}

#news h2 a:hover {
	border-bottom: 1px dotted #5F5F5F;
}

#news p {
	width: 85%;
}

#new-article {
	padding: 0 12px 0 13px;
	background: transparent url('images/news-article.png') no-repeat top right;
	min-height: 113px;
}

.more {
	background: transparent url('images/link-arrow.png') no-repeat left;
	padding: 0 0 0 15px;
	/*margin: 10px 0 0 0;*/
	display: inline-block;
	height: 18px;
	color: #1F8DBC !important;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

.more:hover {
	text-decoration: underline;
}

#new-activity {
	padding: 0 12px 0 13px;
	background: transparent url('images/news-event.png') no-repeat top right;
	min-height: 113px;
}

#new-actuality {
	padding: 0 12px 0 13px;
	background: transparent url('images/news-actuality.png') no-repeat top right;
	min-height: 113px;
}

#slideshow {
	position: relative;
	width: 599px;
	height: 240px;
}

#slideshow > div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#slideshow div.active {
	z-index: 10;
}

#slideshow div.last-active {
	z-index: 9;
}

#slideshow h2, #slideshow h3, #slideshow ul {
	display: none;
}

#slide0 {
	display: block;
	width: 599px;
	height: 240px;
	background: #434B42 url('images/bg-slide1.jpg') no-repeat 0 0;
}

#slide1 {
	display: block;
	width: 599px;
	height: 240px;
	background: #434B42 url('images/bg-slide1-temp.jpg') no-repeat 0 0;
}

/*
#slide1 h2 {
	color: #fff;
	font-weight: normal;
	letter-spacing: -0.05em;
	font-size: 180%;
	line-height: 110%;
	display: none;
}*/

#slide2 {
	display: block;
	width: 599px;
	height: 240px;
	background: #434B42 url('images/bg-slide2-temp.jpg') no-repeat 0 0;
}

#slide3 {
	display: block;
	width: 599px;
	height: 240px;
	background: #434B42 url('images/bg-slide3-temp.jpg') no-repeat 0 0;
}

#content {
	margin: 20px 0 0 0;
}

#sidebar ~ #content {
	margin: 0;
}

.panel-left {
	float: left;
}

.panel-right {
	float: right;
}

#content .panel-left {
	float: left;
	width: 48%;
	padding: 0 10px 0 0;
	/*border-right: 1px solid #E1E1E1;*/
}

#content .panel-right {
	float: right;
	width: 48%;
	padding: 0 10px 0 0;
}

#cubeteam-home .panel-left {
	width: 275px;
	padding: 0 10px 0 0;
}

#cubeteam-home .panel-right {
	width: 280px;
	padding: 0;
}

#content .panel-center {
	float: left;
	clear: both;
	width: 850px;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	border-top: 1px solid #E1E1E1;
}

#sidebar ~ #content .panel-center {
	border-top: 0;
	width: 649px;
}

#content ul {
	list-style-image: url('images/icon-list2.png');
	padding: 5px 0 10px 20px;
}

#subcategories {
	margin: 10px 0 0 0;
	clear: both;
}

#subcategories h3 a {
	font-size: 90% !important;
	color: #C2273F !important;
	text-decoration: none;
}

#subcategories h3 a:hover {
	text-decoration: underline;
}

#subcategories h3 {
	padding-bottom: 5px;
}

#subcategories ul {
	list-style: none;
	padding: 0;
}

#subcategories li {
	float: left;
	width: 238px;
	padding: 10px 10px 7px 70px;
	margin: 1px 10px 8px 1px;
	height: 75px;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 3px;
}

#subcategories li:hover {
	border: 1px solid #e7e7e7;
}

#img-solution {
	background: #fff url('images/img-solution.png') no-repeat 5px 50%;
}

#img-products {
	background: #fff url('images/img-products.png') no-repeat 5px 50%;
}

#img-technology {
	background: #fff url('images/img-technology.png') no-repeat 5px 50%;
}

#img-other {
	background: #fff url('images/img-services.png') no-repeat 5px 50%;
}

/****************************
 *** Diagramy ***************
 **************************** */
 
.diagram {
	margin: 10px 0 10px 0;
}

/* Diagramy > Dodavatel */

#supplier {
	display: block;
	clear: both;
	height: 178px;
	width: 669px;
	background: #fff url('images/diagram-beta.png') no-repeat 208px 0px;
	position: relative;
}

#supplier .legend {
	position: absolute;
	top: 120px;
	left: 10px;
	background: #fff url('images/diagram-supplier-legend.png') no-repeat 0 0;
	padding: 15px 0 0 0;
	width: 100px;
	line-height: 12px;
}

#supplier ul {
	list-style: none;
	padding: 0 !important;
	display: block;
	position: absolute;
	top: 53px;
	left: 10px;
	clear: both;
	height: 178px;
	width: 669px;
}

.activity {
	float: left;
	width: 100px;
	height: 45px;
	border-top: 1px solid #AFD0E1;
	border-bottom: 1px solid #AFD0E1;
	margin-right: -10px;
}

.activity:hover {
	cursor: default !important;
}

.activity strong, .activity em {
	display: block;
	padding: 16px 0 0 0px;
	height: 29px;
	text-align: center;
	line-height: 12px;
	background-color: #E7EFFF;
}

.activity span {
	float: right;
	height: 47px;
	width: 17px;
	background: transparent url('images/diagram-end.png') no-repeat right;
	margin: -1px 0;
}

.activity em {
	display: none;
}

.activity:hover strong {
	display: none;
}

.activity:hover em {
	display: block;
	margin: 0 !important;
}

#business-analyza, #navrh-reseni, #vyvoj, #testovani, #pilotni-provoz, #nasazeni {
	padding: 0 0 0 17px;
	background: url('images/diagram-start.png') no-repeat left;
}

#vyvoj > span {
	background: transparent url('images/diagram-end-dark.png') no-repeat right;
}

#vyvoj {
	/*width: 130px;*/
	background: url('images/diagram-start-dark.png') no-repeat left;
	border-top: 1px solid #9ABCDE;
	border-bottom: 1px solid #9ABCDE;
}

#vyvoj strong, #vyvoj em {
	background-color: #B6D1EC;
} 

#pilotni-provoz {
	/*width:80px;*/
}

#nasazeni {
	/*width: 100px;*/
	background: url('images/diagram-start-darker.png') no-repeat left;
	border-top: 1px solid #B6D1EC;
	border-bottom: 1px solid #B6D1EC;
}

#nasazeni > span {
	background: transparent url('images/diagram-end-darker.png') no-repeat right;
}

#nasazeni strong, #nasazeni em {
	background-color: #DAE7F8;
}

#business-analyza strong, #testovani strong {
	padding: 10px 0 0 3px;
	height: 35px;
}

#testovani em, #navrh-reseni em, #pilotni-provoz em, #vyvoj em {
	padding: 10px 0 0 0;
	height: 35px;
}

#ostry-provoz {
	position: absolute;
	right: 0;
	top: 15px;
	width: 96px;
	height: 57px;
	background: transparent url('images/diagram-finish.png') no-repeat right;
}

#ostry-provoz em {
	position: absolute;
	right: 23px;
	bottom: 0;
	font-size: 10px;
}

/* Diagramy > Zadavatel */

#customer {
	display: block;
	clear: both;
	height: 137px;
	width: 669px;
	position: relative;
}

#customer .legend {
	position: absolute;
	top: 60px;
	left: 10px;
	background: #fff url('images/diagram-customer-legend.png') no-repeat 0 0;
	padding: 15px 0 0 0;
	width: 110px;
	line-height: 12px;
}

#customer ul {
	list-style: none;
	padding: 0 !important;
	display: block;
	position: absolute;
	top: 0px;
	left: 10px;
	clear: both;
	height: 137px;
	width: 669px;
}

#customer .activity {
	float: left;
	width: 100px;
	height: 45px;
	border-top: 1px solid #E1AFAF;
	border-bottom: 1px solid #E1AFAF;
	margin-right: -10px;
}

.activity:hover {
	cursor: default !important;
}

#customer .activity strong, #customer .activity em {
	display: block;
	padding: 15px 0 0 0px;
	height: 30px;
	text-align: center;
	line-height: 12px;
	background-color: #FFE7E7;
}

#customer .activity span {
	float: right;
	height: 47px;
	width: 17px;
	background: transparent url('images/diagram-end-2.png') no-repeat right;
	margin: -1px 0;
}

#customer .activity em {
	display: none;
}

#customer .activity:hover strong {
	display: none;
}

#customer .activity:hover em {
	display: block;
	margin: 0 !important;
}

#customer #business-analyza, #customer #navrh-reseni, #customer #vyvoj, #customer #testovani, #customer #pilotni-provoz, #customer #nasazeni {
	padding: 0 0 0 17px;
	background: url('images/diagram-start-2.png') no-repeat left;
}

#customer #vyvoj > span {
	background: transparent url('images/diagram-end-white.png') no-repeat right;
}

#customer #vyvoj {
	background: url('images/diagram-start-white.png') no-repeat left;
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
}

#customer #vyvoj strong, #customer #vyvoj em {
	background-color: #fff;
}

#customer #pilotni-provoz {
	/*width: 130px;*/
	background: url('images/diagram-start-2-dark.png') no-repeat left;
	border-top: 1px solid #DE9A9A;
	border-bottom: 1px solid #DE9A9A;
}

#customer #pilotni-provoz > span {
	background: transparent url('images/diagram-end-2-dark.png') no-repeat right;
}

#customer #pilotni-provoz strong, #customer #pilotni-provoz em {
	background-color: #ECB6B6;
}

#customer #nasazeni {
	background: url('images/diagram-start-2-light.png') no-repeat left;
	border-top: 1px solid #ECD2D2;
	border-bottom: 1px solid #ECD2D2;
}

#customer #nasazeni > span {
	background: transparent url('images/diagram-end-2-light.png') no-repeat right;
}

#customer #nasazeni strong, #customer #nasazeni em {
	background-color: #FFEEEE;
}

#customer #business-analyza strong, #customer #testovani strong {
	padding: 10px 0 0 3px;
	height: 35px;
}

#customer #navrh-reseni em, #customer #pilotni-provoz em, #customer #vyvoj em {
	padding: 10px 0 0 0;
	height: 35px;
}

#customer #testovani em {
	font-size: 10px;
	padding: 18px 0 0 0;
	height: 27px;
}

/* na čem pracujeme */

#header-latest-project {
	color: #C2273F;
	padding-left: 30px;
	background: transparent url('images/icon-project.png') no-repeat left;
}

#latest-project h3 {
	font-family: Trebuchet MS, "Arial CE", sans-serif;
	font-size: 110%;
	color: #414141;
	font-weight: bold;
	padding: 3px 0 6px;
}

#latest-project .more {
	float: right;
}

#latest-project img {
	border:1px dotted #CCCCCC;
	padding:1px;
}

#latest-project .box-left {
	float: left;
	
}

#latest-project .img-link {
	margin: 1em 3px 0;
}

#latest-project .img-link:hover img {
	border-color:#707070;	
}

/**/

.project-overview {
	width: 300px;
}

#graphics-nase-reseni, #graphics-our-solution {
	background: transparent url('images/bg-nase-reseni3.png') no-repeat 0 0;
	display: block;
	width: 669px;
	height: 179px;
	margin: 0 0 14px -5px;
	position: relative;
}

#graphics-nase-reseni h2, #graphics-our-solution h2 {
	display: none;
}

#graphics-nase-reseni p, #graphics-our-solution p {
	position: absolute;
	left: 5px;
	top: 75px;
	width: 150px;
}

#graphics-our-solution {
	background: transparent url('images/bg-our-solution.png') no-repeat 0 0;
}

#graphics-kdo-jsme, #graphics-about-us {
	background: transparent;
	display: block;
	width: 669px;
	height: 179px;
	margin: 0 0 10px 0;
	margin-left: -5px;
}

#graphics-about-us {
	background: transparent url('images/bg-about-us.jpg') no-repeat 0 0;
}

#graphics-ke-stazeni, #graphics-downloads {
	display: block;
	position: relative;
	width: 669px;
	height: 179px;
	margin: 2px 0 10px 0;
	margin-left: -5px;
	background: transparent url('images/bg-ke-stazeni.png') no-repeat 0 0;
}

#graphics-downloads {
	background: transparent url('images/bg-downloads.png') no-repeat 0 0;
}

#graphics-ke-stazeni h2, #graphics-downloads h2 {
	display: none;
}

#graphics-ke-stazeni p, #graphics-downloads p {
	position: absolute;
	left: 5px;
	top: 55px;
	width: 200px;
}

#graphics-kontakt, #graphics-contact {
	display: block;
	width: 669px;
	height: 179px;
	position: relative;
	margin: 2px 0 10px 0;
	margin-left: -5px;
	background: transparent url('images/bg-kontakt.png') no-repeat 0 0;
}

#graphics-contact {
	background: transparent url('images/bg-contact.png') no-repeat 0 0;
}

#graphics-kontakt p, #graphics-contact p {
	padding-bottom: 5px;
	width: 300px;
}

#graphics-kontakt h2, #graphics-contact h2 {
	display: none;
}

#graphics-tym {
	display: block;
	width: 662px;
	height: 548px;
	position: relative;
	background: transparent url('images/kontakt.jpg') no-repeat 0 0;
}

/*
#graphics-tym > span {
	border:1px solid #000;
}*/
 
#graphics-produkty {
	display: block;
	width: 669px;
	height: 189px;
	margin: 2px 0 10px 0;
	margin-left: -5px;
	background: transparent url('images/bg-products.jpg') no-repeat bottom left;
}

/* PRODUKTY */

.bar {
	display: block;
	background: #f5f5f5 url('images/bg-bar.png') no-repeat 0 0;
	width: 665px;
	height: 29px;
}

.bar p {
	padding: 0 5px 0 5px;
	line-height: 29px;
}

.bar .divider {
	display: inline;
}

.icon-pdf {
	background: transparent url('images/icon-pdf.png') no-repeat left;
	padding-left: 20px;
}

.icon-ref {
	background: transparent url('images/icon-ref.png') no-repeat left;
	padding-left: 14px;
}

/* KONTAKT */

.error-text {
	display: block;
	padding: 3px 0 0 0;
	color: #C2273F;
}

#vcard {
	position: absolute;
	left: 5px;
	top: 55px;
}

#vcard label {
	display: none;
}

#vcard fieldset {
	margin-top: 8px;
}

#vcard-email {
	border: 1px solid #D1D1D1;
	padding: 4px;
	line-height: 26px;
	vertical-align: middle;
}

#vcard-submit, #vcard-button {
	background: transparent url('images/button-submit.png') no-repeat 0 0;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 65px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

#vcard-button {
	margin: 0;
}

input[id = vcard-submit], input[id = vcard-button] {
	padding: 0 0 3px 0 !important;
}

/*
#team {
	padding: 10px 0 10px 0;
	margin: 15px 0 0 0;
}*/

#footer {
	clear: both;
	color: #A4A4A4;
	font-size: 9pt;
	line-height: 130%;
	position: relative;
	top: 15px;
	text-align: left;
	border-top: 2px solid #E1E1E1;
	padding: 10px 10px 0 10px;
	min-height: 30px;
}

.copyright {
	float: left;
	width: 40%;
}

.links {
	float: right;
	width: 59%;
	text-align: right;
}

.links a {
	color: #A4A4A4;
	text-decoration: none;
}

.links a:hover {
	text-decoration: underline;
}

.alignright {
	float: right;
	margin: 0 5px 5px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 5px;
}
.aligncenter {
	text-align: center;
	margin: 0 auto;
}
/* BLOG */

.icon-feed {
	background: transparent url('images/icon-feed.png') no-repeat left;
	padding-left: 16px;
}

.icon-comment {
	background: transparent url('images/icon-comments-white.png') no-repeat left;
	padding-left: 18px;
}

.icon-author {
	background: transparent url('images/icon-author-white.png') no-repeat left;
	padding-left: 18px;
}

.tags {
	background: transparent url('images/icon-tags.png') no-repeat left;
	padding-left: 18px;
	margin: 0 0 0 8px;
}

.icon-author,
.icon-comment {
	margin: 0 0 0 8px;
}

.article-meta {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 12px;
	padding: 4px 0 8px 0;
}

.article {
	margin: 0 0 5px 0;
}

.article h2 {
	padding-top: 0.6em;
}

.article h2 a {
	text-decoration: none;
	color: #414141;
	font-size: 125%;
	line-height: 110%;
	font-weight: bold;
	letter-spacing: -0.035em;
}

.article h2 a:hover {
	border-bottom: 1px dotted #414141;
}

/* inline kód */
li code, p code {
	font-size: 100%;
	/*color: #1086B9;*/
	font-weight: normal;
	padding: 0 2px;
	border: 1px dotted #bbb;
	background-color: #F9F9F9;
}

/*********************
 *** TABULKY *********
 *********************/

/* Zakladni tabulka */
table {
	font-family: Arial;
	font-size: 9pt;
	padding: 0;
	margin: 0 0 14px;
	border-spacing: 0px;
	width: 580px;
}

table td {
	color: #414141;
	font-size: 110%;
	padding: 4px;
	border: 1px solid #E4E4E4;
}

table th {
	font-weight: bold;
	background: #707070;
	color: #fff;
	margin: 1px;
	font-size: 100%;
	padding: 3px 4px 2px 7px;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
}

table thead th {
	font-weight: bold;
	background: #fff;
	color: #414141;
	font-size: 120%;
	border: 0;
}

table thead td {
	font-weight: bold;
	background: #707070;
	color: #fff;
	margin: 1px;
	font-size: 100%;
	padding: 3px 4px 2px 7px;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	border-top: 0;
}

table tbody th {
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
}

/* Tabulka s parametry */
table.parameters {
}

table.parameters thead th {
	font-weight: bold;
	background: #fff;
	color: #414141;
	font-size: 120%;
	border: 0;
}

table.parameters tbody th {
	border: 1px solid #999;
	border-width: 0 1px;
	background-color: #999;
}

table.parameters tr.first td {
	border-top-width: 0 !important;
}

table.parameters tr.last td {
	border-bottom-width: 0 !important;
}

table.parameters tbody tr td:first-child {
	background: #E7EFFF;
	border: 1px solid #AFD0E1;
}

/* Posledni clanek zobrazeny v headeru */

#article-latest {
	/*float: left;*/
	/*height: 167px;*/
	height: auto;
	min-height: 125px;
	width: 569px;
	background: transparent url('images/blog-article.png') no-repeat top right;
	padding: 0 15px 0 15px;
	border-bottom: 5px solid #C03046;
	position: relative;
}

#article-latest h2 {
	width: 89%;
	padding-bottom: 5px;
}

#article-latest h2 a {
	color: #fff;
	font-size: 125%;
	line-height: 110%;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.02em;
}

#article-latest h2 a:hover {
	border-bottom: 1px dotted #fff;
}

#article-latest p {
	padding-bottom: 25px;
	color: #fff;
	width: 93%;
}

#article-latest .icon-comment {
	background: transparent url('images/icon-comments-red.png') no-repeat left;
	padding-left: 18px;
	margin: 0 0 0 8px;
}

#article-latest .tags {
	background: transparent url('images/icon-tags-red.png') no-repeat left;
	padding-left: 18px;
	margin: 0 0 0 8px;
}

#article-latest .icon-author {
	background: transparent url('images/icon-author-red.png') no-repeat left;
	padding-left: 18px;
	margin: 0 0 0 8px;
}

#article-latest .article-meta {
	position: absolute;
	bottom: 0;
	border-bottom: 0;
	margin: 0;
	padding-bottom:0;
}

#article-latest .article-meta a {
	color: #fff;
}

#article-latest .article-intro {
	padding-bottom: 30px;
}

/* Comments */

#cf-content-submit #submit {
	background: transparent url('images/button-comment.png') no-repeat left;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 113px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0 0 70px;
}

#cf-content-submit input[id = submit] {
	padding: 0 0 3px 0 !important;
}

.infoline {
	background-color: #FFFEF2;
	border-top: 1px dotted #EBE5B3;
	border-bottom: 1px dotted #EBE5B3;
	padding: 5px !important;
}

#discussion-area {
	margin: 25px 0 0 0;
	/*border-top: 1px solid #E3E3E3;*/
}

#discussion-area h4 {
	font-size: 170%;
	font-weight: normal;
	color: #414141;
	margin-bottom: 10px;
}

textarea#comment {
	border: 1px solid #A3A3A3;
	width: 470px;
}

#commentform-area {
	margin: 25px 0 0 0;
	border-top: 1px solid #E3E3E3;
}

#post-comments {
	border-top: 1px solid #E3E3E3;
}

.input-container {
	clear: both;
	margin: 5px 0 5px 0;
}

#cf-identifiers label {
	display: inline-block;
	width: 60px;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	line-height: 25px;
}

#cf-identifiers input {
	border: 1px solid #A3A3A3;
	width: 250px;
	padding: 4px 5px;
}

.post-comments-instructions {
	padding: 5px 0;
}

/* V tisku */

#links {
	/*background: transparent url('images/bg-pres.png') no-repeat 0 0;*/
	margin-top: -12px;
}

#links > ul {
	list-style-image: none !important;
	padding: 0 !important;
}

#links li ul {
	padding-bottom: 0 !important;
}

#linkcat-13 {
	float: left;
	width: 390px;
	padding-right: 10px;
}

#linkcat-15 {
	float: right;
	width: 250px;
}

.link li li {
	margin: 0 0 10px 0;
}

.link > ul {
	list-style-image: none !important;
	padding-left: 0 !important;
}

/* Klienti Gadgets */

#clients li.hide {
	display: none;
}

#clients li.show {
	display: block;
}

#pagination {
	padding: 5px 0 5px 0;
	text-align: right;
}

a.next, a.prev, span.next, span.prev {
	display: inline-block;
	height: 16px;
	text-decoration: none;
	text-align: center;
}

a.next {
	padding-right: 12px;
	margin-left: 2px;
	background: transparent url('images/link-next-prev.png') no-repeat 100% -13px;
}

a.prev {
	padding-left: 12px;
	background: transparent url('images/link-next-prev.png') no-repeat 0 4px;
}

a.next:hover, a.prev:hover {
	text-decoration: underline;
}

/* Technologie - ikony */

#icon-quickr {
	background: transparent url('images/icon-quickr.png') no-repeat 115px 10px;
	padding-right: 20px;
}

#icon-domino {
	background: transparent url('images/icon-lotus.png') no-repeat 280px 10px;
	padding-right: 20px;
}

/* Referencni reseni */

#reference {
	/*background: #fff url('images/line-greybox.png') repeat-y left;*/
}

#reference .panel-left {
	width: 310px;
	height: 460px;
	padding: 15px 15px 0 15px;
	background: #fff url('images/line-greybox.png') repeat-y 0 0;
}

#reference div.panel-right {
	float: none;
	width: auto;
	padding: 15px 15px 0 15px;
	text-align: left;
}

#reference div.panel-left + div.panel-right {
	margin-left: 345px;
}

#reference h1 {
	width: auto;
	height: auto;
	font-size: 140%;
	padding: 0 0 10px;
	position: static;
}

#reference .reference ul li {
	background:transparent url(images/icon-list.png) no-repeat scroll 0 7px;
	padding:0 0 0 11px;
}

.screenshot-img {
	text-align: center;
}

.screenshot-img img {
	border: 1px solid #ABABAB;
}

.screenshot-img span {
	color: #ABABAB;
}

.reference {
	clear: both;
}

span.page-title {
	display: block;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -0.02em;
	padding: 0.6em 0 0.6em 0;
	font-family: "Arial CE", Arial, sans-serif;
}

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display:none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.tabs-nav {
		display:none;
	}
}

/* Skin */

.tabs-nav {
	background-color: #E7E7E7;
	border-bottom: 1px solid #C4C4C4;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	list-style-type: none;
	text-align: left;
	padding: 10px 0 4px 20px;
}

.tabs-nav li {
	display: inline;
	margin-right: 2px;
}

.tabs-nav a {
	background-color: #E7E7E7;
	border-color: #E7E7E7;
	border-style: solid solid none solid;
	border-width: 1px 1px 0 1px;
	color: #000;
	margin-right: 0px;
	padding: 6px 7px;
	text-decoration: none;
	letter-spacing: -0.010em;
}

.tabs-nav .tabs-selected a {
	background-color: #FFF;
	border-color: #C4C4C4;
	border-bottom: 1px solid #FFF;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
	background-color: #FFF;
	border-color: #C4C4C4;
}

.tabs-nav .tabs-selected a:hover {
	border-bottom: 1px solid #FFF;
}

.tabs-nav .tabs-disabled {
	opacity: .4;
}

.tabs-container {
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}

/* Vyslekdy vvyhledavani */

.article-short h2 a {
	text-decoration: none;
	color: #414141;
	font-size: 90% !important;
	line-height: 110%;
	font-weight: bold;
	letter-spacing: -0.03em;
}

.article-short h2 a:hover {
	border-bottom: 1px dotted #414141;
}

.map {
	float: left;
	margin: 0 10px 0 0;
}

/* Kontakty - grafika ******************/

.contact {
	padding: 14px 0 5px 0px;
	margin: 0 0 14px 0;
	/*background: transparent url('images/icon-addressbook.png') no-repeat left;*/
	border-top: 1px dotted #dedede;
	
}

.member {
	padding: 15px 15px 0 15px;
	display: none;
}

.member ul {
	padding: 5px 15px 10px 15px;
}

.member-extra {
	width: 315px;
	margin: 8px -15px 0 -15px;
	border-top: 1px solid #F1EFDE;
	background-color: #FFFCE4;
	min-height: 50px;
}

.member h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}

.member em {
	color: #B5B5B5;
}

.member > p {
	padding: 0;
	margin: 0;
}

.member h3 {
	font-size: 10px !important;
	font-weight: normal;
	color: #DDD282;
	float: right;
	margin: 0;
	padding: 0 8px 0 0;
}

#dan-vrana {
	display: block;
	height: 65px;
	left: 430px;
	position: absolute;
	top: 35px;
	width: 160px;
	cursor: pointer;
}

#dan-vrana:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#dan-vrana-foto {
	cursor: pointer;
	display: block;
	height: 145px;
	left: 300px;
	position: absolute;
	top: 35px;
	width: 110px;
}

#pavel-krummer {
	display: block;
	height: 55px;
	left: 20px;
	position: absolute;
	top: 35px;
	width: 160px;
	cursor: pointer;
}

#pavel-krummer:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#pavel-krummer-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 180px;
	position: absolute;
	top: 35px;
	width: 120px;
}

#tomas-bartek {
	display: block;
	height: 55px;
	left: 20px;
	position: absolute;
	top: 115px;
	width: 155px;
	cursor: pointer;
}

#tomas-bartek:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#tomas-bartek-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 60px;
	position: absolute;
	top: 175px;
	width: 120px;
}

#tomas-sedlacek {
	cursor: pointer;
	display: block;
	height: 40px;
	left: 435px;
	position: absolute;
	top: 110px;
	width: 150px;
}

#tomas-sedlacek:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#tomas-sedlacek-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 395px;
	position: absolute;
	top: 180px;
	width: 120px;
}

#michal-hana {
	cursor: pointer;
	display: block;
	height: 45px;
	left: 540px;
	position: absolute;
	top: 145px;
	width: 130px;
}

#michal-hana:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#michal-hana-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 515px;
	position: absolute;
	top: 195px;
	width: 120px;
}

#jan-pokorny {
	cursor: pointer;
	display: block;
	height: 45px;
	left: 300px;
	position: absolute;
	top: 470px;
	width: 140px;
}

#jan-pokorny:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#jan-pokorny-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 285px;
	position: absolute;
	top: 315px;
	width: 120px;
}

#lukas-diacik {
	cursor: pointer;
	display: block;
	height: 45px;
	left: 160px;
	position: absolute;
	top: 480px;
	width: 130px;
}

#lukas-diacik:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 100px 0;
	cursor: pointer;
}

#lukas-diacik-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 160px;
	position: absolute;
	top: 330px;
	width: 120px;
}

#lukas-slavicek {
	display: block;
	height: 45px;
	position: absolute;
	top: 465px;
	left: 440px;
	width: 140px;
	cursor: pointer;
}

#lukas-slavicek:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 90px 0;
	cursor: pointer;
}

#lukas-slavicek-foto {
	position: absolute;
	cursor: pointer;
	display: block;
	height: 140px;
	left: 400px;
	top: 320px;
	width: 100px;
}

#eva-lhotkova {
	cursor: pointer;
	display: block;
	height: 45px;
	left: 20px;
	position: absolute;
	top: 470px;
	width: 130px;
}

#eva-lhotkova:hover {
	background: transparent url('images/icon-bubble.png') no-repeat 60px 0;
	cursor: pointer;
}

#eva-lhotkova-foto {
	cursor: pointer;
	display: block;
	height: 140px;
	left: 50px;
	position: absolute;
	top: 330px;
	width: 110px;
}

#hiring {
	display: block;
	height: 60px;
	position: absolute;
	top: 370px;
	left: 520px;
	width: 80px;
}

#hiring span {
	display: none;
}

#overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	z-index: 100;
	background: #000;
	-moz-opacity: 0.5;
	filter: alpha( opacity = 50);
	opacity: .5;
}

#window {
	position: absolute;
	z-index: 200;
	top: 270px;
	left: 570px;
	text-align: left;
	width: 320px;
	padding-bottom: 8px;
	background: transparent url('images/bg-contact-bottom.png') no-repeat left bottom;
}

#window-top {
	width: 320px;
	min-height: 100px;
	background: transparent url('images/bg-contact-top.png') no-repeat left top;
}

#window-top .member {
	display: block;
}

.close {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 11px;
	height: 11px;
	text-decoration: none;
	background: transparent url('images/icon-close.png') no-repeat 0 0;
}

.close:hover {
	text-decoration: none;
}

/* BLOG styles ********************************/
/* BLOG single */

.article-single > h2 {
	margin-top: 20px;
}

.article-single > h2 {
	padding-top: 0;
}

.article-single .article-meta {
	margin-bottom: 15px;
}

.article-single h1 {
	color: #414141;
	font-size: 180%;
	line-height: 110%;
	font-weight: bold;
	letter-spacing: -0.02em;
	clear: both;
	padding-top: 1.2em;
}

.article h2 a:hover {
	border-bottom: 1px dotted #414141;
}

.article-single h2, .article-single h3, .article-single h4 {
	padding: 0.5em 0 0.3em!important;
}

.article-single h4 {
	color: #1086B9;
}

.article-single h2 {
	color: #555555;
}

/*
.article-header {
	background:#B3243A url(images/bg-latest-article.png) repeat-x scroll left top;
	border-bottom:5px solid #C03046;
	min-height:20px;
	padding:0 15px;
	margin: 0 -15px 0 -15px;
	width:569px;
}*/

.article-single .article-meta {
	border-bottom: 0 none;
	margin: 0;
	background: #f5f5f5 url('images/bg-meta.png') repeat-x bottom;
	border-bottom: 1px solid #dedede;
	min-height: 20px;
	padding: 5px 15px 4px;
	margin: 0 -10px 0 0;
	width: 518px;
	float: right;
}

.article-header .article-meta a {
	color: #fff;
}

.article-header .icon-comment {
	background: transparent url(images/icon-comments-red.png) no-repeat scroll left center;
	margin: 0 0 0 8px;
	padding-left: 18px;
}

.article-header .tags {
	background: transparent url(images/icon-tags-red.png) no-repeat scroll left center;
	margin: 0 0 0 8px;
	padding-left: 18px;
}

.article-single .article-intro p {
	font-size: 13px;
	padding: 0 0 14px;
	line-height: 1.6em;
	font-weight: bold;
}

.link-back a {
	background: #707070 url(images/icon-back.png) no-repeat scroll 6px 11px;
	color: #FFFFFF;
	float: left;
	height: 25px;
	margin: -2px 0 0 -15px;
	padding: 7px 0 0 7px;
	text-align: center;
	text-decoration: none;
	width: 44px;
}

.link-back a:hover {
	text-decoration: underline;
	background: #C2273F url(images/icon-back.png) no-repeat scroll 6px 11px;
}

.article-text {
	font-size: 13px;
	line-height: 1.6em;
}

.article-text p {
	font-size: 13px;
	/*padding: 1.0em 0 1.2em 0;*/
	padding: .5em 0 .5em;
	line-height: 1.6em;
}

.article-text ul {
	padding: 0 0 1em 20px !important;
}

.article-text ol {
	list-style-type: decimal;
	padding: 0 0 0 20px !important;
}

.article-text ol ol {
	padding: 0.2em 0 0.3em 1.5em;
}

.article-text li {
	font-size: 13px;
	line-height: 1.6em;
}

blockquote {
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	color: #808080;
	font-style: italic;
	margin: 0.4em 0;
	padding: 0 0 0 1em;
	clear: both;
}

#cubeteam-page blockquote {
	border: none;
}

.article-text .wp_syntax {
	margin: 5px 0;
	border: 1px dotted #bbb;
}

.article-text .box-left {
	float: left;
}

.article-text .box-right {
	float: right;
}

.article-text .cleaner {
	clear: both;
}

/* Obrazky -----------------------------*/

.article-text img {
	padding: 1px;
	margin: 10px auto;
	border: 1px solid #ccc;
}

.image {
	text-align: center;
}
.image img {
	-moz-box-shadow: 2px 2px 5px #DDDDDD;	
	-webkit-box-shadow: 2px 2px 5px #DDDDDD;	
}

.image img {
    filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=5)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=5)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=1);
}


.article-text img.inline {
	vertical-align: middle;
}

.article-text .img-link {
	margin: 0 .5em .5em 0;
}

.article-text .img-link:hover img {
	border-color: #707070;
}

/* Komentare ---------------------------*/

a.external {
	background: transparent url(images/icon-external.png) no-repeat 0 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	line-height: 16px;
	text-decoration: none !important;
}

a.external span {
	display: none;
}

.comment-head {
	padding-top: 0.7em;
	position: relative;
}

.comment-head h5 {
	float: left;
	font-weight: bold;
	padding: 0;
	font-size: 1.3em;
}

.comment-head h5 span {
	font-weight: normal;
	font-size: 12px;
	color: #AAAAAA;
	margin: 0 5px 0 0;
}

.comment-head > span {
	color: #AAAAAA;
	float: right;
}

.comment-text {
	clear: both;
	padding-top: 10px;
}

.comment-text p {
	padding-bottom: 5px;
}

#comment {
	padding: 4px 5px;
	font-family: Trebuchet MS, Arial, sans-serif;
}

.indent {
	padding: 0 10px 0 16px;
}

.indent > h4:first-child, .indent > h3:first-child {
	padding-top: 0 !important;
}

/* Expandable JS */

.expanded {
	display: block;
	margin-bottom: 14px;
	/*border-bottom: 2px solid #dedede;*/
}

.collapsed {
	display: none;
}

.expandable {
	background: transparent url('images/link-more-red.png') no-repeat 0 11px;
	padding: 6px 0 6px 15px !important;
	border-bottom: 1px dotted #e2e2e2;
	cursor: pointer;
	_cursor: hand;
}

.expandable-active {
	background: transparent url('images/link-more-red.png') no-repeat 0 -15px;
	padding: 6px 0 14px 15px !important;
	/*border-bottom: 1px solid #e2e2e2;*/
	cursor: pointer;
	_cursor: hand;
}

.expandable:hover {
	border-bottom: 1px solid #e2e2e2;
}

/* 404 */

#search404 {
	padding-top: 10px;
	border-top: 1px dotted #AFD0E1;
}

#sitemap {
	padding: 12px 15px 15px;
	background-color: #EEF4FF;
	border: 1px solid #AFD0E1;
	float: left;
	clear: left;
	-moz-border-radius: 3px;
	/*background-color: #F3F3F3;
	 border: 1px solid #E0E0E0;
	 -moz-border-radius: 3px;*/
}

#sitemap > ul {
	list-style: none;
	padding: 0;
}

#sitemap > ul > li > a {
	font-size: 120%;
	font-weight: bold;
}

.sitemap-chunk {
	float: left;
	width: 130px;
	padding: 0 10px 0 0;
}

/* Search results */

.result-item .article-meta {
	border: 0;
	float: right;
	color: #aaa;
}

.result-item h2 {
	background: transparent url('images/icon-doc.png') no-repeat left;
	padding: 8px 0 8px 15px;
}

/* English website */

.lang-en #article-latest {
	background: transparent url('images/en-blog-article.png') no-repeat top right !important;
}

.lang-en #new-article {
	background: transparent url('images/en-news-article.png') no-repeat top right !important;
}

.lang-en #new-activity {
	background: transparent url('images/en-news-event.png') no-repeat top right;
}

.lang-en #new-actuality {
	background: transparent url('images/en-news-actuality.png') no-repeat top right;
}

.lang-en #graphics-tym {
	background: transparent url('images/kontakt-en.jpg') no-repeat 0 0 !important;
}

/****************************
 *** Diagramy EN ************
 **************************** */
/* Diagramy > Dodavatel */

.lang-en #business-analyza strong, .lang-en #testovani strong, .lang-en #navrh-reseni strong, .lang-en #pilotni-provoz strong {
	padding: 10px 0 0 3px !important;
	height: 35px !important;
}

.lang-en #business-analyza em {
	padding: 6px 0 0 3px !important;
	height: 39px !important;
}

.lang-en #pilotni-provoz em {
	font-size: 11px !important;
	padding: 16px 0 0 3px !important;
	height: 29px !important;
}

/* Diagramy > Zadavatel */

.lang-en #customer #testovani strong {
	padding: 16px 0 0 3px !important;
	height: 29px !important;
}

.lang-en #customer #navrh-reseni em, .lang-en #customer #vyvoj em {
	padding: 10px 0 0 0;
	height: 35px;
}

.lang-en #customer #pilotni-provoz em {
	padding: 10px 0 0 0 !important;
	height: 35px !important;
}

.lang-en #customer #testovani em {
	font-size: 12px !important;
}

.lang-en #customer #nasazeni strong {
	font-size: 11px;
}

/*******************
 *** LN web page ***
 *******************/
div.twocol {
	float: left;
	width: 320px;
	overflow: hidden;
	padding-right: 10px;
}

li p {
	padding-bottom: 6px;
}
ul.threecol {
	clear: left;
	list-style: none!important;
	overflow: hidden;
	padding-left: 0!important;
}
ul.threecol li {
	float: left;
	width: 210px;
	padding: 0 10px 0 0;
}

#ln-diff {
	height: 147px;
	background: transparent url('images/ln-slozitost.png') no-repeat 0 15px;
}
#ln-diff li {
	padding: 0 10px 0 15px;
	width: 195px;
}

#ln-plus {
	padding-bottom: 20px!important;
}
#ln-plus h3 {
	background: transparent url('images/ln-tick.png') no-repeat 0 3px;
	padding-left: 20px;
}
#ln-plus p {
	padding: 0 0 0 20px;
}

.q {
	font-size: 12px;
	color: #C2273F;
	/*border-bottom: 1px solid #B6D1EC;*/
	padding-bottom: 6px!important;
}

.threecol li h3 {
	color: rgb(17, 17, 17);
}

.screens {
	position: relative;
	z-index: 0;
}
.screens strong {
	position: absolute;
	top: 70px;
	right: 40px;
	width: 200px;
	font-size: 14px;
	padding: 10px;
	background: #E7EFFF;
	border: 1px solid #AFD0E1;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.bubble {
	padding: 10px;
	padding-top: 5px!important;
	background: #f2f2f2;
	border: 1px solid #bebebe;
	width: 460px;
	margin-bottom: 5px;
	position: relative;
	top:-20px;
	z-index: 10;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul.bubble {
	padding-top: 5px!important;
}
.bubble:after {
	content: "";
	position: absolute;
	z-index: 11;
	right: -5px;
	top: 50%;
	width: 10px;
	height: 10px;
	clip: rect(0,10px,10px,0);
	background: #f2f2f2;
	border: 1px solid #bebebe;
	-moz-transform: rotate(135deg);
}
.bb:after {
	top: 44px;
	left: 20%;
	width: 10px;
	height: 10px;
	clip: rect(0,10px,10px,0);
	background: #f2f2f2;
	border: 1px solid #bebebe;
	-moz-transform: rotate(-135deg);
}

.xpages .bubble {
	width:  180px;
	position: absolute;
}
.xpages {
	position: relative;
	height: 220px;
	background: transparent url('images/ln-diagram.png') no-repeat center;
}