@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

body {
font-family: 'Open Sans', sans-serif;
background: #f3f3f3;
font-size: 14px;
}

/*
@font-face
{

font-family: UrbanJungle;

src:url(../czcionka/UrbanJungleDEMO.otf);

}
*/

.top-grafika {

}

.animacja_tekst {
font-size: 60px;
margin: 250px auto;
font-family: UrbanJungle;
text-align: center;
text-shadow: 0 0 12px rgba(61, 131, 173, 0.8);
color: #FFF;
}

dt.message {
display: none;
}

#system-message dd.message ul {
list-style-type: none;
background: url("../images/system/notice-info.png") no-repeat scroll 0 0 #fff;
border-bottom: 2px solid #90b203;
border-top: 2px solid #90b203;
padding: 10px 10px 10px 60px;
}


#system-message dd.message ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}


#logotyp_big_top{
background: #FFF;
width: 100%;

}

#logotyp_big_top .inn_logo {
width: 1200px;
margin: auto;
}

#swopr_napis {
color: #5a94cf;
font-size: 24px;
line-height: 30px;
float: right;
text-align: right;
margin-top: 70px;
padding-right: 30px;
}

#szukajka {
margin-top: 75px;
text-align: right;
float: right;
border: 1px solid #5a94cf;
border-right: none;

}

.search .button {
float: left;
}


#mod-search-searchword {
font-size: 18px;
color: #5a94cf;
border: 0px;
padding: 5px;
font-weight: inherit;
margin: 0px;
height: 38px;
line-height: 38px;
}

#dzwon {
padding-left: 60px;
margin-top: 70px;
text-align: right;
float: right;
color: #F00;
font-size: 28px;
line-height: 60px;
background: url('../images/tel.jpg') left no-repeat;
}


#top_all{
height: 126px;


    width: 100%;
    z-index: 100;
	 background: #FFF;
}

.joomla-nav li a.brakwys {
display: none;
}

#pasek_gorny {
    position: relative;
    clear: both;
    height: 44px;
    background-color: #f53e53;
	 line-height: 44px;
	 color: #FFF;
	 font-weight: bold;
	 text-align: center;
	 font-size: 18px;
	 text-transform: uppercase;

}

#logo {
float: left;
height: 101px;
padding: 10px 0;

}

#top_menu_out {
height: 80px;
background: #5a94cf;

}

#top_menu {
width: 1024px;
margin: 0 auto 0 auto;

}

.joomla-nav {
  background-color: #5a94cf;

  height:1%; /* fixing IE 6 */
  margin:0 0 1.5em 0;
  min-height:auto;
  overflow:auto;

}

.joomla-nav li {
  float:left;
  line-height:3;
  list-style-type:none;
  margin:0 0.5em 0 0.5em;
  padding:0;

}
.joomla-nav li a {
  color:#FFF;
  cursor:pointer;
  display:block;
  float:left;
  text-transform: uppercase;
  font-size: 16px;
  padding:0 .33em 0 .33em;
  height: 80px;
  line-height: 80px;
  background: 	#5a94cf;
	padding: 0 30px 0 30px;

}


.joomla-nav li.selected a {
  background: #2a5f96;
  color: #FFF;
  cursor: default;


}
.joomla-nav li a, .joomla-nav li a:focus, .joomla-nav li a:hover {
  text-decoration:none;

}
.joomla-nav li a:focus, .joomla-nav li a:hover {

  outline:none;
  background: #2a5f96;
  color: #FFF;
}


.joomla-nav li.label {
  font-weight:normal;
  line-height:1.5;
  margin-right:1em;
  padding:.15em .33em .15em .33em;
}


#boczne-menu {
float: left;
width: 240px;
padding-top: 15px;
background: #5a94cf;
padding: 10px;
}

#boczne-menu .joomla-nav li a {
  color:#FFF;
  cursor:pointer;
  display:block;
  float:left;
  text-transform: uppercase;
  font-size: 16px;

  height: auto;
  line-height: 25px;
  clear: both;
  width: 230px;
  text-align: left;
  margin: 0px;
  padding: 0px;



}

#boczne-menu .joomla-nav li.selected a {
  background: none;
  color: #B6D0E9;
  cursor: default;


}
#boczne-menu .joomla-nav li a,#boczne-menu  .joomla-nav li a:focus,#boczne-menu  .joomla-nav li a:hover {
  text-decoration:none;

}
#boczne-menu .joomla-nav li a:focus,#boczne-menu  .joomla-nav li a:hover {
	background: none;
  outline:none;

  color: #B6D0E9;
}


.con_main {
clear: both;
}

.cols-2{
clear: both;
}

.column-1 {
width: 50%;
float: left;
}

.column-2 {
width: 50%;
float: right;
}

.position-4 {
margin: 0 auto 0 auto;
text-align: center;
width: 950px;
}
.pagination {
text-align: center;
}

.pagination p {
margin-bottom: 10px;
}

.pagination li {

display: inline-table;
padding: 0 6px 6px 6px;
}

.pagination ul
{
list-style-type: none;
}


#boxy3 {
width: 100%;
background: #FFF;

overflow: hidden;
}

#boxy3 .boxy3_inn {
margin: auto;
width: 1200px;
/* height: 450px; */
padding-top: 15px;
}

#boxy3 div div {
float: left;
width: 380px;
margin: 10px;
}

#boxy3 h3 {
font-size: 26px;
color: #5a94cf;
text-transform: uppercase;

}

#boxy3 p.g {
font-size: 18px;
color: #757575;
margin-bottom: 15px;
text-align: justify;
}

#boxy3 p {
color: #757575;
text-align: justify;
}

