/* Layout Definition. Here goes only sizes, positions and shapes
   ========================================================================== */

#container {
   position:                         relative;
   width:                            960px;
   margin:                           20px auto;

   -webkit-border-radius:            10px;
   -moz-border-radius:               10px;
   border-radius:                    10px;

   -webkit-box-shadow:               0px 0px 10px rgba(0, 0, 0, 0.75);
   -moz-box-shadow:                  0px 0px 10px rgba(0, 0, 0, 0.75);
   box-shadow:                       0px 0px 10px rgba(0, 0, 0, 0.75);
}

header {
   width:                           100%;

   -webkit-border-top-left-radius:  10px;
   -moz-border-top-left-radius:     10px;
   border-top-left-radius:          10px;

   -webkit-border-top-right-radius: 10px;
   -moz-border-top-right-radius:    10px;
   border-top-right-radius:         10px;
}

header h1 {
   padding:                         40px;
}

#nav-main {
   width:                           100%;
}

#nav-main h1 {
   display:                         none;
}

#nav-main ul {
   display:                         block;
   margin:                          0px;
   padding:                         0px;
   list-style:                      none;
}

#nav-main li {
   float:                           left;
   display:                         list-item;
}
 
#nav-main a{
   display:                         block;
   padding:                         20px 40px;
}

/*
#content {
   padding:                         40px;
}
*/

footer {
   -webkit-border-bottom-left-radius:  9px;
   -moz-border-bottom-left-radius:     9px;
   border-bottom-left-radius:          9px;

   -webkit-border-bottom-right-radius: 9px;
   -moz-border-bottom-right-radius:    9px;
   border-bottom-right-radius:         9px;
}

footer #ficha {
   padding:                          40px;
}