/* CSS Document */

/*******************************************************************************
	AUTHOR:					Peter Chovancak 
	WEBSITE:				http://www.elkop.sk/
	VERSION:				1.0
 *******************************************************************************/

/*******************************************************************************
   HTML ELEMENTS
********************************************************************************/
/* top elements */
* {
	padding: 0;
	margin: 0;
}
html {
	overflow-y: scroll;
	height: 100%; /*stale zobrazenie vertikalneho posuvnika*/
}
body {
	margin: 0; /* set to zero the margin of the body element to account for differing browser defaults */
	padding: 0; /* set to zero the padding of the body element to account for differing browser defaults */
	font: 14px/140% Arial; /* pre ie <= 6 je potrebne zadat v body (ak sa bude v potomkoch niekde pouzivat velkost fontu v em jednotkach) relativnu velkost textu v % nie v em, inac blne*/
	color: #030000; /*defaultna farba textu*/
	background: #3b3b3b url(../images/__bg.jpg) no-repeat top;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrap selector */
	min-width: 980px; /* pre Netscape 6: hodnota rovna alebo o trochu vacsia ako tagu div 'wrap' zabezpeci objavenie sa rolovacej listy po zmenseni velkosti okna pod hranicu sirky prvku div wrap*/
}
/* default settings for basic elements */
/* links */
a {
	color: #000000;
	text-decoration: none
}
a:hover {
	color: #000000;
	text-decoration: none
}
a img {
	border: none;
}
a:hover img {
	border: none;
}
ul {
	list-style: inside;
}
/* table default spacing; nastavenie na nulu zabranuje jemnemu odskoceniu layoutu z tabuliek (generovanom joomlou) v clanku */
table {
	border-spacing: 0px;
}
/*******************************************************************************
	centering tables on many browsers
	
	The first style is applied to the <div> that contains the <table>; this will allow MSIE5 and NS4 to center the table. The next style applies to a <table> that is contained within that <div>; the margin settings will allow centering in CSS-compliant browsers and the text alignment will reset the default alignment for table cells to “left” for browsers in which the text alignment of the <div> is inherited.

	This table was centered by all the browsers tested, and the cell contents also maintained their default left-alignment.
********************************************************************************/
.center
{
text-align: center;
}

.center table
{
margin-left: auto;
margin-right: auto;
text-align: left;
}
/* img {
	background: url('../images/__loading.gif') 50% 50% no-repeat;
} */

/*******************************************************************************
	LAYOUT
********************************************************************************/
	#wrap {
		width: 980px; 
		margin: 0 auto;	/* the auto left and right margins (in conjunction with a width) center the page */
		text-align: left /* this overrides the text-align: center on the body element. */
	}
		/* header */
		#header {
			position: relative;
			height: 282px;
			background: #000000 url(../images/__bg_header.jpg) no-repeat top
		}
		/* breadcrumb - priestor pre zobrazenie cesty aktualnej stranky na portali */
		#breadcrumb {
			float:left;
			padding: 8px 0;
			background-color: #242629;
			width: 100%;
			font-size: 12px;
			font-family: Tahoma, Arial, Helvetica, sans-serif
		}
		/* main wrapper (aj s okrajom do stratena) */
		#main-wrapper {
			float:left;
			margin: 0;
			padding: 0;
			border: 0;
			background: #ffffff url(../images/__main_background.jpg) repeat-x;
			width: 980px;
		}
			/* main-rightBorder (sluzi ako min height guaranter) */
			#main-rightBorder {
				float: right;
				margin: 0;
				padding: 0;
				border: 0;
				background: #ffffff url(../images/__main_background.jpg) repeat-x;
				width: 1px;
				height: 800px
			}
			/* main wrapper (bez praveho okraja sluziaceho ako min height guaranter) */
			#main-wrapper-withouth-border {
				float: left;
				margin: 0;
				padding: 0;
				border: 0;
				background: #ffffff url(../images/__main_background.jpg) repeat-x;
				width: 979px
			}
				/* main left colum */
				#main-leftcolumn {
					position: relative;
					float: left;
					left: 26px;
					margin: 0;
					padding: 0;
					border: 0;
					width: 210px
				}
				#main-content-wrapper {
					float: right;
					width: 743px
				}
				#main-content-wrapper.without_menu {
					width: 979px
				}
					/* main-content */
					#main-content {
						position: relative;
						left: 26px;
						float: left;
						width: 687px;
						text-align:justify;
						font-size: 13px
					}
					.without_menu #main-content {
						left: 36px;
						width: 908px
					}
				/* main-spacetoborder -> spodna medzera medzi obsahom a oramovanim, aby sa content nenalepil na oramovanie*/
				#main-spacetoborder {
					clear: both;
					width: 900px;
					height: 15px
				}
		/* news-wrapper */
		#news-wrapper {
			clear: both;
			position:relative;
			height: 66px;
			width: 100%;
			background-color: #ffffff;
			color: #3c3e41;
			font-size: 12px;
			font-weight:bold;
			text-align: center
		}
		/* footer */
		#footer-wrapper {
			clear: both;
			height: 52px;
			width: 100%;
			color: #cccccc;
			font-size: 12px;
			text-align: center;
			padding-top: 20px;
			border-top: 1px solid #a3a3a3
		}
			
