html, body
{margin: 0px;
 padding: 0px;
 margin-bottom: 10px;
 border: 0px;
 font-size: 12px;
 font-family: calibri, tahoma, verdana, arial, sans-serif;
 text-align: justify;
 height: 100%;
}
fieldset {width: 90%; float: right}
body { background-color: #dcdbd8;}
a { text-decoration: none; color: black;}
a img { border: 0;}
p, ul {line-height: 1.5em; text-align: justify; letter-spacing: 0.1em;}
ul { padding-left: 15px; }
.reset { background: transparent; border: 0; padding: 0; margin: 0;}
div {margin: 0px; padding: 0px;}
h1, h2 { color: #246B91; }

.clear, .fc {clear: both;}
.cl {clear: left;}
.fl {float: left;}
.fr {float: right;}
.pr {position: relative;}
.pa {position: absolute;}
.pc {position: relative; margin:0px auto;/* add width to div! */}
.dn {display: none;} /* on mood class */
.hid {display: none;}
.db {display: block;}
.di {display: inline;}
.active {cursor: pointer;} /* on mood class */
.orange {color: orange;}
.help { cursor: help; }

.ib, #menu ul, #languageSelect, #fbLink, .startSpot, #new_clientsRotator li, #new_clientsRotator_big li, #new_clientsRotator_big ul a, #new_clientsRotator_big .innerCont  {
    display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

/* over */
#over { width: 100%; height: 100%; background-color: black; color: black; position: absolute; z-index: 101; left: 0; top: 0;  } /* on mood id */
#over-border-top { width: 400px; height: 60px; margin: 0 auto; background-color: #111111; padding: 0 10px 10px; } /* on mood id */
#over-content-top { width: 400px; height: 55px;  background-color: white /*#dddddd*/; text-align: center; padding-top: 5px;} /* on mood id */
#over-border { width: 400px; height: 350px; margin: 40px auto; background-color: #111111; padding: 10px; } /* on mood class */
.over-row {  width: 400px; background-color: white/*#444444*/; color: black; margin: 0 0  10px 0;} /* on mood class */
.over-label { font-size: 12px; font-weight: bold;} /* on mood class */
.over-txt { font-size: 16px; color: black; text-align: center; padding: 5px 0 10px; } /* on mood class */
.over-txt a { color: black; }
#over-second-row { height: 110px;} /* on mood id */
#over-third-row { height: 110px;} /* on mood id */
.over-note { width: 82px; height: 85px; background-repeat: no-repeat; background-image: url('./pic/note.jpg');} /* on mood class */
.over-note-hover { background-image: url('./pic/note_hover.jpg');}
.over-note-selected { background-image: url('./pic/note_selected.png');} /* on mood class */
#over-first-row { height: 80px; } /* on mood id */
.over-lang { padding: 5px 10px; background-color: #F5EFB9; } /* on mood class */
.over-lang-hover {  background-color: #1d78aa; }
.over-lang-selected { background-color: #E6D868; }
.over-input { }
/* over - end */

/* over - login form*/
#over-login { width: 100%; height: 100%; background-color: black; color: black; position: absolute; z-index: 101; left: 0; top: 0;  }
#over-login-border-top { width: 400px; height: 60px; margin: 0 auto; background-color: #111111; padding: 0 10px 10px; }
#over-login-content-top { width: 400px; height: 55px;  background-color: white /*#dddddd*/; text-align: center; padding-top: 5px;}
#over-login-border { width: 400px; height: 190px; margin: 40px auto; background-color: #111111; padding: 10px; }
#over-login-first-row { height: 150px; }
/* over - login form - end*/

/* over - score */
#over-score { width: 100%; height: 100%; background-color: black; color: black; position: absolute; z-index: 101; left: 0; top: 0;  }
#over-score-border-top { width: 400px; height: 60px; margin: 0 auto; background-color: #111111; padding: 0 10px 10px; }
#over-score-content-top { width: 400px; height: 55px;  background-color: white /*#dddddd*/; text-align: center; padding-top: 5px;}
#over-score-border { width: 400px; height: 190px; margin: 40px auto; background-color: #111111; padding: 10px; }
#over-score-first-row { height: 150px; }
#label-score-form { text-align: center; font-size: 20px; font-weight: bold; padding: 15px;}
#label-shout { font-size: 22px; font-weight: bold; padding: 15px; text-align: center; }
#score { font-size: 26px; font-weight: bold; color: #246B91; } 
/* over - score - end */

/* top panel */
#wrapper-top { position: relative; width: 940px; height: 80px; margin: auto; margin-top: 0px; border: 0px; padding: 0px; }
#logo { position: absolute; top: 27px; padding: 0px; margin: 0 0 0 45px;}
#top { position: absolute; margin:0; padding:0; width: 940px; height: 88px; background-color: #000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6; }
#top-content { position: absolute; left: 10px; width: 920px; height: 70px; /*background-color: #dddddd;*/ background: url('./pic/new/mainBckg.png') repeat-y center;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);	opacity: .9;}
/* top panel - end */

/* toolbar */
#wrapper-toolbar { position: relative; width: 860px; height: 30px; margin: auto; margin-top: 0px; border: 0px; padding: 10px 20px 0; overflow: hidden; }
#toolbar { background-image: url('./pic/tlo_60.png'); color: #fff; position: absolute; margin:0; width: 50px; height: 22px; top: 30px; font-size: 12px; font-weight: bold; overflow: hidden; }
.toolbar-closed { padding: 3px 10px 5px 20px;}
.toolbar-opened { padding: 3px 10px 5px 20px;}
.toolbar-content {padding: 3px 10px; margin: 3px; /*color: black;*/}
#ping  { width: 20px; height: 20px; }
.ping-closed { background: transparent url('./pic/bullet_show.png') no-repeat 1px 1px;}
.ping-opened { background: transparent url('./pic/bullet_close.png') no-repeat 1px 1px;}

#center-content {position: absolute; left: 10px; top: 18px; width: 900px; height: 450px; color: #696969; font-size: 11px; /*background-color: #dddddd;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 filter: alpha(opacity=95); opacity: .95;*/ background: url('./pic/new/mainBckg.png') repeat-y center; padding: 10px; /* overflow: hidden; */ }
.contentBottomBckg, .contentTopBckg  { left: -11px; position: absolute; width: 942px; }
.contentBottomBckg  { background: url('./pic/new/mainBottomBckg.png') no-repeat; bottom: -9px; height: 9px; }
.contentTopBckg  { background: url('./pic/new/mainTopBckg.png') no-repeat; height: 8px; top: -8px; }

#center-menu {position: absolute; left: 10px; top: 490px; width: 900px; height: 20px; background-color: transparent;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); opacity: .95; 
 	padding: 10px; overflow: hidden;}

#wrapper {position: relative; width: 940px; height: 530px; margin: auto; margin-top: 0px; border: 0px; padding: 0px;}
#wrapper-buttons { position: relative; width: 940px; margin: auto; margin-top: 0px; border: 0px; padding: 0px;}

#background { position: absolute; left: 0; top: 0; width: 940px; height: 538px;	background-color: #000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6;}
 
.draggable {
	background: #dddddd url('./pic/background_mi.jpg') top no-repeat;
	width: 300px; height: 150px; position: absolute; z-index: 19;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	filter: alpha(opacity=100);
 	opacity: 1;
}

.draggable a span {
    cursor: pointer;
}

.bg { background: #dddddd url('./pic/bloomnet.png') center no-repeat; width: 300px; height: 150px; position: absolute;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 filter: alpha(opacity=95);
 	opacity: .95;
}

.data { /*background: #dddddd;*/ width: 280px; height: 130px; position: absolute; padding: 10px; display: none; 
/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";*/ background: url('./pic/new/mainBckg.png') repeat-y center;
 /*filter: alpha(opacity=95);
 	opacity: .95;*/
}

#d1_data { left: 10px; top: 10px; }
#d2_data { left: 320px; top: 10px; }
#d3_data { left: 630px; top: 10px; }
#d4_data { left: 10px; top: 170px; }
#d5_data { left: 320px; top: 170px; }
#d6_data { left: 630px; top: 170px; }
#d7_data { left: 10px; top: 330px; }
#d8_data { left: 320px; top: 330px; }
#d9_data { left: 630px; top: 330px; }

#d1_bg { left: 10px; top: 10px; }
#d2_bg { left: 320px; top: 10px; }
#d3_bg { left: 630px; top: 10px; }
#d4_bg { left: 10px; top: 170px; }
#d5_bg { left: 320px; top: 170px; }
#d6_bg { left: 630px; top: 170px; }
#d7_bg { left: 10px; top: 330px; }
#d8_bg { left: 320px; top: 330px; }
#d9_bg { left: 630px; top: 330px; }

#d1 { background-position: -444px -130px; left: 10px; top: 10px; }
#d2 { background-position: -754px -130px; left: 320px; top: 10px; }
#d3 { background-position: -1064px -130px; left: 630px; top: 10px; }
#d4 { background-position: -444px -290px; left: 10px; top: 170px; }
#d5 { background-position: -754px -290px; left: 320px; top: 170px; }
#d6 { background-position: -1064px -290px; left: 630px; top: 170px; }
#d7 { background-position: -444px -450px; left: 10px; top: 330px; }
#d8 { background-position: -754px -450px; left: 320px; top: 330px; }
#d9 { background-position: -1064px -450px; left: 630px; top: 330px; }

.close-button { position: absolute; width: 18px; height: 19px; top: 5px; left: 890px;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
 filter: alpha(opacity=7);
 opacity: .7; 
 z-index: 100;
/* border: 1px solid gray;*/
 /*display: none;*/
 background: url('./pic/closeIcon.png') no-repeat;
}

.close-button:hover { background-position: 100% 0; }

.close-button.button-state-active { /*background-color: lightgray; border-color: #246B91;*/ }

.text-field {
	position: absolute; left: 0px; top: 100px;
	width: 270px; height: 40px;
	background-color: #cccccc;
	background: url('./pic/text_field_bg.png');
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
 filter: alpha(opacity=9);
 opacity: .9;
*/ font-weight: bold;
 color: white;
 font-size: 18px;
 padding: 5px 15px;
 cursor: default;
}

.text-field a { color: white; font-decoration: none; display: block;}

/* menu */

#stopka
{float: left;
 text-align: left;
 padding: 5px 0;
 margin: 0;
 color: #ddd;
 font-size: 10px;
}
#stopka a, #stopka ul { color: #ddd; }

#menu
{float: right;
 width: 710px;
 text-align: right;
 padding: 0 13px 0 0;
 margin-top: 35px;
 margin-bottom: 8px;
 color: #000022;
}

#menu ul, #stopka ul{
/*display:inline;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 0px;
margin: 0px;
}
body #menu ul { padding-right: 10px; }
#languageSelect { padding-right: 20px; }
#languageSelect a { margin-right: 5px; }

body #menu ul, #menu #languageSelect, #menu #fbLink { vertical-align: bottom; }

#stopka ul { text-align: center; white-space: nowrap; }
#stopka ul li a {
	margin-top: 20px;
	padding: 0 2px;	
	margin: 7px 2px;
    padding: 3px;
}
 #stopka ul li a:hover {background-color: #1d78aa;}

#menu li, #stopka li
{display:inline;
}

#stopka_menu_container {
padding-top: 10px;	
}

#menu a
{text-decoration: none;
color: #000022;
font-size: 12px;
padding: 0 7px;
}


/* content */

.ajax-loader { text-align: center; padding-top: 200px; font-size: 16px; width: 250px; margin: 0 auto;}

#center-column { width: 100%; height: 100%; }
#second-column { float: left; width: 580px; padding: 0 30px 0 10px;}
#third-column { float: left; width: 280px;}

#other_products li { list-style-image:none; list-style-position:outside; list-style-type:none; }

.button { border: 1px solid gray; }

#content-products { height: 310px; position: relative; overflow: hidden;}
#content-products h2 { font-weight: bold; }
.client-rotator-wrapper { height: 200px; overflow: hidden; width: 100%; }
.client-rotator { text-align: center; width: 214px; height: 151px; }
.client-rotator img { padding: 10px 20px; }
.client-ctrl { width: 33px; padding-top: 55px; font-size: 50px; overflow: hidden; text-align: center;}

.product {background:transparent url(./pic/product_bg.png) no-repeat bottom left; margin-bottom: 10px; margin-left: 20px;}
.product a {color: black; }
.product_selected a { color: #246B91; }

.post .meta { margin: 0; padding: 5px 0px 0px 10px; text-transform: uppercase; font-size: 10px;}

#portfolio { width: 100%; }
#portfolio td { width: 33%; height: 130px; vertical-align: top; text-align: center;}
#portfolio img { border: 0; }

.clients-foto-container {width: 400px; height: 290px; padding: 10px; text-align:center; }
.clients-foto {width: 400px; height: 270px; overflow: hidden; }
.portfolioText p { color: DimGrey; font-family: Verdana,Arial,sans-serif; text-align: justify; font-size: 11px; line-height: 1.5em; } 

.page-list-wrapper, #line { padding-top: 5px;}
.page-list-onpage { display: none; }
.page-list { width: 100%; text-align: center; }
.page-list-number { border:1px solid gray; color: gray; padding: 2px; margin: 0; margin: 2px;}
.page-list-selected, .activeSlide { color: #246B91; }
.page-list-number:hover { border-color: #246B91; background-color: lightgray;} 

.note-tech { background-repeat: no-repeat; padding-left: 10px; font-size: 20px;}
#form_table { width: 100%;  }
#mail_body { /*width: 250px;*/ height: 150px; }
.field_header { padding-top: 5px; font-weight: bold; }
.error_header { padding-top: 5px; }
.error_header, .field_header_error { color: red; }
.field_header_error { font-weight: bold; }
.field_header input, .field_header textarea  { border: 1px solid gray; width: 100%; }
.field_header_error input, .field_header_error textarea { border: 1px solid red; }
/*
.cufon-active .txt  { font-size: 1.2em;}
.cufon-active h1 { font-size: 2em;}
.cufon-active #menu a { font-size: 1.2em;}
.cufon-active .client-ctrl  { font-size: 3em;}
.cufon-active #stopka ul li a { font-size: 1.1em;}
*/

.clients-foto > div {
    width: 100%;
}

.bigHeader { color: #436986; font-size: 31px; font-weight: bold; padding-left: 29px; }

.articleContent { position: relative;  }
.articleBckgImg { position: absolute; }
.articleBckgImg.big { left: 21px; top: 41px; }
.articleBckgImg.small { bottom: 0; right: 0; }
.news.big { background: url('./pic/bckgs/img_news.png') no-repeat; height: 264px; width: 254px; }
.news.small { background: url('./pic/bckgs/img_news_s.png') no-repeat; height: 192px; width: 188px; }
#news01, #news02 { left: 291px; width: 583px; }
#news01, #news03 { color: #2d4f9e; }
#news02, #news04 { color: #6d6d6d; }
#news01 { top: 93px; }
#news02 { top: 179px }
#news03 { left: 80px; top: 275px; width: 680px; }
#news04 { left: 174px; top: 335px; width: 496px;  }

.seo.articleBckgImg.big { background: url('./pic/bckgs/img_seo.png') no-repeat; height: 288px; top: 13px; width: 188px; }
.seo.articleBckgImg.small { background: url('./pic/bckgs/img_seo_s.png') no-repeat; bottom: 182px; height: 189px; width: 173px; }
#seo01, #seo02 { left: 291px; width: 583px; }
#seo01, #seo03 { color: #2d4f9e; }
#seo02, #seo04 { color: #6d6d6d; }
#seo01 { top: 93px; }
#seo02 { top: 179px }
#seo03 { left: 80px; top: 275px; width: 680px; }
#seo04 { left: 174px; top: 335px; width: 496px;  }

.staticPoint { font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 1.6em; position: absolute; text-align: justify; color: black; }
body .startSpot { background: #5596fb; height: 14px; margin: 1px 10px 0; width: 14px; vertical-align: top; }

#new_clientsRotator { background: #fff url('./pic/slider_bckg.png') no-repeat left top; bottom: 57px; height: 138px; position: absolute; padding-top: 11px; right: 24px; overflow: hidden; white-space: nowrap; width: 260px; 
-webkit-box-shadow: 0px 0px 20px 0px #4d4d4d;
-moz-box-shadow: 0px 0px 20px 0px #4d4d4d;
box-shadow: 0px 0px 20px 0px #4d4d4d;  
}
#new_clientsRotator ul { padding: 0; /* this cannot be too large */
	width:20000em;
	position:absolute; overflow: hidden; }
#new_clientsRotator li { height: 138px; float: left; text-align: center; width: 130px; }
#new_clientsRotator ul a { background: url('./pic/galleryGridFrgd.png'); display: block; height: 136px; padding: 1px 0;  }
#new_clientsRotator ul a:hover { background-image: none; padding: 1px 0 0; }
#prevSlide, #nextSlide { background: #5596fb url('./pic/sliderButtons.png') no-repeat; bottom: 0; height: 22px; position: absolute; width: 23px; z-index: 100; }
#prevSlide:hover, #nextSlide:hover { background-color: #2e517a; }
#prevSlide { background-position: 6px 50%; left: 0; }
#nextSlide { background-position: -47px 50%; right: 0; }


#new_clientsRotator_big { background: #2E517A url('./pic/slider_bckg.png')  left top; background-repeat:no-repeat;bottom: 57px; height: 265px; position: absolute; padding-top: 11px; right: 41px; overflow: hidden; white-space: nowrap; width: 580px; 
-webkit-box-shadow: 0px 0px 20px 0px #4d4d4d;
-moz-box-shadow: 0px 0px 20px 0px #4d4d4d;
box-shadow: 0px 0px 20px 0px #4d4d4d;  
}
#new_clientsRotator_big ul { background: #fff /*url('./pic/galleryGridFrgd.png')*/; padding: 0; /* this cannot be too large */
	width:20000em;
	position:absolute; overflow: hidden; }
#new_clientsRotator_big li { height: 265px; float: left; text-align: center; width: 580px; white-space: normal; list-style-type:none;  }
#new_clientsRotator_big ul a { background: url('./pic/galleryGridFrgd.png'); }
#new_clientsRotator_big ul a:hover { background-image: none; }
#new_clientsRotator_big .innerCont, #new_clientsRotator_big ul a { height: 132px; width: 144px; }
#new_clientsRotator_big .innerCont { background-color: #fff; }

/* GoodOneGroup Footer */
#footerWrap { margin: 18px auto; padding: 17px 0; position: relative; width: 940px; }
#gogf { background: url('./pic/new/mainBckg.png') repeat-y 50% 50%; color: #333; font-size: 11px; height: 35px; margin: 0 auto; position: relative; width: 940px; }
#gogf .contentBottomBckg, #gogf .contentTopBckg { left: -1px; }
#gogfBckg { background-color: #000; height: 70px; position: absolute; top: 0; width: 940px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6; }
#gogf_belongs { left: 25px; top: 1px; position: absolute;  }
#gogf_others { right: 25px; top: 1px; position: absolute;  }
#gogf a { margin: 0 5px; }
#gogf a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }