/* BASIC */



*{margin:0; padding:0;}

body{text-align:left; background: #fff; font: 10px  Verdana, Arial, Helvetica, Trebuchet MS,sans-serif; color:#b2b2b2; 

line-height:14px; padding:70px 0px 0px 0px; }



a {color:#999999; text-decoration:none;}

a:hover {text-decoration:none; color:#565A5C;}

a:active {text-decoration:none; color:#565A5C;}



a img {border:0px;}



#left {float:left;}

#clear {clear: both; line-height:14px;}

.creo {letter-spacing:2px;  text-transform: uppercase;}
.nazwa {letter-spacing:1px; font: 10px Verdana, Helvetica, Trebuchet MS, sans-serif; color:#B2B2B2;  text-align:justify; line-height:13px;}
.creo2 {letter-spacing:1px; font: 10px Arial, Verdana, Helvetica, Trebuchet MS, sans-serif; color:#B2B2B2; text-align:justify; line-height:13px;}
.creo3 {letter-spacing:10px; font: 16px Arial, Verdana, Helvetica, Trebuchet MS, sans-serif; color:#B2B2B2; text-align:justify; line-height:18px;}
.creoproject {letter-spacing:2px; color:#666666;}




.home{font: 10px Verdana, Helvetica, Trebuchet MS, sans-serif; color:#B2B2B2; text-align:justify; line-height:12px;}

.grey {color:#565A5C;}

h1 {font: 10px Verdana, Helvetica, Trebuchet MS, sans-serif; color:#565A5C; padding-bottom:12px; line-height:13px;}



#all {width:900px; text-align:left; margin-left:auto; margin-right:auto;}

p {padding-bottom:12px; line-height:13px;}


/* STRONA GLOWNA - HOME */
#main_flash {float:left; width:900px; height:284px;}
#title {width:900px; height:159px; text-align:right;}
#intro {padding:0px 0px 0px 10px;}
#top_home {height:103px; width:900px;}
#f3 {float:right; font:10px Arial, Verdana, Helvetica, sans-serif;
color:#B2B2B2;}



/* TOP */

#top {height:128px; width:900px;}

#top_home {height:124px; width:900px;}

#top_line {float:left; width:510px; height:1px;}

#line {float:left; width:900px; height:1px;}



#logo {float:right; width:700px; height:55px; text-align:right; padding:0px 15px 0px 0px;}







/* MENU */

#mainNav {float:left; width:700px; font: 10px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif; color:#999;}

#mainNav a {color:#999; text-decoration:none; text-transform: uppercase; display: block;} 

#mainNav a:hover {color:#FF6600;}  

#mainNav a:active {color:#565A5C;} 

#mainNav a.off {color:#FF6600; text-decoration:none; text-transform: uppercase; display: block;} 

#mainNav ul {list-style: none; letter-spacing:1px; padding:0px 0px 0px 0px}

#mainNav li {float: left; padding:0px 20px 5px 0px;}



#menu {float:left; width:900px; padding:8px 0px 0px 0px; margin: 0px -10px 0px -10px;}

#menu a {color:#999; text-decoration:none; display:block;} 

#menu a:hover {color:#FF6600; text-decoration:none;}  

#menu a:active {color:#FF6600; text-decoration:none;} 

#menu a.off {color:#565A5C; text-decoration:none; display:block;}  

#menu ul {list-style:none; font:10px  Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;  line-height:10px;}

#menu li {float:left; padding:0px 10px 0px 10px;  margin:5px 0px 5px 0px; border-right: solid 1px #ccc;}

#menu li.first {float: left; padding:0px 10px 0px 0px; }

#menu li.last {float: left; padding:0px 10px 0px 10px; border-right: solid 1px #fff;}



/* MAIN */

#main {float:left; width:900px;}

#main a {color:#999999; text-decoration:none; font: 10px Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;}
#main a:hover {text-decoration:none; color:#565A5C;}
#main a:active {text-decoration:none; color:#565A5C;}



#box1 {float:left; width:900px; height:42px;}

#box1a {float:left; width:67px; height: 12px; border-right: solid 1px #FF6600; text-transform: uppercase;

font: 12px Arial, Verdana, Helvetica, Trebuchet MS,  sans-serif; color:#FF6600; letter-spacing:1px; padding:0px 9px 0px 0px; 

text-align: right; line-height:10px;}

#box1b {float:left; width:410px; height:12px; font:11px Verdana,  sans-serif; color:#565A5C; 

letter-spacing:1px; padding:0px 0px 0px 9px; line-height:10px;}



#box2 {float:left; width:900px; min-height:350px; _height:350px; padding:0px 0px 30px 0px;}

#box2_home {float:left; width:900px; min-height:396px; _height:396px; padding:0px 0px 30px 0px;}



#box3 {float:left; width:380px; padding:10px 0px 0px 77px;}

#box3 ul {padding:0px 0px 12px 10px;}

#box3 li {background:url(http://creoproject.pl/img/ico_dot.gif) no-repeat 0px 5px; list-style:none; padding-left:10px; margin-bottom:2px;}



#news_all {float:left; width:340px; padding:10px 0px 0px 77px;}

#news_all .title {padding:0px 0px 2px 0px; display:block; color:#565A5C;}

#news_all ul {padding:0px 0px 12px 0px;}

#news_all li {list-style:none; margin-bottom:15px;}



#news {float:right; width:430px; padding:10px 0px 0px 0px;}

#news img {padding:10px 0px 12px 0px;}



#box4 {float:right; width:320px;}

#project {float:left; width:290px; padding:0px 0px 0px 15px;}

#frame1 {float:left; width:320px; height:13px; background:url(http://creoproject.pl/img/frame1.gif) no-repeat left top;}

#frame2 {float:left; width:320px; height:13px; background:url(http://creoproject.pl/img/frame2.gif) no-repeat left top;}



#box5 {float:right; width:230px; padding:0px 150px 0px 0px;}

#people {float:left; width:200px; padding:0px 0px 0px 15px;}

#frame3 {float:left; width:230px; height:13px; background:url(http://creoproject.pl/img/frame3.gif) no-repeat left top;}

#frame4 {float:left; width:230px; height:13px; background:url(http://creoproject.pl/img/frame4.gif) no-repeat left top;}



#box11 {float:right; width:250px;}

#news_home {float:left; padding:0px 15px 0px 15px; min-height:230px; _height:230px; text-transform: uppercase;}

#news_home .date {padding:0px 0px 2px 0px; display:block; color:#565A5C;}

#news_home .title {padding:0px 0px 2px 0px; display:block; color:#999;}

#news_home ul {padding:0px 0px 12px 0px;}

#news_home li {list-style:none; margin-bottom:13px;}

#news_home h1 {color:#FF6600;}

#frame5 {float:left; width:250px; height:13px; background:url(http://creoproject.pl/img/frame5.gif) no-repeat left top;}

#frame6 {float:left; width:250px; height:13px; background:url(http://creoproject.pl/img/frame6.gif) no-repeat left top;}



#box7 {float:left; width:410px; padding:10px 0px 0px 40px;}

#box7 ul {padding:0px 0px 0px 10px; list-style:none;  font:10px  Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;}

#box7 li  {list-style:none; padding-left:10px; padding-bottom:2px;}

#box7 a {text-decoration:none; display: block; padding: 0px 0px 0px 18px; font:10px  Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;}

#box7 a:hover {background: url(http://creoproject.pl/img/arrow_02.jpg) no-repeat left center; padding: 0px 0px 0px 18px;}



#box8 {float:right; width:430px; padding:10px 0px 0px 0px;}

#pictures {float:right; width:430px; height:260px;}

#menu_pictures {float:right;}

#menu_pictures a {color:#999; text-decoration:none; display:block;} 

#menu_pictures a:hover {color:#565A5C; text-decoration:none; border-bottom: solid 1px #FF6600;}  

#menu_pictures a:active {color:#565A5C; text-decoration:none; border-bottom: solid 1px #FF6600;} 

#menu_pictures a.off {color:#565A5C; text-decoration:none; display:block;}  

#menu_pictures ul {list-style:none; font:10px  Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;  padding:8px 0px 0px 0px;}

#menu_pictures li {float:left; padding:0px 3px 0px 7px;}

#menu_pictures li.first {float:left; padding:0px 7px 0px 0px; border-right: solid 1px #ccc;}



#box9 {float:left; width:340px; padding:10px 0px 0px 77px; min-height:288px; _height:288px;}

#box9 ul {padding:0px 0px 12px 0px;}

#box9 li {list-style:none; margin-bottom:2px;}



#box10 {float:left; width:340px; padding:20px 0px 20px 77px; font:10px  Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;}

#back {float:left; width:165px; text-align:left;}

#next {float:right; width:165px; text-align:right;}



#box12 {float:left; width:610px; height:230px; padding:15px 0px 0px 0px;}

#box13 {float:left; width:900px; height:90px;}



#box14 {float:left; width:220px; padding:54px 0px 0px 15px;}
#box14 a {color:#b2b2b2; text-decoration:none;}
#box14 a:hover {text-decoration:none; color:#565A5C;}
#box14 a:active {text-decoration:none; color:#565A5C;}





/* FOOTER */

#footer {float:left; width:900px; height:70px;}

#line{float:left; width:900px; padding:0px 0px 2px 0px;}

#f1 {float:left; font:9px Arial, Verdana, Helvetica, sans-serif; color:#ccc;}

#f2 {float:right; font:10px Arial, Verdana, Helvetica, sans-serif; color:#B2B2B2; letter-spacing:1px; text-transform: uppercase;}



#language {float:left; font: 10px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif; color:#999; letter-spacing:1px;}

#language a {color:#999; text-decoration:none; text-transform: uppercase; display: block;} 

#language a:hover {color:#FF6600;}  

#language a:active {color:#565A5C;}







#main_flash {float:left; width:900px; height:284px;}
#title {width:900px; height:159px; text-align:right;}
#intro {padding:0px 0px 0px 10px;}
#top_home {height:103px; width:900px;}
#f3 {float:right; font:10px Arial, Verdana, Helvetica, sans-serif; color:#B2B2B2;}