html {
background: url(img/back.jpg) top left repeat;

}
a {
color:#910b01;
outline: none;
}
a :hover{
color:#b50d00;
outline: none;
}
body {
background: url(img/liscie.jpg) top left repeat-x;
padding: 0;
margin: 0;
padding-top: 100px;
padding-bottom: 20px;
}
a.ptext{text-decoration:none; color:#2c0a07}
#top_holder {
margin: 0 auto;
width: 538px;
height: 340px;
}

.fade {
width: 454px;
margin: 0 auto;
}

ol,ul {
list-style:none;
padding: 0;
margin: 0;
}

.over {
z-index: 98;
position:absolute;
width: 454px;
height: 300px;
display: inline;
margin-left: 27px;
*margin-left: 0px;
}

.over .l {
float:left;
position:absolute;
margin-top: 23px;
margin-left: -27px;
}

.over .t {
position:absolute;
}

.over .d {
position:absolute;
margin-top: 278px;
}

.over .p {
float:right;
position:absolute;
margin-top: 23px;
margin-left: 400px;
}

#portfolio {
padding-top: 23px;
margin-left: 27px;
}

#menu_holder {
width: 100%;
height: 65px;
background: url(img/menu.gif) top left repeat-x;
}

.menu {
background: url(img/menu_obrus.jpg) center top no-repeat;
width: 945px;
height: 45px;
margin: 0 auto;
padding-top: 3px;
}

.obrus_dol {
margin: 0 auto;
height: 17px;
width: 83px;
}

.flaga {
position: absolute;
z-index: 99;
margin-left: 130px;
*margin-left: 88px;
margin-top: -80px;
}

#bottom_holder {
margin: 0 auto;
width: 603px;
font-family: Calibri, Arial, sans-serif;
color: #2c0a07;
font-size: 0.95em;
/*text-align: justify; */
}

#bottom_holder p {
padding-left: 96px;
padding-right: 97px;
}
h2{ text-align:center;
}
h1 {
color: #2c0a07;
font-family: Calibri, sans-serif;
padding: 0;
margin: 0 auto;
text-align:center;

}


#rama {
width: 603px;
margin-bottom: 20px;
height: 380px;
}

#rama img {
float: left;
}

.rama {
background: url(img/rama_tlo.gif) top left repeat-y #fff;
float: left;
width: 603px;}

.film {
width: 468px;
float: left;
}

.l, .r {
float: left;}

/*##########################POCZÃÂÃÂÃÂÃÂTEK#MENU##############################*/

.menu li {
display: inline;
list-style-type: none;
height: 42px;
display: block;
float: left;
padding: 0;
margin: 0;
border: 0;
}

.menu li img {border: 0;}

.test {
padding: 0;
margin: 0;
height: 42px;
}

.test_hover {
padding: 0;
margin: 0;
height: 42px;
}

.test a:link {
border: 0;
text-decoration: none;
list-style: none;
}

.a a:link
{
cursor: pointer;
}

.test .a {
background: url(img/nasza_pasja.gif) no-repeat top left;
width: 120px;
}

.test_hover .a {
background: url(img/nasza_pasja.gif) no-repeat bottom left;
width: 120px;
}

.test_hover .a:hover, .a_hover {
background: url(img/nasza_pasja.gif) no-repeat top left;
width: 120px;
}

.test .b {
background: url(img/jakosc.gif) no-repeat top left;
width: 129px;
}

.test_hover .b {
background: url(img/jakosc.gif) no-repeat bottom left;
width: 129px;
}

.test_hover .b:hover, .b_hover {
background: url(img/jakosc.gif) no-repeat top left;
width: 129px;
}

.test .c {
background: url(img/mozliwosci.gif) no-repeat top left;
width: 128px;
}

.test_hover .c {
background: url(img/mozliwosci.gif) no-repeat bottom left;
width: 128px;
}

.test_hover .c:hover, .c_hover {
background: url(img/mozliwosci.gif) no-repeat top left;
width: 128px;
}

.test .d {
background: url(img/multimedia.gif) no-repeat top left;
width: 121px;
margin-left: 230px;
}

.test_hover .d {
background: url(img/multimedia.gif) no-repeat bottom left;
width: 121px;
margin-left: 230px;
}

.test_hover .d:hover, .d_hover {
background: url(img/multimedia.gif) no-repeat top left;
width: 121px;
margin-left: 230px;
}

.test .e {
background: url(img/restauracja.gif) no-repeat top left;
width: 123px;
}

.test_hover .e {
background: url(img/restauracja.gif) no-repeat bottom left;
width: 123px;
}

.test_hover .e:hover, .e_hover {
background: url(img/restauracja.gif) no-repeat top left;
width: 123px;
}

.test .f {
background: url(img/kontakt.gif) no-repeat top left;
width: 89px;
}

.test_hover .f {
background: url(img/kontakt.gif) no-repeat bottom left;
width: 89px;
}

.test_hover .f:hover, .f_hover {
background: url(img/kontakt.gif) no-repeat top left;
width: 89px;
}


/*######################KONIEC#MENU##################################*/

#produkty {border: 1px solid #910B01;}

.galeria img {border: 1px solid #910B01; margin: 3px 4px;}

.galeria {padding-top: 10px;}



/*#########################menu realizacje */


a.rea1:link, a.rea1:visited {background:url(img/min/rea1.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea1:hover{background:url(img/min/rea1_.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea2:link, a.rea2:visited {background:url(img/min/rea2.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea2:hover{background:url(img/min/rea2_.png) no-repeat; width: 109px; height:85px; 	display:block;}

a.rea2:link, a.rea2:visited {background:url(img/min/rea2.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea2:hover{background:url(img/min/rea2_.png) no-repeat; width: 109px; height:85px; 	display:block;}



a.rea3:link, a.rea3:visited {background:url(img/min/rea3.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea3:hover{background:url(img/min/rea3_.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea4:link, a.rea4:visited {background:url(img/min/rea4.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea4:hover{background:url(img/min/rea4_.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea5:link, a.rea5:visited {background:url(img/min/rea5.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea5:hover{background:url(img/min/rea5_.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea6:link, a.rea6:visited {background:url(img/min/rea6.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea6:hover{background:url(img/min/rea6_.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea7:link, a.rea7:visited {background:url(img/min/rea7.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea7:hover{background:url(img/min/rea7_.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea8:link, a.rea8:visited {background:url(img/min/rea8.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea8:hover{background:url(img/min/rea8_.png) no-repeat; width: 109px; height:85px; 	display:block;}

a.rea9:link, a.rea9:visited {background:url(img/min/rea9.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea9:hover{background:url(img/min/rea9_.png) no-repeat; width: 109px; height:85px; 	display:block;}






a.rea10:link, a.rea10:visited {background:url(img/min/rea10.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea10:hover{background:url(img/min/rea10_.png) no-repeat; width: 109px; height:85px; 	display:block;}
a.rea11:link, a.rea11:visited {background:url(img/min/rea11_.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea11:hover{background:url(img/min/rea11.png) no-repeat; width: 109px; height:85px; 	display:block;}


a.rea12:link, a.rea12:visited {background:url(img/min/rea12_.png) no-repeat; width: 109px; height:85px; 	display:block; text-indent:-10000px }
a.rea12:hover{background:url(img/min/rea12.png) no-repeat; width: 109px; height:85px; 	display:block;}

