body {
        margin:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000;
		background-image: url(http://www.lifesistemas.com.br/img/bg.jpg); 
		       
       }
      
/********************* PAINEL DO CURSO ************************/
#conteudo {
	margin-top:2px;
	width:auto; 
	margin-left:6px;
	border:#fff solid 1px;
	height:auto;
}

#conteudoPainel {
	margin-top:2px;
	width:580px; 
	margin-left:6px;
	border:#fff solid 1px;
	height:auto;
}
li.buttons { padding:0 0 20px 0 }
#divbarra {
	margin-bottom:10px;
	margin-left:0px; 
	margin-top:0px; 
	border-bottom:#0887C6 solid 2px; 
	font-size:12px; 
	font-weight:bold;
	text-align:center;
}
#corpo {
    width:740px;
	height:auto;
    float:none;
	padding-bottom:20px;
	
	
}
p { margin:0; padding:0 }
form { margin:0; padding:0 }
a img { border:0 }
ul { list-style-type:none; margin:0; padding:0 }
table { margin:0; padding:0; border-collapse:collapse }

a { color:#000; text-decoration:underline }
a:hover { color:#000; text-decoration:underline }

b.obrig { color:red }
input.t0  { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 1px 2px 1px; margin:0; border:1px solid #999; background-color:#f4f4f4; color:#666 }
input.t1  { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 1px 2px 1px; margin:0; border:1px solid #7F9DB9 }
textarea.t1  { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px 1px 1px 1px; margin:0; border:1px solid #7F9DB9 }
select.s1 { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px 0 1px 0; margin:0; border:1px solid #7F9DB9 }
input.b1  { font-family:Arial, Helvetica, sans-serif; font-size:11px }

#centraliza {
        width:762px;
        position:absolute;
        left:50%;
        top:0;
        margin-top:0px;
        margin-left:-387px;
        border:1px solid #ccc;
        background-color:#fff;
        padding:5px;
        background-image:url(../../img/bg.gif);
        background-position:left top;
        background-repeat:repeat-y
}

#relatorio {
        width:762px;
        position:absolute;
        left:50%;
        top:0;
        margin-top:0px;
        margin-left:-387px;
        border:1px solid #ccc;
        background-color:#fff;
        padding:5px;
}

#topo {
        width:762px;
        height:100px;
        padding:0;
        margin:0
}
#topo p { float:left }
#topo p.logo { width:150px }
#topo p.info { font-size:19px; color:#FF9900; font-weight:normal; width:612px }
#topo p.title {




        margin:7px 0 0 0;
        background-color:#667AB3;
        color:#fff;
        padding:3px 50px 3px 5px;
        font-size:12px;
        font-weight:bold;
        border:1px solid #ccc;
        cursor:default
}



/*LOGIN ***********/
#log {
	    position:absolute;
        width:280px;
        height:80px;      
        margin-left:20px;
        top:140px;
        margin-top:-87px;
        padding:10px 10px 10px 10px;
} 

/********************* SALA DO CURSO ************************/

#topo p.infosalacurso { font-size:19px; color:#FF9900; font-weight:normal; width:612px }

#topo p.salacurso {
        margin:60px 0 0 0;
        background-color:#667AB3;
        color:#fff;
        padding:3px 400px 3px 5px;
        font-size:12px;
        font-weight:bold;
        border:1px solid #ccc;
        cursor:default
}
/********************* SALA DO CURSO ************************/



#container { padding:0; float:left; margin:0; width:762px; float:left }


/***************** LOGIN ******************/
#centraliza_login {
        width:762px;
        position:absolute;
        height: 574px;
        left:50%;
        top:0;
        margin-top:0px;
        margin-left:-387px;
        border:1px solid #ccc;
        background-color:#fff;
        padding:5px;
        background-image:url(../../img/bg.gif);
        background-position:left top;
        background-repeat:repeat-y

}
#centraliza_login p.title {
        height:17px;
        width:245px;
        background-color:#667AB3;

        color:#fff;
        padding:3px 50px 3px 5px;
        font-size:12px;
        font-weight:bold;
        border:2px solid #7F9DB9;
        cursor:default
}

#login {
        position:absolute;
        width:280px;
        height:145px;
        border:2px solid #7F9DB9;
        left:50%;
        margin-left:-140px;
        top:50%;
        margin-top:-107px;
        padding:45px 10px 20px 10px;
        background-color:#fff
}



#curso {
        background-color:#f4f4f4;
        height:400px;

        width:619px;
        padding:3px;
        float:left;
        margin:10px 0 0 5px;
        border:1px solid #ccc
}

/***************** LOGIN ******************/




#divconteudo {
        background-color:#f4f4f4;
        height:100%;
        width:619px;
        padding:3px;
        float:left;
        margin:10px 0 0 5px;
        border:1px solid #ccc
        
}

#divconteudo_curso {
        background-color:#fff;
        height:400px;
        width:619px;
        padding:3px;

        float:left;
    	overflow:scroll;
        overflow-x:hidden;
        margin:10px 0 0 5px;
        border:1px solid #ccc
}



/*********************** SALA OFF LINE DA TURMA******************************/
#divconteudo_sala {
        background-color:#fff;
        height:100%;
        width:599px;
        padding:3px;
        float:right;
    	overflow:scroll;
        overflow-x:hidden;
        margin:10px 0 0 5px;
        border:1px solid #ccc
 }
