/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

* { margin: 0; padding:0; border: 0; }
html { width: 100%; height: 100%;}
body { font-family: font-family: "Times New Roman", serif; font-size:100%;	line-height:1.125em; background: #B1CEE0 url(img/chmury.jpg) 100% 0% no-repeat; color: #3D6A93;}

/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; color:#3d6a93; margin-left: 1em; line-height: 1.636em;}
h1 { font-size: 140%;}
h2 { font-size: 100%; color: #fff;}
h3 { font-size: 100%;}
h4 { font-size: 90%;}
h5 { font-size: 80%;}
h6 { font-size: 60%;}

/*
---------------------------------------------
 GLOBALNE
---------------------------------------------
*/
p, li { font-size: 0.80em;	margin: 1.28em 3em; text-align: left;  text-align: justify;}
a, a:link, a:visited, a:hover { text-decoration: none; color:#3D6A93;}
ul, img { margin: 0; padding: 0;}
ul li {	list-style-type: none;}
.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.fl {float:left; display: block;}
.fr {float:right; display: block;}
 
.w60 { width: 60%;}
.w50 { width: 50%;}
.w40 { width: 39.5%;}
.w389 { width: 389px;}

/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/
#menu { width: 590px; height: auto; position: relative; margin: 38px 0;}
#menu a, #menu a:visited { display: block; float: left; margin-left: 25px; font-size: 110%; background-color: transparent; color: #fff;}
#menu a:hover, #menu a.on { color:#c0d800;}


#kontener { width: 980px; height: 100%;	z-index: 2; background: transparent url(img/bg-tresc.jpg) 0% 0% repeat-y; }
#tresc  { width: 590px; height: 100%; float: left; background: #B1CEE0 url(img/bg.jpg) 0% 0% repeat-x;}
.kol1  { width: 389px; height: 100%; float: left; text-align: left;}

.logo { width: 380px; height: 580px; background: transparent url(img/bok-gora.jpg) left top no-repeat;}
.logo a, .logo a:visited { width: 380px; height: 580px; display: block;}

.gsm p { font-size: 2.0em; text-align: right; color:#c0d800; line-height: 165px;}

.kontakty { width: 380px; background-color: #657618; background-position: 50% 0%; background-repeat: no-repeat;}
.gsm { height: 216px; background-image: url(img/gsm.jpg);}
.mail { height: 185px; }/*background-image: url(img/mail.jpg);*/
.mail a { display: block; text-align: right; font-size: 1.8em; color:#c0d800; margin-right: 10px; line-height: 95px;}
.mail a:hover { color:#fff;}


.stopka { width: 960px; height: auto; padding:30px 0; text-align: left; color: #3d6a93; font-size: 60%; background: #c9dde9 url(img/bg-stopka.jpg) 0% 0% repeat-y;}
.stopka a, .stopka a:visited, .stopka a:hover { color: #3d6a93;}

.linki { width: 550px; padding: 0 10px; }
.linki a, .linki a:visited, .linki a:hover {color: #3d6a93; margin: 0 0.6em;}

.bg-przyklad {  width:160px; height:52px; display:block; background: #FFFFFE url(img/bg-przyklad.jpg) 50% 50% no-repeat; text-indent: -3000px;}
/*
---------------------------------------------
 FORMULARZ
---------------------------------------------
*/
form { margin: 10px 20px; padding: 5px;  color: #678197;}/*background-color: #f9fcfe*/
form div { display:block; margin:0 auto;}
form fieldset { margin: 10px 0; padding: 10px; }/*background-color: #f4f9fe;*/
form fieldset div { padding: 0.25em 0; }
form label, form span { margin-right: 10px; padding-right: 10px; width: 20em; display: block; float: left; text-align: left; position: relative; font-size: 0.8em;}
form label em, form span em, li em { font-style: normal; color: #C00; }
form input:focus, form textarea:focus {	background-color: #FFC; border: 3px}
form div.blok label, form div.blok input { display: inline; float: none; }
form div.blok div { margin-left: 170px; }
form div.klik { width: 60%; margin: 10px auto;}
form div.klik .button { width: 6em; height: 2em; margin: 10px; background-color: #739fc4; color: #f9fcfe; cursor: pointer;}

/*
---------------------------------------------
 TABELE
---------------------------------------------
*/

table { display: table; width: 500px; height: 100%; margin: 20px auto; padding-bottom: 20px; background: transparent; color: #3d6a93;}
table #naglowki { padding: 2px 0; font-size: 8px; text-align: center;}
table #naglowki th.b, table #naglowki th.c { width: 15%; }
table #naglowki th.a { width: auto; }
table tr { text-align: center;}
table tr th { padding: 2px 0; font-size: 14px; text-align: center; }
table tr th.adres { width: 96%; padding: 2px 2%; font-size: 14px; font-weight: normal; text-align: left;}
table tr th.adres a { width: 100%; display: block; color: #fff; }
table tr th.adres a:hover {color: #3d6a93;}
table td  { font-size: 12px; height: auto; padding: 5px 0;border-bottom: 1px solid #d1e2ec;}
table td a, table td a:hover {color: #3d6a93;}

/*zobacz*/

table tr td span a { width: 100%; display: block; font-size: 10px; color: #fff; }
table tr td span a:hover { color: #3d6a93;}

.przyklad { width: auto; height: 100%; margin: 0 10px; padding-bottom: 0px; color: #3d6a93; font-size: 0.7em;text-align:center;}
.przyklad .a { width: 80%; }
.przyklad .b { width: 20%; }
.arrow { padding-bottom: 104px; background: transparent url(img/arrow.jpg) 80% 100% no-repeat;}