@charset "utf-8";
/* CSS Document */


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,  img, ins, kbd, q, s, samp,b
small, strike,   tt, var,
b, u, i, center,multiselect
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;


}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}



ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

*:focus { outline: none } 

/*selection color */
::selection {
	background: #f25a55; 
	color:#FFF;
}
::-moz-selection {
	background: #f25a55; /* Firefox */
	color:#FFF;
}

 input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}


/* placeholder  */

/* ---------------------------------------------------------- */

/* fonts  */ 

@font-face {
    font-family: "bariol";
    
    src: url("../_new_web/includes/fonts/bariol_regular-webfont.eot");/* IE9 Compat Modes */
    src: url("../_new_web/includes/fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"),/* IE6-IE8 */
	/* url("../_new_web/includes/fonts/bariol_regular-webfont.svg") format("svg"),/* Chrome, Legacy iOS */
         url("../_new_web/includes/fonts/bariol_regular-webfont.woff") format("woff"),/* Modern Browsers */
         url("../_new_web/includes/fonts/bariol_regular-webfont.ttf") format("truetype");/* Safari, Android, iOS */
    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bariol_bold"; 
    
    src: url('../_new_web/includes/fonts/bariol_bold-webfont.eot'); /* IE9 Compat Modes */
    src: url("../_new_web/includes/fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"),/* IE6-IE8 */
        /* url("../_new_web/includes/fonts/bariol_bold-webfont.svg") format("svg"),/* Chrome, Legacy iOS */
         url("../_new_web/includes/fonts/bariol_bold-webfont.woff") format("woff"),/* Modern Browsers */
         url("../_new_web/includes/fonts/bariol_bold-webfont.ttf") format("truetype"); /* Safari, Android, iOS */
    
    font-weight: normal;
    font-style: normal;
    
    
}

/* basic layout */

body {
	font-family: 'Open Sans',Arial,sans-serif;
	font-size: 100%;
	color: #808890;
	background-color: #FFF;
	background-image: url('../images/layout/body_bck_1.png');
	background-repeat: repeat;

	
}
html, body {
	height: 100%;

}



