/*    Ricardo Guilemond 
      Em 2006-2009, 2010 novo layout! 
      Condetech-Brasil Engenharia de Software    */


body {
	font: normal 12px arial, sans-serif;
	background-color: #6699ff;
	color: #426893;   /* cor da fonte  #2C2C2C;  */
	width: 940px;     /* 80%;   */
   text-align: center;       /*   funciona no Firefox  */
   border-width: 50px;
   border-style: solid;
   border-color: #6699ff;
	
   /* alinha  página no centro para todas as definições de telas  */
   position: absolute;
   left: 50%;
   margin-left: -520px;
   /* fim do alinhamento   */
}

div {
   color: #426893;
}
#corpo {
   background-color: white;
}

#secundarios {
   clear: both;
   margin-top: -150px;
   width: 180%;    /* tamanho para páginas secundárias */
}

/* TOPO */

#topo {  /* LOGO MARCA */
  /* overflow: hidden;   para a imagem abaixo aparecer no IE 8 */
  background: url(../images/layout.gif) left 34px no-repeat;
}

/* Menu */

#menu {
	height: 30px;
	background-color: #922E03;   /* cor vermelha de fundo do menu */
	color: white;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	height: 24px;
	padding: 6px 12px 0px 12px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: url('') no-repeat left;
	text-decoration: none;
}

#menu a:hover {
	background: orange;
	color: black;

	border: 0px solid;
/*	border-top: none;         */
	border-color: white;
   height: 24px;
}

#menu .current_page_item a {
	background: url(../images/img04.gif) repeat-x;
}


h1, h2 {
	font-family: georgia, arial, sans-serif;
	background-color: inherit;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.4em;
	font-weight: normal;
	color: inherit;
	background-color: inherit;	
}

h2 {
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: normal;
	color: #474848;
	background-color: inherit;	
}

h3 {
	font-size: 1.1em;
	background-color: inherit;
}

.botao {
   cursor: pointer;
   padding: 3px 3px 3px 3px;
	box-shadow: 2px 2px 5px #999;
}

h5 { 
   font-weight: normal;
}

a {
	text-decoration: underline;
	color: navy;
	background-color: inherit;
}

a:hover {
	text-decoration: underline;
	color: #E43C15;
	background-color: inherit;
}

li a {
   text-decoration: none;
}

/* PARA ALTERAR O TAMANHO DAS FONTES A PARTIR DO INDEX.PHP */
.fonte1 { font-size: 0.4em; }
.fonte2 { font-size: 0.6em; }
.fonte3 { font-size: 0.8em;  /* este é o padrão da body para ficar geral com 1.0 */ }
.fonte4 { font-size: 1.0em; }
.fonte5 { font-size: 1.2em; }


#flicker {
	background: url(../images/arrow.gif) no-repeat top left;
	padding-left: 30px;   /* para o texto do link de "a href" não ficar em cima da imagem acima */
}

li#flicker {
   list-style-type: none;
}

#titulo {
   font: normal 28px georgia, arial, sans-serif;
	letter-spacing: -1px;
	align: left;
	color: blue; 
	background-color: inherit;
	text-shadow: silver -2pt 3pt 6pt, grey -1pt 3pt 4pt;   /* Só NÃO funciona no IE */
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#aabbcc,strength=9, direction=310);  /* Só funciona no IE */ 
   filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135,strength=5);   /* Só funciona no IE */
	
}

.byline {
	margin: 0;
	padding-top: 3px;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	color: #C2C2C2;
	background-color: inherit;
}

#recuo li { 
   margin-left: 30px;
	padding-bottom: 8px;
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 130%;
}

ul {
   color: #426893;
	font-weight: normal;
   list-style-type: square;   /* aquele quadradinho dos tópicos */
	/* outros exemplos:
   ul { list-style-type: circle; }
   ul { list-style-type: square; }
   ul { list-style-type: decimal; }      1., 2., 3. etc.
   ul { list-style-type: decimal-leading-zero } 01., 02., 03. etc.
	ul { list-style-type: inherit; }
   ol { list-style-type: upper-roman; }  I., II., III. etc.
   ol { list-style-type: lower-alpha; }  a., b., c., etc.	
	*/
}

p {
   font: normal 12px arial, sans-serif;
   color: #426893;
   background-color: inherit;
}

p.introduction:first-letter {  /* Classe para Primeira Letra em Destaque! */
   font-family: trebuchet ms, arial, sans-serif;
   font-size : 350%;
   font-weight : bold;
   float : left;
   width : 2em;
   padding-right: 5px;
}

blockquote {
   padding-top: 10px;
   padding-left: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	background:  url(../images/img12.gif) left top no-repeat;
	font: italic 1.3em georgia, arial, sans-serif;
}

