@charset "utf-8";

/*
	Site - efectibono.com
  	
	---------------------
	
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Left Bar Styles
	$4 - Content Styles
	$5 - Right Sidebar Styles
	$6 - Footer Styles
	$7 - SIFR styles
	$8 - Form Styles
   
	
*/
* {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica,
		"Bitstream Vera Sans", sans-serif;
}

a img {
	border: none;
}

/* $1 Site Structure ------------------------------------------------------- */
body {
	margin: 0px;
	background: #E37226 url('images/fondoCuerpo.jpg') top left no-repeat;
}

.ie body {
	text-align: center;
}

#body {
	width: 760px;
	margin: 0px auto;
}

.ie #body {
	text-align: left;
}

#headerLinks {
	width: 100%;
	height: 67px;
	border-top: 9px solid black;
	vertical-align: bottom;
}

#headerIndex {
	width: 100%;
	height: 245px;
	background-color: white;
}

#headerInternal {
	height: 150px;
	width: 100%;
	background-color: white;
	overflow: hidden;
}

#content {
	width: 759px;
	background: white url('images/content_bg_degrade.jpg') bottom right no-repeat;
	border: 1px solid white;
	border-width: 0px 1px 1px 0px;
}

#left {
	float: left;
	width: 185px;
	padding-top: 10px;
	position: relative;
}

#center {
	float: left;
	width: 573px;
}

.ie #center {
	overflow: hidden;
	width: 573px;
}

#centerIndex {
	float: left;
	width: 558px;
	border-bottom: 1px solid white;
	background: white url('images/content_bg_top.jpg') 17px top no-repeat;
	margin-top: -1px;
}

#linkClub {
	margin-top: 25px;
	float: left;
}

#btnSaldos {
	margin-top:25px;
	width: 537px;
	overflow: hidden;
	float: left;
}

.ie #centerIndex {
	height: 400px;
	margin-top: 0px;
	width: 573px;
	overflow: hidden;
	position: relative;
	top: -1px;	
}

#pie {
	width: 760px;
	height: 28px;
}

.ie #pie {
	clear: both;
}

/* $2 Header Styles --------------------------------------------------------- */
#headerInternal {
	background: white url('images/h1_bg_sup.jpg') right 86px no-repeat;
}

#headerInternal img {
	position: relative;
	float: left;
	margin: 0px;
	z-index: 10;
}

#headerInternal #logo {
	position: relative;
	left: 3px;
	top: 0px;
	float: left;
}

#headerInternal #headerImage {
	position: relative;
	top: 1px;
	left: -3px;
}

.ie #headerInternal #headerImage {
	float: left;
	z-index: 10;
	left: 236px;
	position: absolute;
	top: 0px;
	overflow: hidden;
	display: block;
}

#headerLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin-top: 42px;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}

.ie #nav li a span {
	cursor: hand;
}

#nav li {
	float: left;
	position: relative;
	text-align: center;
	padding: 0px 5px;
	background: transparent url('images/menu_separator.gif') right 10px
		no-repeat;
	height: 15px;
}

#nav li ul li ul {
	float: left;
	margin-top: -20px;
	margin-left: 110px;
	padding-top: 1px;
	background-position: left 0px;
}

#headerLinks a {
	color: white;
	text-decoration: none;
	display: block;
}

#headerLinks a span.uno {
	width: 15px;
	height: 25px;
	float: left;
}

#headerLinks a span.dos {
	padding-right: 15px;
	height: 25px;
	display: block;
	padding-top: 5px;
	float: left;
	font-family: Arial;
}

#headerLinks a:hover span.uno,#headerLinks a.active span.uno {
	background: transparent url('images/menuTop.gif') top left no-repeat;
}

#headerLinks a:hover span.dos,#headerLinks a.active span.dos {
	background: transparent url('images/menuTop.gif') top right no-repeat;
}

#nav ul {
	position: absolute;
	display: none;
	width: 125px;
	top: 25px;
	z-index: 100;
	background-color: white;
	margin: 0px;
	padding-top: 5px;
	background: white url('images/menu_li_ul_top.gif') left 2px no-repeat;
	left: 10px;
}

#nav li ul li {
	background: none;
	padding: 0px;
	font-weight: normal;
	margin: 0px;
	width: 125px;
	height: auto;
}

#nav li ul a {
	width: 113px;
	float: left;
	font-size: 11px;
	color: black;
	display: block;
	border: 1px solid #606163;
	border-width: 0px 1px;
	padding: 3px 5px;
	line-height: 15px;
}

