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

* { margin: 0; padding:0; border: 0; }

html { width: 100%; height: 100%;}

body { /*overflow: hidden;*/ font: normal 12px/1.5em Helvetica, "Helvetica Neue", Arial, sans-serif; background: #002A56 url(./images/bg.jpg) 50% 0% repeat-x; color: #666766;}

br.clear { clear: both; height: 1%;}

.fl { float: left;}

.fr { float: right;}

#rzetelna-firma {
  float: right;
}

/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.8em;}

h1 { font-size: 18px; color: #035194;}

h2 { font-size: 16px;}

h3 { font-size: 14px;}

h4 { font-size: 12px;}

h5 { font-size: 10px;}

h6 { font-size: 8px;}

/*
---------------------------------------------
 AKAPITY LINKI
---------------------------------------------
*/
p { margin: 10px 20px; text-indent: 20px; text-align: justify; font-size: 12px; color: #666766; }

p a { color: #035194; font-weight: bold; }

p a:hover { color: #ff3366; }

a, a:hover, a:visited { text-decoration: none;}

ul { margin: 0; padding: 0; }

ul li {	list-style-type: none;}

#stopka  a, #stopka  a:hover, #stopka  a:visited { color: #f9f7f2;}

/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/
#menu ul { width: 100%; height: 100%; background-color: #ADC2D4;}

#menu ul li { display: block; float: left;  width: 236px; height: 135px; border-width: 5px 3px 5px 1px; border-style: solid; border-color: #ADC2D4; text-align: left; background-color: #ADC2D4; background-position: 50% 50%; background-repeat: no-repeat; }

#menu ul li.oferta  { background-image: url(./images/oferta.jpg);}
#menu ul li.przewoz  { background-image: url(./images/poznan-berlin.jpg);}
#menu ul li.samochody  { background-image: url(./images/samochody.jpg);}
#menu ul li.rezerwacja  { background-image: url(./images/rezerwacja.jpg);}

#menu ul li a  { display: block;	float: left;  width: 100%; height: 100%; }

#menu ul li a span, #menu ul li a:visited span { display: block; font-size: 24px; line-height: 40px; color: #01265F; margin: 20px 0 0 20px;}

#menu ul li a:hover span, #menu ul li a.on span { color: #ff3366;}

#menu ul li a span.tel { width: 150px; display: block; font-size: 18px; line-height: 20px; color: #01265F; margin: 0 10px 0 76px;}
#menu ul li a span.tel em { font-size: 12px; font-style: normal;}


#menutop ul { width: 100%; height: 100%; background-color: #fff;}

#menutop ul li { display: block; float: right; margin: 0 10px; text-align: left; color: #002955;}

#menutop ul li a, #menutop ul li a:visited  { width: auto;  font-size: 14px; line-height: 30px; margin: 5px; color: #002955;}

#menutop ul li a:hover, #menutop ul li a.on { color: #ff3366;}


#stopka ul { width: 70%; height: 100%; float: right; background-color:inherit;}

#stopka ul li { display: block; float: right; margin: 0 10px;}

#stopka ul li a, #stopka ul li a:hover, #stopka ul li a:visited  { font-size: 9px; line-height: 30px;}

/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/

#kontener { width: 960px; height: 100%;	margin: 0 auto; padding-bottom: 20px; border-left: 10px solid #035194; border-right: 10px solid #035194; background: #fff;}

#menutop { width: 960px; height: 40px; position: relative; text-align: right; border-bottom: 5px solid #ADC2D4;}

#naglowek  { width: 960px; height: 200px;	display: block; position: relative; z-index: 1;}

#menu { width: 960px; height: 142px; margin: 1px 0 0; position: relative; text-align: center;}

#body { width: 960px; height: 100%;	padding: 20px 0; background-color: #fff;}

#tresc  { width: 900px; height: 100%; padding: 10px 30px; background-color: #fff;}

#stopka { width: 960px; height: 40px;	margin: 0 auto; background-color: #fff; text-align: left; color: #035194;}


/*
---------------------------------------------
 UKLAD
---------------------------------------------
*/
h1 em { font-size: 14px; color:inherit;}

#tresc ul li {	line-height: 200%; margin: 5px 15px; padding-left: 35px;}

#tresc ul li ul li {	line-height: 200%; margin: 5px 15px; padding-left: 35px; background-image: none;}

#tresc ul li a  { font-size: 12px; line-height: 20px; color: #023f60; padding-left: 5px;}

#tresc ul li a:hover, #tresc ul li a:visited { color: #06daff;}

#tresc ol { list-style-type: upper-roman; margin: 0 30px;}

#tresc ol li { line-height: 200%; padding-left: 10px; font-size: 14px; color: #035194;}

#tresc ol li ol { list-style-type: decimal;}

#tresc ol li ol li { line-height: 180%; padding-left: 5px; font-size: 11px; color: #666766;}

#tresc p img { margin: 10px; float: left; border: 0;}

#tresc p.wstep { margin: 10px 10px;}

#tresc a.ba { display: block; float: left; width: 256px; height: 80px; background: url(./images/berlin-airport.de.jpg) 50% 50% no-repeat;}

#tresc a.ba:hover { background: url(./images/berlin-airport.de-h.jpg) 50% 50% no-repeat;}

#tresc p span { display: block; font-size: 18px; line-height: 26px; color: #002955; margin: 0;}

#tresc p span strong { font-weight: normal; color: #ff3366;}

#telead { width: 45%; display: block; float: left; background-color: #f9f9f9; padding: 10px; margin: 2px auto 150px;}

#telead ul, #telead ul li, #telead ul li a  { margin: 0; padding: 0; }

#telead ul li, #telead ul li a { line-height: 250%; font-size: 14px; color: #035194;}

#telead ul li span { width: 70px; display: block; float: left; font-size: 12px; color: #ff3366;}

#map { width: 45%; height: 350px; float: right; margin-left: 10px; border: 10px solid #f9f9f9;}

#stopka span { width: 900px; height: 40px; margin: 0 auto; padding:0 30px; display: block; /* float: left; margin-left: 20px;*/ color: #035194; font-size: 10px; line-height: 40px;background-color: #d4e4f1;}

#stopka span a, #stopka span a:hover, #stopka a, #stopka a:hover, #stopka a:visited { color: #035194;}

#stopka ul { width: 900px; height: 40px; margin: 0 auto; background-color: #fff;}

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

table { width: 100%;	text-align: center; margin: 0; font-size: 16px; background-color: #fff; table-layout: auto;}

tr { width: auto;}

td { padding: 15px; font-size: 16px; color: #035194;}

col#trasa, col#cena { width: 15em; height: 30px;}

col#trasa { color: #035194;}

col#cena, .cena { color: #ff3366; text-decoration: line-through;}

th { padding: 5px 10px; color: #002955; font-weight: normal; border-bottom: 1px dashed #035194;}


/*
---------------------------------------------
 FORMULARZ
---------------------------------------------
*/

form { background-color: #fff;  border: none;  padding: 10px; margin: 20px auto;}

fieldset { width: 46%; height: 100%; float: left; padding: 8px; margin-right: 10px; background-color: #f9f9f9;}

legend { display: block; width: 300px; font-size: 14px; text-align: left; color: #ff3366; margin: 10px 0;}

label { display: block; width: 300px; font-size: 11px; text-align: left; color: #012c59; margin: 5px 0 0;}

input, select  { width: 80%; display: block; height: 20px; line-height: 20px; font-size: 12px; color: #666766; border: 1px solid #dddddd; overflow: hidden;}

fieldset.uwagi { width: 95%; height: 100%; clear: both; margin: 20px auto;}

fieldset.uwagi textarea, fieldset.uwagi .uwagilewa { width: 45%; display: block; float: left; border: 1px solid #dddddd; overflow: hidden;}

.uwagiprawa { width: 45%; height: 100%; display: block; float: right; margin: 2px; background-color: #f9f9f9;}

fieldset.uwagi p { padding: 10px; margin: 0 0 20px 0px; background-color: #f9f9f9;}

fieldset.uwagi button { width: 100%; height: 30px; margin: 2px; line-height: 30px; font-size: 14px; color: #012c59; background-color: #d4e4f1; cursor: pointer; }

span.pola sup, span.pola, fieldset sup { color: red;}
span.pola { display: block;}

input.ukryj  { display: none;}
/*
---------------------------------------------
 GALERIA
---------------------------------------------
*/
.foto { width: 100%; margin: 10px auto;}

.foto img, p img { margin: 10px 5px; padding: 4px; border: 1px solid #d4e4f1; background-color: #fff;}