* {margin:0;padding:0;font-size:1em;list-style:none;}

html {font:normal 62.5% Tahoma, Arial, sans-serif;}
body {background-color:#373535;}
a {  overflow:hidden; }
hr {border:0;border-top:1px solid #ccc;width:100%;clear:left}
fieldset {
	border:1px dotted #ccc;
	margin:0;
	padding:10px;
	}
input, textarea {
	border:1px solid #ccc;
	font:normal 1em Tahoma, Arial, sans-serif;
	padding:3px;
	}
.clr {clear:both;}
.left {float:left;margin-right:10px;}
.right{float:right;margin-left:10px;}
.input {width:100%;margin:10px 0;}

.check label {	display:inline;}
a {color:#666}
a:hover {cursor:pointer}
#top {
	background:url('../img/middle-bg.jpg') repeat-x center bottom #fff;
	height:477px;
	left:0;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:0;
	}

h1 a,
h1 a em {
	background:#fff;
	display:block;
	height:50px;
	left:50px;
	position:absolute;
	top:10px;
	width:250px;
	}
h1 a em {
	background:url('../img/image-bg.jpg') no-repeat -20px -10px transparent;
	left:0;
	top:0;
	}
#page {
	padding-top:20px;
	position:relative;}
#wrapper {
	background:url('../img/image-bg.jpg') no-repeat center top;
	margin:0 auto;
	min-height:600px;
	position:relative;
	width:960px;
	z-index:1;
	}
#sidebar {
	float:right;
	height:320px;
	margin:11px 48px 0 0;
	width:315px;
	}
#sidebar a,
#sidebar a em {
	background:#fff;
	display:block;
	height:129px;
	margin:0 0 10px 0;
	position:relative;
	text-align:center;
	width:315px;
	}
#sidebar a em {
	background-image:url('../img/image-bg.jpg');
	background-color:transparent;
	left:0;
	margin:0;
	position:absolute;
	right:0;
}
#sidebar li#k1 a em{background-position:333px -10px}
#sidebar li#k2 a em{background-position:333px -149px}
#sidebar li#k3 a em{background-position:333px -289px}

#content {
	padding:73px 373px 10px 53px;
	}
#content #main {
    font-size:1.15em;
    line-height:1.5em;
	margin-bottom:20px;
	margin-top:46px;
	min-height:270px;
	position:relative;
	}
#mainTop,
#mainBot {
	background:url('../img/main-border.png');
	height:20px;
	width:534px;
	}
#mainTop {background-position:left -20px;}
#mainBot {background-position:left top;}
#mainMain {
	background:url('../img/content-bg.png');
	padding:0 20px;
	}	
	
#main h2 {
    font:bold 1.4em Arial, sans-serif;
    margin-bottom:20px;
    }
#main h3 {
    border-bottom:1px solid #ccc;
    font:bold 1.2em Arial, sans-serif;
    margin:20px 0 20px 0;
    }
#main p {margin-bottom:10px;}
#main img {
    border:1px solid #ccc;
    vertical-align:middle;
    }
#main img.nb {border:none;}
#main img.brandLogo {
    float:left;
    border:none;
    margin:0 20px 10px 0;
    }
    
#main li,
#main ol {margin:10px 0;}
#main ol li {
    list-style: decimal outside;
    margin:5px 30px;
    }
#main li li {
    list-style: bull outside;
    margin:5px 30px;
    }

#content #second {
    clear:left;
    font-size:1.15em;
    line-height:1.5em;
	margin:20px 0px;
	}
#second h2 span {
    background-color:#222;
    color:#ccc;
    display:inline;
    font-size:1.2em;
    padding:2px;
    text-decoration:none;
    }
    
#second .news {
    float:left;
    margin:20px 0;
    width:50%;
    }
.news a {
    color:#eee;
    display:block;
    margin-right:20px;
    text-decoration:none;
    }
.news a:hover,
.news a:focus {
    color:#c93;
    }
.news a:hover .more,
.news a:focus .more {
    background:#000;
    color:#eee;
    padding:2px;
    visibility:visible;
    }

.news a:hover .date,
.news a:focus .date ,
.news a .date {
    background:#000;
    color:#ccc;
    padding:2px;
    }
