/* www.digitalmedia.cz - content. Created by PeckaDesign 2006 */

/* Generic top-level elements */
body { font: 75% /1.4em Arial, "Luxi Sans", Helvetica, sans-serif; padding: 0; margin: 0; background: white; color: #333; }

.black { color:#FFFFFF;} 
.ok-message { color:#339900;} 
h4.green { font-size: 120%; color:#339900;} 
.ok-message-big { color:#339900; font-size:120%;} 
.red { color:red; } 


/* Generic inline elements */
a { color: #FF8500; }
a:visited{color: #FF8500; }
a:hover {color: #FF8500; }

code {font-size: 92%; font-family: monospaced; }
abbr, acronym { cursor: help; border-bottom: 1px dotted #333333;}
dfn { font-weight: bold; } 
hr, .hidden { display: none; }

q {	quotes: none; font-style: italic; }

/* Generic block elements */
p, ul, ol, dl { margin-bottom: 1em; margin-top: 0;}
dt { font-weight: bold; }
ol, ul {margin-top: 2px; margin-left: 30px; padding-left: 0; }
ol li {margin-bottom: 1px; }

ul {margin: 2px 0 1em 0; padding: 0; list-style: none; }
ul li {margin: 0 0 0.25em 0; padding: 0 0 0 18px; list-style: none;  background: url("/img/bullet-adobe-default.gif") no-repeat 0 0.5em; }


ul.bluelist {margin: 1em 0 1em 0; padding: 0 0 0 10px; list-style: none; }
ul.bluelist li {margin: 0 0 0.5em 0; padding: 3px 0 0 18px; list-style: none;  background: url("/img/bullet-maxon-disc-small.gif") no-repeat 0 0.5em; }

ul.bluelist-indent {margin: 1em 0 1em 0; padding: 0; list-style: none; }
ul.bluelist-indent li {margin: 0 0 0.25em 0; padding: 0 0 0 18px; list-style: none;  background: url("/img/bullet-maxon-disc-small.gif") no-repeat 0 0.5em; }

ul.pricelabel {padding: 10px 0 0 0; list-style: none; }
ul.pricelabel li {background-image:none; padding: 0px 0px 3px 15px;}
ul.pricelabel li img { padding:0; margin:0; vertical-align:middle;}
ul.pricelabel li span {color:#900; font-weight:600;}


ul.product-icon-list li { background-image:none; padding: 0px 0px 3px 0px; font-stretch:extra-condensed; font-size:11px; font-weight:bold; color:#666;}
ul.product-icon-list li img { padding:0 4px 0 0; margin:0; vertical-align:middle;}
ul.product-icon-list li a { color:#666; text-decoration:none;}
ul.product-icon-list li a:hover { text-decoration:underline; color:#666;}
ul.product-icon-list li a:visited { color:#666;}


/* Tables */
table { font-size: 100%; margin-bottom: 1em; border: 0; border-collapse: separate; border-spacing: 1px; background: #C8C8C8; border: 2px solid #ECECEC; }
td, th { padding: 0.5em 0.5em; border: 0; vertical-align: top; font-weight: normal; background: white;}
th { background: #ECECEC; font-weight: bold;}
tr.evenrow td { background: white; }
table.plain {border-style:none; border:none; border-collapse:collapse; margin:0; padding:0; }
table.plain ul.product-icon-list {padding: 0px 0px 0px 15px;  }
table.plain img { margin: 0; padding: 0; border: 0; }
table.plain ul {border-style:none; border:none; margin:0; padding:0;}
table.plain tr td, table.plain th {padding: 0; margin:0; border:0; border-bottom-style:none;}

table.plain-form { border: 0; margin:0; padding:0; background: #FFFFFF; }
table.plain-form td, table.plain-form th {  border: 0; padding: 0 0 5px 0; margin:0;}
.table-box table { margin-bottom: 0; }

table.form-grey {border:none; padding:0; margin:0; border-spacing:0px; border-collapse:collapse;}
table.form-grey tr { margin:0; padding:0; }
table.form-grey tr td {
	border: 1px solid #999;
	height:auto;
	background-color: #D7D7D7;

}
table.form-grey table { margin:0; padding:0; border: none; border-collapse:collapse;}
table.form-grey table tr { margin:0; padding:0; border: none;}
table.form-grey table tr td {border: none;  margin:0; padding:1px;}


/*COMPARE TABLE*/
table.compare {background: #FFFFFF;  border:none; padding:0; margin:0; border-spacing:0px; border-collapse:collapse;}
table.compare tr { margin:0; padding:0;}
table.compare tr td {border: 1px solid #999; height:auto;}

table.compare tr td.no-border {border: none;}
table.compare tr td.products { font-size:90%;}
table.compare tr td.products img {margin:0; padding:0; vertical-align:text-bottom;}
table.compare tr.head-row td { text-align:center;}
table.compare tr.head-row td img {margin:0; padding:0;}
table.compare tr.odd-row {background-color: #EFEFEF;}

table.compare tr.even-row {background-color: #FFFFFF;}
table.compare td.yes-check {background-image: url(/css/img/checkmark-small.gif); background-repeat: no-repeat;
background-position: center center; }
table.compare td.yes-check-star {background-image: url(/css/img/checkmark-star-small.gif); background-repeat: no-repeat;
background-position: center center; }
table.compare td.yes-check-tiny {background-image: url(/css/img/checkmark-tiny.gif); background-repeat: no-repeat;
background-position: center center; }

/*COMPARE TABLE - END*/



/* Headings */
h1, h2, h3, h4, h5, h6, caption { margin-top: 0; margin-bottom: 0.5em; font-weight: bold; }

h1 { font-size: 150%; margin-bottom: 0.5em; margin-top: 0; line-height: 1.1em; }
h2 { font-size: 133%; margin-bottom: 0.5em; margin-top: 1em; }
h3, caption { font-size: 117%;  margin-bottom: 0.2em;  margin-top: 0.5em; text-align: left; }
h4, h5, h6  { font-size: 100%;  margin: 0; }
h2.no-bullet {
	font-size: 115%;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	_height: 1px;
	margin: 1em -20px 10px -20px;
	padding: 30px 20px 10px 20px;

	background-image: url("/img/bg-frameheader.gif");
	background-repeat: no-repeat;
	background-position: 0 bottom;
}



/* Images */
/* POZOR TOTO koliduje s Colorboxem !!!! proto to bylo vypnuto */
/*img { border: 0; padding: 5px; margin: 10px; margin-top: 0; }*/

img { border: 0; padding: 0px; margin: 0px; }
img.spaceframe { border: 0; padding: 5px; margin: 10px; margin-top: 0; }
img.no-border { border: none; padding: 0;}


img.inline{ display: inline; vertical-align: middle; margin: 0; padding: 0; border: 0;}
a:hover img.inline{ border: 0;}

img.left {float: left; margin: 0 10px 10px 0; }
img.right {float: right; margin: 0 0 10px 10px;  }
img.center { display: block; margin: 0 auto; }


/* General classes */
.ext { background: url("/img/ico-ext.gif") no-repeat 100% 0; padding-right: 10px; }
.red-dm { color:#900;}
.red-dm-bold { color:#900; font-weight:bold;}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.l { display: inline; float: left; }
.r { display: inline; float: right; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.breakspace5 { height: 5px; font-size: 1px; clear: both; overflow: hidden; display:block; width:100%;}
.breakspace10 { height: 10px; font-size: 1px; clear: both; overflow: hidden; display:block; width:100%;}
.breakspace20 { height: 20px; font-size: 1px; clear: both; overflow: hidden; display:block; width:100%;}
.breakspace30 { height: 30px; font-size: 1px; clear: both; overflow: hidden; display:block; width:100%;}
.breakspace40 { height: 40px; font-size: 1px; clear: both; overflow: hidden; display:block; width:100%;}
.small { font-size: 92%;}
.no-margin{ margin-bottom: 0 !important;}
.grey { color:#999;}
.grey-link {color:#666;}
.grey-link a:hover {color:#666;}
.grey-link a:visited {color:#666;}

.help { color:#999; font-size:10px;}
.help a { color: #CC0000; }
.help a:hover { color: #CC0000; }
.help a:visited { color: #CC0000; }


.col-full {float: left; width: 96%; }

/* SLIDE styling */ 

/* sliding panel */
.slidePanel .panel {display: none; padding-top: 10px;}
.slidePanel .slide {
	margin: 0;
	padding: 0;
	
}
.slidePanel .btn-slide {
	background:url('/css/img/bullet-blue-plus.gif') no-repeat 0 0; padding-left:20px;
	font-size:110%; font-weight:bold;
	text-decoration: none;
}