/*

Theme Name: Compti 2009 2.0

Theme URI: http://www.renan.bulgueroni.net/

Description:  

Version: 2.0

Author: Renan Bulgueroni

Tags: gray, black, blue, orange

*/

@import "reset.css";

/* class para o fundo BG aparecer usando FLOAT \*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Estilização para os links externos */
* [rel~=external] { 
	color: #008000;
}


a:focus {
   outline: dotted #656565 1px;
}

.oculto { display: none; }

.skip{
position:absolute;
text-indent:-9999em;
width:0;
}

.alignleft{float:left;}
.alignright{float:right;}

.limite {
	width: 960px;
	margin: auto;
	position: relative;
}

html {
	font-size:1em; height: 100%;
}


html, body, #wrap-interna, body#compti, body#sustentacao, body#produtos, body#consultoria, body#parceiros, body#publicacoes {height: 100%;} /* rodapé fixo */

body {
	color:#555555; 
	margin:0px auto; 
	font:  62.5% Arial, Helvetica, sans-serif;                                
	}

body.home {
	 background: url(img/bg-home/rotate.php) no-repeat 90% 0% #111c2b; 
	  /*background: url(img/bg-home/5.jpg) no-repeat 90% 0% #111c2b; */
}

body#compti, body#sustentacao, body#produtos, body#consultoria, body#parceiros, body#publicacoes {
	background: #ebebeb; 
}

	
div#topo {
	position:relative;
	height: 100px;
	background: url(img/bg-topo.png) repeat-x;
	z-index:2;   /* z-index aqui e em .menuprincipal para o hover funcionar tb IE7 \*/
}

div#topo a.ingles {
	position:absolute;
	top:15px; left:882px;
	cursor:pointer;
	color:#8c8c8c;
	text-decoration:none;
	font-weight:bold;
}

div#topo a:hover.ingles  {
	cursor:pointer;
	color:#c1c1c1;
}

div#topo h1 a{
	float:left;
	margin-top:20px;
	width: 298px;
	height: 79px;
	background: url(img/logo.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

.menuprincipal{
	position:relative;
	float:right;
	/* position:absolute;
	top:50px; left:439px; */
	height: 49px;
	margin: 50px 0px 0px 0px;
	background: url(img/bg-menu-left.png) no-repeat left;
	padding-left:6px;
	z-index:1;
}

div#conteudo-home{
	width:322px;
	height: 600px;
	background: url(img/bg-conteudo-home.png) repeat;
}

div#wrap-interna {
	background: url(img/bg-conteudo-interna.gif) no-repeat 85% 10em #f5f5f5;
	position: relative; /* rodapé fixo */
	height: auto !important; height:100%; min-height: 100%;  /* min-height tb para IE6 */
}

div#conteudo-interna{
	width:960px;
	text-align: left;
	padding: 50px 0px;
	padding-bottom: 115px; /* rodapé fixo */
}

div#conteudo-interna a, div#conteudo-interna a:visited {
	color:#395da6;
	font-weight:bold;
	text-decoration:none;
}

div#conteudo-interna a:hover {
	color:#a7a142;
}

div#conteudo-home, div#conteudo-interna{
	float:left;
	display: inline; /* for IE Doubled Float-Margin Bug  -  para que o BUG do IE não duplique a margem*/
	font-size: 1.3em;
	text-align: justify;
	letter-spacing:-0.0em;
	word-spacing:-0.13em;
	line-height:1.3em;
}

div#rodape {
	height: 45px;
	font-size: 1.1em;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	background: url(img/bg-topo.png) repeat-x;
}

.rodape-bottom { /* rodapé fixo */
	position: absolute; bottom: 0; 
	width: 100%;
}

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

	INICIO - MENU

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

ul.menu {
	height: 49px;
	list-style:none;
	background: url(img/bg-menu-right.png) no-repeat right;
	padding-right:6px;
}

ul.menu li {
	height: 49px;
	float:left;
	background: url(img/bg-menu-div.png) no-repeat right #111c2b;
}

ul.menu li.backnone {
	background: none;
}

