/***
@import url('https://fonts.googleapis.com/css2?family=Ysabeau+Infant:ital,wght@0,400;0,500;1,400;1,500&display=swap');
***/

@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Ysabeau+Infant:ital,wght@0,400;0,500;1,400;1,500&display=swap');



:root {
  --headerHeigth: 290px;
  --footerHeigth: 30px;
  --minScreenWidth: 450px;
  /*--FontFamily: 'Poppins';
  --FontFamily: 'Inter';*/
  --FontFamily: 'Ysabeau Infant';
}



body, html {
	font-family: var(--FontFamily), sans-serif;
	font-size: 22px;
	text-align: center;
	margin: 0 ; 
	padding: 0 ;
}




main {
  	box-sizing: border-box; 
  	xpadding-bottom: var(--footerHeigth);
  	min-height: 100vh;
	xbackground: #fff ;	
}


body main .Text {
	font-family: var(--FontFamily), sans-serif;
	font-size: 24px;
}

body main nav {
	font-family: var(--FontFamily), sans-serif;
	font-size: 28px;
	margin: 0 auto;
}

input,
textarea,
select,
td {
	font-family: var(--FontFamily), sans-serif;
	font-size: 22px;
}

input.button {
	padding: 5px 20px ;

}



a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 , h2 {
	font-family: var(--FontFamily), sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 30px;
	margin: 10px;
	text-align: center;
}

h2 {
	font-size: 26px;
	margin: 10px;
	text-align: center;
}






.headerIn {
	width: 100%;
	height: 100%;
}

section {
	text-align: left;
	background: #fff;
}


footer {
	background: #fc6 url(footer.jpg) right center no-repeat;	
	background-size: 100%;
	border-top: solid 1px #930 ;
}

.HeadOut {
	background: #f60 ;	
}
	
header {
	display: flex;
	xgap: 5px;
}

header > div {	
	width: 50%;
}

header .HeaderRight {
	overflow: hidden;
}

header a.LogoLink {
  	display: block;
	text-decoration: none !important	;	
}

header .HeaderRight img {
  	display: block;
	width: 100%	;
}
	
