* {
    margin: 0;
    padding: 0;
}

body {
    background: #1585f3;
    text-align: center;
    color: #bfe0ff;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

a {
	color: white;
	text-decoration: none;	
}

a img{
	border: 0;
}

#calosc {
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

#bannerTop {
	float: left;
    width: 960px;
    height: 11px;
    background: url(../images/bg_bannerTop.jpg) bottom;
}

#bannerSrodek {
	float: left;
    width: 960px;
    height: 243px;
}

#bannerSrodekLewa {
	float: left;
    width: 628px;
    height: 243px;
    background: url(../images/bg_bannerLewa.jpg);
}

#optima {
	float: left;
    width: 110px;
    height: 40px;
    position: relative;
    top: 150px;
    left: 80px;	
}

#bannerSrodekSrodek {
	float: left;
    width: 298px;
    height: 243px;	
}

#bannerNaszaStrona {
	float: left;
    width: 298px;
    height: 20px;	
}

#bannerReflektory {
	float: left;
    width: 298px;
    height: 40px;
    background: url(../images/bg_bannerReflektory.jpg);	
}

#bannerReklama {
	float: left;
    width: 298px;
    height: 148px;
    background: url(../images/bg_bannerReklama.jpg);	
}

#bannerPodReklama {
	float: left;
    width: 298px;
    height: 35px;
    background: url(../images/bg_bannerPodReklama.jpg);	
}

#bannerSrodekPrawa {
	float: left;
    width: 34px;
    height: 243px;
    background: url(../images/bg_bannerPrawa.jpg);		
}

#menu {
	float: left;
    width: 960px;
    height: 47px;
}

#m_przerwa1 {
	float: left; width: 40px; height: 47px; background: url(../images/m_przerwa1.jpg);	
}
#m_przerwa2 {
	float: left; width: 31px; height: 47px; background: url(../images/m_przerwa2.jpg);	
}
#m_przerwa3 {
	float: left; width: 28px; height: 47px; background: url(../images/m_przerwa3.jpg);	
}
#m_przerwa4 {
	float: left; width: 28px; height: 47px; background: url(../images/m_przerwa4.jpg);	
}
#m_przerwa5 {
	float: left; width: 28px; height: 47px; background: url(../images/m_przerwa5.jpg);	
}
#m_przerwa6 {
	float: left; width: 26px; height: 47px; background: url(../images/m_przerwa6.jpg);	
}
#m_przerwa7 {
	float: left; width: 41px; height: 47px; background: url(../images/m_przerwa7.jpg);	
}

#btn_stronyWww {
	float: left; width: 123px; height: 47px;	
}

#btn_stronyWww a {
	float: left; width: 123px; height: 47px; background: url(../images/btn_stronyWww.jpg);	
}

#btn_stronyWww a:hover {
	background-position: bottom;	
}

#btn_poligrafia {
	float: left; width: 123px; height: 47px;
}

#btn_poligrafia a {
	float: left; width: 123px; height: 47px; background: url(../images/btn_poligrafia.jpg);	
}

#btn_poligrafia a:hover {
	background-position: bottom;	
}

#btn_grafikaAnimacje {
	float: left; width: 123px; height: 47px;	
}

#btn_grafikaAnimacje a {
	float: left; width: 123px; height: 47px; background: url(../images/btn_grafikaAnimacje.jpg);	
}

#btn_grafikaAnimacje a:hover {
	background-position: bottom;	
}

#btn_pozycjonowanie {
	float: left; width: 124px; height: 47px;
}

#btn_pozycjonowanie a {
	float: left; width: 124px; height: 47px; background: url(../images/btn_pozycjonowanie.jpg);	
}

#btn_pozycjonowanie a:hover {
	background-position: bottom;	
}

#btn_programowanie {
	float: left; width: 122px; height: 47px;
}

#btn_programowanie a{
	float: left; width: 122px; height: 47px; background: url(../images/btn_programowanie.jpg) top;	
}

#btn_programowanie a:hover {
	background-position: bottom;	
}

#btn_kontakt {
	float: left; width: 123px; height: 47px;
}

#btn_kontakt a {
	float: left; width: 123px; height: 47px; background: url(../images/btn_kontakt.jpg) top;	
}

#btn_kontakt a:hover {
	background-position: bottom;	
}

#podMenu {
	float: left; width: 960px; height: 22px; background: url(../images/bg_podMenu.jpg);
}

/* srodek */

#srodek {
	float: left;
	width: 960px;
	height: auto;
	 background: url(../images/bg_srodek.jpg);	
	 text-align:center;
}
#srodek .stronyRzad{
	margin:0 60px 0 100px;
}
#srodek h1{
	padding: 5px 0 5px 0;
	margin:10px 0 5px 0;
	clear:both;
}
#srodek .miniatura{
	margin:0 30px 0 0;
}
#srodek .miniatura a img{
	width:165px;
	height:92px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	
}
#srodek .miniatura a:hover img{
	border-color:#aaa;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#srodek .miniatura .adres{
	padding:5px 0 5px 0;
}


/* stopka */

#stopka {
	float: left; width: 960px; height: 54px; 
}

#stopkaLewa {
	float: left; width: 403px; height: 54px; background: url(../images/bg_stopkaLewa.jpg) no-repeat;	
}

#stopkaSrodek {
	float: left; width: 138px; height: 54px;	
}

#stopkaSrodekTop {
	float: left; width: 138px; height: 30px; background: url(../images/bg_stopkaSrodekTop.jpg) no-repeat;
}

#stopkaSrodekLink {
	float: left; width: 138px; height: 13px;
}

#stopkaSrodekBottom {
	float: left; width: 138px; height: 11px; background: url(../images/bg_stopkaSrodekBottom.jpg) no-repeat;
}

#stopkaPrawa {
	float: left; width: 419px; height: 54px; background: url(../images/bg_stopkaPrawa.jpg) no-repeat;	
}