blockquote p {
	width: 96%;
	background: url(../images/img12b.gif) right bottom no-repeat;
	font: bold italic 1.1em georgia, arial, sans-serif;
   text-align: left;
	color: silver;
}


hr {
	display: none;
}


/* Header */

#header {
	height: 100px;
}

/* COLUNAS TOTAIS */
.sidebar {
   float: left;        
   margin-top: 140px;
   padding-left: 20px;
	width: 100%;    
}

/* COLUNA 1 */
#sidebar1 {
   clear: both;
	float: left;      
   width: 52%;
	padding: 6px 3px 6px 20px;
}

/* COLUNA 2 */
#sidebar2 {
   float: right;
   width: 38%;      
	padding: 0px 30px 0px 0px;       /*    ?, right, ?, left */
	margin-top: 10px;                
}

#fieldset_sombra {
   /* CANTOS ARREDONDADOS - SERVE PARA QUALQUER COISA INCLUSIVE DIVs - CSS 3 - menos Internet Explorer 8 */
   border-radius: 1em;
   box-shadow: 10px 10px 16px rgba(0,0,0,0.6);           /* sombreamento */
   /* Navegadores Mozilla */
   -moz-border-radius: 1em;
   -moz-box-shadow: 10px 10px 16px rgba(0,0,0,0.6);      /* sombreamento */
   /* Navegadores WebKit (Safari, Google Chrome) */
   -webkit-border-radius: 1em;
   -webkit-box-shadow: 10px 10px 16px rgba(0,0,0,0.6);   /* sombreamento */
   /* border: 1px solid #ccc;  já está definida abaixo   */
   color: inherit;
   background-color: #eee;
   /* Fim da Rotina de Cantos Arredondados */
   border: 2px solid silver;
	padding: 4px 8px 4px 4px;
}


fieldset p {
   color: black;      
   background-color: inherit;
}


#table_sombra {
   /* CANTOS ARREDONDADOS - SERVE PARA QUALQUER COISA INCLUSIVE DIVs - CSS 3 - menos Internet Explorer 8 */
   border-radius: .5em;
   box-shadow: 10px 10px 16px rgba(0,0,0,0.6);           /* sombreamento */
   /* Navegadores Mozilla */
   -moz-border-radius: .5em;
   -moz-box-shadow: 10px 10px 16px rgba(0,0,0,0.6);      /* sombreamento */
   /* Navegadores WebKit (Safari, Google Chrome) */
   -webkit-border-radius: .5em;
   -webkit-box-shadow: 10px 10px 16px rgba(0,0,0,0.6);   /* sombreamento */
   /* border: 1px solid #ccc;        já está definida logo abaixo */
   color: inherit;
   background: #EEEEEE;
   /* Fim da Rotina de Cantos Arredondados */
   border: 1px solid #646464;
	padding: 4px 8px 4px 4px;
}


.sombra_h2 {
/*   filter:shadow(color=#7e7e7e,direction=135,enabled=10);   ou este ou as duas linhas abaixo!    Só funciona no IE */
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#aabbcc,strength=13, direction=310);  /* Só funciona no IE */ 
   filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135,strength=8);   /* Só funciona no IE */

   /* sombra para os Títulos : left top dimensão cor  */
   text-shadow: -2pt 2pt 4pt #7e7e7e;            /* só não funciona no IE */
   -webkit-box-shadow: 2tp 2pt 5pt #999;         /* só não funciona no IE */
	-moz-box-shadow: 2pt 2pt 5pt #999;            /* só não funciona no IE */
   /*	filter: shadow(Color=silver, Direction=135, Strength=9);   Exclusivo Para o Internet Explorer */
	/*  efeitos do strength e lightstrength
	     0 = Top
       45 = Top right
       90 = Right
      135 = Bottom right
      180 = Bottom
      225 = Bottom left
      270 = Left
      315 = Top left  
    */
    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
   font-weight: normal;
}






/* SOMBRA PARA OS BOXES DO INTERNET EXPLORER! */
.topo-dir {
   background:url(../images/topo-dir.jpg) 100% 0 no-repeat; 
   width: 25em;
}
.baixo-esq {
   background: url(../images/baixo-esq.jpg) 0 100% no-repeat;
}
.baixo-dir {
   background: url(../images/baixo-dir.jpg) 100% 100% no-repeat; 
   padding: 0 27px 27px 0;
}






.image { /* foto ao lado esquerdo do texto */
	float: left;
	margin: 0 9px 3px 0;
		
}

.imageright {  /* foto ao lado direito do texto */
   float: right;
   margin: 0 9px 3px 0; 
}

/* Footer */

#footer {
	background: url(../images/traco.gif) repeat-x left;
	width: 100%;   
   padding-top: 90px;
	padding-bottom: 10px;
}

#footer p {
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
}