/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Generated automatically, do not make any changes.        
It's recreated every time you make changes in templates. 
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

/*
*********************************************************
Library: Elements
*********************************************************
*/

* {
	font-size : 16px;
	font-family : verdana, arial, sans-serif;
	margin : 0;
}

@media only screen and (max-width:1600px) {
	* {font-size:16px;}
}

body {
	background-color : rgb(230,230,230);
	background-attachment : fixed;
	overflow-y : scroll;
}

table {
	border-spacing : 0;
}

h1 {
	font-size : 24px;
	margin : 15px 0 10px 0;
}

h2 {
	font-size : 20px;
	margin : 15px 0 10px 0;
}

h3 {
	font-size : 16px;
	margin : 15px 0 10px 0;
}

h4 {
	font-size : 16px;
	margin : 10px 0 0 0;
}

h5 {
	font-size : 15px;
	margin : 10px 0 0 0;
}

h6 {
	font-size : 15px;
	margin : 10px 0 0 0;
}

h1,h2,h3,h4,h5,h6 {
	color : rgb(153, 21, 18);
	font-family : verdana, arial, sans-serif;
	font-weight : bold;
}

div {
	color : black;
}

a:link {
	color : rgb(153, 21, 18);
	text-decoration : none;
}

a:visited {
	color : rgb(153, 21, 18);
	text-decoration : none;
}

a:hover {
	color : rgb(153, 21, 18);
	text-decoration : none;
}

a:active {
	color : rgb(153, 21, 18);
	text-decoration : none;
}

img {
	max-width : 100%;
}

ul, ol {
	padding : 10px 20px;
	margin-bottom : -15px;
}

p {
	margin-top : 10px;
}

details {
	cursor : default;
}

/*
*********************************************************
Library: Article
*********************************************************
*/

.docContent {
	padding : 0px;
	padding-top : 36px;
}

.manualName {
	font-weight : bold;
	color : rgb(153, 21, 18);
	font-size : 18px;
}

.manualBut {
	background-image : linear-gradient(rgb(130,130,130), rgb(70,70,70));
	border-radius : 0.5em;
	padding : 7px;
	color : rgb(230,230,230);
	font-weight : bold;
	font-size : 15px;
	cursor : pointer;
	border-top : solid 1px rgb(255,255,255,.5);
	border-left : solid 1px rgb(255,255,255,.5);
	border-bottom : solid 1px black;
	border-right : solid 1px black;
}

.manualSpanImg {
	background-image : linear-gradient(rgb(255, 255, 255), rgb(225, 225, 225));
	padding-top : 2px;
	border-radius : 5px;
	border : solid 1px rgb(170,170,170);
	box-sizing : border-box;
	position : relative;
	top : 2px;
}

.manualSpanImg img {
	width : 15px;
	margin-right : -2px;
	margin-left : 3px;
	margin-bottom : -1px;
	margin-top : -1px;
}

.manualDiv {
	transition-property : all;
	transition-duration : .5s;
	transition-timing-function : cubic-bezier(.5, 0, .5, 1);
	overflow : hidden;
	position : relative;
}

.manualDiv.manualClose {
	height : 0;
}

.tocDiv {
	transition-property : all;
	transition-duration : .5s;
	transition-timing-function : cubic-bezier(.5, 0, .5, 1);
	overflow : auto;
	position : absolute;
	width : 100%;
	height : 0;
}

.tocDiv.tocClose {
	height : 40%;
}

.imageBorder {
	border : solid 1px rgb(170,170,170);
	border-radius : 10px;
	overflow : hidden;
	max-width : 100%;
}

.imageVideo {
	border : solid 1px rgb(170,170,170);
	border-radius : 10px;
	width : 100%;
	height : auto;
}

.headLine {
	font-weight : bold;
	color : rgb(153, 21, 18);
	margin : 0 0 0.7em 0;
}

h1.headLine {
	font-size : 24px;
}

h2.headLine {
	font-size : 20px;
}

h3.headLine, h4.headLine, h5.headLine, h6.headLine {
	font-size : 16px;
}

.logoText {
	font-variant : petite-caps;
	font-style : italic;
}

.manualTxtDivImg {
	background-image : linear-gradient(rgb(255, 255, 255), rgb(225, 225, 225));
	padding : 3px;
	padding-top : 3px;
	border-radius : 5px;
	border : solid 1px rgb(170,170,170);
	box-sizing : border-box;
	display : inline-block;
	width : 22px;
}

