/* * * * * * * * * * * * * *
 * RESET                   *
 * * * * * * * * * * * * * */

*
{
    margin:0;
    padding:0;
    outline:0;
    font-size:100%;
    font-family:Tahoma, Arial, Verdana, sans-serif;
}

a
{
    color:#000;
    font-family:Tahoma;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

a.gotoContent
{
    display:none;
}

body
{
    font-size:12px;
}

ol, ul
{
    list-style:none;
}

img, fieldset
{
    border:medium none;
}

/* * * * * * * * * * * * * *
 * HEADER                  *
 * * * * * * * * * * * * * */

#englobaH
{
    
}

#header
{
    width:960px;
    margin:0 auto;
    display:table;
}

#barra_header
{
    background:#FFD62F;
}

.legenda_header
{
    padding-left:10px;
    padding-top:8px;
    vertical-align:middle;
    font-weight:bold;
    font-size:10px;
    color:#666;
}

#header h1 a
{
     background:url(../img/mira_logo.gif) no-repeat left top; 
    /* background:url(../img/mira_logo_natal.jpg) no-repeat left top; */
    width:230px;
     height:64px; 
   /* height:146px; */
    display:block;
    text-indent:-999em;
    overflow:hidden;
    float:left;
    margin-left:5px;
}

#header .logo_natal
{
    background:url(../img/mira_logo_natal.jpg) no-repeat left top;
    width:230px;
    height:146px;
}

.identidade_visual
{
    float:right;
}

/* * * * * * * * * * * * * *
 * CONTEÚDO                *
 * * * * * * * * * * * * * */

#englobaC
{
    width:960px;
    margin:0 auto;
    display:table;
    margin-bottom:20px;
}

#coluna
{
    width:940px;
    margin:10px;
}

#colunaA
{
    float:left;
    width:400px;
    margin:10px;
}

#colunaB
{
    float:left;
    width:520px;
    margin:10px;
}

h2
{
    clear:both;
    background:#C0C0C0;
    color:#666;
    padding: 2px 10px;
    margin-bottom:10px;
}

h2 a
{
    color:#666;
}

h3
{
    font-size:18px;
    font-weight:bold;
    color:#666;
    margin-top:10px;
    margin-bottom:5px;
    background: transparent url('../img/mira_icon.gif') no-repeat left center;
    padding-left:20px;
    clear:both;
}

h3 a
{
    color:#666;
}

h4
{
    font-size:12px;
    font-weight:bold;
    color:#666;
    margin-bottom:2px;
}

h4 a
{
    color:#666;
}

.gray_box
{
    background:#C0C0C0;
    color:#666;
    display:table;
    margin-bottom:10px;
    width:100%;
}

.white_box
{
    display:table;
    margin-bottom:10px;
    width:100%;
}

#menu li.title
{
    font-weight:bold;
    font-size:11px;
}

#menu li
{
    margin-bottom: 3px;
    font-size:11px;
}

#menu, #submenu a
{
    color:#666;

}

#submenu li
{
    font-size:12px;
    font-weight:bold;
    margin:10px;
    list-style-type:disc;
    list-style-position:inside;
}

#info
{
    color:#666;
    font-size:16px;
    margin-left:20px;
    margin-bottom:5px;
}

#borda_info
{
    color:#666;
    font-size:16px;
    margin-left:20px;
    margin-bottom:5px;
    padding:5px;
    border:1px solid #CCC;
}

#numbered li
{
    color:#666;
    font-size:14px;
    margin-left:20px;
    margin-bottom:5px;
    list-style-type:decimal-leading-zero;
    list-style-position:inside;
}

#form_tracking
{
    float:right;
    width:200px;
    height:70px;
    margin:12px 5px;
}

#form_tracking label
{
    float:left;
    width:40px;
    padding-top:4px;
}

#form_tracking input
{
    float:left;
    font-size:12px;
    height:15px;
    width:137px;
    margin:2px;
}

#form_tracking input.submit
{
    font-size:12px;
    height:18px;
    width:40px;
    border:1px solid grey;
    background:white;
}

.form_field
{
    display:table;
}

ul.links
{
    width:190px;
}

li.links
{
    margin:10px;
    text-align:center;
}

li.noticias
{
    display:table;
    margin-bottom:5px;
    padding-bottom:5px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:#C0C0C0 1px solid;
    width:100%;
}

.foto_left
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.foto_right
{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.foto_center
{
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    text-align:center;
}

.texto
{
    font-size:12px;
    color:#666;
    text-align:justify;
}

.leia_mais
{
    text-decoration:underline;
}

.center
{
    text-align:center;
}

#pop_in
{
    display:none;
    width:928px;
    background:#B9C37A;
    color:#006600;
    border:#006600 2px solid;
    margin:0 auto;
    margin-top:10px;
    font-size: 16px;
}

#pop_in .content
{
    margin:10px;
    text-align: justify;
}

#pop_in .fechar
{
    float:right;
    color:#B9C37A;
    background-color: #006600;
    font-size:12px;
    font-weight:normal;
    padding:3px;
    margin: 0 0 10px 10px
}

/* * * * * * * * * * * * * *
 * FILIAIS                 *
 * * * * * * * * * * * * * */

#filiais h2.regiao
{
    background:#D0D0D0;
}

#filiais h2.estado
{
    background:#E0E0E0;
}

#filiais ul
{
    display:table;
    clear:both;
    margin-bottom:10px;
}

#filiais li.filial
{
    display:table;
    float:left;
    width:450px;
    height:120px;
    margin:5px;
    padding:5px;
    background-color:#F0F0F0;
    /*border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:#C0C0C0 1px solid;*/
}

/* * * * * * * * * * * * * *
 * RODAPÉ                  *
 * * * * * * * * * * * * * */

#englobaF
{
    
}

#barra_footer
{
    background:#FFD62F;
}

#footer
{
    width:960px;
    height:180px;
    margin:0 auto;
    display:table;
}

#menu
{
    display:block;
    float:left;
    margin:10px;
    color:#666;
}

.mapa_geral
{
    margin:10px;
    float:left;
}

.sp_mais
{
    margin-top:3px;
}

#endereco_rodape
{
    color:#666;
    margin:10px;
}

#endereco_rodape a
{
    color:#666;
}

.email_rodape
{
    font-size:14px;
    font-weight:bold;
}

.placa_rodape
{
    float:right;
    margin-top:18px;
}

a.developer
{
    text-align:right;
    font-size:10px;
    display:block;
    color:#666;
}

/*********************
* Página Ipê Amarelo *
*********************/

#ipe
{
	padding:10px;
	display:table;
	width:940px;
    background: #7AA0E0 url('../img/ipe_fundo.jpg') no-repeat left bottom;
}

#ipe .novo
{
	heigh:600px;
}

#ipe span, #ipe div, #ipe p, #ipe a
{
	color:white;
	font-weight:normal;
}

#ipe h2
{
	color:white;
	font-size:30px;
	font-weight:bold;
	background-color:transparent;
}

#ipe .introducao
{
	float:left;
	width:360px;
	height:825px;
	display:table;
	font-size:12px;
	font-weight:bold;
}

#ipe .detalhe
{
	font-size:16px;
	margin-top:50px;
	display:block;
}

#ipe .tubete
{
	float:right;
	margin:5px;
	margin-top:80px;
}

#ipe .novo_ipe
{
	width:312px;
	height:62px;
	text-indent:-999em;
	display:block;
	margin: 0 auto;
	background: url('../img/botao_ipe.jpg') no-repeat left top;
}

#ipe .fotos
{
	text-align:center;
	float:right;
	width:570px;
	margin-bottom:180px;
}

#ipe .foto
{
	width:180px;
	height:180px;
	float:left;
	padding-left:5px;
}

#ipe .outrasfotos
{
	
}

#ipe .miniaturas
{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

#ipe .legenda_nome
{
	font-size:11px;
}

#ipe .legenda_empresa
{
	color:#5A451D;
	font-size:11px;
	font-weight:bold;
}

#ipe .legenda_quantidade
{
	color:#DDD;
	font-size:9px;
}


#ipe #info
{
	position:absolute;
	width:600px;
	height:400px;
	color:black;
	background-color:#5183D7;
	z-index: 10;
	padding:5px;
	border:1px solid #000;
	margin:20px;
	margin-left:-50px;
	text-align:left;
}

#ipe #info .foto
{
	width:300px;
	height:300px;
	border:1px solid black;
	background-color:black;
	text-align:center;
	margin:5px;
}

#ipe #info p
{
	font-size:14px;
	font-weight:bold;
}

#ipe #info .empresa
{
	font-size:14px;
	font-weight:bold;
	color:#5A451D;	
}

#ipe .form
{
	margin-bottom:390px;
}

#ipe label
{
	width:150px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	display:inline-table;
	margin:3px;
	margin-right:10px;
}

#ipe .error-message
{
	margin-left:150px;
	color:yellow;
}

/*********************
* Trabalhe Conosco   *
*********************/

#curriculo label {
    margin:5px;
    width:130px;
    display: inline-block;
    text-align: right;
}

#curriculo input, select {
    font-size:12px;
    width:200px;
    padding:2px;
}

#curriculo textarea {
    font-size:12px;
    width:400px;
    height:200px;
    padding:2px;
    vertical-align:top;
}