/* 
Theme Name:fifitravel
Description:Theme for the travel agency
Author:Tomek Sułkowski
Author URI:http://lightforms.pl
Version:0.1
*/

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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,
q:before,q:after { content:'';content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

html {background: #f4f5f7 url(images/main_bg.gif) repeat-x top;}
body {font-family: Tahoma; font-size: 12px; color: #505050; position: relative; margin: 0 auto; width: 945px;}


.clearer {clear: both;}
.left {float: left;}
.country {margin-top: 5px; font-weight: bold;}

.error {color: #900; font-size: 11px;}

#header {height: 282px;}
#header .header-bg {height: 282px; width: 100%; position: absolute; top: 0; z-index: 1;}
#header #header-bg-0 {background: url(images/top-bg-lato.jpg) no-repeat;}
#header #header-bg-1 {background: url(images/top-bg-zima.jpg) no-repeat;}
#header #header-bg-2 {background: url(images/top-bg-gdansk.jpg) no-repeat;}
#header #languages, #header #languages-bg {position: absolute; top: 0; left: 10px; width: 921px; height: 30px; z-index: 10;}
#header #languages-bg {opacity: 0.5; background: #fff;}
#header #languages li {float: left;}
#header #languages li a {font-size: 10px; color: #000; padding: 8px 0px 8px 30px; margin: 0 23px; display: block; background: url(images/flags.gif) no-repeat 0 6px;}
#header #languages .en a {background-position: 0 -44px;}
#header #languages .de a {background-position: 0 -94px;}
#header #languages .fr a {background-position: 0 -244px;}
#header #languages .es a {background-position: 0 -194px;}
#header #languages .ru a {background-position: 0 -144px;}

#header #logo {position: absolute; left: 50px; top: 66px; z-index: 10;}

#header #menu {background: url(images/menu-bg.gif) no-repeat; height: 40px; width: 921px; position: absolute; top: 200px; left: 10px; z-index: 10;}
#header #menu li {float: left;}
#header #menu a {font-size: 14px; color: #3b3b3b; text-decoration: none; font-weight: bold; text-transform: uppercase; display: block;  padding: 12px 20px;}
#header #menu .current_page_item a, .wycieczki-szkolne #header #menu .page-item-1291 a {background: url(images/menu-hover.gif) repeat-x; color: #fff;}

#breadcrumbs {padding: 20px 10px 7px; margin: 0 0 10px 200px; border-bottom: solid  1px #dfdfe0; height: 12px;}
#breadcrumbs li {display: block; float: left;}
#breadcrumbs a {color: #266db2; font-weight: normal;}
#breadcrumbs strong {color: #266db2;}
#breadcrumbs span {color: #ff8400; padding: 0 10px;}

#sidebar {float: left; width: 178px; overflow: visible; margin: 10px;}
#sidebar h3 {font-size: 14px; color: #ff8400; margin: 10px;}
#sidebar h3 strong {color: #266db2;}
#sidebar ul {margin: 20px 10px;}
#sidebar li {list-style: none;}
#sidebar a {font-size: 11px; color: #266db2; font-weight: bold; text-decoration: none; display: block; padding: 6px 0 10px 13px;}
#sidebar a:hover {text-decoration: underline;}

#sidebar #search {font-size: 11px; color: #fff; background: #266db2; border: solid 1px #dfdfe0; margin-bottom: 10px;}
#sidebar #search h2 {font-size: 14px; padding: 10px 10px 15px;}
#sidebar #search label {display: block; padding: 10px 10px 5px;}
#sidebar #search select {margin-left: 10px; width: 155px; color: #505050; padding: 1px;}
#sidebar #search select.wyjazd_od_d {width: 45px; display: inline-block; margin: 5px 0 0 10px;}
#sidebar #search select.wyjazd_od_m {width: 106px; display: inline-block; margin: 5px 0 0;}
#sidebar #search .submit {color: #7a7a7a; font-size: 13px; padding: 3px; border: none; -moz-border-radius: 5px; margin: 15px 57px 20px; cursor: pointer; -moz-box-shadow: 2px 2px #25b;}
#sidebar #search .submit:hover {background: #ddd; color: #333;}
#sidebar #categories {background: #e5eaef; border: solid 1px #dfdfe0;}
#sidebar #categories li {background: url(images/categories-list-bg.gif) no-repeat bottom left;}
#sidebar #categories li.specjalna a {color: #FF8400;}

#main {margin-left: 200px; background: url(images/lista-wycieczek-row.gif) repeat-x 0 42px;}

#dashboard {width: 525px; float: left; margin: 10px 0;}
#dashboard form {/*height: 210px; */width: 528px; position: relative; padding-top: 40px;}
#dashboard fieldset {background: #266db2; color: #fff; font-size: 11px; padding-top: 20px;}
/*#dashboard fieldset legend {font-size: 14px; background: #266db2; padding: 10px; margin-top: 30px; text-transform: uppercase;}*/
#dashboard fieldset legend {position: absolute; top: 0;}
#dashboard fieldset legend a {float: left; display: inline-block; width: 120px; height: 40px; text-indent: -9999px; position: relative; background: url(images/search-tabs.gif) no-repeat 0 0; margin-left: 2px;}
#dashboard fieldset legend a#wlasny 		{width: 160px; background-position: 0px 0px; margin-left: 0;}
/*#dashboard fieldset legend a#wlasny:hover, */
#dashboard fieldset legend a#wlasny.active {background-position: 0px -40px;}
#dashboard fieldset legend a#autobusem 	{width: 150px; background-position: -162px 0px;}
/*#dashboard fieldset legend a#autobusem:hover, */
#dashboard fieldset legend a#autobusem.active {background-position: -162px -40px;}
#dashboard fieldset legend a#samolotem 	{width: 150px; background-position: -314px 0px;}
/*#dashboard fieldset legend a#samolotem:hover, */
#dashboard fieldset legend a#samolotem.active {background-position: -314px -40px;}

#dashboard fieldset div {position: relative; top: -13px;}
#dashboard fieldset .left {width: 265px;}
#dashboard fieldset .right {margin-left: 265px;}
#dashboard fieldset label {width: 95px; display: block; float: left; text-align: right; padding: 5px;}
#dashboard fieldset select {display: block; margin: 5px; width: 130px;}
#dashboard fieldset select.wyjazd_od_d {width: 45px; display: inline-block; margin: 5px 0;}
#dashboard fieldset select.wyjazd_od_m {width: 81px; display: inline-block; margin: 5px 0;}
#dashboard fieldset .opcje_transportu {display: none;}
#dashboard .submit {position: absolute; right: 27px; top: 165px;}

#dashboard #promo-boxes {width: 528px; margin-top: 10px; font-size: 11px;}
#dashboard #promo-boxes div {width: 171px; height: 231px; float: left; margin-right: 8px; color: #7a7a7a; margin-bottom: 10px; background: url(images/home-promo-boxes.gif) no-repeat top right;}
#dashboard #promo-boxes div.important {background-position: top left;}
#dashboard #promo-boxes div h4 {font-size: 16px; color: #fff; height: 30px; line-height: 28px; padding: 0 10px;}
#dashboard #promo-boxes .third {margin-right: -1px;}
#dashboard #promo-boxes a {color: #7a7a7a;}
/*#dashboard #promo-boxes div dl {padding-top: 70px;}*/
#dashboard #promo-boxes div dt {float: left; width: 85px; padding: 4px 9px; display: block; height: 8px; overflow: hidden; text-transform: capitalize;}
#dashboard #promo-boxes div dd {font-weight: bold; text-align: right; padding: 4px 9px;}
#dashboard #promo-boxes div a.more {display: inline-block; float: right; padding: 15px 10px 5px;}


#ad-boxes {float: right; margin: 10px 15px 10px 0;}
#ad-boxes li {margin-bottom: 5px;}
#ad-boxes li a {display: block; border-right: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; height: 109px; width: 189px; overflow: visible;}
#ad-boxes li a img {position: relative; top: -1px; left: -1px;}

.kurs-przewodnicki #content ul, .kurs-przewodnicki #content ol {padding-left: 40px; margin-bottom: 20px;}
.kurs-przewodnicki #content ul li {list-style: disc; margin-bottom: 5px;}

#table-info {padding: 0 10px 5px 20px; margin-left: 200px;}
#table-info strong {color: #ff8600;}
#lista-wycieczek {width: 730px; margin: 10px 0; font-size: 11px;}
#lista-wycieczek thead {background: url(images/lista-wycieczek-header.gif) no-repeat top left; color: #fff;}
#lista-wycieczek thead th {vertical-align: middle; padding: 0 10px; text-align: center; height: 30px;}
#lista-wycieczek thead th.data, #lista-wycieczek thead th.szczegoly {text-align: left;}
#lista-wycieczek thead th.szczegoly,
#lista-wycieczek thead th.dni,
#lista-wycieczek thead th.cena,
#lista-wycieczek thead th.wylot {background: url(images/lista-wycieczek-head-divider.gif) no-repeat top left;}
#lista-wycieczek tbody tr {background: url(images/lista-wycieczek-row.gif) repeat-x; height: 123px;}
#lista-wycieczek tbody td {padding: 12px 10px 4px; vertical-align: top;}
#lista-wycieczek tbody td.data {font-weight: normal; color: #000; width: 120px; text-align: center; font-size: 9px;}
#lista-wycieczek tbody td.data img {padding-bottom: 10px;}
#lista-wycieczek tbody td.data span {position: relative; top: 10px; cursor: pointer;}
#lista-wycieczek tbody td.szczegoly h5 {font-weight: bold; padding-bottom: 10px; color: #7a7a7a;}
#lista-wycieczek tbody td.szczegoly h5 span {color: #ff8600;}
#lista-wycieczek tbody td.szczegoly h4 {font-weight: normal; text-transform: uppercase; color: #266db3;}
#lista-wycieczek tbody td.dni {font-weight: bold; color: #266db3; width: 60px; text-align: right; padding-right: 15px;}
#lista-wycieczek tbody td.cena {width: 100px;}
#lista-wycieczek tbody td.wylot {width: 130px; text-align: left; padding-left: 20px;}
#lista-wycieczek tbody  a.more {color: #505050; display: block; text-align: center;}
								#tiptip_holder {margin-left: 330px !important;}
.paginator {text-align: center; display: block; margin-left: 200px;}
.paginator a {color: #266DB2; padding: 2px;}
.paginator span {padding: 2px;}
.cena strong {font-weight: bold; color: #ff8600; font-size: 12px;}
select#terminy {width: 175px;}

span.gwiazdki {display: inline-block; margin: 6px 0px; position: relative; text-indent: -9999px; background: url(images/gwiazdki.png) no-repeat 0 0; height: 13px; width: 50px;}
span.gwiazdki-2 {background-position: 0 -25px;}
span.gwiazdki-3 {background-position: 0 -50px;}
span.gwiazdki-4 {background-position: 0 -75px;}
span.gwiazdki-5 {background-position: 0 -100px;}

#szczegoly-wycieczki {margin-left: 200px; background: url(images/lista-wycieczek-row.gif) repeat-x 0 35px; position: relative;}
#szczegoly-wycieczki h1 {font-size: 14px; color: #266db2; padding: 10px; margin-bottom: 20px; text-transform: uppercase;}
#szczegoly-wycieczki h1 .reset {color: #505050; text-transform: none;}
#szczegoly-wycieczki img {float: left; margin: 0 10px;}
#szczegoly-wycieczki dl {position: relative; margin-left: 400px;}
#szczegoly-wycieczki dt {display: inline-block; font-weight: bold; width: 150px; text-align: right; padding: 0 10px 6px 0; vertical-align: top;}
#szczegoly-wycieczki dd {display: inline-block; width: 165px;}
#szczegoly-wycieczki .spacer {height: 20px;}
#szczegoly-wycieczki .small {font-size: 11px; font-weight: normal;}
#szczegoly-wycieczki .cena span {display: none;}
#szczegoly-wycieczki .cena span.iter-0 {display: block;}
#szczegoly-wycieczki .cena strong {font-size: 14px;}
#szczegoly-wycieczki .dodatkowe {color: #266db2; font-weight: bold;}
#szczegoly-wycieczki #kod {position: absolute; top: 15px; right: 0;}
#szczegoly-wycieczki .rezerwuj {position: absolute; right: 17px; margin-top: 10px;}
											.rezerwuj input {float: right; background: #fff300; color: #505050; font-size: 13px; padding: 3px; border: none; -moz-border-radius: 5px; cursor: pointer; -moz-box-shadow: 2px 2px #ccc;}
											.rezerwuj input:hover {background: #f98e00;}
body.w #szczegoly-wycieczki #opis-wycieczki {width: 380px; position: absolute; margin: 0 0 0 10px;}
body.w #szczegoly-wycieczki #opis-wycieczki .tresc {/*height: 220px; */background: #fff;}

#dane-rezerwacji label {display: block; float: left; clear: left; width: 100px; margin: 5px;}
#dane-rezerwacji input {display: block; float: left; margin: 5px;}
#dane-rezerwacji .rezerwuj {position: absolute; bottom: 15px; right: 10px;}
#dane-rezerwacji p {clear: both;}
#dane-rezerwacji p .error {font-weight: bold; font-size: 10px; margin-left: 4px;}
#dane-rezerwacji textarea {font-family: Lucida Grande; font-size: 11px; width: 263px; height: 75px; margin-left: 5px;}


#opis-wycieczki {width: 730px; margin-left: 200px; margin-top: 60px;}
#opis-wycieczki h2 {height: 29px; color: #fff; font-size: 11px; background: url(images/opis-wycieczki.gif) no-repeat top; line-height: 28px; padding-left: 10px;}
#opis-wycieczki .tresc {padding: 20px 10px; border: solid 1px #d0d0d0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; position: relative;}
#opis-wycieczki .zdjecia {padding: 15px 15px 0 15px; background: #e5eaef; width: 180px; float: right; margin-left: 20px;}
#opis-wycieczki .zdjecia img {margin-bottom: 16px;}
#opis-wycieczki h3 {color: #266db2; margin-bottom: 2px;}
#opis-wycieczki h4 {margin-top: 16px;}
#opis-wycieczki .opis {margin-bottom: 0px; line-height: 16px;}

#main h1 {color: rgb(51, 102, 204); font-size: 14px; font-weight: normal; text-transform: uppercase; padding: 15px 10px 30px;}
#main a {color: rgb(51, 102, 204);}
#main p {margin: 0 20px 10px; line-height: 14px;}

/*.kontakt #main p {margin: 0; line-height: auto;}*/

#footer {clear: both; border-top: solid 1px #d9dadc; margin-top: 20px; padding: 8px 10px 20px; font-size: 11px; color: #7a7a7a; position: relative;}
#footer a {color: #585858;}
#footer span {position: relative; top: 3px;}
#footer strong {color: #266db2;}
#footer #bottom-menu {position: absolute; right: 10px; top: 8px;}
#footer #bottom-menu li {float: left; list-style: none;}
#footer #bottom-menu li a {color: #7a7a7a; text-decoration: none; display: block; padding: 0 17px; border-right: solid 1px #266db2;}
#footer #bottom-menu li.page-item-21 a {border-right: none;}

/*.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}*/
/*.alignleft {float: left; margin-right: 10px;}*/
/*.alignright {float: right; margin-left: 10px;}*/