body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666666;
}

/* Hack para los png */
* img, div, li { behavior: url(css/iepngfix.htc) }

h1 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #A3CD5D;
	font-size: 21px;
	font-weight: normal;
	color: #A3CD5D;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #A3CD5D;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}

.gazel {
	font-weight: bold;
	color: #A3CD5D;
	font-style: italic;
}

body {
	background-color: #8DC63F;
	background-attachment: scroll;
	background-image: url(../images/img_backgroundGeneral.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto;
	text-align: center;
}

#contenedor {
	text-align: left;
	width: 980px;	/*
	*/
	margin: 0 auto;
	overflow: visible;
	height: auto;
}
#menuIzquierda {
	float: left;
	width: 210px;
}
#logo {
	float: left;
	height: 120px;
	width: 818px;
	text-align: right;
	padding-top: 24px;
	padding-left: 63px;
	padding-right: 99px;
}
img {
	border: 0px 0;
}

ul#botonesIzquierda {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#botonesIzquierda li {
  padding: 0;
  margin: 0;
}

ul#botonesIzquierda li a {
  background: url(../images/btn_On.gif) left top no-repeat;
  text-decoration: none;
  padding: 0 0 0 50px;
  display: block;
  width: 160px;
  height: 37px;
  line-height: 30px;
  color: #FFFFFF;
}




#modelo {
	float: left;
	height: 350px;
	width: 264px;
	vertical-align: bottom;
	padding-top: 91px;
}
#destacado {
	float: left;
	width: 407px;
	padding-right: 99px;
	padding-bottom: 17px;
}
#base {
	float: left;
	height: 70px;
	width: 881px;
	padding-right: 99px;
	text-align: right;
	color: #FFFFFF;
	padding-top: 14px;
}
.destacadoContenido1 {
	background-image: url(../images/bck_destacaoContenido.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 142px;
	width: 407px;
}
.destacadoContenido2 {
	background-image: url(../images/img_destacado2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 142px;
	width: 375px;
	padding-left: 32px;
}
.contenedorImagenDestacado {
	float: left;
	height: 142px;
	width: 126px;
}
.contenedorTextoDestacados {
	height: 117px;
	width: 249px;
	float: left;
	padding-top: 25px;
}
p {
	margin-top: 0px;
}
.destacadoContenido3 {
	background-image: url(../images/img_destacado3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 142px;
	width: 407px;
}
.destacadoContenido4 {
	background-image: url(../images/bck_destacaoContenido.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 142px;
	width: 375px;
	padding-left: 32px;
}
#bienvenidosTitulo {
	background-image: url(../images/img_bienvenidos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	font-size: 2.5em;
}
#tarjetasTitulo {
	background-image: url(../images/img_tarjetasBeneficios.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	font-size: 2.5em;
}
#promocionesTitulo {
	background-image: url(../images/img_promociones.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	font-size: 2.5em;
}
#politicasTitulo {
	background-image: url(../images/img_politicasReglamento.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	font-size: 2.5em;
}


/* Estilos Interna */
#contenido {
	float: left;
	width: 614px;
	height: auto;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 80px;
}

#contenidoTop {
  background: url(../images/bkg_sup.png) left top no-repeat;
  width: 614px;
  height: 32px;
  margin: 0;
  float: left;
}

#contenidoMiddle {
	background: url(../images/bkg_medio.gif) left top repeat-y;
	width: 614px;
	margin: 0;
	/* padding: 0 4px;*/
  float: left;
	height:auto;
}


#contenidoBottom {
  background: url(../images/bkg_inf.png) left top no-repeat;
  width: 614px;
  height: 40px;
  margin: 0;
  float: left;
}

.contenidoTitulo {
  background: url(../images/btn_green.gif) left top no-repeat;
  margin: 10px 0 20px 0;
  font-size: 21px;
  height: 54px;
  line-height: 45px;
  padding: 0 0 0 30px;
  color: #fff;
}

.contenidoBloque {
	float:left;
}

.contenidoColIzquierda {
  float: left;
  width: 230px;
  text-align: center;
  /*height:20px; se usa 20 para evitar que se corran los otros divs cuante éste está vacio*/ 
}


.contenidoColDerecha {
  float: left;
  width: 350px;
}

ul#contenidoMenu {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

ul#contenidoMenu li a {
  background: url(../images/btn_blue.gif) left top no-repeat;
  text-align: left;
  width: 164px;
  padding: 0 0 0 30px;
  height: 37px;
  line-height: 30px;
  color: #fff;
  display: block;
}

