/* CSS Document */

body 
{
    padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
    background:#c4dbe9 url(../Img/_Core/bg-wizard.png) no-repeat;
    background-position: -110px -15px;
}
#logo_wiz {
	float:left;
	z-index:2;
	position:absolute;
	left:40px;
	top:5px;
	
}
#likehome{
    z-index:10; position:absolute; top:10px; float:right; margin-left:248px; width:610px; text-align:right;
}
#contenthome {
	width: 100%;
	margin: 2px auto;   
	height: 100%;
	height: auto !important;
	min-height: 100%;
}

#headhome {
	width: 949px;
	margin: 2px auto;   
	height: 100%;
	height: auto !important;
	min-height: 100%;
}

#bothome {
	width: 949px;
	margin: 2px auto;
	padding:450px 0 0 0;   
	height: 100%;
	height: auto !important;
	min-height: 100%;
}


#boxh1 , #boxh2 {
	padding: 10px;
	font-family:Arial;
}

#boxh1 {
	width:610px;
	margin: 40px 0 29px 208px;
}

#boxh2, #boxh3 {
	width:510px;
	margin: 20px 0px 50px 333px;
}


#boxh1 h1 {
	padding:3px 0 0 0;
	margin:0;
	font-size:23px;
	color:#02698C;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	text-align: right	
}

#boxh1 p {
	padding:5px 0 0 0;
	margin:0;
	font-size:12px;
	color:#000;
	line-height:19px;
	letter-spacing:-0.05em;
	text-align: right
}

#boxh2 h2, #boxh3 h3{
	padding:3px 0 0 0;
	margin:0;
	font-size:18px;
	color:#008fa5;
	text-transform:uppercase;
	letter-spacing:-0.05em;
}

#boxh2 ul,#boxh3 ul {
	padding:10px 0 0 15px;
	margin:0;
}

#boxh2 li, #boxh3 li {
	font-size:12px;
	padding:6px 0 0 0;
	
}

#content {
	width: 949px;
	margin: 2px auto;   
	height: 100%;
	height: auto !important;
	min-height: 100%;
}

#container {
	position: absolute;
	margin: -15px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.box {
    position: absolute;
    margin-left: -250px;
    width: 600px;
}

#box1 {
    left: 50%;
}

#box2 {
    left: 120%;
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#boxh3 {
	width:510px;
	margin-top: 50px;
}

.wizard {
	padding:10px 10px 20px 10px;
	background:#FFF;
	border:none;
	/*behavior: url(border-radius.htc);*/
	border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-khtml-border-radius:5px 5px 0 0;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	overflow: hidden;
}

.bot_wiz {
	margin:5px 0 0 0;
	width:100%;
	width: auto !important;
	display:block;
}