/*******************************************************************************
	  elementy umiestnene v #header
********************************************************************************/
.logo {
	display: block;	
	position: absolute;
	top: 86px;
	left: 50px
}
/* vyber jazykov */
#language {
	position: absolute;
	right: 174px;
	top: 27px
}
	#jflanguageselectionBG {
		position: absolute;
		right: -25px;
		top: 0px
	}
	#jflanguageselectionME {
		position: absolute;
		right: -50px;
		top: 0px
	}
	.jflanguageselection li {
		display:inline;
		padding-left: 2px;
		padding-right: 3px
	}
#active_language a {
	background: url(../images/__language-selection.jpg) no-repeat 1px 14px;
	padding-bottom: 1px
}
/* umely vyber jazykov pre bulharcinu */
#language.virtual {
	position: absolute;
	right: 124px;
	top: 27px
}
/*------------------------------------------------------------------------------
	horizontal menu tabs (specialne menu cez dvojinformacne obrazky tableft.gif, tabright.gif)
--------------------------------------------------------------------------------*/
#h_menu ul {
	z-index: 9;
	position: absolute;
	left: 27px;
	top: 248px !important
}
#h_menu li {
	display:inline
}
#h_menu a {
	float: left;
	background: url(../images/__tableft.png) no-repeat left top;
	padding: 0 4px 0 11px;
	text-decoration: none;
	color: #ffffff
}
#h_menu a span {
	float:left;
	display:block;
	background: url(../images/__tabright.png) no-repeat right top;
	padding: 1px 16px 2px 7px;
	text-align: right
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#h_menu a span {float:none}
/* End IE5-Mac hack */
#h_menu a:hover span {
}
#h_menu a:hover {
	background-position: 0% -46px
}
#header a:hover span {
	background-position: 100% -46px
}
#h_menu #current a {
	background-position: 0% -23px
}
#h_menu #current a span {
	background-position: 100% -23px
}

#h_menu li.active a {
	background-position: 0% -23px
}
#h_menu li.active a span {
	background-position: 100% -23px
}
/*******************************************************************************
	  elementy umiestnene v #breadcrumbs
********************************************************************************/
#breadcrumb a {
	color: #ffffff
}
#breadcrumb a:hover {
	text-decoration: underline
}
#you_are_here-wrapper {
	float: left;
	padding: 0px 0px 0px 27px
}
	#you_are_here-left {
		float: left;
		height: 21px;
		width: 10px
	}
	#you_are_here-text {
		float: left;
		height: 21px;
		padding: 0 7px;
		font-weight: bold;
		color: #ffffff
	}
	#you_are_here-right {
		float: left;
		height: 21px;
		width: 10px
	}
