/*******************************************************************************

   1. BASE    
    
      1.1 Reset
      1.2 Helper classes    
          1.2.1 Hidden Accessible
          1.2.2 Clearfix
          1.2.3 Image replacement
      1.3 Skip links
      1.4 Custom fonts
      1.5 Default styles
        
   2. COMMON
    
      2.1 Header
          2.1.1 Profile
          2.2 Middle
      2.3 Content
          2.3.1 Tabs
          2.3.2 Messages list
          2.3.3 Table
          2.3.4 Projects list
      2.4 Form
          2.4.1 Select menu
          2.4.2 Input text
          2.4.3 Date picker
          2.4.4 Uploader
          2.4.5 Radio
          2.4.6 Submit
          2.4.7 Button
      2.5 Sidebar
          2.5.1 Projects box
          2.5.2 People box
      2.6 Proegress bar
      2.7 Timeout
      2.8 Avatar
      2.9 Link styles

   3. PAGES
    
      3.1 Login
          3.1.1 Form

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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; font-size: 100%; font-family: Ubuntu,regular; vertical-align: baseline; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* 1.2 Helper classes
------------------------------------------------------------------------------*/

/* 1.2.1 Hidden Accessible */

.hidden { /*position: absolute*/ !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }


/* 1.2.2 Clearfix */

.clearfix:after,
#header:after,
#content:after,
#content .wrapper:after,
.middle:after,
#people-box .wrapper:after,
.ui-accordion:after,
.tabs-panel:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }

.clear { clear:both; }

/* 1.2.3 Image replacement */

.ir,
#projects-box .bx-prev,
#projects-box .bx-next,
.ui-datepicker-prev,
.ui-datepicker-next,
form button.add span { display: block; text-indent: -999em; text-transform: capitalize; overflow: hidden; background-repeat: no-repeat; text-align: left; }

/* 1.4 Custom fonts
------------------------------------------------------------------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
	font-family: 'Ubuntu', sans-serif;

}


/* 1.5 Default styles
------------------------------------------------------------------------------*/