.news a .more {visibility:hidden}
.news a img {
    margin:0 5px 3px 0;
    border-color:#eee;
    float:left;
    }

#page_1 #content #main{visibility:hidden}

.disabled,
.access {display:none;}

#footer { 
    clear:left;
    margin:10px 0;
	text-align:center;
	width:100%;
    }
#footer p {
    background-color:#373535;
    color:#666;
    font-size:1.1em; 
	line-height:1.4em;
    padding:4px;
    }
#footer p span + span {
    border-left:1px solid #222;
    margin-left:5px;
    padding-left:5px;}
#footer a {
    color:#888;
    padding:2px;
    }
#footer a:hover,
#footer a:focus {
    background-color:#000;
    color:#eee;
    text-decoration:none;
    }
#footer a#snowdog {border:none;background:transparent}
#footer a#snowdog img {border:none;vertical-align:middle;}
#footer fieldset {
	border:none;
	margin:0 auto;
	padding:0;
    text-align:left;
    width:860px;
	}
#jumpTop {
	bottom:0px;
	display:block;
    height:50px;
	position:fixed;
	right:0px;
    width:50px;
	z-index:50;
    }
#jumpTop img {border:none;}
#main a {
    color:#c00;
    padding:2px;
    } 
#main a:hover,
#main a:focus {color:#333;} 
#main a.row {
    border-bottom:1px solid #ccc;
	float:none;
	clear:left;
	display:block;
    padding:5px;
	text-decoration:none;
    }
#main a.row:focus,
#main a.row:active,
#main a.row:hover {background:url('../img/row-bg.png');color:#000}
#main a.row:focus .linkTitle,
#main a.row:active .linkTitle,
#main a.row:hover .linkTitle {font-weight:bold}
#main a.row img {
	float:left;
	margin-right:10px;
	}
#main a.row .linkDesc {
	display:block;
	color:#333;
	}
.firmaPage #main li {margin:10px 20px}
.technology a img {float:left;margin:0 10px 10px 0;}
.meta {font-size:0.9em;margin:20px 0}
dl {margin:20px;}
dt {font-weight:bold}
dd{margin-bottom:10px;}

#main .actions {
	font-size:1em;
	margin:0 0 20px 0;
	
	}
#main .actions li {
	display:inline;
	line-height:1em;
	list-style:none;
	margin:0px;
	}
.prodNo {font-size:0.7em;}
.Products .product {
	border:1px solid #ccc;
	float:left;
    font:10px Arial, sans-serif;
	margin:2px;
	text-align:center;
	width:88px;
	min-height:100px;
	text-decoration:none;
	}
.Products .product:hover {background:url('../img/row-bg.png');}
.Products .product img {display:block;margin:0 auto 0 auto;}
table, tr, td {
	border-collapse:collapse;
	}
th {
	text-align:right;
	font-weight:bold;
  vertical-align:top;
	}
td, th {
	border-bottom:1px solid #ccc;
	padding:5px} 
	
#main a.mail {background:url('../img/email.png') no-repeat left center;padding-left:20px;}
#main a.phone {background:url('../img/phone.png') no-repeat left center;padding-left:20px;}
#main a.chat {background:url('../img/chat.png') no-repeat left center;padding-left:20px;}

#sitemapPage #main li a {background:url('../img/folder.png') no-repeat left center;padding-left:20px;}
#sitemapPage #main li a:visited {background:url('../img/folder-visited.png') no-repeat left center;padding-left:20px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#mainNav {
	left:18px;
	position:absolute;
	top:60px;
	z-index:100;
	}
.menu {
	font-family: arial, sans-serif; 
	text-transform:uppercase;
	width:25px; 
	height:150px; 
	position:relative;
	}
.menu ul li a, 
.menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#fff; 
	width:25px; 
	text-align:center; 
	border:1px solid #333; 
	border-width:1px 1px 0 0; 
	background:#4e4c4c; 
	line-height:19px; 
	}
.menu ul li a.mimg {
	background:transparent;
	border:none;
    color:#000;
	height:61px;
	margin-bottom:10px;
	position:relative;
	width:25px;
	}
.menu ul li a.mimg em {
	display:block;
	height:61px;
	left:0;
	position:absolute;
	top:0;
	width:25px;
	}
