/*Copyright (c) 2010, Jonas Cruz Inc. All rights reserved.
version: 1.0
this is paris.css */

/*----------------------------------- Hacks - START --------------------------------------
-------------------------------------------------------------------------------------------*/

.clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
    display: block;
}
* html .clearfix {
    height: 1%; /* IE5-6 */
}
/*----------------------------------- Hacks - END --------------------------------------
-------------------------------------------------------------------------------------------*/
/*----------------------------------- Tipografia - Start -----------------------------------
-------------------------------------------------------------------------------------------*/

h1, h2, h3 { 
    color:  #327b85;
    margin: 0px;
}

div#doc #bd p a,
{ font-size: 100%; text-decoration: none; font-weight:bold; color: #000000;  }

div#doc #bd p a:link,
{ font-size: 100%; text-decoration: none; font-weight:bold; color: #327b85  }

div#doc #bd p a:visited
{ font-size: 100%; text-decoration: none; font-weight:bold; color: #000000;  }




/*----------------------------------- Tipografia - END -----------------------------------
-------------------------------------------------------------------------------------------*/

 
 /*----------------------------------- OVERRIDE - START  -----------------------------------
-------------------------------------------------------------------------------------------*/

* { outline: none;}
a, a:link, a:visited { text-decoration:none; font-weight:bold; color: #000000; }
div#bd table tr td { border: none;  }
/*----------------------------------- OVERRIDE - END  ------------------------------------
-------------------------------------------------------------------------------------------*/

/*----------------------------------- Estrutural - START ---------------------------------
-------------------------------------------------------------------------------------------*/
html { background: #dddddd;
	background-image: url("http://www.construtoracmx.com.br/imagem/fundo.gif");
    background-position: center top;
    background-repeat: no-repeat; } 
body { 
	
	font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
	line-height: 130%;
	color: #0a0a0a;
}

#doc {
    width: 960px;
    height: 100%;
    margin: 0 auto;
	background-color: #000000;
    text-align: left;
}

div#doc #hd {
	background: #ffffff;
   }
   
div#doc #hd #logo {
    width: 960px;
    height: 140px;
    float:left;
    background: url('../imagem/logo.jpg') no-repeat;
} 

div#doc #bd { 
	background: #ffffff;
	overflow: hidden;
	float: left;
	width: 960px;
}

  
div#doc #bd #esq_foto {
    width: 345px;
    height: 310px;
    float:left;
   
} 

div#doc #bd #dir { 
    max-width: 550px;
    float:left;
    height: 100%;
    padding: 30px;

}




#slider {
    position:relative;
    width: 345px; /* Change this to your images width */
    height: 310px; /* Change this to your images height */
    background:url(../imagem/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}


div#doc #bd #dir b{ 
    color:#153798;

}



/*----------------------------------- INTERNAS - Start -----------------------------------
-------------------------------------------------------------------------------------------*/
#bd #tabela { 
    background-color: #FFFFFF;
    border: 1px solid;
    font-size: 0.9em;
    margin: 30px;
    text-align: center;
    width: 900px;
}
#bd #tabela td { 
	border: 1px solid;
}
#bd #tabela p { 
	
	margin-bottom: 0px;
}

#bd .tabela-tit { 
	font-weight: bold;
	background-color: #0b70b9;
	color: #ffffff;
	
}
#bd #itabela{
	width: 900px;
    margin: 30px 0px 30px 30px;
   
    border: none;
}
div#doc html{
	background-color: #ffffff;
}
div#doc #bd #contato { 
    width: 290px;
    float:left;
    height: 100%;
    padding: 30px 0 0 20px;
}
   

div#doc #bd #mapa { 
    width: 450px;
    float:left;
    
}

div#doc #bd #esq {
    width: 420px;
    float:left;
    padding: 30px;	
   
} 
div#doc #bd #dir_foto {
    width: 480px;
    height: 320px;
    float:left;
   
} 

div#doc #bd #social { 
    width: 420px;
    float:left;
    padding-left: 30px;
}


div#doc #bd #parceiros {
    float: left;
    height: 100%;

}

/*----------------------------------- Footer - Start -----------------------------------
-------------------------------------------------------------------------------------------*/
div#doc #ft {
    background: #ffcb08;
    height: 32px;
	text-align: center;
	color: #153798;
	font-size: 85%;
	float:left;
	width: 960px;

}

div#doc #ft #ft_left {
	float:left;
	margin-top: 7px;
	padding-left: 375px;
	
}
 
 div#doc #ft #ft_right {
	float: right;
	padding-right: 20px;

}

div#doc #ft   a, 
div#doc #ft   a:link,
div#doc #ft   a:visited{ 
font-size: 100%; text-decoration: none; font-weight: normal; color: #153798;  }


 

div#doc #ft #curtir{
	height: 20px;
	width: auto;
   padding-left: 20px;
   float: left;
   margin-top: 6px;
   } 


div#doc #ft #curtir #fb_fan { 
	width: 20px;
	float: left;
	padding-right: 20px;
}
 
	.fb-like {
		float: left;
	}
 
 /*----------------------------------- MENU - START  -----------------------------------
-------------------------------------------------------------------------------------------*/

OL, UL, LI
{
	list-style: none;
}

#main-nav{
	width:592px;
	height:32px;
	float: left;
	padding-left: 368px;
	background-color: #ffcb08;
}

 #main-nav UL LI
{
	float: left;
}
 
/*menu-styling ] on / hover states [*/

#tp-m{
	margin: 0px;
}

