
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video 
{margin: 0; padding: 0;	border: 0; outline: 0; background: transparent; text-decoration: none; 
 font-weight: inherit; font-style: inherit; font-family: inherit; -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box; box-sizing: border-box;}

body 
{
    font-family: open sans, arial, freesans, clean, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    background-color: #e6e6e6;
    margin: 0 auto;    
}

body>*:first-child 
{
  margin-top: 0 !important;
}

body>*:last-child 
{
  margin-bottom: 0 !important;
}

.header
{
    height:109px;
    display:block;
    text-align:center;
    background-image: url("../tutorial/pic/panel_felul.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#fff;
    border-top:1px #ccc solid;
    z-index:1;
}

.header .float-menu
{
    display:block;
    height:30px;
    width:50%;
    margin-top:30px;
}
.float-menu.left
{
    float:left;
    text-align:right;
}
.float-menu.right
{
    float:right;
    text-align:left;
}
.float-menu .container
{
    border-bottom:5px #000 solid;
    height:28px;
    line-height:20px;
    font-size:16px;
    letter-spacing:1px;
}
.float-menu.left .container
{
    margin-right:153px;
    border-bottom-color:#C90D1A;
    padding-right:25px;
}
.float-menu.right .container
{
    margin-left:153px;
    border-bottom-color:#503946;
    padding-left:25px;
}

.header .float-design
{
    display:block;
    height:50px;
    background-color:#e6e6e6;
    margin-top:58px;
    text-align:center;
}

.outerdiv
{
    display:block;
    width:100%;
    margin: 0px;
    padding: 0px;
    text-align:center;
}

.innerdiv
{
    width: 100%;
    max-width : 1300px;
    display:inline-block;
    text-align:left;
    box-shadow: 0px 0px 18px 10px rgba(200,200,200,0.7);
    background-color: #fff;
    margin: 0px;
    padding: 0px;    
}

.contenttable
{
    margin: 0px;
    padding: 0px;    
    border: none;
}

.leftsidetd
{
    width: 300px;
    background-color: #f0f0f0;
    border: none;
    vertical-align: top;
}

.contenttd
{    
    padding: 0px;
    border: none;
    background-color: #fff;
    text-align: center; 
    vertical-align: top;
}

.contentdiv
{    
    padding-top: 0px;
    padding-left: 30px;
    padding-bottom: 40px;
    padding-right: 30px;
    max-width : 980px;
    text-align: left;
    
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;     
}

/* MENU
=============================================================================*/

.menutitle
{
    font-family: open-sans, arial, sans-serif;
    font-size: 28px;
    font-variant-caps: small-caps;
    color: #333; 
}

.menu-ul
{
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
    list-style-type: none;
}

.nested 
{
    display: none;
}

.active 
{
    display: block;
}

.menu-li-1
{
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;  
}

.menu-li-2
{
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 0px;  
}

.menu-li-3
{
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 0px;  
}

.menu-level-1
{
    font-family: open sans, arial, sans-serif;
    font-size: 16px;    
    cursor: pointer;    
    padding-left: 10px;
    color: #333;     
}

.menu-level-1::before 
{
    content: "\203A";
    color: hsl(350,60%,50%);    
    display: inline-block; 
}

.menu-item
{
    font-family: open sans, arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #555;
}

.menu-level-2
{
    font-family: open sans, arial, sans-serif;
    font-variant-caps: small-caps;
    font-size: 16px;    
    cursor: pointer;
    color: #555;      
}

.menu-level-2::before 
{
  content: "";
  color: hsl(350,60%,50%);    
  display: inline-block;  
}