.articleImgInline {
	background-image : linear-gradient(rgb(255, 255, 255), rgb(225, 225, 225));
	border-radius : 5px;
	border : solid 1px rgb(170,170,170);
	width : 14px;
	padding : 3px;
	margin : -3px 4px -6px 4px;
}

.articleImgTable {
	background-image : linear-gradient(rgb(255, 255, 255), rgb(225, 225, 225));
	border-radius : 5px;
	border : solid 1px rgb(170,170,170);
	width : 15px;
	height : 15px;
	padding : 3px;
	margin-bottom : -4px;
}

.articleTableImages {
	margin-top : 10px;
	min-width : 30px;
	border-collapse : collapse;
}

.articleTableImages td {
	padding : 1px 5px;
	border : solid rgb(200,200,200) 1px;
}

.articleKeyboard {
	background-image : linear-gradient(rgb(255, 255, 255), rgb(225, 225, 225));
	border-radius : 5px;
	border : solid 1px rgb(170,170,170);
	min-width : 14px;
	width : fit-content;
	height : 14px;
	padding : 1px 3px;
	text-align : center;
	vertical-align : middle;
}

.articleAnchor {
	color : rgb(0,100,205);
	font-weight : bold;
}

.articleAnchor:hover {
	text-decoration : underline;
	font-weight : bold;
	color : rgb(0,100,205);
}

.articleAnchor:visited {
	color : rgb(0,100,205);
	font-weight : bold;
}

.articleAnchor:active {
	color : rgb(0,100,205);
	font-weight : bold;
}

.articleAnchor:link {
	color : rgb(0,100,205);
	font-weight : bold;
}

.articleTableData {
	width : initial;
	margin-top : 10px;
	margin-bottom : 20px;
	font-size : 13px;
}

.articleTableData th {
	border-top : solid rgb(255,255,255,0.7) 1px;
	border-left : solid rgb(255,255,255,0.7) 1px;
	border-right : solid rgb(0,0,0,0.1) 1px;
	border-bottom : solid rgb(0,0,0,0.1) 1px;
	border-radius : 5px;
	padding : 2px 10px;
	color : rgb(240,240,240);
	font-weight : bold;
	box-shadow : 0px 2px 7px 0px rgba(160, 160, 160);
	background-image : linear-gradient( rgb(110, 110, 110), rgb(0, 0, 0));
}

.articleTableData th:nth-child(1) {
	text-align : left;
}

.articleTableData td {
	border-top : solid rgb(0,0,0,0.1) 1px;
	border-left : solid rgb(0,0,0,0.1) 1px;
	border-right : solid rgb(0,0,0,0.4) 1px;
	border-bottom : solid rgb(0,0,0,0.4) 1px;
	border-radius : 5px;
	padding : 5px;
	box-sizing : border-box;
	background : rgb(245,245,245);
}

.articleTableData td:nth-child(1) {
	font-weight : bold;
	text-align : left;
	white-space : nowrap;
	width : initial;
}

/*
*********************************************************
Library: popup
*********************************************************
*/

.popupMasterDiv {
	position : absolute;
	top : 1px;
	left : 0;
	right : 0;
	bottom : 0;
	display : none;
	z-index : 2;
}

.popupInnerMasterDiv {
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
	overflow : hidden;
	background-color : rgb(232,232,232);
	border-radius : 7px;
}

.popupContent {
	position : absolute;
	border-radius : 7px;
	left : 15px;
	right : 15px;
	top : 50px;
	bottom : 15px;
	border-top : solid 3px rgb(200,200,200);
	border-left : solid 3px rgb(200,200,200);
	border-bottom : solid 3px rgb(220,220,220);
	border-right : solid 3px rgb(220,220,220);
	background-color : white;
}

.popupCloseButUp {
	white-space : nowrap;
	border-top : solid 1px rgb(210,210,210);
	border-left : solid 1px rgb(210,210,210);
	border-right : solid 1px rgb(160,160,160);
	border-bottom : solid 1px rgb(160,160,160);
	background-color : white;
	background-image : linear-gradient( rgb(255, 255, 255), rgb(225, 225, 225));
	min-width : 20px;
	min-height : 29px;
	border-radius : 7px;
	padding : 2px 5px;
	outline : none;
	appearance : none;
}

.popupCloseButDown {
	white-space : nowrap;
	border-top : solid 1px rgb(160,160,160);
	border-left : solid 1px rgb(160,160,160);
	border-right : solid 1px rgb(215,215,215);
	border-bottom : solid 1px rgb(215,215,215);
	background-color : white;
	background-image : linear-gradient( rgb(225, 225, 225), rgb(255, 255, 255) );
	min-width : 20px;
	min-height : 29px;
	border-radius : 7px;
	padding : 2px 5px;
	outline : none;
	appearance : none;
}

