/* 
    Document   : style
    Created on : 09/03/2010, 18:14:05
    Author     : Thiago
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html, body {
	height:100%;
}

img{
    border: 0px;
}

body{
    font-family: Tahoma;
    font-size: 10pt;
    text-align:center;
}

/*
** Classes
*/

.botao{
    background: #f0781f;
    border: 2px solid #000;
    font-size: 90%;
}

.interior{
    margin:0;
    padding:0;    
    background: #a6c8ca url('../img/34original.gif');
}

.f_over{
    border: 1px solid #f0781f;
}

.direito{
    text-align: right;
}

.centro{
    text-align: center;
}

.forms{
    border: 1px solid #CCCCCC;
}


.round{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.roundTop{
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-radius-topleft: 6px;
    border-radius-topright: 6px;
}
.roundBottom{
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-radius-bottomleft: 6px;
    border-radius-bottomright: 6px;
    border-top: none;
}

.lista{
    background: #e8e8e8;
    width: 100%;
    border: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    padding: 0px;
    font-family: Tahoma;
    font-size: 10pt;
}

.lista th{
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    color: #888;
}

.lista td{
    background: #fff;
    cursor: pointer;
    padding: 2px 2px 2px 2px;
}

tr.over td {
   background: #f3f3f3;
}

tr.alt td {
    background: #f3f3f3;
}

.selecionar{
    width: 18px;
    height: 16px;
    border: 0px;
    padding: 0px;
    background: url("../img/bt_select.gif") no-repeat;
}


/*
** ID's
*/

#barra_menu{
    background: #2c3033;
    color: #fff;
    height: 50px;
}

#barra_menu p{
    margin: 0 auto;
    text-align: left;
    padding: 15px;
}

#topo{    
}

#login_principal{
    margin: auto;
    width: 500px;
}

#login_area{
    border: 1px solid #f0781f;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;    
}

#login_area legend{
    border: 1px solid #f0781f;
    padding: 0.2em 0.5em;
    color: #f0781f;
}

fieldset div{
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

fieldset div label{
    float:left;
    width:100px;
    margin-right:0.5em;
    /*padding-top:0.2em;*/
    text-align:right;    
}

#login_area .forms{
    width: 145px;
}

#principal{    
    width: 960px;
    margin: 0 auto;
    padding-bottom:30px;
    _padding-bottom: 0px;
}

#tudo{
    background: #000;
    width:980px;
    position:relative;  /*Contexto de posicionamento */
    margin:0 auto;
    text-align:left;
    min-height:100%;
    padding: 5px;
}

#coluna_l{    
    width: 180px;
    float: left;
}

#conteudo{
    float: right;
    background: #FFF;
    width: 750px;
    padding: 5px 10px 5px 10px;
    text-align: justify;
}

h1{
    border: 0px;
    border-bottom: 1px solid #2c3033;
    color: #2c3033;
    font-size: 12pt;
}

* html #tudo {
	height: 100%;
}

#rodape{
    _margin-top: 15px;
    margin-bottom: 5px;
    clear: both;
    width: 960px;
    height: 40px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding: 15px 0px 0px 0px;
}

/*Menu*/
#menu{	
	background: #fff;
        font-size: 8pt;
        padding: 10px;
}
/*
#menu ul {
	list-style: none;
        padding: 0px;
        margin: 0px;
}

#menu li {	
        border-bottom: 1pt dotted #e8e8e8;
	padding: 5px;
}

*/
#menu a, .area_mae a{
	color: #000;
	text-decoration: none;
}
#menu a:hover, .area_mae a:hover{
	color: #8393ca;
}


#loading_menu{
    padding-top: 50px;
    text-align: center;
    position: absolute;
    width: 180px;
}

.area_mae{
    background: #ccc;
    font-weight: bold;    
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    _width: 200px;
}

#menu .menu_bottom{
    width: 180px;
    height: 17px;    
}

#manto{
    top: 0px;
    left: 0px;
    background: #fff;
    width: 100%;
    min-height: 100%;
    position: fixed;
    _position: absolute;
    z-index: 10;
    margin:0 auto;
}

* html #manto{
	height: 100%;
}

#loading_module{
    top: 0px;
    right: 0px;
    position: fixed;
    _position: absolute;
    z-index: 10;
}