/* cards CSS */
/* Generated by - www.econcol.com */

body#none
{
background-color: rgba(000, 000, 000, 0.5);
font-family: Verdana, Arial, sans-serif, Comic Sans MS;
width: 100%;
height: 100%; 
}

div#trucard
{
position: absolute;
top: 10%;
left: 10%; 
margin-right: 16%;
text-align: center;
background-color: rgba(000,000,000, 0.1);
width: 80%;
height: 65%;
background-image: url('none.png');
}

table#cards
{
background-color: rgba(000, 120, 090, 0.6);
width: 100%;
text-align: center;
padding-top: 2%;
padding-bottom: 2%;
}

tr#cards
{
}

td#cards
{
}

#menu a:hover
{
text-decoration: underline;
}

a#cards
{
text-decoration: none;
color: rgba(255, 000, 000, 1);
font-size: 70%;				   
}

a#videos:hover
{
text-decoration: underline;
color: rgba(000, 000, 000, 1);
background-image: url('motimg/tanone.png');
border-style: solid;
border-width: 0.01px;
border-radius: 5.0%;
border-color: rgba(000, 000, 000, 1);
padding: 1%;
}
				  
video#cards
{
width: 85%;
height: 70%;
background-color: rgba(000, 000, 000, 0.1);
border-style: solid;
border-width: 0.01px;
border-radius: 1.5%;
border-color: rgba(000, 000, 000, 0.1);
}  					

embed#cards
{
float: right;
width: 100px;
height: 100px;
opacity: 1;
padding: 0.2%;
margin-top: 0.5%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 0.1%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-left-color: rgb(000,000,000);
border-right-color: rgb(000,000,000);
border-bottom-color: rgb(000,000,000);
border-top-color: rgb(000,000,000);
}  

*
{
margin: 0;
padding: 0;
box-sizing: border-box; /* See below for more info */
}

body#mot
{
background-color: none;
/*background-image: url('motimg/tanone.png'); */
background-position: center;
background-repeat: repeat-x-y;
font-family: sans-serif;
width: 100%;
height:; 
}

div#motcenter
{
flex-wrap: wrap; /* Allows cells to wrap to the next line if needed */
padding: 0.5%; 
font-family: inherit;
color: rgba(000,000,000,1);
font-size: 100%;
font-weight: 500;
font-style: normal;
font-variant: none;
text-decoration:none;
text-transform: none;
background-color: none;
overflow-style: marquee-line;
overflow-y: hidden;
overflow-x: hidden;
border-style: solid;
border-width: 15.1%;
border-color: rgba(150, 000, 000, 1.000);
}
		
div#mot
{
text-align: center;
overflow-y: auto;
top: 3%;
min-height: 50%;
width: 100%;
min-width: 100%;
background-color: none;
}

div#moto
{
width: 100%;
position: abs-middle;
}				

p#la
{
padding: 1%;
text-indent: 1%;
text-align: justify;
}

a#la
{
a:link;
color: rgba(255, 000, 000, 1.00);
text-decoration: none;
a:visited;
color: rgba(000, 000, 000, 1.00);
font-weight: ;
font-size: %;
text-decoration: none;
}  

embed#la
{
float: right;
width: 90px;
height: 70px;
opacity: 1;
padding: 0.2%;
margin: 1.00%;
border-style: solid;
border-width: 1px;
border-color: rgba(000,000,000, 1.00);
}

ol#la
{
font-size: %;
}

li#la
{       
width: 80%;              
margin-left: 10%;
text-align: middle;
font-size: 100%;
font-color: rgba(250, 000, 000, 1.00);
}

embed#nu
{
float: left;
width: 45px;
height: 35px;
opacity: 1;
padding: 0.2%;
margin: 1.00%;
border-style: solid;
border-width: 1px;
border-color: rgba(000,000,000, 1.00);
}

header#mot
{
top: 1px;
min-height: 12%;
min-width: 90%;
}

table#mot
{
width: 99%;
}

tr#mot
{
widht: ;
border-style: solid;
border-color: rgba(000, 000, 000, 0.100);
border-width: 5px;
}

th#mot
{
widht: 100%;
padding: 1%;
margin: 4px;
border-style: solid;
border-width: 2px;
border-color: rgba(000, 000, 000, 0.700);
text-color: rgba(000, 000, 000, 0.700); 
}

