/* -----------------------------  casti formatovane pomocí CSS (Katka) --------------------------------------- */
.clear {width:100%; height:1px; line-height:1px; clear:both; _display:none; _clear:none; font-size:1px;}
.home img{float:left; margin-right:10px; border:none;}
.home h2{font-size:1em;}
.home h3{font-size:0.85em;}
.home img{border:none;}
.home .report{background:#f1f1e5; padding:5px 5px 0; margin-bottom:5px;}
.home p.subnadpis{color:#50a7fe; margin: 3px 0 5px;}

/* Nadpisy */
#casove-srovnani-title, #uvod-nadpis, #ab-srovnani-title, #funnel-title, #label-title, #dalsi-title, #chovani-title, #vyhledavani-title, #kampane-title, #celkovy-title, #zmeny-title{margin:0; padding:0; position:relative;overflow:hidden;}
#casove-srovnani-title span, #uvod-nadpis span, #ab-srovnani-title span, #funnel-title span, #label-title span, #dalsi-title span, #chovani-title span, #vyhledavani-title span, #kampane-title span, #celkovy-title span, #zmeny-title span{display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; }

	#uvod-nadpis, #uvod-nadpis span{width:413px; height:19px;} 
	#casove-srovnani-title, #casove-srovnani-title span{width:167px; height:16px;}
	#ab-srovnani-title, #ab-srovnani-title span{width:191px; height:14px;}
	#funnel-title span, #funnel-title {width:191px; height:14px}
	#label-title span, #label-title{width:199px; height:14px;}
	#chovani-title span, #chovani-title{width:206px; height:14px;}
	#vyhledavani-title span, #vyhledavani-title {width:210px; height:14px;}
	#kampane-title span, #kampane-title{width:210px; height:14px;}
	#celkovy-title span, #celkovy-title{width:189px; height:14px;}
	#zmeny-title span, #zmeny-title{width:227px; height:14px;}
	#dalsi-title span, #dalsi-title{width:139px; height:11px;}
	
	#uvod-nadpis span{background: url(images/index-nadpis.gif) top left no-repeat}
	#casove-srovnani-title span{background: url(images/index-timesplit-title.gif) top left no-repeat;}
	#ab-srovnani-title span{background:url(images/index-absplit-title.gif) top left no-repeat}
	#funnel-title span{background:url(images/index-funnel-title.gif) top left no-repeat}
	#label-title span{background: url(images/index-labels-title.gif) top left no-repeat}
	#chovani-title span{background:url(images/index-chovani-title.gif) top left no-repeat}
	#vyhledavani-title span{background:url(images/index-vyhledavani-title.gif) top left no-repeat}
	#kampane-title span{ background:url(images/index-kampane-title.gif) top left no-repeat}
	#celkovy-title span{background:url(images/index-celkovy-title.gif) top left no-repeat}
	#zmeny-title span{background:url(images/index-zmeny-title.gif) top left no-repeat}
	#dalsi-title span{background:url(images/index-dalsi-title.gif) top left no-repeat}


/* ------------------------------- puvodni css --------------------------------------------- */
body{	background-color: #DFE4E8; margin: 0px; font-family: verdana, geneva, arial, sans-serif; font-size: 11px; }

#logo a {
font-size: 2pt;
display:block;
   position:relative;
/*width:200px; height:60px;*/
float:left;
cursor: pointer;
margin:0px;
padding:0px;
border:1px;
}

#logo h1 {margin:0px;padding:0px;}
#logo span {
width:200px; height:60px;
background: transparent url(images/logo.gif) no-repeat top left;
position:relative;top:-5px;
float:left;
margin:0px;
padding:0px;
}




/* Comparison Table */
table#comparison td { padding:0.25em 0.75em; border-bottom:1px solid #D3D7DB; font-size: 11px;}
table#comparison tr.alt { background:#EDF3F7; }
div.check{ width:11px; height:11px; border:0; margin:0 auto; background: url(images/check.gif) no-repeat center top; }
div.x { width:11px; height:11px; border:0; margin:0 auto; background: url(images/x.gif) no-repeat center top; }
td.bronze { background:#F1F1E5; }
tr.alt td.bronze{ background:#E8E9DE; }
td.silver{ background:#EAEEF1; }
tr.alt td.silver{ background:#E1E6EA; }
td.gold { background:#F1F5E5; }
tr.alt td.gold { background:#E8EDDE; }

.home {
	color: #333333;
	font-size: 11px; 
	line-height: 16px;
}

.home a:link, .home a:active{
	color: #333333;
	font-size: 11px; 
	line-height: 16px;
}

.home a:visited {
	color: #666666;
	font-size: 11px; 
	line-height: 16px;
}

.home a:hover {
	color: #004589;
	background-color:   #D3E3F3; 
	font-size: 11px; 
	line-height: 16px;
}

.cookie, .cookie A:link, .cookie A:active
{
	color: #333333;
	font-size: 10px;
	line-height: 14px;
	text-transform: lowercase;
}

.cookie A:visited, {
	color: #666666;
	font-size: 10px;
	line-height: 14px;
	text-transform: lowercase;
}

.cookie A:hover{
	color: #0066cc;
	font-size: 10px;
	line-height: 14px;
	text-transform: lowercase;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 18pt;
	color: #000000;
	text-transform: uppercase;
	}	
	
h2
	{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2px;
	margin-top: 0px;
       display:inline;

	}
	
.left {
	text-align: left;
	padding-left: 0px ;
}

	
.right {
	text-align: left;
	padding-right: 20px;
}
	
.body {
	color: #000;
	font-size: 12px;
	line-height: 16px;
}

.body A:link, .body A:active {
	color: #0066CC;
}

.body A:visited, {
	color: #6615B0;
}

.body A:hover{
	color: #004589;
	background-color:   #D3E3F3;
}

.footer, .footer A:link, .footer A:active{
	color: #333333;
	font-size: 10px;
	line-height: 18px;
}

.footer A:visited, {
	
	color: #666666;
	font-size: 10px;
	line-height: 18px;
}

.footer A:hover{
	
	color: #0066cc;
	font-size: 10px;
	line-height: 18px;
}

.side {
	font-family: verdana, geneva, arial, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 12px;
}

.side a {
	font-family: verdana, geneva, arial, sans-serif;
	color: #0066CC;
	font-size: 10px;
	line-height: 12px;
}


.side a:link, .side a:active {
	font-family: verdana, geneva, arial, sans-serif;
	color: #0066CC;
	font-size: 10px;
	line-height: 12px;
}

.side a:visited {
	color: #6615B0;
	font-size: 10px;
	line-height: 12px;
}

.side a:hover {
	color: #004589;
	background-color:   #D3E3F3;
	font-size: 10px;
	line-height: 12px;
}

.smalltext {
	font-size: 11px;
	line-height: 15px;
}
.smalltext A{
	font-size: 11px;
	line-height: 15px;
}
.smalltext A:link{
	font-size: 11px;
	line-height: 15px;
}
.smalltext A:hover {
	font-size: 11px;
	line-height: 15px;
}
.smalltext A:visited {
	font-size: 11px;
	line-height: 15px;
}

.dottedline {
	margin-top: 20px;
	margin-bottom: 5px;
}

.screenshotR {
	margin-left: 20px;
}
.screenshotL {
	margin-right: 15px;
}
.noBullet {
	list-style-type: none;
	margin-bottom: 10px;
}

.productgrid {
	font-size: 10px;
	color: #000000;
	padding: 4px 15px 10px 12px;
	text-decoration: none;
}

.productgrid2 {
	font-size: 10px;
	color: #000000;
	padding: 4px 15px 10px 12px;
	text-decoration: none;
}

	
.productinset  {
	color: #000000;
	font-size: 11px;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.productinset A:link {
	color: #0066CC;
	font-size: 11px;
	line-height: 14px;
}


.productinset A:visited, {
	color: #666666;
	font-size: 11px;
	line-height: 14px;
}

.productinset A:hover{
	color: #004589;
	background-color:   #D3E3F3;
	font-size: 11px;
	line-height: 14px;
}
.moviecaption {
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;

}
.rb {
	font-weight: bold;
	text-align: right;
}

.regform {font-family: Verdana, Arial,Helvetica,sans-serif;}
.regform th {font-weight:bold; text-align:right; background-color:#cee7ff; font-size:8pt;}
.error {color:red; font-weight:bold;}
.title {font-weight:bold; font-size:20pt;}
.invoice-table th {background-color: #cee7ff; font-weight: bold; font-size: 8pt;}
.invoice-table { border: 1px dotted #cccccc; }
.activate { border: 2px dashed #cccccc; padding: 10px 10px 10px 10px; margin: 0px 15% 20pt 15%; }
.white { background-color: white }
.lightblue { background-color: #B6CBE0; }
.bback {	background-image: url(images/b.gif);}
img {	border: none;}

.tdsmalltext {	font-size: 10px;}
.tdsmalltextb {	font-size: 10px; font-weight: bold;}


.detailRow {
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	border:  none ;
	color: #000000;
	padding: 0px 15px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.info {
	display: none;
}

.compare {
	background-color: #ffffff;
	font-size: 11px;
	padding: 0px 3px;
	vertical-align: middle;
	text-align: center;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.compareFeature {
	font-size: 11px;
	background-color: #ffffff;
	padding: 0px 7px 0px 0px;
	vertical-align: middle;
	text-align: right ;
	border-right-style: dashed;
	border-right-color: #999999;
	border-right-width: 1px;
}

.moreinfo {
	font-size: 11px;
	font-style: italic;
	color: #000000;
}

.headertext  {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	padding: 0px;
	text-align: center;
}

.headertext a  {
	font-size: 10px;
	font-weight: normal;	
}

.bgpro { background-image: url(images/prod_comp_pro.gif); background-position: right; }

.buttons { margin: 5px 0px 10px 0px; }
	.buttons a { font-size: 10px; font-weight: bold; color: #388CFB; text-decoration: underline;  }
   .buttons a:hover, .buttons a:active   { font-size: 10px; font-weight: bold; color: #388CFB; text-decoration: none;  }