/* WARSZAWA-BERLIN EXPRESS */

/* BODY, HTML */
html
{height:100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

body
{background-color: none; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; color:#333333; font-style:normal; font-weight:normal; text-align:left; line-height: 24px; height:100%; width:100%;}

a:link    {color: #333333; text-decoration:underline;}
a:visited {color: #333333; text-decoration:underline;}
a:hover   {color: #000000; text-decoration:none;}
a:active  {color: #000000; text-decoration:none;}

@font-face {
font-family: 'Text Me One';
src: url('http://www.wbexpress.eu/fonts/TextMeOne-Regular.ttf');
format('truetype');
}


div.wrapper
{background-color: none; width:100%; height:100%; margin: 0 auto;}

div.header
{display: block; background-color: #ffffff; width: 980px; height: auto; margin: 20px auto;}

/* header */

a.header-title:link, a.header-title:visited, a.header-title:hover, a.header-title:active {
color: #333333; font-size: 40px; text-align: left; text-decoration: none; line-height: 38px; opacity: 0.8; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0;}

img#logo
{display: block; float: right; opacity: 0.65; border: 0px; padding: 0px; margin: 0; height: 149px;}

/* flag */

div.flag
{display: block; background-color: auto; width:100%; height:auto; padding: 0; margin: 0;}

div.flag-black-bar, div.flag-red-bar, div.flag-yellow-bar
{display: block; width: 100%; height: 20px; margin: 0; padding: 0; opacity: 0.65;}

div.flag-black-bar
{background-color: #000000;}
div.flag-red-bar
{background-color: #ff0000;}
div.flag-yellow-bar
{background-color: #ffff00;}

div.navigation
{text-align: center; background-color:#ffffff; width:980px; height:auto; margin: 20px auto 0 auto;}

/* menu */

ul {
  text-align: center;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  min-width: 140px;
  height: 36px;
  margin-right: -4px;
  position: relative;
  padding: 0 10px;
  background: #ffffff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul li:hover {
  background: #ffffff;
}
ul li ul {
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 32px;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li {
  min-width: 140px;
  height: auto;
  text-align: center;
  background: auto;
  padding: 0 10px;
  margin: 5px 0;
  font-size: 14px;
  font-weight: normal;
  display: block; 
  color: auto;
  border: 1px #cccccc solid;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius: 5px;
  z-index: 1;
}
ul li ul li:hover { background: #ffffff; border: 1px #333333 solid; z-index: 1000;}

ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

a.navlink:link    {color: #333333; text-decoration:none;}
a.navlink:visited {color: #333333; text-decoration:none;}
a.navlink:hover   {color: #000000; text-decoration:none;}
a.navlink:active  {color: #000000; text-decoration:none;}

div.header-banner
{display: block; position: relative; width: 980px; margin: 0 auto; padding: 0; z-index: -1;}

img#headerbg
{display: block; float: center; opacity: 1; border: 0px; padding: 0; margin: 0 auto; margin: 5px 0 0 0; width: 980px; height: 230px; z-index: -1;}

div.content
{display: block; background-color: #ffffff; width:100%; height:auto; padding: 0; margin: 0;}

div.container
{display: block; background-color: auto; width:980px; height:auto; padding: 0; margin: 0 auto;}

div.welcome-box
{display: inline-block; float: left; background-color: auto; border: 0; width: 685px; height: 100%; padding: 0 25px 0 0; margin: 0;}

div.news-box
{display: inline-block; float: right; background-color: auto; border: 0; width: 244px; height: 100%; padding: 0 0 0 25px; margin: 0; border-left: 1px #cccccc solid;}

div.news-banner
{display: block; float: center; background-color: auto; border: 2px solid #000000; width: 580px; height: auto; padding: 10px; margin: 10px 40px; text-align: center; font-style: normal; font-weight: bold;}

span.news-banner
{display: block; float: center; background-color: auto; border: 0; width: auto; height: auto; padding: 0; margin: o auto; text-align: center; font-size: 18px; font-style: normal; font-weight: bold;}

span#news-banner-button /* red button in the news banner */
{
    display: block;
    float: center;
    width: intrinsic;
    height: intrinsic;
    text-align: center;
    padding: 10px;
    margin: 5px auto;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border: 3px solid #ff3333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
}


h1
{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 36px; color: #000000; font-style: normal; font-weight: lighter; text-align: auto; padding: 20px 0 10px 0; margin: 0; line-height: normal;}

h2
{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px; color: #000000; font-style: normal; font-weight: normal; text-align: left; padding: 66px 0 10px 0; margin: 0;}

h5
{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 27px; color: #000000; font-style: normal; font-weight: lighter; text-align: auto; padding: 20px 0 10px 0; margin: 0; line-height: normal;}

h4
{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; text-transform: uppercase; color: #000000; font-style: normal; font-weight: bold; text-align: left; padding: 20px 0 0 0; margin: 0;}

.capital {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

span.news-heading
{display: block; background-image:url('http://www.wbexpress.eu/images/kugel.png'); background-size:16px 16px; background-position:0% 75%; background-repeat:no-repeat; width: 100%; font-size: 14px; color: auto; font-style: normal; font-weight: bold; text-align: left; padding: 10px 0 0 20px; margin: 0;}

span.news-date
{display: block; width: 100%; font-size: 10px; color: #999999; font-style: normal; font-weight: normal; text-align: left; padding: 0; margin: 0;}

span.news-text
{display: block; width: 100%; font-size: 12px; color: auto; font-style: normal; font-weight: normal; text-align: left; padding: 2px 0; margin: 0;}

div.content-footer-separator {display: block; height: 50px; width: 980px; padding: 0; margin: 0 auto;}

div.footer
{display: block; clear: both; overflow: auto; vertical-align: top; font-size: 12px; background-color:#ffffff; width:980px; height:auto; padding: 0; margin: 0 auto;}

div.footer-container
{background-color: #ffffff; border-top: 1px #cccccc solid; width:100%; height: auto; margin: 0 0 10px 0; padding: 0;}

div.footerbox
{display: inline-block; background-color: auto; width: 270px; padding: 0; margin: 0;}

img#footer-logo
{float: left; border: 0px; padding: 20px 20px 10px 20px; margin: 0; margin-top: -10px; height: 60px;}

img#footer-qr
{float: right; border: 0px; padding: 12px 12px 0 12px; margin: 0; height: 60px;}

a.footerlink:link    {color: #333333; text-decoration:none;}
a.footerlink:visited {color: #333333; text-decoration:none;}
a.footerlink:hover   {color: #000000; text-decoration:underline;}
a.footerlink:active  {color: #000000; text-decoration:underline;}

h3 /* footer */
{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; color: #000000; font-style: normal; font-weight: bold; text-align: auto; padding: 5px 0 2px 0; margin: 0;}

div.footer-menu-column {
display: inline-block; margin: 0, padding: 2px; border: 0; height: auto; width: 155px; vertical-align: top;
}

div.footermenucolumns {
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
}

/* FOOTER MENU LINKS */
.footermenu ul
{list-style-type:none; padding: 0; margin: 0; width:intrinsic; height:auto; background-color:transparent; text-align: center; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration:none;}
.footermenu li
{list-style-type:none; padding: 0; margin: 0 7px; width:intrinsic; height:auto; background-color:transparent; text-align: center; color:#333333; font-style:normal; font-weight:normal; text-decoration:none;}
.footermenu li a:link, .footermenu li a:visited
{list-style-type:none; padding: 0; margin: 0; width:intrinsic; height:auto; background-color:transparent; text-align: center; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration:none;}
.footermenu li a:hover, .footermenu li a:active
{list-style-type: none; padding: 0; margin: 0; width:intrinsic; height:auto; background-color:#transparent; text-align: center; font-size: 12px; color:#000000; font-style:normal; font-weight:normal; text-decoration:underline;}



p.copyright
{text-align: center; color: #999999; font-size: 12px; padding: 5px 0; margin: 0;}

a.footer-copyright-link:link    {color: #999999; text-decoration:none;}
a.footer-copyright-link:visited {color: #999999; text-decoration:none;}
a.footer-copyright-link:hover   {color: #999999; text-decoration:underline;}
a.footer-copyright-link:active  {color: #999999; text-decoration:underline;}

div.center
{text-align: center;}

div.clear
{clear: both;}

img.black-white {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

img.black-white:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}


a.button:link, a.button:visited 
{display: block; font-size: 16px; font-weight: normal; color: #ffffff; background-color: #336699; width:intrinsic; min-height: 20px; height: intrinsic; text-align: center; padding: 10px; text-decoration: none; margin: 0 auto; border: 0px solid #0080ff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; border: solid 1px #336699;}
a.button:hover
{background-color:#ffffff; color: #336699; border: solid 1px #336699;}
a.button:active
{background-color:#ffffff; color: #336699; border: solid 1px #336699;}

#img-companylogo
{display: inline-block; border: 0; height: auto; width: auto; padding: 0; margin: 10px 20px; filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */}
#img-companylogo:hover, #img-companylogo:hover
{filter: none; -webkit-filter: none;}

span.phone, span.email
{display:inline-block; margin:20px 75px; width:intrinsic; height:50px; color:#auto; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:28px; font-style:normal; font-weight:lighter; background-size:65px 65px; background-position:50% 0%; background-repeat:no-repeat; padding: 75px 0 0 0; text-align:center; text-decoration:none;}

span.phone /* telephone number */
{background-image:url('http://www.wbexpress.eu/images/phone.png');}

span.email /* email address */
{background-image:url('http://www.wbexpress.eu/images/email.png');}

a.blocklink:link, a.blocklink:visited, a.blocklink:hover, a.blocklink:active
{text-align:center; color: #000000; text-decoration:none;}


/* Eksperci */

div.expert-box {
	display: block;
	clear: both;
}

span.expert {display: block; font-size: 18px; color: #000000; font-style: normal; font-weight: bold; text-align: left; padding: 0; margin: 50px 0 0 0;}

span.expert-title {display: block; font-size: 16px; font-style: italic; font-weight: ; text-align: left; padding: 0; margin: 0 0 0 0;}

span.expert-feature {display: inline-block; width: auto; height: auto; font-size: 13px; color: #000000; font-style: normal; font-weight: normal; text-align: center; padding: 5px 5px; margin: 5px 0 5px 0; border: 1px #cccccc solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px;}

img#expert-photo
{display: block; float: left; text-align: left; margin: 25px 25px 100px 10px; padding: 0; border:0; width: 150px; height: 150px; border: 1px #cccccc solid; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; background-image: url('http://www.wbexpress.eu/images/kugel_l.png'); background-size: 150px 150px;}


/* offer, partners */

div.offer-column, div.partner-column
{display: inline-block; vertical-align: top; float: center; background-color: auto; border: 0; width: 310px; height: 100%; padding: 0; margin: 0 5px 0 0;}

span.offer-category
{display: block; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; color: #000000; font-style: normal; font-weight: lighter; text-align: left; padding: 25px 0 12px 0; margin: 0;}



.offermenu ul
{list-style-type: none; padding: 0; margin: 0; width: intrinsic; height: auto; background-color: transparent; text-align: left; font-size: 14px; color: #333333; font-style: normal; font-weight: normal; text-decoration: none; border: 1px #cccccc solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px;}

.offermenu li, .offermenu:hover li
{list-style-type: none; display: block; background-image:url('http://www.wbexpress.eu/images/kugel.png'); background-size:12px 12px; background-position:0% 50%; background-repeat:no-repeat; padding: 0 0 0 18px; margin: 0;height: auto; width: auto; background-color: transparent; color:#333333; font-style:normal; font-weight:normal; font-size: 14px; text-align: left;}


.kugellist ul
{list-style-type: none; padding: 0; margin: 0; width: 100%; height: auto; background-color: transparent; text-align: left; font-size: auto; color: #333333; font-style: normal; font-weight: normal; text-decoration: none;}

.kugellist li, .kugellist:hover li
{list-style-type: none; display: block; background-image:url('http://www.wbexpress.eu/images/kugel.png'); background-size:14px 14px; background-position:0% 50%; background-repeat:no-repeat; padding: 6px 0 0 24px; margin: 0;height: auto; width: 100%; background-color: transparent; color:#333333; font-style:normal; font-weight:normal; font-size: 16px; text-align: left;}

/* Partners */

img#company-logo
{display: block; margin: 25px auto 0 auto; padding: 0; border:0; width: auto; height: 150px;}


/* Medicine */

img.medicine-offer {
	max-width: 95%;
    height: auto;
	padding: 0.5em;
	margin: 0;
	border: 0;
	vertical-align: top;
}

select {
	font-size: 14px;
}

span.cefr-ball /* ball */
{display: inline-block; width: auto; height: auto; margin: 4px auto; padding: 20px; text-align: center; line-height: normal; font-size: 22px; background-color: #555555; color: #ffffff;  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}