.clear{clear:both;}
a{text-decoration:none; border:none;}
a img{border:none;}

p.permision_error{
    color: red;
    font: 16px/24px arial;
    border: 1px solid red;
    padding: 25px 16px 25px 70px;
    background: url(/images/icons/64x64/lock-closed.png) scroll no-repeat 0px 5px #FCF2F2;
}

/* MENU + SUBMENU */
.menu_container .category.notactive, .menu_container .actions.notactive a{color:gray; opacity: 0.75;  filter:alpha(opacity=75);}
.menu_container .actions{background: none repeat scroll 0 0 rgba(50, 50, 50, 0.95);border: 2px solid #FFFFFF; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: block; left: 35px; padding: 15px; position: absolute; top: -10px; width: 125px; z-index: 30;}
.menu_container .actions a{clear: left; color: #FFFFFF; float: left; text-decoration: none; cursor:pointer;}
.menu_container .actions a:hover{ text-decoration:underline;}
.menu_container.menu_level{list-style: none;}
.menu_container.menu_level li{display:inline-block;margin:0 10px;}

/* MAIN MENU */
div#main_menu{width:600px; margin:auto; text-align: center;}   
div#main_menu ul{list-style: none;}
div#main_menu li{display:inline-block; padding: 5px 15px; margin: 5px 1px; background: #EFEFEF; min-width:50px;}
div#main_menu li:hover,div#main_menu li.current_category{background: #A8DFEC;}  
div#main_menu div.action_menu_item{ position:relative;}
div#main_menu div.action_menu_item span.action_s{/*position:absolute; z-index:1000; background:gray;*/}

/* CATEGORY MENU */
div.action_menu_item {position:relative;}
div.action_menu_item div.action_s {position: absolute; top:-10px; right:0px; background: rgba(168, 223, 236,0.9); z-index:20; padding:2px;  border-radius:5px;}
div.action_menu_item div.action_s span.action_a { margin:0px!important;}
#submenu div.action_menu_item div.action_s{position: absolute; top: 0px; right:20px;  background: rgba(168, 223, 236,0.9); z-index:20; padding:2px; border-radius:5px;}
#submenu li a.no_link{cursor:default!important;}
li.menu_li.not_active{opacity: 0.4; filter:alpha(opacity=40);}

a.category.droppable{ background: rgba(0,0,0,0.3) !important;  color: #FFFFFF !important;}


/* actions */
a.ac_close {float: right; position: absolute; right: 5px; top: 0; cursor:pointer;}

/* DEBUG STATS */
div.stats{background: none repeat scroll 0 0 #000000;color: #FFFFFF;   padding: 5px; position: fixed; right: 0; text-align: center; opacity:0.5; z-index: 100; bottom: 0px;}

/* PAGE CONTAINER */
@media screen{body>div.statss{ position: fixed;}}
* html body{overflow:hidden;} 
* html div#page{height:100%;overflow:auto;}

#page{width:1000px; position:relative; margin:0px auto;}
div.left_column{float:left; width:200px; min-height:200px; display: block;}
div.content_container{ float:left; display: block; width:600px; margin: 0px 0px 50px 0px;}
div.right_column{float:right; width:200px; min-height: 200px; display: block;}

/* USER WIDGET */
div.user_widget_data{position: absolute; z-index:10; top:0px; right:0px; background: rgba(159, 219, 234,0.9); padding: 0px 10px 5px 10px; border-radius: 0px 0px 10px 10px; border:1px solid gray;} 

/* FORMS */
div.form{margin: 0;}
div.form input, div.form textarea, div.form select{margin: 0.2em 0 0.5em 0;}
div.form fieldset{border: 1px solid #DDD; padding: 10px; margin: 0 0 10px 0; border-radius:7px;}
div.form label{font-weight: bold; font-size: 0.9em; display: block;}
div.form .row{margin: 5px 0;}
div.form .hint{margin: 0; padding: 0; color: #999;}
div.form .note{font-style: italic;}
div.form span.required{color: red;}
div.form div.error label, div.form label.error, div.form span.error{color: #C00;}
div.form div.error input, div.form div.error textarea, div.form div.error select, div.form input.error, div.form textarea.error, div.form select.error{background: #FEE; border-color: #C00;}
div.form div.success input, div.form div.success textarea, div.form div.success select, div.form input.success, div.form textarea.success, div.form select.success{background: #E6EFC2; border-color: #C6D880;}
div.form .errorSummary{border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em;}
div.form .errorMessage{color: red; font-size: 0.9em;}
div.form .errorSummary p{margin: 0; padding: 5px;}
div.form .errorSummary ul{ margin: 0; padding: 0 0 0 20px;}
div.wide form label{float: left; margin-right: 10px; position: relative; text-align: right; width: 100px;}
div.wide form .row{clear: left;}
div.wide form .buttons{clear: left; padding-left: 110px;}
div.wide form .errorMessage{ margin: 0 0 0 110px;}

/* FIXED USER WIDGET */
#fixed_user_widget{background: none repeat scroll 0 0 #418AB3; border-bottom: 1px solid #FFFFFF; border-radius: 0 0 10px 0; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; color: #FFFFFF; left: 0; margin-top: -100px; min-height: 145px; opacity: 0.95; padding: 20px; position: fixed; text-align: left; top: 25%; width: 250px; z-index: 1000;}
#fixed_user_widget a{color: #DDD;} 
.slide_button{background: url("/images/administrator.png") no-repeat scroll -5px -2px #418AB3; border-bottom: 1px solid #FFFFFF; border-radius: 0 10px 10px 0; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; color: #FFFFFF; display: block; height: 140px; opacity: 0.95; padding: 0 0 0 5px;  position: absolute; right: -31px; top: -1px; width: 25px;}
.zamknij{  /*background-position: -20px 0px;*/}
a:focus {outline:none;}

/* RECORDS */
.add_records {background: url("/images/add.gif") no-repeat scroll 10px 2px #FFF6BF; border: 1px solid #FDD845; border-radius: 5px 5px 5px 5px; color: #343434; margin: 0 0 20px; padding: 10px 9px 10px 55px; width: 40%;}
.add_records p { font-weight: bold; margin: 0; padding: 0}
.add_records ul{padding:5px 0px 5px 10px; margin:0px;}
.add_records ul li {list-style: disc outside none;}
.add_records ul li a{ cursor:pointer;}

ul.records_list.loading{position:relative;background: rgba(0, 0, 0, 0.2);}
li.record{position:relative;width:100%; min-height: 25px;}
li.record.loading{   background: rgba(0, 0, 0, 0.2);  padding: 10px !important;}
li.record.not_published{opacity:0.35; filter: alpha(opacity=25);}
li.image_li.not_published{ opacity:0.45; filter: alpha(opacity=25);}
li.record div.records_action{display:none; position: absolute; top:-10px; left:0px; background: rgba(168, 223, 236,0.9); z-index:20; padding:10px; border-radius:5px 0px 0px 5px;}
li.record a.record_action{position:absolute; top:-10px; padding:5px; border:1px solid #ddd; border-radius: 3px; background: rgba(255,255,255,0.8);z-index: 10000;}
li.record a.record_position{right:0px;}
li.record a.record_publish{right:30px;}
li.record a.record_update{right:60px;}
li.record a.record_delete{right:90px;}


li.record div.advr_container{width:auto; height:auto; display:block;padding:5px;vertical-align:top;position:relative;}

/* LOADING CIRCLE ANIMATION */
.loading-circle {	background-color: rgba(0,0,0,0);	border:5px solid rgba(0,183,229,0.9);	opacity:.9;	border-right:5px solid rgba(0,0,0,0);	border-left:5px solid rgba(0,0,0,0);	border-radius:50px;	box-shadow: 0 0 35px #2187e7;	width:50px;	height:50px;	margin:auto;	-moz-animation:spinPulse 1s infinite ease-in-out;	-webkit-animation:spinPulse 1s infinite linear;        position:absolute;        top: 50%;        left: 50%;        z-index: 1000;}
.loading-circle1 {	background-color: rgba(0,0,0,0);	border:5px solid rgba(0,183,229,0.9);	opacity:.9;	border-left:5px solid rgba(0,0,0,0);	border-right:5px solid rgba(0,0,0,0);	border-radius:50px;	box-shadow: 0 0 15px #2187e7; 	width:30px;	height:30px;	margin:10px;	top:50%;        left:50%;        position: absolute;        	-moz-animation:spinoffPulse 1s infinite linear;	-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {        0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}	50% { -moz-transform:rotate(145deg); opacity:1; }	100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {	0% { -moz-transform:rotate(0deg); }	100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }	50% { -webkit-transform:rotate(145deg); opacity:1;}	100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {	0% { -webkit-transform:rotate(0deg); }	100% { -webkit-transform:rotate(360deg); }}


/* PAGINATOR PER PAGE */
.paginator ul{margin:auto;margin: auto; padding: 0;  text-align: right;}
.paginator ul li{list-style:none;display:inline-block;padding:2px;}
.paginator .prev, .paginator .next{ border: 1px solid #DDDDDD; padding: 2px 5px; text-align: center;}
.category_page{ border: 1px solid #DDDDDD;  padding: 2px 5px;    text-align: center;}
.category_page.droppable{background:rgba(0,0,0,0.35)!important; color:#fff;}
.category_page.current_page, .category_page:hover{background: #ddd; }

/* SIMPLEBOX */
.simplebox{position:relative;}
.simplebox.not-active, .simpleboxes.not-active{opacity:0.3; filter:alpha(opacity=30);}
.simplebox div.action{position: absolute;top:-10px; left:0px; background: rgba(168, 223, 236,0.9); z-index:20; padding:10px; border-radius:5px;}

/* SIMPLEBOXES */
.simpleboxes ul{padding: 0px; margin: 0px;}
.simpleboxes li{list-style: none; display:inline-block; margin: 5px;position:relative;}
.simpleboxes li div.set_bposition{position:absolute; top:-10px; right:0px; padding:5px; border:1px solid #ddd; border-radius: 3px; background: rgba(255,255,255,0.8);z-index: 10000;}
div.simplebox_edit{position:absolute; top:-10px; right:30px; padding:5px; border:1px solid #ddd; border-radius: 3px; background: rgba(255,255,255,0.8);z-index: 10000;}
div.simplebox_refresh{position:absolute; top:-10px; right:60px; padding:5px; border:1px solid #ddd; border-radius: 3px; background: rgba(255,255,255,0.8);z-index: 10000;}
.simplebox div.simplebox_refresh{right:30px;}
.simplebox div.simplebox_edit{right:0px;}
.simpleboxes li .simplebox div.simplebox_refresh{right:60px;}
.simpleboxes li .simplebox div.simplebox_edit{right:30px;}

/* GALLERY */
div.image_container{position:relative;}
div.image_container div.image_actions{position:absolute; top:2px; left:2px; padding:1px; background:#fff; z-index:10; border:1px solid;}
li.record div.add_image_actions{position: absolute; top:-10px; left:80px; background: rgba(168, 223, 236,0.9); z-index:20; padding:10px; border-radius: 0px 5px 5px 0px;}

/* galeria AD */
.ad-thumbs {/* required settings */position:relative; overflow:hidden;}
.ad-thumbs .items {width:20000em;  position:absolute;}
.ad-gallery .not_published{opacity: 0.25;} 
.items div {float:left;  margin:5px 10px 2px 0px!important;}
.ad-image-wrapper{position:relative;}
.img_container{position:absolute; top:0px; left:50px;}
.ad-gallery .desc{background: none repeat scroll 0 0 #FFFFFF; bottom: 0; left: 0; opacity: 0.5; padding: 10px; position: absolute; width: 100%;}
.ad-gallery .ad-gallery-next{background: url("/images/next-prev.png") repeat scroll -32px 0 transparent; display: block; height: 62px; position: absolute; right:0px;  width: 31px;}
.ad-gallery .ad-gallery-prev{background: url("/images/next-prev.png") repeat scroll 0 -1px transparent;  display: block; height: 62px; left: 0; position: absolute; width: 31px; z-index: 200;}
.ad-gallery .ad-gallery-next:hover,.ad-gallery .ad-gallery-prev:hover{opacity:0.7; filter:alpha(opacity=70);}
.ad-nav{position:relative;}
.ad-nav .prev{background: url("/images/prevNextBtn.png") repeat scroll 0 0 transparent; display: block; height: 27px; left: 20px; position: absolute; width: 22px; cursor:pointer;}
.ad-nav .next{background: url("/images/prevNextBtn.png") repeat scroll -23px 0 transparent; display: block; height: 27px; left: 20px; position: absolute; width: 22px; cursor:pointer;}

/* slide gallery */
.slide-gallery-container{position:relative;}
.slide-gallery-container .img_descrition{background: none repeat scroll 0 0 rgba(200, 200, 200, 0.5); bottom: 0; left: 0;  padding: 0 20px;  position: absolute; width: 100%; z-index:200;}

/* CONTENT TYPE FILE */
.record.ContentTypeFile{clear: both;}
.record.ContentTypeFile .icon{cursor: pointer; float: left; padding: 5px;}
.record.ContentTypeFile .title{font-size: 14px; font-weight: bold; line-height: 18px;}
.record.ContentTypeFile .description{}
.record.ContentTypeFile .description p {  margin: 0;  padding: 5px 0 10px;}
.record.ContentTypeFile .info{color: #999999; float: right; font-size: 12px; font-style: italic; font-weight: normal;}

/* CONTENT TYPE MOVIE */
.record.ContentTypeMovie{width: 100%;}
.record.ContentTypeMovie .title{ border-bottom: 1px dashed;  font-size: 18px; margin: 10px 0; padding: 5px 0 5px 2px;}
.record.ContentTypeMovie .title span.date{font-size:11px; float: right; font-style: italic;}
.record.ContentTypeMovie .movie{ margin: auto;  padding: 10px;  text-align: center;}
.record.ContentTypeMovie .description{padding: 5px 0;}
.record.ContentTypeMovie .popup{}
.record.ContentTypeMovie .popup .title{}
.record.ContentTypeMovie .popup .movie{ border: 1px solid;  cursor: pointer;  float: left; margin: 5px 10px 5px 0; padding: 5px;}
.record.ContentTypeMovie .popup .movie:hover{ opacity:0.7; filter:alpha(opacity=70);}
.record.ContentTypeMovie .popup .description{padding:0px;}
.record.ContentTypeMovie .popup .div.clear{padding:0px;clear:both;}

/* Advanced record object */
div.advr_container a.object_action{   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);  border: 1px solid #DDDDDD;  border-radius: 5px 5px 5px 5px;  padding: 2px;  position: absolute; top: 0px; z-index: 1000; opacity: 0.25;  /*display:none;*/}
div.advr_container a.object_delete{right:80px;}
div.advr_container a.object_position{ right: 30px;}
div.advr_container a.object_update{ right: 55px;}
.ContentTypeAdvancedRecord.simple a.object_action{display:none;}

/* Advanced record Content type image */
div.image.advr_container {z-index: 10;}

/* Advanced record Content type file*/
div.file.advr_container a.download_link{font-weight: bold; }
div.file.advr_container a.download_icon{float: left;}
div.file.advr_container.display_0 div.file_info{color: #999999; float: right; font-size: 12px; font-style: italic; font-weight: normal;}
div.file.advr_container.display_0 div.file_content{}
div.file.advr_container.display_1 div.file_info{color: #999999;  font-size: 12px; font-style: italic; font-weight: normal;}
div.file.advr_container.display_1 div.file_content{}
div.file.advr_container.display_2 div.file_info{color: #999999;  font-size: 12px; float:right; font-style: italic; font-weight: normal;}
div.file.advr_container.display_2 div.file_content{}
div.file.advr_container.display_3 div.file_info{color: #999999; width:100%;  font-size: 12px; float:left; font-style: italic; font-weight: normal;}
div.file.advr_container.display_3 div.file_content{}
div.file.advr_container.display_5 a.download_icon{float: none;}

/* social buttons widget*/
div.social_button{    padding: 10px 10px 10px 0px;}

/* USER ADMIN WIDGET */
div.social_config{ background: url("/images/social.png") no-repeat scroll 0 5px transparent;  border-top: 1px dotted;  margin: 10px 0 0;   padding: 5px;}
div.social_config a{ display: block; padding: 0 5px 5px 75px;}


/* FACEBOOK WIDGET */
.facebook.fixed{position:fixed; top:50px;}
.facebook.fixed.left{left:0px;}
.facebook.fixed div.facebook_button{height: 100px;  width: 40px;  margin-top: 25px; cursor:pointer;}
.facebook.fixed div.facebook_button:hover{ opacity: 0.95; filter: alpha(opacity=95);}
.facebook.fixed.left div.facebook_button{background: url("/images/facebook35x35.png") no-repeat scroll 0 28px #0154A0; border-bottom: 1px solid #FFFFFF;border-radius: 0 10px 10px 0;border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;float: right; margin-right: -40px;}
.facebook.fixed.right{right:0px;}
.facebook.fixed.right div.facebook_button{background: url("/images/facebook35x35.png") no-repeat scroll 4px 28px #0154A0; border-bottom: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-radius: 10px 0 0 10px;border-top: 1px solid #FFFFFF; float: left; margin-left: -40px;}
.facebook.fixed.right div.facebook_widget{background: none repeat scroll 0 0 #0154A0; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-radius: 10px 0 0 10px; border-top: 1px solid #FFFFFF; padding: 10px 5px 10px 10px;}
.facebook.fixed.left div.facebook_widget{  background: none repeat scroll 0 0 #0154A0;  border-bottom: 1px solid #FFFFFF;  border-radius: 0 10px 10px 0; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 5px;}
.fb_iframe_widget{ background: #fff;}

/* Bredcrumb */
ul.bredcrumb{ margin: 0 0 10px;    padding: 0;}
ul.bredcrumb li{    display: inline-block;    margin-right: 10px;}
ul.bredcrumb li a{    background: url("/images/bds.png") no-repeat scroll right center transparent;    padding-right: 20px;}

/* Newsletter widget */
div.newsletter_box_form{}
div.newsletter_box_form div.enable_disable_actions{ position: absolute; right: 0; top: -10px;}
div.newsletter_box_form div.enable_disable_actions a.enable{    background: url("/images/icons/24x24/tick.png") repeat scroll 0 0 transparent;    display: inline-block;    height: 16px;    margin-right:5px;    width: 16px;}
div.newsletter_box_form div.enable_disable_actions a.disable{    background: url("/images/icons/24x24/prohibition-button.png") repeat scroll 0 0 transparent;    display: inline-block;    height: 16px;    width: 16px;}

/* forms social */
div.config_form{    font: 11px/16px arial;    padding:10px;}
div.form{    font: 11px/18px arial;}

/* admin content on site */
div.admin_content{    padding:10px;    background: #fff;    border: 1px solid #ddd;}
input.button_submit{    font: bold 12px/18px arial;}

table.rights{margin-bottom:15px;}
table.rights tr th{    background: none repeat scroll 0 0 #7AB3D4;    border-bottom: 1px solid #DDDDDD;    border-left: 1px solid #DDDDDD;    border-top: 1px solid #DDDDDD;    color: #FFFFFF;    font: bold 12px/18px arial;    padding: 4px 10px;}
table.rights tr th.top{}
table.rights tr th.left{}
table.rights tr th.right{ border-right: 1px solid #DDDDDD;}
table.rights tr td{      border-bottom: 1px solid #DDDDDD;    border-left: 1px solid #DDDDDD;    padding: 5px;    text-align: center;}
table.rights tr:nth-child(even) td{background:#FAFAFA;}
table.rights tr:nth-child(odd) td{background:#EBF3F9;}
table.rights tr td input{display: inline;    margin: 0 43%;    text-align: center;}
table.rights tr td.left{text-align: left;}
table.rights tr td.right{ border-right: 1px solid #DDDDDD;}


div.admin_content a.ui-button{   font:bold 12px/18px arial;margin-bottom: 10px;   clear:both;}
div.admin_content a:hover{    color: #fff;}

/* user manage cms site (moderatores and users)*/
div.user_manage,div.user_newsletter{    border-top: 1px dotted;    padding-top: 5px;   margin-top:5px;}
div.user_manage a{    background: url("/images/icons/24x24/users.png") no-repeat scroll 0 0 transparent;    padding: 2px 5px 2px 25px;}
div.user_manage a:hover,div.user_newsletter a:hover{  text-decoration:underline;}


div.user_newsletter a{    background: url("/images/icons/24x24/mail-at-sign.png") no-repeat scroll 0 0 transparent;     padding: 2px 5px 2px 25px;}

/* Animated banner Widget */
div.animated_banner {position:relative;}
div.animated_banner div.animated_banner_action{z-index:100;position:absolute;right:25px; top:0px;cursor:pointer;}
div.animated_banner div.banner_content{overflow: hidden;}
div.animated_banner div.image_container {position:relative;}
div.animated_banner div.image_container .item{position:absolute; top:0px; left:0px;}
div.animated_banner div.image_container div.banner_title{color: #FFFFFF; font: 18px/26px arial; left: 50px;  position: absolute;   top: 150px;}
div.animated_banner div.image_container div.banner_content{color: #FFFFFF; font: 12px/18px arial; left: 50px;  position: absolute;  top: 200px; width:400px;}
div.animated_banner div.banner_nawigation{}
div.animated_banner div.banner_nawigation ul{  list-style: none outside none;  margin: 0; padding: 0;}
div.animated_banner div.banner_nawigation ul li{ display: inline-block;   margin: 5px 5px 5px 0;}
div.animated_banner div.banner_nawigation a.banner_next{     background: url("/images/prevNextBtn.png") no-repeat scroll -25px 0 transparent;    display: inline-block;    height: 25px;    margin: 0;    position: absolute;    right: 20px;    top: 140px;    width: 20px;}
div.animated_banner div.banner_nawigation a.banner_prev{   background: url("/images/prevNextBtn.png") no-repeat scroll 0 0 transparent;    display: inline-block;    height: 25px;    margin: 0;    left:0px;    position: absolute;    top: 140px;    width: 20px;}
div.animated_banner.admin:hover  div.banner_content{opacity: 0.9; filter:alpha(opacity=90);border-radius: 10px;background: rgba(0,0,0,0.1);}

/*Image Box*/
.imageBox.not-active{
    opacity:0.3; filter:alpha(opacity=30);
}

.color .price {
  width: 250px;
}
.color .price span{
  display:block;
}

div.form .color .price span.netto{
  
}
div.form .color .price span.brutto {
  color: green;
  font-size: 13px;
  line-height: 20px;
}


.facebook-button{
    background: #4c69ba;
    background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
    background: -webkit-linear-gradient(#4c69ba, #3b55a0);
    border: none;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-shadow: 0 -1px 0 #354c8c;
    white-space: nowrap;
    text-align:center;
    width:120px;
}