@charset "utf-8";
/* CSS Document */

body{
    background-color: #F7F7F7;
    color: #797979;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 9px;
    margin: 0;
	}

a{
    text-decoration: none;
    color: #666666;
	outline:none;
	}
	
li{
	list-style:none;
	}

button{
	cursor:pointer;
	}

select{
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #FBFBFB;
    border: 1px solid #B6B6B6;
	}
	
input[type="text"]{
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #FBFBFB;
    border: 1px solid #B6B6B6;
	height:17px;
	background:url(img/bg_input.jpg) repeat-x left top;
	font-size:11px;
	padding-top:3px;
	}

input[type="password"]{
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #FBFBFB;
    border: 1px solid #B6B6B6;
	height:17px;
	background:url(img/bg_input.jpg) repeat-x left top;
	font-size:11px;
	padding-top:3px;
	}

input[type="password"]:hover{
	border:1px #7e7e7e solid;
	background-color:#f5f5f5;
	}
input[type="password"]:focus{
	border:1px #333 solid;
	}

input[type="text"]:hover{
	border:1px #7e7e7e solid;
	background-color:#f5f5f5;
	}
input[type="text"]:focus{
	border:1px #333 solid;
	}
	
textarea{
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #FBFBFB;
    border: 1px solid #B6B6B6;
	}
textarea:hover{
	border:1px #7e7e7e solid;
	background-color:#f5f5f5;
	}

#content_publico{
    /*height: 1160px;*/
    margin: 27px auto 0;
    width: 960px;
	}

#header{
	background-color: #FFFFFF;
    height: 95px;
    overflow: hidden;
    width: 960px;
	position:relative;
	}
	
.logo_tripley{
    height: 67px;
    margin: 10px 0 0 0;
    width: 112px;
	float:left;
	}
	
.logo_tripley2{
    height: 67px;
    margin: 20px 0 0 0;
    width: 112px;
	float:left;
	}

.logo_rp{
    height: 67px;
    margin: 0 0 0 22px;
    width: 173px;
	float:left;
	}

.num_info_publico{
    color: #838383;
    display: block;
    float: right;
    height: 37px;
    margin: 45px 4px 0 0;
    width: 164px;
	}

.logo_tienda_publico{
color: #979797;
    display: block;
    float: right;
    height: 61px;
    margin: 34px 7px 0 0;
    padding: 5px 0 0 6px;
    text-align: center;
    text-decoration: none;
    width: 130px;
	}
	
#menu{
    background-color: #673071;
    color: #F8F8F8;
    height: 29px;
    margin: 2px 0 0 0;
    padding: 0;
    width: 960px;
	}

#menu li{
	float:left;
	}
	
#menu li a{
	height:29px;
	float:left;
	margin:0 0 0 0;
	text-indent: -9999px;
	}

.btn_como_obtener{
    background: url("img/btn_menu_01.jpg") no-repeat scroll left top transparent;
    width: 138px;
	}
.btn_como_obtener:hover{
	background-position:left bottom;
	}
.btn_donde_usarla{
    background: url("img/btn_menu_02.jpg") no-repeat scroll left top transparent;
    width: 159px;
	}
.btn_donde_usarla:hover{
	background-position:left bottom;
	}

.btn_servicios{
    background: url("img/btn_menu_03.jpg") no-repeat scroll left top transparent;
    width: 133px;
	}
.btn_servicios:hover{
	background-position:left bottom;
	}
.btn_beneficios{
    background: url("img/btn_menu_04.jpg") no-repeat scroll left top transparent;
    width: 187px;
	}
.btn_beneficios:hover{
	background-position:left bottom;
	}
.btn_cuidar{
    background: url("img/btn_menu_05.jpg") no-repeat scroll left top transparent;
    width: 147px;
	}
.btn_cuidar:hover{
	background-position:left bottom;
	}
.btn_responsable{
    background: url("img/btn_menu_06.jpg") no-repeat scroll left top transparent;
    width: 196px;
	}
.btn_responsable:hover{
	background-position:left bottom;
	}

