@import 'useful.css';
@import 'text.css';
@import 'rpl.css';

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	background: #f3f3f3;
}

body.front {
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 112px 0;
	background: #fff url("../Images/bg/footer.png") 0 bottom repeat-x;
	text-align: center;
}

/*--LAYOUT-----------------------------------------------------------------*/

.front .pageHolder {
	width: 100%;
	padding: 0 0 0 0;
	background: #79b61d url("../Images/bg/body.jpg") 50% 65px repeat-x;
}

.front .pageHolder.sp {
	width: 100%;
	padding: 0 0 0 0;
	background: #79b61d url("../Images/bg/body_sp.jpg") 50% 65px repeat-x;
}

.front .page {
	width: 960px;
	margin: 0 auto;
	padding: 537px 0 50px 0;
	text-align: left;
	position: relative;
}

.front .sp .page {
	padding: 400px 0 50px 0;
}

.front .rightPanel {
	width: 315px;
	float: right;	
}

/*--BOXES-----------------------------------------------------------------*/

.front .boxes {
	width: 960px;
	_width: 970px;
	margin-bottom: 10px;
	background: #79b61d url("../Images/bg/boxes_bottom.png") 0 bottom no-repeat;
	_background: url("../Images/bg/boxes_bottom.gif") 0 bottom no-repeat;
	position: relative;
}

.front .greenBox, .front .blueBox, .front .pinkBox {
	width: 315px;
	margin-left: 10px;
	_margin-left: 8px;
	padding-bottom: 30px;
	float: left;
}

.front .boxes .greenBox, .front .boxes .blueBox, .front .boxes .pinkBox {
	padding-bottom: 15px;
}

.front .boxes.normal {
	margin-top: 40px;
}

.front .greenBox h2, .front .blueBox h2, .front .pinkBox h2 {
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	position: absolute;
	top: -40px;
	color: #fff;
	font-size: 1.25em;
}

