

html, body {background: #fff; margin: 0; padding: 0; font:normal 15px Arial,Helvetica,sans-serif; color: #313131; line-height: 1.4em; text-align:center;}
#right, #foot, h1, h2, h3, h4, h5, h6{font:normal 16px Arial,Helvetica,sans-serif;}

h1, h2, h3, h4, h5, h6{display:block; margin: 15px 0 15px; padding:8px 0; color:#565656; font-size: 18px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; line-height: 1.4em;}
h3, h4, h5, h6{font-size: 22px;}
h2{ font-size: 24px;}
h1{ font-size: 28px;}

hr, hr.dark{border: transparent 1px solid; border-bottom: 1px solid #eee; margin: 25px 0; padding: 0;}
hr.dark{border-bottom: 1px solid #444;}
ul, ol{margin:  0; padding: 0px; }
ul{list-style-type:none;}
li {margin: 2px 0px 0px 30px; padding: 0px 0px 0px 0px;}
ul li ul{margin: 5px 0px; padding: 0px;}
ul li ul li{margin: 0px 0px 0px 40px; padding: 0px 0px 0px 0px;}
ol ol{list-style-type: lower-alpha;}

p, p h1, p h2, div.p, div.p h1, div.p h2{ margin: 0px; padding: 20px 0 0; line-height: 1.5em;}
p h1, p h2, div.p h1, div.p h2{display: inline; margin: 0; padding: 0;}
p{padding: 7px 0; line-height: 1.4em;}

a, h2 a{color:#0c9bee; text-decoration: none;}
a:hover, a.active{color:#000;}

a.button, span.button{display: inline-block; height: 17px; padding: 2px 8px; background-color: #7fb61a; font-size:11px; text-align: center; color: #fff; text-decoration: none;}
a.small_button, span.small_button{display: inline-block; font-size: 9px; color: #fff; padding: 0 4px; background: transparent url('images/btn_bg.gif') repeat-x center center; border: 1px solid #000; text-decoration: none;}
a.button, span.button, a.small_button, span.small_button{}


input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select, .js_select{border: 1px solid #ccc; font-size: 11px; color: #5f5f5f; border-radius: 0;}
input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus,
input[type='text'].active, input[type='password'].active, textarea.active, select.active{border-color: #CA9B2C;}
textarea{margin: 0; padding: 8px;}
select{margin: 0;}
input[type='text'], input[type='password']{height: 12px; padding:4px 8px;}
input[type='radio']{margin: 3px; vertical-align: middle;}
input[type='checkbox']{margin: 3px; vertical-align: middle;}
input[type='submit'], input[type='button']{height: 21px; padding: 0px 10px 3px; background: #333333; border: none; font-size: 12px; cursor: pointer;}

a.btn_gray, span.btn_gray, input.btn_gray{background-image: url('images/btn_gray.gif');}
a.btn_blue, span.btn_blue, input.btn_blue{background-image: url('images/btn_blue.gif');}
a.btn_green, span.btn_green, input.btn_green{background-image: url('images/btn_green.gif');}

a.button:hover, span.button:hover, a.small_button:hover, span.small_button:hover, input[type='submit']:hover{border-color: #0049ea;}

/*BUTTONY Z ADMINA*/
input.btn, a.btn{height: 21px; padding: 0px 5px 3px; background: #CB0005 url('images/btn_bg.png') repeat-x center center; border: 1px solid #666; color: #fff; font-size: 12px; font-weight: bold;}
input.btn:hover, a.btn:hover{border-color: #000;}
input.btn, a.btn, .rcms_confirm{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn{display: inline-block; padding: 4px 0px 3px; margin: 0 1px; height: 12px; text-decoration: none; text-align: center;}

input.red, a.red{}
input.gray, a.gray{background-color: #999; color: #fff;}
input.blue, a.blue{background-color: #0079F7; color: #fff;}
input.green, a.green{background-color: #3BCB00; color: #fff;}
input.orange, a.orange{background-color: #FF8E00; color: #fff;}
input.btn_close{position: absolute; top: 2px; right: 2px; width: 22px; height: 17px; margin: 0;}

img{border: none;}
p img{display: block; margin: 0 auto; vertical-align: middle !important; }
div, form{margin: 0px; padding: 0px; cursor: default}

::selection {background: #3a3285; color: #fff; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
::-moz-selection {background: #3a3285; color: #fff; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}

.komunikat, #komunikat{padding: 10px; margin: 10px 0; background: #D92F16; color: #fff; font-size: 14px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden;}
.komunikat hr, #komunikat hr{border-bottom: 1px dotted #831505; margin: 2px 0;}

p.red, div.red, span.red, a.red{color: #c33 !important;}
p.black, div.black, span.black, a.black{color: #000 !important;}
p.white, div.white, span.white, a.white{color: #fff !important;} a.white:hover{color: #ffae00 !important;}
p.gray, div.gray, span.gray, a.gray{color: #888 !important;}
p.green, div.green, span.green, a.green{color: #4db34a !important;}
p.yellow, div.yellow, span.yellow, a.yellow{color: #ffdb00 !important;} a.yellow:hover{color: #FFAF00 !important;}
p.light_orange, div.light_orange, span.light_orange, a.light_orange{color: #ffe962 !important;} a.light_orange:hover{color: #FFAF00 !important;}
p.orange, div.orange, span.orange, a.orange{color: #ff7d14 !important;} a.orange:hover{color: #ffe962 !important;}
p.d_blue, div.d_blue, span.d_blue, a.d_blue{color: #003356 !important;}
p.blue, div.blue, span.blue, a.blue{color: #005EAE !important;}

.norm, a.norm{font-weight: normal !important;}
.bold, a.bold{font-weight: bold !important;}
.italics, a.italics{font-style: italic !important;}
.underline, a.underline{text-decoration: underline !important;}
.stroke, a.stroke{text-decoration: line-through !important;}
.center, a.center{text-align: center !important;}
.left, a.left{text-align: left !important;}
.right, a.right{text-align: right !important;}
.justify, a.justify{text-align: justify !important;}

.micro, a.micro{font-size: 8px !important;}
.small, a.small{font-size: 9px !important;}
.big, a.big{font-size: 14px !important;}
.huge, a.huge{font-size: 18px !important;}

.block, a.block{display: block !important;}
.inline, a.inline{display: inline !important;}
.inline_block, a.inline_block{display: inline_block !important;}

.float_left, .fleft, a.float_left{float: left !important;}
.float_right, .fright, a.float_right{float: right !important;}
.left_order{float: left; width: 45px; margin-right: 5px; display: block; text-align: right;}

.clear:before, .clear:after {content:""; display:table;}
.clear:after {clear:both;}
.clear {zoom:1;}

.clear_left{clear: left !important;}
.clear_right{clear: right !important;}

img.middle{vertical-align: middle !important;}
img.border, .image{border: 1px solid #ddd;}

.empty_field{background-image: url('images/empty_field.png'); background-repeat: no-repeat; background-position: right top;}

/* TEMPLATE #########################################*/ 

.bg {}
