@charset "utf-8";
/* CSS Document */

/* Remove default margin/padding
---------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, ul li, form, fieldset, input {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Tahoma", Webdings, Wingdings, symbol, monospace;
	font-weight: normal;
}
.pl50 h2 { padding-bottom:5px;}
h1 { font-size:18px;bold}
h2 { font-size:16px;bold}
h3 { font-size:14px;}
h4 { font-size:14px;}
/* h3 { font-size:14px; font-family:Segoe UI, "Arial Narrow";} */

.cboth { clear:both}
.white { color:#ffffff !IMPORTANT}
.darkgrey { color:#676767 !IMPORTANT}
.grey { color:#919191 !IMPORTANT}
.greyb { color:#737373 !IMPORTANT}
.blue { color:#20aee8 !IMPORTANT}
.green { color:#009900 !IMPORTANT}

.f14 { font-size:12px}
.f11 { font-size:11px;}
.f12 { font-size:12px;}

.pl15 { padding-left:15px;}
.pr15 { padding-right:15px;}
.pl50 { padding-left:50px;}

.mb20 { margin-bottom:25px;}
.ml20 { margin-left:20px;}

.mt5 { margin-top:5px;}


.fl { float:left}
.fr { float:right}

.tx25 {text-indent:20px}

.cm { margin:0px !IMPORTANT; padding:0px !IMPORTANT;}
.center { text-align:center !IMPORTANT}
#center { text-align:center !IMPORTANT}
.center td { text-align:center !IMPORTANT}

.pay { display:block; background-color:#FFCC00}

/* Body
---------------------------------------------------------*/
body { background:url(../img/bg.gif) top center no-repeat;  font-family:Tahoma}


/* Flags
---------------------------------------------------------*/
#flagbg { position:absolute; margin-left:809px; margin-top:12px; width:147px; height:30px; background:url(../img/flags.jpg) no-repeat 0px -30px;}
#flagtab { position: absolute; height: 30px;}
#flagtab a { overflow: hidden; position: absolute; height: 30px; text-decoration:none}
#flagtab a i { visibility: hidden;}

a#flagtab1 { width:39px; }
a#flagtab2  { left: 39px; width:39px; }
a#flagtab3  { left: 78px; width:39px; }
a#flagtab4  { left: 117px; width:30px; }

#flagtab a:hover { background-image: url(../img/flags.jpg);}
a#flagtab1:hover { background-position: 0px 0px }
a#flagtab2:hover { background-position: 108px 0px }
a#flagtab3:hover { background-position: 69px 0px }
a#flagtab4:hover { background-position: 30px 0px }


a#flagtab1selected { width:30px; background-image: url(../img/flags.jpg); background-position: 0px 0px }
a#flagtab2selected { left: 39px; width:30px; background-image: url(../img/flags.jpg); background-position: 108px 0px }
a#flagtab3selected { left: 79px; width:30px; background-image: url(../img/flags.jpg); background-position: 69px 0px }
a#flagtab4selected { left: 117px; width:30px; background-image: url(../img/flags.jpg); background-position: 30px 0px }


/* Nav
---------------------------------------------------------*/
#navbg { position:absolute; margin-left:825px; margin-top:74px; width:114px; height:33px; background:url(../img/nav.gif) no-repeat 0px 0px; z-index:10}
#navtab { position: absolute; height: 33px;}
#navtab a { overflow: hidden; position: absolute; height: 33px; text-decoration:none}
#navtab a i { visibility: hidden;}

a#navtab1 { width:33px; }
a#navtab2  { left: 41px; width:33px; }
a#navtab3 { left: 81px; width:33px; }

#navtab a:hover { background-image:url(../img/nav.gif);}
a#navtab1:hover { background-position: 0px -33px }
a#navtab2:hover { background-position: 73px -33px }
a#navtab3:hover { background-position: 33px -33px }


#gargula{ position: absolute; height: 60px; width:260px; padding-left:750px; padding-top:60px;}
#gargulatab { position: absolute; height: 60px; width:260px;}
#gargulatab a { overflow: hidden; text-decoration:none}
#gargulatab a i { visibility: hidden;}

/* Topmenu
---------------------------------------------------------*/
#topmenubg { position:absolute; margin-left:222px; margin-top:14px; width:465px; height:87px; background:url(../img/topmenu_bg.gif) no-repeat 0px -87px;}
#topmenutab { position: absolute; height: 38px;}
#topmenutab a { overflow: hidden; position: absolute; height: 38px; text-decoration:none}
#topmenutab a i { visibility: hidden;}

a#topmenutab1 { width:200px; }
a#topmenutab2  { left: 265px; width:200px; }
a#topmenutab3  { margin-top:49px; width:200px; }
a#topmenutab4  { margin-top:49px; left: 265px; width:200px; }

#topmenutab a:hover { background-image: url(../img/topmenu_bg.gif);}
a#topmenutab1:hover { background-position: 0px 0px }
a#topmenutab2:hover { background-position: 200px 0px }
a#topmenutab3:hover { background-position: 0px 125px }
a#topmenutab4:hover { background-position: 200px 125px }


a#topmenutab1selected { width:200px; background-image: url(../img/topmenu_bg.gif); background-position: 0px 0px }
a#topmenutab2selected { left: 265px; width:200px; background-image: url(../img/topmenu_bg.gif); background-position: 200px 0px }
a#topmenutab3selected { margin-top:49px; width:200px; background-image: url(../img/topmenu_bg.gif); background-position: 0px 125px }
a#topmenutab4selected { margin-top:49px; left: 265px; width:200px; background-image: url(../img/topmenu_bg.gif); background-position: 200px 125px }


/* Menu
---------------------------------------------------------*/
#menubg { background:url(../img/menu.gif) no-repeat 0px -51px; height: 51px;  width: 687px; }
#menutab { position: absolute; height: 51px;}
#menutab a { overflow: hidden; position: absolute; height: 51px; text-decoration:none}
#menutab a i { visibility: hidden;}

a#menutab1 { width:86px; }
a#menutab2  { left: 86px; width:108px; }
a#menutab3  { left: 194px; width:184px; }
a#menutab4  { left: 378px; width:91px; }
a#menutab5  { left: 469px; width:122px; }
a#menutab6  { left: 591px; width:96px; }

#menutab a:hover { background-image: url(../img/menu.gif);}
a#menutab1:hover { background-position: 0px 0px }
a#menutab2:hover { background-position: -86px 0px }
a#menutab3:hover { background-position: -194px 0px }
a#menutab4:hover { background-position: -378px 0px }
a#menutab5:hover { background-position: -469px 0px }
a#menutab6:hover { background-position: -591px 0px }

a#menutab1selected { width:86px; background-image: url(../img/menu.gif); background-position: 0px 0px }
a#menutab2selected { left: 86px; width:108px; background-image: url(../img/menu.gif); background-position: -86px 0px }
a#menutab3selected { left: 194px; width:184px; background-image: url(../img/menu.gif); background-position: -194px 0px }
a#menutab4selected { left: 378px; width:91px; background-image: url(../img/menu.gif); background-position: -378px 0px }
a#menutab5selected { left: 469px; width:122px; background-image: url(../img/menu.gif); background-position: -469px 0px }
a#menutab6selected { left: 591px; width:96px; background-image: url(../img/menu.gif); background-position: -591px 0px }


/* Logos
---------------------------------------------------------*/
#logosbg { width:340px; height:47px; background:url(../img/cooperativ_bg.gif) no-repeat 0px -47px;}
#logostab { position: absolute;height:47px;}
#logostab a { overflow: hidden;	position: absolute; border:none;height:47px;}
#logostab a i { visibility: hidden;}

a#logostab1 { width:340px; }



#logostab a:hover { background-image: url(../img/cooperativ_bg.gif);}
a#logostab1:hover { background-position: 0px 0px }


.colinks { margin-right:50px; margin-top:50px; width:340px;}


/* Masthead
---------------------------------------------------------*/
#mconteiner { width: 1014px; margin:auto; }
#top { height:120px; background:url(../img/bg_top.gif) no-repeat;}
#logo { width:325px; margin-top:26px; position:absolute}
#middle { height:232px; background:url(../img/bg_middle.jpg) top right no-repeat}
#menu { height:51px; background:url(../img/menu_bg.gif) no-repeat}

#ranim { position:absolute; z-index:10; width:292px; margin-left:722px}
#gsearch { position:absolute; margin-top:12px; margin-left:750px;}

#left { width:269px; float:left;}
#right { width: 710px; float:left;margin-left:10px;}
#right p { padding-top:5px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:justify}
#right ul { padding-left:30px;}
#right h1 { padding-bottom:10px}
#right a, a:visited, a:hover { color:#f58220}
.zumi { float:right ;padding-right:10px; font-size:10px; padding-top:5px;}
.zumi img { padding-top:5px;}

#design-projects { padding-left:10px; width:670px;}
#design-projects P { MARGIN-BOTTOM: 10px; padding:0px; margin-bottom:20px;}
#design-projects P A:hover {BORDER-LEFT-COLOR: #20aee8; BACKGROUND: #20aee8; BORDER-BOTTOM-COLOR: #20aee8; BORDER-TOP-COLOR: #20aee8; BORDER-RIGHT-COLOR: #20aee8}
#design-projects IMG {border:none}
#design-projects P A {BORDER-RIGHT: #f6f6f6 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #f6f6f6 1px solid; DISPLAY: block; PADDING-LEFT: 4px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 4px; BORDER-LEFT: #f6f6f6 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #f6f6f6 1px solid}
#gallery P A:hover { border:none}
#gallery IMG {border:none; padding:4px;}
#gallery A { border:none}
#gallery { text-align:center}
.download {position:absolute; padding-top:10px; width:680px; text-align:right;}

#design-projects h2{ height:40px; padding-left:10px; line-height:40px;  padding-right:15px; background-color:#f6f6f6 }


#bconteiner { background:url(../img/bottom_bg.gif) top center no-repeat}
#bottom {width: 991px; margin:auto; background:url(../img/b_bg.gif) top left no-repeat; padding-right:23px;font-size:11px;padding-bottom:8px;}
#bnav { margin-left:15px; margin-top:20px; padding-bottom:1px; width:185px}
#bnav img { margin-left:10px; margin-top:2px}
#keywords { font-size:10px; color:#b7b7b7;padding-left:10px; padding-top:4px;}
#validation { padding-top:8px;}
#validation img { margin:0px; padding:0px;}
#copyright {padding:70px 0px 1px 0px;background:url(../img/c_logo.gif) 0px 35px no-repeat; color:#747474; font-size:10px;}

.anim { float:left; width:270px; margin-left:8px; margin-top:1px}
.links { margin-left:30px; margin-top:18px; line-height:18px; width:141px;}
.links a { color:#676767; text-decoration:none}
.links a:visited { color:#676767; text-decoration:none}
.links a:hover { color: #676767; border-bottom: #676767 1px dotted; text-decoration: none}


div.clearcontent { clear:left}


/* Main
---------------------------------------------------------*/
#title { background:url(../img/title_bar.gif); line-height: 47px; padding-left:18px;}
#navbar { background:url(../img/s_logo.gif) 0px 12px no-repeat; padding-left:150px; margin-bottom:10px; background-color:#FFF}
#navbar h4 {line-height: 47px;}
#ce { position:absolute; width:130px; margin-left:510px; background:url(../img/ce_bg.gif) no-repeat; height:19px; font-size:10px; font-family: Tahoma; padding: 27px 0px 1px 40px;}
#gotop { margin-top:20px; font-size:10px; text-align:right; margin-right:23px; margin-bottom:5px;}

#promotions { line-height:36px; padding-left:30px; background:url(../img/line_b.gif) 16px 9px no-repeat; margin-top:10px; color:#f58220}
#partnerzone { line-height:36px; padding-left:16px; background:url(../img/line_g.gif) 16px 9px no-repeat; }
#partnerzone h3 { padding-left: 14px;}
#promotions a, a:hover { color:#f58220; }

#dystryutors { line-height:36px; padding-left:16px; background:url(../img/line_g.gif) 16px 9px no-repeat; }
#dystryutors h3 { padding-left: 14px;}

.note { padding:10px; background:url(../images/alert.gif) no-repeat 5px 8px; padding-left:60px; border: solid 1px #ffbd54; font-size:11px; margin:5px; margin-top:20px; }

TABLE {
	text-align:left
}

.ral {	border-color: #000000;	border-style: solid; 	border-width:1px;	}

.gallery { padding-left:10px; padding-right:5px;}
.gallery IMG { margin-right: 1px !IMPORTANT; border:none !IMPORTANT; margin-bottom:10px !IMPORTANT;}
.gallery a { border: solid 4px #f6f6f6 !IMPORTANT}
.gallery a:hover {border: solid 4px #20aee8 !IMPORTANT}

/* Main LI
---------------------------------------------------------*/
#smenu { width:256px; background:url(../img/sub_bg.gif) bottom #f6f6f6 no-repeat; font-size:12px; padding-bottom:10px; padding-top:15px; margin-bottom:10px;}

.submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
.submenu li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}

.submenu ul li a {
	background-image: url(../img/submenu_bg.gif);
	line-height:28px;
	color: #373737;
	padding-left: 34px;
	height: 30px;
	display:block;
	text-decoration: none;
}
.submenu ul li a.active {
	background-image: url(../img/submenu_bg_active.gif);
	display: block;
	color: #373737;
	padding-left: 34px;
	text-decoration: none;
	font-weight:bold;
}

.submenu ul li a:hover {
	background-image: url(../img/submenu_bg_ovr.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #756024;
	}
	
.submenu1 { padding-bottom:1px; background:url(../img/submenub_bg.gif) bottom no-repeat; }
.submenu1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left:12px;
	font-size: 12px;
	}
.submenu1 li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}

.submenu1 ul li a {
	background-image: url(../img/submenu1_bg.gif);
	display: block;
	color: #373737;
	line-height: 26px;
	font-size: 11px;
	height: 28px;
	padding-left: 34px;
	text-decoration: none;
}
.submenu1 ul li a.active {
	background-image: url(../img/sumenu1_bg_active.gif);
	display: block;
	color: #373737;
	padding-left: 45px;
	text-decoration: none;
}
.submenu1 ul li a.active:hover {
	background-image: url(../img/sumenu1_bg_active_ovr.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	line-height: 26px;
	font-size: 11px;
	}

.submenu1 ul li a:hover {
	background-image: url(../img/submenu1_bg_ovr.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #756024;
	}


/* Links
---------------------------------------------------------*/
a.help:link { cursor: help; color: #000 !IMPORTANT; text-decoration: none }
a.help:visited { cursor: help; color: #000 !IMPORTANT; text-decoration:  none }
a.help:hover { color: #000 !IMPORTANT; border-bottom: #000 1px dotted; text-decoration: none }

.navbar a { color: #000 !IMPORTANT; text-decoration: none }
.navbar a:visited { color: #000 !IMPORTANT; text-decoration:  none }
.navbar a:hover { color: #000 !IMPORTANT; border-bottom: #000 1px dotted; text-decoration: none }

#gotop a:link { color: #000; text-decoration: none }
#gotop a:visited { color: #000; text-decoration:  none }
#gotop a:hover { color: #000; border-bottom: #000 1px dotted; text-decoration: none }

a.link {text-decoration: none }
a.link:visited {text-decoration: none }
a.link:hover { border-bottom: 1px dotted; text-decoration: none }

a.nolink {text-decoration: none }
a.nolink:visited {text-decoration: none }
a.nolink:hover {text-decoration: none }

/* Forms
---------------------------------------------------------*/
.input { width:114px; font-size:12px; line-height:23px; height:23px; border:none; background:url(../img/input_bg.gif) no-repeat; padding-left:3px;}
.button { width:64px; font-size:10px; color:#FFFFFF; background:url(../img/input_button.png) no-repeat; line-height:23px; height:23px; border:none}
.input_search { width:160px; font-size:12px; line-height:23px; height:23px; border:none; background:url(../img/input_bg_search.png) no-repeat; padding-left:3px;}
.button_search { width:64px; font-size:10px; color:#FFFFFF; background:url(../img/input_button_search.png) no-repeat; line-height:23px; height:23px; border:none}