*{padding:0px;margin:0px;}
form{display:inline;}
html{background: url('../img/color.jpg') ;}
body {background:url('../img/grad.jpg') top repeat-x;font-family:calibri,Arial, Tahoma, Verdana;color: #fff;text-align: center;}
a{border:0px;color: #97cfff;text-decoration:underline;}
a img{border:0px;}
a:hover{text-decoration:underline;}
#tlo{width:100%;height:100%; text-align:center;background:url('../img/background.jpg') top no-repeat;}
#tlo_projekty{width:100%;height:100%; text-align:center;background:url('../img/background2.jpg') top no-repeat;}
#tlo_studies{width:100%;height:100%; text-align:center;background:url('../img/background3.jpg') top no-repeat;}

#main {width: 750px;height:540px;margin: 0px auto;text-align: left;padding:0px;overflow:hidden;}

#main  .top{position:relative;width:750px;height:160px;}
#main .top .fle{position:absolute;left:269px;}
.logo{position:absolute; top: 18px; margin-left:56px;}

#main .top .menu .link_kontakt{float:left;margin-left:65px;}
#main .top .menu{position:absolute;left:59px;top:95px;}
#main .top .ikona{position:absolute;left:568px; top:62px;}
.top .flash{left:0px;position:absolute;}
.top .menu .link{float:left;}
#main .info{position:relative;width:750px; height:140px;}

#main .info .about{float:left;position:relative;height:140px;width:410px;}
#main .info .about span{color:#142445;}
#main .info .about .tytul{font-weight:bold;font-size: 18px;}
#main .info .about .tekst{margin:5px 0 0 8px;font-size: 11px;width:350px;line-height:14px;}

#main .info .kontakt1{position:relative;margin-left:80px;float:left;width:250px;height:140px;font-size:12px;}
#main .info .kontakt2{position:relative;margin-left:10px;float:left;width:300px;height:140px;font-size:12px;}
#main .info .kontakt1 .l{text-align:left;}
#main .info .kontakt1 .r{text-align:right;color:#142445;padding-right:5px;vertical-align:top;}
#main .info .kontakt1 .r2{text-align:right;color:#142445;padding-right:5px;}
#main .info .kontakt2 .l{text-align:left;vertical-align:bottom;}
#main .info .kontakt2 .r{text-align:right;color:#142445;vertical-align:top;padding-right:5px;}


#main .opis{position:relative;width:750px; height:240px;}
#main .opis .obrazek{position:absolute;left:50px;top:0px;width:300px;text-align:center;}
#main .opis .tekst{position:absolute;left:350px;top:0px;width:300px;}
#main .opis .tekst .miniaturka{margin-left:15px;}

#main .opis .tekst #tresc{margin:5px 5px 5px 30px; font-size:12px;	width: 285px;height: 120px;
	overflow: hidden;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;}
#main .opis .tekst #tresc span{color:#142445;}
#main .opis .tekst #tresc span a{color:#142445;}
#main .opis .tekst .suwak{background: url('../img/line.jpg') center no-repeat;width:7px;height:124px;position:absolute;left:335px;top:40px;}
#main .opis .tekst .link {margin:5px 0 0 30px;font-size:12px;}

#main .blog{position:relative;width:750px; height:170px;}
#main .blog .nowe{position:absolute;left:75px;top:7px;width:355px;}
#main .blog .nowe span{color:#142445;}
#main .blog .nowe .tytul{font-size: 15px;font-weight:bold;}
#main .blog .nowe .news {margin-top:5px;}
#main .blog .nowe .news .topic{font-size: 12px;line-height:13px;font-weight:bold;}
#main .blog .nowe .news .data{color:#142445;font-size: 11px;line-height:12px;vertical-align:top;font-weight:bold;}
#main .blog .nowe .news .tekst{font-size: 11px;font-weight:normal;}
#main .blog .nowe .news .tekst img{margin-left:3px;margin-top:2px;}

#main .blog .kontakt1{position:absolute;left:80px;top:30px;width:150px;font-size:12px;}
#main .blog .kontakt2{position:absolute;left:280px;top:30px;width:150px;font-size:12px;}
#main .blog .kontakt2 span{color:#142445;line-height:24px;}
#main .blog .kontakt1 span{color:#142445;line-height:24px;}

#main .blog .kontakt3{position:absolute;left:80px;top:30px;width:600px;font-size:12px;}

#horizontal_carousel {position:relative;width:750px; height:70px;}
#horizontal_carousel .container {position:absolute;left:60px;top:3px;width:604px;overflow: hidden;}
#horizontal_carousel ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 150px;}
#horizontal_carousel ul li {width: 120px;height: 100px;text-align: center;list-style:none;float:left;}
#horizontal_carousel .previous_button {position:absolute;left:40px;top:18px;width:20px; height:18px;  background: url(../img/arrow-lb.png);  z-index: 100; cursor: pointer;}
#horizontal_carousel .previous_button_over {background: url(../img/arrow-lb.png);}
#horizontal_carousel .previous_button_disabled {background: url(../img/arrow-lb.png);  cursor: default;}
#horizontal_carousel .next_button {width:20px; height:18px;position:absolute;left:680px;top:18px;background: url(../img/arrow-rb.png);z-index: 100;cursor: pointer;}
#horizontal_carousel .next_button_over {background: url(../img/arrow-rb.png);}
#horizontal_carousel .next_button_disabled { background: url(../img/arrow-rb.png);cursor: default;}

#horizontal_carousel2 {float:left;position:relative;height:140px;width:340px;}
#horizontal_carousel2 .container {position:absolute;left:80px;top:25px;width:200px;overflow:hidden;height:120px;text-align:center;}
#horizontal_carousel2 ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 150px;}
#horizontal_carousel2 ul li {width: 200px;height: 200px;text-align: center;list-style:none;float:left;}
#horizontal_carousel2 ul li .a{width: 140px;}
#horizontal_carousel2 .previous_button {position:absolute;left:60px;top:45px;width:20px; height:18px;  background: url(../img/arrow-lb.png);  z-index: 100; cursor: pointer;}
#horizontal_carousel2 .previous_button_over {background: url(../img/arrow-lb.png);}
#horizontal_carousel2 .previous_button_disabled {background: url(../img/arrow-lb.png);  cursor: default;}
#horizontal_carousel2 .next_button {width:20px; height:18px;position:absolute;left:280px;top:45px;background: url(../img/arrow-rb.png);z-index: 100;cursor: pointer;}
#horizontal_carousel2 .next_button_over {background: url(../img/arrow-rb.png);}
#horizontal_carousel2 .next_button_disabled { background: url(../img/arrow-rb.png);cursor: default;}
#main .bottom{position:relative;width:750px; height:30px;font-size:10px;}
#main .bottom .copy{position:absolute;left:21px;top:5px;}
#main .bottom .created{position:absolute;left:626px;top:2px;}
#main .bottom .created span{display:inline-block;height:21px;line-height:21px;vertical-align:top;}
.both{clear: both;}