.ie #nav li ul a {
	width: 125px;
}

#nav li ul a:hover {
	background-color: #f7971c;
	color: white;
}

#nav li ul a.active {
	background-color: #cf8019;
	color: white;
}

#nav li.last {
	background: none;
}

#nav ul li.last {
	background: url('images/menu_li_ul_bottom.gif') left bottom no-repeat;
	height: 3px;
}

.ie #nav ul li.last {
	font-size: 1px;
	line-height: 1px;
}

#breadcrumb {
	clear: both;
	font-size: 11px;
	height: 15px;
	margin-left: 190px;
	margin-top: 0;
	position: relative;
	top: -7px;
	z-index: 100;
}

.ie #breadcrumb {
	position: absolute;
	top: 130px;
}

#breadcrumb a {
	color: black;
}

#breadcrumb a:hover {
	color: blue;
}

/* $3 Left Bar Styles ------------------------------------------------------- */
#search {
	background: transparent url('images/search_bg.jpg') top left no-repeat;
	height: 282px;
	width: 147px;
	margin-left: 10px;
	padding: 4px 7px;
	position: relative;
}

.ie #search {
	width: 161px;
	overflow-x: hidden;
}

#search input {
	font-size: 11px;
	line-height: 14px;
	height: 18px;
	padding: 0px;
	width: 140px;
	margin-left: 5px;
}

#search input.check {
	width: auto;
	line-height: 11px;
	height: auto;
	margin-bottom: 14px;
}

.ie #search input {
	margin-top: -10px;
}

.ie #search input.check {
	margin-top: 10px;
	margin-bottom: 0px;
}

#search span.line {
	display: block;
	border-bottom: 1px solid #bb3609;
	height: 10px;
	line-height: 2px;
	font-size: 1px;
}

#internalMenu {
	border: 1px solid #aeaeae;
	background-color: #dfdfdf;
	margin-bottom: 10px;
	margin-left: 11px;
	width: 158px;
}

#internalMenu ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
}

#internalMenu li {
	margin: 0px;
	padding: 0px;
}

#internalMenu a {
	color: black;
	text-decoration: none;
	font-size: 11px;
}

#internalMenu a:hover {
	text-decoration: underline;
}

#promos {
	clear: both;
	height: 72px;
	left: -7px;
	top: 10px;
	overflow: hidden;
	width: 162px;
	position: relative;
	clear: both;
	margin: 10px 0px;
}

/* $4 Content Styles ------------------------------------------------------- */
#center {
	
}


#centerIndex {
	min-height: 400px;
	padding-top: 50px;
	padding-left: 15px;
}

#centerIndex a {
	display: block;
	width: 129px;
	height: 83px;
	float: left;
	padding: 4px;
}

#centerIndex a img {
	filter: alpha(opacity : 60);
	opacity: 0.6;
}

#centerIndex a:hover img {
	filter: alpha(opacity : 100);
	opacity: 1;
}

#center h1 {
	display: block;
	width: 540px;
	height: 54px;
	background: transparent url('images/h1_bg_inf.jpg') top right no-repeat;
	margin: 0px;
	padding-left: 35px;
	font-weight: lighter;
	font-style: italic;
	font-size: 26px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	padding-top: 4px;
}

.ie #center h1 {
	margin-left: 35px;
}

#search h1 {
	font-size: 13px;
	color: #b83306;
	line-height: 1.1em;
	margin: 0px;
	border-bottom: 1px solid #bb3609;
}

div.contenido {
	margin: 0px 20px;
	font-size: 13px;
}

div.contenido h2 {
	font-size: 20px;
	font-weight: normal;
}

div.contenido h2.mision {
	color: #ED1C24;
}

div.contenido h3 {
	border-bottom: 1px solid #F0B14A;
	font-size: 15px;
	font-weight: normal;
	margin: 10px 0 5px;
	padding: 0 0 5px;
}

div.contenido li,div.contenido2 li {
	line-height: 1.4em;
	list-style-image: url('images/li_bullet.gif');
}

div.contenido a {
	color: #ED1C24;
	text-decoration: none;
}

div.contenido a:hover {
	text-decoration: underline;
}

div.contenido2 {
	margin: 0px 20px;
	font-size: 13px;
	padding-bottom: 5px;
	background: url('images/page_content_box_bottom.gif') bottom left
		no-repeat;
	width: 515px;
	margin-bottom: 20px;
}

