/**********************************************/
*.focus{}
/*
Stylesheet pro Web Content Management, pouziva se pro zobrazeni obsahu webu ve frontendu
- v backendu se pouziva richtextwebcontent.css, ktery je stejny, ale
  obsahuje modifikace, popsane v uvodnim komentari
*/

* {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 150%;
}
body{
	color:#646464;
    background:#4C243F;
}
P {
	margin-top:0px;
	margin-bottom:8px;
}

a, a:link, a:active, a:visited {
    color:#AA2DD2;
	text-decoration: none;
}
a:hover {
    color:#FA4BFF;
	text-decoration: underline;
}
a img{
	border: none;
}

H1, H2, H3, H4, H5{
	font-family: Arial ,Helvetica , sans-serif;
	color: #C83CBE;
	font-weight: normal;
}

H1 {
	font-family: Arial Narrow, Arial ,Helvetica , sans-serif;
	color: #8C3CAA;
	font-size: 30px;
	font-weight: bold;
	/*height: 40px;*/
    margin: 0px 0px 0px 0px;
	padding: 0;
}
H1 strong {
	font-family: Arial Narrow, Arial ,Helvetica , sans-serif;
	color: #FA4BFF;
	font-size: 30px;
	font-weight: bolder;
	height: 40px;
    margin: 0px 0px 0px 0px;
	padding: 0;
}
H2, h2 a {
	font-size: 21px;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

H3 {
	font-size: 21px;
	margin: 0px;
	padding: 0px;
	padding-top:2px;
	padding-bottom:4px;
}

H4 {
	margin: 0px;
	padding: 0px;
	padding-top:2px;
	padding-bottom:4px;
	font-size: 19px;
}

ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px 0px 4px 0px;
}

