﻿body{

  	font-size: 12px;

	font-family:Arial, sans-serif;

 	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;
	text-align: center;

}

h1 {

	font-size: 12px;

	font-family:Arial, sans-serif;

	color:#666666;

	font-weight:normal;

}

h2 {

	font-size: 12px;

	font-family:Arial, sans-serif;

	color:#666666;

	font-weight:bold;

}

h3 {

	margin:0;

	padding:0;

	font-size: 12px;

	font-family:Arial;

	color:#157c6f;

	font-weight:bold;

}

h4 {

	margin:0;

	padding:0;

	font-size: 11px;

	font-family:Arial;

	color:#666666;

	font-weight:normal;

}

h5 {

	margin:0;

	padding:0;

	font-size: 10px;

	font-family:Arial;

	color:#686868;

}

h6 {

	margin:0;

	padding:0;

	font-size: 10px;

	font-family:Arial;

	color:#272727;

}

textarea{resize:none;}

.oneColFixCtr #conteudo {

	width:985px;

	margin:0 auto;

	padding:0;

	background:#ffffff;

	text-align: left;

}





.topo {

	width:985px;

	height:530px;

	margin:0;

	padding:0;

	z-index: 5;

}

.meio {

	width:985px;

	top:-120px;

	margin:0;

	padding:0;
	background:#fff;
	height:100%;

}

.meio-clube {

	width:985px;

	top:-120px;

	margin:0;

	padding:0;
	background: #f9f9f9;
	height:100%;
	float:left;

}



.meio-home {

	top:130px;

	margin:0;

	padding:0;

	z-index: 0;

}



.assine-rss{

	width:90px;

	height:105px;

	float:left;

	margin:0;

	padding:185px 0px 0px 10px;

	background: url(images/topo-fundo.jpg) top left;

}

.menu-topo{

	width:805px;

	height:290px;

	float:left;

	margin:0;

	padding:0px 0px 0px 82px;

}

.menu-botoes{

	width:634px;

	height:34px;

	float:left;

	margin:0;

	padding:215px 0px 0px 0px;

	/*border:1px solid #000000;*/

}

.menu-busca{

	width: 171px;

	height: 43px;

	float:left;

	margin:0;

	padding:206px 0px 0px 0px;

	/*border:1px solid #000000;*/

}

.busca{

	width:138px;

	height:21px;

	border-left:1px solid #8f8f8f;

	border-top:1px solid #8f8f8f;

	margin:0;

	padding:0;

	background:#FFF;

	font-family:verdana;

	font-size:10px;

	color:#616161;

	text-align:center;

	float:left;

}



.menu-item{

	width: 805px;

	height: 41px;

	float:left;

	margin:0;

	padding:0;

	/*border:1px solid #000000;*/

}



/* Inicio Home */

.tv{

	width: 985px;

	height: 246px;

	margin:0;

	padding:10px 0px 0px 0px;

	z-index: -1;

	top: 273px;

	/*border:1px solid #000000;*/

}



.miolo-home{

	margin:0;

	padding:0;

  	width:985px;

	float:left;

}



.miolo-esquerdo{

	width: 753px;

	height: 0 auto;

	margin:0;

	padding:0;

	background:#ffffff;

	/*border:1px solid #000000;*/

}



.miolo-direito{

 /* top:-250px;*/

	width:229px;

	height:655px;

  float:right;

  padding:0;

  margin:0;

}



.carrosel-home{

	width: 753px;

	height: 226px;

	margin:0;

	padding:10px 0px 0px 0px;

	background:#ffffff;		/*border:1px solid #000000;*/

}

.carrosel-conteudo{

	width: 751px;

	height: 224px;

	margin:6px 0 0;

	padding:0;

	float:left;

	background:#ffffff;

	border:1px solid #c0ccd5;		/*border:1px solid #000000;*/

	background:#e9f3f9 url(images/home-fundo-carrosel.jpg) top left;

}