#topo_sala {
    background-color:#667AB3;

    float:right;
        width:607px;
        height:40px;
        padding:0;
        margin:0
}
#topo_sala p.title {
        margin:3px 0 0 0;
        color:#D9D9D9;
        padding:3px 50px 3px 5px;
        font-size:14px;
        font-weight:bold;
        cursor:default
}
/*********************** SALA OFF LINE DA TURMA******************************/



 
#rodape { 

height:20px; width:200px; float:left; text-align:right; margin-top:10px 
}


/* FORMUL�RIOS DE CADASTRO */
ul.form { background-color:#f4f4f4; padding:5px 5px 0 5px; margin:0; border:1px solid #ccc; float:left }
ul.form li { padding:0; margin:0 }

p.label { padding:0 0 8px 0; text-align:left; font-weight:normal; margin:0 0 0 0; background-color:transparent; float:left }
p.label span { font-weight:bold }
p.label input.checkbox { margin-left:0 }
p.label select, p.label input { margin-top:1px; float:left }
p.label img { float:left; margin:3px 0 0 4px; cursor:pointer }


li.aba { font-size:12px; font-weight:bold; color:#28166F; padding-bottom:10px }
li.aba p { border-bottom:2px solid #667AB3 }

/****************************/


/* GRID DO AJAX */
table.cursor td { cursor:pointer }

table.grid { width:100%; border:1px solid #ccc }
table.grid td { border-bottom:1px solid #ccc; margin:0; padding:0 1px 0 1px }
table.grid td.zero { padding:90px 3px 90px 3px; color:#777; text-align:center; cursor:default }
table.grid tr.par { background-color:#F8F7E8 }
table.grid tr.impar { background-color:#fff }

table.grid input.texto { height:13px; margin:0; border:1px solid #ccc; font-size:10px }
table.grid input.botao { height:17px; margin:0; border:0px solid #000; font-size:10px; background-color:#E6E6E6 }
table.form td.label { text-align:right; padding:3px 4px 3px 0; font-weight:bold }
table.grid tr.header td { background-color:#f4f4f4; padding:1px 0 1px 2px; font-weight:normal; cursor:default; color:#000099; border-right:1px solid #ccc; border-left:0 }
table.grid tr.header td.check { border-right:0; margin:0; padding:1px 0 1px 1px }
table.grid tr.footer td { background-color:#f4f4f4; padding:2px 3px 2px 3px; border-top:1px solid #ccc; cursor:default }

table.grid table.footer td { border:0; padding:0; height:15px }
/* FIM DA GRID DO AJAX */
/** divi do painel de controle*/
#dvcenterPainel {
        width:980px;
        height:auto;
        position:relative;
        left:40%;
        margin:0 0 0 -370px;
        
        }

#divrodape{
	position:absolute;
	bottom:0;

}

/**************** INDEX PRINCIPAL ************************/
#dvcenter {

        width:980px; 
        left:40%;
        margin:0 0 0 -370px;  
		position:relative;
		min-height:100%; /* Para browsera modernos */
		height:auto ; /* Para browsera modernos */
		height:100%; /* Para o IE6 */

        }
                
#new {
       		 width:310px;
                height:740px;
                background-image:url(../../files/img/bg_acesso.jpg);
				background-repeat:no-repeat;
		        border:1px solid #C0C0C0;
                position:absolute;
				top:180px;
                left:68%;
                /*margin:100px 200px 0 745px;*/
                font-family:arial; color:#666666; font-size:11px; float:left; font-weight:bold;
                                
}
     
#new  a { color:#898989; font-family:arial; font-size:10px; font-weight:normal;}
#new  a:hover { color:#898989; text-decoration:underline; font-weight:normal}


	 
#menu {

        width:600px;
        padding-left:20px;
                height:20px;
        position:absolute;
        top:74px;
        
}


#menu ul li{display:inline;}
#menu ul li a {padding: 2px 10px; font-family:verdana; color:#000033; font-size:11px; float:left; }
#menu ul li a:hover {padding: 2px 10px; font-family:verdana; color:#A9A8A7; font-size:11px; float:left; text-decoration:underline;}



div.dvmenu {padding:5px 0 5px 0 }
div.dvmenu span { margin:0 7px 0 7px }


div.menu_interno { text-align:left}
div.menu_interno ul {  padding:0 0 0 15px; margin:0 }
div.menu_interno ul li {padding:3px 0 3px 0 }
div.menu_interno ul.empresa a { color:#6A7E72}
div.menu_interno ul.empresa a:hover { color:#6A7E72; text-decoration:underline }
div.menu_interno ul.egov a { color:#896162; text-decoration:underline }
div.menu_interno ul.acad a { color:#647168; text-decoration:underline }


/*................. caixa de cpf  */
.hint .hint-pointer {
    position:absolute;
    left:-10px;
    top:5px;
    width:10px;
    height:19px;
    background:url(../img/pointer.gif) left top no-repeat;
}
.hint {
   	display:none;
    position:absolute;
	margin-left:20px;

    width:200px;
    margin-top:-4px;
    border:1px solid #c93;
    padding:5px 6px;
	line-height:13px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background:#FFFFCC url(../img/pointer.gif) no-repeat -10px 5px;
}


/**************** INDEX PRINCIPAL ************************/

 h1{
	padding: 10px;
	font-size: 36px;
	color: white;
}



.container{ 
	background-color: white;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#DB5C04;
}
 
 

.content li, .alt_content li, .content > p{
	padding: 15px
}