html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, ol, ul{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}

ol, ul{
    list-style: none
}

:focus {
    outline: 0;
}


body {
    background-color: #f7f7f7; 
    font-family: Georgia, Verdana, “Lucida Sans Unicode”, sans-serif;
    font-size: 12px;
    color: #999;
}

h2 {
    font-style: italic;
    font-weight: normal;
    line-height: 1.2em;
}
.rectangle {
    background: #7A95A1;
    height: 120px;
    width: 1220px;
    position: relative;
    left:-35px;
    top: 60px;
    float: left;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    z-index: 100; 
}
.rectangle span{
    left: 300px;
    width: 850px;
    margin-right: 100px;
    position: relative;
    display:inline-block;
}

.rectangle-i {
    
    background: #4E616B;
    height:210px;
    width: 200px;
    position: relative;
    left: 40px;
    top: -102px;
    float: left;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    z-index: 110;
}
.triangle-l {
    border-color: transparent #4D606B transparent transparent;
    border-style:solid;
    border-width:35px;
    
    height:0px;
    width:0px;
    position: relative;
    left: -70px;
    top: 145px;
    z-index: -1; 
    
    
}

.triangle-r {
    border-color: transparent transparent transparent #4D606B;
    border-style:solid;
    border-width:35px;
    height:0px;
    width:0px;
    position: relative;
    left:1150px;
    top: 75px;
    z-index: -1; 
}

.triangle-1{
    border-color:#37444C transparent transparent  transparent   ;
    border-style:solid;
    border-width:25px;
    height:0px;
    width:0px;
    position: relative;
    left: 15px;
    top: 40px;    
    z-index: 95;
}
.triangle-2{
    border-color:#37444C transparent transparent  transparent   ;
    border-style:solid;
    border-width:25px;
    height:0px;
    width:0px;
    position: relative;
    left: 215px;
    top: -10px;    
    z-index: 95;
}
.triangle-3{
    border-color: transparent transparent #37444C transparent   ;
    border-style:solid;
    border-width:25px;
    height:0px;
    width:0px;
    position: relative;
    left: 215px;
    top: -225px;    
    z-index: 95;
}
.triangle-4{
    border-color: transparent transparent #37444C transparent   ;
    border-style:solid;
    border-width:25px;
    height:0px;
    width:0px;
    position: relative;
    left: 15px;
    top: -275px;    
    z-index: 95;
}

div#container {
    margin: 50px auto 0 auto; /* centered */
    width: 1200px;
}
 
.page-title{
    font-size: 30px;
    text-align: center;
    margin: -50px 0 20px 0;
}
.post-begin{
    height: 30px;
    border-style: solid;
    border-color: #7F7F7F;
    border-width: 1px 0 0 0;
    border-radius: 20px;

}
.post-begin:before{
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #7F7F7F;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
.post-separator{
    height: 30px;
    border-style: solid;
    border-color: #7F7F7F;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
.post-separator:before { 
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #7F7F7F;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.name h2, .lastName h2{
    font-size: 20px;
    color: #EDF3FC;
    padding-top: 23px;
    text-shadow: 1px 1px 2px rgba(0,0,0, 0.35);
    text-align: left;
}

.lastName h2{
    font-size: 18px;
    color: #D0DAE3;
}

span.lastName{
    width: 300px;
    margin-right:0;
}

.bubble {
    clear: both;
    margin: 0px auto;
    width: 1150px;
    background: #F5F6F1;
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    position: relative;
    z-index: 90; 
}

.sec{
    padding: 7px 14px 17px 14px;
    margin-top: -25px;
}

.post {
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    padding: 5px 13px 20px 13px;
    background-color: #ffffff;
}
.post p{
    padding-top: 20x;
    font-size: 17px;
    line-height: 22px;
    text-align: justify;
    text-justify: inter-word;
}
.post h2 {
    font-size: 30px;
}
.post p a {
    color: #c4591e;
    text-decoration: none;
}
.post p a hover {
    text-decoration: underline;
}


div.relatorio-semanal {
  width: 600px;
  margin: 10px
}
 
ol.parent-list {
  color: #ccc;
  list-style-type: none;
}
 
ol.parent-list li.semana {
  position: relative;
  font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 20px;
}
 
li.semana p.semana-descricao{
  font: 12px/1.5 Helvetica, sans-serif;
  padding-left: 130px;
  color: #555;
}

.semana-div {
    background: #EDEFF7;
    height: 50px;
}

.semana-numero {
    height: 100%;
    position: absolute;
    margin-top:-15px;
}




ul.menu{
    
    padding:5;
    list-style: none;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    font-size:14px;
    width:200px;
}

ul.menu a{
    text-decoration:none;
    outline:none;
}

ul.menu li{
    
    widows: 200px;
    height:42px;
    position:relative;
    cursor:pointer;
}

ul.menu li > a{
    position:absolute;
    margin: 0 auto;
    top:0px;
    left:0px;
    width:200px;
    height:42px;
    z-index:12;
    text-align: center;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
ul.menu li a img{
    border:none;
    position:absolute;
    width:0px;
    height:0px;
    bottom:0px;
    left:100px;
    z-index:100;
    -moz-box-shadow:0px 0px 4px #000;
    -webkit-box-shadow:0px 0px 4px #000;
    box-shadow:0px 0px 4px #000;
}

ul.menu li span.menu_wrap{
    position:absolute;
    top:15px;
    left:5px;
    margin: auto;
    width:200px;
    height:60px;
    z-index:15;
}

ul.menu li span.menu_active{
    position:absolute;
    background:#2F3A40;
    top:-55px;
    width:0px;
    height:110px;    
    left:0px;
    z-index:14;
    -moz-box-shadow:0px 0px 4px #000 inset;
    -webkit-box-shadow:0px 0px 4px #000 inset;
    box-shadow:0px 0px 4px #000 inset;
}

ul.menu li span span.menu_link,
ul.menu li span span.menu_descr,
ul.menu li div.menu_box a{
    
    
    margin-left: 0px;
    
    text-transform:uppercase;
    text-shadow:1px 1px 1px #000;
}

ul.menu li span span.menu_link{
    
    text-align: center;
    margin-top: 10px;
    color:#E4F3FF;
    font-size:22px;
/*float:left;*/
    
}
ul.menu li span span.menu_descr{
    color:#0B75AF;
    float: left;
    
    width:155px;
    font-size:10px;
    letter-spacing:1px;
}

ul.menu li div.menu_box{
    display:block;
    position:absolute;
    width:170px;
    overflow:hidden;
    height:110px;
    top:0px;
    left:200px;
    display:none;
    background:#27303D;
}

ul._menu li div.menu_box a{
    
    
    
    line-height:30px;
    color:#E4F3FF;
    margin-top: 10px;   
    
}
ul.menu li div.menu_box a h2{
    margin-top: 2px;   
    text-align: center;
    color:#E4F3FF;
    
}
ul.menu li div.menu_box a:first-child{
    
}
ul.menu li div.menu_box a:hover{
    color:#fff;
}