.carrosel-esquerdo{

	width: 356px;

	height: 207px;

	float:left;

	margin:0;

	padding:0;

	padding:16px 0px 0px 20px;

	/*border:1px solid #000000;*/

}

.carrosel-direito{

	width: 354px;

	height: 207px;

	float:left;

	margin:0;

	padding:0;

	padding:16px 0px 0px 20px;

	/*border:1px solid #000000;*/

}

.carrosel-imagem{

	width: 162px;

	height: 131px;

	float:left;

	margin:0;

	padding:0;

	/*border:1px solid #000000;*/

}

.carrosel-destaque{

	width: 142px;

	height: 8px;

	float:left;

	margin:0;

	padding:0px 0px 0px 8px;	/*border:1px solid #000000;*/

}



.carrosel-texto{

	font-size: 18px;

	font-family:Arial, sans-serif;

	color:#0f226a;

	font-weight:normal;

}

.carrosel-descricao{

	font-size: 12px;

	font-family:Arial, sans-serif;

	color:#666666;

	font-weight:normal;

	height: 120px;

}

.carrosel-link a{

	font-size: 11px;

	font-family:Arial, sans-serif;

	color:#0c1d62;

	font-weight:700;

}



.carrosel-link a:hover {

	font-size: 11px;

	font-family:Arial, sans-serif;

	color:#0c1d62;

	font-weight:700;


}

.link-anterior{

	width:65px;

  float:left;

  margin: 17px 0 0 0;

  padding: 0 0 0 ;

}

.link-proximo{



  width:65px;

  float:left;

  margin: 150px 0 0;

   padding: 0 0 0 100px;

}

.ofertas-home{

	width: 520px;

	height: 412px;

	float:left;

	margin:0;

	background:#ffffff;

	padding:0px 12px 0px 0px;	/*border:1px solid #000000;*/

}

.ofertas-box{

	width: 520px;

	height: 343px;

	float:left;

	margin:0;

	padding:0;

	border:1px solid #9cc7ba;

	background:#e5f8f2;

	overflow:auto;

	scrollbar-arrow-color:#ffffff;

	scrollbar-3dlight-color:#157c6f;

	scrollbar-base-color:#ff6347;

	scrollbar-darkshadow-color:#157c6f;

	scrollbar-face-color:#157c6f;

	scrollbar-highlight-color:#9cc7ba;

	scrollbar-shadow-color:#9cc7ba;

	scrollbar-track-color:#b8e4d7;

}



.ofertas-produto{

	width: 483px;

	height: 91px;

	margin:0;

	padding:0;

	background:#e5f8f2 url(images/home-fundo-ofertas.jpg) repeat-x top left;

	padding:20px 0px 0px 20px;

}



.ofertas-imagem{

	float:left;

	width: 130px;

	height: 80px;

	margin:0;

	padding:0;

	border:1px solid #b1d1c7;

}

.ofertas-descricao{

	float:left;

	width: 220px;

	height: 80px;

	margin:0;

	padding:0;

	padding:0px 0px 0px 10px;

}

.ofertas-pagto{

	float:left;

	width: 105px;

	height: 80px;

	margin:0;

	padding:0px 0px 0px 10px;

}

.twitter-home{

	width: 204px;

  /*sergio.campos@landesign.art.br alteração, 05/07/2010, inicio, o height zero auto obrigad o navegador a reservar o espaço de zero pixel de altura par o conteudo que vai ir nesse div, se o conteudo tiver uma altura maior que zero pixel, o navegador deve entao usar a alturda detectada no conteudo no lugar de zero pixel, ou seja, o conteudo pode ter qualquer altura que o div dele vai se adaptar*/

  /*height:408px;*/

  height:0 auto;

  /*sergio.campos@landesign.art.br alteração, 05/07/2010, fim*/

	float:left;

	margin:0;

  /*sergio.campos@landesign.art.br alteração, inicio, 05/07/2010, proposito, quando o tweeter tiver posts com mais texto o tweeter-home vai expandir e empurrar os divs abaixo dele para baixo e nao simplemente expandir e se sobrepor aos divs abaixo como ocorria antes*/

  margin-bottom:10px;

  /*sergio.campos@landesign.art.br alteração, 05/07/2010, fim*/

	background:#ffffff;

	padding:0px 0px 0px 10px;

	/*border:1px solid #000000;*/

}

