/* CSS Document */
/*  
* Auto Proteção
***********************************************
Agencia: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by:  Bruno Kingma
XHTML+CSS: Aline Tinoco
Programaao: Jean Pimentel
Country: Brasil
Last CSS update: 12/2009
Notes: Folha padrao
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
* {
padding:			0px;
margin:				0px;
}
body{
padding:        	0;
margin:				0;
text-align:			center;
background:			#333333 url(../images/bg_body.jpg) center top repeat-x;
font:				13px  Arial, "Helvetica", sans-serif;
color:				#FFF;
}
/*********************************************Estrutura */
#site, #rodape{
width:				950px;
height:				auto;
margin:				0 auto;
text-align:			left;
padding:        	0;
}
#topo{
background:			url(../images/bg_topo.jpg) left top no-repeat;
height:				420px;
}
#logo{
float:				right;
}
#palco{
padding:             20px;
}
/*********************************************Menu */
ul#menu{
width:				430px;
height:				40px;
float:				right;
margin:				10px 0 0 620px;
}
ul#menu li{
list-style:			none;
display:			inline;
}
ul#menu li a{
color:				#FFF;
text-decoration:	none;
font-size:			14px;
padding:            10px;
font-weight:		bolder;
}
ul#menu li a:hover{
color:				#000;
}
ul#menu li ul{
background:			#444;
width:				180px;
height:				auto;
position:			absolute;
right:				240px;
display:			none;
}
ul#menu li ul li{
list-style:			none;
display:			block;
padding:            5px;
}
ul#menu li:hover #m01{
display:			block;
}
ul#menu li.over #m01{
display:			block;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menu li ul li { float: left; }
* html ul#menu li ul li a { height: 1%; }
/* End */
/*********************************************Titulos */
h2{
color:				#000;
margin:				10px 0;
font-size:			22px;
}
h3{
color:				#999;
margin:				10px 0;
font-size:			17px;
}
/*********************************************DIVS */
#destaque{
float:				left;
}
#apoio{
margin:				30px 0 20px 0;
}
.colLeft{
float:				left;
width:				445px;
font-size:			17px;
text-indent:inherit;
}
.colRight{
float:				right;
width:				345px;
padding:            10px 0 0 100px;
}
ul.pecas{
width:				auto;
height:				auto;
}
ul.pecas li{
list-style:			none;
width:				150px;
height:				260px;
float:				left;
margin:             0 10px 10px 0;
}
ul.pecas li img{
width:				150px;
height:				210px;
border:				1px solid #222;
}
ul.pecas li a{
color:				#FFF;
text-decoration:	none;
}
ul.making{
width:				auto;
height:				auto;
}
ul.making li{
width:				200px;
height:				133px;
float:				left;
list-style:			none;
margin:				10px;
border:				1px solid #222;
}
/*********************************************formulario */
label{
width:				80px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
}
input, select, textarea{
width:				auto;
height:				auto;
padding:			3px;
margin:				5px;
background:			#F9F9F9;
font:				11px "Trebuchet MS";
color:				#333;
border:				1px solid #925858;
}
input:focus , select:focus, textarea:focus{
color:				#000;
border:				1px solid #591111;
background: 		#F9F9F9;
}
.ok{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#1FB899;
font:    			15px; 
font-weight:		bolder;
color:				#F7F7F7;
cursor:				pointer;
border:				1px solid #1FB899;
overflow:			visible;
}
/*********************************************Rodapé */
#rodape{
padding:            0 10px;
}
#rodape p{
float:				left;
font-size:			11px;
width:				480px;
}
#rodape img{
float:				right;
}
/*********************************************Gerais */
p{
text-indent:            10px;
}
img{
border:					none;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
.paginacao {
width:					auto;
height: 				auto;
clear: 					both !important;
padding: 				5px;
margin:					10px 0;
font-weight: 			bold;
color:					#000;
text-align: 			right;
}
.paginacao a {
padding: 		    	3px 5px;
background: 			#BAC7D3;
color:					#FFFFFF;
text-decoration: 		none;
border:					1px solid #BAC7D3;
margin: 				0 2px;
}
.paginacao a:hover {
padding: 	 			3px 5px;
background: 			#FFF;
color:					#BAC7D3;
text-decoration:		 none;
border:					1px solid #BAC7D3;
margin: 				0 2px;
}
.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}