body {margin:0;padding:0;font-family:"Open Sans", Arial, sans-serif;}
body {background-color:rgb(229, 234, 239);color:#585858;}


/*
* Paragraf
*/
p {color:#333;line-height:22px;}


/*
* Link
*/
a, a:visited {text-decoration:none;color:#585858;}


/*
* Headings
*/
h1 {font-size:1.8em;line-height:1.23em;margin-bottom:6px;}
h2 {font-size:22px;}
h3 {font-size:24px;font-family:'Crete Round', Georgia, serif;font-weight:400;padding:20px 0;}
h4 {font-size:18px;}
h5 {font-size:14px;padding-bottom:10px;color:#000;}
h6 {font-size:12px;padding-bottom:10px;font-weight:bold;}

h5, b {font-weight:bold;}

strong, b { font-weight:bold;}

/*
* Lista NIE uporzadkowana UL
*/
ul {font-size:14px;margin:7px 0;padding-left:10px;}
ul li {margin-bottom:5px;}


.page_container{max-width:1300px;min-width:1000px;margin:auto;padding:0 10px;}
.left_col{width:20%;width:220px;}
.left_block{margin:0 10px 10px 10px;padding:10px;border:solid 1px #b5c1ce;min-width:200px;background-color:#d4dbe2;}
.block_categories{
    margin:0 10px 10px 10px;border:solid 1px #aaa;
    min-width:200px;
    padding-right:0;background-color:#ffffff;   
}
.block_categories h5{padding:10px;background-color:rgb(51, 115, 173);color:#ffffff;}
.center_col{ /*float:right;width:80%;*/ vertical-align:top;}

.tooltip{background-color:rgb(255, 255, 204);background-image:none;}

.container{float:left;padding-left:120px;}
.container .clear, body .clear {width:100%;float:left;clear:both;margin:10px 0;}
.one-third {text-align:center;}



/*
* Header
*/
header {width:100%;float:left;clear:both;margin:0 0 10px 0;padding:0;background-color:#3373ad;position:relative;z-index:1;}
header nav {width:100%;float:left;margin:0;padding:25px 0 20px;border-top:2px solid #1d5990;position:relative;z-index:1;
            box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
            -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
            -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
}

header nav .container{float:left;padding-left:17px;width:100%;}
header nav .container .logo {width:400px !important;   margin-left:0;}
header .slogan {float:left;padding:80px 0;}
header .slogan a.green {margin:13px 0;padding:10px 28px;}
header p {color:#fff;}
header h1, header h2, header h4 {width:100%;float:left;clear:both; text-align:left;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);font-weight:600;}
header h1 {font-size:3em;margin-bottom:10px;}
header h2 {font-size:2em;}
header h4 {font-weight:normal;margin-bottom:10px;}




.ui-widget-header .ui-state-default {
	border:1px solid #172837;
	background:#84ABD2 url("images/ui-bg_glass_20_84ABD2_1x400.png") 50% 50% repeat-x;
	font-weight:bold;
	color:#ffffff;
}



/*
* Logo
*/
.logo a {color:#fff;text-decoration:none;line-height:20px;}
.logo a:hover {color:#000000;}
.logo img {}
.logo span {font-weight:bold;font-size:13px;color:#ddefff;text-shadow:-1px -1px 0px #014a8c;}


/*
* Menu
*/
ul.mainMenu {margin:0;padding:0;float:right;}
ul.mainMenu li {display:inline;float:left;margin:0;padding:0;line-height:36px;}
ul.mainMenu li a {font-size:15px;color:#ddefff;line-height:36px;display: inline-block;height: 36px;text-shadow:-1px -1px 0px #014a8c;text-decoration:none;background-color:#3373ad;border-bottom:3px solid #8eb2d6;padding: 0px 0px;margin:0 5px;}
ul.mainMenu li a:hover {color:#ffffff;border-bottom: 3px solid #e36c0a;
                        -webkit-transition:color .12s ease-in-out;
                        -moz-transition:color .12s ease-in-out;
                        -ms-transition:color .12s ease-in-out;
                        -o-transition:color .12s ease-in-out;
                        transition:color .12s ease-in-out;
}
ul.mainMenu li a.ent {
    background-color: #4380b7;
    margin: 0 0 0 5px;
    padding: 0 13px;
}
ul.mainMenu li a.reg {
    background-color: #4380b7;
    margin: 0 0 0 9px;
    padding: 0 13px;
}

/*
* Orange
*/
.orange {width:100%;float:left;clear:both;background:#ff6a00;margin:50px 0;padding:45px 0;color:#fff;text-align:center;position:relative;z-index:1;}
.orange h2 {width:100%;margin:20px 0 50px;text-align:center;text-shadow:none;}
.orange p {width:600px;margin:0 auto 30px;color:#fff;text-align:center;}
.orange a.dalej {display:block;width:185px;background:#df4a00;color:#fff;margin:0 auto 20px;padding:10px 20px;font-size:12px;text-transform:uppercase;
                 border-radius:30px;
                 -moz-border-radius:30px;
                 -webkit-border-radius:30px;
}
.orange a.dalej:hover {background:#fff;color:#ff6a00;}


/*
* Gray
*/
.gray {width:100%;float:left;clear:both;background:#f6f6f6;margin:50px 0;padding:45px 0;position:relative;z-index:1;}


/*
* Focus
*/
.focus h3 {margin-bottom:15px;}
.focus h4, .focus h3 {float:left;width:100%;text-align:center;margin-bottom:7px;}
.focus p {text-align:center;}

b{font-weight:bold;}
.ui-widget{font-size:12px;}
  
fieldset{padding:4px;}
label{padding-right:4px;}

.searchBox {padding-bottom:0px;}
.searchBox .searchInput{width: 85%;font-size: 17px;padding: 0 10px;height: 32px;border:solid 1px #aaa;margin-top: 0;display: inline-block;vertical-align: middle;}
.searchBox button {background-image:none;background-color:rgb(227, 108, 10);color: rgb(255, 255, 255);border: 1px solid #d66203;height: 33px;vertical-align: middle;}

.search_block{background-color:#d4dbe2;min-height:122px;border:1px solid #b5c1ce;margin-bottom:10px;padding:10px;}
  
.checkkey {line-height: 34px;height: 34px;}
.checkkey input[type="checkbox"] {margin: 3px 4px 3px 0;vertical-align: middle;}
.checkkey label {padding-right:14px;font-size: 13px;vertical-align: middle;text-shadow: 1px 1px 0px #ffffff;color: #424c56;}

.checkline {line-height:20px;height:20px;}
.checkline input[type="checkbox"] {margin: 0 4px 2px 0;width:14px;height:14px;vertical-align:middle;}
.checkline label {padding-right:14px;font-size: 12px;vertical-align: middle;text-shadow: 1px 1px 0px #ffffff;color: #424c56;}


/*
* a#Top
*/
a#top {display:none;width:7px;height:17px;padding:5px;position:fixed;bottom:50px;right:60px;z-index:9;color:#fff;background:#ff6a00;font-size:14px;font-weight:300;}


.medium {font-size:12px;margin:5px 0;padding:9px 14px 8px;}


a.green {background:#45C491;color:#fff;
         box-shadow:0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
         -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
         -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;
}
a.green:hover {background:#36ae7e}


/*
* Footer
*/
footer {width:100%;float:left;margin:20px 0 0;padding:30px 0;background:#333;}
footer h5 {color:#ccc;}
footer p {color:#aaa;line-height:15px;font-size:12px;margin-bottom:7px;}
footer a {color:#ddd;}
footer a:hover {color:#ff6a00;}

footer .social a {float:left;margin-right:10px;}
footer .social a img {width:35px;opacity:0.4;}
footer .social a:hover img {opacity:1;}

#openCatSearch{
    margin:-4px 0 0 -20px;
    cursor:pointer;
    display:block;float:right;
}
#categoriesPane{
    position:absolute;top:0;left:0;
    width:200px;height:200px;display:none;
    background-color:rgb(221, 233, 247);border:solid 1px #ccc;
    padding:10px;
}



#orderOrgsPane{
    position:absolute;top:0;left:0;
    width:200px;height:200px;display:none;
    background-color:rgb(221, 233, 247);border:solid 1px #ccc;
    padding:10px;
}
.content_table{
    width:100%;border-collapse:collapse;
}
.content_table th{
    background-color:rgb(51, 115, 173);
    padding:6px 15px 4px 2px;font:bold 12px Arial;text-decoration:none;
    color:#fff;border:solid 1px #342F1A;
}
.content_table th span {
    margin:-4px -15px 0 -20px;
    cursor:pointer;
    display:block;float:right;
    /*background-image:url("/css/sunny/images/ui-icons_3d3d3d_256x240.png");*/
}
.content_table td{
    padding:3px 5px;border:solid 1px #aaa;font:normal 12px Arial;

}
.content_table .colors{
    background-color:#fff;   
}
.content_table .functions {
    width:40px;text-align:center;vertical-align:middle;
}
.location_select{
    max-height:400px;width:100%;
}

.pagination_container{
    padding:10px;
    border:1px solid #aaa;
    margin:10px 0;
}

.pagination li{list-style-type:none;float:left;margin-right:4px;}
.pagination a, .pagination span{display:block;padding:6px 8px;font:bold 12px Tahoma;text-decoration:none;}

.pagination a{color:#0E3460;}
.pagination span{cursor:text;color:#fff;}

#tree_menu{max-height:400px;overflow:auto;}
.left_menu_list{padding-top:4px;padding-bottom:8px;}

.parent_node{border-bottom:solid 1px rgb(132, 171, 210);}
.parent_node>a{display:block;padding:2px 6px 2px 10px;}
.parent_normal{background-color:#fff;}
.parent_normal:hover{background-color:#dde9f7;}
.parent_active{font-weight:bold;background-color:rgb(132, 171, 210);}

.child_node{padding:0 4px 0 20px;}
.child_normal{display:block;padding:2px;}
.child_normal:hover{background-color:#dde9f7;}
.child_active{display:block;padding:2px;font-weight:bold;background-color:#dde9f7;;}


.page_content, .account_form{border:1px solid #b5c1ce;margin:0 10px 10px;background-color:#fff;padding:10px;font-size:14px;}
.page_content p, .page_content strong, .page_content a{font-size:14px;line-height:normal;}
.page_content p{margin-bottom:6px;}
.page_content a{
    color:#0a6aa1;text-decoration:underline;
}
.page_content ul{
    list-style-type:disc;padding-left:20px;
}
.page_content ul, .page_content li{
    font-size:14px;line-height:1;
}

.account_form td{
    padding:4px;
}
.account_form input[type="text"], .account_form input[type="password"]{
    width:200px;
    border:1px solid #aaa;
    height:24px;
    margin-top:4px;
}
/* картинка капчи */
#rnd_image-element>img{
    float:left;border:1px solid #aaa;
}

label.error{
    font-weight:bold;color:#cc0509;position:absolute;
    padding-left:5px;
}
ul.errors{
    font-weight:bold;color:#cc0509;display:inline-block;
    padding-left:5px;
}

.account_link{
    font-weight:bold;color:#585858;font-size:12px;
}
.account_link:hover{
    text-decoration:underline;color:#cc0509;
}

#head_user_info{
    padding-left:40px;font-size:12px;
}
#header_acc_link{
    font-weight:bold;color:#0E3460;text-decoration:underline;
}
#header_logout_link{
    font-weight:bold;color:#cc0509;text-decoration:underline;
}

/* -------------------
*  RESPOSIVE ELEMENTS
*  ------------------- */
@media only screen and (max-width:767px) and (min-width:480px) {
    header h2 {display:none;}
    header .slogan {padding-top:40px;}
    nav .container .logo {margin-bottom:20px;text-align:center;}
    .orange p {width:400px;}
    .container .one-third.column, .container .eight.columns, .container .four.columns {margin-bottom:40px;}
}



@media only screen and (max-width:767px) {
    header {height:310px;}
    header h2, header .six.columns {display:none;}
    header .slogan {padding:30px 0;}
    nav .container .logo {margin-bottom:20px;text-align:center;}
    .orange p {width:200px;}
    .container .one-third.column, .container .eight.columns, .container .four.columns {margin-bottom:40px;}
}