/*

alteração sergio.campos@landesign.art.br 22/06/2010

.twitter-box{

	width: 204px;

	height: 343px;

	float:left;

	margin:0;

	padding:0;

	border:1px solid #9ab6c6;

	background:#c1dbeb;

}

*/

.twitter-box{

	width:204px;

	min-height: 315px;

	height: 0 auto;

	float:left;

	margin:0;

	padding:0;

	border-top:1px solid #9ab6c6;

  border-right:1px solid #9ab6c6;

  border-left:1px solid #9ab6c6;

  border-bottom:none;

  background:#c1dbeb;

}

/*alteração sergio.campos@landesign.art.br 22/06/2010*/



/*inclusão sergio.campos@landesign.art.br 22/06/2010*/

.twitter-count{

  width:204px;

  text-align:center;

  border-top:none;

  border-right:1px solid #9ab6c6;

  border-left:1px solid #9ab6c6;

  border-bottom:1px solid #9ab6c6;

  background:#c1dbeb;

  padding:10px 0 0;

}

/*inclusão sergio.campos@landesign.art.br 22/06/2010*/



.socio-home{

	width: 223px;

	height: 293px;

	margin:0;

	background:#ffffff;

	padding:0px 0px 0px 6px;	/*border:1px solid #000000;*/

}

.banner-home{

  top:15px;

  left:0px;

	width: 223px;

	height: 277px;

	margin:0;

	background:#ffffff;

	padding: 5px 0px 0px 6px;	/*border:1px solid #000000;*/

}

.cartao-home{

  top:20px;

  left:0px;

	width: 223px;

	height: 66px;

	margin:0;

	padding:0px 0px 0px 6px;	/*border:1px solid #000000;*/

}



/*RODAPE*/

.rodape-home{
	background: #FFFFFF;
	width:985px; height:0 auto; margin:0; padding:0;
}

.rodape-top{
	float: left;
	width:985px;
	background: #FFFFFF;
	height:0 auto; margin:0; padding:0;
}

.rodape-bottom{
	float: left;
	background: #FFFFFF;
	width:985px;
	height:0 auto; margin:0 0 10px 0; padding:0 0 10px 0 ;
}







/* Fim Home*/

/*Internas*/



.topo-interna {

	width:985px;

	height:275px;

	margin:0;

	padding:0;

	overflow: hidden;

}



.breadcrumb {

	width: 970px;

	height: 18px;

	padding:0;

	margin:0;

	padding:9px 0px 0px 15px;	/*border:  1px solid #c9c9c9;*/
	background:#fff;

}



.conteudo-interna{
	/*width:1013px;*/
  width:986px;
  height:0 auto;
	margin:0;
	padding:0;
  float:left;
	background:#f9f9f9;
}



.conteudo-box{
	width:750px;
	margin:0;
	float:left;
	background:#f9f9f9 url(images/interna-fundo-conteudo.jpg) repeat-x top left;
	padding:0px 0px 0px 23px;
}

.conteudo-box-ofertas{
	width:950px;
	margin:0;
	float:left;
	background:#f9f9f9 url(images/interna-fundo-conteudo.jpg) repeat-x top left;
	padding:0px 0px 0px 23px;
}

.conteudo-box textarea{resize:none;}

.conteudo-submenu{
	/*width: 202px;*/
  width:213px;
	margin:0px;
	float:left;
	background:#f9f9f9;
	/*border-left: 2px solid #fff;*/
	/*border-top: 2px solid #fff;*/
	padding:0px;
}