header .MenuBox {
	background: #ff9;
}

	
header .HBox {
	height: 100px;
	margin: 0 0 10px 0;
	background: #f96;
	background-image: linear-gradient(0, #f63, #f96);
}	

	
header .HBox h1{
	display: block;
	padding: 35px 10px 0 10px ;
	margin: 0;
	text-align: center;
  	text-shadow: #fff 2px 2px 3px;
  	font-size: 36px;
  	line-height: 110%	;
}	
	

.Flex {
	display: flex	;	
}


.BgMove {
	xheight: 10vh;
	background-repeat: no-repeat;
	background-size: 100vw auto ;
	background-position: center 50%;
	xbackground-color: #c0c;
}


.hr {
	border-bottom: solid  1px #0cf;
}

.MinHeight {
	min-height: calc(70vh - var(--headerHeigth) - var(--footerHeigth) );
}

NoBr, .NoBr {
    white-space: nowrap;
}

.Cut {
	display: block;
	clear: both;
}
.CutL {
	display: block;
	clear: left;
}
.CutR {
	display: block;
	clear: right;
}

.ZeroHeight {
	height: 0px;
}

.Fleft,
.fleft {
	float: left;
}

.Fright,
.fright {
	float: right;
}

.r,
.R {
	text-align: right;
}

.l,
.L {
	text-align: left;
}

.c,
.C {
	text-align: center;
}

.Ok,	
.Err,
.Info,
.Debug,
.Dump	{display:block; text-align:center;  margin:1px 0 10px; padding:10px; xborder-radius: 8px; box-shadow: #ccc 2px 2px 4px 	;}

.Ok		{background:#efe; color:#090; border:solid 1px #090; }
.Err		{background:#fee; color:#f00; border:solid 1px #f00; }
.Info		{background:#fe6; color:#f30; border:solid 1px #f30; }
.Debug	{background:#ccf; color:#00f; border:solid 1px #00f; }
.Dump 	{background:#eee; color:#000; border:solid 1px #666;	white-space: pre;	font-family: monospace; text-align: left;}



.UserView {
	padding: 10px ;
}

.UserView table  {
	float: left;
}

.UserView .UserEdit  {
	float: right;
}

.UserView .UserEdit a {
	display: block;
	box-shadow: #ccc 2px 2px 4px	;
	xborder-radius: 6px	;
	border: solid  1px #f00;
	text-decoration: none;
	color: #f00;
	padding: 20px 30px ;
}

.UserView table td {
	padding: 2px 5px ;
	border-bottom: solid  1px #ccc;
}

xmp {
	display: block;
	padding: 20px ;
	margin: 20px ;
	background-color: #eee;
	border: solid  1px #666;
	text-align: left;

}

textarea	,
input.text {
	border: solid  1px #ccc;
	padding: 5px 3px ;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	xtext-indent: 5px;
}


.PageInfoOut {
	position: relative;
}

.PageInfo  {
	position: absolute;
	z-index: 10;
	background-color: #fff;
	padding: 5px ;
	xborder-radius: 6px	;
	box-shadow: #666 2px 2px 8px	;
}

.PageInfo Table td {
	font-size: 20px;
	border-bottom: solid  1px #eee;
	border-left: solid  1px #eee;
	padding: 2px 5px ;
	vertical-align: top;
}

.PageInfo Table td.TabLabel {
	font-size: 20px;
	white-space: nowrap;
}
.PageInfo .Density {
	float: right;
	margin: 0 20px 0 100px ; 
}

.PageControl {
	clear: both;
	padding: 2px 4px ;
	background-color: #eee;	
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	border: solid  1px #ccc;
}
.PageControl a {
	display: block;
	float: left;
	padding: 2px 10px ;
	margin: 2px 4px ; 
	background-color: #fff;	
	xborder-radius: 6px	;
	box-shadow: #999 3px 3px 4px	;
}


.PageControl a:hover {
	box-shadow: #000 1px 1px 1px	;
}

div.PageEdit{
	border: solid  1px #ccc;
	padding: 10px ;
	margin: 0 0 10px 0 ; 
	xborder-radius: 8px	;
	box-shadow: #ccc 2px 2px 4px	;
}

.PageEdit .text,
.PageEdit textarea{
	width: 450px;
}

iframe {
	xborder-radius: 8px	;
	box-shadow: #666 2px 2px 4px	;
}

label.DeletePage {
	display: block;
	float: right;
}

label.DeleteBlock {
	display: block;
	float: right;
}


.BlockControl {
	clear: both;
	padding: 2px 2px ;
	background-color: #eee;	
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	border: solid  1px #ccc;
	margin: 3px 0 0 0 ; 
}

.BlockControl a ,
.BlockControl span {
    background-color: #FFFFFF;
    xborder-radius: 6px 6px 6px 6px;
    box-shadow: 3px 3px 4px #999999;
    display: block;
    float: left;
    margin: 2px 5px;
    padding: 2px 5px;
}


.BlockControl .Fleft {
	xwidth: 50%;
}


.Block {
	border: solid  1px transparent;
	xborder-radius: 6px	;
}

.BlockEdited {
	border: solid  1px #f00;
}

.BlockAdmin:hover {
	border: solid  1px #f00;
}

.BlockAdmin:hover .BlockControl{
	box-shadow: #ff0 0px 0px 8px	;
	border: solid  1px #f90;
}



.HiddenBlock{
	background: #eee url(Hidden.gif) 	;
}


.HiddenBlock .BlockControl{
	background: none	;
	border-top: solid  1px #ccc;
}


.Hr {clear: both; border-bottom: solid  1px transparent;}

.Hr_0	{display: none;}	
.Hr_1	{border-color: #999	;}	
.Hr_2	{border-color: #000	;}	
.Hr_3	{border-color: #f00	;}	
.Hr_4	{border-color: #00f	;}	
.Hr_5	{border-color: #0f0	;}	
.Hr_6	{border-color: #ff0	;}	
.Hr_7	{border-color: #f90	;}	
.Hr_8	{border-color: #930	;}	


.AddNext {
	color: #00f;
	cursor: pointer;
}

.Red {
	color: #f00;
}

textarea.RedBorder,
input.RedBorder,
.RedBorder {
	border: solid  1px #f00;
}

label	{
	white-space: nowrap;
}


/*	BlockFormBox	*/

div.BlockForm {
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	padding: 5px 5px  10px 5px ;
	margin: 5px 0 ; 
}



.BlockForm td {
	vertical-align: top;
}
.BlockForm textarea {
    vertical-align: middle;
    width: 98%;
}
.BlockFormBox {
	border: solid  1px #999;
	box-shadow: #ccc 2px 2px 4px	;
	xborder-radius: 6px	;
	margin: 8px 0 ; 
	overflow: hidden;
	text-align: left;
}
.BlockFormBox .BlockFormBox {
	border: solid  1px #99f;
}

div.ActiveBlockFormBox	{
	border: solid  2px #000;
	box-shadow: #000 0px 0px 8px	;
}

.BlockFormBox div.ActiveBlockFormBox	{
	border: solid  1px #000;
	box-shadow: #000 0px 0px 8px	;
}


.BlockFormBoxHead {
	padding: 5px 7px 5px 10px ;
	font-size: 22px;
	cursor: pointer;
	background-color: #eee;
	border-bottom: solid  1px #ccc;
	xborder-radius: 6px	;
}
.BlockFormBoxHead:hover {
	background-color: #ddd;
	border-bottom: solid  1px #aaa;
}

.BlockFormBoxHead .SaveBox {
	xwidth: 60px;
	float: right;
	margin: -3px 0 ; 
}

.BlockFormBoxHead label{
	font-size: 14px;
	padding: 0 10px 0 0 ; 
}

.BlockFormBox .BlockFormBox {
	margin: 8px 20px 8px 30px ; 
}


.BlockFormBoxHead .QuickView {
	font-size: 15px;
	color: #666;
}



.BlockFormBox .BlockFormBox .BlockFormBoxHead .SaveBox {
	width: 10px;
}

.BlockFormSave {
	text-align: right;
	margin: -5px 0 ; 
}

.BlockFormSave input.submit {
	width: 70px;
}

.BlockSetting {
	margin: 5px ; 
	padding: 5px 15px ;
	border: solid  1px #ccc;
	box-shadow: #ccc 2px 2px 4px	;
	xborder-radius: 6px	;
	display: block;
	float: left;
}
.BlockSetting:hover {
	border: solid  1px #999;
}

.BlockFormBoxBody .BlockSetting label{
	padding: 7px 0px 6px 0px ;
	display: block;
}


/*	xxx	BlockFormBox	*/


/*	SubForm	*/ 

.SubForm {
	margin: 1px 0px ; 
	padding: 5px ;
	border: solid  1px #eee;
}

.SubForm input.Alt,
.SubForm textarea.Alt,
.SubForm input.Name,
.SubForm textarea.Name {
	width: 300px;
	height: 40px;
	margin: 0 5px 0 0 ; 
}


.Vertical .SubForm input.Alt,
.Vertical .SubForm textarea.Alt,
.Vertical .SubForm input.Name,
.Vertical .SubForm textarea.Name {
	width: 290px;
}



.SubForm .select {
	margin: 0 10px 0 0 ; 
}

.SubForm label.checkbox {
	margin: 0 10px 0 0 ; 
}

.SubForm .OutFile {
	background-color: #eee;
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	float: left;
	width: 240px;
	overflow: hidden;
	margin: 0 10px 0 0 ; 
}

.SubForm  .OutFile input.file {
	margin: 2px 5px 2px 5px ; 
	width: 230px;
}


/*	xxx SubForm	*/

.ImgSubFormIn {
	float: left;
	width: 120px;
}


.FileSubFormIn {
	float: left;
	width: 50px;
	text-align: center;
}

.FileSubForm input.Name {
	width: 400px;
	margin: 0 5px 0 0 ; 
}

/*	xxx Img/Fil SubForm	*/


.ParamGroups {
	margin: 2px ; 
	border: solid  1px #ccc;
	xborder-radius: 6px	;
}

.ParamGroups span,
.ParamGroups b {
	display: block;
	float: left;
	margin: 2px ; 
	padding: 2px 8px;
}

.ParamGroups span {
	border: solid  1px #ccc;
	cursor: pointer;
	xborder-radius: 6px	;
}

.ParamGroups span:hover {
	border: solid  1px #999;
	background-color: #eee;
}


table.ParamSubForm{
	width: 100%;
}

table.ParamSubForm td{
	padding: 2px ;
	vertical-align: middle;
	border-bottom: solid  1px #ccc;
}

table.ParamSubForm td.Offset{
	width: 30px;
	padding: 0 ;
	border: none
}


table.ParamSubForm td .text{
	width: 100%;
}



/*	SearchForm	*/

.SForm {
	position: absolute;
	z-index: 5;
	right: 10px;
	top: 110px;	;
}

.SearchForm {
	xfloat: right;
	padding: 0px ;
}

.SearchForm div{
	display: inline-block;
	padding: 0px ;
	margin: -5px 0px ;
	xbackground-color: #ccc;
	xheight: 26px;
}

.SearchForm div input {
	display: block;
	box-shadow: none	;
	border: none;
	width: 100%;
	font-style: italic;
}
.SearchForm .Text {
	width: 270px;
}

.SearchForm .Text input {
}

.SearchForm .Button {
	width: 40px;
	margin: 0 -10px 0 5px;
}

.SearchForm .Button input {
	background: transparent;
	color: #fff;
}



/* xxx SearchForm*/







/*Snippets*/

.TournamentSnippet {
	border: solid  1px #ccc;
	margin: 8px 0 ; 
	padding: 8px 10px ;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	clear: both;
	position: relative;
}

.BgFree{
	background-color: #fff;
}

.BgStandard{
	background-color: #aef;
}

.BgVIP{
	background-color: #ffa;
}
.Hidden {
	visibility: hidden;
}

.ValBox {
	display: block;
	float: left;
	width: 150px;
	text-align: center;
	border: solid  1px #ccc;
	margin: 0 5px ; 
	xborder-radius: 6px	;
	overflow: hidden;
	background-color: #fff;
	xpadding: 0px 0  10px 0 ;
}

.ValBox:hover{
	overflow: visible;
}


.ValBox .Key {
	display: block;
	font-size: 10px;
	background-color: #eee;
	xborder-radius: 6px 6px 0 0	;
	padding: 2px 0 ;
}

.ValBox .Val {
	display: block;
	padding: 5px 0 ;
	xxline-height: 20px;
}


/* xxx  Snippets*/


table.UsersList {
	border: solid  1px #ccc;
	box-shadow: #ccc 2px 2px 4px	;
	xborder-radius: 6px	;
	width: 100%;
}


table.UsersList th{
	padding: 2px 5px ;
	border-bottom: solid  1px #0cf;
	text-align: center;
}


table.UsersList td{
	padding: 5px 5px ;
	border-bottom: solid  1px #ccc;
}



.MenuEdit ul{
	padding: 5px 0 ;
	margin: 5px 0; 
}

.MenuEdit ul ul{
	padding-left: 30px ;
	margin-left:  8px ;
	border-left: solid  1px #ccc;
}

.MenuEdit li{
	xbackground-color: #eef;
	xborder-bottom: solid  1px #ccc;
	margin: 5px 0; 
	padding: 0px 0;
	list-style: none	;
}



.BranchLink {
	border-top: double  3px #ccc;
	xbox-shadow: #000 0px 1px 2px	;
}

.BranchEdit {
	border: solid  1px #ccc;
	box-shadow: #ccc 2px 2px 4px	;
	xborder-radius: 8px	;
	font-size: 18px;
}


.BranchEdit:hover {
	border-color: #c99 ;
	box-shadow: #ff0 0px 0px 4px	;
}

.BranchEdit .Save{
	xdisplay: none;
	float: right;
	margin: 2px 4px ; 
	xborder-radius: 4px	;
	xborder: solid  1px #666;
	box-shadow: #ccc 1px 1px 2px	;
}


.BranchHead {
	xbackground-color: #eee;
	xborder-bottom: solid  1px #ccc;
}


.BranchHead a.MenuLink{
	display: inline-block;
	width: 240px;
	margin-right: 5px;
	xbackground-color: #ee0;
}

.BranchHead a span{
	display: block;
   padding: 0 10px;
   line-height: 30px;
	background-color: #eee;
	border-left: solid  1px #fff;
}


.BranchHead a:hover span{
	background-color: #ddf;
	color: #f00;
}

.BranchHead a:hover{
	text-decoration: none;
}


.BranchText {
	margin: 5px 20px 5px 10px ; 
	clear: left;
}


.BranchText .Left {
	float: left;
	width: 160px;
	padding-top: 10px;
}



.BranchControl {
	float: left;
}


.BranchControl dl {
	background-color: #eee;
	xwidth: 500px;
	margin: 10px 0 ; 
	padding: 0 ;
}


.BranchControl dt {
	xbackground-color: #e0e;
	width: 150px;
	padding: 6px 0  5px 0 ;
	display: block;
	float: left;
	clear: both;
	border-bottom: solid  1px #ccc;
}


.BranchControl dd {
	xbackground-color: #0ee;
	float: right;
	clear: right;
	margin: 0 ; 
}



.BranchControl dd .text{
	width: 80px;
	float: right;
}

.BranchControl label{
	clear: both;
	padding: 10px ;
	float: right;
}


.QuantityNew {
	float: left;
	padding: 4px 10px 0px 10px;
	font-size: 11px;
}


.QuantityNew select {
	xborder-radius: 4px	;
	border: solid  1px #ccc;
	padding: 1px 4px 1px 2px ;
	xtext-align: center;
	font-size: 11px;
}


.QuantityNew .QuantityNewIText {
	xborder-radius: 4px	;
	border: solid  1px #ccc;
	padding: 1px;
	width: 20px;
	text-align: center;
}


.QuantityNew label.Delete {
	color: #f00;
	margin-right: 10px;
	
}

.NewItem {
	padding: 5px 12px ;
	background-color: #eee;
	xborder-radius: 6px 6px 0 0	;
	font-weight: bold;
}

select.Order {
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	padding: 4px 6px  4px 10px;
	margin: 1px 0 ; 
	xwidth: 84px;
}

select.Order option{
	padding: 0px 10px ;
}


select.Round {
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	padding: 4px 6px  4px 10px;
	margin: 1px 0 ; 
	xwidth: 84px;
}

select.Round option{
	padding: 0px 10px ;
}



.InfoLi  {
	float: left;
	background-color: #eee;
	xborder-radius: 8px 0 0 8px	;
	xborder-right: solid  1px #ccc;
}

.InfoLi div {
	float: left;
	text-align: center;
	width: 20px;	
	padding: 6px 0 ;
	border-right: solid  1px #fff;
	font-size: 11px;
	line-height: 18px;
}

.InfoLi div.Id {
	width: 40px;	
}

.InfoLi div.Id a{
	display: block;	
}


.InfoLi div.Display {
	width: 14px;	
	height: 16px;
	padding: 0 ;
	margin: 8px 0 0 0 ; 
	border-right: solid  1px #ccc;
	font-weight: bold;
	font-size: 10px;
	line-height: 20px;
}

.DisplayV0,
.DisplayH0	{
	background-color: #fff;
	color: #ccc;
}


.DisplayV1 {
	background-color: #f66;
	color: #fff;
}

.DisplayH1 {
	background-color: #66f;
	color: #fff;
}

a.Skip {display: block;
	line-height: 30px;
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	background-color: #eee;
	font-size: 20px;
	padding: 0 0 0 20px ;
}

a.Skip:hover {
	background-color: #ffd;
	color: #f00;
	text-decoration: none;
	border-color: #c99 ;
	box-shadow: #ff0 0px 0px 4px	;
}

li.Edited > .BranchEdit {
	border: solid  2px #600;
}

.MenuInfoHead {
	margin: 10px 0 ; 
	xborder-radius: 8px	;
	box-shadow: #ccc 2px 2px 4px	;
	padding: 10px 20px ;
	border: solid  1px #ccc;
}

.MenuInfoHead  table {
	xfloat: left;
	margin: 0 0px 0 0  ; 

}

.MenuInfoHead  table td {
	padding: 2px 10px 2px 10px ;
	border-bottom: solid  1px #ccc;
	height: 30px;
}


.MenuInfoHead  table input.text {
	width: 40px;
	text-align: center;
}


 /* dresup */ 




.FormBox {
	margin: 20px auto ; 
	border: solid  1px #ccc;
	xborder-radius: 8px	;
	box-shadow: #ccc 2px 2px 6px	;
}


.FormBox td {
	padding: 1px 5px ;
	font-size: 20px;
}

.FormBoxIn {
	padding: 30px ; 
}

.Login {
	width: 650px;
}

.Login a{
	display: list-item;
	list-style: none	;
	padding: 7px 0 7px 5px ;
}

.Register {
	width: 400px;
}

.SendPass {
	width: 580px;
}

.FormBox a.Zlink {
	display: block;
	padding: 5px 0 ;
	text-align: center;
	background-color: #eee;
	xborder-radius: 6px	;
}



.FormBox table {
	width: 100%;
	border-spacing: 0px;
    xborder-collapse: separate;
}

.FormBox textarea {
	max-width: 500px;
}

 /* xxx dresup */ 





/*	bannery	*/




.BannerEdit {
	width: 750px;
}


.BannerForm input.text{
	width: 330px;	
}




.MicroBanner {
	padding: 10px 0px 5px 0px;
	margin: 5px 0 ; 
	width: 160px;
	font-size: 12px;
}

.MicroBanner a {
	display: block;
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	padding: 5px 0 ; 
	overflow: hidden;
}

.MicroBanner a:hover {
	border: solid  1px #c00;
	overflow: visible;
}


.LocationBox {
	margin: 6px ; 
	padding: 6px ;
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	float: left;
	text-align: center;
}


.LocationBox .LocationName {
	width: 160px;
	text-align: center;
	font-weight: bold;
	margin:  0 0 5px 0 ; 
	padding: 0 0 5px 0 ;
	border-bottom: solid  1px #ccc;
}


.BannerTittle {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	overflow: hidden;  
}


.Banner a {
	text-align: center;
	color: #000;

}


.Banner a:hover {
	text-decoration: none;
	color: #c00;
}


label.DelR {
	float: right;
}


.BannerLeft {
	width: 120px;
	position: absolute;
	top: 0;
	left: -160px;
}

.BannerRight {
	width: 120px;
	position: absolute;
	top: 0;
	right: -160px;
}

.BannerBottom {
	text-align: center;
}

.Double .BannerBottom{
	float: left;
	margin: 0 1px  5px 1px ; 
}



.BannerList {
	text-align: center;
}

.Double .BannerList{
	width: 468px;
	float: left;
	margin: 0 1px  5px 1px ; 
	text-align: center;
}





/*	xxx bannery	*/


div.WebSend {
	width: 500px;
}


div.WebSend table td{
	xvertical-align: top;
}

div.WebSend input.text,
div.WebSend textarea{
	width: 300px;
}


a.WebSend {
	position: absolute;
	left: 368px;
	bottom: 22px;

}


.WebSet table{
	width: 100%;
}

.WebSet table td{
	border-bottom: solid  1px #ccc;
	vertical-align: top;
	padding: 4px ;
}

.WebSet input.text{
	width: 400px;
}

.WebSet input.Int{
	width: 120px;
}


.WebSet .Comment {
    white-space: nowrap;
}

.Int {
	width: 100px;
}

.Dnone, 
.dnone {
	display: none;
}


.BlockParamsEdit{
    border: 1px solid #ccc;
    xborder-radius: 6px;
    box-shadow: 2px 2px 4px #ccc;
    margin: 5px 0;
    padding: 5px 5px 10px;	
}

.BlockParamsEdit table  {
	width: 100%;
}

.BlockParamsEdit table td {
	text-align: center;
	padding: 3px 1px ;
	xborder-radius: 6px	;
}

.BlockParamsEdit table tr:hover td {
	background-color: #eee;
}


.BlockParamsEdit table .th td {
	background-color: #eee;
	border-bottom: solid  1px #ccc;
	box-shadow: #ccc 2px 2px 4px	;
}

.BlockParamsEdit	.ParamName	{
    width: 250px;
}

.BlockParamsEdit	.ParamGroup	{
    width: 80px;
}

.BlockParamsEdit	.submit	{
    width: 200px;
    float: right;
}

.BlockParamsEdit	.GroupSort	{
    padding: 10px ;
}


/*		Menu		*/
.Menu  {
	margin: 0 ; 
	padding: 5px   ;
	xborder-radius: 6px	;
	xbox-shadow: #ccc 2px 2px 6px	;
	text-align: center;
	xborder: solid  1px #ccc;
}

.Menu ul li a{
	display: block;
	xbackground-color: #eee;
	color: #060;
}

.Menu ul li a:hover,
.Menu ul li a.Active{
	text-decoration: none;
	color: #c00;
	border-color:#c00	;	
}

/*		MenuH		*/



.MenuH ul{
	margin: 0 ; 
	padding: 0 ;
}

.MenuH ul li{
	margin: 0 ; 
	padding: 0 ;
	display: inline-block;
	margin: 1px  5px ; 
	position: relative;
}

.MenuH ul li ul{
	display: none;
	position: absolute;
	z-index: 10;
}

.MenuH ul li:hover ul{
	xdisplay: block;
}

.MenuH ul li:hover ul.Dnone{
	display: none; /* pro js */
}

.MenuH ul li ul li{
	background-color: #fff;
	margin: 0 ; 
	float: none;
	box-shadow: #ccc 2px 2px 4px	;
}

.MenuBox .MenuH ul li a{
	padding: 2px 30px ;
	text-align: center;
	color: #77a;
	background: transparent;	
	transition: all 0.5s ease;
	xtransform: scale(1);
}


.MenuBox .MenuH ul li a:hover,
.MenuBox .MenuH ul li a.Active{
	text-decoration: none;
	color: #c00;
}

.MenuBox .MenuH ul li a:hover{
	color: #c00;
	background: #fff;
	box-shadow: #000 2px 2px 7px	;
  	transform: scale(1.2);
}


footer nav .MenuH {
	padding: 5px 0 0 0 ;
}

footer nav .MenuH ul{
	text-align: center;
	padding: 0 0 0 0 ;
}

footer nav .MenuH ul li a {
	font-size: 21px;
	color: #999;
	padding: 0px 30px ;
	transition: all 0.5s ease;
}

footer nav .MenuH ul li a:hover,
footer nav .MenuH ul li a.Active{
	color: #fff;
	text-decoration: none;
  	transform: scale(1.2);
}

.Tirage {
	text-align: center;
	margin: 0px auto;
}

.Tirage ,
.Tirage a {
	font-family: var(--FontFamily), sans-serif;
	font-size: 14px;
	color: #643;
}



/*	xxx	MenuH		*/
/*		MenuV		*/

.MenuV {
	xwidth: 240px;
	xfloat: left;
}

.MenuV  ul{
	margin: 0 160px 0 0;
	padding: 0 ;
	list-style: none 	;
}

.MenuV  ul li{
	margin: 0 ; 
	padding: 0 ;
	xbackground-color: #eee;
	position: relative;
	line-height: 120%;
}

.MenuV  ul li .UnWrap{
	xdisplay: none;
	width: 40px;
	height: 26px;
	xbackground: url(UnWrap.png) no-repeat center center;
	background: url(UnWrap02.png) no-repeat center center;
	xbackground-color: #f00;
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}


.MenuV  ul li:hover .UnWrap{
	xdisplay: block;
	xbox-shadow: #aaa 4px 4px 4px	;
}

.MenuV  ul li:hover .Dnone{
	display: none; /* pro js */
}

.MenuV  ul li a{
	margin: 0 ;
	padding: 3px 20px ;
	font-size: 24px;
	color: #666	;
	border-bottom: solid  1px #666;
	text-align: right;
}


.MenuV ul li a:hover,
.MenuV ul li a.Active{
	xbackground-color: #ddd;
}

.MenuV  ul li ul {
	display: none;
}

.MenuV  ul li.Unpack > ul {
	display: inherit;
}

.MenuV  ul li  ul li {
	margin: 0 0 0 10px ; 
}

/*	xxx	MenuV		*/

xxx.Contact {
	clear: left;
	float: left;
	width: 240px;
	background-color: #eee;
	margin: 10px 0; 
	background: url(Podmenu.jpg) no-repeat center bottom;
}

xxx.ContactIn {
	margin: 20px 20px 20px 30px; 
	xbackground-color: #00e;
	font-size: 16px;
}








/*	xxx	Menu		*/

.MenuAdmin a {
	display: inline-block;
	margin: 5px 2px ; 
	padding: 2px  10px ;
	border-bottom: solid  1px #0cf;
	text-decoration: none;
	color: #000;
	xfont-size: 16px;
	font-weight: bold;
}

.MenuAdmin a.Active, 
.MenuAdmin a:hover {
	color: #f00;
	border-bottom: solid  1px #000;
}

.MenuAdmin  {
	margin: 10px 0 ; 
	padding: 10px ;
	background-color: #eee;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 6px	;
	text-align: left;
	border: solid  1px #ccc;
}


.HiddenPages {
	clear: both;
}
.HiddenPages span {
	display: block;
	padding: 7px 10px  ;
	float: left;
}

.MenuAdmin a.Adminer {
	display: block;
	float: right;
}

.MenuAdmin h2 {
	border-bottom: solid  1px #c00;
}

.MenuUser  {
	margin: 0px  ; 
	padding: 0px ;
	text-align: center;
}

.Quiet a {
	font-size: 10px;
	color: #ccc;
}

.MenuUser  span{
	border:none	;
	color: #999;
	font-size: 15px;
}

.MenuUser  a	,
.MenuUser  span{
	display: inline-block;
	padding: 2px 10px ;
}


/*	Layout	*/	


/*	Horizontal	*/	
/*	xxx	Horizontal	*/	




/*	Vertical	*/	

.Vertical section	{
	float: right;
	width: 680px;
	margin: 10px 0 ; 

}

/*	xxx	Vertical	*/	




/*	3s	*/	
/*	xxx	3s	*/	


/*	xxx	Layout	*/	


a.Pdf{
	display: block;
	float: right;
	padding: 10px 10px 0px 10px ;
}

a.Print{
	display: block;
	float: right;
	padding: 5px 30px ;
	background-color: #eee;
}



.PrintBox{
	margin: 0mm ; 
	width: 185mm	;
	background-color: #fff;
	text-align: left;
}


.PrintBoxIn{
	padding: 2mm ;
}




.StatsGraph {
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	padding: 5px 10px ;
}

.StatsGraph .Day {
	clear: both;
	margin: 1px 0 ; 
	border-bottom: solid  1px #ccc;
	xbackground-color: #c00;
}
.StatsGraph .Day:hover {
	background-color: #eee;
}

.StatsGraph .Date {
	float: left;
	width: 120px;
	xbackground-color: #00e;
}


.StatsGraph .Bars {
	float: left;
	xbackground-color: #0ee;
	width: 530px;
}



.StatsGraph .Bars div {
	width: 100%;
	height: 10px;
	xborder-radius: 0px 4px 4px 0px	;
}


.StatsGraph  .Numbers {
	font-size: 11px;
	line-height: 100%;
}




.StatsGraph div.Users {		background-color: #f00	;}
.StatsGraph span.Users {	color: #f00	;					}

.StatsGraph div.Visits {	background-color: #00f		;}
.StatsGraph span.Visits {	color: #00f	;					}

.StatsGraph div.Access {	background-color: #0c0	;	}
.StatsGraph span.Access {	color: #0c0	;					}



.SubPages {
	margin: 2px  -4px  2px  ; 
}

.SubPage {
	margin: 5px ; 
	xborder-radius: 6px	;
	float: left;
	width: 237px;	
	height: 210px;
	box-shadow: #ccc 2px 2px 4px	;
	border: solid  1px #ccc;
	overflow: hidden;
	position: relative;
	transition: all 1s ease;
	transform: scale(1);
}

.SubPage:hover {
	border: solid  1px #999;
	box-shadow: #999 2px 2px 4px	;
  	transform: scale(1.08);
}

.SubPage a{
	display: block;
	text-decoration: none;
}

.SubPage span{
	display: block;
}


.SubPage span.Snippet{
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	min-height: 30px	;
	background: #fff;
	padding: 5px ;
	box-sizing: border-box;
	color: #666;
	font-size: 16px;
}

.SubPage span.Snippet p{
	margin: 0;
	padding: 0 ;
}

.SubPage .Image{
	position: relative;
	text-align: center;
	height: 160px;
	xbackground-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
}















.ClickTiniMce {
	cursor: pointer;
}


.Preview {
	cursor: pointer;
	color: #00f;
	background-color: #eee;
	display: block;
	padding: 2px 10px ;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	float: left;
}
.PageEdit label.DeletePage  {
	position: relative;
	top: 25px	;
}


.PageEdit .submit {
	width: 200px;
}


.PageEdit .Comment img {
    vertical-align: bottom;
}


.ContactFormEditOut {
	position: absolute;
	z-index: 30;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	left: 0;
	top: 0;
}

.ContactFormEdit {
	margin: 5% auto; 
	width: 910px;
	text-align: left;
	border: solid  3px #000;
	background-color: #fff;
	xborder-radius: 8px	;
	xbackground-color: rgba(0, 0, 0, 0.8);
}

.ContactFormEditIn {
	margin: 10px 20px ;
}


.ContactFormEdit table {
	width: 100%;
}
.ContactFormEdit table tr.th td i{
	font-size: 10px;
}

.ContactFormEdit .Label {
	width: 200px;
}

.ContactFormEdit .Need {
	width: 300px;
}


.ContactFormEdit .PreText {
	width: 200px;
}

.ContactFormEdit .Submit {
	width: 200px;
}

.ContactFormEdit .Format {
	width: 300px;
}

.ContactFormEdit .Recipient {
	width: 600px;
}

.ContactFormEdit .Hlaska {
	width: 600px;
}


.ContactFormEdit table tr.th td{
	text-align: center;
	background-color: #eee;
	xborder-radius: 6px 6px 0 0 ;
}

	
.EditContactForm,
.NoEditContactForm {
	font-weight: bold;
	color: #f00;
	display: block;
	padding: 5px 20px ;
	float: right;
}


.ContactForm {
	clear: both;
	border: solid  1px #ccc;
	xborder-radius: 8px	;
	box-shadow: #ccc 2px 2px 4px	;
}

.ContactForm table{
	padding: 10px ;
}

.ContactForm table td{
	xvertical-align: top;
}
.ContactForm input.text ,
.ContactForm textarea {
	width: 500px;
}


.ContactForm input.Captcha{
	width: 100px;
	margin: 5px 20px ; 
	font-size: 19px;
}

.ContactForm iframe.Captcha{
	  vertical-align: middle;
	  margin: 0 0 0 20px ; 
	  float: right;
	  border: solid  1px #666;
}





.TopWares {
	width: 330px;
	xheight: 300px;
	xbackground-color: #eee;
}


.TopWare {
	width:  160px;
	height: 160px;
	border: solid  1px #ccc;
	margin: 1px ; 
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	xborder-radius: 6px	;
	overflow: hidden;
	position: relative;
}

.TopWare:hover {
	border: solid  1px #999;
	box-shadow: #999 2px 2px 4px	;
}

.TopWare a {
	display: block;
	height: 100%;
}

.TopWare span {
	display: block;
}

.TopWare .Text {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.TopWare:hover .Text {
	background-color: #fff;
	color: #000;
}

.TopWare:hover .Dnone {
	display: none;
}


.TopWare .TextIn {
	margin: 10px ;
}


.Head .Langs {
	xbackground-color: #eee;
	text-align: center;
}

.Lang {
	xfloat: left;
	display: inline-block;
	xmargin: 2px ; 
	xborder: solid  1px #ccc;
	xbox-shadow: #ccc 2px 2px 4px	;
}

.Lang:hover {
	xborder: solid  1px #999;
	xbox-shadow: #999 3px 3px 6px	;
}


.Lang.Current {
	xborder: solid  1px #c00;
	xbox-shadow: #999 3px 3px 6px	;
}

.Lang a{
	display: block;
	padding: 3px  3px ;
	text-decoration: none;
}


/************/

.Head .Meny {
	xheight: 30px;
	border: solid  1px #D9DC42;
	background-color: #152E35;
	text-align: center;
	margin: 10px 0 ; 
	xcolor: #fff;
	color: #D9DC42;
}

.Mena {
	display: inline-block;
	
	xborder: solid  1px #0a6;
}

.Mena:hover {
	xborder: solid  1px #c00;
	xbox-shadow: #000 3px 3px 6px	;
}


.Mena.Current {
	xborder: solid  1px #c00;
	xbox-shadow: #000 3px 3px 6px	;
	xbackground-color: #fff;
}

.Mena a{
	display: block;
	padding: 5px 5px ;
	text-decoration: none;
	color:#D9DC42 ;
}

.Mena.Current a {
	color:#fff ;
}

/************/




.MultiSet{
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
}


.MultiSet table {
	width: 100%;
}


.MultiSet table td {
	padding: 4px ;
	border-bottom: solid  1px #ccc;
	white-space: nowrap;
}

.MultiSet .Int{
	width: 60px;
	text-align: center;
}

.MultiSet .Blocks{
	width: 200px;
	text-align: center;
}

.MultiSet .submit{
	width: 200px;
}

.WareForm table {
	width: 100%;
}

.WareForm table td {
	border-bottom: solid  1px #ccc;
	text-align: right;
	padding: 2px 4px 4px 4px ;	
	vertical-align: middle;
}

.WareForm table .Comment {
	display: inline-block;	
	min-width: 30px;
	text-align: center;
}

.WareForm table .Long {
	width: 90px;
	text-align: right;
}


.WareForm table .Short {
	width: 48px;
	text-align: center;
}


.WareForm table .StockNo {
	width: 150px;
	text-align: right;
}



.WareForm table .select.Round {
	margin: 1px 5px ; 
}




/*	Zobrazení v Blocku	*/

.WareShop {
	border: solid  1px #ccc;
	float: left;
	padding: 10px ;
	margin: 5px ;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
}





.WareShop .DiscountPerc {
	font-weight: bold;
	text-align: center;
	padding: 5px ;
}

.WareShop .OrigPrice {
	xbackground-color: #eee;
}

.WareShop .OrigPrice strike {
	xbackground-color: #e0e;
	color: #666;
}

.WareShop .Price{
	margin: 10px 0 ; 
	padding: 0px 0 5px 0 ; 
	border-bottom: solid  1px #c00;
}


.WareShop .Packaging{
	float: left;
}



.WareShop .Buy{
	float: right;
}

.WareShop .Buy a{
	display: block;
	xheight: 100%;
	border: solid  1px #f00;
	color: #f00;
	xborder-radius: 6px	;
	box-shadow: #999 2px 2px 4px	;
	padding: 4px 20px ;
	font-weight: bold;
}


.WareShop .Buy a:hover{
	text-decoration: none;
	border: solid  1px #000;
	box-shadow: #666 1px 1px 2px	;
}


.WareShop .Stock{
	margin: 10px 0 ; 
}

.WareShop .Stock .InStock{
	color: #090;
}


.Basket {
	box-shadow: #000 2px 2px 4px	;
	height: 30px;
	border: solid  1px #D9DC42;
	background-color: #152E35;
}

.Basket a {
	display: block;
	background: url(Cart.gif) no-repeat 17px 1px;
	padding: 0x 0px 0px 0px ;
}

.BasketHover {display: block;}

.BasketIcon {
	display: block;
	text-align: right;
	padding: 5px 25px 5px 5px ;
	color: #eee;

}

.Wares { clear: both; position: relative; right: 0; top: 0px; display: none;}

.Wares table {
	border-spacing: 0; 
}

.Ware td{
	border-bottom: solid  1px #ccc;
	height: 40px;
	padding: 0 5px; 
}



.BasketForm table tbody:hover td,
.Ware:hover td{
	background-color: #f6f6f6;
	border-bottom: solid  1px #999;
	box-shadow: #ccc 2px 2px 4px	;
}


.Ware .Img {
	display: block;
	float: left;
	width: 60px;
	padding: 5px 0px 0px 5px;
}


.Ware .Name {
	display: block;
	float: left;
	padding: 18px 0px 0px 0;
}

.Ware .Price {
	display: block;
	float: right;
	padding: 18px 10px 0px 0;
}


.WareQuantity{
	display: inline-block;
	padding: 2px 5px ;
	margin: 0px ; 
	cursor: hand;
	cursor: pointer;
}

.WareQuantity:hover {
	box-shadow: #666 2px 2px 4px	;
	color: #f00;
}

.BasketForm table {
	border-spacing: 0; 
	width: 100%;
}

.BasketForm table .Th td{
	background-color: #eee;
	font-weight: bold;
}

.BasketForm table td{
	padding: 5px 5px; 
	border-bottom: solid  1px #ccc;
}

.SendPassForm input.text {
    width: 296px;
}


.SendPassForm input.Captcha {
    font-size: 30px;
    vertical-align: middle;
    width: 90px;
    text-align: center;
}

.SendPassForm iframe{
    vertical-align: middle;
}

.SendPassForm input.submit{
    width: 100px;
}

a.NewUser {
	display: block;
	float: right;
	border: solid  1px #ccc;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	padding: 5px 20px ;
	margin: 0 0 10px 0 ; 
}


a.NewUser:hover {
	text-decoration: none;
	border: solid  1px #999;
	xborder-radius: 6px	;
	box-shadow: #666 1px 1px 1px	;

}

.Footer {
	margin: -2px 0 0px 0; 
	font-size: 18px;
	color: #ccc;
	text-align: center;	
}

.Footer a{
	color: #ccc;
	white-space: nowrap;
}

.Footer a:hover{
	color: #fff;
}



.ReadMore {
    border-bottom: 1px solid #ccc;
    clear: both;
    display: block;
    padding: 5px;
    text-align: right;
}





/*   BillBoards   */


.BillBoards .BillBoardBox {
	xposition: absolute;
	position: static;
}


.BillBoardsAdmin {
	xbackground-color: #ee0;	
	clear: both;
	margin: 10px 0 ; 
}

.BillBoardsAdmin .BillBoards .BillBoardBox {
	margin: 10px 0 ; 
	clear: both;
	position: relative;
	border: solid  1px #ccc;
}

.BillBoardsAdmin .Red {
	border: solid  1px #f00;
}




.BillBoardBox  {
	width: 100%;
	xheight: 300px;
	xheight: 260px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #eee;
	border: none;
	box-sizing: border-box;
}



.BillBoardBox a {
	display: block;
	height: 100%;
	color: #000;
}

.BillBoardImg {
    display: block;
    height: auto;
    overflow: hidden;
}



.BillBoardImg img {
	width: 100%;
	height: auto;
}






.BillBoardText {
	display: block;
	xbackground-color: #eee;
	background: url(alfa.png) ;
				
	font-size: 19px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding: 20px 0 ;
	
}



a.BillBoardAdmin {
	display: block;
	padding: 10px 20px ;
	height: auto;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background-color: #fff;
	border: solid  1px #c00;	
	xborder-radius: 8px	;
	box-shadow: #000 2px 2px 4px	;
}



.BillBoardEdit {
	border: solid  1px #ccc;
	padding: 20px ;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
}


.BillEditBox {
	float: right;
	clear: both;
}

.BillEditBox a {
	float: left;
	display: block;
	padding: 5px 10px ;
	xborder-radius: 6px	;
	box-shadow: #ccc 2px 2px 4px	;
	margin: 5px ; 	
}

.BillBoardsOut {
	position: relative; 
	xheight: 260px;
}

.Pager {
	position: absolute;
	z-index: 50;
	xright: 10px;
	bottom: 2px;
	text-align: center;
	width: 100%	;
}

.Pager a {
	display: inline-block;
	margin: 0px 2px ; 
	width: 12px	;
	height: 12px;
	xbackground-color: #000;
	color: #00f;
	xbackground-image: url(SlideButtons1.png);
	background-image: url(SlideButtons2.png);
	background-position: left top;
	text-indent:-9999px	;	
	color: transparent;	
}


.Pager a.activeSlide {
	background-position: right top;
}


/*  xxx  Multiupload  */

.MultiUploadOut {
	display: none;
	background: url(alfa02.png) ;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#upload{
	width: 940px;
	margin: 5% auto;
	color:#666;
	height: 540px;
	overflow: auto;
}

#drop{
    padding: 100px ;
    margin: 0;
    text-align: center;
    font-size: 22px;
    xborder-radius: 22px;
    border: solid  3px #666;
    background-color: #eee;
    box-shadow: #000 2px 2px 4px	;

}

#drop:hover{
    xbackground-color:#edf;
    border-color: #777;
    box-shadow: #fff 0px 0px 12px	;
}

#drop a{
    background-color:#aaa;
    color: #000;
    font-size: 16px;
    xborder-radius: 6px; 
    cursor:pointer;
    display:inline-block;
    padding: 6px 30px;
    margin: 0px 30px;
    box-shadow: #666 2px 2px 4px	;
}

#drop a:hover{
    background-color:#ccc;
    text-decoration: none;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0;
    padding:0;
}

#upload ul li{
    background-color:#ccc;
    display: block;
    float: left;
    width: 49%;
    min-height: 60px;
    margin: 3px ; 
    xborder-radius: 6px	;
    border: solid  1px #fff;
    box-shadow: #000 2px 2px 4px	;
}

#upload ul li div{
    float: left;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    xwidth: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    margin: 10px ; 
    float: left;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#666;
    display:block;
}

#upload ul li canvas{
	width: 30px;;
	height: 30px	;
	margin: 10px ; 
}

#upload ul li span{
	width: 15px;
	height: 12px;
	background: url('UploadIcons.png') no-repeat;
	float: right;
	margin: 10px ; 
	cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}

/*  xxx  Multiupload  */


.Link {
	width: 295px;
}

.Perc {
	text-align: right;
	width: 30px;
}

.Cena {
	text-align: right;
	width: 50px;
}

.Sum {
	font-weight: bold;
	background-color: #eef;
}

.Require {
	font-weight: bold;
	background-color: #eee;
}

.Require input {
	border-color: #666 ;
}

.NoDisp,
.NoDisp td,
.NoDisplay,
.NoDisplay td,
.Nezobr,
.Nezobr td{
	background: #aaa url(NoDisplay2.gif) !important	;
	background-position: bottom;
}


.NiceTab {
	margin: 5px 0 ; 
	border-spacing: 0;
   border-collapse: separate;
}

.NiceTab td{
	border-bottom: solid  1px #ccc;
	padding: 1px 5px ;
}

.FileUsed table td {
	vertical-align: middle;
}

.Setting tr > td {
	xwidth: 100px;
}

.Setting tr  td {
	text-align: left;
}

.Color {
	display: inline-block;
	width: 20px;
	height: 20px;
	box-shadow: #ccc 2px 2px 4px ;
}


.Blank {
	width: 800px;
	height: 600px;
	margin: 30px ; 
}

.ColorBlocks {
	border: solid  1px #ccc;
}

.BlockFotoStyle {
	display: inline-block;
	border: solid  1px #ccc;	
	width: 100px;
}

.BlockFotoStyle:hover {
	border: solid  1px #999;	
	box-shadow: #666 2px 2px 4px	;
}


.SearchFilter {
	padding: 0 0 10px 0 ;
}

.Search, 
.Filter {
	display: inline-block;
	width: 49%;
	margin: 0 ; 
	xheight: 30px;
	text-align: left;	
	border: solid  1px #666;
	color: #666;
	line-height: ;
}

.Search {
	float: left;
	background: url(Search.gif) no-repeat 99% center;
}
 
.Filter {
	float: right;
	background: url(Filter.gif) no-repeat 99% center;	
} 

.Filter a{
	display: block;
	color: #666;
	text-decoration: none;	
}


.SearchFilterIn {
	padding: 5px 10px  ;
	font-style: italic;
	font-size: 14px;
}

.WareFilterControl {
	cursor: pointer;
}


.WareFilterBox {
	xmargin: 20px 0 ; 
}

.WareFilterForm {
	border: solid  1px #ccc;
	padding: 20px 5px ;
}

.BuyPlus {
	display: inline-block;
	margin: 0 5px ; 
	padding: 2px 10px ;
	border: solid  1px #060;
	color: #060;
}

.Hidden {
	display: none;
}

.Strike {
	text-decoration: line-through;
	color: #999;
}

table .TopLin td {
	border-top: solid  1px #666;
}

table .BottomLin td {
	border-bottom: solid  1px #666;
}

.OrdersMenu {
	margin: 5px 0 ; 
	border: solid  1px #ccc;
}

.OrdersMenu a {
	display: inline-block;
	margin: 2px  ; 
	padding: 2px 20px ;
	border: solid  1px #ccc;
}


.StoPro {
	width: 100%;
}

.Th td {
	background-color: #eee;
	text-align: center;
}

.Recommended [IdWare] {
	xbackground-color: #e6e;
	float: left;
	margin: 2px ; 
	border: solid  1px #ccc;
	box-shadow: #ccc 2px 2px 4px	;
	text-align: center;
	width: 120px;
}


.RecommendedOffer {
	xbackground-color: #ccc;
	xbackground: url(alfa.png) ;
	background: url(alfa02.png) ;
	position: fixed;
	text-align: left;
	white-space: nowrap;
	xleft: 0;
	xright: 0;
	bottom: 30px;
	xwidth: 100%;
	height: 111px;
	z-index: 60;
}


xx.RecommendedItems {
	xborder: solid  1px #ccc;
	xxposition: absolute;
}

.RecommendedItem {
	display: inline-block;
	xmin-width: 130px;
	margin: 5px 0px 20px 0px ; 
	text-align: center;
	xbox-shadow: #ccc 2px 2px 4px	;
}

.RecommendedItem img{
	display: inline-block;
	padding: 0px ;
	border: solid  1px #fff;
	box-shadow: #fff 0px 0px 2px	;
}

.RecommendedItem:hover {
  transform: scale(1.15);
}

.RecommendedItem:hover img {
	box-shadow: #fff 0px 0px 8px	;
}


.RecommendedSpacer {
	height: 200px;
	width: 100%;
}


.RecommendedControl {
	position: fixed;
	z-index: 21;
	right: 0 ;
	bottom: 0 ;
}

.RecommendedControl label{
	background-color: #dd4;
	display: block;
	padding: 5px 10px ;
	margin: 0px ; 
}

.Categories {
	text-align: center;
	margin: 30px  10px  0px  0px ; 
	width: 200px;
	font-weight: bold;
	font-size: 17px;
}

.LogoPayPal {
	clear: left;
	width: 210px;
	text-align: center;
	xbackground-color: #eee;
}



.NewWareBox {
	margin: 10px 0 0 0 ; 
	clear: left;
	width: 210px;
	text-align: center;
	font-weight: bold;
}

.NewWareHead {
	color: #dd4;
	background-color: #152E35;
	padding: 4px ;
}


.NewWareItem {
	border: solid  2px #152E35;
	margin: 0 0 -1px 0 ; 
	xpadding: 2px 2px 0px 2px ;
	padding: 2px 0px 0px 0px ;
}

.NewWareItem a{
	display: block;
}


.NewWareItem a:hover{
	transform: scale(1.02);
	xz-index: 10;
}

.OrderVisit {
	xwidth: 80%;
	margin: 20px auto;
}

.OrderVisit table {
	xwidth: 100%;
	margin: 0 auto;
}

.OrderVisit table tr td:first-child {
	text-align: right;
}

.OrderVisit table td{
	xborder-bottom: solid 1px #ccc ;
	vertical-align: top;
	padding: 0 10px ;
}

.OrderVisit textarea {
	width: 400px;
	height: 55px;
	line-height: 105%;
}

.OrderVisit input.text {
	width: 220px;
}

.OrderVisit .Hint {
	font-size: 80%;
	color: #666;
	
}

.Msg {
	border: solid 1px #666;
	box-shadow: #666 3px 3px 3px;	
	padding: 0 10px ;
	margin: -10px 0 10px;
	background: #fff;
}

.Msg .Txt {
	box-shadow: #666 3px 3px 3px;	
}



.WarnPoint {
	color: #f00;
}


.Gdpr {
	font-size: 14px;
	color: #666;
}

.SuPre {
	font-family: 'Carattere', cursive;
	font-size: 45px;
	color: #f00;
	text-align: right;
	margin: 10px 0 0 0;
	text-shadow: 1px 1px  #000;
	position: absolute;
	right: 30px;
	right: 0;
	xbottom: -11px;
	bottom: 48%;
	xfont-stretch: extra-expanded;
}


		
 /* ---   Lada  --- */

xxx.Close {
	display: block;
	xpadding: 2px 5px  5px 5px ;
	padding: 0 ;
	text-align: right;
	color: #f00;
	font-size: 20px;
	cursor: pointer;
	cursor: hand;
}

xxx.Close:hover {
	text-shadow: 2px 2px 4px #666	;	
}

.CloseLada,
.Close {
	display: block;
	padding: 5px 10px 0 ;
	text-align: right;
	color: #f00;
	font-size: 18px;
	cursor: pointer;
	cursor: hand;
}

.CloseLada:hover,
.Close:hover {
	text-shadow: 2px 2px 4px #666	;	
}




.BlurBox {
}
.Blur {
  filter: blur(2px);
}

.LadaOut {
	position: fixed;
 	display: none;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: opacity(50%);
}



.Lada {
	position: fixed;
	right: 0;
	bottom: 0;
	text-align: left;
	background: #fff;
	xbox-shadow: #666 3px 3px 3px;	
 	margin: 5px;
 	height: 80%;
 	border: solid 1px #000;
 	box-shadow: #000 1px 1px 3px;	
}

.LadaController {
 	display: none;
}

.LadaIn {
 	overflow: auto ;
 	height: 90%;
 	display: none;
}

.Lada .FastFilterBox{
 	width: 900px;
 	margin: 5px 20px ;
 	float: none;
 	padding: 0 ;
}
.Lada table{
 	margin: 5px 20px ;
}

.Lada .History span{
	display: inline-block;
	margin: 1px;
	padding: 5px ;
	border: solid 1px #666;
	cursor: pointer;	
}

.Lada [Path]{
	cursor: pointer;	
}

.BorderTop td {
	border-top: solid 2px #000;
}

.Copied {
	background: #ccf;
}

.Bg0 {	background: #ff0; }
.Bg1 {	background: #ff2; }
.Bg2 { 	background: #ff4; }
.Bg3 { 	background: #ff6; }
.Bg4 { 	background: #ff8; }
.Bg5 { 	background: #ffa; }
.Bg6 { 	background: #ffc; }




/* ---  xxx Lada  --- */

/*  ---  PC ---    */

@media screen and (min-width: 1000px) {

	body {
		min-width: 1000px;
	}
	
	.ScreenWidth {
		xbackground: #c00;
		width: 1000px;
		margin: 0 auto;
	}
	
	.HeadOut {
    	margin: 0 0 30px 0;
	}	

	.BgMove {
		margin: 10px calc(503px - 50vw);
	}
	

	header {
		height: var(--headerHeigth)	;
	}	
	
	header .ScreenWidth {
		xtext-align: left;	
		xheight: 100%;
	}
	
	header h1 {
		xmargin: 75px 0 0px 0;
		xbackground: #c0c;
		xpadding:  50px 0 0 0  ;
	}
	
	
	.MenuBox {
		xdisplay: flex;
		xmargin-bottom: 10px ;
	}

	.MenuH ul{
		padding: 20px 0 ;
	}
	
	.HeadLeft {
		flex: 6;
	}
	.HeadRight {
		flex: 5;
	}
	.HeadRight img{
		height: 288px;
	}
	footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: var(--footerHeigth)	;
	}
	
	
	a.Seminar {
		display: block; 
		padding: 40px; 
		border: solid 1px #c30; 
		color: #c30;
		text-align: center; 
		font-size: 28px;
		background: #ff9;
		text-decoration: none;
	}

	
	.Android {
		display: none;
	}
	
}



/*  ---  Mobil ---    */



@media screen and not (min-width: 1000px) {
	body, html {	
		min-width: 360px;
		margin: 0 ;
		background-size: auto 460px;
	}
	
	.HeadOut {
		xheight: 175px;
	}
	
	
	.ScreenWidth {
		width:  var(--minScreenWidth) ;
		margin: 0 auto;
	}

	.Contact {
		display: none;
	}	
	
	.BgMove {
		margin: 10px -10px;
  	}
	footer {
		margin: 0 -5px;
		padding: 10px 0 ;
	}
	
	header {
		display: block;
		width:  var(--minScreenWidth) ;
		margin: 0 auto;
	}

	header > div {
	  width: 100%;
	}
	
	header .HBox  {
		height: 60px ;
	}	
	
	header .HBox h1 {
		font-size: 26px;
		margin:  0 0 0 0;
		padding:  10px 0 0 0;
	}
	
	.MenuV ul {
		width: 100%;
		display: flex;
		margin:  0;
		padding:  0;
		xbackground: #f00;
	}
	.MenuV ul li {
		display: block;
		width: 25%;
		margin:  0;
		padding:  0;
	}	
	.MenuV ul li a {
		padding: 2px 10px ;
		margin:  0;
		text-align: center;
	}
	
	
	h2 {
		xfont-size: 26px;
		xmargin: 0;
	}
	
	.Block {
		line-height: 160%;
	}	
	
	a.Seminar {
		display: block; 
		padding: 20px; 
		border: solid 1px #c30; 
		color: #c30;
		text-align: center; 
		font-size: 24px;
		background: #ff9;
		text-decoration: none;
	}


	footer {
		height: 80px;
		background-size: auto;
	}
	
	.Tirage {
		display: none;
	}




	footer nav .Menu ul li a,
	.Menu ul li a {
		font-size: 20px;
		color: #aaa;
	}

	.MenuH {
		padding:  0 ;
	}
	
	.MenuH ul{
		padding:  0 ;
	}
	
	.Menu ul li a {
		color: #333;
	}
	
	.MenuH ul li  {
		margin: 0;
	}	
		
	.MenuH ul li a {
		padding: 2px 10px;
	}	
	
	
	.Menu ul li ul {
		display: none;
	}
		
	footer nav .MenuH {
		padding: 0px 0 0 0;
	}
	
	
	.AndroidHide {
		display: none;
	}
		
	.OrderVisit table td {
		padding: 0 2px ;
	}
	
	.OrderVisit input.text {
		width: 160px	;	
	}
	
	.OrderVisit textarea {
		width: 200px	;	
	}
	
	input, textarea, select, td {
		font-size: 18px;
	}
	
	.FormBox textarea {
		max-width: 260px;
	}
	
	.Horizontal .S_05 .ImgIn {
		width: 380px !important; 
		height:auto !important	;	
	}

	.Horizontal .S_05 .ImgIn:hover {
  		transform: scale(1);
	}

	a.cboxElement{
		pointer-events: none ;
		cursor: default ;
		text-decoration: none ;
		color: black ;
	}


	.PC {
		display: none;
	}
	
	.Block H2 {
	  	font-size: 36px !important ;
		margin: 20px 0px 10px !important ;
	}
		
	body main .Text {
	  font-size: 24px;
	}
	
	body main .Text ul {
	  margin: 10px;
	  padding: 10px ;
	  text-align: left;
	}	


	.S_00 .ImgBox {
	  float: none;
	  margin: 0;
	  width: 100%;
	}
	
	.S_04 .ImgIn {
		float: none !important;
		margin: 5px auto !important;
		xheight: auto;
	}
	
	
	
	
	.Block .ImgIn img {
	  display: block;
	  margin: 0 auto;
	  width: 100%;
	  height: auto;
	}
	
	.ContactForm input.text, .ContactForm textarea {
	  width: 100%;
	}
	
	.ContactForm input.Captcha {
		width: 70px;
	}
	
	.ImgBox .Cut {
		display: none;
	}

	.S_07 {
	  float: none !important;
	  width: 100% !important;
	  clear: both;
	}
	
	.Block iframe {
		width: 99% ;	
	}


}



.WebMailListBox {
	border: solid 1px #666;
	box-shadow: #666 3px 3px 3px;	
	padding: 10px ;
}
.WebMailListMenu {
	border: solid 1px #666;
	box-shadow: #666 3px 3px 3px;	
	padding: 10px ;
	margin: 5px -5px 20px -5px;
	position: sticky;
  	top: 2px;
  	background: #fff;
}

.WebMailListMenu a {
	display: inline-block;
	border: solid 1px #666;
	box-shadow: #666 3px 3px 3px;	
	padding: 5px 10px ;
	color:#333
}
.WebMailListMenu a:hover {
	color:#c00
	border: solid 1px #c00;
	box-shadow: #333 6px 6px 6px;	
}

.WebMailList{
	margin: 10px;
}

.WebMailList table{
	margin-bottom: 50px;
}