td#mot
{
}

p#bar   
{
background-color: none;
font-color: rgba(000, 000, 000, 1.00);
text-align: justify-center:
text-align: justify-middle;
margin: 7px;
}

p#no   
{
width: %;
height: %;
font-style: solid;
font-color: rgba(255, 000, 000, 1.00);
}

a#mot
{
a:link;
color: rgba(000, 000, 000, 1.00);
text-decoration: none;
a:visited;
color: rgba(000, 000, 000, 1.00);
font-weight: 800;
font-size: 100%;
text-decoration: none;                     
}  

tr#rights
{
background-color: none;
}

h#no
{
color: rgba(255, 255, 255, 1.00);
}

*
{
margin: 0;
padding: 0;
box-sizing: border-box; /* See below for more info */
}

body#mo
{

}

div#mo 
{
display: flex; /* Enables Flexbox for the container */
width: 100%; /* Ensures the container takes full width */
flex-wrap: wrap; /* Allows cells to wrap to the next line if needed */
}

div#no 
{
flex: 1; /* Each cell takes up an equal portion of the available space */
padding: 10px; /* Adds some spacing within the cells */
border: 1px solid #ccc; /* Adds a border for visual separation */
box-sizing: border-box; /* Includes padding and border in the element's total width and height */
text-align: center; /* Centers the content within each cell */
background-color: rgba(000, 000, 070, 1.00);
}

a#no
{
a:link;
color: rgba(255, 000, 000, 1.00);
text-decoration: none;
a:visited;
color: rgba(255, 255, 255, 1.00);
font-weight: 800;
font-size: 70%;
text-decoration: none;
}  

embed#moimg
{
float: abs-middle;
width: 20px;
height: 20px;
opacity: 1.0; 
padding: 0.2%;
margin-top: 0.5%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 0.1%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-left-color: rgb(000,000,000);
border-right-color: rgb(000,000,000);
border-bottom-color: rgb(000,000,000);
border-top-color: rgb(000,000,000);
}

div#comota
{
/*margin-top: auto;
margin-bottom: auto;*/
margin-left: auto;
margin-right: auto;
/* width: 100%; */
height: 80%;
text-align: center;
}

table#mota
{
/* Horizontally center the table */
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
/* Give the table a specific width */
width: 100%;
height: 80%;
background-color: ;
border-radius: 2px;
border-style: solid;
border-color: rgba(000,000,000, 1);
border-width: 0.1px;
font-family: Verdana, Comic Sans MS, Arial, sans-serif;
margin-left: 0px;
padding: 10px 20px;
-moz-border-radius: 2px;
font-size: %;
font-weight: 900;
}

tr#mota   
{
background-color: rgba(000,000, 070, 1.00);
width: %;
height: %;
text-align: center;
font-size: %;
}

th#mota
{
font-color:  rgba(255, 255, 255, 1.00);
padding: 1px;
margin: 1px:
background-color: rgba(000, 000, 000, 0.00);
}

td#mota
{
background-color: rgba(000, 000, 000, 0.00);
margin: 1px;
padding: 1px;
font-size: 70%;
}

p#mota
{
font-weight: 800;
font-size: 100%;
}

a#mota
{
a: link;
color: rgba(255, 000, 000, 1.000);
text-decoration: underline;
a: visited;
color: rgba(255, 255, 255, 1.00);
font-weight: 800;
text-decoration: none;
}

embed#mot
{
float: abs-middle;
width: 80px;
height: 60px;
opacity: 1;
padding: 0.2%;
margin-top: 0.5%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 0.1%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-left-color: rgb(000,000,000);
border-right-color: rgb(000,000,000);
border-bottom-color: rgb(000,000,000);
border-top-color: rgb(000,000,000);
}  

video#movideo
{
controls: ;
video-controls-width: 30;
type: video/mp4;
width: 80px;
height: 60px;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 000, 000, 1.00);
}

a#co
{
a: link;
color: rgba(000, 000, 000, 1.000);
text-decoration: underline;
a: visited;
color: rgba(255, 255, 255, 1.00);
font-size: 70%;
font-weight: 800;
text-decoration: none;
}

p#rights
{
text-align: justify;
}