/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	www: http://gjaworek.pl 
	Tel.: +48 519 133 159
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #6d6d6d;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit:hover { cursor: pointer;}
h1 { position: absolute; top: 25px; left: 0;}
h1 img { width:231px; height:73px;}
h2 { position: absolute; bottom: 0; left: 0; padding: 0; overflow: hidden; border: 5px solid #fff; height: 238px; width: 935px; overflow: hidden;}
h2 img { margin: 0 auto; height: 238px;}
h3 {font: 16px/16px Euromode; color: #0091ff; text-decoration: none; margin: 0 0 10px; text-transform: uppercase; clear: both;}
h4 {font: 12px/12px Euromode; color: #0091ff; text-decoration: none; margin: 0 0 15px; text-transform: uppercase;}
.more { float: left; clear: both; margin: 12px 0 0; background-color: #ffee00; width: 80px; height: 18px; line-height: 18px; text-align: center;}
.next, .prev { display: block; width:17px; height:19px; background: transparent url(../images/nav.gif) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; color: #fff;}
.next { background-position: 100% 0;}
.next:hover { background-position: 100% 100%;}
.prev:hover { background-position: 0 100%;}

/*Layout

------------------------------------------------------------------------- */
html { height: 100%; background: #fff url(../images/bg.gif) 0 0 repeat-x; }
body { height: 100%; width: 100%; background: transparent url(../images/bg.jpg) 50% 0 no-repeat; font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #6d6d6d;}

#top, #content , #footer, .body { width: 945px; margin: 0 auto; clear: both; padding: 0;}
#page {background: transparent url(../images/page.gif) 50% 100% no-repeat;}
#home { position: absolute; top: 20px; right: 0;}
#home li, #home a, #home img  { float: left; width: 81px; height: 11px; }
#home li { margin: 0 10px; display: inline;}
.menu {float: right; margin: 72px 0 0;}
.menu li {float: left; margin: 0 6px; display: inline;}
.menu li a {float: left; padding: 0 2px 2px; text-decoration: none; font: 12px "Trebuchet MS"; color: #212121; text-transform: uppercase;}
.menu li a:hover, .menu li.active a { border-bottom: 3px solid #ffee00; text-decoration: none;}

/* Top

------------------------------------------------------------------------- */
#top { height: 350px; position: relative;}

/* Content

------------------------------------------------------------------------- */
#content { min-height: 322px;}
.sidebar { width: 249px; float: left; display: inline; text-align: center;}
.sidemenu { width: 249px; float: left; display: inline; background: transparent url(../images/sidemenu.gif) 0 0 repeat-y; position: relative; text-align: left;}
.sidemenu .body { width: 209px; float: left; display: inline;  background: transparent url(../images/sidemenu.gif) 100% 100% no-repeat; padding: 0 10px 40px 30px;}
.sidemenu ul { width: 209px; float: left; display: inline; position: relative; z-index: 2; margin: 20px 0 0;}
.sidemenu ul li { width: 179px; float: left; clear: both; height: 16px; padding: 0 0 0 30px; margin: 6px 0 0; overflow: hidden; background: transparent url(../images/bulk.png) 0 0 no-repeat;}
.sidemenu ul li a { float: left; font: 12px/12px Verdana; color: #fff; text-decoration: none;}
.sidemenu ul li a:hover, .sidemenu ul li.active a { color: #00629e; text-decoration: none;}

.home { width: 686px; float: right; display: inline; overflow: visible;}
.home .body { width: 423px;float: left; display: inline; }
.side { width: 263px; float: right; display: inline; }
.content { width: 660px; min-height: 292px; padding: 15px 12px;  float: right; display: inline; margin: 12px 0 22px; border: 1px solid #81cfff; background: #fff;}
.content h3 { font: bold 13px Verdana; }

.side .box { float: left; overflow: hidden; clear: both; background: transparent 0 0 no-repeat; display: inline;}
.side .howto { height: 118px; width: 153px; background-image: url(../images/bg-howto.png); padding: 25px 20px 10px 90px; text-align: right;}
.side .howto .more { float: right;}
.side .contact { height: 128px; width: 143px; background-image: url(../images/bg-contact.png); padding: 15px 105px 10px 15px; margin: 8px -11px 0 11px;}
.side .facebook { float: right; width: 255px; margin: 10px 0; overflow: hidden; }

.special-offer { border: 1px solid #81cfff; padding: 4px; float: left; width: 413px; margin: 9px 0 0; text-align: right;text-align: center;}
.special-offer-body .more { float: right; clear: none; }
.special-offer-body { float: left; width: 157px;}
.special-offer-body img { margin: 13px auto; width: 157px; }
.special-offer-body h3 { margin: 10px auto 0;text-align: center; }
.special-offer-body .text { width: 157px; margin: 0; text-indent: 0; }
.special-offer-body .text p {text-align: center; margin: 0; padding: 0; text-indent: 0;}
.twitter { float: right; border: 1px solid #81cfff;}

.text { float: right; margin: 0; width: 185px; text-align: justify;}
.text p { padding: 8px 0; text-indent: 2em;}
.content .text { width: 460px; padding-bottom: 40px;}
.content img { float: left; width: 167px;}
.content .more { float: right;}

.map { float: left; clear: both; background-image: url(../images/bg-map.png);  margin: 8px 0 0; position: relative; z-index: 99;}
.map .rel { float: left; width: 190px; height: 100px;  padding: 25px 202px 3px 31px;}
.map .more { float: right; margin-top: 6px; position: relative; z-index: 2;}
.map h4 { margin-bottom: 8px;}
.map .next { position: absolute; top: 55px; right: 5px;}
.map-link { padding: 20px; background: #fff; display: none; position: absolute; bottom: 18px; left: -220px;}

.contact {background: #fff url(../images/bg-contact.jpg) 100% 100% no-repeat; width: 330px; padding-right: 330px;}
.contact .more { position: relative;}
.contact img { float: none; width: auto;}
.contact .map-link { bottom: 8px;}

#reasons-slider { font: bold 11px/14px Verdana; color: #0091ff; text-decoration: none; margin: 50px 30px 0; text-transform: uppercase; text-align: center; letter-spacing: -1px; height: 150px; position: relative; overflow: hidden;}
#reasons-slider p { position: absolute; top: 0; left: 0; background: #fff; height: 110px; overflow: hidden; width: 100%;}
#reasons-slider .prev {position: absolute; bottom: 0; left: 100px;}
#reasons-slider .next {position: absolute; bottom: 0; right: 100px;}

.content p { padding: 8px 0; }
.content img { margin: 0 0 10px;}
.content img.fl { margin-right: 10px;}
.content img.fr { margin-left: 10px;}
.content table { width: 100%; font: 11px Tahoma;}
.content table th { color: #0091ff; text-decoration: none; padding: 3px; text-transform: uppercase; text-align: center; font-weight: normal;}
.content table td { border: 1px solid #0091ff; text-decoration: none; padding: 3px 12px; text-align: center;}
.content table td:first-child  { text-align: left;}

#offer { float: right; width: 100%;}
#offer .slide { background: #fff;}
#offer-nav { float: left; width: 220px; margin: 6px 0 0;}
#offer-nav li { float: left; width: 100%; border: 1px solid #0091ff; margin: 6px 0 0; list-style: none;}
#offer-nav li a { float: left; padding: 5px 10px; width: 200px; text-decoration: none;}
#offer-nav li a:hover, #offer-nav li a.activeSlide { background-color: #ffee00; text-decoration: none; font-weight: bold;}

.content ul { list-style: inside disc; margin-left: 10px;}
.content ul ul { list-style: inside circle; margin-left: 17px;}


/* Footer 

------------------------------------------------------------------------- */
#footer { padding: 15px 0 0; width: 100%; height: 90px; overflow: hidden; background-color: #ffee00;}
#footer small { margin: 3px 0 0;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.rel { position: relative;}
.fancyl { width:115px; height:211px; background: transparent url(../images/fancyl.png) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; color: #fff; position: absolute; top: 0; left: -26px; z-index: 1;} 
.fancyr { width:101px; height:117px; background: transparent url(../images/fancyr.png) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; color: #fff; position: absolute; top: 126px; right: -26px;}
.logo { float: left; margin: 10px 0 0 -10px; display: inline; }