body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; outline: none;}
*
{ border: none; font-family: Arial, Helvetica, sans-serif; list-style: none; margin: 0; outline: none; padding: 0; text-decoration: none; }

body {
  	margin: 0;
	padding: 0;
	background: #c3c3c3 ;
  background-image: url("../cpimagens/fundo.jpg");
	
	margin-top:0;
	background-repeat:no-repeat;
	background-position:50% top;

	background-repeat:repeat-x; 
	background-attachment:scroll;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	font-size: 13px;
  }

p	{ margin:0; padding:1.2em; text-align: justify;}

p a:link,

p a:visited,

p a:hover,

p a:active

	{ font-weight:bold; color:#2876B5; }
#titulo h2 {
	border-bottom:1px solid red;
}			
#container  	{     
	margin: 1em auto;  
	/*width: 950px;*/  
	width: 864px;
	text-align: left;

}


/*Header*/
#header {
	overflow: hidden;
    height: 116px;
	width: 100%;
	position: relative;
	margin: 0;
			  	display:block;


}
#header hh a {
 	float: left;
    width: 23%;
    color: #6807C6;
   
    	margin-top: -2px;
  	display:block;
	text-align:   left;
/*border: dotted;*/
}
#header hsbn a {
 	float: right;
    width: 10%;
    color: #6807C6;
   
    	margin-top: -8px;
  	display:block;
	text-align: right;
/*border: dotted;*/

}

#header h1 a {
 	float: left;
    width: 55%;
    color: #6807C6;
   height:43px;
    text-shadow: 0 2px 0 #DEC99A;
    text-decoration:  none;
	letter-spacing: 2px;
  	margin-top: 4px;
  	display:block;
	text-align: center;
	vertical-align:  bottom;
/*border: dotted;*/

}
#header p {
    overflow: hidden;
    text-indent: -999em;
}
#header h2 a {
    color: #ffff00;
    height: 20px;
    font-size: 13px;
    padding: 5px 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
	width: 10%;
	float:right;
	border: 1px dotted #fff;
	margin-top: 0px;
	text-align: center;
	display:block;
	
}
#header h2 a:hover {
    color: #70c8f1;
	background: #FCFCFC;

}
/*Menu*/
#outside{
    /*border:1px solid #6807C6;*/
    background: #ffffff;
    width:208px;
    height: auto;
    display:none;
    float: left;
	position:   relative;
	margin-top: 0px;
	padding:2px 5px;

    }
ul#mainnav {  display:block;margin:0; padding:0px 0px 5px 0px; list-style:none; width:180px; height:21px;  }
ul#mainnav li 	{margin:0; padding:5px 5px; float:left;display: block;  position:relative; width:180px; }

ul#mainnav li a:link,

