body {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
line-height : 15px;
background : top center no-repeat white;
font-style : normal;
}
*{
	margin: 0px;
	padding: 0px;
}
#rama_strony {
margin : auto;
margin-top : 30px;
width : 1240px;
height : auto;
box-shadow : 0 0 28px 5px grey;
}

/*wyróżnione na czerwono liczniki*/
#czerwona_top1 {
height : 18px;
font-size : 16px;
text-align : center;
margin : 10px 0 5px;
background : red;
color : white;
}
#czerwona_top2 {
height : auto;
font-size : 16px;
text-align : center;
margin : 10px 0 10px;
padding-top: 10px;
padding-bottom : 10px;
background : red;
color : white;
}

/*elementy na białym tle strony*/
#foto_biala {
height : 120px;
padding-bottom : 10px;
text-align : center;
}
#biala_top {
height : 50px;
text-align : center;
}
#biala_bot {
padding-top : 10px;
height : 260px;
text-align : center;
color : grey;
}
/*Logo ZZ Celnicy PL*/
#logo {
background : gray;
display : block;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
height : 185px;
text-align : center;
}
#logo_0 {
float : left;
padding-left : 0;
}
#logo_1 {
float : left;
padding-left : 15px;
width : 950px;
height : 170px;
color : white;
line-height : 35px;
text-align : justify;
}
#logo_2 {
float : left;
padding : 0 520px;
}
#logo_2:hover {
opacity : 0.89999997615814208984375;
	/*-moz-box-shadow: 0.9;  prefix dla Firefox
	-webkit-border-radius: 0.9;  prefix dla Chrome i Safari
	-o-border-radius: 0.9; prefix dla Opery*/
}

/*gorny obraz*/
#baner {
background : url(../images/baner.png) no-repeat;
width : 1240px;
height : 320px;
margin-top : 0;
margin-left : 0;
}
/*Menu*/
#menu {
width : 310px;
float : left;
padding-bottom : 1px;
margin-top : 15px;
}
#menu a {
display : block;
padding : 10px 10px 10px 10px;
height : 40px;
background : 14px no-repeat gray;
text-decoration : none;
border-bottom : 1px dotted white;
text-transform : uppercase;
letter-spacing : 1px;
}
#menu a#pierwszy {
border-top : 1px dotted white;
}
div#menu a.active {
font-weight : bold;
background : red;
}
#menu a:hover {
background : 10px 14px no-repeat;
color : black;
font-weight : bold;
text-shadow : 0 0 3px white;/* CSS3 */
	/*border-left: 5px solid #fd8714;
	padding-left: 28px;*/
}

/*tresc*/
#tresc {
padding : 15px;
text-align : justify;
color : white;
}
h1 {
font : caption;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 24px;
font-weight : bold;
color : white;
margin-top : 25px;
padding-bottom : 10px;
text-shadow : 0 0 20px grey;
	/*-moz-text-shadow: 0px 0px 28px 5px Grey; prefix dla Firefox
	-webkit-text-shadow: 0px 0px 28px 5px Grey; prefix dla Chrome i Safari
	-o-text-shadow: 0px 0px 28px 5px Grey; prefix dla Opery*/
}
h2 {
font : caption;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
color : white;
padding-bottom : 10px;
text-align : center;
}
h3 {
font : caption;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : white;
padding-bottom : 10px;
text-align: center;
}
h4 {
font : caption;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : white;
padding-top : 5px;
padding-bottom : 5px;
}
#foto {
float : left;
border : white solid 1px;
margin : 5px 5px 5px 0;
width : 130px;
height : 130px;
}
#foto1 {
float : left;
border : white solid 1px;
margin : 5px 10px 5px 0;
width : 120px;
height : 130px;
}
/*lpodział na lewą i prawą*/
#lewa {
width : 555px;
float : left;
margin-left : 10px;
}
#lewa2 {
width : 852px;
float : left;
}
.prawa {
width : 340px;
float : right;
font-size : smaller;
}
/*1 lewa sekcja*/
	/*czerwone tlo*/
