/* 
    Document   : nav.css
    Created on : Feb 9, 2012, 10:58:54 PM
    Author     : pantelis
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

:root {
   --pink-color: #DF3047; 
}
.content {
    position: relative;
    padding: 10px 5px 0px;
    margin-left: 17px;
    margin-bottom: 10px;
}
#container section.content {
    display: none;
}
#container section.content.active {
    display: block;
}
#tabs-nav {
    /*color: gold;*/
    font-size: 100%;
    /*font-weight: 600;*/
    padding: 10px;
    margin: 0px;
    margin-left: 3px;
    display: block;
    background: transparent;
    z-index: 100;
}
#tabs-nav li {
    display: inline;
    margin: 4px 0px 4px 0px;
    /*			padding: 5px 5px 5px 5px;*/
}
#tabs-nav li a {
    color: #757575;
    padding: 12px 15px 10px;
    text-decoration: none;
}
#tabs-nav li a:hover {
    /*color: #ED8794;*/
    color: var(--pink-color);  /*#C74D5F; */
    text-decoration: none;
}
#tabs-nav .active {
    color: var(--pink-color);
    background-color: black;

    -moz-box-shadow: 3px 3px 6px silver;		
    -webkit-box-shadow: 3px 3px 6px silver;
    box-shadow: 3px 3px 10px silver;

}
#tabs-nav li a.active:hover {
    text-decoration: none;
}
#submenu {
    background: white;
}