.conteudo-submenu-clube{
	width: 202px;
	margin:0;
	float:left;
	background:#f9f9f9;
	/*border-left: 2px solid #fff;*/
	/*border-top: 2px solid #fff;*/
	padding:10px 0px 0px 8px;
}



	/*font-size: 12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#303030;

	font-weight:bold;*/

.visivel{ display:none; }

/*Internas*/



a {

  text-decoration:none;

  color:#666;

}

a:hover {

	color:#666;

	text-decoration: none;

}

a img {border:none;}



.img-left {

	float:left;

	margin:0;

}		/* Add this to any image you want to left align  */



.img-right {

	float:right;

	margin:10px 5px 15px 15px;

}	/* Add this to any image you want to right align */

.text-right {

	text-align:right;

}

.text-center {

	text-align:center;

}

/*formulários*/

.text-form {

	font-size: 12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#666666;

	font-weight:normal;

}



.campo-texto {

	width:300px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-msg {

	width:370px;

	height:79px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-telefone {

	width:120px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-ddd {

	width:20px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-cpf {

	width:120px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-cartao {

	width:100px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-indique {

	width:200px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-tel-indique {

	width:75px;

	height:20px;

	border:solid #505050 1px;

	background:#FFF;

	font-family:Arial;

	font-size:12px;

}

.campo-select {

	background-color: #e7e7e7;

	font:12px arial;

	color:#636363;

	border:solid #bfbfbf 1px;

}

/*#resultadoBuscaBeneficio { position:relative; width:640px; height:300px; left:1px; top:3px; clip:rect('150', '120', '203', '500'); overflow:auto; }*/
#resultadoBuscaBeneficio{
  position:relative;
  width:640px;
  /*height:300px;*/
  min-height:0px;
  height:0 auto;
  max-height:300px;
  left:1px;
  top:3px;
  clip:rect('150', '120', '203', '500');
  overflow:auto;
}

#universitarios{ position:relative; width:640px; height:300px; left:1px; top:3px; clip:rect('150', '120', '203', '500'); overflow:auto; display:none; }



.lista-beneficios{

	width: 600px;

	/*height:200px;*/

	margin:0;

	background:#fbfaff url(sobre-o-sams-club/images/fundo-clube.gif) no-repeat top left;

	padding:15px 0px 0px 15px;

}

.lista-beneficios:after{

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	height:0;

	overflow:hidden;

}



.img-beneficios{

	width: 100px;

	height: 120px;

	margin:0;

	padding:0;

	float:left;

	/*border:1px solid #000000;*/

	background:#fbfaff url(images/fundo-clube.gif) top left;



}

.conteudo-beneficios{

	width: 460px;

	margin:0;

	padding:0px 0px 0px 15px;

	float:left;

	/*border:1px solid #000000;*/

}

.tit-beneficio {

	font-size: 18px;

	font-family:Arial, sans-serif;

	color:#636363;

	font-weight:normal;

}

.txt-beneficio {

	font-size: 12px;

	font-family:Arial, sans-serif;

	color:#636363;

	font-weight:normal;

}

.beneficios-img-linha{

	width: 560px;

	height: 1px;

	margin:0;

	padding:15px 0px 15px 0px;

	/*border:1px solid #000000;*/

}

#rodape-natal{
	background:#fff;
	height:auto;
	overflow: hidden;
}

#twitter_div ul{ list-style-image:none; list-style: none; margin-left: -30px; }
#twitter_div li{ list-style-image:none; list-style: none; padding-bottom: 5px; }
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #009;
	text-decoration: underline;
}

<!--Ofertas-->

#ofertas1, #ofertas2, #ofertas3, #ofertas4, #ofertas5
{
	float:left;
}

#ofertas1
{
	width:190px; float:left; padding-left:10px;
}

#ofertas2
{
	width:150px;
}

#ofertas3
{
	width:190px;
}

#ofertas4
{
	width:150px;
}

#ofertas5
{
	width:190px;
}