#breadcrumb-content {
	position: relative;
	float: left;
	padding: 0 10px
}
	#breadcrumb span {
		color: #dbdbdb;
		font-weight: bold
	}
	#breadcrumb span a {
		color: #dbdbdb;
		font-weight: normal
	}
	#breadcrumb img {
		padding-left: 12px;
		padding-right: 12px;
	}
/*******************************************************************************
	elementy plavajuco umiestnene v #main-leftcolumn
********************************************************************************/
/* views */
#views {
	width: 100%;
	font-size: 12px
}
	.spacer {
		height: 10px;
		width: 100%;
		float: left
	}
	.clearleft {
		clear: left
	}
	#views-combobox-wrapper {
		float: left;
		width: 100%;
		overflow: hidden
	}
	#views-combobox {
		height: 27px;
		width: 100%;
		float: left;
		background: url(../images/__views_combobox.png) no-repeat
	}
	#views-combobox.up {
		background: url(../images/__views_combobox_up.png) no-repeat
	}
		#views-combobox-text {
			position: relative;
			left: 19px;
			top: 5px;
			height: 27px;
			width: 157px;
			color:#969696;
			font-size: 11px
		}
	#views-comboboxdropdown-wrapper {
		height: 0px;
		width: 100%;
		float: left;
		background: url(../images/__views_combobox-dropdown_top.png) no-repeat
	}
		#views-comboboxdropdown-top {
			height: 15px;
			background: #242629 url(../images/__views_combobox-dropdown_top.png) no-repeat
		}
		#views-comboboxdropdown-data {
			background-color: #242629
		}
			#views-comboboxdropdown-wrapper a {
				display: block;
				padding-left: 20px;
				color: #cdcdcd
			}
			#views-comboboxdropdown-wrapper a.active {
				color: #1ab4f2 !important;
				background: #000000;
			}
			#views-comboboxdropdown-wrapper a:hover {
				background: #000000;
			}
			#views-comboboxdropdown-wrapper span {
				display: block;
				height: 10px;
				color: #cdcdcd;
				background: #242629 url(../images/__views_combobox-dropdown_delimiter.png) 0 50% no-repeat
			}
		#views-comboboxdropdown-bottom {
			height: 15px;
			background: url(../images/__views_combobox-dropdown_bottom.png) bottom no-repeat
		}

/* menu */
#menu_wrapper {
	float: left;
	width: 100%;
	padding-top: 8px;
	background: url(../images/__menu_background_top.png) top no-repeat;
	color: #cccccc
}
	#menu {
		position: relative;
		float: left;
		width: 100%;
		background: url(../images/__menu_background.png) repeat-y
	}
		#menu_data {
			position:relative;
			left: 6px;
			width: 198px
		}
#menu_bottom {
	float: left;
	height: 8px;
	width: 100%;
	background: url(../images/__menu_background_bottom.png) no-repeat
}