ul li {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul li div {
	color: #000000;
}
select,button{cursor:pointer;}
textarea, input[type="text"], input[type="password"], select {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #C8C8C8;
    width: 150px;
}
textarea:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
select:focus {
    border-color:#8C8C8C;
    outline-color:#DCDCDC;
    outline-style:solid;
    outline-width:2px;
}
/* tridy */
.left{text-align: left;}
.width50{width:50%;vertical-align: top !important;}
.border-top{ border-top: 1px solid #ddd;margin-top:4px;}
.corrector,.correct{clear:both;}

.smallText {
	font-size: 11px;
}

.red {
	color: #AA0000;
}

.grayTitle {
	color: #C9C9C9;
	font-size: 16px;
	font-weight: bold;
}


fieldset{background:#F4F5F6 none repeat scroll 0 0;border:1px dotted #AAB4BE;margin:10px 0;padding:5px 10px;text-align:justify;}
fieldset legend{color:#739141;font-weight: bold;}
fieldset label{float:left;width:140px;text-align: right;margin-right: 5px;cursor:pointer;}
fieldset input{border-left:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #ccc;border-top:1px solid #ccc;margin:1px;padding:2px;}
label{cursor:pointer;}

table.form{background:#F4F5F6 none repeat scroll 0 0;border:1px dotted #AAB4BE;margin:10px 0;padding:5px 10px;text-align:justify;}
table.form thead{color:#739141;font-weight: bold;}
table.form td{vertical-align: top;}

button.btn_default{background: url(../../img/web/layout/button.png) 0 0 no-repeat;width:117px;height:26px;display:block;padding:3px 10px;text-align: center;border: 0px;}
/*** PAGING ***/
.page_control{}
.pager li{
	display: inline;
	padding: 0 5px;
}
.pager .actual a{
	color: #646464;
	font-weight: bold;
}
.page_control_order{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; margin: 5px 0;padding: 5px 0 0;}
.page_control_order a, .page_control_order button{background: url(../../img/web/layout/button.png) 0 0 no-repeat;width:97px;height:26px;display:block;padding:3px 10px;float:left;text-align: center;color: #505050}
.page_control_order button{border: 0px;color: #505050;width: 117px;}
.page_control_order .nextstep{
	float: right;
}
/*.page_control{width:624px;}
.page_control_order{}
.page_control input,.page_control button,.page_control_order button{border:none;}
.prev,.next{background:#eee;padding:4px;height:45px;width:45px;}
.prev{float:left;background:url(../../img/web/layout/shop/prev.png) center center no-repeat;}
.next{float:right;background:url(../../img/web/layout/shop/next.png) center center no-repeat;}
.submit{display:block; background:transparent url(../../img/web/layout/shop/submit.gif) center center no-repeat;height:32px;width:32px;float:right;}*/
/*** PRODUKTY ***/

.view_products{float:right;width:700px;}
.product{border:1px solid #eee;padding:4px;width:330px;margin:2px;font-size:10px;float:left;}
.product .main_img{float:left;margin-right: 10px;}
.product .cover_img{margin-bottom:10px;display:block;text-align: center;width:137px;}
.product .product_info{float:right;width:160px;}
.product .product_info h5{margin:3px auto;}
.product .product_info p{min-height:68px;}
.product .price{padding:2px;text-align: right;}
.product .order,.product_detail .order{background: url(../../img/web/layout/button.png) 0 0 no-repeat;width:117px;height:26px;display:block;padding:3px 10px;float:left;color: #505050}
.product .order,.product_detail .order:hover{color: #505050}
.product .order:hover,.product_detail .order:hover{text-decoration:none;}

a.basket{background: url(../../img/web/layout/basket.png) no-repeat 0 0;height:32px;display:block;float:left; padding: 5px 0 0 42px ;margin: 10px;clear:left;color: #505050}
span.basket{background: url(../../img/web/layout/basket.png) no-repeat 0 0;height:32px;display:block;float:left; padding: 5px 0 0 42px ;margin: 10px;clear:left;color: #505050}

span.basket1{background: url(../../img/web/layout/basket.png) no-repeat 0 0;height:32px;display:block;padding: 5px 0 0 42px ;margin:0 10px;clear:right;color: #505050;position:relative;top:0px;float:right;}
a.basket1{background: url(../../img/web/layout/basket.png) no-repeat 0 0;height:32px;display:block;float:right; padding: 5px 0 0 42px ;margin:0 10px;clear:left;color: #505050}

.product_detail{border:1px solid #eee;padding:4px;margin:2px;font-size:10px;width:680px;float:left;}
.product_detail .main_img{width:100%;text-align:center;}
.product_detail .images{float:left;width:255px;text-align:center;}
.product_detail .images > img{max-width:255px;}
.product_detail .images .cover_image{}
.product_detail .images .gallery {text-align:center;}
.product_detail .images .gallery img{padding:4px;float:left;}
.product_detail .product_info{float:right;width: 400px;;margin-left: 10px;}
.product_detail .price{padding:2px;border-top:1px dotted #eee;font-size:12px;float:right;width:100%;text-align: right;}
.product_detail .count{float:left;margin:4px 4px 4px 18px;}
.product_detail .count input{text-align: right;}
.product_detail .product_info .header{margin-bottom: 10px;}
.product_detail .product_info .property {margin:2px 0;}
.product_detail .product_info .property strong{width: 150px;display:inline-block;}
.product_detail .product_info .property select{width: 150px;display:inline-block;}

/*** CART ***/
.cart32{background:url(../../img/web/layout/shop/cart_32x32.png) left top no-repeat;display:block;height:32px;padding-left: 36px;line-height: 32px;}

div.basket{border-top:1px solid #eee;}
.basket .prices{float:left;width:220px;}
.basket .addBasket{float:left;width:50px;margin:20px;}
/*** order steps ***/
ul.order_steps{display: block;font-family: Trebuchet MS,Tahoma,Arial;margin-bottom: 10px;width:610px;margin:0 auto;}
ul.order_steps li{float:left;width:200px;height:60px;list-style-type: none;background: white url(../../img/web/layout/shop/step_bg.png) left top repeat-x;line-height: 60px;text-align: center;margin-right: 1px;font-size: 18px !important;border-right: 1px solid #ddd;}
ul.order_steps li strong{font-size: 18px !important;color:black;line-height: 60px;}


/** **/
table.basket{width:100%;text-align: center;border-collapse: collapse;margin-bottom:5px;}
table.basket thead tr{
    background:transparent url(../../img/web/layout/table_head.png) repeat-x scroll left top;
    font-weight: bold;
}
table.basket tbody tr.noborder td{border-top:none;border-bottom: 1px solid #DDDDDD;font-size: 90%;}
/*table.basket tbody tr.noborder {border:none}*/
table.basket tbody tr.even{background: #f8f8f8;}
table.basket td{
    vertical-align: middle;
    border-top: 1px solid #ddd;
    text-align: right;
    padding: 1px 2px;
}
table.basket td.title{text-align:left;padding-left: 10px;}
table.basket td.center{text-align:center;}
table.basket td.subtitle{text-align:left;padding-left: 30px;}
table.basket tfoot{border-top: 1px solid #9A989C;}
table.basket tfoot td{border:none;}
table.basket tfoot td.price{background:#eee;}
div span.info{
    background:#F4F5F6 url(http://www.basket_product/templates/yoo_evolution_1.5/images/div_info.png) no-repeat scroll 3px 3px;
    border-bottom:1px dotted #AAB4BE;
    border-top:1px dotted #AAB4BE;
    margin:10px 0;
    padding:7px 10px 7px 35px;
}

/*** MESSAGES ***/
#messagebox{display:block;padding:6px;font-weight: bold;text-align: center;margin-bottom:5px;}
.true{border:1px dotted #78BE5A;background:#F4F5F6;color:#78BE5A;}
.false{border:1px dotted #AA1428;background:#F4F5F6;color:#AA1428;}

/** LOGIN **/
.login button{background: url(../../img/web/layout/button.png) 0 0 no-repeat;width:117px;height:26px;display:block;padding:3px 10px;float:right;text-align: center;border: 0px;}
/** -------------------------------------------------- **/
/** BACKGROUND **/
div.back_top{background: #653753 url(../../img/web/layout/page_t.png) 0 0 repeat-x;}
.back_img{background: url(../../img/web/layout/page_img.jpg) 50% -20px no-repeat;}
.back_bottom{background: url(../../img/web/layout/page_b.png) 0 100% repeat-x;}
.content_center{width:960px;margin:auto;}

/** HEADER **/
.header{background: #000 url(../../img/web/layout/headerbar_bg.png) repeat-x 0 100%;height:85px;margin-bottom: 60px;position:relative;}
.header .spacer{display:block;height:85px;width:100%;}
.header img{position: absolute; top:0;}

/** MENU **/
.menubar_left{background:url(../../img/web/layout/menubar_l.png) 0 0 no-repeat;/*width: 960px;*/ height:40px;}
.menubar_right{background:url(../../img/web/layout/menubar_r.png) 950px 0 no-repeat;width: 960px; height:40px;}
.menubar_middle{background:url(../../img/web/layout/menubar_m.png) 0 0 repeat-x;width: 910px; height:40px;margin-left: 40px;}
.menu{background: url(../../img/web/layout/menu_sep.png) 0 0 no-repeat;height: 40px;display:block;margin-left:0;padding-left:2px;}
.menu li{background: url(../../img/web/layout/menu_sep.png) 100% 0 no-repeat;display:block;width:85px;height:40px;float:left;margin:0px; text-align: center;}
.menu li a{font-size: 17px;color: #464646;width:83px;height:100%;display:block;padding-top: 10px;}
.menu li a:hover{background:url(../../img/web/layout/menubar_mo.png) 0 0 repeat-x;text-decoration:none;}
.menu li a.actual{background:url(../../img/web/layout/menubar_mo.png) 0 0 repeat-x;text-decoration:none;}
/*.menupopup li{float:none;background:url(../../img/web/layout/menu_level2_item.png) 0 100% no-repeat;display:block;width:100%;text-align: left;padding-left:5px;padding-bottom:3px;height:auto;}
.menupopup li a{font-size:12px;font-weight:normal;line-height: 110%;}
ul.menupopup{background:url(../../img/web/layout/menu_dropdown_bg.png) 0 100% no-repeat;display:block;position:absolute;z-index: 1;width:165px;margin: 6px 1px;}*/

/** CONTENT **/
.content_top{width:960px;background:transparent url(../../img/web/layout/content_top.png) 0 0 no-repeat;padding-top: 10px;}
.content{background:#fff;border-left:1px #C8C8C8 solid;border-right:1px #C8C8C8 solid;padding: 10px;padding-top: 0;}
.right_content{min-height:360px;width:650px;margin-left:230px;}

/** MODULE-TABLE **/
.module_table{width:201px;background:url(../../img/web/layout/category_bg.png) left top repeat-y;float:left;clear:left;margin-bottom: 10px;}
.module_table thead{background:url(../../img/web/layout/category_header.png) left top no-repeat;height:30px;_height:26px;}
.module_table thead{margin-left: 10px;font-size: 14px; font-weight: bold;}
.module_table tbody {background:url(../../img/web/layout/category_footer.png) left bottom no-repeat;}
.module_table td{padding: 2px 12px;}
/*.module_table a{color:#505050;}*/
.module_table a:hover{color:#505050;}
/** MODULE-TABLE BIG **/

.module_table_big{width:327px;background:url(../../img/web/layout/table_bg_big.png) left bottom repeat-y;float:left;clear:left;margin-bottom: 10px;margin-top:5px;}

.module_table_big thead{background:url(../../img/web/layout/category_header_big.png) left top no-repeat;height:30px;_height:26px;}
.module_table_big thead{margin-left: 10px;font-size: 14px; font-weight: bold;}
.module_table_big tbody {/*background:url(../../img/web/layout/category_footer_big.png) left bottom no-repeat;*/}
.module_table_big td{padding: 2px 12px;}
/*.module_table_big a{color:#505050;}*/
.module_table_big a:hover{color:#505050;}
.module_table_big h2{font-size: 14px;padding:2px;}
/** FOOTER **/
.footer_bar{display:block;width:960px;height:280px;margin-bottom: 50px;}
.footer_left{background:transparent url(../../img/web/layout/wrapper_bl.png) 0 0 no-repeat;display:block;width:8px;height:280px;float:left;padding-top:130px;padding-left:2px;}
.footer_middle{background:transparent url(../../img/web/layout/wrapper_b.png) 50% 0 repeat-x;display:block;width:940px;height:280px;float: left;padding-top:130px;}
.footer_right{background:transparent url(../../img/web/layout/wrapper_br.png) 0 0 no-repeat;display:block;width:8px;height:280px;float:left;padding-top:130px;padding-right:2px;}
.footer{background:url(../../img/web/layout/footer_bg.png) repeat-x;display:block;height:40px;text-align: center;padding-top: 20px;}
.footer a.top{float:right;color:#464646;margin-top:-18px;font-size:8px; font-weight: bold;}
.footer a.top:hover{color:#464646;text-decoration:none;}

/*typo*/
p.info,div.info, span.info {
	background: #f4f5f6 url(../../img/web/layout/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

p.alert,div.alert, span.alert {
	background: #fff5eb url(../../img/web/layout/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

p.download,div.download, span.download {
	background: #f5faeb url(../../img/web/layout/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

p.tip,div.tip, span.tip {
	background: #fffdeb url(../../img/web/layout/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
p.info,div.info, span.info,
p.alert,div.alert, span.alert,
p.download,div.download, span.download,
p.tip,div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}
p.note,div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

.article_list{
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f2f2f2;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	text-align:justify;	
}

.userinfotop{float:right;width:170px;position:relative;top:10px;right:15px;z-index: 5;text-align: right;}
div.page_lister{text-align:right;position: relative;top:30px;}
div.page_lister select{width:40px;}
.note h4{font-size: 14px;color:#7887A0;padding:0px;margin:0px;font-weight: bold;}
.leftmenu{width:201px;float:left;}
.topbasketlink .basket{float:none;float:right;}
.rightbox{}
.rightbox .module_table{float:right;text-align: left;margin-top:5px;clear:both !important;}

.survey_outer{
	/* pri zmene width je nutno zmenit nasobitel v survey_class*/
	width:250px;float:left;height:12px;border:1px solid #ebebeb;
}
.survey_inner{
	height:12px;
	background-color: #AA2DD2;
}
.survey_message{
	margin-top: 5px;
	color: #D25C00;
}
.leftmenu{padding-right:30px;}
.content .left{width: 200px;float: left;padding-right: 25px;}
.category-item{float:left;width:180px;padding:10px 20px 10px 20px;height:160px;}
.category-item a.titlelink{text-transform: uppercase;font-size:14px;}
.category-item a.titlelink:hover{}
.full .browse{width: 670px;float:left;}
.facebookico{position: absolute;right: 54px;top: 22px;}