.contenidoSubTitulo {
	margin: 10px 0;
	height: 21px;
	padding: 5px 0;
	border-top: 1px dotted #A3CD5D;
	border-bottom: 1px dotted #A3CD5D;
	font-size: 18px;
	font-weight: normal;
	color: #A3CD5D;
}

.contenidoSubTitulo span {
  float: left;
}

.contenidoLinkArriba {
  float: right;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.contenidoTituloVacio {
	height: 5px;
	padding: 0;
	border-top: 1px dotted #A3CD5D;
	border-bottom: 1px dotted #A3CD5D;
	float:right;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width:350px;
}

.contenidoTextoBold {
	font-weight: bold;
	color: #10147E;
	display: block;
}

.contenidoTextoBold_p {
	color: #666666;
	font-size:10px;
	font-style:italic;
	display: block;
}

.contenidoTextoSubtit {
	font-weight: bold;
	color: #89c142;
	display: block;
}

.contenidoTextoSubtit  span{
	font-size:14px;
}


/*.contenidoTextoBold_p strong {
	font-weight: bold;
	color: #10147E;
	font-size:10px;
	font-style:italic;
}*/


#btn2 a:hover {
	color: #6B9831;
	background-image: url(../images/btn_promociones.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#btn3 a:hover {

	color: #6B9831;
	background-image: url(../images/btn_tarjetasBeneficios.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#btn4 a:hover {
	color: #6B9831;
	background-image: url(../images/btn_politcasReglamento.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#btn5 a:hover {
	color: #6B9831;
	background-image: url(../images/btn_preguntasFrecuentes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#btn1 a:hover {
	color: #6B9831;
	background-image: url(../images/btn_bienvenidos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.club {

	font-weight: bold;
	color: #10147E;
}
table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td {
	border-bottom-style: solid;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #8DC63F;
}
tr {
}
caption {
	background-color: #10147E;
	font-weight: bold;
	color: #FFFFFF;
}
#btn6 a:hover {

	color: #6B9831;
	background-image: url(../images/btn_preguntasFrecuentes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.tarjetas {
	float: left;
	padding-right: 10px;
}
.botonera {
	height: 30px;
	width: 522px;
	float: left;
	padding-left: 35px;
	font-size:12px;
	background-image: url(../images/img_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	margin-bottom: 15px;
	text-align:center;
}
.titulosPremios {
	font-size: 14px;
	font-weight: bold;
	color: #0C59A5;
}
.millasyrecargas a{
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:104px;
	float: left;
	padding-right:3px;
	padding-left:3px;
	text-decoration:none;
	padding-top:5px;
}
.millasyrecargas a:hover{
	background-color:#afce78;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:104px;
	float: left;
	text-decoration:none;
	padding-top:5px;

}
.vestuario a{
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.99em;
	color: #fff;
	height:20px;
	width:80px;
	float: left;
	padding-right:3px;
	padding-left:3px;
	text-decoration:none;
	padding-top:5px;
}
.vestuario a:hover{
background-color:#cc66cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:80px;
	float: left;
	text-decoration:none;
	padding-top:5px;
}
.hogar a{
background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:78px;
	float: left;
	padding-right:3px;
	padding-left:2px;
	text-decoration:none;
	padding-top:5px;
}
.hogar a:hover{
background-color:#3398ca;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:78px;
	float: left;
	text-decoration:none;
	padding-top:5px;
}
.viaje a{
background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:66px;
	float: left;
	padding-right:1px;
	text-decoration:none;
	padding-top:5px;
}
.viaje a:hover{
background-color:#ffcc00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:66px;
	float: left;
	text-decoration:none;
	padding-top:5px;
}
.paratuhijo a{
background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:106px;
	float: left;
	text-decoration:none;
	padding-top:5px;
}
.paratuhijo a:hover{
background-color:#fe9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	color: #fff;
	height:20px;
	width:106px;
	float: left;
	text-decoration:none;
	padding-top:5px;
}
.deporte a{
	background-image: url(../images/btn_deportes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -999px;
	height: 24px;
	width: 154px;
	float: left;
}
.deporte a:hover{
	background-image: url(../images/btn_deportesOver.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -999px;
	height: 24px;
	width: 154px;
	float: left;
}
.premios {
	float: left;
	height: auto;
	width: 580px;
}