ul.menu li a{
	display:block;
	height: 25px;
	padding: 14px 10px 10px 10px;
	text-decoration:none; 
	color:#b6b6b6;
	font-size: 1.3em;  
	font-family: verdana, serif;
	text-align:left;
	cursor:pointer;
	font-weight:normal;
	letter-spacing: -0.02em;
} 

ul.menu li a:hover{
	background: url(img/bg-menu-hover.gif) no-repeat top center;
	color:#9f9c74;
} 


/* Botões */


ul.menu li a.bordaleft {
	padding-left:4px;
}

ul.menu li.semdiv {
	background:#111c2b;
}


/* Sinalização de navegação no menu (hover) */
#compti .bordaleft, #sustentacao .sustentacao, #produtos .produtos, #consultoria .consultoria, #parceiros .parceiros, #publicacoes .publicacoes {
	background: url(img/bg-menu-hover.gif) no-repeat top center;
	color:#9f9c74;
}


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

	FIM - MENU

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


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

	INICIO - SUBMENU 

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


ul.menu li ul{
	display: none; 
	width:200px;
	font-size:1.7em;
	border-bottom:none;
}

ul.submenu1 li, ul.submenu2 li, ul.submenu3 li {	
	border-bottom: none; 
	background: url(img/bg-submenu-div.png) no-repeat bottom center;
	width:200px;
	height:35px;
	display: block;
}

ul.submenu1 li a, ul.submenu2 li a, ul.submenu3 li a {
	float: left;
	width:190px;
	height:25px;
	color: #a9adb2;
	display: block;
	padding:10px 0px 0px 10px;
	font-size: 0.7em; 
	letter-spacing: 0em;
	background: url(img/bg-submenu.png) repeat; 
	z-index:3;
}

ul.submenu1 li a:hover, ul.submenu2 li a:hover, ul.submenu3 li a:hover {
	color:#b9b798;
	background: url(img/bg-submenu-hover.png) repeat ;
}

 ul.submenu1 li:hover, ul.submenu2 li:hover, ul.submenu3 li:hover {
	background: url(img/bg-submenu-div-hover.png) no-repeat bottom center;
} 

/* estilização para o último item do submenu*/

ul.submenu1 li.submenu-bottom, ul.submenu2 li.submenu-bottom, ul.submenu3 li.submenu-bottom {
	height:43px;
	background: url(img/bg-submenu-bottom.png) no-repeat bottom center;
}
				
/* posicionamento para navegar com o mouse*/

ul li:hover ul.submenu1, ul li.sfhover ul.submenu1 { 
	position: absolute;
	left: 0px; top:49px;	
	display:block;
}

ul li:hover ul.submenu2, ul li.sfhover ul.submenu2 { 
	position: absolute;
	left: 65px; top:49px;	
	display:block;
}

ul li:hover ul.submenu3, ul li.sfhover ul.submenu3 { 
	position: absolute;
	left: 253px; top:49px;		
	display:block;
}


/* hack para o firefox 3
ul li:hover ul.submenu3,x:default{ 
	left: 245px; top:49px;		
}

ul li.sfhover ul.submenu3,x:default { 
	position: absolute;
	left: 245px; top:49px;		
	display:block;
} */


/* posicionamento para navegar com o teclado*/

ul li ul.submenu1 { 
	position:absolute;
	left: 0px; top:49px;	
}

ul li ul.submenu2 { 
	position:absolute;
	left: 65px; top:49px;		
}

ul li ul.submenu3 { 
	position:absolute;
	left: 253px; top:49px;		
}

/* hack para o firefox 3

ul li ul.submenu3,x:default{ 
	left: 245px; top:49px;		
}*/

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

	FIM - SUBMENU 

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

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

	INICIO - HOME

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

#conteudo-home .bemvindo {
	width:278px;
	padding:70px 22px;
}

#conteudo-home .bemvindo ul{
	list-style-position: inside;
	list-style-type:disc;
}

#conteudo-home .bemvindo p, #conteudo-home .bemvindo ul li, #conteudo-home .bemvindo h2{
	padding-bottom: 15px;
}