#boxy3 a {
float: left;
display: block;
padding: 8px;
color: #FFF;
background: #efc94c;
text-decoration: none;
}

#boxy3 a:hover {
color: #FFF;
background: #5a94cf;
text-decoration: none;
}

/* żółte */


#boxy3y {
width: 100%;
background: #efc94c;

overflow: hidden;
}

#boxy3y .boxy3y_inn {
margin: auto;
width: 1200px;
/* height: 310px; */
padding-top: 15px;
}

#boxy3y div div {
float: left;
width: 380px;
margin: 10px;
}

#boxy3y h3 {
font-size: 30px;
color: #FFF;
text-transform: uppercase;
margin-bottom: 5px;
}

#boxy3y h4{
font-size: 18px;
color: #003;
text-transform: uppercase;

}


#boxy3y p {
color: #757575;
text-align: justify;
}

#boxy3y a {
float: left;
display: block;
padding: 8px;
color: #003;
background:#FFF ;
text-decoration: none;
}

#boxy3y a:hover {
color: #FFF;
background: #003;
text-decoration: none;
}

#haslo_1 {
    text-transform: uppercase;
    color: red;
    font-family: Arial;
    font-size: 14px;
}

#haslo_2 {
    font-family: Arial;
    font-size: 13px;
    color: #6f6f6f;

}

.position-5 {
margin: auto;
text-align: center;
width: 950px;
overflow: hidden;
}

#disclaimer {
    position: relative;
    clear: both;

   background: #31353d;
	text-align: center;


}


#disclaimer p{
    margin: auto;
    display: table;
    color: #D4D4D4;
line-height: 40px;
height: 40px;
    font-size: 12px;


}

#disclaimer a {
color: #D4D4D4;
}

#img_top {

}

.con_main {
background: #FFF;
padding: 0 20px;
}


#box4 {
width: 990px;
margin: auto;
text-align: center;
height: 390px;
}



.boxy {
overflow: hidden;
margin: 10px 10px 10px 0;
width: 240px;
background: #FFF;
float: left;
}

.boxl {
margin-left: 0px;
padding-left: 0px;
}

.boxr {
margin-right: 0px;
padding-right: 0px;
}

.boxy .images {

}

.boxy .title {
background: #f53d55;
text-transform: uppercase;
height: 80px;
line-height: 80px;
font-size: 20px;
color: #FFF;
text-align: center;
}

.boxy h3 {
padding: 10px;
margin: 0px;
font-size: 18px;
text-transform: uppercase;
}

.boxy .opis {
padding: 10px;
}

.boxy a {
display: block;
float: right;
padding: 10px 10px;
background: #f53d55;
color: #FFF;
clear: both;
text-decoration: none;
margin: 10px 0;
}

.boxy a:hover {
background: #30373d;
}

.blog-featured .create {
color: #FFF;
background: #eec046;
padding: 3px 0 3px 10px;
width: 320px;
}

.blog-featured .readmore a {
color: #FFF;
background: #5a94cf;
padding: 3px 10px 3px 10px;
text-decoration: none;

}

.blog-featured .readmore a:hover {
background: #eec046;
text-decoration: none;

}


/* Text styles */
.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}

.joomla-nav {
border: 0;
background: none;
font-size: 20px;
color: #737272;
text-align: center;
overflow: hidden;
padding: 0;
margin: 0;
font-weight: normal;

}
.joomla-nav li {


}

.joomla-nav ul {
        width:100%;
        height:20px;
        text-align:center;
		  float: none;
		  margin: 0px;
}
.joomla-nav li {
        display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        float: none;
		  margin: 0px;
}





.joomla-header {
	margin-bottom: 30px;
	width: 910px;
	/* margin: 20px;
	text-align: center; */
}
.joomla-footer {
	font-size: .9em;
	width: 910px;
	margin: 20px auto;
	color: #737272;
	text-align: center;
}

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.niebieskie {
background-color: #f2fbf9;
height: 453px;
}

.niebieskie_min {
background-color: #f2fbf9;

}

.niebieskie_inn {
width: 950px;
margin: auto;
text-align: center;
overflow: hidden;;
height: 453px;


}

.niebieskie_cien {
width: 950px;
margin: auto;
height: 60px;
background: url('../images/foto_cien.png') bottom;
}


#dzialy {
    position: relative;
    clear: both;
    height: 273px;
    background-color: #f2fbf9;
}

p.style1 {
    width: 220px;
    font-family: Arial;
    font-size: 25px;
	 margin: 0 0 10px 0;
}

p.style2 {
    margin: 0px;
	 padding: 0px;
}

#szukaj {
float: right;
margin-top: 20px;
border-left: 1px solid #e1e1e1;
padding: 15px 0 20px 20px;
overflow: hidden;
width: 210px;

}

#szukaj form {
border: 1px solid #e1e1e1;
}

#szukaj input.inputbox {
border: 0px;
padding-left: 5px;
margin: 17px 0 0 0;
font-size: 16px;
float: left;
display: block;

}


#szukaj .button{
padding: 15px 5px 0 5px;
}

td.wiecej a {
    background-color: #f53e53;
    font-family: Arial;
    font-size: 13px;
    color: #666666;
    text-align: center;
    padding-top: 12px;
    width: 86px;
    height: 28px;
	 display: block;
	 text-decoration: none;
}

td.wiecej a:hover {
    background-color: black;
    color: white;
    text-align: center;
    padding-top: 12px;
    width: 86px;
    height: 28px;

}

.contact h3 {
display: none;
font-style: normal;

}

.contact span, .contact h2 {

font-size: 16px;
}