/* index */

body, div, img, ul, li, h1, h2{
 margin: 0;
 padding: 0;
 border: 0;
}

ul{
 list-style: none;
}

body{
 background-color: white;
 font: 0.83em arial;
}

#principal{
 max-width: 120em;
 margin: auto;
 padding: 0 0 0 1.3em;
 background-color: white;
 border-right: solid #d0d0d0 3px;
 border-left: solid #888888 1px;
 border-top: solid #888888 1px;
}

#titulo{
 background-color: #222222;
 font: bold 4.8em arial;
 text-align: center;
 padding: 0.2em;
 color: white;
}

#bem-vido{
 float: left;
 width: 78%;
 min-height: 12.8em;
}

#index #bem-vido p{
 margin-top: 3.1em;
}


img#relogio{
 margin: 1.4em 1.4em 1.4em 1.4em;
 float: left;
}

#resumo{
 clear: both;
 text-align: justify;
 margin: 0 0 2em 2.7em;
}

ul.recursos{
 list-style-image:url(/flecha.gif);
 margin: 0 0 1.2em 0;
}

ul.recursos li{
 margin: 0 0 0.2em 4em;
}

#menu{
 width: 16%;
 float: right;
 
}

#menu ul{
 border-width: 0 0 0 3px;
 border-color: #d0d0d0;
 border-style: solid;
 margin-top: 2.2em;
}

#menu ul.download{
 margin-top: 4.8em;
}

#menu ul li{
 margin: 0 0 1.5em 0;
 padding: 0.05em 0 0.25em 1.5em;
}

#menu ul.download li{
 position: relative;
 margin: 0 0 1.5em 0;
 padding: 0 0 0.25em 1.5em;
}

#menu ul.download li img{
 padding: 5px 0 1px 0;
}

#menu ul.download li a.baixar-link{
 position: relative;
 left: 15px;
 bottom: 9px;
}


#menu ul li:hover{
 background-color: #62a2d2;
}


#menu a{
 font: bold 1em arial;
 color: green;
 text-decoration: none;
}

#resumo{
 width: 90%;
}

#uso{
 clear: both;
 border-style: dashed solid none solid;
 border-width: 1px 4px 0 4px;
 border-color: black #d0d0d0 #d0d0d0 #d0d0d0;
 padding: 3em 0 3em 3em;
}

h1{
 font: bold 1.45em arial;
 margin: 0.2em 0 0.5em 0;
}

#uso h1{
 margin: 1em 0 0.7em 0;
}

h2{
 font: bold 1.18em arial;
 margin: 0.8em 0 0.5em 0;
}

#uso img{
 display: block;
 margin: 25px auto 25px auto;
}

img.w336{
  width: 336px;
}

img.w338{
 width: 338px;
}

img.ajuda{
 width: 850px;
}

#uso ul.horas-maximas{
 margin: 1em 0 0 10em;
}

#uso ul.adicionar{
 margin: 0 0 0 5em;
 list-style-type: square;
}

#ultimo-baixar{
 text-align: center;
}

/* baixar-demo, faq, versao-completa */

#titulo a{
 color: white;
 text-decoration: none;
}

#cont{
 margin: 3.1em 0 0 0;
}

#baixar-demo img#relogio, #versao-completa img#relogio{
 margin-right: 5em;
 padding-bottom: 15em;
}

#faq img#relogio{
 margin-right: 5em;
 padding-bottom: 0;
}

#baixar-demo form{
 margin: 1em 0 0 0;
}

#baixar-demo form input{
 margin-left: 1em;
}

#faq h1{
 margin-top: 3em;
}

#faq h2{
 margin-top: 3em;
}

#faq #cont #q{
 margin: 5em 0 3em 4em;
}

.c{
 text-align: center;
 margin: 2em 0 2em 0;
}

.cont2{
 clear: both;
 border-style: dashed solid none solid;
 border-width: 1px 4px 0 4px;
 border-color: black #d0d0d0 #d0d0d0 #d0d0d0;
 text-align: center;
 padding: 1.5em 0 1.5em 0;
}

#faq .cont2 h1{
 margin: 0;
}

#versao-completa #cont form{
 text-align: right;
 margin: 2.5em 6em 0 0;
}

.error-message{
 color: red;
 font-weight: bold;
}