/*html { width:100%;  height:100%; background: url(../images/bg_gradient.png) left bottom repeat-x; }*/
/*html { width:784px;  min-height:546px; background-color: #eee; }*/
body { /*height:100%;*/ font-family: 'Ubuntu', sans-serif;}
input, textarea, select { font-family: Ubuntu,regular; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th, td { vertical-align: top; }
th { font-weight: normal; text-align: left; }
address, cite, dfn { font-style: normal; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
a, a:visited { text-decoration: none; color: #ff6000; }
a:hover, a:active, a:focus { text-decoration: underline; }    



/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/

/* 2.1 Header
------------------------------------------------------------------------------*/

/*#header { width:100%; position:relative; height:113px; }
#header .wrapper { height:100%; margin-left:50px; background:url(../images/header_bg.gif) left bottom repeat-x; }*/

.login #header { height:77px; }

/*.site-name { position:absolute; bottom:0; left:27px; margin-top:20px; padding-left:78px; height:59px; line-height:59px; background: url(../images/logo.png) no-repeat; font-family:Arial; font-size:16px; text-transform:uppercase; color:#a6a6a6; font-weight:normal; }
.site-name:hover { text-decoration:none; }
.site-name span { color:#fff; margin-left:5px; }*/




/* 2.2 Middle
------------------------------------------------------------------------------*/

body > .middle { /*position:relative;*/ width:100%; }


/* 2.3 Content
------------------------------------------------------------------------------*/

#content {/*min-height: 546px; width: 498px;*/ background-color: #ffffff; /*padding-left: 21px;*/ color: #000000; font-size:11px;}
#content > .wrapper, #sidebar > div > .wrapper {/* width:100%; height:100%;*/ background-color:#0a4c90; /*position:relative;*/ }
#content > .wrapper { /*padding-bottom:80px;*/ }

.wrapper a {font-size: 17px; }

#content h2 { clear:both; color:#10578C; font-size:14px; font-weight:600; font-family:Ubuntu,regular; /*height:26px;*/ line-height:26px; border-bottom:1px solid #ebebeb; padding-left:28px; padding-top:30px; }
#content h3 { clear:both; color:#10578C; font-size:14px; font-weight:600; font-family:Ubuntu,regular; /*height:26px;*/ line-height:26px; border-bottom:1px solid #ebebeb; /*padding-left:28px;*/ padding-top:30px; }
#content h1 { clear:both; color:#515151; font-size:18px; font-weight:600; font-family:Ubuntu,regular; height:26px; line-height:26px; border-bottom:1px solid #ebebeb; padding-left:14px; padding-top:28px; }
#content .padding { float:left; padding: 0px 15px 0px -3px; width: 100%;}
#content a {color:  #10578C; font-size:17px; padding: 0px 34px 0px 17px; }
/* 2.3.1 Tabs */

.tabs-panel { display:none; }
.ui-tabs-panel { display:block; }
.ui-tabs-hide { display:none; }

.tabs-list { /*position:absolute;*/ top:-50px; left:20px; }
.tabs-list li { display:inline; float:left;  background:url(../images/tabs_inactive_bg.gif) repeat-x; margin-right:4px; }
.tabs-list li a:hover,
.tabs-list li a:focus { text-decoration:none; }
.tabs-list li a { display:inline-block; height:43px; line-height:43px; color:#c1c1c1; padding: 0 85px 0 23px; }
.tabs-list li.ui-tabs-selected { background:url(../images/tabs_active_bg.gif) repeat-x; }
.tabs-list li.ui-tabs-selected a { color:#262726; cursor:default; padding-right:19px; }
.tabs-list li.ui-tabs-selected a span { display:inline-block; margin-left:49px; width:10px; height:7px; background:url(../images/arrow_black_down.png) center center no-repeat; }

/* 2.3.2 Messages list */

.messages-list { float:left; display:inline; width:100%; padding:21px 0; }
.messages-list li { /*position:relative;*/ clear:both; display:inline; float:left; width:100%; padding:20px 0 13px 0; height: auto !important; height:52px; min-height:52px; }
.messages-list li+li { border-top:1px solid #ebebeb; }
.messages-list li .avatar { /*position:absolute;*/ left:34px; top:20px; }
.messages-list li div { padding: 0 100px 0 105px; }
.messages-list li small { color:#9a9a9a; font-size:11px; margin-left:25px; }
.messages-list li a.delete { /*position:absolute;*/ top:13px; right:14px; color:#9a9a9a; font-size:11px; background:url(../images/ico_trash.png) center right no-repeat; padding-right:16px; }

/* 2.3.3 Table */

.table { float:left; width:100%;}
.table th { font-size:10px; }
.table th,
.table td { padding: 6px 0  6px 10px; border-bottom:1px solid #ebebeb; }

.table .center { text-align:center; }
.table th:first-child,
.table td:first-child { padding-left:5px; }

/* 2.3.4 Projects list */

.projects-list { margin-bottom:21px;  padding-right: 6px;}
.projects-list td { font-size:11px; padding-bottom: 1px !important; }
.projects-list .avatar+.avatar { margin-left:2px; }
.projects-list .time > span { padding-right:7px !important; margin-right:6px !important; }
.projects-list .time span ~ span ~ span { padding-right:0 !important; border:0 !important; }


/* 2.4 Form
------------------------------------------------------------------------------*/
#content form {margin: :10px 10px 10px 10px; }
#content form input[type="text"],
#content form input[type="password"],
#content form input[type="submit"],
#content form .ui-selectmenu,
#content form .uploader,
#content form fieldset fieldset,
#content form button {/*font-size: 11px;*/ /*display:inline; float:left;*/ margin-bottom: 6px; clear: both; vertical-align: middle;}

#content form fieldset fieldset { margin: 15px 40px 15px 18px; }
#content form fieldset fieldset a { color: #0a4c90; }
#content form fieldset fieldset legend { margin-bottom:12px; }
#content form label { float:left; display:block; vertical-align:middle; clear:both; margin-top:2px; font-family: Ubuntu,regular;}
#content form label img { vertical-align:middle; }
#content .div.center{ width: 100px; height: 100px;  top: 50%;margin-top: -50px;}


.ui-selectmenu,
#content input[type="text"]{background-color: #E9E9E9;},
input.datepicker,
.radio span,
.uploader,
.uploader span.action,
.uploader span.filename { background:url(../images/form_sprite.png) no-repeat; }

/* 2.4.1 Select menu */

select { width: 335px !important; }

.ui-selectmenu {  display: block; /*position:relative;*/ overflow:hidden;/* background-position: top right;*/ height:30px; border:1px solid #d9d9d9; -moz-box-shadow: 1px 1px 1px #ececec; -webkit-box-shadow: 1px 1px 1px #ececec; box-shadow: 1px 1px 1px #ececec; }
a.ui-selectmenu:hover, a.ui-selectmenu:focus, a.ui-selectmenu:active { text-decoration:none; }
.ui-selectmenu-icon { /*position:absolute; right:6px;*/ margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-dropdown { border:1px solid #d9d9d9; overflow-x:hidden !important; }
.ui-selectmenu-menu li { width:100% !important; background:#fff; }
.ui-selectmenu-menu li a:hover { background:#ebebeb; }
.ui-selectmenu-menu li a { padding-right:17px; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { display:block; outline:none; text-decoration:none; line-height:39px; padding-left:17px; color:#515151; font-size:11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-selectmenu-status { margin-right:45px; }
.ui-selectmenu-menu .title { position:absolute; left:-9999px; top:-200px; }

/* 2.4.2 Input text */

#content input[type="text"], input[type="password"], input.datepicker { width:104%; height:30px; padding: 0 21px; margin-left: -9px; line-height:30px; background-position: right -117px; border:0; border:1px solid #d9d9d9; /*-moz-box-shadow: 1px 1px 1px #ececec;*/ -webkit-box-shadow: 1px 1px 1px #ececec; box-shadow: 1px 1px 1px #ececec; color:#515151; font-size:14px; background-color: #E9E9E9; }

/* 2.4.3 Date picker */

input.datepicker { background-position: right -39px !important; cursor:pointer; }
input.datepicker:focus { outline:0; }
input.datepicker.datepicker-open { background-position: right -78px !important; }

.ui-datepicker { width:285px; height:212px; padding: 8px 11px 0 12px; background:url(../images/datepicker_bg.gif) no-repeat; display:none; }
.ui-datepicker-header { float:left; position:relative; }
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; display:block; cursor:pointer; left:0; top:0; width:27px; height:27x; background:url(../images/arrow_black_left.png) 9px 10px no-repeat; }
.ui-datepicker-next { right:0; left:auto; background-image:url(../images/arrow_black_right.png); }

.ui-datepicker-title { float:left; display:inline; width:283px; height:29px; line-height:27px; text-align:center; color:#ff6000; background:url(../images/datepicker_header_bg.png) no-repeat; }
.ui-datepicker-calendar { clear:both; float:left;}
.ui-datepicker-calendar th { color:#ff6000; font-size:11px; width:37px; padding-right:3px; height:25px; line-height:25px; text-align:center; }
.ui-datepicker-calendar td { height:24px; width:40px; background:url(../images/datepicker_day_bg_sprite.png) 0 0 no-repeat; }
.ui-datepicker-calendar td a { display:block; width:37px; padding-right:3px; line-height:23px; text-align:center; color:#636363; font-size:11px; }
.ui-datepicker-calendar td.ui-datepicker-today { background-position: -40px 0; }
.ui-datepicker-calendar td.ui-datepicker-today  a { color:#f6e4b2; font-weight:bold; }

/* 2.4.4 Uploader */

.radio, .uploader, .radio *, .uploader * { margin: 0; padding: 0; }
.radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1;  *display: inline; }

.uploader { height:39px; width: 335px; position: relative; z-index:0; overflow: hidden; background-position: right -117px; border:1px solid #d9d9d9; -moz-box-shadow: 1px 1px 1px #ececec; -webkit-box-shadow: 1px 1px 1px #ececec; box-shadow: 1px 1px 1px #ececec; color:#515151; font-size:14px; }
.uploader span.filename { background-position: right -117px; position:absolute; left:0; top:0; z-index:1; display: block; padding: 0 17px; width:201px; line-height:39px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.uploader span.action { float: right; display: inline; height:39px; width:99px; line-height: 39px; background-position: right -156px; text-align: center; cursor: pointer; color:#ff6000; }
.uploader input { width:100%; height:39px; text-align: right; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; border: none; cursor: pointer; }

/* 2.4.5 Radio */

.radio { margin: 0 10px 0 6px; width: 12px; height: 12px; }
.radio input { cursor:pointer; position:relative; top:-3px; width: 12px; height: 12px; opacity: 0;  filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; }
.radio span { height: 12px; width: 12px; background-position: -12px -156px; display: -moz-inline-box; display: inline-block; text-align: center; }
.radio span.checked { background-position: 0 -156px; }

/* 2.4.6 Submit */

#content input[type="submit"] { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height:41px; line-height:41px; padding: 0 30px; border:0; color:#fff; transform: skew(-34deg, 0deg); background:#F4A11C; color:#FFFFFF; font-family:Ubuntu,regular;font-weight: bold; font-size: 13px; font-size:11px; margin-top:10px;}

/* 2.4.7 Button */

form button { width:121px; height:45px; border:0;/*padding: 9px 25px 0px 19px;*/ background:#F4A11C; color:#FFFFFF; font-family:Ubuntu,regular;font-weight: bold; font-size: 17px;transform: skew(-34deg, 0deg); }
form button.add { padding:0; }
form button.add span { width:40px; height:39px; display:block; background:url(../images/ico_plus.png) center center no-repeat; }


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar > div { /*margin-bottom:33px;*/ }
#sidebar { /*position:absolute;*/ top:0; left:0; /*min-height:366px; width:266px;*/ /*padding-right: 9px;*/ background-color:#10578C; }
#sidebar .wrapper {/*padding-left: 18px;*/ color: #717171; }
#sidebar .wrapper a { color: #fff; font-family: Ubuntu,regular;  padding: 0px 0px 0px 0px }
#sidebar .wrapper ul { margin-bottom:25px; border-bottom: 1px solid #ebebeb}
#sidebar h1 {padding: 10px 18px; font-size:14px;}
#sidebar .wrapper ul li { margin-bottom:5px; }
/* 2.5.1 Projects box */

#projects-box { height:242px; }
#projects-box p { text-align:center; padding:14px 0 16px 0; }
#projects-box .wrapper > ul { width:100%; height:100%; overflow:hidden; }
#projects-box .wrapper > ul > li { display:inline; float:left; width:299px !important; height:242px; }
#projects-box li ul {  margin:0 auto; width:279px; }
#projects-box li ul li { border-bottom:1px solid #ebebeb; width:100%; padding: 6px 0; font-size:11px; color:#ff6000; line-height:18px; }
#projects-box li > span:first-child ~ span { font-size:14px; color:#ff6000; }
#projects-box li > span:first-child ~ span span { color:#515151; }
#projects-box span.sep { color:#cecece !important; }
#projects-box li > span:first-child { display:inline-block; font-size:11px; color:#515151; text-align:right; width:70px; padding-right:5px; }

#projects-box .bx-wrapper { height:100%; }

#projects-box .bx-prev, #projects-box .bx-next {/* position:absolute;*/ top:35px; height:36px; width:13px; background:url(../images/slider_arrows.png) 0 0 no-repeat; } 
#projects-box .bx-prev { left:18px;  }
#projects-box .bx-next { right:18px; background-position: 0 -36px; }

#projects-box .bx-pager { /*position:absolute;*/ bottom:-30px; left:0; width:100%; text-align:center; }
#projects-box .bx-pager a { display:inline-block; width:24px; height:23px; line-height:23px; background:url(../images/slider_pager_bg.gif) 0 0 repeat-x; font-size:11px; color:#ebebeb; }
#projects-box .bx-pager a+a { margin-left:1px; }
#projects-box .bx-pager a.pager-active { background-position: 0 -23px; color:#ff6000; font-weight:bold; }
#projects-box .bx-pager a.pager-active:hover, #projects-box .bx-pager a.pager-active:focus { text-decoration:none; }

/* 2.5.2 People box */

#people-box .wrapper { width:277px !important; padding:11px; height:auto !important; }
#people-box h2 { clear:both; float:left; display:inline; width:268px; padding-left:8px; cursor:pointer; font-weight:normal; margin-bottom:6px; height:30px; line-height:30px; font-size:14px; color:#515151; border-bottom:1px solid #ebebeb; background:url(../images/arrow_black_up.png) center right no-repeat; }
#people-box h2:focus { outline:0; }
#people-box h2.ui-state-active { background-image:url(../images/arrow_black_down.png); }
#people-box .ui-accordion-content { float:left; clear:both; width:100%; display: none;  position: relative; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#people-box .ui-accordion-content { height:auto !important; }
}
#people-box .ui-accordion-content-active { float:left; display:inline-block; }

#people-box ul { clear:both; display:inline; float:left; width:272px; margin-left:4px; }
#people-box ul li { /*position:relative;*/ display:inline; float:left; padding:0 8px 8px 0; }
#people-box ul li img { display:inline-block; float:left; border:1px solid #ff6000; }
#people-box ul li p { white-space:nowrap; /*position:absolute;*/ left:52px; top:0; display:none; height:43px; padding:9px 21px 0 13px; background:url(../images/peoplebox_hover_bg.gif) repeat-x; color:#8a8a8a; font-size:11px; line-height:15px; }
#people-box ul li.left p { right:60px; left:auto; }
#people-box ul li p strong { color:#ff6000; font-weight:normal; font-size:14px; background:url(../images/arrow_black_right.png) center right no-repeat; padding-right:12px; padding-bottom:3px; }


/* 2.7 Timeout
------------------------------------------------------------------------------*/

.time > span { display:inline-block; color:#ff6000 !important; padding-right:11px; margin-right:10px; border-right:1px solid #eaeaea; }
.time > span > span { color:#9a9a9a !important; padding-left:3px; }
.time span ~ span ~ span { margin-right:0; }


/* 2.8 Avatar
------------------------------------------------------------------------------*/

img.avatar { border:1px solid #ff6000; }


/* 2.9 Link styles
------------------------------------------------------------------------------*/

a.arrow, #login a, #profile ul li a { display:inline-block; padding-bottom:3px; color:#fff;}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/

   
/* 3.1 Login
------------------------------------------------------------------------------*/

/* 3.1.1 Form */

#login { margin:0 auto; text-align:left;/* margin-top:28px;*/ }
#login form {float:left; display:inline; margin:0 0 5px 5px; padding: 5px 5px 5px 6px; }
#login form input { float:left; display:inline; margin: 5px 6px; }
#login form input[type="text"],
#login form input[type="password"]{ height: auto;  line-height:14px; padding:2px 16px; color:#111; border:1; background-color: #E9E9E9; }

#login form input[type="text"] { width:160%; height:31px; margin-left: 5px; font-family:Ubuntu,regular; }
#login form input[type="password"] { width:160%; height:31px;}
#login form input[type="submit"] { width:98px; height:34px; border:0;padding: 0 25px 0 25px; background:#F4A11C; color:#FFFFFF; font-family:Ubuntu,regular;font-weight: bold; font-size: 13px;transform: skew(-34deg, 0deg);  }
#login h4 {padding: 10px 18px;}
#login a { font-size:11px; margin-left:0px; clear:right;}
#login form fieldset label {/*float:left;*/ padding: 0px 8px; display:block; vertical-align:middle; clear:both; margin-top:2px; color:#fff; font-size:11px; font-weight:500;}

.red {color: #f00;}
.bold {font-weight: 600; }

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 36px;
    padding:15px 45px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #000000;
    background-color: #BDE5F8;
    /*background-image: url('info.png');*/
}
.success {
    color: #000000;
    background-color: #DFF2BF;
    /*background-image:url('success.png');*/
}
.warning {
    color: #000000;
    background-color: #FEEFB3;
    /*background-image: url('warning.png');*/
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('error.png');*/
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    /*background-image: url('validation.png');*/
}

#userProfileMenu {
	margin: 20px 0px 20px 60px;
	float: left;
	min-height: 200px;
	min-width: 120px;
}

#userProfileData {
	/*width: 90%;*/
	color: #222;
	border-left: 1px solid #fff;
	padding: 0px 30px;
	float: left;
	min-height: 150px;
}

#productBox {display: block; float: left; clear:both; padding-top: 28px; /*width: 420px;*/ min-height:240px; margin-bottom: 16px;padding: 0px 0px 0px 0px }
#productBoxCart {display: block; float: left; clear:both; padding-top: 28px; width: 420px; min-height:70px; margin-bottom: 16px; }
.box { display:block; clear:both; padding-left: 0px; height:inherit;}
.productName { padding-left: 28px; margin-top: -20px;}
.koszyk { padding-left: 60px; height: 20%;}

.invoiceAddressFields {
	margin-left: 30px;
}

#sidebarTitle {
	margin: 0px 18px -39px 71px;
	font-size:20px;
	font-weight:600;
	color:#000000;
}

#sidebarTitleForFlags {
	margin: 15px 18px 18px 18px;
	font-size:11px;
	font-weight:600;
	color:#000000;
}


.info {
	margin: 15px 5px;
	padding: 10px 10px;
	background-color: #fefefe;
	font-size: 11px;
	font-style: Ubuntu,regular;
	text-align:justify;
	text-justify:inter-word;
}
.info p {
	margin: 10px 5px;
}

#cart { 
	display: block;
	clear: both;
	padding: 8px 10px;
	background-color: #f3f4f4;
	font-size: 11px;
	color: #717171;
}

#cart ul {margin-left:5px;}

#cart a:link {
	color: #0a4c90;
	padding: 2px 0px;
}
#cart a:hover {
	color: #0a4c90;
}
#cart a:active {
	color: #0a4c90;
	
}
#cart a:visited {
	color: #0a4c90;
}

.productInfo {
	padding: 0px 15px;
	
}

img
{
  width:100%;
}

#sidebarTitle2 {
  margin: 0px 18px 18px 42px;
  padding: 10px 0px 0px 0px;
  font-size:20px;
  font-weight:600;
  color:#fff;
}
.show-radio{
opacity: 1 !important;
}

#login form button[type="submit"] { width:121px; height:45px; padding-left:5px; border:0;padding: 0 25px 0 25px; background:#F4A11C; color:#FFFFFF; font-family:Ubuntu,regular;font-weight: bold; font-size: 17px;transform: skew(-34deg, 0deg);}

.inner{
    -webkit-transform: skew(34deg, 0deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    display: block;
   }    

   .logowanie {
    margin-left: 17px
   }

  .peku {
    width: 100%;
    margin-left: -26px;
   }

  #remind-btn a{
  padding: 25px 0 25px 17px;
  color:  #10578C;
   }
  .inputlog {
   width: 100%;
   }
  .regist {
  margin-left: -10px;
 /* float: left;*/
  }

  .zapisz {
   padding: 25px 8px 25px 17px;
   font-size: 19px;
  }

  .inners{
    -webkit-transform: skew(34deg, 0deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    display: block;
    padding: 7px 8px 25px 20px;
    font-size: 19px;
   }

 .innera{
  -webkit-transform: skew(34deg, 0deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  display: block;
  padding: 9px 10px 14px 8px;
  font-size: 15px;
 }

 .inneregi{
  -webkit-transform: skew(34deg, 0deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  display: block;
  padding: 9px 10px 14px 11px;
  font-size: 18px;
 }   

 .innerchange{
  -webkit-transform: skew(34deg, 0deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  display: block;
  font-size: 16px;
 }  

 .innezamowienie{
  -webkit-transform: skew(34deg, 0deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  display: block;
  font-size: 13px;
 }