/* xxxxxxxxxxxxxxxxxxxxx Alignments xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.left   {   float   : left;     }
.right  {   float   : right;    }
.center {   margin  : auto;     }


/* xxxxxxxxxxxxxxxxxxxxx Widths xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.full_width     {   width: 100%;    clear: both;        }
.column0        {   width: 0%;      min-height: 1px;    float:  left;   }
.column1        {   width: 10%;     min-height: 1px;    float:  left;   }
.column2        {   width: 20%;     min-height: 1px;    float:  left;   }
.column3        {   width: 30%;     min-height: 1px;    float:  left;   }
.column4        {   width: 40%;     min-height: 1px;    float:  left;   }
.column5        {   width: 50%;     min-height: 1px;    float:  left;   }
.column6        {   width: 60%;     min-height: 1px;    float:  left;   }
.column7        {   width: 70%;     min-height: 1px;    float:  left;   }
.column8        {   width: 80%;     min-height: 1px;    float:  left;   }
.column9        {   width: 90%;     min-height: 1px;    float:  left;   }
.column10       {   width: 100%;    min-height: 1px;    clear:  both;   }
.width_200px    {   width: 200px;   min-height: 1px;    float:  left;   }



.min-width1px       {min-width: 1px;}

/* xxxxxxxxxxxxxxxxxxxxx Heights xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.height_5px{
        height              : 5px;
        width               : 100%;
        clear               : both;
}

.height_10px{
        height              : 10px;
        width               : 100%;
        clear               : both;
}

.height_20px{
        height              : 20px;
        width               : 100%;
        clear               : both;        
}

.height_30px{
        height              : 30px;
        width               : 100%;
        clear               : both;            
}

.height_50px{
        height              : 50px;
        width               : 100%;
        clear               : both;        
}

.height_100px{
        height              : 100px;
        width               : 100%;
        clear               : both;            
}

/* xxxxxxxxxxxxxxxxxxxxx Responsive xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


.res_column5{
        width       : 50%;     
        min-height  : 1px;    
        float       : left;    
        padding-right   : 20px;
}

.res_height_20px{
        width       : 100%;
        height      : 20px;
        float       : left;
}

@media(max-width: 900px){

	.res_column5{
		width           : 100%;
                clear           : both;
                margin-bottom   : 20px;
                padding-right   : 20px;
	}
        
        .res_height_20px{
                height: 0px;
        }
}