.front .blueBox.second .content .left_link {
  position: absolute;
  left: 21px;
  bottom: 8px;
  width: 107px;
  height: 27px;
	background: url("../Images/vice.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .blueBox.second .content .right_link {
  position: absolute;
  left: 158px;
  bottom: 8px;
  width: 134px;
  height: 27px;
	background: url("../Images/soutez.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}


.front .blueBox.first, .front .greenBox.first, .front .pinkBox.first {
	margin-left: 0;
}

.front .greenBox.second, .front .blueBox.second, .front .pinkBox.second {
	width: 310px;
}

.front .greenBox.second h2, .front .blueBox.second h2, .front .pinkBox.second h2 {
	width: 295px;
}

.front .blueBox h2.short {
	background: url("../Images/bg/bluebox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .blueBox h2 {
	background: url("../Images/bg/bluebox_top_wide.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .pinkBox h2 {
	background: url("../Images/bg/pinkbox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .greenBox h2 {
	background: url("../Images/bg/greenbox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .greenBox .content, .front .blueBox .content, .front .pinkBox .content {
	padding: 15px 14px 0 13px;
	position: relative;
}

.front .greenBox .content img.photo, .front .blueBox .content img.photo, .front .pinkBox .content img.photo {
	display: block;
	margin-bottom: 10px;
}

.front .greenBox .content h3, .front .blueBox .content h3, .front .pinkBox .content h3 {
	padding: 0 0 8px 0;
	margin: 0 0 4px 0;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px #B2B2B2 solid;
}

.front .greenBox .content h3 {
	color: #006121;
}

.front .blueBox .content h3 {
	color: #579FAF;
}

.front .pinkBox .content h3 {
	color: #D44CA3;
}

.front .greenBox .content table, .front .blueBox .content table, .front .pinkBox .content table {
	margin: 0 0 0 0;
}

.front .greenBox .content table tr td, .front .blueBox .content table tr td, .front .pinkBox .content table tr td {
	padding: 0 2px 2px 0;
	border: none;
	font-size: 0.95em;
}

.front .greenBox .content p, .front .blueBox .content p, .front .pinkBox .content p {
	font-size: 0.95em;
}

.front .greenBox .btn, .front .blueBox .btn, .front .pinkBox .btn {
	position: absolute;
	bottom: 10px;
}

.front .blueBox .btn {
	_margin-right: 10px;
}

.front .greenBox.first .btn, .front .blueBox.first .btn, .front .pinkBox.first .btn {
	right: 657px;
}

.front .greenBox.second .btn, .front .blueBox.second .btn, .front .pinkBox.second .btn {
	right: 337px;
}

.front .greenBox.third .btn, .front .blueBox.third .btn, .front .pinkBox.third .btn {
	right: 14px;
}

.front .greenBox.rightOne, .front .blueBox.rightOne, .front .pinkBox.rightOne {
	position: relative;
	padding-bottom: 0;
	float: right;
}

.front .greenBox.rightOne .content, .front .blueBox.rightOne .content, .front .pinkBox.rightOne .content {
	padding-bottom: 50px;
	min-height: 245px;
	_height: 245px;
	background: url("../Images/bg/boxes_bottom.png") 0 bottom no-repeat;
	_background: url("../Images/bg/boxes_bottom.gif") 0 bottom no-repeat;
}

#panel_Components_jidelnicek .greenBox {
	*right: 10px;
	_right: 0;
}

.rightPanel #panel_Components_jidelnicek .content {
	min-height: 100px;
	_height: 100px;
}

.front .greenBox.rightOne h2, .front .blueBox.rightOne h2, .front .pinkBox.rightOne h2 {
	position: relative;
	margin: 0;
	top: 0;
}

.front .greenBox.rightOne .btn, .front .blueBox.rightOne .btn, .front .pinkBox.rightOne .btn {
	right: 14px;
}

.front .greenBox h3.border, .front .blueBox h3.border, .front .pinkBox h3.border {
	width: 288px;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	border: none !important;
	background: #d4e7eb url("../Images/bg/border_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .greenBox .border span, .front .blueBox .border span, .front .pinkBox .border span {
	display: block;
	padding: 5px 10px 4px 10px;
	background: url("../Images/bg/border_bottom.png") 0 bottom no-repeat;
}

.front .wideBox {
	
}

.front .wideBox h2 {
	width: 975px;
	height: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
	padding-left: 15px;
	line-height: 40px;
}

.front .wideBox.blue h2 {
	background: url("../Images/bg/widebluebox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .wideBox .content {
	padding: 15px 13px 7px 13px;
	background: #fff;
}

.front .wideBox .content .visual {
	width: 680px;
	float: left;
}

.front .wideBox .content .promoPanel {
	width: 244px;
	float: right;
}

.front .wideBox .bottom {
	height: 8px;
	overflow: hidden;
	font-size: 0;
	background: url("../Images/bg/greybox_wide_bottom.png") 0 0 no-repeat;
}

/*--BUTTONS---------------------------------------------------------------*/

.front .greenmini.button {
	float: left;
	background: #026223 url("../Images/bg/greenminibutton_right.png") right 0 no-repeat;
}

.front .greenmini.button span {
	height: 21px;
	line-height: 21px;
	font-weight: normal;
	background: url("../Images/bg/greenminibutton_left.png") 0 0 no-repeat;
}

.front .blueButton, .front .blueBox .btn {
	background: #5AA1B1 url("../Images/bg/bluebutton_right.png") right 0 no-repeat;
}

.front .blueButton span, .front .blueBox .btn span {
	background: url("../Images/bg/bluebutton_left.png") 0 0 no-repeat;
}

.front .pinkButton, .front .pinkBox .btn {
	background: #D44BA2 url("../Images/bg/pinkbutton_right.png") right 0 no-repeat;
}

.front .pinkButton span, .front .pinkBox .btn span {
	background: url("../Images/bg/pinkbutton_left.png") 0 0 no-repeat;
}

.front .brownButton, .front .brownBox .btn {
	padding: 0 4px 0 0;
	display: block;
	text-decoration: none;
	background: #682200 url("../Images/bg/brownbutton_right.png") right 0 no-repeat;
	float: left;
	_zoom: 1;
}

.front .brownButton span, .front .brownBox .btn span {
	_width: 1px;
	padding: 0 13px 0 17px;
	display: block;
	color: #fff;
	cursor: pointer;
	line-height: 21px;
	height: 21px;
	font-weight: normal;
	background: url("../Images/bg/brownbutton_left.png") 0 0 no-repeat;
	_float: float;
}

.front .greenButton, .front .blueButton, .front .pinkButton, .front .btn  {
	_width: 1px;
	padding: 0 4px 0 0;
	display: block;
	text-decoration: none;
	float: right;
}

.front .greenButton span, .front .blueButton span, .front .pinkButton span, .front .btn span {
	height: 27px;
	line-height: 27px;
	padding: 0 13px 0 17px;
	display: block;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.front .greenButton, .front .greenBox .btn {
	background: #026223 url("../Images/bg/greenbutton_right.png") right 0 no-repeat;
}

.front .greenButton span, .front .greenBox .btn span {
	background: url("../Images/bg/greenbutton_left.png") 0 0 no-repeat;
}

/*--ARTICLES---------------------------------------------------------------*/

.front .articles {
	margin-bottom: 10px;
	margin-left: -1px;
}

.front .articles .overview {
	width: 637px;
	float: left;
	padding-left: 1px;
}

.front .articles.wide .overview {
	width: 960px;
}

.front .articles .overview h2 {
	width: 622px;
	height: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
	padding-left: 15px;
	line-height: 40px;
	background: url("../Images/bg/greybox_top.png") 0 0 no-repeat;
	_background: url("../Images/bg/greybox_top.gif") 0 0 no-repeat;
}

.front .articles.wide .overview h2 {
	width: 975px;
	background: url("../Images/bg/greybox_wide_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .articles .overview .content {
	width: 637px;
	background: #fff;
}

.front .articles.wide .overview {
	float: none;
}

.front .articles.wide .overview .content {
	width: 960px;
}

.front .articles .overview .content .perex {
	width: 290px;
	padding: 9px 13px;
	border: 1px #fff solid;
	float: left;
}

.front .articles.wide .overview .content .perex {
	width: 292px;
}

/*.front .articles .overview .content .perex:hover {
	border: 1px #E8E8E8 solid;
}*/

.front .articles .overview .content .perex h3 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

.front .articles .overview .content .perex h3 a {
	color: #646464;
	text-decoration: none;
}

.front .articles .overview .content .perex.green h3 a:hover {
	color: #026223;
	text-decoration: underline;
}

.front .articles .overview .content .perex.blue h3 a:hover {
	color: #5AA1B1;
	text-decoration: underline;
}

.front .articles .overview .content .pink.perex h3 a:hover {
	color: #D44BA2;
	text-decoration: underline;
}

.front .articles .overview .content .green.perex .category a {
	color: #026223;
}

.front .articles .overview .content .blue.perex .category a {
	color: #5AA1B1;
}

.front .articles .overview .content .pink.perex .category a {
	color: #D44BA2;
}

.front .articles .overview .content .perex .photo {
	width: 106px;
	height: 70px;
	margin-bottom: 8px;
	display: block;
	float: left;
}

.front .articles .overview .content .perex .text {
	width: 174px;
	margin-bottom: 8px;
	float: right;
	font-size: 0.95em;
	color: #646464;
}

/*.front .articles .overview .content .perex:hover .text {
	color: #000;
}*/

.front .articles .overview .content .perex .category {
	font-size: 0.95em;
	float: left;
}

.front .articles .overview .content .perex .link {
	font-size: 0.95em;
	float: right;
	padding-right: 8px;
	color: #646464;
	background: url("../Images/bg/link_arrow.gif") right 5px no-repeat;
}

.front .articles .overview .bottom {
	height: 8px;
	overflow: hidden;
	font-size: 0;
	background: url("../Images/bg/greybox_bottom.png") 0 0 no-repeat;
}

.front .articles.wide .overview .bottom {
	background: url("../Images/bg/greybox_wide_bottom.png") 0 0 no-repeat;
}

.front .articles .banners {
	width: 315px;
	float: right;
}

/*--PRODUCTS-RECIPES---------------------------------------------------------------*/

.front .product {
	width: 290px;
	padding: 15px 15px 7px 15px;
	float: left;
	font-size: 0.95em;
}

.front .product .photo {
	width: 80px;
	float: left;
	text-decoration: none;
}

.front .product.recipe .photo {
	width: 106px;
}

.front .product.recipe .photo strong {
	display: block;
	padding-top: 5px;
	color: #646464;
}

.front .product .text {
	width: 190px;
	float: right;
}

.front .product.recipe .text {
	width: 175px;
}

.front .product .text h3 {
	font-weight: bold;
	color: #026223;
	font-size: 1.3em;
	padding: 0;
}

.front .product.recipe .text h3 {
	font-size: 1.1em;
}

/*--MEDIUM-BOX-----------------------------------------------------------------*/

.front .greenMediumBox, .front .blueMediumBox, .front .pinkMediumBox {
	width: 635px;
	float: left;
	_overflow: hidden;
}

.front .greenMediumBox h2, .front .blueMediumBox h2, .front .pinkMediumBox h2 {
	width: 620px;
	height: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
	padding-left: 15px;
	line-height: 40px;
}

.front .pinkMediumBox h2 {
	background: url("../Images/bg/mpinkbox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .greenMediumBox h2 {
	background: url("../Images/bg/mgreenbox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}



.front .greenMediumBox .content, .front .pinkMediumBox .content, .front .blueMediumBox .content {
	width: 609px;
	padding: 15px 13px 7px 13px;
	background: #fff;
}

.front .greenMediumBox .bottom, .front .pinkMediumBox .bottom, .front .blueMediumBox .bottom {
	height: 8px;
	overflow: hidden;
	background: url("../Images/bg/videos_bottom.png") 0 0 no-repeat;
}

/*--PRODUCT-MENU-----------------------------------------------------------*/

.front #productMenu {
	width: 961px;
	height: 180px;
}

/*--HEADER-----------------------------------------------------------------*/

.front .header .logo {
	height: 22px;
	position: absolute;
	left: 0;
	top: 23px;
}

.front .header .logo img {
	height: 22px;
}

.front .header .claim {
	position: absolute;
	left: 160px;
	top: 31px;
}

.front .header .search {
	width: 174px;
	height: 20px;
	padding: 3px;
	position: absolute;
	left: 593px;
	top: 23px;
	background: url("../Images/bg/search.png") 0 0 no-repeat;
}

.front .header .search input.text {
	width: 144px;
	height: 16px;
	margin-top: 2px;
	padding: 2px;
	float: left;
	border: none;
	background: transparent;
	color: #fff;
}

.front .header .search input.button {
	margin: 1px 2px 0 0;
	padding: 0;
	float: right;
	border: none;
	cursor: pointer;
}

.front .header .logoOK {
	width: 92px;
	height: 92px;
	position: absolute;
	left: 795px;
	top: 19px;
 	_behavior: url("/Styles/iepngfix.htc");
}

.front .header ul.lang {
	margin: 0;
	padding: 0;
	width: 54px;
	position: absolute;
	left: 914px;
	top: 23px;
}

.front .header ul.lang li {
	margin: 0;
	padding: 0;
	float: left;
	background: none;
}

.front .header ul.lang li a {
	width: 27px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
}

.front .header ul.lang li a.active {
	background: url("../Images/bg/lang.png") 0 0 no-repeat;
}

.front .header ul.lang li a:hover {
	background: url("../Images/bg/lang.png") 0 0 no-repeat;
}

.front ul.categoryMenu {
	width: 980px;
	width: 1000px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -10px;
	top: 100px;
}

.front .categoryMenu li {
	height: 340px;
	margin: 0;
	padding: 0;
	float: left;
}

.front .categoryMenu li a {
	display: block;
	height: 360px;
}

.front .categoryMenu li a span {
	display: none;
}

.front .categoryMenu li.maminky {
	width: 333px;
	margin-right: 5px;
	background: url("../Images/bg/button_maminky.jpg") 0 10px no-repeat;
}

.front .sk .categoryMenu li.maminky {
	background: url("../Images/sk/bg/button_maminky.jpg") 0 10px no-repeat;
}

.front .categoryMenu li.maminky a:hover {
	background: url("../Images/bg/hover_maminky.png") 75px 253px no-repeat;
	_background: url("../Images/bg/hover_maminky.gif") 75px 253px no-repeat;
}

.front .categoryMenu li.deti a:hover {
	background: url("../Images/bg/hover_deti.png") 31px 241px no-repeat;
	_background: url("../Images/bg/hover_deti.gif") 31px 241px no-repeat;
}

.front .categoryMenu li.styl a:hover {
	background: url("../Images/bg/hover_styl.png") 5px 228px no-repeat;
	_background: url("../Images/bg/hover_styl.gif") 5px 228px no-repeat;
}

.front .sk .categoryMenu li.maminky a:hover {
	background: url("../Images/sk/bg/hover_maminky.png") 75px 253px no-repeat;
	_background: url("../Images/sk/bg/hover_maminky.gif") 75px 253px no-repeat;
}

.front .sk .categoryMenu li.deti a:hover {
	background: url("../Images/sk/bg/hover_deti.png") 31px 241px no-repeat;
	_background: url("../Images/sk/bg/hover_deti2.gif") 31px 241px no-repeat;
}

.front .sk .categoryMenu li.styl a:hover {
	background: url("../Images/sk/bg/hover_styl.png") 5px 228px no-repeat;
	_background: url("../Images/sk/bg/hover_styl3.gif") 5px 228px no-repeat;
}

.front .categoryMenu li.styl a {
	width: 336px;
	position: relative;
	left: -20px;
}

.front .categoryMenu li.deti {
	width: 314px;
	margin-right: 12px;
	background: url("../Images/bg/button_deti.jpg") 0 0 no-repeat;
}

.front .sk .categoryMenu li.deti {
	background: url("../Images/sk/bg/button_deti.jpg") 0 0 no-repeat;
}

.front .categoryMenu li.styl {
	width: 316px;
	background: url("../Images/bg/button_styl.jpg") 0 19px no-repeat;
}

.front .sk .categoryMenu li.styl {
	background: url("../Images/sk/bg/button_styl.jpg") 0 19px no-repeat;
}


.front .menu {
	width: 951px;
	height: 34px;
	margin: 0;
	padding: 9px 0 0 9px;
	position: absolute;
	left: 0;
	top: 349px;
	overflow: hidden;
	background: url("../Images/bg/menu.png") 0 0 no-repeat;
	_background: url("../Images/bg/menu.gif") 0 0 no-repeat;
}

.front .menu li {
	margin: 0;
	padding: 0 12px;
	float: left;
	position: relative;
	left: -12px;
	background: url("../Images/bg/menu_item_line.gif") 0 50% no-repeat;
}

.front .menu li a {
	margin: 0;
	padding: 0 3px 0 0;
	text-decoration: none;
	color: #682200;
	display: block;
	_float: left;
}

.front .menu li a span {
	margin: 0;
	padding: 0 5px 0 8px;
	line-height: 26px;
	height: 26px;
	_float: left;
	display: block;
	_cursor: pointer;
}

.front .menu li.active a {
	background: url("../Images/bg/menu_item_right.png") right 0 no-repeat;
	font-weight: bold;
}

.front .menu li.active a span {
	background: url("../Images/bg/menu_item_left.png") 0 0 no-repeat;
}

.front .menu li a:hover {
	background: url("../Images/bg/menu_item_right.png") right 0 no-repeat;
}

.front .menu li a:hover span {
	background: url("../Images/bg/menu_item_left.png") 0 0 no-repeat;
}

.front .sp ul.categoryMenu {
	width: 980px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 8px;
	top: 90px;
}

.front .sp .categoryMenu li {
	height: 227px;
	margin: 0;
	padding: 0;
	float: left;
}

.front .sp .categoryMenu li a {
	display: block;
	height: 227px;
}

.front .sp .categoryMenu li a span {
	display: none;
}

.front .sp .categoryMenu li.maminky {
	width: 299px;
	margin-right: 23px;
	background: url("../Images/bg/button_sp_maminky.png") 8px 0 no-repeat;
 	_behavior: url("/Styles/iepngfix.htc");
}

.front .sp .categoryMenu li.maminky a {
	background: url("../Images/bg/button_sp_maminky_bottom.png") 0 166px no-repeat;
	_background: url("../Images/bg/button_sp_maminky_bottom.gif") 0 166px no-repeat;
}

.front .sp .categoryMenu li.maminky a:hover, .front .sp .categoryMenu li.maminky a.active {
	background: url("../Images/bg/button_sp_maminky_bottom.png") -299px 166px no-repeat;
	_background: url("../Images/bg/button_sp_maminky_bottom.gif") -299px 166px no-repeat;
}

.front .sp .categoryMenu li.deti {
	width: 296px;
	margin-right: 12px;
	background: url("../Images/bg/button_sp_deti.png") 0 0 no-repeat;
    _behavior: url("/Styles/iepngfix.htc");
}

.front .sp .categoryMenu li.deti a {
	background: url("../Images/bg/button_sp_deti_bottom.png") 0 166px no-repeat;
	_background: url("../Images/bg/button_sp_deti_bottom.gif") 0 166px no-repeat;
}

.front .sp .categoryMenu li.deti a:hover, .front .sp .categoryMenu li.deti a.active {
	background: url("../Images/bg/button_sp_deti_bottom.png") -296px 166px no-repeat;
	_background: url("../Images/bg/button_sp_deti_bottom.gif") -296px 166px no-repeat;
}

.front .sp .categoryMenu li.styl {
	width: 319px;
	background: url("../Images/bg/button_sp_styl.png") 0 0 no-repeat;
 _behavior: url("/Styles/iepngfix.htc");
}

.front .sp .categoryMenu li.styl a {
	width: 319px;
	left: 0;
	background: url("../Images/bg/button_sp_styl_bottom.png") 0 166px no-repeat;
	_background: url("../Images/bg/button_sp_styl_bottom.gif") 0 166px no-repeat;
}

.front .sp .categoryMenu li.styl a:hover, .front .sp .categoryMenu li.styl a.active {
	background: url("../Images/bg/button_sp_styl_bottom.png") -319px 166px no-repeat;
	_background: url("../Images/bg/button_sp_styl_bottom.gif") -319px 166px no-repeat;
}

.front.sp .sk .categoryMenu li.maminky a {
	background: url("../Images/sk/bg/button_sp_maminky_bottom.png") 0 166px no-repeat;
	_background: url("../Images/sk/bg/button_sp_maminky_bottom.gif") 0 166px no-repeat;
}

.front .sp .sk .categoryMenu li.maminky a:hover, .front .sp .sk .categoryMenu li.maminky a.active {
	background: url("../Images/sk/bg/button_sp_maminky_bottom.png") -299px 166px no-repeat;
	_background: url("../Images/sk/bg/button_sp_maminky_bottom.gif") -299px 166px no-repeat;
}

.front .sp .sk .categoryMenu li.deti a {
	background: url("../Images/sk/bg/button_sp_deti_bottom.png") 0 166px no-repeat;
	_background: url("../Images/sk/bg/button_sp_deti_bottom.gif") 0 166px no-repeat;
}

.front .sp .sk .categoryMenu li.deti a:hover, .front .sp .sk .categoryMenu li.deti a.active {
	background: url("../Images/sk/bg/button_sp_deti_bottom.png") -296px 166px no-repeat;
	_background: url("../Images/sk/bg/button_sp_deti_bottom.gif") -296px 166px no-repeat;
}

.front .sp .sk .categoryMenu li.styl a {
	background: url("../Images/sk/bg/button_sp_styl_bottom.png") 0 166px no-repeat;
	_background: url("../Images/sk/bg/button_sp_styl_bottom.gif") 0 166px no-repeat;
}

.front .sp .sk .categoryMenu li.styl a:hover, .front .sp .sk .categoryMenu li.styl a.active {
	background: url("../Images/sk/bg/button_sp_styl_bottom.png") -319px 166px no-repeat;
	_background: url("../Images/sk/bg/button_sp_styl_bottom.gif") -319px 166px no-repeat;
}

.front .breadcrumbs {
	padding: 6px 15px;
	background: #DEDEDE;
	font-size: 0.95em;
	margin: 0;
}

.front .breadcrumbs a {
	color: #646464;
}

/*--BMI-------------------------------------------------------------*/

.front .bmi {
	width: 315px;
}

.front .rightPanel .bmi {
    position: relative;
	_left: 8px;
}

.front .bmi .content {
	height: 107px;
	padding: 15px;
	background: url("../Images/bg/bmi.jpg") 0 0 no-repeat;
}

.front .bmi .content h3 {
	font-weight: bold;
	color: #79B61D;
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 1.2em;
}

.front .bmi h2 {
	width: 300px;
	height: 40px;
	margin: 0;
	line-height: 40px;
	padding: 0 0 0 15px;
	color: #fff;
	background: url("../Images/bg/orangebox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .bmi .button {
	width: 82px;
	height: 27px;
	border: none;
	padding: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background: url("../Images/bg/orangebutton.png") 0 0 no-repeat;
	_background: url("../Images/bg/orangebutton.gif") 0 0 no-repeat;
}

.front .bmi table td {
	padding: 2px;
	border: none;
	vertical-align: top;
	background: transparent;
}

.front .bmi table td label {
	color: #006121;
	padding-top: 2px;
	display: block;
}


.front .bmi table td input.text {
	width: 41px;
	height: 18px;
	padding: 3px;
	font-size: 1.15em;
	font-weight: bold;
	border: none;
	background: transparent;
	background: url("../Images/bg/bmi_input.png") 0 0 no-repeat;
}

.front .bmi span.error {
	color: red;
}

/*--PORADNA-------------------------------------------------------------*/

.front .poradna {
	width: 315px;
}

.front .rightPanel .poradna {
    position: relative;
	_left: 8px;
}

.front .poradna .content {
    position: relative;
}

.front .poradna h2 {
	width: 300px;
	height: 40px;
	margin: 0;
	line-height: 40px;
	padding: 0 0 0 15px;
	color: #fff;
	background: url("../Images/bg/darkorangebox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

/*.front .poradna .button {
	width: 82px;
	height: 27px;
	border: none;
	padding: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background: url("../Images/bg/darkorangebutton.png") 0 0 no-repeat;
	_background: url("../Images/bg/darkorangebutton.gif") 0 0 no-repeat;
}*/

.front .poradna .content .onlife {
	display: block;
	width: 88px;
	height: 13px;
	position: absolute;
	left: 23px;
	top: 217px;
	z-index: 1000;
}

.front .poradna .content .formular {
	display: block;
	width: 106px;
	height: 28px;
	position: absolute;
	left: 19px;
	top: 185px;
	z-index: 1000;
}

/*--TEXT-CONTENT----------------------------------------------------*/

.front .textContent {
	width: 635px;
	float: left;
	_overflow: hidden;
}

.front .textContent h1 {
	width: 620px;
	height: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
	padding-left: 15px;
	line-height: 40px;
	background: url("../Images/bg/mgreenbox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .textContent .content {
	padding: 15px 17px 15px 17px;
	background: #fff;
}

.front .textContent .bottom {
	height: 59px;
	background: url("../Images/bg/textcontent_bottom.png") 0 0 no-repeat;
}

/*--FOOTER----------------------------------------------------------*/

.front .footer {
	width: 932px;
	padding: 0 14px;
	position: absolute;
	bottom: -50px;
}

.front .footer .copy {
	float: left;
	font-weight: bold;
	color: #646464;
	margin: 0;
}

.front .footer .links {
	float: right;
	margin: 0;
	padding: 0;
}

.front .footer .links li {
	margin: 0;
	padding: 0 7px 0 10px ;
	float: left;
	background: url("../Images/bg/links_line.gif") 0 50% no-repeat;
}

.front .footer .links li.first {
	background: none;
}


.front .footer .links li a {
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

/*--PRELOAD---------------------------------------------------------*/

.front .pre {
	width: 0;
	height: 0;
	overflow: hidden;
}

.front .categoryMenu div.pre.maminky {
	background: url("../Images/bg/hover_maminky.png") 0 0 no-repeat;
}

.front .categoryMenu div.pre.deti {
	background: url("../Images/bg/hover_deti.png") 0 0 no-repeat;
}

.front .categoryMenu div.pre.styl {
	background: url("../Images/bg/hover_styl.png") 0 0 no-repeat;
}

/*--RECIPES-DETAIL--------------------------------------------------------*/

.front .reciDetail {
	margin: 0 0 14px 0;
	padding-top: 6px;
}

.front .reciDetail ul li {
	color: #682200;
}

.front .reciDetail .photo {
	width: 264px;
	height: 174px;
	padding: 18px;
	margin: 0 0 10px 20px;
	display: block;
	float: right;
	background: url("../Images/bg/recipe_border_big.jpg") 0 0 no-repeat;
}

.front .reciDetail .photo span {
	width: 260px;
	height: 166px;
	display: block;
	text-align:center;
}

.front .reciDetail .photo img {
	border: 2px #fff solid;
}

.front .reciDetail h2 {
	width: 280px;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	background: url("../Images/bg/dots.gif") 0 bottom repeat-x;
}

.front .reciDetail h2 a {
	color: #682200;
	text-decoration: none;
}

.front .reciDetail h3 {
	color: #682200;
}

/*--RECIPES--------------------------------------------------------*/

.front .reciPerex {
	margin: 0 0 14px 0;
	width: 601px;
}

.front .reciPerex .photo {
	width: 191px;
	height: 123px;
	padding: 15px;
	display: block;
	float: left;
	background: url("../Images/bg/recipe_border.jpg") 0 0 no-repeat;
}

.front .reciPerex .photo span {
	width: 188px;
	height: 118px;
	display: block;
	text-align:center;
}

.front .reciPerex .photo img {
	border: 2px #fff solid;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .reciPerex .photo img.noBorder {
	border: none !important;
}

.front .reciPerex .text {
	width: 364px;
	float: right;
}

.front .reciPerex .text h2 {
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	background: url("../Images/bg/dots.gif") 0 bottom repeat-x;
}

.front .reciPerex .text h2 a {
	color: #682200;
	text-decoration: none;
}

.front .paging {
	width: 595px;
	height: 32px;
	position: relative;
	_top: -14px;
	padding: 18px 20px 0 20px;
	background: url("../Images/bg/recipe_paging.png") 0 0 no-repeat;
}

.front .paging a {
	font-weight: bold;
	color: #682200;
	text-decoration: none;
}

.front .paging a:hover {
	text-decoration: underline;
}

.front .paging .pages {
	float: left;
}

.front .paging .numbers {
	float: right;
}

/*--FILTER-----------------------------------------------------------*/

.front .filter {
	padding: 20px 15px;
	background: #eae4cb url("../Images/bg/filter.jpg") 0 0 no-repeat;
}

.front .filter form {
	width: 344px;
	float: left;
}

.front .filter table {
	margin: 0;
}

.front .filter table td {
	border: none;
	padding: 0 30px 7px 0;
}

.front .filter table td label {
	color: #682200;
	font-size: 1.2em;
	font-weight: bold;
}

.front .filter .info {
	width: 225px;
	padding: 8px 0 0 28px;
	float: right;
	background: url("../Images/bg/filter_info.jpg") 0 0 no-repeat;
	color: #682200;
	font-size: 0.95em;
}

/*--SUBMENU------------------------------------------------------------*/

.front .submenu {
	padding: 0;
	position: relative;
	_left: 8px;
}

.front .submenu .top {
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	color: #fff;
	background: url("../Images/bg/greenbox_top.png") 0 0 no-repeat;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .submenu ul {
	margin: 0;
	padding: 10px;
	background: #fff url("../Images/bg/submenu.png") 0 0 no-repeat;
}

.front .submenu ul li {
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: 1px #e5e5e5 solid;
	_zoom: 1;
}

.front .submenu ul li a:hover {
	color: #000;
}

.front .submenu ul li.active {
	padding-bottom: 4px;
	background: url("../Images/bg/submenu_active.png") 0 2px no-repeat;
}

.front .submenu ul li.active a {
	color: #fff;
}

.front .submenu ul li a {
	padding: 8px 10px;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #006121;
}

.front .submenu ul li.active ul {
	margin: 0;
	padding: 0 0 0 15px;
	background: none;
}

.front .submenu ul li.active ul li {
	margin: 0;
	padding: 0;
	border: none;
	_zoom: 1;
}

.front .submenu ul li.active ul li a {
	padding: 3px 10px;
	font-size: 1.1em;
	color: #006121;
}

.front .submenu ul li.active ul li a:hover {
	text-decoration: underline;
}

.front .submenu ul li.active ul li.active {
	background: none;
}

.front .submenu ul li.active ul li.active a {
	padding: 4px 10px;
	font-size: 1.1em;
	color: #006121;
	font-weight: bold;
}

.front .submenu ul li.active ul li.active ul {
	padding: 0 0 0 15px;
}

.front .submenu ul li.active ul li.active ul li a {
	font-weight: normal;
	font-size: 1em;
}

.front .submenu ul li.active ul li.active ul li.active a {
	color: #000;
	font-weight: bold;
}


.front .submenu .bottom {
	height: 8px;
	overflow: hidden;
	font-size: 0;
	background: url("../Images/bg/boxes_bottom.png") 0 bottom no-repeat;
	_background: url("../Images/bg/boxes_bottom.gif") 0 bottom no-repeat;
}

/*-- articlesOverview ----------------------------------------------------------- */

.front .articlesOverview .perex {
	width: 601px;
	margin-bottom: 12px;
	padding-bottom: 19px;
	_padding-bottom: 9px;
	background: url("../Images/bg/dots.gif") 0 bottom repeat-x;
}

.front .articlesOverview .perex h2 {
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	
}

.front .articlesOverview .perex h2 a {
	color: #682200;
	text-decoration: underline;
}

/*-- BMI ------------------------------------------------------------------------*/
.front table.green tr.darker td {
	background:#ff9900;
	color:white;
}



/*-- wallpaper -------------------------------------------------------------------*/
.wallpaper {
	font-size: 90%;
	text-align: center;
	float: left;
	width: 120px;
	min-height: 130px;
	margin: 0 15px 15px 0;
}

#flashDeti {
	height: 280px;
}

/*--PRODUCT-OVERVIEW-------------------------------------------------------------*/

.front .productsOverview {
	
}

.front .productsOverview .overview {
	margin-bottom: 10px;
}

.front .productsOverview h2 {
	width: 601px;
	background: transparent url(../Images/bg/dots.gif) repeat-x scroll 0 bottom;
	margin: 0 0 10px;
	padding: 0 0 8px;
}
.front .productsOverview h2 a {
	color: #682200;
	text-decoration: none;
}

.front .productsOverview .overview .product {
	width: 90px;
	_width: 115px;
	height: 120px;
	_height: 150px;
	float: left;
	display: block;
	text-align: center;
	color: #682200;
	text-decoration: none;
}

.front .productsOverview .overview .product img {
	width: 90px;
	display: block;
	margin: 0 auto;
	_behavior: url("/Styles/iepngfix.htc");
}

.front .productPhoto {
	float: right;
	padding-top: 15px;
	margin: 0 0 10px 20px;
}

.front .newsletter {
	margin-top: 10px;
	_margin: 0;
	_position: relative;
	_top: -2px;
}

.front .newsletter h2 {
	width: 315px;
	height: 40px;
	margin: 0;
	padding: 0;
}

.front .newsletter .content {
	width: 315px;
	height: 140px;
	position: relative;
	background: url(../Images/nl_bg.png) 0 bottom no-repeat;
}

.front .newsletter .content p {
	position: absolute;
	left: 17px;
	top: 12px;
	font-size: 1.15em;
	font-weight: bold;
	color: #5A8A00;
}

.front .newsletter .content input.text {
	width: 148px;
	height: 14px;
	padding: 5px 4px;
	border: none;
	position: absolute;
	left: 17px;
	top: 60px;
	background: url(../Images/nl_input.png) 0 0 no-repeat;
	_background-attachment: fixed;
}

.front .newsletter .content #reg-firstname {
	top: 40px;
}

.front .newsletter .content #reg-surname {
	top: 70px;
}

.front .newsletter .content #reg-email {
	top: 100px;
}

.front .newsletter .content input.button {
	width: 124px;
	border: none;
	padding: 6px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	position: absolute;
	cursor: pointer;
	left: 181px;
	top: 99px;
	background: url(../Images/nl_button.png) 0 0 no-repeat;
}

.articleProducts {
	padding: 10px;
}

.articleProducts.stredniMezery img {
	margin-right: 10px;
}

.articleProducts.mezery img {
	margin-right: 15px;
}




p.error {
	color: red !important;
}

span.nobold {
  font-weight: normal;
}