/*CSS Colours
orange: E25112
*/

/*  Reset CSS v1.0 | 20080212 */
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, strike, strong, sub, 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;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
* {padding:0;margin:0}

body {
background: #F2F2F2 url(../images/bg1.jpg) no-repeat top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;}

#wrapper { 
margin: 0 auto;
width: 958px;}

#faux {
background: url(../images/bg_faux.gif) repeat-y 228px;
margin-bottom: 0;
width: 100%}

#faux_2 {
width: 100%;  
height: 100%;  
background: url(../images/bg_left_col.gif) no-repeat 15px bottom;}

#header {
background: url(../images/nav_bg.png) no-repeat bottom left;
color: #000;
width: 957px;
padding: 0px;
height: 127px;
margin: 0px 0px 10px 0px;}

#leftcolumn { 
display: inline;
color: #000;
margin: 0px 10px 0px 15px;
padding:0 0 130px 0;
width: 200px;
float: left;}

#rightcolumn { 
float: right;
font-size:13px;
line-height: 18px;
text-align:justify;
color: #000;
margin: 5px 20px 0px 0px;
padding: 0px;
width: 685px;
display: inline;
position: relative;}

#footer {
float:left;
width: 958px;
clear: both;
color: #000;
margin: 7px 0px 10px 0px;
padding: 0px;}

.clear {clear:both;background:none}


.rounded_top {
float:left;
width: 958px;
background: url(../images/rounded_top.png) no-repeat top left;
height:9px}

.rounded_main {
float:left;
width: 958px;
background: url(../images/rounded_main.png) repeat-y left;
padding-bottom: 20px;}

.rounded_bottom {
float:left;
width: 958px;
background: url(../images/rounded_bottom.png) no-repeat bottom left;
height:10px}


/* ------------Home------------ */

#home #leftcolumn { 
width:0;
margin:0;}

#home #rightcolumn { 
width:928px;
margin:0;
padding:0 15px;}

#home #faux {background:none;}

#home h1 {
background: url(../images/dot_big.gif) no-repeat 5px 10px;
margin: 0 0 3px 0;
padding: 0px 0px 7px 26px;
font-size: 28px;
line-height: 30px;}

#home .oferujemy  {
text-align:left;
margin: 0px 0px 10px 80px;
padding: 0px 0px 0px 0px;
float:left;
width:550px;}

#home .oferujemy p {
font-size:30px!important;
line-height: 60px;
text-align:left;
color: #000;
font-weight:bold;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}

#home .mapa_polski {
float:right;
margin-right:20px}



/* Korzyści */
#home #wygoda, #home #wzrost_wartosci, #home #gotowka {
width:226px;
height:394px;
float:left;
display:inline;
margin:0 15px 10px 15px;
padding: 0px 23px 0px 23px;} 

#home #wygoda {
background: url(../images/wygoda.jpg) no-repeat 0px 0px;
margin-left:22px}

#home #wzrost_wartosci {background: url(../images/wzrost.jpg) no-repeat 0px 0px;}

#home #gotowka {background: url(../images/gotowka.jpg) no-repeat 0px 0px;}

#home #wygoda h2, #home #wzrost_wartosci h2, #home #gotowka h2 {
font-family: Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-style:italic;
text-align:right;
color: #fff;
margin: 19px 0 200px 0;
padding: 0px 40px 7px 0px;
font-size: 20px;
line-height: 25px;
font-weight: bold;
border:0}

#home #wygoda p, #home #wzrost_wartosci p, #home #gotowka p {
margin:0;
font-size:12px;
line-height: 18px;}


.button a{
background: url('../images/button.png') no-repeat bottom center;
float:right;
color:#E25112;
display:block;
text-decoration:none;
width:100px;
height:27px;
font-size:12px;
padding:5px 16px 2px 0;
text-align:center;
text-shadow:1px 1px 1px #CCCDD1;}

.button a:hover{color:#111}

#rightcolumn .more:hover {
color:#fff;
background: url('../images/more.png') no-repeat top center;}


#rightcolumn .korzysci {
margin: 10px 0 0 0;}