.mini_box_bg {
background : red;
margin-bottom : 10px;
}
.mini_box_bg1 {
background : red;
}
.mini_lewy1 {
width : 130px;
padding : 10px 15px;
float : left;
}
.mini_prawy1 {
width : 530px;
padding : 10px 0px;
float : left;
text-align : justify;
margin : 10px;
}
.mini_lewy2 {
float : left;
padding : 10px 15px;
width : 857px;
text-align : justify;
}
.mini_prawy2 {
float : left;
width : 920px;
padding : 10px 15px;
}
a {
font-weight : bold;
text-decoration : none;
line-height : 15px;
color : white;
}
a:hover {
text-decoration : none;
color : grey;
}
a.active1{
	color: white;
	font: bold;
	font-size: x-large;
}
#back {
	float: right;
	width: 22px;
}

.wiecej_l a {
width : 98px;
height : 20px;
padding-top : 4px;
display : block;
float : right;
text-align : center;
font-weight : bold;
background : url(../images/mini_klawisz.gif) no-repeat;
}
.wiecej_l a:hover {
color : gray;
background : url(../images/aktywny_mini_klawisz.gif) no-repeat;
box-shadow : 0 0 28px 5px #ae0a00;
	/*-moz-box-shadow: 0px 0px 28px 5px #ae0a00; prefix dla Firefox
	-webkit-border-shadow: 0px 0px 28px 5px #ae0a00; prefix dla Chrome i Safari
	-o-border-shadow: 0px 0px 28px 5px #ae0a00; prefix dla Opery
	border-radius: 0px; /* CSS3 */
	/*-moz-border-radius: 0px; prefix dla Firefox
  	-webkit-border-radius: 0px; prefix dla Chrome i Safari
	-o-border-border-radius: 0px; prefix dla Opery*/
}
.czysc {
clear : both;
}
.odstep {
padding-bottom : 10px;
}
#prawa_foto {
width : 380px;
height : 260px;
padding-bottom : 10px;
}
#prawa_gora {
margin-bottom : 5px;
}
#p {
text-align : justify;
}

/*rozwijane okno wiadomości w Aktualnościach*/
.trans_1 {
width : 340px;
height : 16px;
color : gray;
overflow : hidden;
transition : height 2s 100ms ease;
	/*-moz-transition: height 2s ease 100ms; prefix dla Firefox
	-webkit-transition: height 2s ease 100ms; prefix dla Chrome i Safari
	-o-transition: height 2s ease 100ms; prefix dla Opery*/
}
.trans_1:hover {
width : 340px;
height : 120px;
}
.trans_2 {
width : 520px;
height : 22px;
color : white;
padding : 10px 15px;
overflow : hidden;
transition : height 2s 100ms ease;
	/*-moz-transition: height 2s ease 100ms; prefix dla Firefox
	-webkit-transition: height 2s ease 100ms; prefix dla Chrome i Safari
	-o-transition: height 2s ease 100ms; prefix dla Opery*/
}
.trans_2:hover {
width : 520px;
height : 200px;
}
.trans_3 {
width : 520px;
height : 22px;
color : white;
padding : 10px 15px;
overflow : hidden;
transition : height 2s 100ms ease;
	/*-moz-transition: height 2s ease 100ms; prefix dla Firefox
	-webkit-transition: height 2s ease 100ms; prefix dla Chrome i Safari
	-o-transition: height 2s ease 100ms; prefix dla Opery*/
}
.trans_3:hover {
width : 520px;
height : 550px;
}

img {
border : 1px;
border-color : white;
border-style : solid;
}
img:hover {
border : 1px;
border-color : gray;
border-style : solid;
}
h3 img {
	float: left;
}
	
	/*img:hover{transform: scale(1.05) translate(0px, 3px);
	-moz-transform: scale(1.05) translate(0px, 3px);
	-webkit-transform: scale(1.05) translate(0px, 3px);
	-o-transform: scale(1.05) translate(0px, 3px);
	box-shadow:0 0 10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}*/

/*stopka*/
#stopka {
font-size : 11px;
text-align : center;
padding-top : 15px;
padding-bottom : 20px;
color : black;
}
#stopka p {
color : #020202;
}
#stopka a {
color : black;
font-weight : normal;
}
#stopka a:hover {
color : gray;
}