#contenido_public{
    /*height: 726px;*/
    margin-bottom: 3px;
    margin-top: 3px;
    width: 960px;
	overflow: hidden;
	}
	
#ingresa{
	background: url("img/bg_ingresa.jpg") no-repeat scroll left top white;
    /*background: url("img/bg_ingresa.jpg") no-repeat scroll left top #FFFFFF;*/
    border: 1px solid #DEDEDE;
    float: left;
	height: 130px;
    /*height: 121px;*/
    padding: 33px 0 0;
    width: 267px;
	position:relative;
	}
	
/*#ingresa{
    background: url("img/bg_ingresa.jpg") no-repeat scroll left top #FFFFFF;
    border: 1px solid #DEDEDE;
    float: left;
    height: 251px;
    padding: 48px 0 0;
    width: 267px;
	}*/	
	
#botonera_bajoIngreso{
	float: left;
	height: 122px;
	width: 267px;
	margin-top: 1px;
	}
	
	#botonera_bajoIngreso li{
		/*margin-top: 5px;*/
		margin-top: 2px;
		}
		
		a#solicita_btnRojo{
			background: url("img/btn_solicita_rojo.jpg") no-repeat left top;
    		color: #FFFFFF;
    		display: block;
    		font-family: Arial,Helvetica,sans-serif;
    		font-size: 15px;
    		height: 39px;
    		line-height: 39px;
    		padding-left: 34px;
    		width: 267px;
			}
			
		a#como_btnMorado, a#conoce_btnMorado, a#transfiere_btnMorado{
			background: url("img/btn_conoceNuestras_morado.jpg") no-repeat scroll left top transparent;
    		color: #FFFFFF;
    		display: block;
    		font-family: Arial,Helvetica,sans-serif;
    		font-size: 13px;
    		height: 31px;
    		line-height: 32px;
    		padding-left: 34px;
    		width: 234px;
			}

		a#conoce_btnMorado:hover, a#como_btnMorado:hover, a#transfiere_btnMorado:hover, a#solicita_btnRojo:hover{
			background-position:left bottom;
			}
		
#hazte_cliente{
	background: url("img/bg_hazte_cliente.jpg") no-repeat scroll left top transparent;
    border-top: 1px solid #DEDEDE;
    float: left;
    height: 85px;
    margin-top: 8px;
    width: 267px;
	}
	
#hazte_cliente a{
	background: url("img/btn_solicita_tarjeta.jpg") no-repeat scroll left top transparent;
    display: block;
    height: 45px;
    margin: 33px 0 0 55px;
    text-indent: -9999px;
    width: 152px;
	}
	
	#hazte_cliente a:hover{
		background-position: left bottom;
	}

#content_publico #contenido_public #ingresa form#log{
    float: left;
    height: 77px;
    margin-left: 15px;
    width: 245px;
	}

.empty{
    background-color: #FFF8A6 !important;
    background-image: none !important;
    border: 1px solid #FFC323 !important;
	}

#content_publico #contenido_public #ingresa form#log #mje_info{
    background: url("img/icon_info.gif") no-repeat scroll 3px center #FFF8AB;
    border: 1px solid #FFC62E;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #999999;
    float: left;
    margin: 9px 0 0;
    padding: 5px 5px 5px 30px;
	}

.tit_rut{
	float: left;
    margin-left: 20px;
    padding-top: 5px;
    width: 42px;
	}
	
.tit_pass{
    float: left;
    margin: 18px 0 0 20px;;
    width: 42px;
	}
	
#rut{
    float: left;
    width: 115px;
	}

.sep{
    float: left;
    margin: 6px 0 0 3px;
    width: 8px;
	}

#dv{
    float: left;
    margin-right: 20px;
    width: 23px;
	}

.pass{
    float: left;
    margin: 13px 0 0;
    width: 69px;
	}

.btn_ingresar{
    background: url("img/btn_ingresar.jpg") no-repeat scroll left top transparent;
    border: medium none;
    float: left;
    height: 23px;
    margin: 13px 0 0 7px;
    text-indent: -9999px;
    width: 77px;
	}

