

/* Typography 
-----------------------------------------------------------------------------------*/
pre,
.code {
	margin: 10px 0pt 15px;
	padding: 10px 15px;
	font-size: 11px;
}

.info {
	background:transparent url('../images/icons/info.gif') no-repeat left top;
	padding-left:30px;
}

.osoba {
	background:transparent url('../images/icons/osoba.gif') no-repeat left top;
	padding-left:30px;
}
.mail {
	background:transparent url('../images/icons/email.gif') no-repeat left top;
	padding-left:30px;
}
.fax {
	background:transparent url('../images/icons/fax.gif') no-repeat left top;
	padding-left:30px;
}
.telefon {
	background:transparent url('../images/icons/telefon.gif') no-repeat left top;
	padding-left:30px;
}

.mobile {
	background:transparent url('../images/icons/mobile.png') no-repeat left top;
	padding-left:30px;
}

.warning {
	background:transparent url('../images/icons/warning.gif') no-repeat left top;
	padding-left:30px;
}

.tips {
	background:transparent url('../images/icons/tips.gif') no-repeat left top;
	padding-left:30px;
}

.audio,
.credit,
.email,
.feed,
.help,
.webcam {
	background:transparent url('../images/icons/audio.gif') no-repeat left top;
	padding-left:30px;
}

.credit {
	background:transparent url('../images/icons/credit.gif') no-repeat left top;
}

.email {
	background:transparent url('../images/icons/email.gif') no-repeat left top;
}

.feed {
	background:transparent url('../images/icons/feed.gif') no-repeat left top;
}

.help {
	background:transparent url('../images/icons/help.gif') no-repeat left top;
}

.webcam {
	background:transparent url('../images/icons/webcam.gif') no-repeat left top;
}

.highlight-1,
.highlight-2,
.highlight-3,
.highlight-4 {
	padding:1px 5px;
}

span.clear,
span.clear-1,
span.clear-2,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6,
span.color-7 {
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
}


.date {
	background:transparent url('../images/icons/date.gif') no-repeat left top;
	color:#35cc00;
	padding-left:30px;
}


span.color {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background: #f9f9f9;
}
span.color-1 {
	border-top: 1px solid #304c84;
	border-bottom: 1px solid #304c84;
	background: #f9f9f9;
	color: #304c84;
}
span.color-2 {
	border-left: 1px solid #304c84;
	color: #304c84;
}
span.color-3 {
	border-left: 1px solid #8c4889;
	color: #8c4889;
}
span.color-4 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #000;
	color: #fff;
}
span.color-5 {
	border-top: 1px solid #363a3e;
	border-bottom: 1px solid #363a3e;
	background: #45494D;
	color: #fff;
}
span.color-6 {
	border-top: 1px solid #132241;
	border-bottom: 1px solid #132241;
	background: #0B162A;
	color: #fff;
}
span.clear {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/*
 * unsorted lists
 */
 
.ja-tab-subcontent ul.arrow, .ja-tab-subcontent ul.arrow-big,
.ja-tab-subcontent ul.checkbox, .ja-tab-subcontent ul.checkbox-big,
.ja-tab-subcontent ul.check, .ja-tab-subcontent ul.check-big,
.ja-tab-subcontent ul.star, .ja-tab-subcontent ul.star-big,
.ja-tab-subcontent ul.plus, .ja-tab-subcontent ul.plus-big {
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.ja-tab-subcontent ul.arrow li,
.ja-tab-subcontent ul.checkbox li,
.ja-tab-subcontent ul.check li,
.ja-tab-subcontent ul.star li,
.ja-tab-subcontent ul.plus li {
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 6px 25px;
	font-weight: bold;
	line-height: 100%
}

.ja-tab-subcontent ul.arrow-big li,
.ja-tab-subcontent ul.checkbox-big li,
.ja-tab-subcontent ul.check-big li,
.ja-tab-subcontent ul.star-big li,
.ja-tab-subcontent ul.plus-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 60px;
	font-size: 200%;
	font-weight: bold;
}

.ja-tab-subcontent ul.arrow li { background: url(../images/list_arrow.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.arrow-big li { background: url(../images/list_arrow_big.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.checkbox li { background: url(../images/list_checkbox.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.checkbox-big li { background: url(../images/list_checkbox_big.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.check li { background: url(../images/list_check.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.check-big li { background: url(../images/list_check_big.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.star li { background: url(../images/list_star.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.star-big li { background: url(../images/list_star_big.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.plus li { background: url(../images/list_plus.png) 0 0 no-repeat; }
.ja-tab-subcontent ul.plus-big li { background: url(../images/list_plus_big.png) 0 0 no-repeat; }


/*
 * ordered lists
 */
 
.ja-tab-subcontent ol.disc, .ja-tab-subcontent ol-disc-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

.ja-tab-subcontent ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}


.ja-tab-subcontent ol.disc li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

.ja-tab-subcontent ol.disc-big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(../images/list_disc_big.png) 0 0 repeat-y;
}

.ja-tab-subcontent ol.disc-big li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

/*
 * unsorted lists
 */
 
ul.arrow, ul.arrow-big,
ul.checkbox, ul.checkbox-big,
ul.check, ul.check-big,
ul.star, ul.star-big,
ul.plus, ul.plus-big {
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li,
ul.plus li {
	margin: 10px 18px 10px 0px;
	padding: 7px 0px 6px 25px;
	font-weight: bold;
	line-height: 100%
}

ul.arrow-big li,
ul.checkbox-big li,
ul.check-big li,
ul.star-big li,
ul.plus-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 60px;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow li { background: url(../images/list_arrow.png) 0 0 no-repeat; }
ul.arrow-big li { background: url(../images/list_arrow_big.png) 0 0 no-repeat; }
ul.checkbox li { background: url(../images/list_checkbox.png) 0 0 no-repeat; }
ul.checkbox-big li { background: url(../images/list_checkbox_big.png) 0 0 no-repeat; }
ul.check li { background: url(../images/list_check.png) 0 0 no-repeat; }
ul.check-big li { background: url(../images/list_check_big.png) 0 0 no-repeat; }
ul.star li { background: url(../images/list_star.png) 0 0 no-repeat; }
ul.star-big li { background: url(../images/list_star_big.png) 0 0 no-repeat; }
ul.plus li { background: url(../images/list_plus.png) 0 0 no-repeat; }
ul.plus-big li { background: url(../images/list_plus_big.png) 0 0 no-repeat; }


/*
 * ordered lists
 */
 
ol.disc, ol-disc-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}


ol.disc li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

ol.disc-big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(../images/list_disc_big.png) 0 0 repeat-y;
}

ol.disc-big li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

/* Bignumber */
.bignumber {
	background: url(../images/ol-bg.gif) no-repeat top left;
	display: block;
	color: #477cb2;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 6px 7px;
}
div.info, span.info {
	background: url(../images/div_info.png) 3px 3px no-repeat #F0f0f0;
	display: block;
		margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
		border-top: 1px solid #304c84;
	border-bottom: 1px solid #304c84;
	
	color: #304c84;
}
/* Legend */
.legend-title {
	background: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -13px;
}

.legend {
	background: #FFFFFF;
	border: 1px solid #CACACC;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}
.product1{ 
	font-size: 115%;
	color:  #477cb2;
	font-weight: bold;
	line-height: 150%;
	vertical-align: bottom;	
}
.producttitle{
	font-size: 200%;
	color:  #477cb2;
}
.highlight {
	color: #333333;
	background: #d6f0fa;
	font-weight: bold;
	padding: 1px 5px;
}