/*
*********************************************************
Library: JsScreenMsg
*********************************************************
*/

.screenMsgMaster {
	z-index : 500;
	position : fixed;
	left : 0;
	right : 0;
	bottom : 0;
}

.screenMsgCloseDiv {
	position : absolute;
	top : -12px;
	right : 24px;
	width : 1.5em;
	height : 1.5em;
	font-size : 1.2em;
	color : red;
	font-weight : bold;
	background-image : linear-gradient(rgb(250,250,250), rgb(180,180,180));
	border-radius : 50%;
	cursor : pointer;
	box-shadow : 0em 0em 0em 0em rgb(170, 170, 170);
	display : flex;
	justify-content : center;
	align-items : center;
}

.screenMsgShow {
	margin : -0.9em 1.5em 1em 1.5em;
	font-weight : bold;
	min-height : 1.5em;
	max-height : 4em;
	box-shadow : 0.2em 0.2em 1em 0.2em rgb(170, 170, 170);
	color : white;
	background : linear-gradient(rgb(130,130,130), rgb(70,70,70));
	border-radius : 15px;
	overflow : auto;
	padding : .2em .5em;
}

/*
*********************************************************
Library: PHP - Inline
*********************************************************
*/

.phpTextDim {
	color : black;
}

.phpTextColor {
	color : rgb(153, 21, 18);
	font-size : 1em;
}

.phpBgColor {
	background-color : rgb(249, 216, 172);
}

.phpTdMenuLineOption {
	padding-left : 0.5em;
	white-space : nowrap;
	overflow : hidden;
}

.phpMenuRoundButDiv {
	width : 1.3em;
	height : 1.3em;
	background-image : linear-gradient(rgb(255,255,255), rgb(190,190,190));
	border-radius : 50%;
	cursor : pointer;
	text-align : center;
	display : flex;
	justify-content : center;
	color : rgb(153, 21, 18);
	margin-left : 0;
	border-top : solid rgb(230,230,230) 1px;
	border-right : solid rgb(230,230,230) 1px;
	border-bottom : solid rgb(200,200,200) 1px;
	border-left : solid rgb(200,200,200) 1px;
}

.phpMenuRoundButTxt {
	color : rgb(153, 21, 18);
	font-family : sans-serif;
	font-size : 16px;
	margin-left : 0;
	margin-top : 2px;
	font-weight : bold;
}

.phpMenuAnchor:link,.phpMenuAnchor:visited {
	color : rgb(153, 21, 18);
	text-decoration : none;
	font-style : normal;
}

.phpMenuAnchor:hover,.phpMenuAnchor:active {
	color : rgb(153, 21, 18);
	text-decoration : none;
	font-style : normal;
}

.phpMenuBreadCrumb:link,.phpMenuBreadCrumb:visited {
	color : rgb(153, 21, 18);
	font-size : 11px;
	font-style : normal;
}

.phpMenuScrollBut {
	position : absolute;
	display : none;
	margin-top : 10px;
	font-size : 18px;
	width : 1.2em;
	height : 1.2em;
	background-image : linear-gradient(rgb(255,255,255), rgb(190,190,190));
	border-radius : 50%;
	cursor : pointer;
	text-align : center;
	vertical-align : bottom;
	border : solid rgb(190,190,190) 1px;
	z-index : 10;
	color : rgb(153, 21, 18);
}

.svgButMenu {
	fill : rgb(150, 150, 150);
	stroke : rgb(150, 150, 150);
}

.svgButActive {
	stroke : rgb(0, 180, 0);
	fill : rgb(0, 180, 0);
}

.svgButInActive {
	stroke : rgb(190, 190, 190);
	fill : rgb(190, 190, 190);
}

/*
*********************************************************
Library: Slider
*********************************************************
*/

.sliderMaster {
	position : absolute;
	overflow : auto;
	top : 0;
	bottom : 0;
	max-height : 100%;
	max-width : 100%;
	width : 100%;
	transition-property : all;
	transition-duration : .5s;
	transition-timing-function : cubic-bezier(0.5, 1, 0.5, 1);
	background : white;
	box-sizing : border-box;
}

.sliderMaster.sliderMasterClose {
	max-height : 0;
	overflow : hidden;
	box-sizing : border-box;
}

.sliderChild {
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
	overflow : hidden;
	background-color : rgb(232,232,232);
	border-radius : 7px;
}