.btn_ingresar:hover{
	background-position:left -24px;
	}

#contenido_public #ingresa ul{
    float: left;
    margin: 0 0 0 70px;
    padding-left: 0;
    width: 140px; /* 20130228 original 130 px, se agranda para �Obtener clave �nica en una l�nea  */
	}


/*#contenido_public #ingresa ul{
    float: left;
    margin: 0 0 0 59px;
    padding-left: 0;
    width: 130px;
	}*/

#contenido_public #ingresa ul li{
    color: #999999;
    float: left;
    /*list-style: disc outside url("img/square.jpg");  REQ1 FASE 5 2013*/
    margin: 4px 0 0 0px;
    font-size: 11px;
	}

.info_seguridad{
    background: url("img/icon_security.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 14px;
    margin: 44px 0 0 22px;
    padding: 2px 0 0 22px;
    width: 140px;
	}
.info_seguridad:hover{
	text-decoration:underline;
	}
	
.info_rpuntos{
    background: url("img/icon_rpuntos.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 28px;
    margin: 12px 0 0 22px;
    padding: 7px 0 0 21px;
    width: 140px;
	}
.info_rpuntos:hover{
	text-decoration:underline;
	}

#banner{
    border: 1px solid #DEDEDE;
    float: right;
    height: 271px;
    width: 676px;
	}

#banner_small{
    float: left;
    height: 38px;
    margin: 3px auto;
    width: 958px;
    border: 1px solid #DEDEDE;
	}

#carousel_all{
	overflow:hidden;
	position:relative;
	width:678px;
	height:184px;
	float:right;
	}

#menu_izq{
    /*background: url("img/bg_menu.jpg") no-repeat scroll left top transparent;*/
    float: left;
    /*height: 205px;*/
    margin: 11px auto;
    padding: 0;
    width: 270px;
	}

ul#menu_izq li{
	background: url("img/btn_menu_izq.jpg") no-repeat scroll left top transparent;
    height: 37px;
    margin: 2px 0 0;
    width: 270px;
	}

ul#menu_izq li a{
	color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding: 10px 0 0 38px;
    width: 229px;
	}
	
ul#menu_izq li a:hover{
	color: #d2d2d2;
	}

/*ul#mycarousel li{
	border:1px #dddddd solid;
	}*/

#tabs{
    float: right;
    height: 22px;
    margin: 9px 0 0 0;
    padding: 0;
    width: 677px;
	}
#tabs a{
    float: left;
    padding: 6px 0 0;
    text-align: center;
	}

.on_tabs{
    background: url("img/bg_active.jpg") no-repeat scroll left top;
    color: #9C5291 !important;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    /*padding: 6px 13px 0 7px !important;*/
	width:250px;
	}
.off_tabs{
    background: url("img/bg_off.jpg") repeat scroll left top;
    border: 1px solid #E8E8E8;
    height: 15px;
    margin: 5px 0 0;
    padding: 2px 15px 0 !important;
	}

#content_calugas {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 960px;
	}
	
#content_calugas li{
	/*border:1px #dedede solid;*/
	height:142px;
	margin-top:16px;
	width:310px;
	}
	
	#content_calugas li img{
		border:1px #cdcdcd solid;
		float:left;
		}
	
	#content_calugas li p{
		color: #616161;
    	float: left;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	height: 101px;
    	margin: 6px 0 0 12px;
    	overflow: hidden;
    	width: 176px;
		}
		
	#content_calugas li span{
		color: #662869;
    	display: block;
    	font-size: 12px;
    	font-weight: bold;
    	margin-bottom: 5px;
    	width: 170px;
		}
		
	#content_calugas li a{
		background: url("img/btn_destacados.jpg") no-repeat scroll left top transparent;
    	color: #FFFFFF;
    	display: block;
    	font-size: 12px;
    	height: 24px;
    	line-height: 2;
    	margin: 117px 0 0 223px;
    	text-align: center;
    	width: 73px;
		}
		
	#content_calugas li a:hover{
		background-position:left bottom;
    	/*text-decoration:underline;*/
		}

