/*
site ultralimpquimica.com.br
Versao 1.0
Desenvolvido por Flyner Portugal Oliveira
*/

@import url("contato.css");
@import url("home.css");


/** CSS RESET **/
*	{
	margin:0 auto;
	text-align: center;
	padding:0;
	list-style: none;
	text-decoration: none;
	border:none;
	}	





/**configurações gerais**/
body{
	background:#ffffff url("images/bg_body.jpg") top repeat-x;
	}



#geral{
width:800px;

}


#topo
{
width:100%;
height:191px;

}

#topo h1 {
width:308px;
height:191px;
text-indent:-10000px;
overflow:hidden;
background:url("images/bg_logo.jpg") no-repeat ;
float:left;
}





#menu
{

	width:358px;
	_width:376px;
	height:50px;
	bottom:0px;
	padding:5px 5px 5px 15px;
	overflow: hidden;
	position:relative;
	float:right;

	
}

#menu ul 
{
	padding: 0;
	margin: 0;
}
  

#menu li 
{
	display:inline;
	float: left;
	list-style: none;
	}

#menu a 
{
	float:left;
	font:bold 14px  "Trebuchet MS",arial,verdana,sans-serif;
	text-transform:uppercase;
	padding:7px;
	padding-left:14px;
	padding-right:14px;
	color:#ffffff;
	z-index:10;

	float: left;
	height: 30px;
	position: relative;



}



#menu li.background {
	background: url('images/bg_menu_right.jpg') no-repeat top right !important;

	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#menu .background .left {
	background: url('images/bg_menu_left.jpg') no-repeat top left !important;

	height: 30px;
	margin-right: 13px; /* 7px is the width of the rounded shape */
}




#conteudo
{
background:#ffffff url("images/bg_conteudo.jpg") no-repeat top right;
width:800px;
min-height:500px;


}



#conteudo p
{
font:normal 14px "Trebuchet MS",arial,verdana,sans-serif;
text-align:justify;
margin:16px;
color:#404040;
}


#lado_esquerdo 
{
float:left;
width:46px;
height:100%;
background:#ffffff;
}


#lado_direito 
{
float:left;
width:700px;
background:#ffffff;
margin:0px auto;
padding-top:10px;
padding-bottom:10px;

}



.blocos 
{
background:url("images/bg_blocos.jpg") no-repeat top center;
float:left;
width:325px;
height:216px;
text-align:justify;
margin:10px;
}

#lado_direito  .blocos p{
margin-left:30px;
margin-right:30px;
margin-top:0px;
}

#lado_direito img{
float:left;
margin:10px;
}

.blocos img{float:left;}

.blocos h2,#lado_direito h2{
text-transform: uppercase;
margin-top:23px;
font:bold 25px  "Trebuchet Ms",arial,verdana,sans-serif;
color:#012040;
}

.blocos h2 a{color:#012040;}
.blocos li p{margin:0px; }
.blocos p a{color:#404040;text-align:justify;}

.blocos span a{
float:right;
font:bold 11px  "Trebuchet Ms",arial,verdana,sans-serif;
color:#33495b;
padding:5px;
margin-right:30px;
}


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


#bloco_tres
{
margin-top:10px;
padding-top:20px;
clear:both;
width:668px;
_width:640px;
float:left;
margin-left:10px;
}

#lado_direito h3 a
{
font:bold 20px  "Trebuchet Ms",arial,verdana,sans-serif;
clear:both;
float:right;
color:#ffffff;
padding:5px;
background:url("images/bg_orcamento.jpg");
background-position:0px 0px;
}


#lado_direito h3 a:hover
{
background-position:0px -40px
}










#rodape , #rodape_home{
clear:both;
height:40px;
background:url("images/bg_topo.jpg") repeat-x ;
background-position:0px -98px;

}

#rodape_home{
height:85px;
}



#rodape #creditos, #rodape_home #creditos
{
color:#ffffff;
padding:5px;
clear:both;
margin:0 auto;
text-align:center;
font:normal 10px "Trebchet MS",arial,tahoma,verdana,sans-serif;
}


#rodape #creditos a,#rodape_home #creditos a{color:#ffffff}

#rodape #creditos a:hover, #rodape_home #creditos a:hover {color:#012040;}