#rightcolumn .korzysci li {
border-bottom:2px dotted #e4e4e4;
margin-bottom:20px;}

#rightcolumn .korzysci li span {
background: url(../images/dot_big.gif) no-repeat 0 5px;
font-family: Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-style: italic;
text-align:left;
color: #E25112;
font-weight:bold;
font-size:19px;
padding-left:19px;}

/* End Korzyści */


/* O firmie */
#o_firmie .rounded_top {
background: url(../images/rounded_top_grey.png) no-repeat top left;
height:8px;
margin-top:10px;}

#o_firmie .rounded_main {
background: url(../images/rounded_main_grey.png) repeat-y left;
width: 928px;
padding:0 15px 0 15px;}

#o_firmie .rounded_bottom {
background: url(../images/rounded_bottom_grey.png) no-repeat bottom left;
height:8px;}

#o_firmie h2 {
background: url(../images/dot_gray.gif) no-repeat 0px 11px;
font-family: Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-style: italic;
text-align:left;
color: #303030;
margin: 2px 0 5px 0;
padding: 0px 0px 6px 20px;
font-size: 22px;
line-height: 28px;
font-weight: bold;
border:0;}

#o_firmie p {color: #303030;}

.o_firmie_inner {
background: url(../images/o_firmie_small.jpg) no-repeat right 5px;
padding: 0px 230px 0px 5px;}
/* End O firmie */

/* ------------End Home------------ */


h1 {
background: url(../images/dot_big.gif) no-repeat 0 14px;
font-family: Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-style: italic;
text-align:left;
font-size: 34px;
color: #E25112;
margin: 0 0 10px 0;
padding: 0px 0px 7px 23px;
line-height: 38px;
font-weight: bold;
border-bottom:3px dotted #e4e4e4;}


h2 {
text-align:left;
color: #000;
margin: 0px 0 15px 0;
font-size: 17px;
line-height: 19px;
font-weight: bold;}


p{
font-size:13px;
line-height: 18px;
text-align:justify;
color: #000;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}


hr {
margin: 5px 14px 10px 15px;
height:0;
border:0;
border-bottom:2px dotted #E25112;}


a{
margin: 0;
padding: 0;
text-decoration: underline;
color: #E25112;}

a:hover{
color: #E25112;
text-decoration:none;}


h1 small{
font-size: 24px;
color: #bcbcbc;}


.right {text-align:right !important}

.header_inner {
margin: 0px 0px 0px 0px;
float:left}

.logo {
margin:6px 0 3px 10px;
float:left}


#flags {
float:right;
width:94px;
background: url(../images/flags_bg.gif) repeat-x bottom;
font-size: 14px;
margin: 10px 7px 0px 0px;
padding: 4px 7px 0px 0px;
height:20px;
text-align:center}

#flags li{
display: inline;
margin: 0;
padding: 0px 0px 0px 7px;}

#flags a{
font-size:12px;
margin:0;
padding:0;
color: #e25213;
text-decoration:none;}

#flags a img{}

#flags a:hover img{}



#nav{
float:left;
text-align: center;
margin: 20px 0px 0px 8px;
padding: 0px 0px 0px 0px;}

#nav li {
color: #fff;
display: inline;
padding: 0px 3px 0px 10px;
margin: 0px 5px 0px 5px;}

#nav a {
color: #fff;
font-weight:bold;
padding: 5px 0px 4px 10px;
margin: 0px 10px 0px 0px;
font-size: 12px;
line-height:20px;
text-decoration:none;}

#nav a:hover{
background: url(../images/nav_bg_link.png) no-repeat top left;
color: #000;
text-decoration:none;}

#nav a span{
margin: 0px -10px 0px 0px;
padding: 5px 10px 4px 0px}

#nav a:hover span{background: url(../images/nav_bg_link.png) no-repeat top right;}


#nav .active a {
background: url(../images/nav_bg_link.png) no-repeat top left;
color: #000;}

#nav .active a span {
background: url(../images/nav_bg_link.png) no-repeat top right;
margin: 0px -10px 0px 0px;
padding: 5px 10px 4px 0px}


