/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/*
<style>
/* */
body
{
    background: url(images/background-banner.jpg) repeat-x center 79px #eeeeee;
    font-family: Tahoma;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
}
body.short
{
	background: url(images/background-banner-short.jpg) repeat-x center 79px #eeeeee;
}

td, th, input
{
    font-family: Tahoma;
    font-size: 14px;
}

.backgroundBottom
{
	background: url(images/background-bottom.jpg) repeat-x center bottom;
    min-width: 802px;
}
.backgroundTop
{
	background: url(images/background-top.png) repeat-x center top ;
}
.backgroundTopLine
{
	background: url(images/background-top-line.png) repeat-x center top ;
}
.backgroundPageTop
{
	background: url(images/background-page-top.jpg) repeat-x center 335px;
}
.short .backgroundPageTop
{
	background: url(images/background-page-top.jpg) repeat-x center 197px;
}


/* * * * * * * * * * *
* Containers
* divs one inside the other - centers page
* * * * * * * * * * */
#containerIE
{
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#container
{
    text-align: left;
    width: 802px;
    margin: 0px auto;
    padding: 0px;
}
/**
* Top
*/
#top
{
    height: 79px;
}
#top #logo
{
	position: absolute;
    margin-left: -73px;
}
#top #logo2
{
	position: absolute;
	margin-left: 530px;
	margin-top: 35px; 
}
#top .eshopLink
{
    background: url(images/ico-eshop.png) no-repeat center top;
    width: 387px;
    height: 41px;
    position: absolute;
    margin-left: 515px;
}
#top .eshopLink:hover
{
    background: url(images/ico-eshop-act.png) no-repeat center top;
}

/**
* Menu
*/
#menuWrapper
{
    height: 36px;
}
#menu
{
    margin-left: -7px;
    width: 816px;
    height: 42px;
}
#menu.fixed
{
    position: fixed;    
    top: 0px;
    z-index: 500000;
}

#menu .menuItem
{
	background: url(images/background-menu-1.png) no-repeat center top;
	float: left;
	display: inline;
	width: 204px;
	height: 36px;
	text-align: center;
}
#menu .menuItem a
{
	display: block;
	line-height: 29px;
	font-size: 1.15em;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none; 
}

#menu .menuItem.no_1
{
    background: url(images/background-menu-1.png) no-repeat center top;
}
#menu .menuItem.no_2
{
    background: url(images/background-menu-2.png) no-repeat center top;
}
#menu .menuItem.no_3
{
    background: url(images/background-menu-3.png) no-repeat center top;
}
#menu .menuItem.no_3 a
{
    color: #000000;
}
#menu .menuItem.no_4
{
    background: url(images/background-menu-4.png) no-repeat center top;
}
#menu .menuItem.active.no_1
{
	background: url(images/background-menu-1-act.png) no-repeat center top;
}
#menu .menuItem.active.no_2
{
	background: url(images/background-menu-2-act.png) no-repeat center top;
}
#menu .menuItem.active.no_3
{
	background: url(images/background-menu-3-act.png) no-repeat center top;
}
#menu .menuItem.active.no_4
{
	background: url(images/background-menu-4-act.png) no-repeat center top;
}

/**
* Banner
*/
#banner
{
	height: 349px;	
}
#banner .bannerContainer
{
	width: 986px;
	height: 349px;	
	position: absolute;
	margin-left: -176px;
	overflow: hidden;
}
#banner .jcarousel-container 
{
    z-index: 5000;
}
#banner .bannerContainer ul
{
    width: 8000px;
}

#banner .bannerContainer li
{
    width: 1130px;
}
#banner .bannerContainer img
{
    border: 0px;
}
#banner .navigator
{
    position: absolute;
    margin-left: 176px;
    margin-top: 104px;
    width: 180px;
    height: 28px;
    z-index: 10000;
    background: url(images/noimage.png);
}
#banner .navigator a
{
    width: 45px;
    height: 28px;
    float: left;
    display: inline;
    text-decoration: none;
}

#smallBanner
{
	height: 82px;
}

#smallBanner .titleBox
{
	padding-top: 30px;
}
#smallBanner h1
{
	background: url(images/background-h1-1.png) no-repeat left top;
	width: 373px;
	height: 37px;
	
	font-size: 1.67em;
	padding-top: 15px;
	padding-left: 20px;
	color: #ffffff;
}
#smallBanner h1.no_2
{
	background: url(images/background-h1-2.png) no-repeat left top;
}
#smallBanner h1.no_3
{
	background: url(images/background-h1-3.png) no-repeat left top;
	color: #000000;
}
#smallBanner h1.no_4
{
	background: url(images/background-h1-4.png) no-repeat left top;
}
/**
* Content
*/
#content 
{
	min-height: 300px;
}
#content h1, #content h2
{
	padding: 20px;
	font-size: 1.33em;
	background: url(images/background-h1-line.png) repeat-x left bottom;
}
#content h2
{
	font-size: 1.2em;
	padding: 15px 20px;
}

#content ul
{
	list-style-image: url(images/ico-ul-1.png);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
#content ul li
{
	padding-top: 3px;
	padding-bottom: 3px;
}
#content ul li.li_2
{
	list-style-image: url(images/ico-ul-2.png);
}
#content ul li.li_3
{
	list-style-image: url(images/ico-ul-3.png);
}
#content ul li.li_4
{
	list-style-image: url(images/ico-ul-4.png);
}
#content p
{
	padding-top: 10px;
	padding-bottom: 10px;
}
#content a
{
    color: #e60974;
}
#content b, #content strong
{
	font-weight: bold;
}
#content .pageText
{
    padding-top: 20px;
}
#content .pageText p
{
    padding-left: 20px;
}
#content .productItem
{
	padding: 15px;
	clear: both;
	color: #2d2d2d;
}
#content .productItem .productImage
{
	width: 180px;
	float: left;
	display: inline;
	min-height: 10px;
}
#content .productItem .productInfo
{
	width: 565px;
	float: left;
	display: inline;
	
	margin-left: 25px;
}
#content .productItem .productInfo h3
{
	font-weight: bold
}
#content .productItem.right .productImage
{
	float: right;
}
#content .productItem.right .productInfo
{
	float: right;
	
	margin-left: 0px;
	margin-right: 25px;
}

#content .citation
{
	background: url(images/background-citation.png) no-repeat left top;
	width: 200px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 0.78em;
	line-height: 1.1em;
}

#content .citation p
{
	padding-top: 5px;
	padding-bottom: 5px;
}

#content td p
{
	padding-left: 20px;
	padding-right: 20px;
}

#content .contactImage
{
	float: left;
	display: inline;
	width: 205px; 
    margin-top: 12px;
}
#content .contactImage img
{
    margin-left: -3px;
}
#content .contactText
{
	float: left;
	display: inline;
	width: 595px;
}
#content .contactForm
{
    margin-left: 20px;
    margin-right: 20px;
}
#content .contactForm .input
    {
    width: 302px;
    float: left;
    display: inline;
    margin-top: 10px;
    }
#content .contactForm .input.last
	{
	width: 253px;
	float: left;
	display: inline;
	margin-top: 10px;
	}
#content .contactForm .input span
	{
	font-size: 0.9em;
	padding-bottom: 5px;
	display: block;
	}
#content .contactForm .input input
	{
	width: 249px;
	height: 37px;
	
	background: #ffffff;
	border: 2px solid #595959;
	}
#content .contactForm .textarea
	{
	width: 555px;
	clear: both;
	margin-top: 10px;
	}
#content .contactForm .textarea span
	{
	font-size: 0.9em;
	padding-bottom: 5px;
	display: block;
	}
#content .contactForm .textarea textarea
	{
	background: #ffffff;
	width: 551px;
	height: 119px;
	padding: 0px;
	border: 2px solid #595959;
	}
	
#content .contactForm .submit
{
	margin-top: 10px;
}
#content .contactForm .submit input
{
	margin-left: 137px;
	background: #e3047a;
	width: 280px;
	height: 38px;
	padding: 0px;
	
	color: #ffffff;	
	border: 2px solid #e84b8e;
    cursor: pointer;
    cursor: hand;
}

#content .error
{
	color: #ff5555;
	padding: 10px;
	margin: 10px;
	border: 1px solid #ff5555;
	border-radius: 10px;
}
#content .message
{
	color: #55ff55;
	padding: 10px;
	margin: 10px;
	border: 1px solid #55ff55;
	border-radius: 10px;
}
	
/**
* Bottom
*/
#bottom
{
	height: 288px;
	margin-top: 10px;
}
#bottom .contact
{
	float: right;
	display: inline;
	width: 250px;
	padding: 10px;
}
#bottom .contact img
{
	margin-bottom: 10px;
}
#bottom .copyright
{
	background: url(images/background-bottom-line.png) repeat-x left bottom;
	float: left;
	display: inline;
	width: 410px;
	padding: 10px;
	font-size: 0.67em;
	color: #bbbbbb;
}
#bottom .socialNetworks
{
	padding: 10px;
	float: left;
	display: inline;
	width: 410px;
		
}



#bottom .partners
{
	clear: both;	
}
#bottom .partners h2
{
	padding: 10px;
	color: #e6e6e6;
	font-size: 1.33em;
	line-height: 1.4em;
	background: url(images/background-bottom-line.png) repeat-x left bottom;
}
#bottom .partners .content
{
	padding: 10px;
	text-align: right;
}
#bottom .partners .content img
{
	margin-left: 20px;
}

/**
* General
*/
.clearer
{
    clear: both;
}
.topper 
{
    width: 1px;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
}
.hidden
{
    display: none;
}