ul#mainnav li a:visited

	{ padding:5px 0px; display:block; text-align:left; text-decoration:none; background:#ffffff; color:#947280; width:207px; height:16px; border-bottom:1px  dotted #6807C6;}

ul#mainnav li:hover a,

ul#mainnav li a:hover,

ul#mainnav li a:active

	{ padding:5px 0px; display:block; text-align:left; text-decoration:none; background:#ffffff; color:#6807C6; width:207px; height:16px;  }


ul#mainnav li ul.nav1 
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:none; width:200px; position:absolute; top:0px; left:195px; border:1px solid #6807C6; border-top:none; }

ul#mainnav li ul.nav1 li
	{ width:180px; clear:left; width:180px;}
ul#mainnav li:hover ul.nav1

	{ display:block; }
/*#mainnav li:hover ul, li.over ul.nav1 {	display: block; }*/
ul#mainnav li ul.nav1 li a:link,

ul#mainnav li ul.nav1 li a:visited

	{ clear:left; background:#6807C6; padding:4px 0; width:180px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#mainnav li ul.nav1 li:hover a,

ul#mainnav li ul.nav1 li a:active,

ul#mainnav li ul.nav1 li a:hover

	{ clear:left; background:#8409FA; padding:4px 0; width:180px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#mainnav li ul.nav1 li a span

	{ position:absolute; top:0; left:132px; font-size:13px; color:#fe676f; }

ul#mainnav li ul.nav1 li:hover a span,

ul#mainnav li ul.nav1 li a:hover span

	{ position:absolute; top:0; left:132px; font-size:13px; color:#ffffff; }

ul#mainnav li.user 	{margin:0; padding:0; float:right;display: block;  position:relative; width:250px;text-decoration:none;border-left:1px solid #ffffff; border-right:1px solid #ffffff;height:13px;text-align:center;   color:#ffffff;padding:4px 0; }


 .wrapper
    { width: 100%; height: auto; margin: 0 auto 0 auto; overflow: hidden; padding: 0 0 0 0; }
.contents        
    { width: 764px; min-height: 600px; overflow: hidden; padding: 25px 50px 20px 50px; margin: 0 auto 0 auto; text-align: justify; background: url(../cpimagens/bg_content_internas.jpg) 0 0 repeat-x #FFF; }

    .contents h1
            { clear:both;color: #2876B5; padding: 0 0 5px 0; margin: 0 0 25px 0; font-size: 22px;text-align: left; border-bottom: 1px dashed #CCC; width: 100%; }       
            
    .contents h2
            { color: #00A47C; padding: 0 0 5px 0; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; width: 100%; line-height: 22px; }
    .contents p  
            { color: #4e4e4e; font-size: 13px; line-height: 20px;padding: 0 0 0 0; padding-bottom: 20px;  }
    .contents form input
            { border: 1px solid #CCC; margin-right: 3px;}
    .contents h3
     { color: #2876B5;font-size:18px; padding-bottom:20px;}
    .contents h3 a
     { color: #2876B5;font-size:18px; padding-bottom:20px;}
     .contents h4
            { color: #00A47C; padding: 0 0 10px 0; margin: 0; font-size: 14px; background: none; font-weight: bold; }
     .contents form h4
            { color: #00A47C; padding: 0 0 10px 0; margin: 0; font-size: 14px; background: none; font-weight: bold; }




div.time            { display:table; float:left; padding-bottom:25px;border-bottom: 1px solid #CCCCCC;margin-bottom:25px}
div.time p            { line-height: 15px;padding: 0 0 0 0;padding-bottom:0px;}
div.curriculo       { float:left; display:table; width:650px; margin-left:15px; border-bottom: 1px solid #CCCCCC; padding-top:20px }
div.fotoProf        { float:left; display:table; width:90px; height:90px}
div.diretoria        { float:left; display: table; width:400px; height:auto;margin-left:15px;padding-top:40px}
div.departamentos h4 { font-size: 15px;float:left; display:table; width:650px; height:20px;margin-left:0px;padding-top:20px;}

div.observacao ul li { font-size:13px; font-weight:normal; margin:0px 0px 10px 0px; color:#4e4e4e;font-family: arial, helvetica, sans-serif;}

.textoCurriculo     { font-size:11px; text-align:justify; line-height:15px}
.nomeProfessor      { font-size:13px; font-weight:normal; margin:0px 0px 10px 0px; color:#4e4e4e;}
.subtituloProf      { font-size:13px; color:#00a47c; margin:0px 0px 10px 0px; font-weight:normal}




#data               { margin-top: 40px;color:#00a47c;display:table;float:right; clear:both; padding-top:0px; width: 200px;height:10px; text-align: right;}

.quebra{page-break-before:always;}

.fieldsets
    {height: auto;width: 98%;float:left; display: table;position:relative; padding: 5px;border: 1px solid #E8E8E8;margin-bottom:20px; margin-left:2px}
.fieldsets .departamento
    { color: #00A47C;text-transform: uppercase; font-size: 15px; padding: 0 0 5px 0;border-bottom: 1px solid #CCCCCC; margin-bottom:5px;text-align: left;}                        
                        
.fieldsets .subtituloForm
    { text-align: left; color: #00A47C; font-size: 13px; padding: 0 0 5px 0; }                        
   
 .formulario
                    { padding: 0 0 0px 0;}
                    
                        .formulario fieldset
			{height: 370px;float:left; display: table;position:relative; padding: 10px;width: 30%;border: 1px solid #E8E8E8;margin-bottom:20px; margin-left:2px}
                        /*{ width: 525px; }*/
                            .formulario fieldset .departamento
                            { color: #00A47C; font-size: 15px; padding: 0 0 5px 0;border-bottom: 1px solid #CCCCCC; margin-bottom:5px;text-align: left;}                        
                        
                            .formulario fieldset .subtituloForm
                            { text-align: left; color: #00A47C; font-size: 13px; padding: 0 0 5px 0; }                        

                            .formulario fieldset .maximo
                            { width: auto; height: auto; color: #2876B5;font-size: 13px; padding: 0 0 5px 0;margin-bottom:10px; }                      
                            
                            .formulario fieldset .inputGeral
                            { width: auto; height: 23px; width: 300px; color: #4e4e4e; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 13px; margin: 0 0 20px 0; }                      
                            
                            .formulario fieldset .inputFile
                            { width: 100%; height: 23px; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 13px; margin: 0 0 20px 0; }                                                  

                            .formulario fieldset label
                            { font-size: 13px; color: #4e4e4e; font-weight: normal; padding: 0 5px 0 0; line-height: 20px; }
                            
                            .formulario fieldset select                 
                            { width: 100%; height: 23px; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 14px; color: #4e4e4e; margin: 0 0 15px 0; }

                            .formulario fieldset textarea
                            { width: 100%; height: 120px; color: #4e4e4e; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 13px; margin: 0 0 10px 0; }                     

                            .formulario fieldset .campoFloat
                            { float: left; padding: 0 20px 0 0; width: 250px; }
                            
                            .formulario fieldset .campoFloatFix
                            { padding: 0 0 5px 0; }     
                            
                    .contents .botaoForm
                    { width: auto; height: auto; clear: both; color: #FFF; background-color: #00A47C; font-size: 13px; font-weight: bold; padding: 10px; margin: 10px 0 10px 0; cursor: pointer; text-transform: uppercase; }                       
                    
                        .contents .botaoForm:hover
                        { background-color: #36d3ad;  }                                                 

                    .contents .botaoBoleto
                    { width: auto; height: auto; clear: both; color: #2876B5; background-color: #FFF; font-size: 13px; font-weight: bold; padding: 20px; margin: 25px auto 10px auto; cursor: pointer; border: 1px solid #E8E8E8; display: block; width: 50%; text-align: center; }                                         
                            
                        .contents .botaoBoleto:hover
                        { background-color: #f5f5f5; }                                                  

                    .contents .finalizarCompra
                    { padding: 20px 0 0 0; margin: 0 auto 0 auto; width: 40%; text-align: center; }                                                 
                    
                        .contents .finalizarCompra h3
                        { font-size: 13px; }                                                                        
                    
                    .contents .console
                    { text-align: center; }                                                                     
                    
                    .contents .opcoes
                    { padding: 10px 0 20px 0; text-align: center; }                                                                                         
                    
                        .contents .opcoes .botaoForm
                        { width: auto; height: auto; clear: both; color: #00A47C; background-color: #FFF; font-size: 13px; font-weight: normal; padding: 10px; margin: 10px 0 10px 0; cursor: pointer; text-transform: uppercase; }                                                                                                             
                        
                        .contents .opcoes .botaoForm:hover
                        { text-decoration: underline; }                                                                                                                                     

                    .contents .boxBoard
                    { border-bottom: 1px solid #E8E8E8; padding-bottom: 5px; margin-bottom: 25px; overflow: hidden; width: 80%; margin: 0 auto 0 auto; }                                                    
                    
                    .contents .boxBoard p
                    { padding-bottom: 5px; }                                                                        
                    
                .contents .floatRight
                { float: right; }                                                                                           
                                            
                    .formulario fieldsetlogin
		    {width: 100%;height:250px;float:left;display:table;padding: 20px;width: 99%;border: 1px solid #E8E8E8;margin-bottom:20px; margin-left:2px}
                    /*{ padding: 20px; width: 30%; border: 1px solid #E8E8E8; background: url(../cpimagens/bg_header.jpg) 0 bottom repeat-x #FFF; }    */
			.formulario fieldsetlogin .subtituloForm
                            { text-align: left; color: #00A47C; font-size: 13px; padding: 0 0 5px 0; }                        
                            
                            .formulario fieldsetlogin .inputGeral
                            { width: auto; height: 23px; color: #4e4e4e; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 13px; margin: 0 0 20px 0; }                      
                            

                        .formularioLogin fieldset h2
                        { border-bottom: 1px dashed #E8E8E8; padding: 0 0 5px 0; }                  

                    .formularioProduto fieldset
                    { padding: 20px 20px 10px 20px; margin: 0 10px 15px 0; float: left; width: 28%; border: 1px solid #E8E8E8; background: url(..cpimagens/bg_header.jpg) 0 bottom repeat-x #FFF; text-align: left; line-height: 22px; }                                                                                                              



#footer  {
	width:100%; height:auto; background-color:#c3c3c3; margin-top:30px;
	margin:auto;
	display:block;
	position:   relative;
	float:    left;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	color: #4e4e4e;
	
	
}
#footer ul  { margin:auto; width:400px; display:table; }
#footer li  { float:left; list-style:none; padding-left:20px; color:#4e4e4e; padding-top:10px; font-size: 12px; }
#footer a   { color:#4e4e4e;}
#footer p   { color:#4e4e4e; padding-top:10px; margin:auto; width:auto; line-height:18px; text-align:center; font-size: 11px; }


.foo {display:block;}
.open {
  background:#DDD;
  border:solid 1px #FFF;
  border-radius:5px;
  box-shadow: 0px 0px 5px #CCC;
  background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e8e8e8));
  background:-moz-linear-gradient(top,#f4f4f4,#e8e8e8);
  background:linear-gradient(top,#f4f4f4,#e8e8e8);
  padding:8px;
}