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

html {
	height: auto;
}

body {
color:#444444;
font-family: Tahoma, Arial, Verdana;
font-size:12px;
text-align:center;
background:#fefefe url(../images/shared/bg.jpg) repeat-x;
margin:0px;
padding:0px;
}

.czysc_lewo{clear:left;overflow:hidden;font-size:1px;}
.czysc_prawo{clear:right;overflow:hidden;font-size:1px;}
.czysc_obie{clear:both;overflow:hidden;font-size:1px;}


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

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

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

.font11 {font-size: 11px;}

.font14 {font-size: 14px;}

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

.center {
display: block;
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: left;
}

a.a-img img {
display: block;
padding: 3px;
border: 1px solid #d7e0e6;
}

a.a-img:hover img {
padding: 2px;
border: 2px solid #c6080c;
}

/*==================================================
HEADER
==================================================*/
#header {
display: block;
width: 962px;
height: 192px;
margin: 0 auto;
text-align: left;
background: url(../images/shared/menu-shade.png) no-repeat bottom left;
}

h1 {
display: block;
float: left;
width: 456px;
height: 78px;
background: url(../images/shared/clearex-logo.png) no-repeat 0px 0px;
padding: 42px 0 0 0;
color: #1c3f7f;
font-size: 32px;
margin: 0;
}

h1.index {
width: 279px;
padding: 42px 0 0 177px;
}

h1 a {
color: #1c3f7f;
padding: 0 0 0 177px;
}

h1 a:hover {
text-decoration: none;
}

h1 span {
color: #444;
}

#menu {
display: block;
float: left;
width: 938px;
height: 37px;
margin: 0 12px;
padding: 0;
list-style: none;
background: url(../images/shared/bg-menu.gif) repeat-x 0px 0px;
}

#menu li {
display: block;
float: left;
padding: 0;
margin: 0;
background: url(../images/shared/bg-menu2.gif) no-repeat top right;
}

#menu li a {
display: block;
float: left;
height: 27px;
padding: 10px 29px 0 29px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
margin: 0;
}

#menu li a:hover {
background: url(../images/shared/bg-menu1.gif) repeat-x;
color: #b10506;
text-decoration: none;
}

.no-bg {
background: none !important;
}

.no-bg a {
padding: 10px 30px 0 31px !important;
}

#submenu {
display: block;
float: left;
width: 882px;
height: 36px;
line-height: 36px;
margin: 0 12px;
padding: 0 28px;
list-style: none;
background: #fcfcfc;
font-size: 11px;
color: #949292;
}

#submenu a {
color: #444;
text-decoration: none;
padding-right: 16px;
background: url(../images/shared/bg-pathfinder.gif) no-repeat top right;
margin-right: 10px;
}

#submenu a:hover {
color: #d20a10;
}

#submenu strong {
color: #444;
font-weight: normal;
text-decoration: underline;
}

#flash {
display: block;
float: left;
width: 618px;
height: 254px;
padding: 0 1px 1px 0;
}

/*==================================================
CONTENT INDEX
==================================================*/
#content {
display: block;
width: 918px;
min-height: 144px;
overflow-y:hidden;
overflow-x: auto;
margin: 0 auto;
background: url(../images/shared/content-shade.png) repeat-y;
padding: 0px 22px 28px 22px;
text-align: left;
clear: both;
font-size: 11px;
line-height: 15px;
}

h2 {
display: block;
float: left;
width: 100%;
clear: both;
height: 52px;
line-height: 52px;
font-size: 18px;
text-transform: uppercase;
color: #1e4282;
font-weight: normal;
padding: 0;
margin: 0;
}

h2 span {
font-weight: bold;
}

.news {
display: block;
float: left;
width: 258px;
height: 255px;
padding: 0 20px;
background: url(../images/shared/bg-h2.gif) repeat-x 0px 0px;
overflow: hidden;
}

.news div, .felietony div {
display: block;
float: left;
clear: both;
padding: 23px 0;
overflow: hidden;
` width: 258px;
}

.felietony div {
` width: 280px;
}

.rozgrywki {
display: block;
float: left;
width: 297px;
min-height: 33px;
overflow: visible;
padding: 0;
margin: 0;
border-bottom: 2px solid #ededec;
position: relative;
}

.rozgrywki img {
float: left;
clear: both;
margin-top: 1px;
}

.rozgrywki div {
display: block;
float: left;
clear: both;
width: 249px;
padding: 6px 24px;
font-weight: bold;
line-height: 16px;
}

.rozgrywki div span {
padding: 0;
margin: 0;
font-size: 10px;
font-weight: normal;
}

.odstep {
display: block;
width: 100%;
clear: both;
height: 60px;
}

h2.next {
width: 243px !important;
background: #ededec url(../images/shared/next.gif) no-repeat 21px 15px !important;
padding-left: 54px !important;
padding-right: 0px !important;
margin: 1px 0 0 0;
}

h2.prev {
display: block;
height: 51px;
width: 243px !important;
background: #ededec url(../images/shared/previous.gif) no-repeat 21px 15px !important;
padding-left: 54px !important;
padding-right: 0px !important;
margin-bottom: 0px !important;
}

.felietony {
display: block;
float: left;
width: 280px;
min-height: 33px;
padding: 0 20px;
background: url(../images/shared/bg-h2.gif) repeat-x 0px 0px;
margin: 1px;
}

.clearex_tv {
display: block;
float: left;
width: 298px;
height: 275px;
padding: 0;
background: url(../images/shared/bg-h2.gif) repeat-x 0px 0px;
margin: 1px 0;
}