.bot_wiz a, #bot_wiz a:visited{
	display:block;
	text-decoration:none;
	font-size: 16px;
	font-family: 'Josefin Slab', arial, serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	text-shadow: #00889f 3px 3px 5px; 
	color:#FFFFFF;
	padding:10px 5px 10px 5px;
	border: solid 1px #008d9f;
	/*behavior: url(border-radius.htc);*/	
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background:#00bcd7;
	background:-webkit-gradient(linear,left top,left bottom,from(#00dbea),to(#008d9f));
	background:-moz-linear-gradient(left top,left bottom,from(#00dbea),to(#008d9f));
	background: -moz-linear-gradient(top, #00dbea, #008d9f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00dbea, endColorstr=#FF008d9f);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00dbea, endColorstr=#FF008d9f)";
	cursor:pointer;
	
}

.bot_wiz a:hover{
	background:#00abc9;
	background:-webkit-gradient(linear,left top,left bottom,from(#00d2e2),to(#00568d));
	background:-moz-linear-gradient(left top,left bottom,from(#00d2e2),to(#00568d));
	background: -moz-linear-gradient(top, #00d2e2, #00568d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00d2e2, endColorstr=#FF00568d);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00d2e2, endColorstr=#FF00568d)";
	
}


#wizard_stepo, #wizard_stept {
	background:url(../Img/_Core/wizard_step.png) no-repeat;
	width:49px;
	height:49px;
	display:block;
	float:left;
}

#wizard_stepo {
	margin-top:-2px;
	background-position: 0px 0px ;
}

#wizard_stept {
	margin-top:-2px;
	background-position: 0px -49px ;
}

.wiz_title {
 	padding: 5px 20px 5px 5px;
	margin-bottom:12px;
}

.wiz_tt {
	padding:10px 0 0 5px;
	margin:0 0 0 60px;
	font-family: 'Josefin Slab', arial, serif;
	font-size:28px;
	line-height:36px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 1px #555555 solid;
	text-align:left;
	color:#555555;
}

.banco, #tarjeta, #club, #promo, #ciudad {
	font-size:18px;
	padding:0 0 7px 0;
}

.banco_opt, #tarjeta_opt, #club_opt, #promo_opt {
	height:100%;
	height:30px;
	min-height:30px;
	background:none;
	text-align:center;
	padding:2px;
}

#wiz_opt {
	height:100%;
	height:30px;
	min-height:30px;
	background:none;
	text-align:center;
	padding:2px;
}

.wiz_line {
	height:1px;
	border-bottom: 4px dotted #e3e3e3;
	margin:0;
}
.wiz_info, .wiz_promo{
	clear:both;
}
.wiz_info, #wiz_cat, .wiz_promo {
	margin:0;
	padding:7px 10px 7px 10px;
}

#wiz_cat {
 	height:100%;
	height:auto !important; 
	min-height:220px;
	overflow:hidden;
}	

.wiz_info:hover, #wiz_cat:hover, .wiz_promo:hover {
	/*background:#e3f2f5;*/
	background:#f0faff;
}

.wiz_info ul, .wiz_promo ul {
	margin:0;
	padding:0;
	list-style:none;
}

.wiz_info li, .wiz_promo li {
	position:relative;
	float:left;
	display:block;
	list-style:none;
	font-size: 14px;
	line-height:16px;
	font-weight:normal;
	background:#fcd570;
	color:#000;
	margin-right:8px;
	/*behavior: url(border-radius.htc);*/
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding:5px 7px 7px 7px;
	text-align:left;
}
.wiz_promo li
{
	background:#dddddd;
}


#wiz_cat ul {
	margin:0;
	padding:0;
	list-style:none;
}

#wiz_cat li {
	position:relative;
	width:175px;
	float:left;
	display:block;
	list-style:none;
	font-size: 12px;
	line-height:16px;
	font-weight:normal;
	background:#fcd570;
	color:#000;
	margin:1px 3px 3px 0;
	/*behavior: url(border-radius.htc);*/
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding:0 2px 2px 5px;
}
.ez-checkbox{float:left;}
.wiz_catico {
	width:150px;
	height:30px;
	padding:2px 0 0 0 ;
	background:url(../Img/_Core/sprite_cat.png) no-repeat;
	text-align:left;
}

.wc7{
	background-position:  0px 0px ;
}

.wc2 {
	background-position:  0px -30px ;
}

.wc1 {
	background-position:  0px -363px ;
}

.wc10, .wc9{
	background-position:  0px -60px ;
}

.wc3 {
	background-position:  0px -90px ;
}

.wc12 {
	background-position:  0px -120px ;
}

.wc4 {
	background-position:  0px -150px ;
}

.wc11 {
	background-position:  0px -180px ;
}

.wc6 {
	background-position:  0px -210px ;
}

.wc16 {  /*celulares*/
	background-position:  0px -240px ;
}

.wc8 {  /*hogar*/
	background-position:  0px -270px ;
}

.wc5 {  /*viajes y turismo*/
	background-position:  0px -300px ;
}

.wc23 {  /*Educacion y Libros*/
	background-position:  0px -330px ;
}

.wiz_catxt {	
	padding: 7px 0 0 0;
	float:right;
	text-align:left;
	width:100px;
	letter-spacing:-0.1em;
}

.wiz_input{
	margin:6px 0 0 0;
}

.wiz_t {
	/*float:right;*/
	margin:2px 0 0 3px;
	float:left;
}

#wiz_catbot {
	height:1px;
	margin:0;
}