a { color: #f25a55; text-decoration: none;}

a:hover {
 color: #f25a55;
 text-decoration: none;
}


.strong {
	font-weight: bold;
}
.clear {
	clear: both;
}
.left, .m_left1, .m_left2 {
	float: left;
}
.right, .m_right1, .m_right2 {
	float: right;
}
.hide, .hide2, .hide3 { display: none;}
.hide.show { display: inherit;}
.t_center { text-align: center; }
.t_right { text-align: right; }
.t_left { text-align: left; }
.inl_block {   display: inline-block; vertical-align: top;  }
.small_c { text-transform: lowercase;}
.modal_box_content .inl_block {  padding: 0px 22px;}

.no_wrap {  white-space:nowrap;}


.rel { position: relative;}
.abs { position: absolute;}
.oh { overflow: hidden;}
.break-me {    word-wrap: break-word;}
.open { cursor: pointer;}

.tab_row { display: table-row;}
.tab_cell { display: table-cell;}

.line_t { text-decoration: line-through;}

body.touch .click { cursor: pointer}




/* ----------------------------------------------------------------------  */
/*nadpisy, pisma*/

.ndp_1 {
 font-size: 1.2em;
 line-height: 22px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 text-transform: uppercase;
 color: #697578;
 text-align: left;
}
.ndp_1.v2 {
 color: #ffffff;
}
.ndp_1.t_center { text-align: center;}
.ndp_1 span {
 color: #f25a55;
}

.ndp_1.lock_gal  {
 background-image:url("../images/layout/lock_1_icon.png");
 background-repeat: no-repeat;
 background-position: left center;
 text-indent: 23px;
 
}


.ndp_2, .msg_2.ndp_2 {
 font-size: 0.9em;
 font-weight: bold;
 text-transform: uppercase;
 color: #627074;
}
.ndp_2.v2 {
 color: #ffffff;
}

.ndp_3 {
 font-size: 0.8em;
 color: #808890;
}
.ndp_4 {
 font-size: 11px;
 color: #808890;
}
.ndp_5 {
 font-size: 0.7em;
 color: #808890;
}
.ndp_6 {
 font-size: 1em;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 text-transform: uppercase;
 color: #697578;
 background-color: #f1f6f8;
 padding: 7px 24px; 
 border-top: 1px solid #e2e9ec; 
 border-bottom: 1px solid #e2e9ec; 
}

.f_1_m { font-size: 1em; }

.f_green_1 { color:#9ac47f;}
.f_red_1, .sdes.f_red_1, .tab_1 tbody tr td a.f_red_1, .tab_1 tbody tr.f_red_1 { color:#f25b56;}
.f_nor_1 { color:#808890;}
.f_white_1 { color:#ffffff;}


/* ----------------------------------------------------------------------  */


.content_bb {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}

.content_bb.vis {	overflow: visible;}
.content_bb.ban2 { min-height: 600px;} 

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-right: auto;
	margin-bottom: -105px;
	margin-left: auto;
}


.push, footer {
	height: 75px;
	clear: both;
	margin-top: 30px;
}


/* pomocne prvky*/

.pom_1, .m_pom_1, .m_pom_1m { margin-left: 10px;}
.pom_2 { margin-top: 10px;}
.pom_3 { margin-top: 30px;}
.pom_4, .con_block_1.pom_4 { padding-left: 22px; padding-right: 22px;}

.pom_5 { padding-bottom: 10px;}
.pom_6 { margin-top: 20px;}
.pom_7 { margin-left: 25px;}
.pom_8 { margin-top: 2px;}
.pom_9 { max-width:  400px;}
.pom_10 { margin-bottom: 15px;}
.pom_11 {  max-height: 300px; overflow-x: hidden; overflow:auto; }
.pom_12 { padding-top: 10px; padding-bottom: 10px; overflow: hidden;}
.pom_13 { width:48%; }
.pom_14 { margin-left: 160px; }
.pom_15 { margin-right: 5px; }
.pom_16 { margin-top: 15px; }
.pom_17, .con_block_1.pom_17 { padding-left: 15px; padding-right: 15px;}
.pom_18 { margin-bottom: 25px;}
.pom_19 { padding-top: 15px;}
.pom_20 { max-width:  600px;}
.pom_21 { margin-right: 15px; } /* v mobil, tablet mode je nastavena na margin-right: 0px;*/
.pom_22 { margin-right: 58px; } /* v mobil, tablet mode je nastavena na margin-right: 0px;*/
.pom_23 { margin-bottom: 15px;}
.pom_24 { width:  660px;}
.pom_25 { min-width:  30px;}
.pom_26 { margin: 20px auto; width: 80%; position: relative; z-index: 1;}
.pom_27 { margin-top: 20px; margin-bottom: 20px;}
/* ---------------------------------- */


.line_t1, .line_t2 { border-top: 1px solid #e2e9ec; margin-top: 10px;  padding-bottom: 10px;}
.line_t2 { margin-top: 0px;}

/* hlasky */s_5

.form_msg { 
 /*display:none;*/ 
}

.msg_1 {
	margin-top: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #69777b;
	font-size: 12px;
	line-height: 16px;
	
	text-align: left;
	background-image: url("../images/layout/footer_bck.png");
	background-repeat: repeat-x;
	background-position: top;
	background-color:#ffe9e8;
}

.msg_1 .h { font-weight: bold; color: #525c5f;}


.msg_2 {
	font-size: 0.8em;
	border-bottom: 1px solid #e2e9ec;
	padding-top: 0px; 
	padding-bottom: 15px; 
	position: relative;
}


.msg_3 {
	font-size: 0.8em;
	border: 1px solid #E6ECED;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 7px; 
	text-align: center;
	text-transform: uppercase;
	font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}


.msg_4 {
	font-size: 0.8em;
	padding-top: 0px; 
	padding-bottom: 0px; 
	position: relative;
}
.msg_5 {
	font-size: 0.8em;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #D3E9C4;
    color:#75A755;
    margin: 10px 0px;
}
.msg_6 {
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #f25b56;
    border: 1px solid #db4d48;
    color:#ffffff;
    
}
.msg_6 a {
	text-decoration: underline;
    color:#ffffff;
}

.msg_7 {
	font-size: 0.8em;
	padding-top: 17px; 
	padding-bottom: 10px; 
}

.msg_8, .msg_9 {
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
    font-size: 1em;
}
.msg_8 {
    background-color: #f8fef4;
    border: 1px solid #d3e9c4;
    color:#75a755;
}
.msg_8 span { color:#26371c;}

.msg_8.v2 { margin-bottom: 30px;}

.msg_9 {
    background-color: #f7e6e6;
    border: 1px solid #e6bcbb;
    color:#f3625c;
}
.msg_9 span { color:#b1322d;}
.msg_9 a { color:#b1322d;}
.msg_9 a:hover { text-decoration: underline;}

.msg_10 {
	font-size: 0.8em;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #ecf1f3;
    color:#7b8285;
    margin: 10px 0px;
}
.msg_11 {
	font-size: 0.8em;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #D3E9C4;
    color:#75A755;
    margin: 10px 0px;
     border: 1px solid #c6d9b9;
 
}

.msg_12, .msg_13 {
    font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
    font-size: 9px;
    border-radius: 5px;
    padding: 1px 4px;
    background-color: #f25b56;
    color:#ffffff;
    text-transform: uppercase;
}
.msg_13 {
    background-color: #899193;
}


.notice_msg_1, .notice_msg_2 {
 
 padding: 10px 25px 10px 35px;
 position: fixed;
 top:15px;
 right:-255px;
 color: #ffffff;
 font-size: 12px;
    background-image: url('../images/layout/notice_info.png');
    background-repeat: no-repeat;
    background-position: 10px center;
 -webkit-box-shadow: 3px 4px 0px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    3px 4px 0px 0px rgba(50, 50, 50, 0.15);
box-shadow:         3px 4px 0px 0px rgba(50, 50, 50, 0.15);

max-width: 200px;
}
.notice_msg_1 { background-color: #a4a4a4;}
.notice_msg_2 { background-color: #f3625c;}
.notice_msg_2 a { color: #ffffff; text-decoration: underline; }
.notice_msg_2 a:hover { color: #ffffff; text-decoration: underline;  }


#notice_msg span.close {
    background-color: #999999;
    background-image: url('../images/layout/notice_close.png');
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 3px;
    cursor: pointer;
}
#notice_msg  span.close:hover { background-color: #8a8989; }
   


.inl_alert_msg {
	margin-top: 15px;
	margin-left: 170px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #69777b;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	background-image: url("../images/layout/footer_bck.png");
	background-repeat: repeat-x;
	background-position: top;
	
}



.filter_res {
    font-size: 0.9em;
    position: relative;
    padding-right: 30px;
    float:left;
}
.filter_res strong {
 color: #f25a55;
}



.filter_res .remove {
    background-image: url('../images/layout/close_2.png');
    background-repeat: no-repeat;
    height: 18px;
    width: 20px;
    position: absolute;
    right:0px;
    top:2px;
}
.filter_res .remove:hover { background-position: bottom;}
/* ---------------------------------- */



/* header */

header {
 background-color: #FFFFFF;
 
}

.top_menu {
 border-bottom: 1px solid #e6eced;
 line-height: 40px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 text-transform: uppercase;
 font-size: 0.8em;
 margin-bottom: 22px;
}

.top_menu li {
 float:left;
 margin-right: 0px;
 
}
.top_menu li a { 
		color: #808890; 
		margin: 5px 0px; 
		padding: 0px 10px;
		height: 28px; 
		line-height: 28px;
		display: block;
}
.top_menu li a:hover { color: #f25a55;}


.top_menu li a img { 
}
.top_menu li a.old_web { 
background-color:#eef6f9;
}
.top_menu li a.old_web:hover { 
background-color:#f25c57;
color: #ffffff;
}


.top_menu li.right {
 float:right;

}


.top_menu li.logoff {
  margin-left:5px;
  text-transform: lowercase;
}
.top_menu li.logoff a, .top_menu li.user_name a {
  padding: 0px 0px;
}
.top_menu li.user_name {
  text-transform: none;
  margin:0px 0px;
}
.top_menu li.user_name div.img  {
 float:right;
 margin-left: 5px;
 position: relative;
width: 50px;
height: 40px;
}
.top_menu li.user_name div.img div  {
 position: absolute;
 text-align: center;
 top:0px;
 width: 50px;
 height: 47px;
 background-image: url("../images/layout/log_user_bck.png");
 background-repeat: no-repeat;
 background-position: bottom;
}
.top_menu li.user_name div.img div img  {
margin-top: 3px;
border-radius: 5px;
}


.logo {
 float:left;
 position: relative;
}

.logo img {
width: 250px;
height: 60px;
}

.logo h1 , .logo .style_h1 {
font-size: 12px;
position: absolute;
right:0px;
bottom: 8px;
font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}

.main_menu {
 clear: both;
  margin-top: 16px;
  background-image: url("../images/layout/main_menu_bck.png");
  background-repeat: repeat-x;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9em;
  height: 48px;
  overflow: hidden;
  text-shadow: 0px 1px 0px rgba(177, 27, 24, 0.7);
  
}
.main_menu ul {
 background-image: url("../images/layout/main_menu_odd.png");
  background-repeat: repeat-y;
  background-position: left;
  overflow: hidden;
  line-height: 46px;
   display: table;
 width: 100%;
  
}
.main_menu li {
  background-image: url("../images/layout/main_menu_odd.png");
  background-repeat: repeat-y;
  background-position: right;
  display: table-cell; 
 
}


.main_menu li.visible-tablet-phone {
  display: none;  
}



.main_menu li a {
 color: #FFF;
 padding: 0px 13px 0px 15px;
 display: block;
  margin-right: 2px;
  text-align: center;
 -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}


.main_menu li:first-child a {
  margin-left: 2px;
}

.main_menu li a:hover, .main_menu li a.activ {
 
background-color: #dc4e49;
   -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.main_menu .show_menu {
  display: none;
}

.h_search_box {
 float:right;
 padding-top: 3px;
}

.h_search_box .search {
 float:left;
 position: relative;
 margin-left: 10px;
}


/* search input */
.search .inp {  
width: 380px;
height: 46px;
position: relative;
z-index:101;
}
.search .inp input {  width: 230px; margin-top: 4px; font-size: 1em;}
.search .but_pl {
   position: absolute;
   right:0px;
 z-index:102;
 
}
.search .but_2 {
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    float:right;
    padding: 12px 15px; 
     font-size: 0.9em;
 
}

.search .search_butt {
   float:left;
  background-image:url("../images/layout/search.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 48px;
   box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
}
.search .search_butt:hover {
 background-position: bottom;
}




.cat_butt { 
float:left;
}


.user_menu, .user_menu ul {
 line-height: 52px;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 display: table;
 width: 100%;
}
.user_menu li {
 position: relative;
 white-space:nowrap;
 display: table-cell;
}

.user_menu li.account {
 padding: 0px 5px;
 line-height: 14px;
 font-size: 12px;
 vertical-align: top;
 padding-top: 4px;
 background-color: #f4fbfe;
 border-radius: 0px 0px 7px 0px;
 font-weight: normal;
 text-transform: none;
 overflow: hidden;
 width: 180px;

}
.user_menu li.account .acc_info {float:left;}

.user_menu li.account .change  {
    border: none;
    color: #ffffff;
    padding: 2px 10px;
    font-size: 11px;
    line-height: 11px;
    float:left;
    text-transform: none;
    margin-top: 0px;
}

.user_menu li.account.acc_1 .acc_info {
  padding-top: 5px;
}
.user_menu li.account.acc_1 .change {
  margin-top:5px;
}

.user_menu li.account .icon {
 background-repeat: no-repeat;
width: 20px;
height: 25px;
float:left;
margin-top: 10px;
margin-right:10px;
margin-left: 10px;
}
.user_menu li.account.acc_1 .icon  { background-image:url("../images/layout/info_icon_1.png"); }
.user_menu li.account.acc_2 .icon  { background-image:url("../images/layout/acc_sign_2.png"); }
.user_menu li.account.acc_3 .icon { background-image:url("../images/layout/acc_sign_3.png"); }




.user_menu li.account .note {
 font-size: 10px;
 line-height: 14px;
 font-family: 'Open Sans',Arial,sans-serif;
 font-weight: normal;
 margin-bottom: 1px;
}




.user_menu li a {
 display: block;
 border-right: 1px solid #e4eaed;
 padding: 0px 20px;
 color:#627074;
 text-align: center;
 overflow:hidden;
 position: relative;
}
.user_menu li a:hover {
 color: #f25a55;
}

.user_menu li:last-child a {
 border-right: none;
}

.user_menu li a .count {
 font-family: 'Open Sans',Arial,sans-serif;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
color: #ffffff;
  text-shadow: 0px 1px 0px rgba(125, 79, 28, 0.9);
  border-radius: 10px;
 box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  0px 2px 2px -2px rgba(0, 0, 0, 0.4);
 -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px -2px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  0px 2px 2px -2px rgba(0, 0, 0, 0.4);
  width:auto;
  background-color: #ffb152;
  border: 1px solid #db882b;
  
  padding: 5px 10px;
  margin-left: 10px;
  margin-top: 0px;
}
.user_menu li a .new {
 font-family: 'Open Sans',Arial,sans-serif;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(125, 79, 28, 0.9);
  border-radius: 10px;
  width:auto;
   background-color: #f25a55;
  padding: 5px 10px;
  margin-left: 5px;
  margin-top: 0px;
}


.user_menu li ul a .count {
  float:none;
  margin-top: 6px;
}
.user_menu li ul a .count_wrap {
  display: table-cell;
  float:none;
  padding-left: 10px;
}

.user_menu li ul a .name {
  display: table-cell;
  width: 100%;
  float:none;
}

.user_menu li a .name {
  width: auto;
  display: inline-block;
}
.user_menu li  a .count_wrap {
   display: inline-block;
}

.user_menu li.sub a { padding: 0px 15px 0px 5px; clear: both;}

.user_menu li.sub ul li a { padding: 0px 10px;}


.user_menu li.sub a span.a {
 background-image: url("../images/layout/arrow_2.png");
 background-repeat: no-repeat;
 width:10px;
 height: 5px;
 position: absolute; 
 top: 24px;
 right: 5px;
}

.user_menu li.sub a:hover span.a {
 background-position: bottom;
}

.user_menu li ul {
display: none;
position: absolute;
background-color: #FFFFFF;
 -webkit-box-shadow: 2px 3px 2px 0px rgba(187, 200, 203, 0.62);
-moz-box-shadow:    2px 3px 2px 0px rgba(187, 200, 203, 0.62);
box-shadow:         2px 3px 2px 0px rgba(187, 200, 203, 0.62);
line-height: 35px;
z-index: 100;
width: auto;
font-size: 0.9em;


}
.user_menu li ul li {
float:none;
white-space:nowrap;
display: block;

}
.user_menu li ul li a {
border-top: 1px solid #e4eaed;
border-right: none; 
text-align: left;
}

/* ---------------------------------- */
/* footer*/

footer {
 background-image: url("../images/layout/footer_bck.png");
 background-repeat: repeat-x;
 background-color: #FFFFFF;
}

.copyright a {
 color:#8b969c;
}

.copyright a:hover {
 color:#f25a55;
}
.copyright {
 color:#acb5ba;
 padding-top: 15px;
 text-align: center;
 font-family: Arial,sans-serif;
  font-size: 0.7em;
}


.copyright p, .copyright .links   {
 font-size: 1.2em;
 margin-bottom: 5px;
  display: inline-block; 
  vertical-align: top; 
}
   


.copyright .links a {
 margin-left:5px;
 padding-left:10px;
 background-image: url("../images/layout/point_1.png");
 background-repeat: no-repeat;
 background-position: center left;
}
.copyright .makers {
clear: both;
}
.stat_links {
padding-top: 5px;
}



/* BUTTONS  */

button {
	border: none;
	background-color: transparent;
	margin: 0px;
}


button[disabled] {
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
button::-moz-focus-inner {
    border:0;
    padding:0;
}

button, .odk_button {
	font-family: 'Open Sans',Arial,sans-serif;
	
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 15px;
	border-radius: 5px 5px 5px 5px;
       box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  0px 2px 2px -2px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px -2px rgba(0, 0, 0, 0.4);
       -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  0px 2px 2px -2px rgba(0, 0, 0, 0.4);

}
button.auto, .odk_button.auto, .modify_content button.auto {
	width:auto;
}



/* button sizes */

button.size_0, .odk_button.size_ { width: 100%;   }
button.size_1, .odk_button.size_1 {padding: 0px 15px; height: 46px;  line-height: 46px; min-width: 20px;  }
button.size_2, .odk_button.size_2 {  width: 150px; }

.odk_button.size_1.but_1 {color: #ffffff;}



/* button types */
.but_1 {
	color: #ffffff;
	
	text-shadow: 0px 1px 0px rgba(177, 27, 24, 0.7);
	width:auto;
	background-color: #f1534e;
	padding: 8px 15px;
	border: 1px solid #c93f3b;

       background-image: -webkit-gradient(
	       linear,
	       left bottom,
	       left top,
	       color-stop(0, #F04F49),
	       color-stop(0.18, #F46661)
       );
       background-image: -o-linear-gradient(top, #F04F49 0%, #F46661 18%);
       background-image: -moz-linear-gradient(top, #F04F49 0%, #F46661 18%);
       background-image: -webkit-linear-gradient(top, #F04F49 0%, #F46661 18%);
       background-image: -ms-linear-gradient(top, #F04F49 0%, #F46661 18%);
       background-image: linear-gradient(to top, #F04F49 0%, #F46661 18%);	
	
}


	 

.but_1:hover {
	color: #ffffff;
	background-color: #f3625c;
	 background-image: -webkit-gradient(
	       linear,
	       left bottom,
	       left top,
	       color-stop(0, #F04F49),
	       color-stop(0.18, #F46661)
       );
       background-image: -o-linear-gradient(top, #f35e58 0%, #f67a74 18%);
       background-image: -moz-linear-gradient(top, #f35e58 0%, #f67a74 18%);
       background-image: -webkit-linear-gradient(top, #f35e58 0%, #f67a74 18%);
       background-image: -ms-linear-gradient(top, #f35e58 0%, #f67a74 18%);
       background-image: linear-gradient(to top, #f35e58 0%, #f67a74 18%);	
}


.but_1:active {
	background-color: #e54b46;
	background-image:none;
	 box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
}
.but_1:link, .but_1:visited,.but_4:link, .but_4:visited  {color: #ffffff;}




.but_2 {
	color: #627074;
	font-size: 0.7em;
	
	width:auto;
	background-color: #ffffff;
	padding: 8px 10px;
	border: 1px solid #ced8dc;

       box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  0px 2px 2px -2px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
       -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  0px 2px 2px -2px rgba(0, 0, 0, 0.2);
}

.but_2:hover, .but_2:link:hover, .but_2:visited:hover {color: #f25752;}
.but_2:link, .but_2:visited {color: #627074;}

.but_3 {
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(70, 102, 50, 0.7);
	width:auto;
	background-color: #75a755;
	padding: 8px 15px;
	border: 1px solid #618b47;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #75A755),
	color-stop(0.18, #7CAD5C)
);
background-image: -o-linear-gradient(top, #75A755 0%, #7CAD5C 18%);
background-image: -moz-linear-gradient(top, #75A755 0%, #7CAD5C 18%);
background-image: -webkit-linear-gradient(top, #75A755 0%, #7CAD5C 18%);
background-image: -ms-linear-gradient(top, #75A755 0%, #7CAD5C 18%);
background-image: linear-gradient(to top, #75A755 0%, #7CAD5C 18%);
	
}


	 

.but_3:hover {
	color: #ffffff;
	background-color: #f3625c;
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #82B361),
	color-stop(0.18, #8ABA68)
);
background-image: -o-linear-gradient(top, #82B361 0%, #8ABA68 18%);
background-image: -moz-linear-gradient(top, #82B361 0%, #8ABA68 18%);
background-image: -webkit-linear-gradient(top, #82B361 0%, #8ABA68 18%);
background-image: -ms-linear-gradient(top, #82B361 0%, #8ABA68 18%);
background-image: linear-gradient(to top, #82B361 0%, #8ABA68 18%);	
}


.but_3:active {
	background-color: #75a755;
	background-image:none;
	 box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
}


.but_4 {
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 0.7);
	width:auto;
	background-color: #7a7a7a;
	padding: 8px 15px;
	border: 1px solid #5d5d5d;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #7A7A7A),
	color-stop(1, #8F8F8F)
);
background-image: -o-linear-gradient(top, #7A7A7A 0%, #8F8F8F 100%);
background-image: -moz-linear-gradient(top, #7A7A7A 0%, #8F8F8F 100%);
background-image: -webkit-linear-gradient(top, #7A7A7A 0%, #8F8F8F 100%);
background-image: -ms-linear-gradient(top, #7A7A7A 0%, #8F8F8F 100%);
background-image: linear-gradient(to top, #7A7A7A 0%, #8F8F8F 100%);
	
}
.but_4:hover {
	color: #ffffff;
	background-color: #8e8e8e;
	background-image:none;
}


.but_4:active {
	background-color: #4b4b4b;
	background-image:none;
}


.but_5 {
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 0.7);
	width:auto;
	background-color: #F25B56;
	
	padding: 2px 5px;
	border: 1px solid #DB4D48;
	font-size: 10px;
	line-height: 12px;
	
}
.but_5:hover {
	color: #ffffff;
	background-color: #DB4D48;
}


.but_5:active {	background-color: #DB4D48;}



.b_icon {
   position: relative;
   text-indent: 21px;
   min-height:22px;
   min-width:30px;
}

.b_icon span.i  { 
 position: absolute;
 background-position: top;
 background-repeat: no-repeat;
 width: 20px;
 height: 19px;
 left:5px;
 top:10px;
}
.b_icon:hover  span.i  { 
 background-position: bottom;
}

.b_icon.nt  { 
text-indent: inherit;
 padding: 8px 5px;
}
.b_icon.nt span.i  { 
left:5px;
}





.icon_1 span.i {  background-image: url('../images/layout/icon_1.png');}
.icon_2 span.i  {  background-image: url('../images/layout/icon_2.png');}
.icon_3 span.i {  background-image: url('../images/layout/icon_3.png');}
.icon_4 span.i {  background-image: url('../images/layout/icon_4.png');}
.icon_5 span.i {  background-image: url('../images/layout/icon_5.png');}
.icon_11 span.i {  background-image: url('../images/layout/icon_8.png');}
.icon_12 span.i {  background-image: url('../images/layout/icon_9.png');}
.odk_button.size_1.icon_6 {
  text-indent: 0px;
  padding-right: 45px;
  font-size: 0.9em;
}
.icon_6 span.i {
 background-image: url('../images/layout/icon_6.png');
 width: 26px;
 height: 24px;
 top:11px;
 right: 7px;
 left: auto;
}


.icon_7, .icon_8, .icon_9  {
 width: 17px;
 height: 17px;
 display: block;
}
.icon_7  { background-image: url('../images/layout/rat_1_s.png');}
.icon_8  { background-image: url('../images/layout/rat_2_s.png');}
.icon_9  { background-image: url('../images/layout/rat_3_s.png');}

.icon_10  {
 background-image: url('../images/layout/next_2.png');
 width: 15px;
 height: 15px;
 display: block;
}
.icon_10:hover  { background-position: bottom;}


/* --------------------------------------------------------------------  */

/* form item block */
.modify_content {
 padding: 0px 22px;
 clear: both;
}

.modal_box_content .modify_content {
 padding: 0px 22px;
 clear: both;
 width: 600px;
}




.modal_box_content .modify_content .f_b {
    margin-left: 0px;
}

.modify_content .select_box, .modify_content .select_box_list, .modify_content .inp, .modify_content .textarea {   width: 360px;}
.modify_content button, body.touch .modify_content .select_box_select { width: 362px; float:left;}
.modify_content button.auto { width: auto; float:left;}
.modify_content button.nl { float:none;}




.f_b {
   overflow: hidden;
   padding: 5px 0px;
}
.f_b.typ_2 {
   padding: 0px 0px;
}
.f_b.vis { overflow:visible;}
/*body.touch .f_b.vis, body.simple .f_b.vis  { overflow:hidden;}*/
.f_b.np { padding: 0px;}

.f_b.c_ch { padding: 5px 0px 28px 0px;}

.f_b.but {
/*	margin-top: 30px;*/
background-color: transparent;
}




.f_b label, .lab_1 {
	display: block;
	float: left;
	width:150px;
	text-align: right;
	line-height: 18px;
	margin-right: 20px;
	padding-top:12px;
	font-size: 13px; 
	font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
	position: relative;
}	
.f_b label.t_left, .lab_1.t_left {text-align: left;}	
.f_b label span {
	font-size:0.8em;
}

.f_b.activ {
 
}

.modify_content.v2 .f_b label, .modify_content.v2 .lab_1 { 
float: none;
margin-bottom: 5px;
padding-top: 0;
text-align: left;
width: 100%;
position: relative;
 
}
.modify_content.v3 .f_b lam_clear_2bel, .modify_content.v3 .lab_1 { 
 width:auto;
}


.f_b label.l_1, .modify_content .f_b label.l_1, .f_b .lab_1.l_1, .modify_content .f_b .lab_1.l_1 {width:auto;}
.f_b .u_i {
 float:none;
 overflow: hidden;
 clear: both;
 padding-top: 3px;

}
.f_b .u_i label { font-size: 11px; color: #999999;}
.f_b.u_1 label { float:none; text-align: left; padding-top:2px; font-size:0.8em; color:#8f9c9f;}
 



.f_b .onl_txt {
 height: 38px;
 line-height: 18px;
 color: #535a5c;
 font-size: 13px;
 padding-top: 12px;
}


.f_b .rating {
 float:left;
 margin-top: 12px;
 text-align: left;
 
}
.f_b .rating_lab {
display: block;
    float: left;
    font-size: 13px;
    line-height: 18px;
    margin-right: 5px;
    padding-top: 12px;
    text-align: left;
    width:115px;
}

/* input field */	

.inp input { 
	height: 38px;
	line-height: normal;
	
	margin-left: 10px;
	padding: 0px;
        line-height: normal;
	width: 90%;
	
}





.inp input:focus::-webkit-input-placeholder  { color:transparent; }
.inp input:focus::-moz-placeholder   { color:transparent; }




.inp.search_icon {
    background-image: url("../images/layout/search_icon_1.png");
    background-position: 7px 11px ;
    background-repeat: no-repeat;
  
}
.inp.search_icon  input {
    margin-left: 35px;
    width: 80%;
}


/*select box */
.select_box_select {	}


body.touch .select_box_select {

 appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
 
 background-image:url("../images/layout/fancy_select_arrow_mobil.png");
 background-repeat: no-repeat;
 background-position: right center;
  background-color:#ffffff;
 
  
 border: 1px solid #d3d3d3;
 border-radius: 3px 3px 3px 3px;
 -moz-box-shadow: inset 0 1px 7px -2px #d3d3d3;
 -webkit-box-shadow: inset 0 1px 7px -2px #d3d3d3;
  box-shadow: inset 0 1px 7px -2px #d3d3d3;
  text-align: left;
       
  padding: 5px 25px 5px 5px;
  
  width:220px;
  height: 40px;
  position: relative;
  float: left;
  font-size: 1em;
 color: #60656A;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
body.touch .f_b.typ_2 .select_box_select {
  font-size: 0.8em;
  text-transform: uppercase;
  cursor: pointer;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
  -moz-box-shadow:    0px 1px 1px 0px rgba(187, 200, 203, 0.62);
  box-shadow:         0px 1px 1px 0px rgba(187, 200, 203, 0.62);
background-image: url("../images/layout/arrow_2_mobil.png");
 background-repeat: no-repeat;
 background-position: right center;
  background-color:#ffffff;
  height: 32px;
}
body.touch .f_b .select_box_select.dis ,  .f_b .select_box.dis {background-color:#f1f4f6;}
 



 
 



.select_box .val {
	overflow: hidden;
	position: absolute;
	
	padding-right: 30px;
	padding-left: 10px;
	color: #7F8287;
	font-size: 14px;
	 height: 38px;
	 line-height: 38px;
	
}
.f_b.typ_2 .select_box .val {
	
	padding-right: 30px;
	padding-left: 10px;
	color: #627074;
	
	 height: 32px;
	 line-height: 32px;
	
}

.select_box .v {
	background-image: url('../images/layout/fancy_select_arrow.png');
	height: 13px;
	width: 12px;
	position: absolute;
	right: 7px;
	top: 14px;
	z-index: 1;
}

.f_b.typ_2 .select_box .v {
	background-image: url("../images/layout/arrow_2.png");
	height: 5px;
	width: 10px;
	top:15px;
	right:9px;
}


.select_box:hover .v {
	background-position: bottom;
}

.select_box_list {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	display: none;
	
	padding-top:5px;
	max-height:200px;
	overflow: hidden;
	  border: 1px solid #d3d3d3;
	  border-radius: 3px 3px 3px 3px;
	-moz-box-shadow: inset 0 1px 7px -2px #d3d3d3;
       -webkit-box-shadow: inset 0 1px 7px -2px #d3d3d3;
       box-shadow: inset 0 1px 7px -2px #d3d3d3;
     -moz-box-shadow: 3px 3px 3px -3px #000;
     -webkit-box-shadow: 3px 3px 3px -3px #000;
     box-shadow: 3px 3px 3px -3px #d3d3d3;
}

.select_box_list_ul {
  width:100%;
  height: 95%;
}

.select_box_list ul {
	font-size: 16px;
	line-height: 22px;
	
	padding-top:0px;
	padding-bottom:3px;
	overflow: auto;
	margin-left:5px;
	margin-right:5px;	

}


.select_box_list li {
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 15px;
	cursor:pointer;
	margin-right: 3px;
	margin-bottom: 2px;

	font-size:0.8em;	
	  border-radius: 3px 3px 3px 3px;
}

.select_box_list li span.color {
	display:block;
	width:20px;
	height:15px;
	float:left;
	margin-right:10px;
	margin-top: 5px;
}


.select_box_list li.col_1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	  border-radius: 0px 0px 0px 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size:0.9em;
}



.select_box_list li.group {
	font-size:0.9em;
	color: #999;
	font-style: italic;
	padding-left: 5px;
	background-color: #f3f3f3;
}



.select_box_list li.active, .select_box_list li.active:hover, .select_box_list li.pr.active , .select_box_list li.pr.active:hover {
	background-color: #f25752;
	color: #FFF;
	font-weight: bold;
}

.select_box_list li.disable, .select_box_list li.disable:hover {
	background-color: #f3f3f3;
	cursor:default;
	text-transform: uppercase;
	border: 0px;
	color:#a2a2a2;
padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 15px;
	font-size:0.7em;	
	  border-radius: 3px 3px 3px 3px;
}

.select_box_list li.pr {
	background-color: #e7e6e6;
	text-transform: uppercase;
}

.select_box_list li:hover {	background-color: #f3f3f3; color:#f25752;}




/* multiple select */



/*.select_box.multiple .select_box_list_ul  {	height: 185px;}*/

.select_box.multiple .select_box_list li {
	padding-left:30px;
	padding-top: 5px;
	padding-bottom: 5px;
	position:relative;
}





.select_box.multiple .select_box_list  span {
	background-image: url(../images/layout/checkbox_1.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	display: block;
	height:19px;
	width: 19px;
	top:7px;
	left: 5px;
	position: absolute;
}

.select_box.multiple .select_box_list span.check {	background-position: 0px -19px;}
 

 
 
/* ----- */

 
/* textarea */


.textarea textarea { 
	height:80%;
	margin-top:10px;
	resize: none;
	overflow: auto; 
	margin-left:  10px;
	width: 92%;
}	

.textarea textarea :focus {
	font-style: normal;
} 


.textarea {
	height: 120px;
	position: relative;
	float: left;
	line-height: 20px;
       background-color:#FFF;
	font-size: 1em;
	text-shadow: none;
}


.textarea.h1 textarea {	height: 180px; }

.textarea.h1 {	height: 200px; }
.textarea.h2 {	height: 400px; }
.textarea.h3 {	height: 500px; }
.textarea.h3 textarea {	height: 480px;}

.textarea.h4 {	height: 100px; }

.count_char {
 position: absolute;
 clear:both;
 padding: 0px 4px;
 font-size: 10px;
 color:#8d9191;
}
.textarea .count_char { bottom: -18px;}
 
.count_char span {
 position: relative;
 background: none;
 height: auto;
 width: auto;
 top: initial;
 right:initial;
}


.count_char:before  { 
/* background-image: url('../images/layout/count_char_arrow.png');
 background-position: center;
 background-repeat: no-repeat;
 width: 7px;
 height: 100%;
 position: absolute;
 left:-7px;
 content:"";*/
 
 }	




/* checkbox */

.checkbox, .f_b label.checkbox {
	padding-top: 0px;
     display: block;
     float: left;
     cursor: pointer;
     text-align: left;
     margin: 0px;
     
	
	}
	
	

.checkbox .chb {
    
	background-image: url('../images/layout/checkbox_1.png');
	background-position:  top;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	margin-top: 0px;
	margin-right:10px;
	
	}	
.checkbox .chb.right {	float: right;	}	


.checkbox.on .chb, .radio.on  {	background-position: 0 -19px;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {	position: absolute; left: -9999px;}


/* radio */

.radio {
    
	background-image: url('../images/layout/radio_1.png');
	background-position: top;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	margin-top: 8px;
	margin-right:10px;
	}	

.f_b label.ra_1  {

	width:290px;
	margin-right: 30px;
	text-align: left;

 }


 .radio_type_1 {
  padding: 3px 2px 3px 3px;
  text-align: center;
 /*white-space:nowrap;*/
  
 }
 .radio_type_1.s_2 {
   width:315px;
 }
 .radio_type_1 label, .modify_content.v2 .radio_type_1 label {
	font-size: 0.9em;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px 5px 5px 5px;
	color: #858585;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 6px 10px 6px 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:auto;
	position: relative;
	
 }
.radio_type_1.v2 label, .modify_content.v2 .radio_type_1.v2 label {
	background-color: #f5f5f5;
 }
 .radio_type_1.dis label, .modify_content.v2 .radio_type_1.dis label,  .radio_type_1 label.dis:hover, .modify_content.v2 .radio_type_1.dis label:hover  { 
  color: #c8c8c8; 
  cursor: default;
 }
 
 #ad_type.radio_type_1  {
	width: 98%;
	padding: 3px 0.5% 3px 0.5%;
	
 }
 #ad_type.radio_type_1 label {	padding: 6px 0px; }
 #ad_type.radio_type_1.n3 label { width: 32.3%; }
 #ad_type.radio_type_1.n4 label { width: 24%; }
 #ad_type.radio_type_1.n5 label { width: 19%; }


 
 .radio_type_1 label:hover, .modify_content.v2 .radio_type_1 label:hover {
	
	color: #4b4b4b;
 }
 .radio_type_1 label.on, .modify_content.v2 .radio_type_1 label.on {
   
	box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  2px 2px 3px -2px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
       -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
	
	
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
	background-color: #f04d49;
	border: 1px solid #c93f3b;
	
	
	background-image: linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -o-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -moz-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -webkit-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -ms-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, #f04d49),
		color-stop(0.73, #f46661)
	);
 }
 .radio_type_1.dis label.on, .modify_content.v2 .radio_type_1.dis label.on {
  color: #ffffff;
	background-color: #a8a8a8;
	border: 1px solid #8b8b8b;
	background-image:none;
 }
 .radio_type_1 input[type="radio"] {
  
   position: absolute; left: -9999px;
 }

 
  .radio_type_1 label.img  {
   text-indent: 25px;
   
       
	
 }
  .radio_type_1 label.img span {
	background-repeat: no-repeat;
	background-position: 0px 0px;		
	height: 28px;
	width: 28px;
	position: absolute;
	left: 4px;
	top: 1px;
	
 }
  .radio_type_1 label.img span.positive { background-image: url('../images/layout/rat_1.png'); }
  .radio_type_1 label.img span.neutral { background-image: url('../images/layout/rat_2.png'); }
  .radio_type_1 label.img span.negative { background-image: url('../images/layout/rat_3.png'); }

 
  
.radio_type_1 label .pr {
	font-size: 0.8em;
	margin-top: 5px;
}
.radio_type_1 label .dis {
	font-size: 0.7em;
	line-height: 12px;
	margin-top: 0px;
}


 /* --------------------------------- */
 


.select_box, .select_box_list, .inp, .textarea, .radio_type_1 {
        border: 1px solid #ced8dc;
	  border-radius: 3px 3px 3px 3px;
       -moz-box-shadow: inset 0 1px 7px -2px #d3d3d3;
       -webkit-box-shadow: inset 0 1px 7px -2px #d3d3d3;
       box-shadow: inset 0 1px 7px -2px #d3d3d3;
      text-align: left;
       
       background-color:#ffffff;
      transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
       
}
.select_box, .select_box_list, .inp, .textarea {
       padding-left: 0px;
       padding-right: 0px;
       width:220px;
}




.select_box, .inp {
	height: 38px;
	position: relative;
	float: left;
/*	font-size: 1em;*/
}

.u_1 .select_box, .u_1 .inp {float:none;}
.f_b.typ_2 .select_box{
	height: 32px;
	font-size: 0.8em;
	text-transform: uppercase;
	cursor: pointer;
	
	 border: 1px solid #fff;
	 -webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
	-moz-box-shadow:    0px 1px 1px 0px rgba(187, 200, 203, 0.62);
	box-shadow:         0px 1px 1px 0px rgba(187, 200, 203, 0.62);
}


.inp input:focus, .textarea textarea:focus {
	color: #535a5c;
	font-style: normal;
	
} 


.inp input::-webkit-input-placm_right1.inp textarea:-moz-placeholder {  color: #73777d;}

.inp input, .textarea textarea { 
	background-color: transparent;
	border:0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#7f8287;
	font-style: normal;
}



/* ine velkosti inputov  (select ,input,textarea)*/

.s_0 .select_box, .s_0 .select_box_list, .touch .s_0 .select_box_select, .inp.s_0, .textarea.s_0   { width: 99%;}
.s_0.textarea textarea { width: 96%;}




.s_1 .select_box, .s_1 .select_box_list, .touch .s_1 .select_box_select, .inp.s_1, .textarea.s_1   { width: 320px;}
.s_2 .select_box, .s_2 .select_box_list, .touch .s_2 .select_box_select, .inp.s_2, .textarea.s_2   { width: 160px;}
.inp.s_2 input { width: 85%;}
.s_3 .select_box, .s_3 .select_box_list, .touch .s_3 .select_box_select, .inp.s_3, .textarea.s_3   { width: 190px;}
.s_5 .select_box, .s_5 .select_box_list, .touch .s_5 .select_box_select, .inp.s_5, .textarea.s_5   { width: 580px;}
.s_6 .select_box, .s_6 .select_box_list, .touch .s_6 .select_box_select, .inp.s_6, .textarea.s_6   { width: 120px;}
.s_7 .select_box, .s_7 .select_box_list, .touch .s_7 .select_box_select, .inp.s_7, .textarea.s_7   { width: 278px;}
.s_8 .select_box, .s_8 .select_box_list, .touch .s_8 .select_box_select, .inp.s_8, .textarea.s_8   { width: 230px;}
.s_9 .select_box, .s_9 .select_box_list, .touch .s_9 .select_box_select, .inp.s_9, .textarea.s_9   { width: 170px;}
.s_10 .select_box, .s_10 .select_box_list, .touch .s_10 .select_box_select, .inp.s_10, .textarea.s_10   { width: 110px;}


.t_b {
padding-top: 10px;
 margin-left: 10px;
 float: left;
 min-width: 20px;
 line-height: 18px;
 font-size: 0.9em;
}



/* stav form polozky */
.col_1, .inp input.col_1, .select_box .val.col_1,  .textarea textarea.col_1 {
	color: #afb0b0;
	
} 


 
.f_b.activ .inp, .f_b.activ .select_box, .f_b.activ .select_box_list, .f_b.activ .textarea, .f_b.activ.search .but_2 { 
    border: 1px solid #f8bd74;
    box-shadow: inset 0 1px 7px -2px #e6e6e6;
}				   
.f_b.typ_2.activ .select_box, .f_b.typ_2.activ .select_box_list { 
   border: 1px solid #d5dee1;
    
    
    
     -webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
	-moz-box-shadow:    0px 1px 1px 0px rgba(187, 200, 203, 0.62);
	box-shadow:         0px 1px 1px 0px rgba(187, 200, 203, 0.62);
}				   

.f_b.highlight .inp, .f_b.highlight .select_box, .f_b.highlight .select_box_list, .f_b.highlight .textarea, .f_b.highlight a.odk_button { 

       border: 2px solid #f25b56;
}



.inp .ozn {	
	
	position: absolute;
	right: 0px;
	top:0px;
	background-color: #FFFFFF;
	height: 24px;
	line-height: 24px;
	padding: 0px 10px 0px 5px;
	margin: 8px 0px;
	color:#b9b9b9;
	font-size: 0.8em;
}


 
 
.inp.dis {
       background-color:#f1f4f6;
}

.modify_content.v2  .pov_val label:not(.no_pov):first-of-type:after, .modify_content.v2 .pov_val .lab_1:not(.no_pov):first-of-type:after {
content: "";
height: 11px;
width: 13px;
background-image: url('../images/layout/pov_inp.png');
top: 3px;

right: initial;
position: absolute;
}
.pov_val label:not(.no_pov):first-of-type:after, .pov_val .lab_1:not(.no_pov):first-of-type:after {
content: "";
height: 11px;
width: 13px;
background-image: url('../images/layout/pov_inp.png');
top: 13px;
right: -10px;

position: absolute;
}


.pov_val2:after {
content: "";
height: 11px;
width: 13px;
background-image: url('../images/layout/pov_inp.png');
top: 10px;
position: absolute;
}












/*.f_b.bad_val   {background-color:#ffe9e8;}*/

.bad_val .inp input, .bad_val .select_box input, .bad_val label, .bad_val  {	 color:#f84b12;	}

.bad_val .inp, .bad_val .textarea, .bad_val .select_box, body.touch .bad_val .select_box_select  {	
   -moz-box-shadow: inset 0 1px 7px -2px #f0c7c7;
   -webkit-box-shadow: inset 0 1px 7px -2px #f0c7c7;
   box-shadow: inset 0 1px 7px -2px #f0c7c7;
   border: 1px solid #f84b12;	
}



.bad_val .checkbox ,.bad_val .radio  {	background-position: 0 -38px;}

.f_b.bad_val .select_box .v, .f_b.ok_val .select_box .v  {
	right:19px;
}

.pov {
    color: #999999;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    text-transform: lowercase;
}
.pov.t_left {  text-align: left;}
.pov.v2 {   text-transform: none; }

/* ------------------------------------------------------------------------------------------------------ */



/* jScrollPane  */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0px;
	right: 5px;
	width: 15px;
	height: 100%;
	background: transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}


.compare_area .jspHorizontalBar {height: 20px; top:0px; }


.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	/*display: none;*/
	
}

.jspCapBottom {
	height:10px;
	
}


.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
	background-color: #f2f2f2;
	padding: 4px 0px;
	border-radius: 10px 10px 10px 10px;
}

.fav_block .jspTrack {	background-color: #353131;}

.jspDrag
{
	position: relative;
	top: 0;
	left: 3px;
	cursor: pointer;
	
	background-color: #d3d3d3;
	border-radius: 10px 10px 10px 10px;
	width:9px;
	

}



.jspDrag:hover
{
	background: #b6b6b6;

	
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	
	 
	
}



.jspArrowUp 
{
	
	margin-bottom:5px;	
	
	
}

.jspArrowDown
{
	
	margin-top:5px;
}


.jspArrow.jspDisabled
{
	cursor: default;
/*	background: #FFF;*/
}

.jspVerticalBar .jspArrow
{
	height: 20px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspVerticalBar .jspArrow:hover
{
	background-position:bottom;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
	
	
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* ----------------------------------------------------------------------------------*/





/* item boxs */
.o_b { display: inline-block;  vertical-align: top; padding:2px; margin-right: 9px;  margin-bottom: 10px;  }
.ad_block_wrap:not(.rec) .o_b:nth-of-type(3n) { margin-right: 0px; }
.rec .o_b:nth-of-type(2n) { margin-right: 0px; }


.o_b:hover, .o_b.activ  { padding:0px;}
.o_b:hover .item_box_1 {
border: 2px solid #d8e3e8;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}


.o_b.ch_block.activ .item_box_1 {
 border: 2px solid #f25c57;
 -webkit-box-shadow: none;
 -moz-box-shadow:    none;
 box-shadow:         none;
}

.item_box_1 {
 width: 210px;
 overflow: hidden;
 position: relative;
  border-radius: 5px; 
background-color: #FFFFFF;
-webkit-box-shadow: 0px 1px 2px 0px rgba(203, 195, 187, 0.62);
-moz-box-shadow:    0px 1px 2px 0px rgba(203, 195, 187, 0.62);
box-shadow:         0px 1px 2px 0px rgba(203, 195, 187, 0.62);
}
.rec .item_box_1 {
 width: 324px;
}
.item_box_1.lr {

}







.item_box_1 .img   {
 position: relative;
 height:157px;
 line-height: 153px;
 width: 210px;
 text-align: center;
 overflow: hidden;
  
}


.rec .item_box_1 .img   {
float:left;
 height:112px;
 line-height: 109px;
 width: 150px;
 border-right: 1px solid #e6eced;
  
}

.item_box_1 .img img  {
 vertical-align: middle;
 
 
  /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); 
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
 
 
}

/* img hover effect*/
.item_box_1:hover .img img {
  /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.1, 1.1); 
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1.1, 1.1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.10, 1.10);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
  
}


.item_box_1 .arr {
 background-image:url("../images/layout/arrow_1.png");
 background-repeat: no-repeat;
 background-position: center top;
 width: 20px;
 height: 10px;
 top: 148px;
 left: 20px;
 position: absolute;
 z-index: 11;
}
.rec .item_box_1 .arr {
 background-image:url("../images/layout/arrow_3.png");
 width: 10px;
 height: 20px;
 top: 10px;
 left: 141px;
}

.item_box_1 .img .checkbox {
    right: 0px;
    position: absolute;
    top: 0px;
    z-index: 12;
    width: 50px;
    height: 40px;
    padding-top: 10px;
}
.rec .item_box_1 .img .checkbox {
    right: 5px;
   
}


.item_box_1 .img .checkbox .chb {
 float:right;
}

.item_box_1 .inf_1 {
 border-top: 1px solid #e6eced;
 padding: 10px 3px 5px 3px;
 height: 45px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
  text-align: center;
}
.rec .item_box_1 .inf_1 {
 border-top: none;
 height: 103px;
  text-align: left;
  float: left;
  width: 173px;
  
  padding: 5px 0px;
 
  
}
.item_box_1.gal .inf_1 {
 border-top: 1px solid #e6eced;
 padding: 5px 3px 5px 3px;
 height: 20px;
}



.item_box_1.t2 .inf_1, .item_box_1.t2 .inf_2, .item_box_1.t2 .inf_2 .attr div:first-of-type { background-color: #fffbe8; }
.item_box_1.t2 .inf_1  { height: 20px;}
.item_box_1.t2 .inf_2  { height: 65px;}
.item_box_1.t2 .inf_1, .item_box_1.t2 .inf_2 span.line { border-top: 1px solid #eae5cd;}
.item_box_1.t2 .img .arr { background-position: center -40px; }
.item_box_1.t2 .inf_1 h2 a, .item_box_1.t2 .inf_2 .attr div, .item_box_1.t2 .inf_2 .attr div:last-of-type {  color: #73654b;}


.item_box_1.t3 .inf_1, .item_box_1.t3 .inf_2, .item_box_1.t3 .inf_2 .attr div:first-of-type { background-color: #fff0ef;}
.item_box_1.t3 .inf_1, .item_box_1.t3 .inf_2 span.line { border-top: 1px solid #f0d3d1;}
.item_box_1.t3 .img .arr { background-position: center -10px; }
.item_box_1.t3 .inf_1 h2 a, .item_box_1.t3 .inf_2 .attr div, .item_box_1.t3 .inf_2 .attr div:last-of-type {  color: #925955;}

.item_box_1.t4 .inf_1, .item_box_1.t4 .inf_2, .item_box_1.t4 .inf_2 .attr div:first-of-type { background-color: #f4fbfe;}
.item_box_1.t4 .inf_1, .item_box_1.t4 .inf_2 span.line { border-top: 1px solid #cce3ed;}
.item_box_1.t4 .img .arr { background-position: center -20px; }
.item_box_1.t4 .inf_1 h2 a, .item_box_1.t4 .inf_2 .attr div, .item_box_1.t4 .inf_2 .attr div:last-of-type {  color: #55879c;}


.item_box_1.t5 .inf_1, .item_box_1.t5 .inf_2, .item_box_1.t5 .inf_2 .attr div:first-of-type { background-color: #f8fef4;}
.item_box_1.t5 .inf_1, .item_box_1.t5 .inf_2 span.line { border-top: 1px solid #d5e9c7;}
.item_box_1.t5 .img .arr { background-position: center -30px; }
.item_box_1.t5 .inf_1 h2 a, .item_box_1.t5 .inf_2 .attr div, .item_box_1.t5 .inf_2 .attr div:last-of-type {  color: #6d9751;}




.item_box_1 .inf_1 h2  {
 text-transform: uppercase;
 font-size: 0.8em;
 
}
.rec .item_box_1 .inf_1 h2  {
  font-size: 0.8em;
 line-height: 1.2em;
 height: 64px;
 overflow: hidden;
  padding: 0px 8px;
  margin-bottom: 4px;
}


.rec .item_box_1 .inf_1 .rec_attr  {
 font-family: 'Open Sans',Arial,sans-serif;
 margin: 0px 4px;
 height: 38px;
 width: 75px;
  text-align: center;
}
.rec .item_box_1 .inf_1 .rec_attr:first-of-type  {
 
 border-left: none;
}



.rec .item_box_1 .inf_1 .rec_attr div:last-of-type  {
 font-size: 8px;

 text-transform: uppercase;
 padding: 2px 4px;
  
}
.rec .item_box_1 .inf_1 .rec_diff {
background-image:url("../images/layout/rec_diff.png");
 background-repeat: no-repeat;
  height: 20px;
}
.rec_diff.diff1 { background-position: left 0px;}
.rec_diff.diff2 { background-position: left -20px;}
.rec_diff.diff3 { background-position: left -40px;}

.rec .item_box_1 .inf_1 .rec_prep_time  {

 font-size: 11px;
 color: #f25a55;
 height: 20px;
 line-height: 20px;
}
.rec .item_box_1 .inf_1 .rec_prep_time strong  {
 background-image:url("../images/layout/clock_1.png");
 background-repeat: no-repeat;
 background-position: left top;
padding-left: 25px;
display: inline-block;
}
.rec .item_box_1 .rating   {
 height: 25px;
}


.rec .item_box_1 .inf_3 .f_count {
    padding-bottom: 6px;
}



 

.item_box_1 .inf_1 h2 a  { color: #808890;}
.item_box_1 .inf_1 h2 a:hover  { color: #f25a55;}





.item_box_1 .inf_1 p.price  {
 font-size: 1.1em;
 line-height: 30px;
 color: #f05954;
}
.item_box_1 .inf_1 p.price.d  {
}

.item_box_1 .inf_1 p.price .dis  {
 font-size: 0.6em;
 line-height: 1.1em;
 
}
.item_box_1 .inf_1.b p.price .dis  {

 display: initial;
}


.item_box_1 .inf_2 {
 padding: 0px 5px 0px 5px;
 text-align: center;

 position: relative;
 height: 40px;
 overflow: hidden;
}
.item_box_1 .inf_2 span.line{
position: absolute;
border-top: 1px solid #e6eced;
top:8px;
left:0px;
width:100%;
}

.item_box_1 .inf_2 .desc {
  font-size: 0.8em;
 
}



.item_box_1 .inf_2 .attr {
  display: inline-block; vertical-align: top;
}
.item_box_1 .inf_2 .attr:first-of-type {  margin-right: 16px;}
.item_box_1 .inf_2 .attr div:first-of-type {
 z-index: 1;
 position: relative;
 background-color: #ffffff;
padding: 0px 5px;
text-transform: uppercase;
 font-size: 0.7em;
}
.item_box_1 .inf_2 .attr div:last-of-type {
font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
color: #627074;
 font-size: 12px;
}






.item_box_1 .inf_4 {
 border-top: 1px solid #e6eced;
 padding: 1px 5px 2px 5px;
 overflow: hidden;
 font-size: 0.8em;
 text-align: right;
 text-transform: lowercase;
 font-family: 'bariol','Open Sans',Arial,sans-serif;
}
.item_box_1 .inf_4 span{
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}



.item_box_1 .inf_3 {
 border-top: 1px solid #e6eced;
 padding: 8px 5px 8px 5px;
 overflow: hidden;
 
}
.rec .item_box_1 .inf_3 {
 padding: 0px 5px;
 
}

.rec .item_box_1 .inf_3 {
 clear: both;
 
}

.item_box_1 .inf_3.edit, .item_box_1.gal .inf_3.edit {
 padding: 0px;
}


.item_box_1.gal .inf_3 {
 
 padding: 4px 5px 4px 5px;
}


.item_box_1 .inf_3 .user_img {
float:left;
margin-right: 5px;
 
}
.item_box_1 .inf_3 .user_name {
float:left;
padding-top: 9px;
width: 130px;
}
.item_box_1.gal .inf_3 .user_name {
width: 100px;
font-size: 0.9em;
line-height: 1.1em;
font-family: 'bariol','Open Sans',Arial,sans-serif;
}

.item_box_1 .inf_3 .user_name a {
 text-align: left;
display: block;
color: #f05954;
font-size: 0.9em;
line-height: 1.1em;
font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}

.item_box_1 .inf_3 .f_count  {
float:right;
border-left: 1px solid #e6eced;
margin-right: 3px;
padding-top: 5px;
padding-left: 4px;

}

.item_box_1 .inf_3 .f_count span  {
display: block;
}



.item_box_1 .inf_3 .f_count span:first-of-type  {
 font-size: 14px;
 line-height: 14px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 text-align: center;
}
.item_box_1 .inf_3 .f_count span:last-of-type {
font-size: 11px;
font-family: 'bariol','Open Sans',Arial,sans-serif;
}
.rec .item_box_1 .inf_3 .f_count span:last-of-type {
line-height: 11px;
}

.item_box_1 .inf_3 .at  {
float:right;
width: 20px;
height: 25px;
margin-top: 5px;
margin-right: 5px;
background-repeat: no-repeat;
}
.item_box_1 .inf_3 .at.a3, .at2.a3  { background-image:url("../images/layout/acc_sign_3.png"); }
.item_box_1 .inf_3 .at.a2, .at2.a2  { background-image:url("../images/layout/acc_sign_2.png"); }


.item_box_1 .act, .blog_item .act  {
 display: block;
 padding: 10px 12px;
 border-right: 1px solid #E6ECED;
 float: left;
}
.item_box_1 .act.last { border-right: none; padding: 10px 15px;}

.item_box_1 .act span, .blog_item .act span  {
 background-repeat: no-repeat;
 background-position: top center;
 width: 16px;
 height: 16px;
 display: block;
}
.item_box_1 .act:hover, .blog_item .act:hover {
 background-color: #f55e59;
}
.item_box_1 .act:hover span, .blog_item .act:hover span { background-position: bottom;}
.item_box_1 .act.dis:hover span, .blog_item .act.dis:hover span { background-position: top;}

.item_box_1 .act.dis, .item_box_1 .act.dis:hover {
 background-color: #f4f5f5;
}

.item_box_1 .act.dis span {
 opacity: 0.4;
  filter:alpha(opacity=40);
}



.item_box_1 .act span.edit, .blog_item .act span.edit { background-image:url("../images/layout/a_icon_1.png");}
.item_box_1 .act span.del, .blog_item .act span.del { background-image:url("../images/layout/a_icon_2.png");}
.item_box_1 .act span.refr { background-image:url("../images/layout/a_icon_3.png");}
.item_box_1 .act span.res { background-image:url("../images/layout/a_icon_4.png");}
.item_box_1 .act span.deact { background-image:url("../images/layout/a_icon_5.png");}
.item_box_1 .act span.ac { background-image:url("../images/layout/a_icon_6.png");}
.item_box_1 .act span.unres { background-image:url("../images/layout/a_icon_7.png");}
.item_box_1 .act span.fdb { background-image:url("../images/layout/a_icon_8.png");}
.item_box_1 .act span.react { background-image:url("../images/layout/a_icon_9.png");}
.item_box_1 .act span.con { background-image:url("../images/layout/a_icon_10.png");}




.at2 {
 
width: 20px;
height: 25px;
margin-top: 0px;
margin-right: 0px;
background-repeat: no-repeat;
display: block;
}


.sticker {
 position: absolute;
 top:8px; 
 left:8px;
 z-index: 9;
 line-height: 16px;
}
.ad_block_wrap.rec .sticker {
 left:0px;
}
.sticker .lb { margin-left: 5px;}

.sticker2 {
 position: absolute;
 bottom:15px;
 left:3px;
 z-index: 9;
 line-height: 16px;
}
.sticker2 span {
display: block;
margin-top: 3px;
float:left;
 
}
.sticker2 .lb { margin-left: 5px;}

.lb {
 background-repeat: repeat;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 color: #FFFFFF;
 text-transform: uppercase;
 font-size: 0.6em;
 letter-spacing: 0.05em;
 word-spacing: 0.08em;
 border-radius: 3px 3px 3px 3px;
 padding: 4px 6px;
}
.ad_block_wrap.rec .lb {
 font-size: 0.8em;
 padding: 4px 6px;
}

.lb a { color: #FFFFFF; }
.lb a:hover { text-decoration: underline;}

.lb_1 { background-image:url("../images/layout/pix_1.png");}
.lb_2 { background-image:url("../images/layout/pix_2.png");}
.lb_3 { background-image:url("../images/layout/pix_3.png"); }
.lb_4 { background-image:url("../images/layout/pix_4.png"); }
.lb_5 { background-image:url("../images/layout/pix_5.png"); }
.lb_6 { background-image:url("../images/layout/pix_6.png"); }
.lb_7,.lb_9 { background-image:url("../images/layout/pix_2.png"); }
.lb_8 { background-image:url("../images/layout/pix_8.png"); }
.lb_9:hover  { background-image:url("../images/layout/pix_3.png");  }
.lb_9:hover a  {  color: #ffffff; }


.oc_icn  {
 background-image:url("../images/layout/pix_3.png");
 background-repeat: repeat;
 display: block;
 float:left;
 border-radius: 3px 3px 3px 3px;
 margin-top: 1px;
 padding: 1px 3px;
}
.oc_icn:hover  { background-color: #f25c57; background-image:none;}
.oc_icn span {
 
  background-image:url("../images/layout/own_cat.png");
 background-repeat: no-repeat;
 display: block;
 width: 18px;
 height: 19px;
}


.lock {
 background-image:url("../images/layout/lock_1_icon.png");
 background-repeat: no-repeat;
 background-position: center center;
 display: block;
 width: 15px;
 height: 22px;
 top:10px;
 left:10px;
 position: absolute;
 z-index: 9;
}

/* ----------------------------------------------------------------------------------*/









/* modal_box*/
 
/* Z-index of .modal_overlay must lower than .modal_box .window */
.modal_overlay {
  position:absolute;
  z-index:9000;
  background-color: #000;
  top:0px;
  left:0px;
  opacity: 0.5;
  filter:alpha(opacity=50);
}


.modal_box .window {
	position:absolute;
	max-width:960px;
	min-width:250px;
	height:auto;
	display:none;
	z-index:9001;
	background-color: #ffffff;
	border-radius: 6px 6px 6px 6px;
	
	box-shadow: 0px 0px 10px -4px #000000;
	-webkit-box-shadow: 0px 0px 10px -4px #000000;
	-moz-box-shadow: 0px 0px 10px -4px #000000;
	-o-box-shadow: 0px 0px 10px -4px #000000;
	
	
}
.modal_box .window.top { border-radius: 0px 0px 6px 6px; }







.modal_box .header_sign   {  
	background-image: url("../images/layout/modal_header.png");
	 background-repeat: no-repeat;
	 background-position: top center;
	 width:100%;
	 height: 36px;
	 top:-20px;
	 position: absolute;
	 text-align: center;
	display: inline-block;
} 


.modal_box .close {
	background-image: url('../images/layout/close_1.png');
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	top:8px;
	right:5px;
	cursor:pointer;
	z-index: 1;
} 
 
.modal_box .close:hover { background-position: center bottom; }


.modal_box .modal_box_content  {
	padding: 15px 0px;
	text-align: center;
	}

.modal_box .modal_box_content.short_msg   {  
	 padding: 25px 22px 20px 22px;
	  color: #627074;
	 font-family: 'bariol','Open Sans',Arial,sans-serif;
	  font-size: 0.9em;
} 
	
	
.modal_box h1 {
   color: #627074;
   font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
   text-transform: uppercase;
   font-size: 1.2em;
   text-align: center;
  
}



.bot_plc {
 position: relative;
 border-top: 1px solid #e6eced;
 margin-top: 0px;
 padding: 12px 10px 0px 10px;
 overflow: hidden;
 clear: both;
}
.modal_box .bot_plc  .close 
{
   position: relative;
   display: block;
   margin-top: 0px;
   float: left;
   top:initial;
   right:initial;
}

/* --------------------------------- */

/* short navigation */


.short_nav {
    padding: 0px;
    margin: 15px 0px 5px;
    font-size: 0.7em;
    color: #9da6a8;
    overflow: hidden;
}	
.short_nav.v2 {
    margin: 15px 0px 5px 0px;
}	
.short_nav.v3 {
    margin: 15px 0px 15px 0px;
}	
.short_nav.v4 {
    margin: 0px 0px 0px 0px;
}	

.short_nav li {
	float: left;
	list-style-type: none;
	}

.short_nav li a {
	display: block;
	color: #899193;
	padding-right: 5px;
}
	
.short_nav li a:after  { 
 content:">";
 padding-left:5px;
 }	

.short_nav li:last-of-type a:after  {  content:""; }	
.short_nav li a:hover  { color: #f25a55;}



.alt_nav_ndp {
  background-color: #acb5b7;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 10px;
    padding: 0px 7px 0px 5px;
     font-style: italic;
     font-weight: bold;
    float: left;
    
 
}
.alt_nav {
  clear: both;
 margin-bottom: 10px;
 max-height: 0px;
 overflow: hidden;
}



	
/* FAQ */

.faq_block {
 font-size: 0.8em;
 border-bottom: 1px solid #e2e9ec;
 padding: 15px 22px;
 position: relative;
}
.faq_block:last-of-type { border-bottom: none;}
.faq_block h2 {
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 font-size: 1.25em;
 color: #667377;
}
.faq_block a {
 color: #f25a55;
}
.faq_block.news span.date {
 float:right;
}

.faq_block.news span.new {
 padding: 2px 5px;
 background-color: #f25c57;
 color:#ffffff;
 font-size: 9px;
 line-height: 9px;
 position: absolute;
 top:-1px;
 left:0px;
  text-transform: lowercase;
}

.faq_block.news h2 {
float:left;
}
.faq_block.news .desc {
clear: both;
padding-top: 10px;
}

/* ---------------------------------------------------------- */
/* Forum block */



.for_block {
 border-radius: 0px 7px 7px 7px;
 clear: both;
 position: relative;
 margin-top:37px;
 margin-bottom:20px;
 padding: 10px 0px;
}
.for_block .end_1, .for_block .end_2 {
-webkit-box-shadow: 0px 1px 2px 0px rgba(187, 200, 203, 0.62);
-moz-box-shadow:    0px 1px 2px 0px rgba(187, 200, 203, 0.62);
box-shadow:         0px 1px 1px 0px rgba(187, 200, 203, 0.62);

height: 5px;
width: 100%;
position: absolute;
left:0px;
border-radius: 0px 0px 4px 4px;
}
.for_block .end_1 { bottom: 3px;}
.for_block .end_2 { bottom: 6px;}

.for_menu  {
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 font-size: 0.7em;
 text-transform: uppercase;
/* position: absolute;
 top:0px;*/
 line-height: 1em;
 
 
}
.for_menu li {
 float:left;
 position: relative;

}
.for_menu li a {
 float:left;
 background-color: #FFFFFF;
 -webkit-box-shadow: 0px 1px 2px 0px rgba(187, 200, 203, 0.62);
-moz-box-shadow:    0px 1px 2px 0px rgba(187, 200, 203, 0.62);
box-shadow:         0px 1px 2px 0px rgba(187, 200, 203, 0.62);
border-radius: 4px 4px 0px 0px;
margin-right: 10px;
padding: 11px 10px 10px 10px;
height: 18px;
color: #627074;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #F5F5F5)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 100%);

}
.for_menu li span.new {
  background-color: #f25c57;
  color:#ffffff;
  text-shadow: 0px 1px 0px rgba(177, 27, 24, 0.3);
  font-size: 10px;
  line-height: 10px;
  padding: 0px 4px 3px 4px;
  position: absolute;
  right:-12px;
  border-radius: 5px 5px 0px 0px;
  top:13px;
  text-transform: lowercase;
   font-family: 'Open Sans',Arial,sans-serif;
   -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  

}



.for_menu li a:hover { color: #f25a55;}
.for_menu li a.activ {
 color: #f25a55;
 background-image: none;
}
.for_menu li a span {
 display: block;
 text-align: center;
 font-size: 0.7em;
}


.for_item_wrap {
 font-size: 0.8em;
 margin-top: 15px;
 overflow: hidden;
}

.for_item_wrap h3 a {
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 font-size: 1.1em;
 color: #627074;
}
.for_item_wrap h3 a:hover { color: #f25a55;}
.for_item_wrap span.date {
 background-color: #f4f8f9;
 padding: 3px 5px;
 font-size: 0.8em;
}
.for_item_wrap a.more {
font-size: 0.8em;
  text-transform: lowercase;
  padding-top: 4px;
  display: block;
  text-align: right;
}
.for_item_wrap a.more:hover {text-decoration: underline;}
.for_item_wrap span.new {
 padding: 2px 5px;
 background-color: #f25c57;
 color:#ffffff;
 font-size: 9px;
 line-height: 9px;
 position: absolute;
 top:-16px;
 left:0px;
  text-transform: lowercase;
}
.for_item_wrap span.name {
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 display: block;
 line-height: 10px;
 margin-bottom: 8px;
 color: #f25a55;
 
}
.for_item_wrap p {
 
 font-size: 0.9em;
}

.for_item_wrap:last-child .for_item {

 border-bottom: none;
}

.for_item {
 padding: 0px 8px 15px 8px;
 border-bottom: 1px solid #e6eced;
 /*overflow: hidden;*/
 position: relative;
}

.all_msg {
 font-size: 0.7em;
 float: right;
 margin-right: 5px;
 margin-top: 10px;
 margin-bottom: 5px;
 color: #808890;
}





a { color: #f25a55; text-decoration: none;}

a:hover {
 color: #f25a55;
 text-decoration: none;
}
/* ---------------------------------------------------------- */


/* book_item */  

.book_item {
  padding-bottom: 25px;
  margin-bottom: 25px;
 border-bottom: 1px solid #e6eced;
 position: relative;
 clear: both;
 overflow: hidden;
}

.book_item h2 {
line-height: 20px;
margin-right: 90px;
}
.book_item h2 a {color: #627074;}
.book_item h2 a:hover { color: #f25a55;}

.book_item .img {
 float:left;
 margin-right: 25px;
 margin-bottom: 20px;
width: auto;
height: auto;
padding: 0px;
-webkit-box-shadow: 8px 8px 0px 0px rgba(235, 241, 244, 1);
-moz-box-shadow:    8px 8px 0px 0px rgba(235, 241, 244, 1);
box-shadow:         8px 8px 0px 0px rgba(235, 241, 244, 1);


}
.book_item .img:hover {
-webkit-box-shadow: 8px 8px 0px 0px rgba(211, 228, 237, 1);
-moz-box-shadow:    8px 8px 0px 0px rgba(211, 228, 237, 1);
box-shadow:         8px 8px 0px 0px rgba(211, 228, 237, 1);

}
.book_item .img img {  display: block;}

.book_item .date {
 color: #818d90;
 font-size: 0.8em;
 text-align: right;
 position: absolute;
 right: 0px;
 top:1px;
 
}
.book_item .desc {
 margin-top: 0px;
 padding-top: 30px;
 font-size: 0.9em;
}
.book_item .link {
 margin-top: 10px;
 font-size: 0.9em;
}
.book_item .link a, .book_item .desc a, .book_item .desc a  {
color: #f25a55;
}

/* blog item */  

.blog_item {
 overflow: hidden;
 position: relative;
  border-radius: 5px; 
background-color: #FFFFFF;
-webkit-box-shadow: 0px 1px 2px 0px rgba(203, 195, 187, 0.62);
-moz-box-shadow:    0px 1px 2px 0px rgba(203, 195, 187, 0.62);
box-shadow:         0px 1px 2px 0px rgba(203, 195, 187, 0.62);
 padding: 22px;
 margin-bottom: 15px;
   border: 2px solid transparent;
 
}
.blog_item:last-of-type, .book_item:last-of-type {border-bottom: none;}



.blog_item.activ {
    border: 2px solid #f25c57;
    box-shadow: none;
}


.blog_item h2 {
line-height: 20px;
}
.blog_item h2 a {color: #627074;}
.blog_item h2 a:hover { color: #f25a55;}

.blog_item .img {
 
 float:left;
 margin-top: 8px;
 margin-right: 25px;
 margin-bottom: 10px;

padding: 0px;
-webkit-box-shadow: 8px 8px 0px 0px rgba(235, 241, 244, 1);
-moz-box-shadow:    8px 8px 0px 0px rgba(235, 241, 244, 1);
box-shadow:         8px 8px 0px 0px rgba(235, 241, 244, 1);


}
.blog_item .img:hover {
-webkit-box-shadow: 8px 8px 0px 0px rgba(211, 228, 237, 1);
-moz-box-shadow:    8px 8px 0px 0px rgba(211, 228, 237, 1);
box-shadow:         8px 8px 0px 0px rgba(211, 228, 237, 1);

}
.blog_item .img img {  display: block;}

.par_list {
 color: #818d90;
 font-size: 11px;
 overflow: hidden;
 
}
.par_list.v2 {
 padding-top: 3px;
 
}
.par_list li {
 float:left;
 margin-right: 3px;
 
 
}
.par_list li:after {
    content: "|";
    padding-left: 3px;
}
.par_list li:last-of-type:after {
    content: "";
    padding-left: 0px;
}


.blog_item .desc {
 
 padding-top: 10px;
 font-size: 0.8em;
}
.blog_item .actions_wrap {
margin-top: 25px;

}
.blog_item .actions {
 
  border-top: 1px solid #e6eced;
  position: absolute;
  width: 100%;
  left:0px;
  bottom: 0px;
}
.blog_item .checkbox {
 position: absolute; 
 top:8px;
 right:3px;
 
 
}

.blog_detail {
 margin-bottom: 25px;
 
}
.blog_detail .images, .blog_detail .videos  {
 text-align: center;
 margin-top: 20px;
}
.blog_detail .images a {
 margin-bottom: 10px;
 display: block;
}
.blog_detail .images a img {
 max-width: 100%;
}
.blog_detail .videos iframe {
 max-width: 100%;
 margin-bottom: 10px;
}

/* category list */  
.cat_list {
 text-align: left;
 margin-top: 20px;
}
.cat_list ul.col {
display: inline-block;
vertical-align: top;

 text-align: left;
 margin-right: 40px;
 margin-bottom: 25px;
}
.cat_list ul.col:nth-child(4) {
 margin-right: 0px;

} 


.cat_list.add_ad ul.col {
 width: 23.4%;
 margin-right: 2%;
}
.cat_list.add_ad ul.col:nth-child(4) { margin-right: 0px;} 

.cat_list li {
 clear: both;
}
.cat_list li a  { color: #8d929a;  cursor: pointer; }
.cat_list li a:hover  { color: #f25a55;}






.cat_list li.main_cat {
 overflow: hidden;
}
.cat_list li.main_cat.sub   {
padding-top: 5px;
padding-bottom: 5px;
}
.cat_list li.main_cat.foth   {padding-top: 5px;}


.cat_list li h2  {
 font-weight: bold;
font-size: 0.8em;


}
.cat_list.add_ad li h2  {
line-height:22px;
margin-bottom: 10px;
}
.cat_list li h2 a   {color: #697578;}



.cat_list li h3  {
font-size: 0.8em;

}


.cat_list li span  {
font-size: 11px;

padding-left:5px;
}

 

.cat_list .hid_cat {
 border: 1px solid yellow;
 display: none;
}


/* ---------------------------------------------------------- */



/* ---------------------------------------------------------- */

/* jquery UI styles */  
  
  .ui-tooltip, .arrow:after {
    background-image: url('../images/layout/pix_6.png');
    background-repeat: repeat;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    
    max-width: 200px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    font-size: 0.8em;
    font-weight: bold;

  
   
  }
  .arrow {
    width: 70px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
  }
  .arrow.top {
    top: -12px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
    
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  


/* autocomplete */

.sugg_wrap { position: relative;}
.ui-autocomplete-input {
   
}
.sugg_wrap .ui-helper-hidden-accessible {
    display: none;
}

.search ul.ui-autocomplete {
  top:43px;
  padding-top: 5px;
}

ul.ui-autocomplete {
   background-color: #ffffff;
   position: absolute;
   top:40px;
   width: 99.5%;
   z-index: 100;
    -webkit-box-shadow: 0px 5px 6px -4px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    0px 5px 6px -4px rgba(50, 50, 50, 0.75);
   box-shadow:         2px 5px 6px -4px rgba(50, 50, 50, 0.75);
   border-radius: 4px;
   border: 1px solid #CED8DC;
   font-family: 'bariol','Open Sans',Arial,sans-serif;
   font-size: 14px;
   line-height: 15px;
   padding-top: 0px;
}				   

ul.ui-autocomplete li {
   border-bottom: 1px dotted #e6e6e6;
}

ul.ui-autocomplete li:last-of-type  {    border-bottom: none; }
ul.ui-autocomplete li a {
     color: #808890;
     padding: 7px 10px;
      display: block;
    
  
}
ul.ui-autocomplete li span.type {
    float: right;
    font-size: 10px;
    line-height:  16px;
  background-color: #ededed;
   border-radius: 3px 3px 3px 3px;
   padding: 0px 3px; 
}

ul.ui-autocomplete li:hover {
   
    cursor: pointer;
}
ul.ui-autocomplete li a.ui-state-focus {
    
    color:#494949;
    
    
    
	background-color: #cecece;

      
	
    
    
    
}

ul.ui-autocomplete li a.ui-state-focus span.type {
    color:#494949;
    background-color: #b4b4b4;
}


/* -------------------------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------------------------- */
/* pagination */




.pagination  {
	list-style-type: none;
	font-size: 0.9em;
	clear:both;
	padding:0px;
	margin-top: 15px;
       width:100%;
       overflow:hidden;
       position:relative;
        background-color: #FFFFFF;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
       -moz-box-shadow:    0px 1px 1px 0px rgba(187, 200, 203, 0.62);
       box-shadow:         0px 1px 1px 0px rgba(187, 200, 203, 0.62);
       border-radius: 4px 4px 4px 4px;
	
	}	

.pagination ul  {
	
	 
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   
   line-height: 27px;
	
}	

.pagination ul li {
/*   display:block;*/
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   right:50%;
}

.pagination li  {
	margin-right: 0px;
	
}
.pagination li a {
	color: #627074;
	display: block;
	text-align: center;
	line-height: 45px;
	padding-left: 3px;
	padding-right: 3px;
	min-width: 39px;
	height: 45px;
	width:auto;
	background-color: #FFFFFF;
	border-left: 1px solid #e7edee;
	
	
	 transition:  border-left 0s linear 0s, background-color 0s linear 0s;
	z-index: 1;
	}
.pagination li:last-child a {
	border-right: 1px solid #e7edee;
}


	

	

	

.pagination li a:hover  {
		transition:  border-left 0.2s linear 0s, background-color 0.2s linear 0s;
}
.pagination li a:hover, .pagination li.activ a  {
	color:#FFFFFF;
	background-color: #f25b56;
	border-left: 1px solid #f25b56;
	text-shadow: 0px 1px 0px rgba(177, 27, 24, 0.7);
}
.pagination li a:hover span, .pagination li.activ a span  {
	background-position: bottom;
}
	
	


.pagination li a span {
	width:21px;
        height: 20px;
	position:absolute;
	top:14px;
	left:13px;
	background-repeat: no-repeat;
	
}



.pagination li.prev a span  {	background-image: url("../images/layout/prev_1.png");}
.pagination li.next a span {	background-image: url("../images/layout/next_1.png");}
.pagination li.first a span  {	background-image: url("../images/layout/first_1.png");}
.pagination li.last a span {	background-image: url("../images/layout/last_1.png");}

/* ---------------------------------------------------------- */

/* item detail*/

.item_actions {
 margin-bottom: 20px;
 text-align: left;
}
.item_actions .but_2 { 
 margin-right: 2px;
 padding: 8px 5px;
 font-size: 10px;
}
.item_actions .but_2.b_icon.nt  { 
 padding: 8px 0px;
}
.item_actions .but_2:last-of-type { margin-right: 0px; float:right;}
.item_attr {
 
 float:left;
 width: 330px;
}





.item_attr .price_block  {
border-bottom: 1px solid #e2e9ec;
width: 100%;
padding-bottom: 17px;
text-align: left;
}

.auction_block  {
 border: 1px solid #d3e9c4;;
 background-color: #f8fef4;
 border-radius: 5px;
 padding: 15px 10px;

margin-top: 20px;
}
.auction_block .price_block {
 border: none;
 padding: 0px;

}
.item_attr .price_block , .auction_block  .price_block {

overflow: hidden;

}





.item_attr .price_block div{margin-right: 30px;}
.item_attr .price_block div:last-of-type{margin-right: 0px;}
.auction_block  .price_block div {
 margin-right: 15px;
 width: auto;
 
}
.item_attr .price_block div, .auction_block .price_block  div {
float:left;
font-size: 0.8em;
 line-height: 0.9em;
white-space:nowrap;
margin-bottom: 10px;


}
.auction_block .price_block div:nth-child(2) {
 text-align: center;
}
.auction_block .price_block div:last-of-type {
  text-align: right;
}
.item_attr .price_block div:last-of-type, .auction_block .price_block div:last-of-type {
 margin-right: 0px;
}


.item_attr .price_block div span.pd, .auction_block .price_block div span.pd  {
 display: block;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 font-size:1.6em;
 line-height: 1.2em;
}






.item_attr .price_block div span.sn, .auction_block .price_block div span.sn  {
 display: block;
 font-size:1em;
 line-height: 1em;
 min-height: 1em;
 padding-bottom: 5px;
}

 .auction_block div span.pd, .auction_block div span.sn  {
color:#75a755;
}

.auction_block .msg_4 a { color: #808890;}
.auction_block .msg_4 a:hover { color: #f25a55;}


#bid_confirm {
 border-top: 1px solid #e2e9ec;
 margin-top: 10px;
 padding-top: 10px;
 display: none;
}
#bid_confirm .msg_4 {
 margin-bottom: 10px;
}


.attr_list { margin-top: 10px; text-align: left;  }
.attr_list li {
 
 overflow: hidden;
  display: table-row;
}
.attr_list li a:hover {
text-decoration: underline;
}
.attr_list li div {
 display: table-cell;
 font-size: 0.8em;
 padding: 4px 0px;
 
}
.attr_list li div:first-child {
 padding-right: 20px;
 width: 50%;
}
.attr_list li div:last-child {
 font-weight: bold;
 color:#627074;
 
}





.item_photo {
   float: right;
    position: relative;
    max-width: 270px;
    height: 300px;
    overflow: hidden;
    clear: both;
   
}
.item_desc {
 padding-top: 20px;
 clear:both;
 font-size: 0.8em;
 text-align: left;
}

.item_cond {
 padding-top: 20px;
 margin: 20px 0px;
 clear:both;
 font-size: 0.8em;
 border-top: 1px solid #E2E9EC;
 text-align: left;
}
.item_cond .ndp_1 {
margin-bottom: 10px;
}

/* ---------------------------------------------------------- */

/* tables */

.tab_1 {
 width:100%;
 border-collapse:separate;
 border-spacing:0px;
 text-align: left;
  overflow: hidden;
}
.tab_1.tab_import {
background-color: #f4fbfe;
}




.tab_1 td, .tab_1 th {padding: 8px 8px;}
.tab_1 th.th_act { padding: 0px;}




.tab_1 thead tr     {

font-weight: bold;
color: #ffffff;
font-size: 0.8em;
 padding: 0px 10px;
 background-color: #f25a55;    

  -webkit-box-shadow:   0px 1px 3px 0px rgba(37,52,67,0.1);
  -moz-box-shadow:   0px 1px 3px 0px rgba(37,52,67,0.1);
  box-shadow:   0px 1px 3px 0px rgba(37,52,67,0.1);
}
.tab_1.tab_green thead tr     { background-color: #75A755;   }
.tab_1.tab_grey thead tr     { background-color: #e0e0e0; color:#808890;   }
.tab_1.tab_nor thead tr     {
 background-color: #ffffff; color:#a1aeb2;
   -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

}


.tab_1.tab_nor thead th {
    padding: 4px 8px 11px 8px;
    text-transform: uppercase;
}


.tab_1 thead tr th   {
     border-bottom: 1px solid #dfdfdf;
}
.tab_1 thead tr th.check_all_wrap   {
    width:20px;
}








.tab_1 tbody .actions_wrap {
    position: relative;

}
.tab_1 tbody tr {
 line-height: 1.1em;
color: #696d73;
font-size: 0.8em;
}
.tab_1.tab_nor tbody tr {
 color: #627074;
}
.tab_1.tab_nor tbody tr.activ {
background-color: #fcf4f4;
}

body.touch .tab_1 tbody tr {
cursor:pointer;

}



.tab_1 tbody tr td {border-bottom: 1px solid #e3ebee; height: 24px;  }

.tab_1.tab_acc tbody tr td {border-right: 1px solid #f4f6f7; }


.tab_1:not(.t2) tbody tr:last-child td {border:none;}


.tab_1 tbody tr.hgl_1 td {background-color: #e7e7e7; font-weight: bold;}
.tab_1.tab_green tbody tr.hgl_1 td {background-color: #D3E9C4;}
.tab_1.tab_grey tbody tr.hgl_1 td {background-color: #D3E9C4;}
.tab_1.tab_nor tbody tr.hgl_1 td {background-color: #D3E9C4;}

.tab_1 tbody tr:not(.no_hov):hover td, .tab_1 tbody tr:not(.no_hov):hover td a {color:#f25a55;}
.tab_1.tab_green tbody tr:not(.no_hov):hover td, .tab_1.tab_green tbody tr:not(.no_hov):hover td a {color:#75A755;}
.tab_1.tab_grey tbody tr:not(.no_hov):hover td, .tab_1.tab_grey tbody tr:not(.no_hov):hover td a {color:#f25a55; }
.tab_1.tab_nor tbody tr:not(.no_hov):hover td, .tab_1.tab_nor tbody tr:not(.no_hov):hover td a {color:#f25a55;}



.tab_1 tbody tr td.row_new  { background-color: #fff8f8;}



.tab_1 tbody tr td a {color: #808890;}
.tab_1.tab_nor tbody tr td a {color: #f25a55;}
.tab_1 tbody tr td a:hover { text-decoration: underline;}

.tab_1 .bold {
 font-weight: bold;
 display: block;
}

.tab_1 .no_item {
 
 text-align: center;
 font-style: italic;
 color:#9ea2a8;
}


.tab_1 td.v_t, .tab_1 tr.v_t td  { vertical-align: top;}
.tab_1 td.v_1, .tab_1 tr.v_1 td  { font-size: 11px; }



.tab_1 tbody td.act {
    padding: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 0;
  
}


.tab_1 tbody .actions , .det_car .actions{
   
  position:absolute;
  top:0px;
  right:0px;
  display: none;
 padding: 3px 0px 2px 10px;
background-color: #E3EBEE;
}

.tab_1 tbody .actions .checkbox {
 margin-right: 5px;
 float:none;
cursor: pointer;
 display: inline-block;


}
.tab_1 tbody .actions .checkbox .chb {
 margin-left: 7px;
 margin-top: 8px;
}

.chck_all_row {
 
}

td.move {
  width: 15px;
  
}
td.move div {
  height: 16px;
  width: 15px;
  background-image:url("../images/layout/icon_move.png");
  background-repeat: no-repeat;
  background-position: center top;
  cursor: move;
}
td.move div:hover { background-position: center bottom;}

.sor.ui-sortable-helper {
 background-color: #eff3f5;
}




.tab_1 tbody .actions .a_icon:last-child{
 margin-right: 10px;
}


.a_icon {
  
    margin-right: 3px;
height: 34px;
width: 34px;
  cursor: pointer;
 display: inline-block;
 border-radius: 4px 4px 4px 4px;
  background-color: #ffffff;
 
}
.a_icon span {
  background-repeat: no-repeat;
    background-position: center top;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin-top: 10px;
   margin-left: 9px;
 
}
.a_icon:hover  {     background-color: #f55e59;}
.a_icon:hover span {    background-position: center bottom;}

.a_icon.edit span { background-image: url('../images/layout/a_icon_1.png');}
.a_icon.del span { background-image: url('../images/layout/a_icon_2.png');}
.a_icon.his span { background-image:url("../images/layout/a_icon_11.png");}
.a_icon.fdb span { background-image:url("../images/layout/a_icon_8.png");}
.a_icon.move span { background-image:url("../images/layout/a_icon_8.png");}




/* tab accounts*/

.tab_1.tab_acc {
  overflow: visible;
  display: table;
}

.tab_1.tab_acc thead tr     { 
 
 color: #808890;
 background-color: #ffffff; 
 -webkit-box-shadow:   none;
  -moz-box-shadow:   none;
  box-shadow:  none;
  font-weight: normal;
  font-size: 12px;
}
.tab_1.tab_acc .desc      { 
padding: 10px 22px;
}
.tab_1.tab_acc .desc h1     { 
 color: #697578;
 font-weight: normal;
 font-size: 19px;
 line-height: 18px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 text-transform: uppercase;
 margin-bottom: 10px;
}
.tab_1.tab_acc .desc p     { 
 font-size:12px;
 font-weight: normal;
 
}

.tab_1.tab_acc th {padding: 0px; vertical-align: top;  }
.tab_1.tab_acc td {
    padding: 8px 24px;
}

.tab_acc .acc_info {
 color: #ffffff;
 width: 190px;
 text-align: center;
 text-shadow: 0px 1px 0px rgba(65, 87, 98, 0.3);
 background-color: #a1aeb5;
     letter-spacing: 0.05em;
 word-spacing: 0.10em;
}


.tab_acc .acc_name {
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
 background-color: #aebac0;
  text-transform: uppercase;
  font-size: 26px;
  width: 100%;
  height: 70px;
  top:-10px;
  line-height: 70px;
  position: absolute;
   border-bottom: 1px solid #9aa5ab;

}

.tab_acc .acc_price {
  font-size: 20px;
  font-family: 'bariol','Open Sans',Arial,sans-serif;
  line-height: 65px;
  padding-top: 65px;
}
.tab_acc .acc_price .dur {
  font-size: 13px;
  text-transform: lowercase;
  padding-left: 5px;
}
.tab_acc .odk_button, .tab_acc .odk_button:hover {color:#ffffff; text-decoration: none;}

.acc_info.v2 .acc_name, .acc_info.v2 .acc_price   {
 -webkit-box-shadow: -1px 0px 0px 0px rgba(224, 82, 80, 1);
-moz-box-shadow:    -1px 0px 0px 0px rgba(224, 82, 80, 1);
box-shadow:         -1px 0px 0px 0px rgba(224, 82, 80, 1);
}

.acc_info.v2 .acc_name {
 background-color: #f25c57;
  border-bottom: 1px solid #df4944;
  line-height: 90px;
 
}
.acc_info.v2 .acc_price {
 background-color: #e74e49;
 
}
.acc_info.v3 .acc_name {
 top:-25px;
 height: 85px;
 line-height: 120px;
  border-radius: 5px 5px 0px 0px;
}



.acc_info .acc_sign {
 width: 100%;
 height: 43px;
 background-repeat: no-repeat;
 background-position: center;
 position: absolute;
 left:0px;
}
.acc_info.v2.v3 .acc_sign {
 background-image:url("../images/layout/acc_sign_2_3.png");
 top:-35px;
}
.acc_info.v2 .acc_sign {
 background-image:url("../images/layout/acc_sign_2_2.png");
 top:-20px;
}

.yes, .no {
  
  background-repeat: no-repeat;
 background-position: center;
  height: 18px;
  display: block;
}
.yes { background-image:url("../images/layout/yes.png");}
.no { background-image:url("../images/layout/no.png");}

/* ---------------------------------------------------------- */




/* lokalita AJAX box */

.lok_obal {
	overflow: visible;
	position: relative;	
	z-index: 600;
	
	
	
}

.lok_obal .inp .v {

    
    background-image: url("../images/layout/fancy_select_arrow.png");
    height: 13px;
    position: absolute;
    right: 7px;
    top: 14px;
    width: 12px;
    z-index: 1;
}
.lok_obal .inp input {
 width: 80%;

}

.lok_obal .inp:hover .v {background-position: bottom;}




.lokalita_box {
	
	width: 100%;
	min-width: 270px;
	position: absolute;
	top:-1px;
	left:0px;
	border: 1px solid #8f9ea3;
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 7px -2px #D3D3D3 inset;
	box-shadow:1px 1px 3px #969696;
	
	/*display:none;*/
	cursor:default;
	z-index: 1000;
	background-color: #FFF;
	font-size: 14px;
	text-align: left;
	}



.lokalita_box .obs {max-height: 180px; margin-top: 5px;	}


.lokalita_box ul {
	margin-left: 10px;
	padding-bottom: 10px;
	width: 45%;
	float:left;
	font-size: 13px;
	}
.lokalita_box li {
	cursor:pointer;
	padding: 3px 5px;
	border-radius: 5px;
	}
	
	
	
.lokalita_box li:hover {
	cursor:pointer;
	background-color: #8f9ea3;
	color: #FFF;
	
	}
	
.lokalita_box li.lok_activ, .lokalita_box ul.hl li.lok_activ {
	background-color: #8f9ea3;
	color: #FFF;
	}	
	


.lokalita_box .ndp_lok {
	
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-color: #768a91;
	color: #FFF;
	
}



.lokalita_box p {
	font-size: 14px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
	background-color: #8f9ea3;
	color: #FFF;
	}	

.inp .lokalita_box  span {
	background-image: none;
	position: inherit;
	
	}
.inp .lokalita_box p span {
	cursor: pointer;
	display:block;
	text-align:center;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
	float:right;
	
	
	}	

	
.lokalita_box p span.s { 
       background-color: #63747a;
      color: #FFF;
      font-size: 12px;
      padding-right: 5px;
      padding-left: 5px;
      font-weight: normal;
      line-height:18px;
      height: 20px;
      margin-right:10px;
      width: auto;
}	



.lokalita_box p span.d { 
 background-image: url('../images/layout/close_3.png');
 background-repeat: no-repeat;
 background-position: center center;
 width: 20px;
 height: 20px;
 margin-right:5px;


  
}	

.lokalita_box p span.s:hover {  background-color: #ffffff; color: #63747a;	}
.lokalita_box p span.d:hover {  background-color: #ffffff;	}
/* --------------------------------- */

/* ---------------------------------------------------------- */
/* accounts*/


#accounts_mob  p.desc {
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
}


.radio_type_1#account_type {
margin-top: 10px;
}

 .radio_type_1#account_type label {
	width:33%;
	padding: 9px 0px 8px 0px;
	
    font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    padding: 15px 0px 10px 0px;
    margin-right: 0px;
 }	

 

#account_type .acc_price {
    font-family: 'bariol','Open Sans',Arial,sans-serif;
    font-size: 18px;
    margin-top: 10px;
    text-transform: initial;
    
}

#account_type .acc_price .dur {
    font-size: 13px;
    padding-left: 5px;
    text-transform: lowercase;
}


.account_list { width:100%; display: table;}
.account_list div.item {
display: table-row;
}
.account_list div.item:hover {color: #f25a55;}

.account_list div.name, .account_list div.val {
  display: table-cell;
    border-bottom: 1px solid #E3EBEE;
     padding: 8px 22px;
     font-size: 0.8em;
}
.account_list div.name {
 
}
.account_list div.val {
     text-align: right;
     white-space:nowrap;
}
.account_list .yes, .account_list .no { background-position: right center;}




/* ---------------------------------------------------------- */

/* ostatne */

.fb_place_2 { margin-left: 10px;}

.scroll { padding-right: 10px;}

.list_1 { overflow: hidden;}
.list_1 li { 
 float:left;
font-size: 0.8em;
margin-right: 10px;
}
.list_1 li:last-child { margin-right: 0px;}

.list_2 { overflow: hidden; padding-left: 15px;}
.list_2 li { 
 float:left;
font-size: 0.8em;

	list-style-position: outside;
	list-style-image: none;
	list-style-type: square;
}


.sign { padding-left: 3px;}

.user_block, .user_block.con_block_1 {
 border-radius: 0px 0px 7px 7px;
 padding: 0px 0px;
 margin-bottom: 0px;
 overflow: visible;
}
.user_block, .user_block.con_block_1.no_l { border-radius: 0px 0px 7px 0px;}
.user_block, .user_block.con_block_1.no_r { border-radius: 0px 0px 0px 7px;}

.con_block_1, .for_block {
 background-color: #FFFFFF;
 -webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
-moz-box-shadow:    0px 1px 1px 0px rgba(187, 200, 203, 0.62);
box-shadow:         0px 1px 1px 0px rgba(187, 200, 203, 0.62);
}
.con_block_1 {
 border-radius: 4px 4px 4px 4px;
 padding: 10px 0px;
}
.con_block_1.filter1 {
 border-radius: 4px 4px 4px 4px;
 padding: 0px 0px;
 margin-bottom: 15px;
}


 

.box_size_1 {
 float:left;
 width: 670px;
}

.box_size_2 {
 float:right;
 width: 300px;
}

.con_hdr {
 border-bottom: 1px solid #e2e9ec;
 padding: 10px 22px 20px 22px;
 position: relative;
 margin-bottom: 15px;
}

.con_hdr span.new {
 padding: 1px 5px;
 background-color: #f25c57;
 color:#ffffff;
 font-size: 10px;
 margin-right: 10px;
  text-transform: lowercase;
}


.con_hdr.nl { border: none; margin-bottom: 0px;}

.con_hdr span.arrow, .msg_2 span.arrow , .ndp_2 span.arrow {
 background-image:url("../images/layout/arrow_1.png");
 background-repeat: no-repeat;
 width: 20px;
 height: 10px;
 bottom: -1px;
 left: 52px;
 position: absolute;
}


.reference_wrap {
 position: absolute;
 top:-28px;
 right:0px;
 
 text-align: right;
}
.reference_wrap.v2 {
 position: absolute;
 top:-22px;
 left:0px;
 right: initial;
 width:100%;
 text-align: left;
}
.reference_wrap .reference {
 background-color: #FFF;
  border-radius: 10px 10px 0px 0px;
  padding: 5px 10px;
  font-size: 0.8em;
   font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
   color: #d4d8d9;
   display: inline-block;
}
.reference_wrap.v2 .reference {
 
 border-radius: 10px 10px 0px 0px;
 
}
.reference_wrap .reference a:hover, .reference_wrap .reference a {
   color: #d4d8d9;
}
.reference_wrap .reference a span:nth-child(2) { margin-right: 5px;}
.reference_wrap .reference a span:nth-child(3) { margin-left: 5px; color: #808890;}

.con_hdr .det_ndp { 
/*float:left;*/
}
.con_hdr .user_inf { 
float:right;
}
.con_hdr .user_inf a{ 
color: #f05954;
font-size: 0.9em;
font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
display: block;

}

.con_hdr .user_inf .img  { 
float:right;
margin-left: 5px;
height: 40px;

}

.con_hdr .user_inf .img img{ 
border-radius: 4px;
overflow: hidden;
}
.con_hdr .user_inf .lb { 
padding: 2px 4px;
float:right;

}




.sdes {
 font-size: 0.8em;
 color: #7a898d;
 padding-top: 3px;
 text-align: left;
}


.con_hdr2 {
 margin-bottom: 10px;
 position: relative;
}
.con_hdr2 .ndp_block  {
padding-top: 7px; 
padding-bottom: 7px; 
margin-right: 430px;
overflow: hidden;
}
.con_hdr2 .ndp_block.v2  {
padding-bottom: 20px; 
}
.con_hdr2.v2 .ndp_block  {
margin-right: 0px;
}
.con_hdr2 h1 {
padding-right: 5px;
float:left;
text-align: left;
}

.con_hdr2 .count {
color: #f25a55;
float:left;
}

.ord_block { 
 position: absolute;
 top:0px;
 right: 0px
}
.ord_block .f_b {
 float:left;
 margin-left: 10px;
}
.ord_block .f_b:first-of-type { margin-left: 0px;}

.new_1 {
 
 
 
 
  background-color: #f25c57;
  color:#ffffff;
  text-shadow: 0px 1px 0px rgba(177, 27, 24, 0.3);
  font-size: 12px;
  line-height: 10px;
   text-transform: uppercase;
  padding: 4px 4px 7px 4px;
  position: absolute;
  right:-5px;
  border-radius: 5px;
  top:-8px;
  text-transform: uppercase;
  font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}


.list_desc {
 margin-top: 5px;
 font-size: 0.7em;
 height: 18px;
 overflow: hidden;
}
.list_desc span.more {
 font-size: 9px;
background-color: #ACB5B7;
border-radius: 3px;
color:#ffffff;
text-transform: lowercase;
 float: right;
 padding: 0px 3px;
 cursor: pointer;
 margin-left: 10px;
}
.list_desc span.more:hover {background-color: #f25a55;}

.user_inf2 { 
overflow: hidden;

}
.user_inf2 .user  { 
 overflow: hidden;
}
.user_inf2 .user a.n { 
color: #f05954;
font-size: 0.9em;
font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
display: block;
text-align: left;
}

.user_inf2 .img  { 
float:left;
margin-right: 8px;
position: relative;

}
.user_inf2 .img .at2  { 
position: absolute;
bottom:5px;
right:0px;

}

.user_inf2 .img img{ 
border-radius: 4px;
overflow: hidden;
}
.user_inf2 .lb { 
padding: 2px 4px;
float:left;


}
.user_attr {
float:right;
padding-top: 5px;
}

.user_attr ul { 

float:left;
 border-left: 1px solid #e4eaed;
 padding-left: 10px;
 margin-left: 10px;
 text-align: left;
 
}

.user_attr li {
 overflow: hidden;
  display: table-row;
}
.user_attr li a {

}
.user_attr li div {
 display: table-cell;
 font-size: 0.8em;
 padding: 4px 0px;
 white-space:nowrap;
 
}
.user_attr li div:first-child {
 padding-right: 15px;
}
.user_attr li div:last-child {
 font-weight: bold;
 color:#627074;
}


.user_cat_box, .search_bazarik {
 border-top: 1px solid #E4EAED;
 margin-top: 5px;
 padding-top: 8px;
 text-align: left;
 
}
.user_cat_box {
 margin-bottom: 10px;
}
.user_cat_box.v2 {
 border-top: none;
 margin-top: 0px;
}

.cat_type {
 font-size: 0.7em;
 
 text-transform: uppercase;
 margin-bottom: 7px;
 overflow: hidden;
}
.cat_type li {
 float:left; 
}
.cat_type li a.activ {
 font-weight: bold;
 color: #627074;
}
.cat_type li a {
 color: #a1acaf;
}
.cat_type li a:hover {
 color: #f25a55;
}
.cat_type li:after  { 
 content:"/";
 padding-left:5px;
 padding-right:5px;
 }
.cat_type li:last-of-type:after  { 
 content:"";
 padding-left:0px;
 padding-right:0px;
 }
 
.user_cat_box .cat_list{
    margin-top: 0px;
} 
.user_cat_box .cat_list ul.col {
    margin-bottom: 0px;
    width: 23%;
    margin-right: 2%;
    
} 
.user_cat_box .cat_list ul.col:last-of-type {  margin-right: 0%;} 
 

.user_cat_box .cat_list li h2, .user_cat_box .cat_list li h3 {
   font-size: 11px;
} 
.user_cat_box .cat_list li span {
   font-size: 10px;
} 


.user_cat_box .cat_list li.main_cat.sub, .user_cat_box .cat_list li.main_cat.foth {
    padding-bottom: 0px;
    padding-top: 0px;
}


.search_bazarik .modify_content { padding-left: 0px; padding-right: 0px;}
.search_bazarik .bb_slider {
    margin-right: 160px;
    margin-left: 15px;
    
  
 }

 
.search_bazarik .fblock2 {
    padding: 0px;
}
.search_bazarik .fb_butt button {
    width:auto;
    
  
 }


.ref_block_wrap {
float:left;

}
.ref_block {
float:left;
text-align: center;
padding-left: 6px;
 margin-left: 6px;
border-left: 1px solid #e4eaed;
height: 80px;

}
.ref_block.poz { color: #32c041;}
.ref_block.neg { color: #f05954;}

.ref_block div:first-of-type {
 font-size: 12px;
 margin-bottom: 20px;
 
}
.ref_block div:last-of-type {
 font-size: 20px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}



.user_inf2 .odk_button  { 
 clear: both;
 padding: 0px 4px;
 font-weight: normal;
 font-size: 10px;
 line-height: 20px;
 margin-top:5px;
 float:left;
 min-width: 90px;
}

.partners_list { color: #f25a55; width: 46%; float:left; font-size: 0.8em; font-weight: bold; }
.partners_list:nth-child(even) {  float:right; }
.partners_list li  {  padding: 2px 0px;}
.partners_list li a { color: #f25a55; }



.bas_ref_block, .adv_ref_block {
 width:100%;
 margin-top: 15px;
}
.bas_ref_block .ndp_2 {
padding-bottom: 2px;
}
.adv_ref_block .ndp_2 {
float:left;
}



.ref_menu { float:right;}


.ref_menu li  {
 float:left;

 
}
.ref_menu li a {
 background-color: #e7e7e7;
 
border-radius: 4px 4px 0px 0px;
margin-left: 10px;
padding: 5px 10px 1px 10px;

font-size: 12px;
 color: #808890;
 font-weight: normal;
 
}
.ref_menu li a.activ {
 background-color: #F25A55;
color: #ffffff;
}




.switch_versions {
    display: block;
    padding:5px 10px;
    position: fixed;
    right: 15px;
    top: 0;
    z-index: 1000;
    background-color:#f25a55;
    color:#FFF;
    text-decoration:none;
}
.switch_versions:hover { color:#FFF;}


.refresh { 
 float: left;
 background-image:url("../images/layout/refresh_1.png");
 background-repeat: no-repeat;
 width: 16px;
 height: 14px;
 margin: 13px 5px 0px 5px;
}
.modal_box .refresh { margin-top: 40px;}
.refresh:hover { background-position: bottom;}

#recaptcha_image, #recaptcha_image img {
    height: 57px !important;
    width: 250px !important;
}


/* ---------------------------------------------------------- */
/* filter  v kategoriach */

.fblock_wrap {
 border-bottom: 1px solid #e4eaed;
}
.fblock {
 border-left: 1px solid #e4eaed;
 display: inline-block;
 padding: 10px 0px 10px 10px;
 vertical-align: top;
/*width: 98%;*/
/*white-space:nowrap;*/

}



/*.filter1.n6 .fblock  { width: 15%; max-width: 0px;}
.filter1.n5 .fblock  { width: 18%; min-width: 0px;}
.filter1.n4 .fblock  { width: 23%; min-width: 0px;}
.filter1.n3 .fblock  { width: 31.5%; min-width: 0px;}
.filter1.n2 .fblock  { width: 48%; min-width: 0px;}*/

.filter1.n7 .fblock  { width: 13.5%; }

.filter1.n6 .fblock  { width: 15%; min-width: 0px;}
.filter1.n5 .fblock  { width: 18%; min-width: 0px;}
.filter1.n4 .fblock  { width: 23%; min-width: 0px;}
.filter1.n3 .fblock  { width: 31.5%; min-width: 0px;}
.filter1.n2 .fblock  { width: 48%; min-width: 0px;}
.filter1.n1 .fblock  {  display: block; float: left; white-space:nowrap;}






.fblock:first-of-type { border-left:none;}

.fblock .jspVerticalBar  {
right:0px;
}
.fblock .ndp_2 { margin-bottom: 5px; margin-left: 5px;}
.fblock .fblock_list1 {
 height: 110px;
  overflow: auto; 
  overflow-x: hidden;
  
   /*max-width: 230px;*/ 

 padding: 0px;
 margin: 0px;
}
.fblock .fblock_list1 ul {
/*  min-width: 185px;*/
 
}
.fblock .fblock_list1 li {
  
}
.fblock .fblock_list1 li a, .fblock3  li a {
 
  border: 1px solid #dde5e9;
  display: block;
  border-radius: 4px;
  padding: 1px 22px 2px 5px;
  margin-bottom: 3px;
  font-size: 11px;
  line-height: 14px;
  color:#697578;
   text-transform: uppercase;
  
}
.fblock .fblock_list1 li a:hover, .fblock3 li a:hover {
  border: 1px solid #f4d1d0;
  background-color: #fff5f5;
  color:#f1504c;

}
.fblock .fblock_list1 li a.activ, .fblock3 li a.activ {
  background-image: url('../images/layout/close_6.png');
padding-right: 18px;


       box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  2px 2px 3px -2px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
       -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
	
	
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
	background-color: #f04d49;
	border: 1px solid #c93f3b;
	
	
	background-image: linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -o-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -moz-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -webkit-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -ms-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, #f04d49),
		color-stop(0.73, #f46661)
	);


}
.fblock .fblock_list1 li a.activ:hover, .fblock3 li a.activ:hover {
   background-color: #dd4944;


}



.fblock .fblock_list1 .size  {
}
.fblock .fblock_list1 .size li  {
  margin-right: 5px;
  float:left;
}
.fblock .fblock_list1 .size li a {
  min-width: 20px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.fblock .fblock_list1 .size li a.activ {
  padding-right: 15px;
}


.fblock .fblock_list1 .color  {
 white-space:nowrap;
}
.fblock .fblock_list1 .color span {
 display: block;
 width:30px;
 height: 12px;
 border-radius: 4px;
 float:left;
 margin-top: 2px;
 margin-right:6px;
}


 span.c_bw { background-image:url("../images/layout/color_bw.png"); }
 span.c_oth { background-image:url("../images/layout/color_other.png"); }
 span.c_no { background-image:url("../images/layout/no_color.png"); }
 
 
 .fblock2 {
   padding:25px 10px 15px 10px;
    position: relative;
    clear: both;
 }
 .fblock2 .ndp_2 {
  position: absolute;
  left:14px;
  top:25px;
 }

 
 .bb_slider_wrap {
  display: inline-block;
  width: 100%;
 padding-top: 3px;
  

 }

 .bb_slider {
    margin-right: 140px;
    margin-left: 160px;
    
  
 }
 
.fblock2 .fb_butt {
  position: absolute;
  right:8px;
  top:21px;
 }
.fblock2 .fb_butt button {
 padding: 2px 7px
 }

 
 
 
.fblock3 {
 border-bottom: 1px solid #e4eaed;
 padding:15px 10px 10px 10px;
  position: relative;
}
 
.fblock3  ul {
 padding-top: 0px;
}
.fblock3  li a {
float:left;
margin-right: 10px;
padding: 3px 22px 2px 5px;
 font-weight: bold;
 position: relative;
}

 

.fblock3  li a span.c {
  background-image: url('../images/layout/close_6.png');
  background-position: right center;
  position: absolute;
  right: 2px;
  top:4px;
  width: 13px;
  height:11px;
   
  
} 
 
.fblock3  li a span.t {
color:#611916;
  text-transform: initial;
   float:left;
   margin-right: 3px;
   text-shadow: none;
  
}
.fblock3  li a span.color {
 display: block;
 width:30px;
 height: 12px;
 border-radius: 4px;
 float:left;
 margin-top: 1px;
 margin-right:6px;
 background-color: #ffffff;
  
}
.fblock3 .ndp_2  { margin-right: 5px; margin-left: 5px;}
/* ---------------------------------------------------------- */


/* advanced serach */


.adv_search_block, .cat_block {
  width: 920px;
  padding: 10px 0px;
}
.adv_search_block .ndp_1 {
 text-align: center;
}



.adv_search_block .fblock2 {
    border-top: none;
   padding:0px 0px 0px 0px;
   margin-top: 0px;
       vertical-align: top;
        display: inline-block;
	width:74%;
	float:right;
}

.adv_search_block  .bb_slider {
    margin-left: 10px;
    margin-right: 10px;
}
.adv_search_block  .bb_slider_wrap {
    margin-top: 13px;
}

.modal_box .adv_search_block  .close 
{
   position: relative;
   display: block;
   margin-top: 8px;
   float: left;
}

.adv_search_block .modal_box_content .modify_content {
    clear: both;
    padding: 0 22px;
    width: auto;
}




/* ---------------------------------------------------------- */

/* --------------------------------- */

 /* size wrap  boxes  */
 
  .siz_box {
  display: inline-block;
  vertical-align: top;
 }

 .siz_0 {
  width:100%;
 }
 .siz_1 {
  width:48%;
 }
 
 .siz_1:first-of-type  { margin-right: 2%; }
 
 /* 3 polozky */
 .siz_2 {
  width:38%;
 }
 
 .siz_3 {
  width:28%;
 }
 .siz_4 {
  width:20%;
 }
 .siz_5 {
  width:23%;
 }
 
  .siz_6 {
  width:15%;
 }

 
  .siz_7 {
  width:67%;
 }
 
  .siz_8{
  width:12%;
 }
  .modify_content .siz_box.siz_8 .inp {  width:97%; }
  .modify_content .siz_box.siz_8 .inp input {  width:80%; }
 
 .siz_9 {
  width:30%;
 } 
  
  .siz_10 {
  width:18%;
    min-width: 100px;
 }
  .siz_11 {
  width:10%;
  
 }
  
 .smr_1 {
  margin-right: 2%;
 }




.aft_inp {
 float:left;
  font-size: 10px;
  color: #999999;
  padding-top: 12px;
  padding-left: 5px;
}

.modify_content  .siz_box.ai .inp { width: 70%;}
.modify_content  .siz_box.ai .inp input { width: 80%;}
.modify_content  .siz_box.ai .aft_inp { width: 20%;}

 
.modify_content  .siz_box .select_box, .touch .modify_content  .siz_box .select_box_select, .modify_content  .siz_box .inp, .modify_content .siz_box.textarea {
    width: 98%;
}
.modify_content  .siz_box .select_box_list { width: 100%;}
 
 
 
 /* --------------------------------- */
 
 
 
 /* book list - vyber knihy */
 
 
 .book_list {
  font-size: 14px;
  margin: 5px 0px 20px 0px;
  
 }
 
 
 /* --------------------------------- */
 
 
 
 /* help list */
 
 .help_list_wrap {
  position: absolute;
  z-index: 10;
  width:100%;
  top:35px;
  left:-1px;
  
  
   border-bottom: 1px solid #f8bd74;
   border-left: 1px solid #f8bd74;
   border-right: 1px solid #f8bd74;
   
  border-radius: 3px 3px 3px 3px;
  

       background-color:#ffffff;
      
      
    box-shadow: inset 0 1px 7px -2px #e6e6e6;
      
      

 }
 .help_list  {
   max-height: 170px;
   overflow-x: hidden;
    overflow-y: auto;
  
 }
 .help_list ul {
  padding: 5px 5px 5px 5px;
  font-size: 0.9em;
  
 }
 .help_list li {
  padding: 5px 10px;
  cursor: pointer;
    border-radius: 3px 3px 3px 3px;
 }

 
  .help_list li:hover {
  cursor: pointer;
  background-color: #f3f3f3; 
  color:#f25752;
 }
  .help_list li.active {
  background-color: #F25752;
  color:#FFFFFF;
  
 }
 
  /* --------------------------------- */
  
 /* sitemap */
 .sitemap {
  font-size: 14px;
  line-height: 26px;
 }
 
 .sitemap a {
  color: #808890;
 }
 .sitemap li.noneeded a {
  color:#9fa7af;
  font-size: 12px;
 }
 .sitemap a:hover,  .sitemap li.noneeded:hover a {
  color: #f25a55;
 text-decoration: underline;
 }
 
 .sitemap li {
  font-size: 14px;
  font-weight: bold;
  	
  
 }
 .sitemap ul li {
	font-weight: normal;
  	list-style-position: inside;
	list-style-type: square;
  
 }
 .sitemap ul {
	margin: 3px 0px 5px 0px;
  
 }
 
 .sitemap ul  li {
	
	margin-left: 20px;
  
 }
  .sitemap ul li.noneeded:first-child {
	float:left;
	list-style-type: none;
	margin-left: 5px;
	
 }
  .sitemap ul li.noneeded {
	float:left;
	list-style-type: none;
	margin-left: 0px;
	
 }
 
.sitemap ul li.noneeded:before { content: '| ';  color:#c1c9d1; }
.sitemap ul li.noneeded:first-of-type:before { content: ''; }

  .sitemap ul li.lastli {
	float:none;
	clear: both;
	list-style-type: none;
	
 }
 


 
 /* html wysiwyg content */
 
 .html_content, .short_content {
  font-size: 14px;
  line-height: 22px;
  font-family: 'Open Sans',Arial,sans-serif;
  color: #697578;
 }
 .html_content a { color: #f25a55;; text-decoration: none; }
 .html_content a:hover {
 color: #f25a55;
 text-decoration: underline;
}
.html_content p { padding:7px 0px; margin: 0px;} 

.blog_detail .html_content p { padding:0px 0px; margin: 0px;}
 
 .short_content {
  margin-bottom: 20px;
   color: #232627;
 }
 
.html_content  ul  {
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 16px;
 padding: 0px;
}
.html_content  ul li { 
  list-style-position: outside;
  list-style-image: url('../images/layout/square_1.png');
}
.html_content  ol  { 
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 20px;
 padding: 0px;
}
.html_content  ol li { 
  list-style-type: decimal;
}
 
 

.html_content h1, .html_content h2 { 
 font-size: 15px;
 text-transform: uppercase;
 font-weight: bold;
 padding: 10px 0px 5px 0px;
  margin:0px;

}
.html_content h3 { 
font-size: 14px;
 font-weight: bold;
padding: 5px 0px;
  margin:0px;
}
.html_content h4, .html_content h5, .html_content h6 {font-size: 14px;  font-weight: bold; padding: 5px 0px; margin:0px;}






 /* --------------------------------- */
 
  /* threat msg */
 
.thread_msg {
 margin-bottom: 15px;
 overflow: hidden;
 position: relative;
 padding: 15px;
 border-radius: 4px 4px 4px 4px;
}
.thread_msg .img {
 position: absolute;
 left:10px;
 top:17px;
}

.thread_msg  .from  {
 float:left;
  font-size: 1em;
 line-height: 16px;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}
.thread_msg  .from a  {
 display: block;
}
.thread_msg .date {
 float:right;
  font-size: 0.9em;
   line-height: 16px;
}
.thread_msg  .text {
 padding-top: 5px;
 clear:both;
 font-size: 0.9em;
}
.thread_msg  .from, .thread_msg  .text  {  margin-left: 50px;}

.thread_msg.v1 {
 background-color: #f8fef4;
 border:1px solid #d3e9c4;
 color: #5b8141;
}
.thread_msg.v2 {
 background-color: #f4fbfe;
 border:1px solid #c0d9e5;
 color: #4c7d92;
}
 
 
.thread_msg .new_msg2 {
color: #f25a55;
font-size:11px;
display: block;

float:left;
 padding-left: 20px;
 margin-right: 10px;
 margin-top: 1px;
 
 
  background-image: url('../images/layout/envel_2.png');
 background-position: center left;
  background-repeat: no-repeat;
  
}



/* --------------------------------- */

/* recepty */

#rec_detail .item_actions {
 border-top: 1px solid #e2e9ec;
 margin-top: 15px;
 padding-top: 15px;
 overflow: hidden;
} 
#rec_detail .item_desc {
 padding-top: 5px;
} 

#rec_detail.nor .item_desc {
clear: none;
} 
#rec_detail.nor .item_photo {
clear: none;
} 



.rec_main_attr_wrap {

 
 overflow: hidden;
 border-bottom: 1px solid #e2e9ec;
 padding-bottom: 17px;
 margin-top: 3px;
 text-align: left;
 width: 100%;
 
 
}
.rec_main_attr {
 float:left;
 margin-right: 30px;
}
.rec_main_attr .val {
    font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
    font-size: 1.4em;
    line-height: 1.8em;
     color: #f25a55;
}
.rec_main_attr .val span.q {
   font-size: 12px;
    line-height: 1.2em;
}
.rec_main_attr .title {
  font-size: 0.8em;
    line-height: 0.9em;
}

.rec_main_attr .val.prep_time {
  background-image:url("../images/layout/clock_1.png");
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 30px;
}
.rec_main_attr .val.rec_diff {
font-size: 12px;
text-align: center;
}


.rec_main_attr .val.rec_diff span {


 background-image:url("../images/layout/rec_diff.png");
 background-repeat: no-repeat;
 display: block;
 height: 20px;
 
}
.rec_main_attr .val.servings_num div.act {

 float:right;
 margin-top: 5px;
 
 
}
.rec_main_attr .val.servings_num div.act span {
 display: block;
 background-color:#d6dcde;
 color: #ffffff;
 font-family: 'Open Sans',Arial,sans-serif;
 font-weight: bold;
 font-size: 12px;
 line-height: 12px;
 cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  height: 8px;
  width: 8px;
   padding: 3px 8px;   
}
.rec_main_attr .val.servings_num div.act span:hover { background-color:#f3625c;}
.rec_main_attr .val.servings_num div.act span.up {
  margin-bottom: 2px;
  border-radius: 7px 7px 0px 0px;
  background-image:url("../images/layout/icon_plus_1.png");
}
.rec_main_attr .val.servings_num div.act span.down {
  border-radius: 0px 0px 7px 7px;
  background-image:url("../images/layout/icon_minus_1.png");
}

 	 	



.ingr_block_wrap {
float:right;
}
#rec_detail.nor .ingr_block_wrap {
 margin-left: 30px;
}

.ingr_block_wrap table {
 text-align: left;
 border-collapse:separate;
 border-spacing:3px;
  overflow: hidden;
    font-size: 0.9em;
  font-size: 0.8em;
    line-height: 1.1em;
    color: #87413e;
    width:270px;
}
.ingr_block_wrap table th {
 font-size: 14px;
 line-height: 22px;
 font-family: 'Open Sans',Arial,sans-serif;
 text-transform: uppercase;
 color: #87413e;
 text-align: center;
  background-color: #ffeae9;

}
.ingr_block_wrap table td {

  
}
.ingr_block_wrap table td {
  padding: 5px 5px;
  
}
.ingr_block_wrap table td:first-of-type {
  background-color: #fff4f4;
  
}
.ingr_block_wrap table td:last-of-type {
  background-color: #ffeae9;
  text-align: center;
}


.prep_step  {
clear: both;
margin-top: 30px;
position: relative;
}
.prep_step .img {
 border: 1px solid #dcdcdc;
    border-radius: 5px;
    height: 202px;
    width: 270px;
    overflow: hidden;
    text-align: center;
    float: left;
    background-color: #ffffff;
    margin-right: 20px;
    line-height: 202px;
    
}
.prep_step .img  img {
vertical-align: middle;
}



.prep_step .step_desc {
 border-radius: 5px;
 
 border: 1px solid #dcdcdc;
 padding: 10px 10px 10px 10px;
  font-size: 14px;
 line-height: 22px;
 min-height: 182px;
 
 
 
}
.prep_step .step_nb {
 
 border-radius: 6px; 
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 padding: 5px 10px;
 position: absolute;
 right:-13px;
 top: -14px;
 background-color: #dcdcdc;
 
}


.rate_wrap {
 text-align: center;
 margin-top: 30px;
}
.rate {
 display: inline-block;
  position: relative;
}

.rate ul:before {
content: "";
height: 38px;
width: 34px;
background-image: url('../images/layout/like.png');
bottom: 6px;
left: -40px;
position: absolute;
}
.rate ul:after {
content: "";
height: 38px;
width: 34px;
background-image: url('../images/layout/unlike.png');
bottom: 0px;
right: -40px;
position: absolute;
}

.rate ul {

 text-align: center;
 background-color: #d8e1e4;
 height: 26px;
 padding: 10px;
 border-radius: 4px; 
}
.rate li {
 float:left;
 border-radius: 20px; 
 font-size: 12px;
 line-height: 16px;
 
 margin-right: 10px;
 padding: 5px 10px;
 position: relative;
 
 cursor: pointer;
 
	box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  2px 2px 3px -2px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
       -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
	
	
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
	background-color: #80949b;
	border: 1px solid #61747a;
	
	
	
 
 
}
.rate li:last-of-type { margin-right: 0px; }
.rate_wrap:not(.dis) .rate li:hover { 
 background-color: #61747a;
}


.rate li.activ {
 
 
 box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  2px 2px 3px -2px rgba(0, 0, 0, 0.4);
 -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);

  opacity: 0.8;
  cursor: default;
  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  background-color: #f04d49;
  border: 1px solid #c93f3b;


  background-image: linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -o-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -moz-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -webkit-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -ms-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0.36, #f04d49),
	  color-stop(0.73, #f46661)
  );
	
 
}
.rate_wrap.dis .rate li:not(.activ) {
 opacity: 0.3;
 cursor: default;
}







.ov_rat {
background-color: #d8e1e4;
border-radius: 20px; 
height: 50px;
padding: 5px 5px;
position: absolute;
top:-35px;
left:74px;






}
.ov_rat div {
display: block;
border-radius: 20px; 
padding: 5px 0px;
width: 40px;
 box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3),  2px 2px 3px -2px rgba(0, 0, 0, 0.4);
 -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);


  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  background-color: #f04d49;
  border: 1px solid #c93f3b;
  background-image: linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -o-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -moz-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -webkit-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -ms-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
  background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0.36, #f04d49),
	  color-stop(0.73, #f46661)
  );



}


.rat_inf {
 font-size: 11px;
}
.rat_inf div {
display: inline-block;
}

/*recepty listing */

.cat_search .modify_content {
   padding-left: 0;
    padding-right: 0;
   
    width: 100%;
    text-align: left;
}

.rec_cat_item_wrap {
 
 display: inline-block;
 border: 1px solid #e4eaed;
 border-radius: 4px;
 width: 31.2%;
 height: 64px;
 margin-right: 2%;
 margin-bottom:10px;
 vertical-align: top;
 overflow: hidden;
 position: relative;
 text-align: left;
}
.rec_cat_item_wrap:nth-of-type(3n) { margin-right: 0%; }

.rec_cat_item {
 padding: 5px;
}
.rec_cat_item a, .rec_sub_cat_block a {
 color: #808890;
}
.rec_cat_item a:hover {
  color: #f25a55;
 text-decoration: underline;
}
.rec_cat_item h3 {
 font-size: 13px;
 text-transform: uppercase;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}
.rec_cat_item .img img {
 border-radius: 4px;
  float:left;
}
.rec_cat_item .cat {
 margin-left: 68px;
}
.rec_cat_item .sub_cat {
 font-size: 10px;
 line-height: 14px;
}

.rec_cat_item .sub_cat a:after  { 
 content:", ";
 font-size: 11px;
 }	
.rec_cat_item .sub_cat a:last-of-type:after  { 
 content:"";
 }	


.rec_cat_item .more {
 font-size: 9px;
 position: absolute;
 right: 5px;
 bottom: 3px;
  text-transform: lowercase;
 color: #f25a55;
}

.rec_sub_cat_block {
  
 display: inline-block;
 border: 1px solid #e4eaed;
 border-radius: 4px;
 min-width: 18%;
 
 margin-right: 1%;
 margin-bottom:1px;
 overflow: hidden;
 position: relative;
 cursor: pointer;
}
.rec_sub_cat_block:hover { border: 1px solid #f25a55; }
.rec_sub_cat_block:hover a {color: #f25a55; }
.rec_sub_cat_block h3{
text-align: center;
padding: 4px 2px;
font-size: 11px;
 text-transform: uppercase;
 font-family: 'bariol_bold','Open Sans',Arial,sans-serif;
}



/* --------------------------------- */

  /* fb_block */
 
  .fb_block_1 {
   
  }
  
  /* --------------------------------- */
 
  
  /* bannery */
  
  .banner_1 {
   margin-bottom: 15px;
      text-align: center;
  }
  
  .banner_2 {
   width: 160px;
   position: absolute;
   left:-180px;
   top:20px;
   display: none;
  }
  
  .branding_1 {
   display: block; 
   height: 100%; 
   width: 100%; 
   position: fixed; 
   left: 0px; 
   top: 0px; 
  } 

  
  
  .banner_3 {
    margin: 15px 0px;
    text-align: center;
  }
  
  
  
  
  /* import manual */
  
  
  
pre.code {
    background-color: #f4fbfe;
    border-color: #d5e6ee;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
    padding: 10px 10px;
    font-size: 14px;
    color: #000000;
}


pre.code .tag-grey {
    color: #67695c;
}

pre.code .tag {
    color: #911b89;
}


/* cookie info */
.cookieinfo_wrap {
 background-color: rgba( 51, 51, 51, 0.9 );
 font-size: 12px;
 color:#cccccc;
 
 width:100%; 
 margin:auto; 
 padding: 10px 5px 15px 5px;

 position: fixed;
 bottom: 0px;
 box-sizing: border-box; 
  text-align:center;
  z-index: 1000;
  
}
.cookieinfo  {
 max-width: 975px;
  display: inline-block;
}
.cookie_close_btn {
 cursor:pointer; 
 color:#fff; 
 background:#f15632; 
 border-radius:4px; 
 display:inline-block;
 height:20px; 
 line-height:20px; 
 padding:0 5px;
 margin-left: 10px;
 margin-top: 5px;
}
.cookie_close_btn:hover { background:#ce4a2b; color:#fff; }
.cookie_more_btn { text-decoration: underline; color: #cccccc;}
.cookie_more_btn:hover {color:#ffffff; text-decoration: underline;}