h2 {
	color:#b97406;
	font-size: 1.35em; 
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: 0em;
	margin-bottom: 20px;
	background: url(img/titulo.png) no-repeat;
	padding:0px 0px 4px 20px;
}

h3 {
	color:#3c679f;
	font-size: 1.2em; 
	font-family: Verdana, Helvetica, sans-serif;
	margin-bottom: 10px;
}


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

	FIM - HOME

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

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

	INICIO - Conteúdo

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


#conteudo-interna h2 {
	color:#b97406;
	font-size: 1.55em; 
	font-family: Verdana, Helvetica, sans-serif;
	margin-bottom: 20px; 
}

#conteudo-interna .box1 {
	width:960px;
	margin: 20px 0px 0px 0px;
	float:left; 
}

#conteudo-interna .texto {
	width:480px;
	float:left; 
}

#conteudo-interna .texto p {
	padding-bottom: 10px;
}

#conteudo-interna img {
	float:right; 
}


/* Compti - Missão e Valores */
.valores {
	width:384px;
	background: url(img/valores-topo.jpg) no-repeat top center;
	margin: 40px 0px 0px 0px;
	padding-top:7px;
}


.texto .valores ul{
	list-style: inside url(img/checked-list.gif);
	color:#c1c1c1;
	background: url(img/valores-fim.jpg) no-repeat bottom #394656;
	padding-bottom:13px;
}

.texto .valores ul li{
	padding: 8px 0px 8px 10px;
	width:378px;
	background: url(img/valores-meio.jpg) repeat-y;
}


/* Compti - A Empresa */

#conteudo-interna .texto-empresa {
	width:600px;
	float:left; 
}

#conteudo-interna .texto-empresa p {
	padding-bottom: 26px;
}

#conteudo-interna img.empresa-img {
	padding-right:40px;
}


/* Compti - Contatos */

#conteudo-interna .texto-contato{
	width:390px;
	float:left; 
}

#conteudo-interna .texto-contato ul li a{
	font-size:0.9em;
}

#conteudo-interna .texto-contato address{
	text-decoration:none;
	font-style: normal; 
}

/* Corpo Diretivo */

.corpo-diretivo {
	float:left;
	width:960px;
}


/* Sustentação - Benefícios */


.sus-beneficios {
	width:600px;
	background: url(img/beneficios-topo.jpg) no-repeat top center;
	margin: 20px 0px 0px 0px;
	padding-top:7px; 
}

.sus-beneficios ul{
	width:600px;
	list-style: inside url(img/checked-list.gif);
	color:#c1c1c1;
	background: url(img/beneficios-fim.jpg) no-repeat bottom #394656;
	padding-bottom:13px; 
}

.sus-beneficios ul li{
	padding: 8px 30px 8px 10px; 
	width:570px;
	background: url(img/beneficios-meio.jpg) repeat-y;
}


/* Sustentação - Forma de contratação */


#conteudo-interna .texto-forma{
	width:850px;
	float:left; 
}

#conteudo-interna .texto-forma p {
	padding-bottom: 8px;
}

#conteudo-interna img.forma{
float:left;
margin: 30px 0px 30px 213px;
}



/* Sustentação - Metodologia */

#conteudo-interna img.metodologia{
float:left;
margin: 30px 0px 30px 176px;
}


/* Sustentação - Tecnologia */

#conteudo-interna img.tecnologia-img {
	padding-right:50px;
}

/* Produtos - Conceito */

#conteudo-interna img.produtos-img{
	padding-right:40px;
}


/* Consultoria */


#faq ul{
	width:600px;
	list-style: disc inside;
	margin-bottom:18px;
	padding-bottom:5px;
}

#faq li{
	padding: 8px 0px 3px 10px; 
	width:600px;
}


#faqRoot {	width:850px; float:left; }

#faq div{
border-bottom: dotted 1px #ccc;
}

#faq h3 {
font-size:1.1em;
}