p.titulo_inferior{
	border-bottom: 1px solid #A0A0A0;
    color: #707070;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    padding-left: 6px;
	}

.caluga_a{
	float:left;
	margin-right:11px;
	}
.caluga_b{
	float:left;
	margin-right:11px;
	}
.caluga_c{
	float:left;
	}

/* -- FOOTER --*/

#footer_publico{
    background: url("img/bg_footer.jpg") repeat-x scroll left top #E2E2E2;
    border: 1px solid #E5E5E5;
    color: #6E6E6E;
    float: left;
    /*height: 274px;*/
    width: 958px;
	margin-top:20px;
}

#footer_publico ul{
    border-right: 1px solid #CCCCCC;
    float: left;
    font-size: 14px;
    font-weight: bold;
    /*height: 175px;*/
    margin-left: 21px;
    margin-top: 26px;
    padding-left: 0;
    width: 168px;
	}
#footer_publico ul li{
	font-size:10px;
	font-weight:normal;
	margin-top:5px;
	height:16px;
	}

.direccion{
    float: right;
    height: 39px;
    margin: 11px 19px 0 0;
    text-align: right;
    width: 161px;
	}



#sociales span{
    display: block;
    font-size: 14px;
    font-weight: bold;
	}
#sociales p{
    float: left;
    margin: 7px 0 0;
    width: 265px;
	}

.verisign{
    background: url("img/icon_verisign.png") no-repeat scroll right top transparent;
    float: left;
    height: 29px;
    margin: 13px 0 0 180px;
    padding: 8px 38px 0 0;
    text-align: right;
    width: 155px;
	}

#footer_legal{
	background: url("https://www.ripley.cl/contenido/gui/privado/css/img/legal.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    margin-top: 15px;
    max-height: 103px;
    min-height: 55px;
    width: 958px;
	}
	
.txt_legal {
    float: left;
    margin: 15px 0 0 19px;
    max-height: 104px;
    min-height: 33px;
    width: 920px;
}
	
.btn_twitter{
    float: left;
    margin-right: 9px;
    width: 27px;
}
btn_facebook{
    float: left;
    width: 27px;
	}

#progressBar{
    background:#9a9a9a;
    width: 2px;
    z-index: 100;
	height:4px;
	clear:both;
}

#footer_publico ul li.tit{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 0;
	}
/*css carrusel productos*/

#third-carousel {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	}
.carrusel_productos ul{
	width:221px;
	text-align:center;
	}
.h1_productos {
	color:#333;
	font-size:12px;
	margin:12px 0 5px 0;
	}
.h2_productos {
	color:#666;
	font-size:10px;	
	margin: 3px 0 0;
	}
.h3_productos {
	color:#C00;
	font-size:12px;
	font-weight:bold;
	}
	
/* ALIANZA */

#caja_alianza{
    float: left;
    margin: 12px 0 0;
    width: 100%;
	}
	
/* COMERCIOS */

#caja_comercios{
    float: left;
    margin-top: 6px;
    overflow: hidden;
    width: 100%;
	}
/* FIN COMERCIOS */
	
.contentContactHeader {
    border-right: 1px solid #DDDDDD;
    left: 369px;
    margin-top: 7px;
    overflow: visible;
    padding: 0 0 0 155px;
    position: absolute;
    top: 30px;
    width: 110px;
}

/* HEADER COMERCIOS	*/
#menu{
position:relative;
	}
#contenido1{
	position:relative;	
	}
#content{
	position:relative;
	}


#topMenu li {
    color: #808082;
    display: block;
    float: left;
    font-size: 10px;
    margin-left: 6px;
}
#topMenu li.club a {
    background: url("bitmaps/square_bullet.gif") no-repeat scroll left 6px transparent;
    font-size: 10px;
    padding-left: 4px;
}
#topMenu li.sin_b a {
    font-size: 10px;
}
#topMenu a {
    color: #808082;
    font-size: 10px;
    text-decoration: none;
}
#topMenu a:hover {
    color: #951620;
}
#topMenu li.topLineaDer {
    border-right: 1px solid #808082;
    padding-right: 11px;
}