ul li {
    list-style: none;
}
#main-nav UL LI A
{
	background: transparent url('../imagem/menu.gif') repeat scroll 0 0;
	height: 30px;
	text-decoration: none;
	display: block;
}
#main-nav UL LI A.home{
	width: 57px;
	background-position: -1px 2px;
	text-indent: -99999em;
}
#main-nav UL LI A.home:hover{
	background-position: -1px -23px;
}

#main-nav UL LI A.atuacao{
	width: 142px;
	background-position: -57px 2px;
	text-indent: -99999em;
}
#main-nav UL LI A.atuacao:hover{
	background-position: -57px -23px;
}

#main-nav UL LI A.equipamentos{
	width: 125px;
	background-position: -200px 2px;
	text-indent: -99999em;
}
#main-nav UL LI A.equipamentos:hover{
	background-position: -200px -23px;
}

#main-nav UL LI A.vendas{
	width: 73px;
	background-position: -324px 2px;
	text-indent: -99999em;
}
#main-nav UL LI A.vendas:hover{
	background-position: -324px -23px;
}
#main-nav UL LI A.parceiros{
	width: 95px;
	background-position: -396px 2px;
	text-indent: -99999em;
}
#main-nav UL LI A.parceiros:hover{
	background-position: -396px -23px;
}

#main-nav UL LI A.contato{
	width: 79px;
	background-position: -491px 2px;
	text-indent: -99999em;
}
#main-nav UL LI A.contato:hover{
	background-position: -491px -23px;
}

/*Active state ] i have only defined  styles for home, product links [*/
#main-nav UL LI.selected A.home
{
	background-position: -1px -46px;
}

#main-nav UL LI.selected A.atuacao
{
	background-position: -57px -46px;
}

#main-nav UL LI.selected A.equipamentos
{
	background-position: -200px -46px;
}

#main-nav UL LI.selected A.vendas
{
	background-position: -324px -46px;
}

#main-nav UL LI.selected A.parceiros
{
	background-position: -396px -46px;
}
#main-nav UL LI.selected A.contato
{
	background-position: -491px -46px;
}
/*Sub nav Menu div*/
#main-nav UL LI UL
{
	background: #ffffff none no-repeat top;
	width: 120px;
	position: absolute;
	border-left: 1px  solid #C1C1C1;
	border-bottom: 1px  solid #C1C1C1;
	border-top: none;
	clear: both;
	overflow: hidden;
	margin-left: -1px;
	margin-top: -1px;
	display: none;
	z-index: 99;
}
#main-nav UL LI UL LI{

	padding-bottom: 5px;
	padding-top: 0;
}
#main-nav UL LI UL LI A
{
	background: none;
	padding-bottom: 10px !important;
	height: 0;
	margin-top: 12px;
	font-weight: normal;
}
#main-nav UL LI UL LI.alternate
{
	background-color: #ffffff;
}
#main-nav UL LI UL IMG
{
	border: 2px solid #CFCFCF;
}
#topNav UL LI UL .one
{
}
.one IMG
{
	margin: 15px 5px 5px 12px;
	float: left;
}
.one H3
{
	margin-left: 15px;
	width: 120px;
	font: 12px Trebuchet MS, Arial, Verdana, sans-serif;
	font-weight: normal;
	float: left;
}
.one P
{
	padding-bottom: 5px;
	float: left;
	width: 312px;
	margin-top: 5px;
}
.one A
{
	text-decoration: none;
	color: #3D89A6;
}
.one A:hover
{
	color: #021F2B;
}




/*----------------------------------- RIGHT - Start ----------------------------------------

div#doc #empresa {
	background: transparent url('../imagem/fotos/fundo_empresa.jpg')  no-repeat scroll 0 0;
	height: 385px;
	width: 650px;
	display: block;
	margin-left: 350px;
	margin-top: 50px;
}

div#doc #mostras {
	background: transparent url('../imagem/fotos/fundo_mostra.jpg')  no-repeat scroll 0 0;
	height: 396px;
	width: 650px;
	display: block;
	margin-left: 350px;
	margin-top: 30px;
}

div#doc #residencia {
	background: transparent url('../imagem/fotos/fundo_residencia.jpg')  no-repeat scroll 0 0;
	height: 371px;
	width: 650px;
	display: block;
	margin-left: 350px;
	margin-top: 50px;
}
div#doc #interior {
	background: transparent url('../imagem/fotos/fundo_interior.jpg')  no-repeat scroll 0 0;
	height: 357px;
	width: 650px;
	display: block;
	margin-left: 350px;
	margin-top: 50px;
}
div#doc #bd #right { 
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    width: 430px;
}
div#doc #bd #right_empresa { 
    float: left;
    margin: 20px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    width: 570px;
}

div#doc #right a, 
div#doc #right a:link,
div#doc #right a:visited{ 
	font-size: 90%; font-weight: bold; text-decoration: none; color: #3D89A6;  }


div#doc #bd #rigth img { 	
	float: right;
	margin-top: 130px;
	}
	
div#doc #bd #right #coluna1 { float:left; width:120px; padding-bottom: 20px; text-align:center;}
div#doc #bd #right #coluna1 img { margin: 20px;}

div#doc #bd #right #coluna2 { float: left; width:120px; padding-bottom: 20px; text-align:center;}
div#doc #bd #right #coluna2 img { margin: 20px;}

div#doc #bd #right #coluna3 { float: left; width:120px; padding-bottom: 20px; text-align:center;}
div#doc #bd #right #coluna3 img { margin: 20px;}


-------------------------------------------------------------------------------------------*/