html

{background-color: #00bfff;}

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

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

.headboxtop 
{   
        width:54vw;
        height:14vw;
        background-color:rgba(0,117,255,0.6);
        border-radius:0.5vw 0.5vw 0.5vw 0.5vw;
}

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

.headboxdoc2 
{
    	width:32vw;
    	padding:1vw;
    	margin-left:auto;
    	margin-right:auto;
    	height:auto;
           
}

.headboxdoc3 
{
    	width:54vw;
    	padding:1vw;
    	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.2vw 0.5vw 0.2vw;
        width:12.1vw;
        height:auto;
        float:left;
        font-family:calibri,arial,sans-serif;
        text-shadow: 0.15vw 0.15vw 0.1vw rgba(9,9,9, 0.7);
        color:#cdf;
        font-size:1.5vw;
        font-weight: 200;
        text-align:center; 
        border-radius:0.5vw; 
}

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

.doc2 {
    	background-color:rgba(90,90,255,0.5);
    	margin:1vw 2vw 1vw 2vw;
    	padding:0.5vw 0.2vw 0.5vw 0.2vw;
    	width: 28vw;
    	height:auto;
    	float:left;
    	font-family:calibri,arial,sans-serif;
        text-shadow: 0.1vw 0.1vw 0.1vw rgba(9,9,9,0.6);
    	color:#cdf;
    	font-size:1.5vw;
        font-weight: 200;
    	text-align:center;
        border-radius:0.5vw;
}

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


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


.bodyboxleft 
{
        background-color:rgba(225,225,255, 0.1);
        width:27vw;
        float:left;
        height:auto;
        margin:1vw 0vw 1vw 0vw;
        padding:1vw 2vw 1vw 2vw;
        border-radius:0.5vw;
}


.bodyboxright 
{
        width:18vw;
        float:right;
        height:auto;
        margin:3vw 0vw 1vw 0vw;
        border-radius:0.5vw;    
}


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


p 
{
        font-family: calibri, arial, sans-serif;
        font-size:2.5vmin;
        color:rgba(27, 27, 27, 0.9);
        text-align:justify;   
}

p.cen 
{
        font-family: calibri, arial, sans-serif;
        font-size:2.5vmin;
        color:rgba(27, 27, 27, 0.8);
        text-align:center;        	
}

p.cen2 
{
        font-family: calibri, arial, sans-serif;
        font-size:2.9vmin;
        margin:0vw 0vw 0vw 0vw;
        padding:0vw 0vw 0vw 0vw;
        color:#eef;
        font-weight: 400;
        text-shadow: 0.1vw 0.1vw 0.1vw rgba(9,9,9,0.6);
        text-align:center;        	
}



h1  
{
        font-family: calibri,arial, sans-serif;
        font-size: 3vw;
        text-shadow: 0.2vw 0.2vw 0.1vw rgba(9,9,9,0.7);
        font-weight: 600;
        color: #cdf;
        padding:2vw 0vw 0vw 3vw;
        text-align:left;
}

h2  
{
        font-family: calibri,arial, sans-serif;
        font-size: 1.8vw;
        text-shadow: 0.15vw 0.15vw 0.1vw rgba(9,9,9,0.7);
        font-weight: 600;
        color: #cdf;
        padding:0vw 0vw 0vw 3vw;
        text-align:left;
}

h3  
{
        font-family: calibri,arial, sans-serif;
        font-size: 1.5vw;
        text-shadow: 0.1vw 0.1vw 0.1vw rgba(9,9,9,0.9);
        font-weight: 400;
        margin:1vw 0vw 1vw 0vw;
        color:#cdf;
        text-align:center;
}