﻿body {
    background: #28A093;
    padding: 0px;
    margin: 0px;
    font-family:'Segoe UI';
    height:100%;
}

/*HEADER MENU*/
.headerNavigationMenu {
    background: #650007;
    width: 100%;
    padding: 0px;
    margin: 0px;
    height:80px;
    
    z-index:1;
    position:fixed;
}

.menuItems {
    width: 1000px;   
    margin: 0 auto;
    height:inherit;
    /*background:green;*/
}

.menuItems a{
    height:inherit;
    text-decoration:none;
    color:white;    
}

.logoItem, .subItem{
    float:left;  
    height:inherit; 
    
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    font-size:20px;
}

.subItem p{
    margin-top:13%;   
    text-align:center;
    /*text-shadow:2px 2px 2px white;*/
}



.logoItem{
    background:white;  
    width:250px;
}

.logoItem img{
    height:inherit;
    width:inherit;
}

.subItem {
    background: #004039; 
    width:14.75%;
    transition: 0.4s ease-in-out;
}

.subItem:hover{
    background-color:#28A093;
    transform:translateY(10px);
    text-shadow:3px 3px 3px black;
     
    font-size:25px;   
    
    -webkit-box-shadow: 0px 0px 68px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 68px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 68px 5px rgba(0,0,0,1);
}


/*body of the content*/ 

.mainContentBody{
    background:white;   
    width:900px;
   

    /*make content center*/
    margin:0 auto;
    right:0;
    left:0;
    position:absolute;
    
   
    margin-top:80px;    
    z-index:0;

    -webkit-box-shadow: 0px 0px 240px 5px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 240px 5px rgba(0,0,0,1);
    box-shadow: 0px 0px 240px 5px rgba(0,0,0,1);
}

.content{
    min-height:400px;
     /*border:2px dashed black;*/ 
     padding:20px;   
     padding-left:50px;
     padding-right:50px;
}

/*FOOTER*/

.footer{
    margin:0 auto;      
    background:#650007;
    height:90px;  
    color:white;
    z-index:0;  
    width:1000px;
    margin-left:-50px;
    margin-bottom:0px;
}

.innerFooter{
    text-align:center;
    padding-top:20px;
}