/*==================================================
OGÓLNE
==================================================*/

body {
color:#133b8c;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:12px;
text-align:center;
background: #4c87cf url(../images/shared/bg.gif);
padding: 0;
margin: 0;
}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {
color: #da2625;
text-decoration: none;
}

a:hover {
color: #da2625;
text-decoration: underline;
}

.font11 {font-size: 11px;}
.font14 {font-size: 14px;}
.font18 {font-size: 18px;}
.font30 {font-size: 30px;}

.clear {
display: block;
width: 100%;
clear: both;
float: none;
min-height: 10px;
overflow: visible;
}

.center {
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
}

.img {
display: block;
padding: 4px;
border: 2px solid #d7e0e6;
}

.left {
display: block;
float: left;
text-align: left;
}

.right {
display: block;
float: right;
text-align: right;
}

.right img {
float: right;
}

.pad-l {
margin-left: 14px;
}

.pad-r {
margin-right: 14px;
}

.pad-b {
margin-bottom: 8px;
}

.pad-t {
padding-top: 12px;
}

.pad-m {
margin-left: 24px;
margin-right: 24px;
_margin-left: 22px;
_margin-right: 22px;
}

.red {
color: #f00;
font-size: 16px;
}

#page-lato, #index-lato {
	font-size: 24px;
	color: #fff;
	float: right;
	margin: -40px -12px 0 0;
	font-weight: bold;
	font-style: italic;
	font-family: Tahoma !important;
	display: block;
	background: #f00;
	padding: 8px 14px;
}

#page-lato span {
	font-size: 30px;
}

#index-lato {
	display: block;
	text-decoration: none !important;
	font-size: 14px;
	padding: 6px 10px;
	margin: -48px -18px 0 0;
	border: 1px solid #fff;
}

#index-lato span {
	font-size: 20px;
}

/*==================================================
HEADER
==================================================*/
#header {
display: block;
position: relative;
width: 999px;
height: 328px;
margin: 40px auto 0 auto;
background: #2b5d9c url(../images/index/header.jpg) no-repeat;
}

#header_page {
display: block;
position: relative;
width: 999px;
height: 205px;
margin: 40px auto 0 auto;
background: #2b5d9c url(../images/shared/header.jpg) no-repeat;
}

h1 {
display: block;
position: absolute;
z-index: 90;
top: 80px;
left: 58px;
padding: 0;
margin: 0;
}

#menu {
display: block;
float: left;
width: 819px;
height: 39px;
padding: 0;
margin: 0;
list-style: none;
}

#menu li {
display: inline;
float: left;
padding: 0;
margin: 0;
}

/*==================================================
CONTENT INDEX
==================================================*/
#content {
display: block;
width: 999px;
min-height: 189px;
overflow: visible;
margin: 0 auto;
background: #dde9f3;
font-size: 11px;
text-align: left;
line-height: 18px;
}

.dsc1 {
display: block;
float: left;
width: 281px;
padding: 18px 28px;
height: 153px;
background: url(../images/index/bg-dsc1.jpg) no-repeat;
}

.dsc1 ul {
margin: 0 0 0 12px;
padding: 0 0 0 12px;
list-style-type: square;
}

.dsc2 {
display: block;
float: left;
width: 274px;
padding: 18px 28px;
height: 153px;
background: url(../images/index/bg-dsc2.jpg) no-repeat;
}

.dsc3 {
display: block;
float: left;
width: 276px;
padding: 18px 28px;
height: 153px;
background: url(../images/index/bg-dsc3.jpg) no-repeat;
}


/*==================================================
CONTENT PAGE
==================================================*/
#content_page {
display: block;
width: 989px;
min-height: 200px;
overflow: auto;
margin: 0 auto;
background: #4a87c0;
border: 1px solid #7c98c9;
border-top: 0px;
padding: 0 4px 4px 4px;
}

#block_l {
display: block;
float: left;
width: 272px;
min-height: 80px;
overflow: visible;
padding: 14px 28px 28px 28px;
border-top: 4px solid #627db3;
background: #dce8f3;
text-align: left;
}

#block_r {
display: block;
float: right;
width: 601px;
min-height: 300px;
overflow: visible;
padding: 14px 28px 28px 28px;
border-top: 4px solid #627db3;
background: #ffffff;
text-align: left;
}

#block_r ul {
padding: 6px 0 6px 0;
margin-left: 24px;
}

#block_l ul {
padding: 0 0 6px 0;
margin-left: 14px;
font-size: 11px;
}


#block_r ul li {
padding: 4px 0 4px 0;
line-height: 16px;
list-style-type: square;
}

#block_r p {
width: 100%;
float: none;
padding: 6px 0;
clear: both;
}

hr {
height: 1px;
color: #ccdff4;
background: #ccdff4;
border: 0;
width: 100%;

}

h2 {
clear: both;
float: none;
margin: 0;
padding: 0 0 8px 0;
}

h3 {
color: #133b8c;
font-size: 14px;
font-weight: bold;
}

#block h2 {
font-size: 22px;
margin: 0;
padding: 0 0 18px 0;
}

#block {
display: block;
float: left;
width: 200px;
min-height: 200px;
_height: 200px;
padding: 24px 40px;
}


#page {
display: block;
float: left;
width: 629px;
min-height: 200px;
_height: 200px;
padding: 24px 40px;
}

#page p {
padding: 0 0 14px 0;
margin: 0;
}

#page hr, #block hr {
display: block;
color: #192c49;
background: #192c49;
height: 1px;
border: 0;
width: 100%;
clear: both;
float: left;
margin: 10px 0;
padding: 0;
}

#page ul {
margin-top: 0;
padding-top: 0;
}

#page li {
padding: 0 6px 6px 12px;
background: url(../images/shared/arr.gif) 0 4px no-repeat;
list-style-type: none;
}

.kontakt1 {
width: 220px;
border-right: 1px solid #192c49;
}

.kontakt2 {
width: 220px;
padding-left: 40px;
}

.gallery a img, .gallery1 a img {
display: block;
padding: 4px;
border: 2px solid #abc4de;
margin-bottom: 8px;
}

 .gallery1 a img {
 margin-bottom: 24px !important;
 }

.gallery a:hover img, .gallery1 a:hover img {
border: 2px solid #f00;
}

.gallery {
display: block;
width: 295px;
float: left;
padding-bottom: 24px;
}

.gallery1 {
display: block;
width: 100%;
float: left;
clear: none;
}

.break {
display: block;
position: relative;
margin: 0 -30px;
width: 330px;
height: 4px;
background: #4a87c0;
}

/*==================================================
FOOTER
==================================================*/
#footer {
display: block;
width: 943px;
padding: 8px 28px;
height: 14px;
font-size: 11px;
color: #cddff4;
margin: 0 auto;
}

#footer a {
color: #cddff4;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}