/*======== ARREGLOS PORTAL FINANCIERO =========*/

#menu_miga{
	background: url(/wcsstore/Ripley/en_US/Ripley_files/home/flash/include_y_css/css/2010/bitmaps/icon_home.gif) no-repeat 4px 3px;
	padding: 4px 0 9px 22px;
	margin: 10px 0 0 12px;
}
#menu_miga li{
	display: inline;
}
#menu_miga li .icon_miga{
	background: url(/wcsstore/Ripley/en_US/Ripley_files/home/flash/include_y_css/css/2010/bitmaps/icon_lista_miga.gif) no-repeat 0px 4px;
	padding-left: 9px;
	width:774px;
}
#menu_miga li a:hover{
	text-decoration: underline;
	color: #930c74;
}

.detCall {
	display: block;
    font-size: 12px;
    margin: 4px auto 0;
    text-align: center;
}

#topContentCenter {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    font-family: Arial;
    height: 22px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

/**/
div#topContentCenter #topMenu {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
	float: none;
}

div#topMenu ul {
    display: block;
    float: right;
    margin: 5px 15px 0 0;
    padding: 0;
}

#topMenu ul li a {
    color: #808082;
    font-size: 11px;
    text-decoration: none;
}

a.logo_tripley {
    margin: 10px 0 0;
   }
   
a.num_info_publico {
    color: #67686A;
    display: block;
    float: right;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    height: 37px;
    margin: 39px 10px 0 0;
    text-align: center;
    width: 134px;
}

a.num_info_publico:hover {
    color: #000000;
}

div.contentContactHeader {
    border: 0 none;
    float: left;
    left: 0;
    margin: 12px 7px 0 24px;
    overflow: visible;
    padding: 0;
    position: relative;
    top: 0;
    width: 110px;
}

div.contentContactHeader a{
    color: #949494;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 21px;
    margin: 7px 0 0;
    padding: 5px 0 0 33px;
}

div.contentContactHeader a#contactoF{background: url("img/mailF.gif") no-repeat scroll left top transparent;}
div.contentContactHeader a#seguroF{background: url("img/candadoF.gif") no-repeat scroll left top transparent;}

p.verisign {
    background: url("img/icon_verisign.png") no-repeat scroll left top transparent;
    float: left;
    height: 29px;
    margin: 6px 0 0 40px;
    padding: 8px 0 0 38px;
    text-align: left;
    width: 155px;
}

#footer_legal {
    background: none repeat scroll 0 0 #333333 !important;
}

#footer_legal .txt_legal {
    margin-top: 10px !important;
	float: left;
    font-size: 8px;
    margin: 15px 0 0 19px;
    max-height: 104px;
    min-height: 33px;
    width: 713px;
	visibility: visible;
}

#numTelFoot{
	height: 37px; 
	width: 163px;
	background: url("img/bgNumF.jpg") no-repeat left top;
	text-indent: -9999px;
	}

#footer_legal div {
    float: left;
    margin: 9px 0 0 24px;
}

#logoRF{
	background: url("img/logoRipleyF.jpg") no-repeat left top;
	float: left;
    height: 37px;
    margin: 10px 0 0 111px;
    text-indent: -9999px;
    width: 104px;
	}

/**/

#contComercios #comercios {
    margin: 0 auto;
    width: 960px;
}
#contComercios #comercios a {
	font-family: Arial, Helvetica, sans-serif;
    float: right;
}
#contComercios #comercios a.bg {
    color: #787878;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 14px;
}
#contComercios #comercios a.bg:hover {
    color: #000000;
}
#contComercios #comercios a.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    color: #787878;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
    padding: 0 18px;
    width: auto;
}
#contComercios #comercios a.selected:hover {
    text-decoration: none;
}
/**/

#topMenu li.club a {
    background: url("bitmaps/square_bullet.gif") no-repeat scroll left 6px transparent;
    font-size: 10px;
    padding-left: 4px;
}