@charset "UTF-8";
/* CSS Document */

/************************************
Refinaria Design
Criado em: Outubro/2009                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* { margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }

body {	background: #fff; color: #999999; 
      	font: 11px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif; }

.desktop {	min-height: 100%; height: auto !important; height: 100%; width: 100%; overflow: hidden; }

:focus { outline: none; }

/************************************
	CLASSES
************************************/
 
	.space { height: 1px; background: #ededed; margin: 10px 0;  }
	.cor_fdb928 { color: #fdb928; }
	
	.float_left { float: left; }
	.float_right { float: right; }
	.clear { clear: both; }
	.align_right { text-align: right;}
	
	p { line-height: 16px; }
	a { color: #7db928; }
	a:hover { color: #999; text-decoration: none; }
	
	.bgteste { background: #ccc;}
	
/************************************
	ESTRUTURA 
************************************/

.desktop { min-width: 982px; width: auto !important; width: 982px; }
	
.content { min-height: 400px; height: auto !important; height: 400px;
	       overflow: hidden; background: #fff; }

.meio { margin: 0 auto; width: 982px; }
	
/* HEADER */
.header { width: 100%; height: 61px; border-bottom: 1px solid #dddddd; 
          position: relative; z-index: 99999; }
.header .logo { float: left; margin-top: 9px; }
    
/************************************
	MENU 
************************************/

    .menu { width: 300px; height: 0; float: right; margin-top: 23px; }
    
    #nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }

    #nav a { background: #fff; display: block; padding: 5px 15px; color: #003763; text-decoration: none; }
    
    #nav a.portfolio { background: url(../imgs/menu_portfolio.gif) no-repeat; width:83px; height: 22px; padding-bottom: 11px; display: block; }
    #nav a.sobre_nos { background: url(../imgs/menu_sobre_nos.gif) no-repeat; width: 82px; height: 22px; padding-bottom: 11px; display: block; }
    #nav a.fale_conosco   { background: url(../imgs/menu_contato.gif) no-repeat; width: 45px; height: 22px; padding-bottom: 11px; display: block; }
    
    #nav a.portfolio:hover, 
    #nav a.sobre_nos:hover,
    #nav a.fale_conosco:hover  { background-position: left -39px; }
    
    
    #nav a span { display: none; }
    #nav a:hover{ background-color: #fff; color: #333; }

    #nav li { float:left; position:relative; }
    #nav li ul li {	clear: both; }

    #nav ul {
        position: absolute; display: none; 
        border-left: 1px solid #cccccc; 
        border-right: 1px solid #cccccc; 
        border-bottom: 1px solid #cccccc; 
    }

    #nav li ul a {
        width: 150px; height: auto; float: left; 
        background: #ffffff url(../imgs/sub_bullet.gif) 5px 10px no-repeat; 
        padding-left: 20px; color: #999999; 
        border-bottom: 1px solid #e5e5e5; 
    }

    #nav li ul a:hover {
        background: #fcfcfc url(../imgs/sub_bullet_over.gif) 5px 10px no-repeat;
        width: 150px; height:auto; float:left; 
    }

    #nav li ul li ul a { width: 155px; height:auto; float:left; background: #194562; color: #fff; }
    #nav li ul li ul a:hover { width: 155px; height:auto; float:left; background: #fff; color: #194562; }

    #nav ul ul { top:auto; border: 1px solid #194562; }	
    #nav li ul ul { left: 175px; margin:0px 0 0 10px; }

    #nav li:hover ul ul,
    #nav li:hover ul ul ul,
    #nav li:hover ul ul ul ul { display:none; }

    #nav li:hover ul, 
    #nav li li:hover ul, 
    #nav li li li:hover ul, 
    #nav li li li li:hover ul { display:block; }

    #nav span { display:block; padding:5px 15px; color:#003763; 
                background:#fff; cursor: pointer; }
    
/**** submenu *****/

    ul.sub { margin: 0; padding: 7px 0 0 0; list-style-type: none; list-style-position: outside; }

    ul.sub a { display: block; padding: 5px 15px; color: #003763; text-decoration: none; }
    ul.sub a span { display: none; }
    ul.sub a:hover{ background-color: #fff; color: #333; }

    ul.sub li { float: left; position: relative; }
    ul.sub li a { height: auto; float: left; 
                  background: url(../imgs/sub_bullet.gif) 5px 10px no-repeat; 
                  padding-left: 20px; color: #999999; }
    ul.sub li a:hover { background: url(../imgs/sub_bullet_over.gif) 5px 10px no-repeat; }
    
    ul.sub li.titulo { color: #fdb928; font-size: 14px; padding: 3px 8px 3px 0; border-right: solid 1px #ccc;  } 
    ul.sub li.descricao { padding: 3px 8px 3px 10px; }
    
/* body active */ 
    #nav a.portfolio.active, 
    #nav a.sobre_nos.active,
    #nav a.fale_conosco.active { background-position: left -39px; }
   
    ul.sub li a.active { background: url(../imgs/sub_bullet_over.gif) 5px 10px no-repeat;color: #333;  /* font-weight: bold; */ cursor: normal;  }

/************************************
	HOME 
************************************/
  
.home { width: 100%; margin: 0; padding-top: 0;  background: url(../imgs/bg_gradiente.gif) repeat-x; }
.home .meio { width: 982px; margin: 0 auto; }
.home .meio #destaque p { text-align: center; padding-top: 120px; line-height: 22px; font-size: 14px; }

/************************************
	INTERNAS 
************************************/

.internas .destaques  { width: 100%; height: 35px; background: url(../imgs/bg_menu_interno.gif) repeat-x; 
                        border-bottom: solid 1px #ededed; margin-bottom: 10px; }
    
.internas .destaques .meio  { width: 982px; margin: 0 auto; }

.internas .estrutura { width: 982px; min-height: 350px; height: auto !important; height: 350px; 
                       margin: 10px auto; padding-bottom: 10px; }

.internas .estrutura p { padding-bottom: 10px; }
.internas .estrutura a { color: #fdb928; }
.internas .estrutura a:hover { text-decoration: underline; }

/* inicio sobre nos */

.tam686 { width: 675px; padding-right: 10px; border-right: solid 1px #ededed; }
.tam686 .equipe img { width: 180px; float: left; border: solid 1px #ededed; }
.tam686 .equipe .descricao { float: left; width: 475px; margin-left: 15px; }
.tam686 .equipe .descricao span.nome  { font-size: 14px; font-weight: bold; }
.tam686 .equipe .descricao span.cargo { font-size: 11px; }
.tam686 .equipe .descricao span.email { margin: 10px 0; display: block; }

.tam296 { width: 276px; padding-left: 10px; text-align: center; }
.tam296 img { margin-bottom: 10px; border: solid 1px #ededed;   }

/* fim sobre nos */

/* inicio portfolio interna */
.tam600 { width: 580px; border-right: solid 1px #ededed; padding: 2px 0; text-align: center; position: relative; }
.tam600 img { width: 500px; height: 375px; display: inline-block; }
.tam600 .img_projeto { position: absolute; bottom: 0; right: -397px; width: 372px; }
.tam600 .img_projeto img { float: left; margin: 14px 7px 0 7px; border: solid 2px #ededed; width: 75px; height: 56px;   }
.tam600 .carrega { height: 375px;  }

.tam382 {  width: 372px; padding-left: 10px;}
.tam382 img { float: right; margin: 0 10px 15px 10px; border: solid 1px #ededed;  }
.tam382 h3 { color: #fdb928; font-size: 20px; text-transform: uppercase;  }
.tam382 p.descricao { font-size: 14px;  color: #bcbcbc; }

.tam382 a.back { height: auto; font-size: 12px; font-variant: small-caps; 
                 padding-left: 10px; margin-bottom: 15px;  display: block; 
                 background: url(../imgs/bullet_back.gif) left 5px no-repeat; color: #999999; }
.tam382 a.back:hover { color: #333333; background: url(../imgs/bullet_back_over.gif) left 5px no-repeat; text-decoration: none; }

/* fim portfolio interna */

.map { float: left; width: 580px; padding-left: 10px; border-left: solid 1px #ededed; text-align: center; float: right;}
.contato { float: left; min-height: 300px; height: auto !important; height: 300px; width: 372px; padding-left: 10px; }

	
/************************************
	FOOTER 
************************************/

.footer { width: 100%; height: 70px; padding: 12px 0; font-size: 11px; 
          background: url(../imgs/bg_gradiente.gif) repeat-x; border-top: 1px solid #dddddd; }
	
	.footer .meio { width: 982px; margin: 0 auto;  }
    .footer .meio a { color: #999999; }
    .footer .meio a:hover { text-decoration: underline; }
    	
	.footer .meio .creditos, 
	.footer .meio .links, 
	.footer .meio .twitter, 
	.footer .meio .endereco { float: left; width: 491px; margin-bottom: 10px; }
	.footer .meio .creditos a.zonainternet { color: #999999; }
	
	.footer .meio .links { float: left; width: 491px;  color: #7db928; }
	.footer .meio .links a { padding: 5px; }
	
	.footer .meio .twitter p { float: right;}
	.footer .meio .twitter a { padding: 1px 0 0 5px; float: right;}
	
	.spacer_footer { float: left; background: #ffffff; height: 6px; width: 982px; margin-bottom: 10px; }
	
/************************************
	FORMULÁRIOS 
************************************/

.asterisk { color: #ff0033; font-weight: bold; }

label { display: block; float: left; width: 75px;  text-align: left; clear: left; margin: 8px 5px 3px 0; }

fieldset { margin-bottom: 10px; }

.campoSelect  
{
    font-size: 11px; float: left;
    background-color: #f8f8f8; 
    border: 1px solid #999999; 
    width: 278px; height: 27px;  padding: 5px 2px;
    margin-bottom: 10px; color: #666666; 
}
.campo  	
{
    font-size: 11px; float: left;
    background-color: #f8f8f8;
	border: 1px solid #999999; padding: 6px 2px 2px 2px;
	width: 272px; height: 20px;
	color: #666666; 
}
.textarea  	
{
    font-size: 11px; float: left;
    background-color: #f8f8f8;
	border: 1px solid #999999;
	width: 272px; height: 100px; 
	padding: 2px; font-size: 11px; color: #666666;
}
.enviar { float: right; margin: 10px 14px 0 0; padding: 5px 10px; font-size: 11px; 
          background-color: #fdb928; color: #ffffff; 
          font-weight: bold; border: 1px solid #999999; }
          
.internas .estrutura .ver_mapa { float: right; margin: 10px 0; padding: 5px 10px; font-size: 11px; 
          background-color: #ccc; color: #ffffff; display: block; 
          font-weight: bold; border: 1px solid #999999; }          
.internas .estrutura .ver_mapa:hover { text-decoration: none; }