/* ----------------------------------------- menu_data ---------------------------------*/
/* ----------------------------------------- menu ---------------------------------*/
#menu {
	width: 210px
}
#menu ul {
	display: block
}
#menu a {
	display: block;
	color: #969696
}
#menu li {
	display: block;
	float: left;
	width: 198px
}
#menu li span {
	display: block;
	padding-left: 38px;
	font-size: 13px
}
/* ----- 1st level ---- */
#menu li.parent {
	padding-bottom: 5px;
	background: url(../images/__menu_arrow_focus.jpg) no-repeat 11px 1px
}
#menu li.parent.active {
	background: url(../images/__menu_whitebottom.jpg) no-repeat bottom;
	padding-bottom: 17px
}
#menu li.parent.active a span {
	background: url(../images/__menu_arrow_focus_active.jpg) no-repeat bottom;
	padding-bottom: 16px;
}
#menu li.parent a:hover {
	background: #000000 url(../images/__menu_arrow_focus-hover.jpg) no-repeat 11px 1px
}
#menu li.parent.active a:hover span {
	background: #000000 url(../images/__menu_arrow_focus_active-hover.jpg) no-repeat bottom;
	padding-bottom: 16px;
}
/* ----- 2nd level ---- */
/* |____ pripad, ked polozka v druhej urovni menu je priamo listom ____ */
 #menu li.parent li {
 	background: #ffffff url(../images/__menu_list_point.jpg) no-repeat 24px 9px
}
#menu li.parent li a {
	padding-bottom: 0px;
}
#menu li.parent li span {
	color: #3c3c3c;
	font-size: 12px;
	font-weight: bold;
	background: none !important;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px !important;
}
#menu li.parent li.active span {
	color: #ffffff;
}
#menu li li#current {
	background: #1ab4f2
}
#menu li li#current a span {
	background: url(../images/__menu_list_point-current.jpg) no-repeat 24px 8px !important;
}
#menu li.parent li a:hover {
	background: #1ab4f2
}
#menu li.parent li a:hover span {
	background: url(../images/__menu_list_point-current.jpg) no-repeat 24px 8px !important;
}
/* ----- krajsie menu cez js ---- */
#menu li li#current.row1 {
	background: #ffffff url(../images/upgrade/__menu_list_current1.jpg) no-repeat 8px 0px
}
#menu li.parent li.row1 a:hover {
	background: none
}
#menu li.parent li.row1 a:hover {
	background: url(../images/upgrade/__menu_list_current1.jpg) no-repeat 8px 0px !important;
}
#menu li li#current.row2 {
	background: #ffffff url(../images/upgrade/__menu_list_current2.jpg) no-repeat 8px 0px
}
#menu li.parent li.row2 a:hover {
	background: none
}
#menu li.parent li.row2 a:hover {
	background: url(../images/upgrade/__menu_list_current2.jpg) no-repeat 8px 0px  !important;
}
#menu li li#current.row3 {
	background: #ffffff url(../images/upgrade/__menu_list_current3.jpg) no-repeat 8px 0px
}
#menu li.parent li.row3 a:hover {
	background: none
}
#menu li.parent li.row3 a:hover {
	background: url(../images/upgrade/__menu_list_current3.jpg) no-repeat 8px 0px !important;
}

/*******************************************************************************
	  elementy umiestnene v #news-wrapper
********************************************************************************/
/* news */
#news {
	position: absolute;
	left: 26px;
	width: 929px;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 15px;
	background: url(../images/__breadcrumb_background.jpg) no-repeat;
	font-size: 12px
}
	#copyright {
		float: left;
		padding-left: 23px;
		padding-top: 1px
	}
		#copyright a {
			color: #3c3e41
		}
		#copyright a:hover {
			text-decoration: underline
		}
	.pXvisitorCounter {
		float: right;
		padding-right: 23px;
		padding-top: 1px
	}
		.pXvisitorCounter_count {
			padding-left: 3px
		}

/*******************************************************************************
	elementy umiestnene v #footer-wrapper
********************************************************************************/