#faq {float:left;width: 850px;margin: 0 auto;}
#faq {margin-bottom: 25px;}
#faq p {padding-bottom: 8px;}
#faq .faqcontent {margin: 0 10px 0 10px;font-size: 95%;}
#faq h3.faqopened, #faq h3.faqclosed {cursor: pointer; padding: 5px 0 20px 15px;margin-bottom: 0;}
#faq h3.faqclosed:hover {color: #a7a142;}
#faq h3.faqclosed {color: #395da6;background: transparent url(img/faq-collapsed.png) no-repeat scroll 0 10px;}
#faq h3.faqopened {color: black;background: transparent url(img/faq-expanded.png) no-repeat scroll 0 10px;}

/* #faqindex {float: right;width: 190px;}
#faqindex a, #faqindex a:visited {text-decoration: none;color: #666;}
#faqindex a:active, #faqindex a:hover {color: #000;border-bottom:dotted #ccc 1px;}
#faqindex ul {list-style-type: square;list-style-image: none;list-style-position: outside;padding-left:25px;line-height: 18px;margin-top: 5px;font-size:80%;}
#faqindex ul li {color:#666666;white-space:nowrap;}
#faqindex h3 {padding: 0;margin-bottom: 0;border-bottom: dotted 1px #ccc;color: #666666;} */



/* Compti - Parceiros */

#conteudo-interna .texto-parceiros {
	width:960px;
	float:left; 
}

#conteudo-interna .texto-parceiros p {
	padding-bottom: 26px;
}

#conteudo-interna img.parceiros-img {
	float:left;
	margin-right:20px;
	border:solid 2px #b1b1b1;
}

#conteudo-interna img.parceiros-img:hover {
	border:solid 2px #958f4e;
}


/* Compti - Publicações */

#conteudo-interna .publicacoes-geral{
	height: 350px;
	width:900px;
	overflow:auto; 
}



.publicacoes-geral h4{
	padding-top:10px;
}

.publicacoes-geral hr{
	border-bottom: #e0e0e0 solid 1px;
	margin-bottom:10px;
}

.publicacoes-geral a.leia-mais{
	float:right;
	text-align: right;
}




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

	FIM - Conteúdo

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

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

	Início- Rodapé

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



#rodape address {
	float:left;
	margin-left:8px;
	text-decoration:none;
	font-style: normal; 
}

#rodape a{
	color:#9f9c74;
	cursor:pointer;
	font-size: 1.10em; 
	text-decoration:none;
}

#rodape a:hover{
	color:#b6b6b6;
}

#rodape ul{
	padding-top:10px;
	float:right;
}

#rodape ul li{
	float:right;
	height:15px;
	display:block;
	clear:both;
	text-align:right;
}

#rodape ul li.twitter{
	margin-top:4px;
	padding-left:15px;
	background: url(img/twitter.png) no-repeat left;
}


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

	FIM - Rodapé

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

.crumbs {
	height:22px;  
	background: url(img/bg-crumbs.png) repeat;
}

.crumbs ul {
	position:absolute;
	top:0;  left: 0px;
	color:#484a4c;
	font-size:1.1em;
	padding-left:0px;
	font-weight:bold;
	float:left;
	z-index:3;
}

.crumbs ul li{
	float:left;
	line-height:2.0em;
	padding:0px 8px 0px 0px;
}

.crumbs ul li a{
	color:#484a4c;
	text-decoration:none;
}

.crumbs ul li a:hover{
	color:#205392;
}

.crumbs ul li a.ativo{
	color:#205392;
}


/* assinatura de desenvolvimento */

.rbulgueroni {
	color:#cacaca;
	margin-right:0px;
	font-size:0.9em;
	background-color:#111c2b;
	height: 16px;
	line-height:1em;
	width:100%;
	padding-top:5px;
}

.rbulgueroni p{
	float:right;
}

.rbulgueroni a{
	color:#629e52;
	text-decoration:none;
}





/* SLIDESHOW - Corpor Diretivo e Publicações*/

#slideshow {  
width: 765px;  
float:left; 
margin-top:40px;
}  

#slideshow-publicacoes {  
width: 960px;  
float:left; 
margin-top:40px;
}  
  
#slideshow ul, #slideshow-publicacoes ul {  
margin: 0;  
padding: 0;  
list-style-type: none;  
height: 1%; /* IE fix */
}  
  
