/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body { 
  min-width: 660px; 
  background: #4a4645 url(../imagens/bg_site.gif) repeat-x;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size: 12px;
}

table{
	 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	 font-size: 12px;
}

option{
	padding: 0px 5px 0px 5px;
}

input, select, textarea{
	border: 1px solid #aaa;
	font-size: 100%;
	padding: 1px;
}

#wrapperOutline{
	width: 730px;
	/*background: #4a4645;*/
	margin:0 auto;
	text-align:left;
	min-height: 300px;
	_height: 300px;
	padding-bottom: 10px;

}

#wrapperTopo {		
	width: 659px; 
	margin: 0 auto; 
	height: 274px;
	text-align: left;
}

#wrapperMeio{
  clear: both;
  width: 659px; 
  text-align: left;
	background-image: url(../imagens/fundo_meio.gif);
	margin:0 auto;
}

.conteudo{
	padding:10px 10px 15px 0px;/* O padding da esquerda é dado com o espaco que se deixa entre os dois floats, para ser mais dificil quebrar o layout. O padding do top esta 0 porque ele ja da padding automaticamente*/
	width: 435px;  
	background-color: #fff;
	float: right;
}

.conteudo h1{
	margin-bottom: 25px;
}

.clean{
	clear: both;
}

#barraLateral1 { 
  width: 205px; 
  float: left; 
} 

#fundo1 {  
	clear: both;
  width: 660px; 
  height: 29px;
  margin: 0px auto;
  text-align: right;  
  background: url(../imagens/fundo1_bg.gif) repeat-x;
}
#fundo2 {
	width: 660px; 
	margin: 0px auto;  
}


/************************************
#TOPO
************************************/
.menu{
	height: 235px;
}

#linhatopo {
	height:40px;
}

#linhatopo ul {
	float: right;
	padding: 18px 0px 0px 0px;
}

#linhatopo ul li {
	display:inline;
	float: left;
	padding: 0px 7px 0px 7px;
	border-right:#fff 1px solid ;
}

#linhatopo ul li.last {
	border-right:0px;
	padding-right: 20px;
}

#linhatopo ul li a {
	float: left;
	display:block;
	font-size: 11px;
	text-decoration: none;
	color: #fff;	
	text-transform: uppercase;
}
 
#linhatopo ul li a:hover {
	text-decoration: none;
}

#linhatopo ul li#ESPANHOL, #linhatopo ul li#INGLES, #linhatopo ul li#ITALIANO, #linhatopo ul li#PORTUGUES{
	padding: 0px 5px 0px 5px;
	border-right:0px;
}
#linhatopo ul li#ESPANHOL a{
	background: url(../imagens/espanhol.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width: 21px;
	height: 13px;
}

#linhatopo ul li#INGLES a{
	background: url(../imagens/ingles.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width: 21px;
	height: 13px;
}

#linhatopo ul li#PORTUGUES a{
	background: url(../imagens/portugues.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width: 21px;
	height: 13px;
}

#linhatopo ul li#ITALIANO a{
	background: url(../imagens/italiano.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width: 21px;
	height: 13px;
}
/**********************************************
barra1
***********************************************/
#barraLateral1 h2{
	text-indent:-5000px;
	overflow:hidden;	
	margin-bottom: 10px;
	height: 22px;
}

#reservas{
	background:#d5d6d8 url(../imagens/reservas_bg.gif) repeat-x top;
	padding:10px 8px 15px 12px;
}

#clientes{
	background:#e30000 url(../imagens/clientes_bg.gif) repeat-x top;
	padding:10px 8px 12px 12px;
}

#newsletter{
	background:#d5d6d8 url(../imagens/newsletter_bg.gif) repeat-x top;
	padding:20px 8px 20px 12px;
}
#liveSupport{
	background-color: #716f6e;
	padding:20px 8px 12px 12px;
	border-bottom: #888 1px solid;
}


/***********************

************************/
#barraLateral1, #barraLateral1 input{
	font-size: 10px;
	padding: 0px;
	font-weight: normal;
}
#reservas h4{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;	
	margin-bottom: 10px;
	font-size: 10px;
}

#reservas label{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 120%;
}

#clientes label{
	color: #fff;
	float: left;
	display: block;
	width: 60px;
	/*padding: 3px 5px;
	margin: 0px 0px 5px 0px;*/	
	padding-top:2px;
	margin: 2px;
	text-align: right;
	text-transform: uppercase;
}

#clientes input{
	margin: 2px;
}

#clientes #password{
	_width:78px;
}

#clientes a{
	display: block;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 110%;
	color: #fff;
}

#clientes a:hover{
	color: #111;
	text-decoration: none;
}


#newsletter h4{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;	
	font-size: 10px;
}

#newsletter form div{
	margin-top: 10px;
}

#newsletter label{
	/*margin: 0px 2px;*/
	color: #000;
	text-transform: uppercase;
}

#fundo1 p{
	padding-top: 11px;	
  font-size:10px;
  color: #000;	
}

/*e preciso utilziar a tenica do relative, e do strong, porque o element é inline*/
#fundo1 p #medidaCriativa{
	color: #f4a400;
		background: url(../imagens/medidaCriativa.gif) no-repeat left center;
	padding-right: 77px;	/* espaco da imagem, tem que ser padding, porqeu é inline*/
	text-decoration: none;
	margin-right: 65px;
}

#fundo1 p #medidaCriativa span{
	position: absolute;
	left:-5000px;
}

#fundo1 p a.opiniao{
	background: url(../imagens/signature.gif) no-repeat left bottom;
	padding: 5px 10px 0px 22px;
	text-decoration: none;
	color: #000;	
}

#fundo1 p a:hover{
	text-decoration: underline;
}

#fundo2 .wrapper{
	float:right; 
  color:#fff;  
  font-size:11px;
  margin-top:8px;
  padding-top:18px;
  padding-bottom: 5px;
  position: relative;
  	background: url(../imagens/apoios.gif) right top no-repeat;
	padding-right: 218px;	/* espaco da imagem, tem que ser padding, porqeu é inline*/	
}

#fundo2 .wrapper strong{
	position: absolute;
	left:-5000px;
}