#leftcolumn .subpages {
width:200px;
background: url(../images/left_nav_bg_bottom.gif) no-repeat right top;
margin: 15px 0px 30px 14px;
padding: 1px 0px 0px 0px;}

#leftcolumn .subpages li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#leftcolumn .subpages a{
background: url(../images/left_nav_bg.gif) no-repeat bottom right;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
text-decoration:none;
display:block;
width:200px;
height:35px;
font-size: 13px;
line-height: 17px;
color: #E25112;}

#leftcolumn .subpages a:hover, #leftcolumn .subpages  a.active{
background: #fff url(../images/left_nav_bg_bottom.gif) no-repeat bottom right;
color: #242424;
text-decoration:none;}

#leftcolumn .subpages li ul{
margin: 5px 0px 5px 5px;
padding: 0px 0px 0px 0px;}

#leftcolumn .subpages li ul li a{width:180px}







#rightcolumn ul {
margin: 0px 0px 10px 5px;
padding: 0px 0px 0px 0px;}

#rightcolumn ul li{
background: url(../images/dot.gif) no-repeat 1px 6px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 11px;}



#leftcolumn h2 {
background: url(../images/dot_black.gif) no-repeat 0 5px;
font-family: Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-style: italic;
text-align:left;
color: #000;
margin: 6px 0 5px 0;
padding: 0px 0px 7px 16px;
font-size: 17px;
line-height: 19px;
font-weight: bold;}

#leftcolumn p{
font-size:13px;
line-height: 18px;
text-align:left;
color: #000;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}



/* Footer */
#test, #czy_wiesz_ze, #powiedzieli_o_nas {
width:280px;
float:left;
display:inline;
margin:0 33px 10px 0;
border-bottom:1px dotted #E25112;} 

#footer #test {
background: url(../images/test.gif) no-repeat 15px 50px;
margin-left:24px}

#powiedzieli_o_nas {margin-right:0px}

#czy_wiesz_ze {
background: url(../images/zap.gif) no-repeat 15px 50px;}

#powiedzieli_o_nas {
background: url(../images/mic.gif) no-repeat 15px 50px;}

#footer .rounded_main {
padding:10px 0px 10px 0px;}

#footer h3 {
background: url(../images/dot_big.gif) no-repeat 4px 9px;
font-family: Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-style: italic;
text-align:left;
color: #E25112;
margin: 0 0 5px 0;
padding: 0px 0px 6px 25px;
font-size: 22px;
line-height: 28px;
font-weight: bold;
border-bottom:3px dotted #bbbbbb;}

#footer p{
font-size:13px;
line-height: 20px;
text-align:justify;
color: #000;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 60px;}




#powiedzieli_o_nas ul {
text-align:right;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 60px;}

#powiedzieli_o_nas ul li{
width:100%;
display:block;
background:none;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;}

#powiedzieli_o_nas a{
line-height: 20px;
font-size:13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #000;}

#powiedzieli_o_nas .date {
background:#E25112;
color: #fff;
font-size: 12px;
font-weight: bold;
padding:1px 2px}

#powiedzieli_o_nas a:hover{
color: #666;
text-decoration:none;}

#powiedzieli_o_nas a.date:hover{color: #fff;}



#footer_nav{
width:100%;
background: url(../images/nav_bg_bottom.png) no-repeat top center;
height:33px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;}

#footer_nav li {
color: #fff;
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 27px 10px 27px;}

#footer_nav a {
color: #fff;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
line-height:20px;
text-decoration:none;}

#footer_nav a:hover{
color: #fbb698;
text-decoration:none;}



#footer #footer_note {
font-size:12px;
line-height: 20px;
text-align:right;
color: #999;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;}

#footer #footer_note a {
color: #999;
font-weight:normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
line-height:20px;
text-decoration:none;}

#footer #footer_note a:hover{
color: #696969;
text-decoration:none;}





.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;}

.img {
margin: 0px 0px 10px 0px;
padding: 0px 0px 7px 0px;
/*border-bottom:3px dotted #e4e4e4;*/}

