html,body{background: #253558}
body{font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #222;line-height: 21px; padding:0; margin: 0}
#header_wrapper,#outer_wrapper,#footer_wrapper{width: 100%;min-width: 1000px;float: left}
#header,#wrapper,#footer{width: 1000px; margin: 0 auto; position: relative;clear: left}

#content,#left_panel,#right_panel{position: relative}

#header_wrapper{background: url(/img/header_bg.png) repeat-x 0 0; background-color: #fff}
#header{height: 163px}

#outer_wrapper{background: #fff}
#wrapper{padding: 20px 0}

#footer_wrapper{background: url(/img/footer_bg.png) repeat-x 0 0}
#footer{padding: 15px 0; color: #929aac; height: 240px; line-height: 19px; font-size: 13px;}
#footer a{color: inherit}

#site_footer{position: absolute; top: 180px; left: 20px;font-style: italic}
#created_by{position: absolute;  top: 180px; right: 20px; text-align: right; font-style: italic}
#created_by a{color: inherit}

#content{width: 710px; float: left;padding: 20px 0px 0 20px}

#logo{position: absolute; top: 30px; left: 30px;z-index: 100}

#left_panel{width: 250px; float: left;padding: 20px 20px 0 0px}
/*predefiniowane style dla opływania obrazków*/
.imgleft{float: left; margin: 5px 10px 10px 0}
.imgright{float: right; margin: 5px 0 10px 10px}
/*ogólne ustawienia dla menu*/
.menu{clear: both}
.menu a{display: block}
.menu ul{list-style: none; padding:0; margin: 0}
.menu li{padding:0; margin: 0}
/*menu w nagłówku*/
.header_menu{position: absolute; top: 110px; left: 200px}
.header_menu li{float: left; background: url(/img/menu_sep.png) no-repeat right center}
.header_menu a{line-height: 53px; padding: 0 10px; color: #fff; font-size: 16px; text-decoration: none}
.header_menu li.last{background: none}
.header_menu a:hover{text-decoration: underline}


/*formularze */
.error,.info{font-size: 14px; font-family: Arial, Helvetica, Sans-serif}
.error{color: red}
.info{color: green}
#myForm *{outline: none}
#myForm div{position: relative}
#myForm input, #myForm textarea,#myForm button{border: 1px solid #ccc; background: #f8f8f8; padding: 5px; color: #666; font: inherit; border-radius: 3px; display: block; margin: 5px 0}
#myForm textarea{width: calc(100% - 12px); max-width: 400px; height: 100px}
#myForm input{width: 200px}
#myForm button{padding: 5px 25px; cursor: pointer; background: linear-gradient(#f0f0f0 0, #fff 100%)}
#myForm button:hover{background: linear-gradient(#e8e8e8 0, #f8f8f8 100%); border: 1px solid #ccc}
.field{background:#f8f8f8;border:1px solid #ccc;border-radius:3px;color:#444;font-family:inherit;font-size:inherit;margin:0;padding:3px;width:200px}
#myForm .invalid{outline: none; box-shadow: 0 0 4px orange}
/*wpisy*/
.clear{clear: both}
.entry img{float: left; line-height:0; margin: 0 20px 10px 0}
.date,.foot{color: #999; font-style: italic}
.date{}
.foot{clear: left}
.entry h2 a{color: inherit; text-decoration: none}
.readmore{font-weight: bold; float: right; margin-right: 25px}
#getMoreContent{display: none; clear: both; background: #f8f8f8; padding: 10px 35px; cursor: pointer; background: linear-gradient(#f0f0f0 0, #fff 100%);border: 1px solid #ccc; color: #666; font-size: 16px; border-radius: 3px; margin: 5px 0; margin: 10px auto;}
/*galeria zdjęć*/
.gallery ul{list-style:none;margin:0;padding:0}
.gallery li{float: left; padding:6px; margin:0}
.gallery img{border-radius: 6px; border: 2px solid #f2f2f2}
.image_title{display: none}
/*slider*/
#slider_wrapper{width: 100%; min-width: 1000px; background: url(/img/slider_mask.png) repeat-x 0 0; background-color: #fff;float: left}
#slider{width: 1000px; height: 320px;margin: 0 auto; position: relative; clear: left}
#slider_mask{position: absolute; top: 0; left: 0; width: 1000px; height: 320px; background: url(/img/slider_mask.png) repeat-x 0 0;cursor: pointer}
#slider_nav{position: absolute; bottom: 10px; left: 10px}
.slider_nav{width: 22px; height: 22px; background: url(/img/slider_nav.png) no-repeat -35px 0; float: left; margin: 5px;cursor: pointer}
.slider_nav.active{background-position: 0 0}
.slider_image{position: absolute; top: 0; left: 0; display: none}
.slider_desc{position: absolute; top: 60px; left: 0; width: 450px}
.slider_desc .line{background: #ff6600; color: #fff; font-weight: bold; font-size: 28px; padding: 8px 25px; line-height: 34px; margin: 5px 0; display: inline-block}
/*lightbox*/
#overlay{background:url(/img/mylightbox-overlay.png);height:10000px;left:0;position:absolute;right:auto;top:0;width:100%;z-index:1000}
#canvas{background:#000;height:400px;left:50%;margin-left:-300px;position:relative;top:50px;width:600px}
#close{bottom:11px;cursor:pointer;position:absolute;right:10px}
#img{background:#fff;left:10px;position:absolute;top:10px}
#mylightbox_title{bottom:5px;color:#999;font-family:Verdana, Arial, Helvetica, Sans-Serif;font-size:12px;left:10px;line-height:17px;margin-right:38px;position:absolute}
#mylightbox_title a{color:#36C}
#loading{left:50%;margin-left:-16px;margin-top:-26px;position:absolute;top:50%}
#navPrev,#navNext{background:url(/img/mylightbox-empty.png);cursor:pointer;position:relative;top:10px}
#navPrev{float:left;left:10px}
#navNext{float:right;right:10px}
#navPrev div,#navNext div{background:url(/img/mylightbox-overlay.png);color:#ccc;display:none;font-family:Verdana, Arial, Helvetica, sans-Serif;font-size:13px;height:30px;line-height:30px;margin-top:-15px;position:absolute;top:15%;width:90px}
#navPrev div{border-bottom-right-radius:5px;border-top-right-radius:5px;left:0;padding-right:10px;text-align:right}
#navNext div{border-bottom-left-radius:5px;border-top-left-radius:5px;padding-left:10px;right:0;text-align:left}
.nav{font-weight: bold}
h1{color: #000;font-size: 24px;margin: 10px 0 15px 0;padding: 5px 0;border-bottom: 2px solid #f60;line-height: 30px;}
h2{font-size: 20px; line-height: 30px; margin: 20px 0 10px 0; padding: 0; border-bottom: 1px solid #eee; color: #000}
h3{font-size: 16px; line-height: 24px; margin: 10px 0; padding: 0}
p{margin: 10px 0;}
a{color: #ff6600}

#courses{position: absolute; z-index: 200; top: 20px; right: 20px; width: 330px; height: 280px; background: url(/img/c_frame2.png) no-repeat 0 0}
#c_table{cursor: pointer}
#c_table{margin: 10px 10px 0 10px; border-collapse: collapse; width: 310px}
#c_table thead td{font-style: italic; color: #666; border-bottom: 1px solid #f0f0f0;padding-left: 20px}
#c_table tbody td{border-bottom: 1px solid #f0f0f0; color: #222; font-size: 18px; line-height: 32px}
#c_table .c_name{font-weight: bold; text-align: center;}
#c_table .c_name img{float: right;margin-top: 4px}
.up_trend{padding: 4px 20px 4px 15px; background: url(/img/up.png) no-repeat right 17px; width: 50px}
.down_trend{padding: 4px 20px 4px 15px; background: url(/img/down.png) no-repeat right 17px; width: 50px}
#courses p{text-align: right; margin: 0 20px 0 0}
#courses a{color: #999; text-align: right}
#courses .title{padding: 20px 0 0px 20px;font-weight: bold;font-size: 22px;}


#bank_info{margin-top: 20px; width: 250px; height: 150px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; background: url(/img/bank.jpg) no-repeat center center; border-radius: 6px; border: 2px solid #f2f2f2}
#bank_info a{display: block; margin-top: 80px; color: #fff; text-decoration: none}

.cal{border: 2px solid #f2f2f2; background: #f8f8f8; border-radius: 6px; padding: 10px; color: #666;font-size: 15px}

.cal h3{color: #000; font-size: 20px; margin: 5px 0; padding: 5px 0; border-bottom: 2px solid #f60; line-height: 24px}

.cal_choose_line{font-size: 16px; padding: 10px 0}
.cal_amount_line{font-size: 22px}
.cal_interest_line{font-size: 15px; color: #222}

.cal input[type="text"],.cal input[type="number"], .cal select{background: #fff; border: 1px solid #ccc; border-radius: 3px; margin: 3px 0}
#c_amount,#c_currency{padding: 3px}
.calBtn{background-color: #ddd; background: linear-gradient(#fff 0, #d6d6d6 100%); border: 1px solid #ccc; border-radius: 3px; color: #666; font-weight: bold; padding: 5px 20px; cursor: pointer}
#c_amount{width: 55px; text-align: right; font-size: 15px}

#c_name, #c_phone{padding: 5px 10px; width: 180px; font-size: 15px}
#calcBtn{text-align: center; margin: auto; padding: 5px 15px}

#c_amount, #c_currency{ box-sizing: border-box; width: 260px; padding: 3px; margin: 5px 0}

#resBtn{width: 196px; height: 42px; color: #fff; font-weight: bold; line-height: 42px; background: url(/img/res_btn.png) no-repeat 0 0; text-align: center; border: none; font-size: 15px; margin: 10px 0 0 0;cursor: pointer}

::-webkit-input-placeholder {
   color: #999; font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999; font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999; font-style: italic;
}

:-ms-input-placeholder {
   color: #999; font-style: italic;
}

#c_result{padding: 0 10px}
.cal_type{font-size: 16px}
.cal_currency{font-weight: bold}
.calc_value{color: #ff6600; font-size: 28px; font-weight: bold;margin: 10px 0}

#ex_table{border-collapse: collapse}
#ex_table thead td{border-bottom: 1px solid #ccc; font-style: italic; padding: 10px; color: #666}
#ex_table tbody td{border-bottom: 1px solid #ccc;padding: 10px;height: 40px}
#ex_table img{line-height: 0;display: block;border:1px solid #ccc;padding: 1px}
#ex_table .c_symbol{font-weight: bold; font-size: 20px}
#ex_table .c_name{}
#ex_table .c_buy,#ex_table .c_sell{font-size: 16px; text-align: right; font-weight: bold}



#mp_news{margin: 20px 0}
.mp_news{float: left; width: 220px; cursor: pointer}
#mp_news_1, #mp_news_2{margin-right: 25px}
.mp_news_image{padding-bottom: 1px;border-bottom: 2px solid #ff6600;}

.mp_news_intro{margin:5px 0; color: #666; font-size: 14px}
.mp_news_title{padding: 0; margin: 0; font-size: 15px; color: #282f33; line-height: 21px;}
.mp_news_readmore{text-align: right; font-weight: bold; margin-right: 10px}

.content_image{float: left; margin: 5px 25px 20px 0}

#facebook_wrapper{position: fixed; top: 216px; left: -300px; background: #fff;z-index: 200}
#facebook_box{box-shadow: 0 0 4px #999}
#facebook_logo{position: absolute; top: 0; left: 300px; cursor: pointer}

#text_slider{position: absolute; top: 30px ;left: 570px; width: 430px; height: 70px; text-align: center; overflow: hidden}
.text_slide{display: none; width: 100%; text-align: center; position: absolute; top: 0; left: 0}

#home_delivery_button{padding: 10px 15px 10px 15px;  display: block;  text-align: center; font-weight: bold; font-size: 16px;  background: linear-gradient(#f60 0, #f40 100%); color: #fff; border-radius: 4px; border: 1px solid #fff; box-shadow: 0 0 2px #888}

.h1_cs{}

.breadcrumbs-csg {list-style: none; display: flex;padding-left: 0px;}
.breadcrumbs-csg li{padding: 5px;}