html

{background-color: #00bfff;}

@font-face 
{
    font-family: calibri;
    src: url(fonts/calibri.woff);
}

body 
{	
        width:54vw;
        margin-left:auto;
        margin-right:auto;   	
}

.headboxtop1 
{   
        width:54vw;
        height:11vw;
        margin:2vw 0vw 0vw 0vw;
        background-color:rgba(0,117,255,0.6);
        border-radius:0.5vw;
}

.headboxtop2 
{   
        width:54vw;
        height:9vw;
        margin:2vw 0vw 0vw 0vw;
        background-color:rgba(0,117,255,0.6);
        border-radius:0.5vw;
}

.headboxdoc 
{
    	width:54vw;
    	padding:0.2vw 0vw 0vw 0vw;
    	margin-left:auto;
    	margin-right:auto;
    	height:3.7vw;        
}

.headboxdoc2 
{
    	width:54vw;
    	padding:16vw;
    	margin-left:auto;
    	margin-right:auto;
    	height:auto;          
}

.doc 
{
        background-color:rgba(0,117,255,0.6);
        margin:0.5vw 0.5vw 0.5vw 0.5vw;
        padding:0.5vw 0.0vw 0.5vw 0.0vw;
        width:12.5vw;
        height:auto;
        float:left;
        font-family:calibri,arial,sans-serif;
        #color:rgba(234, 234, 255, 0.8);
        color:#cdf;
        text-shadow: 0.15vw 0.15vw 0.1vw rgba(18, 18, 18, 0.7);
        font-size:1.3vw;
        font-weight: 200;
        text-align:center; 
        border-radius:0.5vw; 
}

.doc:hover
{
        background-color:rgba(18,18,18,0.7); color:#cdf;
}

.doc2 
{
    	background-color:rgba(0,117,255,0.6);
    	margin:0.5vw 0vw 0.5vw 0vw;
    	padding:0.5vw 0vw 0.5vw 0vw;
    	width:22vw;
    	height:auto;
    	float:left;
    	font-family:calibri,arial,sans-serif;
    	#color:rgba(234,234,255,0.8);
        color:#cdf;
        text-shadow: 0.15vw 0.15vw 0.1vw rgba(18, 18, 18, 0.7);
    	font-size:1.3vw;
        font-weight: 200;
    	text-align:center;
        border-radius:0.5vw;
}

.doc2:hover
{
        background-color:rgba(18,18,18,0.7); color:#cdf;
}


.bodybox 
{
        background-color:rgba(0,135,255,0.3);
        width:52vw;
        float:left;
        height:auto;
        margin:0.3vw 0vw 0.3vw 0vw; 
        padding:0.5vw 1vw 0.5vw 1vw;
        border-radius:0.5vw;
}

.bodyboxvid 
{
        #background-color:rgba(180,180,255,0.9);
        width:50vw;
        float:left;
        height:auto;
        margin:0.5vw 0vw 1vw 0vw; 
        padding:1vw 1vw 1vw 1vw;
        #border-radius:1vw;
}

.bodyboxleft 
{
        #background-color:rgba(180,180,255, 0.9);
        width:34vw;
        float:left;
        height:auto;
        margin:0.5vw 0vw 0vw 0vw;
        padding:1vw 1vw 1vw 1vw;
        border-radius:1vw;
}


.bodyboxright 
{       
        #background-color:rgba(180,180,255, 0.9);
        width:14vw;
        float:right;
        height:auto;
        margin:0.5vw 0vw 0vw 0vw;
        padding:1vw 1vw 1vw 1vw;
        border-radius:1vw;    
}

video 
{   
        width:63%;
        height:auto;
        display:block;
        margin:auto; 
}

.border video 
{     
        border-radius: 0.7vw;
        box-shadow:0.3vw 0.3vw 0.7vw 0.3vw rgba(45,45,90,0.5);
}

.footer 
{
        background-color:rgba(18, 18, 18, 0.4);
        margin:0.5vw 0vw 3vw 0vw;
        float:left;
        width:54vw;
        height:auto;
        border-radius:0.5vw;   
}


p 
{
        font-family: calibri, arial, sans-serif;
        font-size:2.5vmin;
        margin:0.2vw 0vw 0.7vw 0vw;
        #padding:1vw 1vw 1vw 1vw;
        color:rgba(28, 18, 18, 0.7);
        text-align:justify;        
}

p.cen 
{
        font-family: calibri, arial, sans-serif;
        font-size:2.5vmin;
        margin:0vw 0vw 0vw 0vw;
        padding:0vw 0vw 0vw 0vw;
        #color:rgba(255, 255, 255, 0.8);
        color:#def;
        text-align:center;        	
}



h1  
{
        font-family: calibri,arial, sans-serif;
        font-size: 2.2vw;
        text-shadow: 0.2vw 0.2vw 0.3vw rgba(18,18,18,0.7);
        font-weight: 600;
        #color:rgba(234, 234, 255, 0.8);
        color:#def;
        margin: 0.5vw 0.5vw 0.5vw 0.5vw;
        padding:1.5vw 0vw 0vw 2vw;
        text-align:left;
}

h2  
{
        font-family: calibri,arial, sans-serif;
        font-size: 1.8vw;
        text-shadow: 0.2vw 0.2vw 0.3vw rgba(18,18,18,0.7);
        font-weight: 600;
        #color:rgba(234, 234, 255, 0.8);
        color:#def;
        margin: 0.5vw 0.5vw 0.5vw 0.5vw;
        padding:0vw 0vw 0vw 2vw;
        text-align:left;
}

h3  
{
        font-family: calibri,arial, sans-serif;
        font-size: 1.7vw;
        text-shadow: 0.1vw 0.1vw 0.2vw rgba(18,18,18,0.7);
        font-weight: 200;
        margin:1vw 0vw 1vw 0vw;
        #color:rgba(234, 234, 255, 0.8);
        color:#def;
        text-align:center;
}