.sliderContent {
	position : absolute;
	border-radius : 7px;
	left : 15px;
	right : 15px;
	top : 48px;
	bottom : 15px;
	border-top : solid 3px rgb(200,200,200);
	border-left : solid 3px rgb(200,200,200);
	border-bottom : solid 3px rgb(220,220,220);
	border-right : solid 3px rgb(220,220,220);
	background-color : white;
	overflow : auto;
	padding : 5px;
}

.sliderButMaster {
	margin : 12px auto;
	width : 28px;
}

.sliderButButton {
	border-color : rgb(170, 170, 170);
	border-width : 1px;
	border-radius : 5px;
	background-image : linear-gradient(rgb(255, 255, 255), rgb(225, 225, 225));
	appearance : none;
	color : green;
	font-size : 18px;
	font-weight : bold;
	box-sizing : border-box;
	width : 25px;
	height : 25px;
}

/*
*********************************************************
Library: AnimationToggleRead
*********************************************************
*/

.readMaster {
	position : relative;
	top : 5px;
}

.readMore {
	color : rgb(153, 21, 18);
	cursor : pointer;
	margin-bottom : 5px;
}

.readLess {
	color : rgb(153, 21, 18);
	cursor : pointer;
	margin-bottom : 10px;
	text-align : center;
}

/*
*********************************************************
Library: AnimationFadeToggle
*********************************************************
*/

.toggleItemTable {
	margin : 5px 0;
	width : 100%;
	cursor : default;
}

.__toggleItemTable {
	margin : 5px 0;
	width : 100%;
	box-shadow : 0 -5px 5px -5px rgb(130,130,130) inset;
	cursor : default;
	background-color : rgb(235,235,235);
	border-radius : 10px;
}

.toggleMasterTdImg {
	background : linear-gradient(rgb(130,130,130), rgb(70,70,70));;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	border-top-left-radius : 10px;
	border-bottom-left-radius : 10px;
	cursor : default;
	width : 25px;
	border-top : solid 1px rgb(190,190,190);
	border-left : solid 1px rgb(190,190,190);
	border-bottom : solid 1px rgb(0,0,0);
}

.toggleMasterTdLabel {
	background : linear-gradient(rgb(130,130,130), rgb(70,70,70));	;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	border-top-right-radius : 10px;
	border-bottom-right-radius : 10px;
	font-weight : bold;
	font-size : 14px;
	cursor : default;
	color : rgb(245,245,245);
	border-top : solid 1px rgb(190,190,190);
	border-right : solid 1px rgb(0,0,0);
	border-bottom : solid 1px rgb(0,0,0);
}

.toggleItemTdImg {
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	width : 25px;
}

.toggleItemTdLabel {
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	font-weight : bold;
	font-size : 16px;
}

.toggleItemImg {
	width : 13px;
	margin-left : 5px;
	margin-right : 10px;
}

.toggleItemContentBorder {
	padding : 5px 10px;
	background : rgb(255,255,255);
	border-radius : 10px;
	border : solid 1px rgb(210,210,210);
	box-sizing : border-box;
}

.toggleItemContentRaw {
	padding-top : 1px;
}

/*
*********************************************************
Library: Info Table
*********************************************************
*/

.offerTable {
	margin-top : 5px;
	margin-bottom : 5px;
	font-size : 13px;
}

.offerTable th {
	border-top : solid rgb(255,255,255,0.7) 1px;
	border-left : solid rgb(255,255,255,0.7) 1px;
	border-right : solid rgb(0,0,0,0.1) 1px;
	border-bottom : solid rgb(0,0,0,0.1) 1px;
	border-radius : 5px;
	padding : 2px 10px;
	color : rgb(240,240,240);
	font-weight : bold;
	box-shadow : 0px 2px 7px 0px rgba(160, 160, 160);
	background-image : linear-gradient( rgb(110, 110, 110), rgb(0, 0, 0));
}

.offerTable th:nth-child(1) {
	text-align : left;
}

.offerTable td {
	border-top : solid rgb(0,0,0,0.1) 1px;
	border-left : solid rgb(0,0,0,0.1) 1px;
	border-right : solid rgb(0,0,0,0.4) 1px;
	border-bottom : solid rgb(0,0,0,0.4) 1px;
	border-radius : 5px;
	padding : 5px;
	box-sizing : border-box;
	background : rgb(245,245,245);
}

.offerTable td:nth-child(1) {
	text-align : center;
	white-space : nowrap;
}

.offerTable td:nth-child(2) {
	text-align : center;
	white-space : nowrap;
	width : 128px;
}