.clearex_tv h2 {
width: 278px;
padding-left: 20px;
}

.clearex_tv div {
display: block;
float: left;
clear: both;
width: 298px;
height: 235px;
overflow: hidden;
}

a.more {
display: block;
float: left;
clear: both;
padding: 0 0 3px 22px;
background: url(../images/shared/more-ico.gif) no-repeat 0px 0px;
font-size: 11px;
}

a:hover.more {
background: url(../images/shared/more-ico1.gif) no-repeat 0px 0px;
}
/*==================================================
CONTENT PAGE
==================================================*/
#content_page {
display: block;
width: 938px;
min-height: 144px;
overflow-y:hidden;
overflow-x: auto;
margin: 0 auto;
background: url(../images/shared/content-shade.png) repeat-y;
padding: 0px 12px 28px 12px;
text-align: left;
clear: both;
font-size: 11px;
line-height: 15px;
}

#block_l {
display: block;
float: left;
width: 298px;
min-height: 200px;
overflow: visible;
background: url(../images/shared/bg-page.gif) repeat-x 0px -1px !important;
border-top: 1px solid #ededec;
padding: 0 0 0 10px;
}

#block_l h2 {
background: #ededec;
padding: 0 20px;
width: 258px;
}

.bg-white {
background: #ffffff;
overflow: visible;
min-height: 50px;
padding: 24px 20px;
clear: both;
}

#block_l img {
float: left;
margin-top: 1px;
}

#block_r {
display: block;
float: left;
width: 570px;
min-height: 200px;
_height: 200px;
background: url(../images/shared/bg-page.gif) repeat-x 0px -1px !important;
border-top: 1px solid #ededec;
padding: 0px 30px;
font-size: 12px;
line-height: 16px;
}

#block_r h2 {
border-bottom: 1px solid #dcdcdb;
margin-bottom: 24px;
}

#block_r p, #block_r div {
display: block;
float: left;
clear: both;
` width: 570px;
}

h3 {
padding: 0;
margin: 0;
clear: both;
width: 100%;
font-size: 14px;
}

.news_date_page {
font-size: 11px;
}

hr {
float: left;
clear: both;
width: 100%;
margin: 10px 0;
height: 0;
border-bottom: 0px;
border-top: 1px solid #dcdcdb;
}

table {
width: 100%;
}

table td {
padding: 12px 18px;
background: #ededec;
text-align: center;
}

table td.td0 {
background: #1d3c6d;
width: 60px;
height: 60px;
text-align: center;
padding: 0px;
}

table td.td0 a img {
float: left;
border: 3px solid #234a89;
}

table td.td0 a:hover img {
border: 3px solid #c6080c;
}

table td.td1 {
background: #1d3c6d;
color: #ffffff;
width: 40px;
text-align: center;
}

table td.td2 {
background: #234a89;
color: #ffffff;
width: 50%;
text-align: left;
}

.stronicowanie {
padding-top: 14px;
font-size: 11px;
color: #7e7e7e;
}

.stronicowanie div {
display: block;
float: left;
padding-right: 10px;
}

.stronicowanie a {
display: block;
float: left;
position: relative;
padding: 4px;
margin: -4px 1px 0 1px;
background: #ededec;
border: 1px solid #d8d4d0;
width: 14px;
height: 14px;
text-align: center;
}

.stronicowanie a:hover {
background: #da0b12;
border: 1px solid #bf080e;
text-decoration: none;
color: #ffffff;
}

.stronicowanie strong a {
display: block;
float: left;
position: relative;
padding: 6px 7px 8px 7px;
margin: -7px 1px 0 1px;
background: #da0b12;
border: 1px solid #bf080e;
width: 14px;
height: 14px;
font-size: 12px;
text-align: center;
color: #ffffff;
}

/*==================================================
FOOTER
==================================================*/
#footer {
display: block;
width: 938px;
height: 56px;
overflow: visible;
margin: 0 auto;
background: url(../images/shared/content-shade.png) repeat-y;
padding: 0px 12px;
}

#footer div {
display: block;
float: left;
width: 918px;
height: 56px;
line-height: 58px;
font-size: 11px;
text-align: left;
padding: 0 10px;
background: url(../images/shared/bg-footer.gif) repeat-x;
}

#footer a {
display: block;
float: right;
width: 77px;
height: 30px;
margin-top: 18px;
background: url(../images/shared/silnet.png) no-repeat;
clear: none;
}

#footer a:hover {
background: url(../images/shared/silnet1.png) no-repeat;
}

.mapka {
float: none !important;
margin: 0 auto 8px auto !important;
clear: both;
}

/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/
.form {
border:solid 1px #ededec;  
font-family: Arial; 
background:#ededec;
}

.form2 {
border:solid 0px #FFFFFF; 
}

SELECT.form {
background:#ededec;
}

TEXTAREA.form {
border:solid 1px #ededec; 
font-family: Arial; 
background:#ededec;
}

.submit {
display: block;
width: 120px;
height: 30px;
border:solid 1px #234a89;
background: #234a89;
color: #ffffff;
cursor: pointer;
}

.row {
padding-top: 6px;
overflow:hidden;
}


/*==================================================
w wyniku wyszukania na dole znadjduje si? pasek z rozmiarem oraz data ostaniej modyfikacji pliku,
wlasnie dzieki result mozna skonfigurowac jej wyglad
==================================================*/
.result {
color: #CCCCCC;
}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {
color: #FF0000;
}

.success {
}

/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {
color: #00722D;
height:20px;
}
.sitemap_li {
color: #00722D;
}