div.contenido2 div {
	width: 493px;
	border: 1px solid #bcbcbc;
	border-width: 0px 1px;
	padding: 10px;
	background-color: white;
}

.ie div.contenido2 div {
	width: 515px;
}

div.contenido2 p {
	float: left;
	width: 180px;
	margin: 0px 10px;
}

div.contenido2 img.floatRight {
	float: right;
	margin: 0px 10px;
}

div.contenido2 h2 {
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	color: white;
	height: 28px;
	margin: 0px;
	padding-top: 8px;
	background: transparent url('images/h2cont2.gif') top left no-repeat;
	display: block;
}

.ie div.contenido2 h2 {
	height: 36px;
}

div.contenido2 table {
	font-size: 13px;
	width: 472px;
}
div.contenido2 table thead td {
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

div.contenido2 table tr th {
	width: 272px;
	text-align: left;
}

div.contenido2 table tr th input {
	width: 70px;
	border: 1px solid black;
}

div.contenido2 table tr {
	background: white url('images/table-line.gif') bottom left no-repeat;
}

div.contenido2 table tr td {
	line-height: 20px;
	padding: 5px 20px;
}

div.contenido2 table tr td[id]{
	text-align: right;
	width: 80px;
}

div.clear {
	clear: both !important;
	border: none !important;
	background: inherit !important;
	height: 0px !important;
	width: 0px !important;
}

div.contenido div.btn_content a {
	background: transparent url('images/btn_content.gif') no-repeat scroll
		left top;
	display: block;
	font-size: 1.7em;
	height: 66px;
	line-height: 2.5em;
	margin: 1em 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 483px;
}

div.contenido div.btn_content a:hover {
	background: transparent url('images/btn_content.gif') no-repeat scroll
		left -66px;
	color: #FFFFFF;
	text-decoration: none;
}

/* $5 Footer Styles ----------------------------------------------------- */
#pie {
	background: transparent url('images/footer.gif') top left no-repeat;
	color: white;
	text-align: center;
	font-size: 11px;
	padding-top: 7px;
}

#pie a {
	font-size: 11px;
	color: white;
	text-decoration: none;
}

#pie a:hover {
	text-decoration: underline;
}

#pie #td {
	float: right;
	margin-right: 4px;
}

.ie #td {
	margin-top: -18px;
}

#pie #td a {
	font-size: 10px;
}

/* $8 Form Styles ------------------------------------------------------- */
#loading {
	text-align: center;
	margin: 30px;
}

form {
	margin-top: 10px;
}

.ie form {
	margin-top: 0px;
}

form label {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-top: 2px;
}

form label.check {
	display: inline;
	margin: 0px;
}

.ie form label.check {
	margin-left: 5px;
}

form select {
	font-size: 11px;
	height: 18px;
	display: block;
	width: 140px;
	margin-left: 5px;
}

.ie form select {
	height: 11px;
	line-height: 9px;
	font-size: 11px;
}

form #btnBuscar, form #btnLogin {
	font-size: 12px;
	height: auto;
	margin-left: 39px;
	margin-top: 10px;
	padding: 0 10px;
	width: 80px;
}

.ie form #btnBuscar, .ie form #btnLogin {
	height: 25px;
	width: 80px;
}

.ie #search #btnLogin {
	margin-top: 20px;
}

.ie6 form #btnBuscar, .ie7 form #btnBuscar {
	width: 80px;
	margin-left: 40px;
	height: 25px;
	margin-top: 160px;
}

.ie6 span.espacio,.ie span.espacio {
	display: block;
	line-height: 1px;
	font-size: 1px;
	height: 10px;
}

/* Form Contacto */
#form {
	text-align: center;
	margin: 0px auto;
	width: 250px;
}

#liveForm fieldset {
	text-align: left;
	border: none;
	font-size: 12px;
}

#liveForm label {
	display: block;
}

#liveForm input {
	width: 200px;
}

#liveForm input[type="radio"] {
	width: 30px;
	margin-left: 30px;
}

#liveForm .error {
	border: 1px solid red;
}

#liveForm .obligat {
	color: red;
	font-size: 11px;
}

#loginForm {
	margin-top: 30px;
}

#loginForm label {
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#loginForm input {
	font-size: 12px;
	height: 20px;
	margin-bottom: 20px;
}

#loginForm #btnLogin {
	height: auto;
	margin-left: 35px;
}