.img img, .img_float img{border:2px solid #eee;}

.img_float {
float: left;
margin: 0px 10px 10px 0px;
padding: 0px 0px 7px 0px;
border-bottom:3px dotted #e4e4e4;}


#rightcolumn img {
margin: 2px;
padding: 0;
/*border-bottom:3px dotted #e4e4e4;*/}


.post_date span {
background:#E25112;
color: #fff;
font-size: 12px;
font-weight: bold;
padding:1px 2px}

.post_title {
margin:0 0 5px 0 !important}


/* Form styles */
div.form-container {
margin: 20px 0 0 0;
padding: 5px;
background-color: #FFF;
border: #EEE 1px solid;}

div.form-container h2 {
margin: 3px;
padding:0;
color:#aaa;
font-size:20px}

p.legend {margin-bottom: 1em;}

p.legend em {
color: #C00;
font-style: normal;}

.errors {
margin: 0 0 10px 0!important;
padding: 5px 10px!important;
border:#FC6 1px solid;
background-color: #FFC;}

.errors li {
color:#000!important;
background:none!important;
list-style-type:disc;
padding: 0 0 0 0px!important;
margin: 5px 0 5px 20px!important;}

.errors em {
color: #C00;
font-style: normal;
font-weight: bold;}

div.form-container form p {margin: 0;}

div.form-container form p.note {
margin-left: 172px;
font-size: 90%;
color: #696969;}

div.form-container form  {
margin: 10px 0;
padding: 10px;}

div.form-container form fieldset {
margin: 10px 0;
padding: 10px;
border: #DDD 1px solid;}

div.form-container form legend {
font-weight: bold;
color: #666;}

div.form-container form  div {
padding: 0.25em 0;}

div.form-container label, div.form-container span.label {
margin-right: 10px;
padding: 4px 10px 0 0;
width: 150px;
display: block;
float: left;
text-align: right;
position: relative;
cursor:pointer;}

div.form-container label.error, div.form-container span.error {color: #C00;}

div.form-container label em, div.form-container span.label em {
position: absolute;
right: 0;
font-size: 120%;
font-style: normal;
color: #C00;}

div.form-container input, div.form-container textarea {
padding:2px;
font-size:12px;}

div.form-container input.error {
border-color: #C00;
background-color: #FEF;}

div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {
background-color: #FFC;
border-color: #FC6;}

div.form-container div.controlset label, div.form-container div.controlset input {
display: inline;
float: none;}

div.form-container div.controlset div {margin-left: 170px;}

.buttonrow {
font-weight: bold;
color:#E25112;
margin: 10px 0;
text-align:center}

div.buttonrow input, div.buttonrow input:focus{
background:#E25112;
color:#fff;
border:0;
font-weight: bold;
padding:4px;
margin-right:10px;}

div.form-container .controlset input {border:0}

#delivery_equals_billing {margin:0 0 10px 170px;}
/* End Form styles */

table {
/*border-top:1px solid #e4e4e4 !important;*/
border-bottom:1px dotted #e1e1e1 !important;
border-right:1px dotted #e1e1e1 !important;
margin-bottom:10px;
width:100%}


td, th {
border-left:1px dotted #e1e1e1 !important;
padding: 5px;
vertical-align:middle;
text-align:left;}

th {
border-left:0px solid #fff !important;
font-size: 13px;
color: #E25112;
background: #fdeee8;}

table.borders {
border-top:1px solid #e4e4e4 !important;
border-right:1px solid #e4e4e4 !important;
border-bottom:0;}

.borders td, .borders th {
border-left:1px solid #e4e4e4 !important;
border-bottom:1px solid #e4e4e4 !important;}

td small{
color:#696969}

ol#test_page {
margin:0 0 10px 24px;
list-style-type: decimal}

ol#test_page li {
padding: 0 0 5px 0;
margin:0 0 3px 0;
border-bottom:2px dotted #E25112;}

.message {
border:1px solid #FC6;
background-color:#FFFFCC;
color:#C00;
padding:7px;
font-size:12px;
margin:5px 0px 10px 0px;}

/* Search */
#search_wrap select {
margin-top:2px;
width:200px;}

#search_wrap p {color:#111;}

#search_wrap .buttonrow{text-align: center;}

/* HtmlControl  */
.htmlControl {
border:solid black 1px;
background-color:white!important;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;}

.htmlButton {
cursor:pointer;
margin:1px;
padding:1px;}
/* End HtmlControl  */


#map {
width:676px;
height:600px;
margin:0 auto}

.mapa {
width:680px;
padding:2px;
margin:0 auto;
border: #e4e4e4 solid 1px;}

/* Legenda */
#rightcolumn .legenda {
margin:1px auto;
padding: 5px 0px 0px 0px;}

#rightcolumn .legenda  li{
display:inline;
font-size: 11px;
background: none;
margin: 0px 3px 2px 0px;
padding: 10px 0px 0px 21px;}

#rightcolumn .legenda li.S{
background: url(../images/arrow.gif) no-repeat 1px 6px;}

#rightcolumn .legenda li.M{
background: url(../images/yellow_MarkerM.gif) no-repeat 1px 6px;}

#rightcolumn .legenda li.W{
background: url(../images/green_MarkerW.gif) no-repeat 1px 6px;}

#rightcolumn .legenda li.Z{
background: url(../images/red_MarkerZ.gif) no-repeat 1px 6px;}

#rightcolumn .legenda h2 {
text-align:left;
color: #696969;
margin: 0px 0 5px 0;
font-size: 12px;
line-height: 15px;
font-weight: bold;}
/* End Legenda */

.images {
background:#F2F2F2;
float:left;
margin: 5px 0;
width:100%}

.images a{
float:left;
border: 1px solid #e4e4e4!important;
padding:2px;
margin:2px;}

.images a img{
border-bottom:0!important;
padding:0px!important;
margin:0px!important;}


.images a:hover{
border: 1px solid #E25112!important;}

td.opis {
font-weight:bold;
text-align:left;}



.buttons{
margin: 10px 0!important;
text-align:right!important;}

a.print  {
background: url(../images/printer.png) no-repeat 1px 11px;
padding: 12px 0px 12px 24px;
line-height:15px}



/* breadcrumbs */
#rightcolumn #breadcrumbs {
text-align:left;
list-style: none;
padding:0 0px 10px 0;
margin:0 0 0 0px;}


#rightcolumn #breadcrumbs li{
background-image:none;
display:inline;
margin:0 0px 0px 0px;
padding:0 0px 0px 0;
font-size:12px;
color:#E25112;}

#rightcolumn #breadcrumbs li a{
font-size:12px;
color:#696969;
background-image:none;
text-decoration:none;
padding:0px 0px 0 0px;}

#rightcolumn #breadcrumbs li a:hover{
color:#E25112;
text-decoration:underline;}

#rightcolumn #breadcrumbs li.current a, #rightcolumn #breadcrumbs li.current a:hover{
color:#696969;
cursor:default;
text-decoration:none;}


#leftcolumn p.search_info {
color:#E25112;
font-size:11px;
line-height:13px;
margin:-10px 0 3px 0;}


#leftcolumn .book_lesson {
text-shadow:1px 1px 1px #ccc;
background: #fff url(../images/bg1.gif) repeat-x top;
padding: 10px 0px 5px 0px;
margin: 30px 0px 30px 0px;
display:block;
color: #FF6D0B;
text-decoration: none;
width:200px;
height:39px;
text-align: center;
font-weight: bold;
font-size: 14px;
line-height:19px;
border:0}

#leftcolumn .book_lesson:hover {color: #3D3E41;text-decoration: none}


#rightcolumn .img {
margin: 0px 0px 10px 0px;
padding: 0px 10px 7px 10px;
border-bottom:3px dotted #e4e4e4;}



/* Scroller Box */
#scroller_container,#scroller2_container {
background: #e25112;
padding: 2px 14px;
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;
position: relative;
margin: 0px 0px 10px 0px;
width: 657px;
height: 28px;
overflow: hidden;}

#scroller, #scroller2 {
white-space: nowrap;}

#scroller p,#scroller2 p {
padding-top:3px;
font-size:20px;
line-height: 22px;
text-align:justify;
font-weight:bold;
color: #fff;
text-shadow: 1px 1px 1px #000;}
/* Scoller Box */


