@import url(http://fonts.googleapis.com/css?family=verdana:100,300,400,700,900);

*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}

body { font-family: 'verdana', sans-serif; font-size: 13px; background: #fff; color: #666; }

a { text-decoration: none; color: #B31516; }
a:hover { color: #555; background: inherit; }
h1 { font-size: 20px; color: #555; font-weight: normal; }
h1 a { color: #fff; font-size: 1.6em; }
h2 { font-size: 17px; }
h3 { font-size: 1.2em; background: #36578C; padding: 6px 7px; color: #fff; font-weight: normal; margin: 0 0 15px; float: left; }
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }

.line { clear: both; border-bottom: 1px solid #ccc; }

.clear { clear: both; }

.x { clear: both; }
.x2 { clear: both; height: 20px; }
.x3 { clear: both; height: 30px; }
.x4 { clear: both; height: 10px; border-bottom: 1px solid #ccc; }

#content { width: 1000px; margin: 0 auto; }

#nav { height: 30px; position: fixed; z-index: 222; top: 0; width: 100%; line-height: 30px; color: #999; background: #23282D; font-size: 12px; border-bottom: 1px #fff solid; }
#nav .navie { padding: 0 10px; }
#nav .navie .l { float: left; }
#nav .navie .l a { color: #fff; margin-right: 15px; padding-right: 15px; border-right: 1px #A3A3A3 solid; }
#nav .navie .l a:hover { color: #999; }
#nav .navie .l a.last { border: 0; }
#nav .navie .r { float: right; }
#nav .navie .r a { color: #fff; }
#nav .navie .r a:hover { color: #999; }

#top { color: #888; padding: 20px 20px 0; font-size: 12px; text-align: right; }

#logo { float: left; background: #36578C; padding: 90px 25px 15px; margin: -46px 0 20px; }
#logo h1 { text-shadow: 1px 1px 1px #7E0E0E; }
#logo h1 a:hover { color: #F2F2F2; background: inherit; }

#menu { float: right; margin: 63px 20px 0; }
#menu li { display: inline; font-size: 1.3em; }
#menu li a { float: left; color: #808080; padding: 0 0 5px; margin: 0 0 0 55px; }
#menu li a:hover, #menu li.current a, #menu li a:focus { color: #000; border-bottom: 1px solid #ddd; }

#info { background: #fff; height: 250px; margin: 0 0 10px; }
#info h1 { font-size: 24px; color: #555; margin: 0 0 10px; }
#info h2 { line-height: 1.5em; }
.new { float: right; width: 300px; height: 232px; background: #fff; padding: 10px 10px 10px 10px; margin-right: 0; margin-top: -250px; }

.wrapper { width: 900px; margin: 0 auto; }

#showcase { width: 100%;  height: 300px; background: #f5f5f5; }
#showcase .slide1 { width: 100%; height: 300px; background: url(http://science.net.pl/body/images/slide1.jpg) top center no-repeat; }
#showcase .slide2 { width: 100%; height: 300px; background: url(http://science.net.pl/body/images/slide2.jpg) top center no-repeat; }
#showcase .slide3 { width: 100%; height: 300px; background: url(http://science.net.pl/body/images/slide3.jpg) top center no-repeat; }
#showcase .slide4 { width: 100%; height: 300px; background: url(http://science.net.pl/body/images/slide4.jpg) top center no-repeat; }
#showcase .slide5 { width: 100%; height: 300px; background: url(http://science.net.pl/body/images/slide5.jpg) top center no-repeat; }

#showcase .caption { float: left; padding-top: 100px; text-align: left; }
#showcase .caption h3 { padding: 25px; color: #fff; background: #ff8400; display: inline-block; font-size: 25px; margin-bottom: 30px; }
#showcase .caption h4 { padding: 20px; color: #fff; background: #aac600; display: inline-block; font-size: 20px; font-weight: normal; }
#showcase .caption2 { float: right; padding-top: 100px; text-align: right; }
#showcase .caption2 h3 { padding: 25px; color: #fff; background: #009FE3; display: inline-block; font-size: 25px; margin-bottom: 30px; }
#showcase .caption2 h4 { padding: 20px; color: #fff; background: #FF5900; display: inline-block; font-size: 20px; font-weight: normal; }
#showcase .caption3 { float: left; padding-top: 100px; text-align: right; }
#showcase .caption3 h3 { padding: 25px; color: #fff; background: #E5104A; display: inline-block; font-size: 25px; margin-right: 0px; margin-bottom: 30px; }
#showcase .caption3 h4 { padding: 20px; color: #fff; background: #ffba00; display: inline-block; font-size: 20px; margin-right: 20px; font-weight: normal; }
#showcase .caption4 { float: right; padding-top: 100px; text-align: right; }
#showcase .caption4 h3 { padding: 25px; color: #fff; background: #E5104A; display: inline-block; font-size: 25px; margin-bottom: 30px; }
#showcase .caption4 h4 { padding: 20px; color: #fff; background: #AAC600; display: inline-block; font-size: 20px; font-weight: normal; }
#showcase .caption5 { float: left; padding-top: 100px; text-align: left; }
#showcase .caption5 h3 { padding: 25px; color: #fff; background: #009FE3; display: inline-block; font-size: 25px; margin-bottom: 30px; }
#showcase .caption5 h4 { padding: 20px; color: #fff; background: #FF5900; display: inline-block; font-size: 20px; font-weight: normal; }

#content .col { width: 290px; background: #F7F7F7; padding: 10px; margin: 0 33px 30px 0; float: left; font-size: 1.0em; }
#content .col:hover { background: #FFF; }
#content .col.last { margin-right: 0px; }

.gallery { }
.gallery img { float: left; width: 290px; height: 200px; margin: 20px; }

.left { float: left; width: 640px; margin: 0 0 20px; }
.left h3 { font-size: 14px; color: #B31516; }
.sidebar { float: right; width: 310px; }	
.third { float: left; width: 306px; margin: 0 40px 20px 0; }
.last { margin-right: 0; }

#footer { clear: both; font-size: .90em; border-top: 1px solid #ddd; padding: 20px 0 20px 0; }
#flinks { float: right; padding: 0 0 10px 0; }
#flinks a:hover { color: #191919; }