/*******************************************************************************
	  Components styling
********************************************************************************/
.blog {
	width: 100%
}
.createdate {
	width: 100px;
	padding-bottom: 42px;
	color: #1ab4f2;
	text-align: right;
	vertical-align: bottom;
	font-family: Impact,Times,serif;
	font-size: 15px;
}
.contentpaneopen, .contentpaneopenpagination {
	width: 100%;
	/* position: relative */
}
.without_menu .contentpaneopen { /* z dovodu celosirkoveho flashu, ktory rozsiroval tabulku contentpaneopen */
	width: 908px
}
.contentheading, .contentheadingpagination, .contentheading_contacts, .contentheading_certificates {
	padding-bottom: 45px;
	padding-top: 45px;
	color: #1ab4f2;
	font-family: Impact,Times,serif;
	font-size: 25px;
	line-height: 130%;
	text-align: left
}
.without_menu .contentheading {
	padding-bottom: 40px
}
.buttonheading {
	vertical-align: top;
	padding-top: 12px
}
/* odkaz na cely clanok */
.readon, .readonpagination {
	color: #1ab4f2;
	font-family: Impact,Times,serif;
	font-size: 15px;
}
.article_separator {
	display: none;
}
/* Joomfish 'There are no translations available.' text*/
.jfdefaulttext {
	color: #ff0000
}
/*------------------------------------------------------------------------------
	strankovanie a navigacia
--------------------------------------------------------------------------------*/
/* strankovanie aj navigacia stylom pisma italic */
.pagination table.pagination td {
	font-style: italic;
	font-weight: bold
}
/* nastavenie medzier medzi polozkami navigacie medzi stranami */
.pagination span, .pagination a {
	padding-left: 4px;
	padding-right: 4px
}
.pagination a:hover {
	text-decoration: underline
}
.pagination span {
	color: #969696
}
.pagination a.pagenavImg {
	padding-left: 0px;
	padding-right: 0px
}
/* nastavenie medzery medzi blogom a pagination - musi mat Page Class Suffix nastavene na 'pagination'*/
.blogpagination .pagination {
	padding-top: 30px
}
/*------------------------------------------------------------------------------
	  zakladne formatovanie galerie
--------------------------------------------------------------------------------*/
img.photogallery {
	height: 140px;
	width: 220px;
	padding-bottom: 10px;
	padding-right: 5px
}
/* ------------------------- nastavenie flashu s celou sirkou ----------- */
.fullWidth {
	position: relative;
	left: -36px
}
/* ------------------------- doformatovanie clanku kontakty ------------- */
.contentpaneopen_contacts .jfdefaulttext {
	position: relative;
	top: -20px
}
.contentpaneopen_contacts div.photogallery {
	 position: relative;
	 top: -20px
}
img.photogallery.single {
	position: relative;
	left: 17px;
	height: 140px;
	width: 449px;
	padding-bottom: 10px;
	padding-right: 3px
}
img.photogallery.last {
	padding-right: 0px
}
.contentpaneopen_contacts a {
	color: #1ab4f2;
	font-style: italic;
	font-weight: bold
}
.contentpaneopen_contacts a:hover {
	color: #1ab4f2;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline
}
.contentpaneopen_contacts div.line {
	 height: 10px;
	 width: 100%;
	 background-image: url(../images/__line.jpg);
	 background-repeat: repeat-x;
	 background-position: 0% 100%
}
.contentpaneopen_contacts div.info {
	 height: 140px;
	 width: 441px;
	 float: left
}
	.contentpaneopen_contacts span.phone {
		color: #222222;
		font-style: italic;
		font-weight: bold
	}
	.contentpaneopen_contacts span.title {
	padding: 10px 0px;
	color: #222222;
	font-family: Impact,Times,serif;
	font-size: 15px
}
div.contacts {
	clear: both
}
	.contentpaneopen_contacts table.contacts {
		width: 90%
	}
		.contentpaneopen_contacts td.title {
			padding: 10px 0px;
			color: #222222;
			font-family: Impact,Times,serif;
			font-size: 15px
		}
		.contentpaneopen_contacts td.name {
			padding: 1px 0px;
			color: #1ab4f2;
			font-size: 12px;
			font-style: italic;
			font-weight: bold;
			text-transform: uppercase
		}
		.contentpaneopen_contacts td.phone {
			color: #222222;
			font-style: italic;
			font-weight: bold
		}
		.contentpaneopen_contacts td.line {
			vertical-align: middle
		}
		.contentpaneopen_contacts td.line div.line {
			position: relative;
			bottom: -10px
		}