/* Afiliados en búsqueda */
div.afiliado {
	padding-left: 15px;
	background: white url('images/li_bullet.gif') left 7px no-repeat;
}

div.logo {
	min-height: 40px;
	min-width: 100px;
	float: right;
	position: relative;
	top: -18px;
}

.ie div.logo {
	height: 40px;
	width: 100px;
}

div.locales {
	background-color: #f0f0f0;
	border: 1px dotted #0f0f0f;
	border-bottom: none;
}

div.local {
	font-size: 12px;
	border-bottom: 1px dotted #0f0f0f;
	padding: 4px;
	padding-left: 10px;
}

div.jsonSuggestResults {
	border: 1px solid black;
	background-color: white;
	font-size: 11px;
	position: absolute;
	float: left;
	color: #333;
	z-index: 10;
}

.ie6 div.jsonSuggestResults { /*border: none;*/
	
}

div.jsonSuggestResults div.resultItem {
	line-height: 18px;
	z-index: 10;
}

div.jsonSuggestResults div.resultItem p {
	margin: 0px;
	margin-left: 10px;
}

div.jsonSuggestResults div.resultItem p strong {
	color: black;
}

div.jsonSuggestResults div.hover {
	background-color: #ccc;
}

iframe.jsonSuggestResults {
	border: 1px solid black;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	height: 100%;
	width: 100%;
	filter: alpha(opacity = 0);
}


/* Saldos */
#FormSaldo {
	width:100%
	overflow:hidden;
	text-align:center;
	margin:auto;
}
#tarjetaSaldos {}
#dniSaldos {}
#subSaldos {
	display:block;
	width:auto;
	margin:20px auto;
}

#loadingSaldos {
	text-align:center;
}
#resultadosSaldos {}
#nombreSaldo {
	width: 100%;
	float: none; 
	display: inline;
}
#nombre {
	font-weight: bold;
}

#tarjetaSaldo {
	padding-left:35px;
	width:100%;
	float: none;
}
#tarjeta {}
#montoSaldo {
	width: 100%;
	float: none;
	margin-top: 15px;
}
#saldo {
	font-size: 25px;
	font-weight: bold;
}
#actSaldo {
	width: 100%;
	float: none;
	font-weight: bold;
}
.ie #act {
	margin: 0px 5px;
}


/* CLUB */

 div.club_promo {
border:1px solid #666;
float:left;
margin-right:5px;
width:172px;
background-color: white;
margin-bottom: 15px;
}

div.club_promo h4, div.descrip_club_promo h4  {
	color: black;
	margin:0;
	padding:2px;
	text-align:left;
	border-bottom:1px solid #666;
}

div.club_promo h4 a, div.descrip_club_promo h4 a {
color: black;
font-size: 14px;
}

div.club_promo h5 {
	color: white;
	margin:0;
	font-size: 10px;
	text-align:left;
	padding: 0px 2px;
	border-bottom:1px solid #666;
	font-weight: normal;
	background: #FB9A27;
}

div.club_promo div.porcent {
background-color:#D92727;
color:white;
float:left;
font-size:15px;
font-weight:bolder;
height:80px;
padding-top:12px;
text-align:center;
width:45px;
}

.ie div.club_promo div.porcent {
	height: 84px;
	overflow: hidden;
}

div.club_promo div.logoClub {
overflow:hidden;
text-align:center;
vertical-align:middle;
width:120px;
	
} 
div.descrip_club_promo {
	border:1px solid #666;
	float:left;
	font-size:13px;
	padding:10px;
	width:300px;
	color: #333;
}

div.descrip_club_promo p.direccion {
	font-size: 12px;
	color: #454545;
}

div.descrip_club_promo p.valido{
	font-size: 9px;
	color: #666;
}

#center h5.Club {
	margin-left: 230px;
}
.ie #center h5.Club {
	margin-left: 220px;
}

span.print, a.print {
	color: #E37226;
	text-decoration: none;
	font-size: 10px;
	margin-left: 20px;
}
a.print:hover {
	text-decoration: underline;
}

p.nombre {
	color: #999;
	text-decoration: none;
	font-size: 10px;
	margin: 0px;
	margin-left: 20px;
	clear: both;
}


/* 3 promos club por fila */
 div.club_promo {
width:220px;
margin-right: 15px;
}

div.club_promo div.porcent {
	width: 80px;
	}

	
div.club_promo div.logoClub {
	width: 135px;
}