body {margin: 0; padding: 0; border: 0; direction: rtl;}
section {border: solid 2px gray; padding-bottom:12px; display: flex; flex-wrap: wrap;}
a {text-shadow: 1px 2px 4px #FFFFFF; color: #000080;}
h2 a {padding-left: 10%; padding-right: 10%;}
ul {padding-right: 3%;}
ol {padding-right: 3%;}
*{text-align: justify;}
h1,h2,h3,h4,h5,h6,p {margin-right: 2%; margin-left: 2%;}

.secCom {background: url(bkgT.png); background-repeat:repeat;}
.secHlp {background: url(bkHlp.png); background-repeat:repeat;}

.hedCom {border: solid 2px black;background-image: linear-gradient(to bottom, #7ACEFF, #008080);display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}

.artTexCom {width: 320px; border: double; margin-top: 12px; flex-grow: 3; margin-left: 1%;}
.artBotCom {width: 320px; display: inline-block; vertical-align: top;}

.artTexTemp1 {border: double; margin-top: 12px; flex-grow: 3; margin-left: 1%;  min-width: 320px; max-width: 1000px;}

.bkGrAqu1 {background-image: linear-gradient(to right, #68FFF8, #DBFFFD);}

.BT1 {text-align: center; margin: 4%; border-radius: 10%; height: 50px; width: 300px; display: block; transition:all 0.2s ease; background-image: linear-gradient(to bottom, #F0F0F0, #D1D1D1);}

.texHlpPara1
{
    padding: 1%;
     margin-bottom: 3%;
     //background-image: linear-gradient(to bottom, #5CC3FF, #1CFFAC);
     background-image: linear-gradient(to right, #68FFF8, #DBFFFD);
     border-radius: 6px;
}
.texHlpTitr1
{
     color: #0909CC;
     margin: 0%;
}
.texHlpSubTitr1
{
     color: #FF6043;
     margin: 0%;
     margin-right: 7px;
     font-style: italic;
}
.texHlpBody1
{
    font-weight: bold;
    background-color: white;
    padding: 1%;
    border-radius: 6px;
}

.texPageTitle1
{
    text-align: center;
    color: #FF0000;
    background-color: #FEFFA8;
    margin-right: 2%;
    margin-left: 2%;
    border: dotted 1px Grey;
    text-shadow: 1px 1px 3px #008000;
    //border-radius: 5px;
}
.blu0{color: #0000FF}
.blu1{color: #0000E0}
.red0{color: #FF0000}
.red1{color: #D60000}
.bkWit{background-color: white;}
.bold{font-weight: bold;}
.italic{font-style: italic;}

.BTgrowGld {background-image: url(BT_Gry.png);}
.BTgrowGld:hover {-webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); background-image: url(BT_Gld.png);}

.BTgrowBlu {background-image: url(BT_Gry.png);}
.BTgrowBlu:hover {-webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); background-image: url(BT_Blu.png);}

.BTgrowGrn {background-image: url(BT_Gry.png);}
.BTgrowGrn:hover {-webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); background-image: url(BT_Grn.png);}

.fade
{
	opacity:0.1;
}
.fade:hover
{
	opacity:1;
}
.trans:hover
{
	-webkit-transform: translateX(90%);
	 transform: translateX(90%);
}
.rotate:hover
{
	-webkit-transform: rotateZ(-30deg);
	-ms-transform: rotateZ(-30deg);
	transform: rotateZ(-30deg);
}
.border:hover
{
	box-shadow: inset    25px #53a7ea;
}
.circle:hover
{
	border-radius:50%;
}
.hedColor:hover
{
	background-image: linear-gradient(to bottom, #7ACEFF, #5254FF);
}
.tipGrow3
{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:0;
	left:2%; top:2%; position: absolute;
}
.tipGrow3:hover
{
	-webkit-transform: scale(5);
	-ms-transform: scale(5);
	transform: scale(5);
	opacity:1;
	left:20%; top:27%; position: absolute; 
	background-image: linear-gradient(to bottom, #7ACEFF, #5254FF);
	width: 10%;
}