/* ------------------------- formatovanie clanku certifikaty ------------ */
.contentpaneopen_certificates .text {
	float: left;
	width: 908px;
	padding-bottom: 10px
}
.contentpaneopen_certificates .certificates {
	float: left;
	width: 100%
}
.contentpaneopen_certificates img {
	float: left
}
/* ------------------------- formatovanie pohladu na produkt ------------ */
.contentheading_view {
	padding-bottom: 22px;
	padding-top: 45px;
	color: #1ab4f2;
	font-family: Impact,Times,serif;
	font-size: 25px;
	line-height: 130%;
	text-align: left
}
div.view-wrapper {
	position: relative;
	left: 0px;
	top: 0px;
	width: 687px;
	height: 660px
}
div.view-wrapper.one-row {
	height: 360px
}
/* ------------------------- formatovanie clanku produktu ------------ */
.symbols {
	float: right;
	width: 64px;
	position: relative;
	top: -70px;
	text-align: center
}
.symbols img {
	padding-bottom: 10px;
}
span.EN {
	font-weight: bold
}
.contentWithSymbols {
	float: left;
	width: 610px;
	text-align: justify;
}

.content {
	float: left;
	position: relative;
	top: -30px
}

.productVersionsWrapper {
	width: 687px;
	padding-top: 20px
}

.BORDER {
	border: 1px solid #999999;
	padding: 11px;
	background-color: #f4f4f4
}

.flashWrapper {
	border: 1px solid #999999;
	padding: 11px;
	background-color: #f4f4f4
}

.productPhotogallery {
	padding-top: 20px
}
.productPhotogallery a {
	float: left
}
img.action {
	padding-bottom: 10px;
	padding-right: 9px
}
img.action.last {
	padding-right: 0px
}
.norm {
	font-size: 20px;
}
.product_versions {
	background-color: #242629;
}
/* zakladne formatovanie tabulky ---------------- */
.tabulka {
	float: left;
	border: #242629 solid 10px;
	background-color: #242629;
	color: #ffffff;
	text-align: center;
	font-size: 12px
}
.tabulka tr {
	background-color: #242629
}
.tabulka td {
	padding: 3px 4px 3px 4px;
	border-left: #ffffff dotted 1px
}
.tabulka td.first {
	border-left: none;
	font-weight: bold
}
.tabulka td.second {
	border-left: #ffffff solid 2px
}
.tabulka thead tr { /* hlavicka tabulky */
	background-color: #d0d1d3;
	color: #000000;
	font-weight: bold
}
.tabulka thead td { /* hlavicka tabulky */
	padding-bottom: 0px; /* nereaguje */
	border-bottom: #ffffff solid 2px;
	border-left: none
}
.tabulka thead tr.line { /* hlavicka tabulky - cast vertikalna ciara nad udajmi */
	background-color: #242629;
	height: 15px
}
.tabulka thead tr.line td { /* hlavicka tabulky */
	border-bottom: 0px
}
main-content-wrapper a:hover {
	text-decoration: underline
}
/* ------------------------- formatovanie clanku produktu s priponou triedy _productWithoutFlash (nastavena v menu) ------------ */
.contentheading_productWithoutFlash {
	width: 600px;
	padding-bottom: 45px;
	padding-top: 45px;
	color: #1ab4f2;
	font-family: Impact,Times,serif;
	font-size: 25px;
	line-height: 130%;
	text-align: left
}
.contentpaneopen_productWithoutFlash .symbols {
	position: absolute;
	right: 0px;
	top: 53px
}
.contentpaneopen_productWithoutFlash .contentWithSymbols {
	float: none;
	width: 687px;
	text-align: center
}
.contentpaneopen_productWithoutFlash .content {
	top: 0px
}
.contentpaneopen_productWithoutFlash .productVersionsWrapper {
	padding-top: 0px
}

/*******************************************************************************
	Classes
********************************************************************************/