body{margin: auto; width: 1000px; margin-top: 25px;font-family:Arial; font-size: 10pt;color:#333333; font-weight: 400; background: url(../images/bg.jpg) repeat-x}
img{border: 0px}

a:hover{text-decoration: underline}
a { text-decoration: none}
h1{font-size: 12pt;font-weight: 400}
#header{height: 130px;float:left}
#top{height: 450px;float:left}
#top #ntop{height: 450px;float:left}

#content{float:left;margin-top: 15px}
#content #c_l{width: 230px;float:left}
#content #c_l .box{width: 220px; float:left}
#content #c_r{width: 758px;padding-left: 12px;float:left}
#footer{float:left;border-top: 1px solid #edf0f0;width: 100%;margin-top: 20px;text-align: right}
#footer a{float: left;color: #006699;}
#footer .before{height: 35px;line-height: 35px;padding-left: 10px;padding-right: 10px; font-size: 7pt}
#footer .before a{font-weight: 600}

#footer div.menu{background-color: #edf0f0;height: 30px; line-height: 30px;padding-left: 10px}
#footer div.menu a{height: 30px; line-height: 30px;text-decoration: none;color: #006699;margin-right: 20px}
#footer div.menu a:hover{text-decoration: underline;}
div#actual{ background-color: #000000;width: 761px;color: #ffffff;position: relative}
div#actual div#timer{position: absolute; bottom:0px; right: 0px;font-size:5pt}
img.actual{}

#header #menu_top{height: 14px; line-height: 10pt; font-size: 10pt;font-weight: 600;}
#header #menu_top img{float:left;border: 0px;margin-top: 1px}
#header #menu_top img.calc{margin-left: 50px}
#header #menu_top img.question{margin-left: 50px}
#header #menu_top img.archiwum{margin-left: 200px}
#header #menu_top .item{float:left}
#header #logo{height: 67px;padding-top: 30px; font-size: 18pt;font-weight: 600}

#header #menu_bottom{height: 21px; background: #666666;width: 1000px;margin: 0; padding:0}
#header #menu_bottom a{height: 21px; background-image: url('../images/menu.jpg');display:inline; float:left;font-size: 0px;}
#header #menu_bottom a.main{background-position: 0px 0px ;width: 151px;margin-left: 20px}
#header #menu_bottom a.about{background-position: -151px 0px ;width: 68px;margin-left: 20px}
#header #menu_bottom a.projects{background-position: -219px 0px ;width: 93px;float:left;margin-left: 20px}
#header #menu_bottom a.rules{background-position: -312px 0px ;width: 115px;float:left;margin-left: 20px}
#header #menu_bottom a.actions{background-position: -427px 0px ;width: 160px;float:left;margin-left: 20px}
#header #menu_bottom a.media{background-position: -587px 0px ;width: 67px;float:left;margin-left: 10px}
#header #menu_bottom a.partners{background-position: -654px 0px ;width: 90px;float:left;margin-left: 10px}
#header #menu_bottom a.contact{background-position: -744px 0px ;width: 125px;float:left;margin-left: 10px}

#header #menu_bottom a.main:hover{background-position: 0px 21px ;width: 151px;}
#header #menu_bottom a.about:hover{background-position: -151px 21px ;width: 68px;}
#header #menu_bottom a.projects:hover{background-position: -219px 21px ;width: 93px;}
#header #menu_bottom a.rules:hover{background-position: -312px 21px ;width: 115px;}
#header #menu_bottom a.actions:hover{background-position: -427px 21px ;width: 160px;}
#header #menu_bottom a.media:hover{background-position: -587px 21px ;width: 67px;}
#header #menu_bottom a.partners:hover{background-position: -654px 21px ;width: 90px;}
#header #menu_bottom a.contact:hover{background-position: -744px 21px ;width: 125px;}

#c_l div.box{border: 1px solid black;margin-bottom: 15px; position: relative}
#c_l div.header{background-color: #000000;width: 100%;}
#c_l div.header img{margin-left: 5px;}
#c_l div.content{margin: 0px;padding:0px;}
#c_l div.box div.footer{background-color: #333333; color: white; border: 1px solid #333333;font-size: 9pt}
#c_l div.box div.footer h1{margin-top: 0px; margin-bottom: 0px;font-size: 10pt}
#c_l div.box div.footer img{margin-left: 120px;margin-bottom: 10px}


#c_l .more a{color: #ffff00}
#c_l .orange{color: #ff6600}

div#actual div.description {height: 180px;background-color: #000000; color: #ffffff}
div#actual div.description div.left{float:left;width: 252px;background-color: #000000; color: #ffffff}
div#actual div.description div.right{float:left; width: 506px;background-color: #000000; color: #ffffff}
div#actual div.description div.left img.actual_work_on{margin-top: 20px; margin-left: 10px}
div#actual div.description div.left img.sign_next{margin-top: 20px}

div.boxes{width:100%; margin-top: 20px}
div.prev_proj {width: 345px;float:left;}
div.boxes div.prev_proj div.content{border-right: 1px solid #ff6600;border-left: 1px solid #ff6600;height: 162px}

div.boxes div.prev_proj div.header{background-color: #ff6600;padding-left: 7px}
div.boxes div.prev_proj div.footer{background-color: #000000;color: #ffffff;height: 28px;line-height: 28px; padding-left: 7px;border-top: 1px solid #ff6600;position: relative}
div.boxes div.prev_proj div.footer img{position: absolute;right: 0px; top: -21px;border-top: 1px solid #ff6600;border-left: 1px solid #ff6600;}

div.boxes div.pages {width: 187px;float:left;margin-left: 20px;border: 1px solid #ffffff}

div.boxes div.pages div.content{padding:0px;text-align: center}
div.boxes div.pages div.content img{border: 1px solid #05abe0}
div.boxes div.pages div.footer{background-color: #ffffff;padding-left: 7px;position: relative}
div.boxes div.pages div.footer img{margin-top: 7px;margin-bottom:3px}
div.boxes div.pages div.footer .details{position: absolute; right: 7px; bottom: 0px;}

div.gg {width: 172px;float:left; margin-left: 25px}

.l_blue{color: #000000; text-align: center; font-size: 7pt}

div.sites{border: 1px solid black;float:left; width: 756px; margin-bottom: 20px}
div.sites div.header{border-bottom: 1px solid black;padding-left:7px}


div.business{background-color: #292929;width: 210px;float:left;color: #ffffff}
div.business img{margin:7px 0px 0px 7px}
#examples{color: #333333;float:left;text-align: center;width: 540px;height: 480px;background: url(../images/cross.png) no-repeat 10px; position: relative}
div.categories{margin: 25px;float:left;}
div.sites div.content{}

ul{list-style-type: none; padding: 0px ;margin: 10px;text-align: right}
ul a{color: white; }

div.category{width: 236px;float:left;text-align: center;height: 210px;margin-top: 15px}



div.c_left{width: 297px;float:left;padding: 20px}
div.c_right{width: 400px; float:left;}

.blue{color: #006699}

input.captcha {margin-top: 10px}
img.captcha{margin-bottom: -10px; margin-left: 10px}

div.auto{float:left; width: 100%;margin-top: 7px; margin-bottom: 7px}
div.auto div.pict{float:left; width: 120px;padding:1px;border: 1px solid black}
div.auto div.autoinfo{float:left; width: 230px;padding-left: 30px}
.star {cursor: pointer}



ul.done{}
ul.done li{position: relative; float:left; text-align:left}

ul.done li img{border: 0px; cursor: pointer;float:left}
ul.done li img:hover{}
.done_top{position: absolute;top:0px; left:0px;color: #eeeeee; background-color: #000000;height: 25px;line-height: 20px;display:none; opacity:0.8;filter:alpha(opacity=80);font-size: 14px; font-weight: 600;width: 448px}
.done_bottom {position: absolute;bottom:0px; left:0px;color: #eeeeee; background-color: #000000;height: 25px;line-height: 10px;display:none; opacity:0.8;filter:alpha(opacity=80);width: 448px;}
.done_top p, .done_bottom p{padding: 4px 0px 0px 10px;margin: 0px}

.done_descr{float:left;padding: 10px; opacity:0.3;filter:alpha(opacity=30);}


#pages{position: absolute; bottom: 0px; left: 10px;z-index:999}
div.page{float:left; width: 20px;height: 20px; text-align:center;cursor: pointer; opacity:0.4;filter:alpha(opacity=40);}




/* tooltip styling. by default the element to be styled is .tooltip */
.tooltip {
display:none;
background:transparent url(../images/tooltip/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#ffffff;
}

.tooltipmission{
display:none;
background:transparent url(../images/tooltip/white_arrow_big.png);
font-size:11px;
height:166px;
width:320px;
padding:25px;
color:#ffffff;
}


.tooltipmission.bottom{
background:transparent url(../images/tooltip/black_arrow_big_bottom.png);
padding-top:40px;
height:166px;
}



.tooltipform {
background-color:#000;
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#fff;
text-align:left;
font-size:12px;

/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}

.tooltip.bottom {
background:url(../images/tooltip/black_arrow_bottom.png);
padding-top:40px;
height:55px;
}


/* style the trigger elements */
#demo img {
border:0;
cursor:pointer;
margin:0 8px;
}
.history {padding: 5px;}
.goals {padding: 5px; }
.goals p, .history p{text-indent: 20px}
.certs{}
.certs p{height: 100px}
.cert_left{text-align:right; margin-right: 30px;width: 180px;float:left}
.cert_left img{margin-bottom: 40px; cursor: pointer}
.cert_right{width: 500px; float:left}




.simple_overlay {

/* must be initially hidden */
display:none;

/* place overlay on top of other elements */
z-index:10000;

/* styling */
background-color:#333;
width:560px;
height:750px;
border:1px solid #666;

/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../images/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}

.details {
position:absolute;
top:15px;
right:15px;
font-size:11px;
color:#fff;
width:150px;
}

.details h3 {
color:#aba;
font-size:15px;
margin:0 0 -10px 0;
}

.img_cert{
height: 850px;
width: 635px;
}
#mies1 {text-align:left}
#mies2 {text-align:left}

.img_cert1{
height: 830px;
width: 900px;
}

#mies1 {text-align:left}
#mies2 {text-align:left}

.reference{width: 200px}




.apple_overlay {

/* initially overlay is hidden */
display:none;

/* growing background image */
background-image:url(../img/overlay/white.png);

/*
width after the growing animation finishes
height is automatically calculated
*/
width:560px;
height: 750px;
/* some padding to layout nested elements nicely */
padding:35px;

/* a little styling */
font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
background-image:url(../images/close.png);
position:absolute; right:5px; top:5px;
cursor:pointer;
height:35px;
width:35px;
}

div.apple_overlay.black {
background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png) ;
background-image-width: 560px;
background-image-height:750px
width:560px;
height: 750px;
color:#fff;
}
#link_commercial{position: absolute; right: 100px; height: 15px;bottom: 0px;width: 210px}


/* root element for single scroll */
.scroll {
position:relative;
overflow:hidden;
width: 250px;
height: 200px;
float:left;
}

/* root element for the scroll pics */
.scroll .pics {
width:20000em;
position:absolute;
clear:both;
}

/* single scroll item */
.pics div {
float:left;
cursor:pointer;
width:250px !important;
height:200px;
margin:0px;
}

/* possible settings for the active scroll */
.scroll.active {

}

#scrolling_main{display:none; width: 0px; height: 0px; background-color: #000000;position: absolute; top:0px; left:0px;z-index: 800;}
#scrolling_main_esc{position: absolute; top:0px; right: -20px; background-image: url(../images/inspiracje/close.png); width: 36px; height: 36px;z-index: 999;display:none;cursor: pointer}