#slideshow ul:after, #slideshow-publicacoes ul:after {  
content: ".";  
clear: both;  
display: block;  
height: 0;  
visibility: hidden;}              
  
/* SLIDESHOW > SLIDES  */  

#slideshow .slides {  
overflow: hidden;  
width: 764px;
background-color:#c1cccc;
border-right: solid 1px #9e9e9e;
border-bottom:solid 1px #9e9e9e;
}  

#slideshow-publicacoes .slides {  
overflow: hidden;  
width: 958px;
background-color:#c1cccc;
border-right: solid 1px #9e9e9e;
border-bottom:solid 1px #9e9e9e;
}  
  
#slideshow .slides ul, #slideshow-publicacoes .slides ul {  
/* total width of all slides - 
960px multiplied by 3 in this case */  
width: 2295px; 
}  
  
#slideshow .slides li {  
width: 725px;  
float: left;  
padding: 20px;
}  

#slideshow-publicacoes .slides li {  
width: 920px;  
float: left;  
padding: 20px;
}  
  
#slideshow .slides h4, #slideshow-publicacoes .slides h4 {
	color:#3e5b82;
	margin-top: 0;
	padding-bottom:10px;
	line-height:1em;
}  

#slideshow .slides h4 em, #slideshow-publicacoes .slides h4 em {  
	font-size:0.8em;
	font-weight:normal;
	font-style:normal;
}  


#slideshow .slides p, #slideshow-publicacoes .slides p {
	padding-bottom:10px;
}
  
/* SLIDESHOW > NAVIGATION */ 

#slideshow .slides-nav, #slideshow-publicacoes .slides-nav {  
/*background-color: #3a4758;  
border-top: 2px solid #3a4758;
font-family:verdana;*/
	float:left;
	width:456px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	height:55px;
}  
  
#slideshow .slides-nav li, #slideshow-publicacoes .slides-nav li {  
float: left;
width:144px;
margin-right:8px;
}  
  
#slideshow .slides-nav li a, #slideshow-publicacoes .slides-nav li a {  
display: block;  
width:104px;
padding: 15px 20px;  
outline: none;
color:#e5e5e5;height:55px;
}  


#slideshow .slides-nav li a.aba1 {  
	background: url(img/corpodiretivo-aba1.gif) no-repeat;
}  

#slideshow .slides-nav li a.aba2 {  
	background: url(img/corpodiretivo-aba2.gif) no-repeat;
}  

#slideshow .slides-nav li a.aba3 {  
	background: url(img/corpodiretivo-aba3.gif) no-repeat;
}  

#slideshow .slides-nav li a.aba1:hover, #slideshow .slides-nav li a.aba2:hover, #slideshow .slides-nav li a.aba3:hover {  
	background-position: 0 -61px;
}  


/* Abas da página PUBLICAÇÕES */

#slideshow-publicacoes .slides-nav li a.aba1-publicacoes {  
	background: url(img/publicacoes-aba1.gif) no-repeat;
}  

#slideshow-publicacoes .slides-nav li a.aba2-publicacoes {  
	background: url(img/publicacoes-aba2.gif) no-repeat;
}  

#slideshow-publicacoes .slides-nav li a.aba3-publicacoes {  
	background: url(img/publicacoes-aba3.gif) no-repeat;
} 

#slideshow-publicacoes .slides-nav li a.aba1-publicacoes:hover, #slideshow-publicacoes .slides-nav li a.aba2-publicacoes:hover, #slideshow-publicacoes .slides-nav li a.aba3-publicacoes:hover {  
	background-position: 0 -61px;
}  

  

.js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a, .js #slideshow-publicacoes .slides-nav li.on, .js #slideshow-publicacoes .slides-nav li.on a {
 background-position: 0 -61px;}

.js #slideshow .slides-nav li.on a {
position: relative;;}


span.pdf a{
	float:right;
	width:114px;
	height:36px;
	margin-top:10px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	background: url(img/interna-corpodiretivo-pdf.gif) no-repeat;
}

span.pdf a:hover{
background-position: 0 -36px;
}