.menu ul li a#m1 em {background:url('../img/main-nav.png') left top}
.menu ul li a#m2 em {background:url('../img/main-nav.png') left -61px}
.menu ul li a#m3 em {background:url('../img/main-nav.png') left -122px}
.menu ul li a#m4 em {background:url('../img/main-nav.png') left -183px}

.type_1 ul li a#m1 em,
.page_6 ul li a#m1 em,
.page_7 ul li a#m1 em,
.page_8 ul li a#m1 em,
.menu ul li a#m1:focus em,
.menu ul li a#m1:hover em{background-position: right top}

.producent_1 ul li a#m2 em,
.menu ul li a#m2:focus em,
.menu ul li a#m2:hover em{background-position: right -61px}
.producent_2 ul li a#m3 em,
.menu ul li a#m3:focus em,
.menu ul li a#m3:hover em{background-position: right -122px}
.producent_3product ul li a#m4 em,
.menu ul li a#m4:focus em,
.menu ul li a#m4:hover em{background-position: right -183px}
	
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a#m1 em {background-position: right top}
.menu ul li:hover a#m2 em{background-position: right -61px}
.menu ul li:hover a#m3 em{background-position: right -122px}
.menu ul li:hover a#m4 em{background-position: right -183px}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:25px; width:75px;}
.menu ul li:hover ul li a.hide {background:#c93; color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:120px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:url('../img/nav-bg.png'); color:#fff; width:120px;}
.menu ul li:hover ul li a:hover {background:#c93; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:121px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:170px; background:#c93; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

.message {
    padding:5px;
    margin-bottom:10px;
    background:#bfddb3;
    border-top:1px solid #3c0;
    border-bottom:1px solid #3c0;
    }
.form-error ,
.errorFlash {
    border-color:#f66;
    background:#fcc;
    }
    
    
#ImageBoxOverlay
{
	background-color: #000;
    z-index:90;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
    z-index:100;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url('../img/spacer.gif');
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url('../img/spacer.gif');
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url('../img/next_image.jpg');
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url('../img/prev_image.jpg');
	background-repeat:	no-repeat;
	background-position: left bottom;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.productDesc {
  text-align: justify;
}

#product-search {
	background-image: url('../img/search.png');
	left:367px;
	height:91px;
	position:absolute;
	top:16px;
	width:220px;
	z-index:50;
}
#product-search label {position:absolute; left:0;top:-9999px;}
#product-search .input input {
	border:none;
	left:20px;
	padding:5px;
	position:absolute; 
	top:32px;
	width:170px;
}
#product-search .submit {
	height:20px;
	left:142px;
	width:64px;
	overflow:hidden;
	position:absolute; 
	top:60px;
}
#product-search .submit input {
	background: url('../img/search.png') no-repeat -142px -60px ;
	border:none;
	cursor:pointer;
	display:block;
	height:20px;
	width:64px;
	padding-top:30px;
	position:relative;
}
#page_1 #product-search {display:none;}


/* forms */


#ContactAddForm label{
	float:left;
	line-height:1em;
	text-align:right;
	width:100px;
}
#ContactAddForm .error-message,
#ContactAddForm .submit input{
	color:#f00;
	margin-left:110px;
}


#ContactAddForm .input {
	clear:left;
}
#ContactAddForm .input label {
	display:block;
	float:left;
	margin:0.3em 10px 0 0;
	padding:3px 0;
	text-align:right;
	width:100px;
}

#ContactAddForm .input textarea,
#ContactAddForm .input input,
#ContactAddForm .input select {
	border:1px dotted #ccc;
	font-size: 1em;
	margin:0.3em 0 0.3em 0;
	padding:3px;
	vertical-align:middle;
}
#ContactAddForm .input textarea:hover,
#ContactAddForm .input input:hover,
#ContactAddForm .input select:hover,
#ContactAddForm .input textarea:focus,
#ContactAddForm .input input:focus,
#ContactAddForm .input select:focus,
#ContactAddForm .input textarea:active,
#ContactAddForm .input input:active,
#ContactAddForm .input select:active {
	border:1px dotted #666;
}
#ContactAddForm .input select {padding:0;}
#ContactAddForm .input option {
	padding:0.3em 0.3em 0 0.3em;
}
#ContactAddForm .submit input {
	border:none;
}