#SlBanco, #SlCard, #SlClub {
	background: url(../Img/_Core/checkbox-tree.png) no-repeat;
	background-position: 0 0;
	display:block;
	width:20px;
	height:17px;
	margin:1px 0 0 2px;
	cursor:pointer;
	float:left;
}

#m_banca, #m_tarjeta, #m_club {
	margin:20px 0 0 0;
	background:#FFF;
	border:solid 2px #feecb8;
	padding: 10px;
	display:none;
	float:left;
	clear:both;
}

.opcion_dato {
	height:100%;
	height:30px;
	min-height:30px;
	font-size:12px;
	color:#8d8d8e;
	padding:5px;
}

.opcion_dato a, a:visited{
	text-decoration:none;
	color:#00a6ca;
	cursor:pointer;
}

.opcion_dato a:hover{
	text-decoration:underline;
	color:#00a6ca;	
}

.opcion_sel {
	float:left;
}

.opt_oculta {
	margin: 0 0 0 450px;
	padding: 0 0 0 15px;
	background:url(../Img/_Core/wizard_close.png) no-repeat;
	background-position: 0 -2px;
}
.search_refine .col_d, .col_e {
    overflow: hidden;
	height:100%;
	width:125px;
	padding-bottom:15px;
	line-height:24px;
	margin:0 0 -10px 10px;
}

.search_refine .col_e {
	float:left;
}

.search_tt {
	list-style:none;
	font-size: 12px;
	font-weight:normal;
	color:#000;
}

.bot_continua {
	width:290px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.bot_wizard {
	background:#feecb8;
	height:68px;
	margin:-5px 0 0 0;
}

.cuenta_wiz {
	float:right;
	color:#0098b0;
	font-size:11px;
	font-weight:bold;
	margin:25px 25px 0 0;
}

.cuenta_wiz a, a:visited {
	text-decoration:none;
	color:#0098b0;
}

.cuenta_wiz a:hover {
	text-decoration:underline;
}

/* PIE ----------------------------------------------------------- */
/*
#footer {
    overflow: hidden;
    height: 100%;
	background:#7d7d7d;
	background:-webkit-gradient(linear,left top,left bottom,from(#797979),to(#393939));
	background:-moz-linear-gradient(left top,left bottom,from(#797979),to(#393939));
	background: -moz-linear-gradient(top, #797979, #393939);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF797979, endColorstr=#FF393939);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF797979, endColorstr=#FF393939)";
	color:#FFFFFF;
	padding: 0px 0px 5px 0px;
	line-height:21px;
	font-size:12px;
}*/

div#footleft {
    margin: 0px 318px 3px 0px;
	padding-top:10px;
}

div#footleft .foottit {
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}

div#footleft a {
	text-decoration:none;
	color:#c9c8c8;
	margin:0;
	padding:0;
}

div#footleft a:hover {
	text-decoration:underline;
	color:#FFF;
	margin:0;
	padding:0;
}

div#footleft .vermas, .vermas:visited {
	text-decoration:underline;
	color:#c9c8c8;
	margin:0;
	padding:0;
}

div#footleft .vermas:hover {
	color:#FFF;
	margin:0;
	padding:0;
}

div#footleft p {
	color:#c9c8c8;
	margin:0;
	padding:0 0 5px 0;
}

div#footline {
    margin: 18px 10px 3px 0px;
    width: 1px;
	height: 210px;
    float: right;
	border-left:#000000 1px solid;
	background:#999999;
}

div#footright {
	padding-top:18px;
    width: 300px;
    float: right;
}

div#footright a {
	text-decoration:none;
	color:#FFFFFF;
}

div#footright a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

div#foot_a {
	display:block;
	text-decoration:none;
	margin:0;
	padding:0;
}

div#foot_a a{
	display:block;
	text-decoration:none;
	margin:0;
	padding:1px 5px 1px 5px;
}

div#foot_a a:hover{
	display:block;
	background-color:#353535;
	text-decoration:none;
	margin:0;
	padding:1px 5px 1px 5px;
}

div#foot_b {
	width:100px;
	float:right;
	text-decoration:none;
	margin:0;
	padding:0;
}