html  

{background-color: #ccccff;}

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

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

.headboxtop1 
{   
        width:54vw;
        height:13vw;
        background-color:rgba(45,63,234,0.4);
        border-radius:0.3vw;
}

.headboxtop2 
{   
        width:54vw;
        height:11vw;
        background-color:rgba(45,63,234,0.4);
        border-radius:0.3vw;
}


.headboxdoc 
{
    	width:54vw;
    	padding:0.5vw 0vw 0.5vw 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(45,63,234,0.4);
        margin:0.5vw 0.5vw 0.5vw 0.5vw;
        padding:0.5vw 0.2vw 0.5vw 0.2vw;
        width:16.6vw;
        height:auto;
        float:left;
        font-family:calibri,arial,sans-serif;
        color:rgba(27, 27, 27, 0.5);
        font-size:1.5vw;
        font-weight: 400;
        text-align:center; 
        border-radius:0.3vw; 
}

.doc:hover
{
        background-color:rgba(27,27,27,0.6); color:#9bf;
}

.doc2 {
    	background-color:rgba(45,63,234,0.4);
    	margin:2vw;
    	padding:0.5vw;
    	width: 28vw;
    	height:auto;
    	float:left;
    	font-family:calibri,arial,sans-serif;
    	color:rgba(27,27,27,0.5);
    	font-size:1.5vw;
        font-weight: 500;
    	text-align:center;
        border-radius:0.3vw;
}

.doc2:hover
{
        background-color:rgba(27,27,27,0.6); color:#9bf;
}


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


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


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


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


p {
        font-family: calibri, arial, sans-serif;
        font-size:2.5vmin;
        color:rgba(27, 27, 27, 0.8);
        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;        	
}



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: #bdf;
        padding:2vw 0vw 0vw 3vw;
        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.8);
        font-weight: 600;
        color: #bdf;
        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.2vw rgba(18,18,18,0.7);
        font-weight: 400;
        margin:1vw 0vw 1vw 0vw;
        color:#b9caff;
        text-align:center;
}