/*
                                        
         #   #   #       #   #          
### # #  #  ###     ###  #      ###  ## 
### # #  #   #   #  # #  #   #  #   # # 
# # ###  ##  ##  ## ###  ##  #  ### #### 
                    #  

Proyecto: Sodexo pass
Resumen: Estilos landing beneficiarios
Version: 1.0
css ninja: Claudio Merino / www.requiem.cl
Descripcion:
	1.- Estilo espec’fico para landing beneficiarios
*/

/*estilos para carrusel de ASOCIADOS*/
#banner_aso{position: relative; with:780px; top: 30px;}


#carrusel_beneficiarios_1{width: 780px; height: 334px; background: transparent url(../images/fondo_carrousel_beneficiarios_1.png) no-repeat; margin: 10px auto;}
#carrusel_beneficiarios_2{width: 780px; height: 334px; background: transparent url(../images/fondo_carrousel_beneficiarios_2.png) no-repeat; margin: 10px auto;}
#carrusel_beneficiarios_3{width: 780px; height: 334px; background: transparent url(../images/fondo_carrousel_beneficiarios_3.png) no-repeat; margin: 10px auto; margin: 10px auto;}
#carrusel_beneficiarios_3 h2{margin-left: 130px!important;}

.carrusel{width: 780px; height: auto;}
.carrusel h2{margin-top: 100px; margin-left: 50px; font-size: 24px;}
.carrusel h2 strong{font-weight: bold;}
.carrusel h3{display: block; margin-top: 5px; margin-left: 50px; font-size: 14px;}
.carrusel h3 a{color: #034865;}
.ver_mas{position: absolute; top:10px; left: 160px; z-index:10;}
.numero_promo{position: absolute; top:39px; left: 0; height: 30px; color: white; margin-left: 10px; font-size: 15px; font-weight: bold; margin-top: 12px; z-index: 10;}
.numero_promo p{background-color: #A6CB12; height: 12px; padding: 9px 5px; width: 230px; margin-right: 1px; float: left;}
.numero_promo #pager{ display: inline; float: left;}
.numero_promo li{float: left; display: block; width: 24px; margin-right: 1px; height: 12px}
.numero_promo li a{background-color: #A6CB12; display: block; width: 8px; padding: 8px 8px 7px;}
.numero_promo_activa, .activeSlide{background-color: #034865!important;}
.numero_promo li a{color: white;}

.buscador_banner{position: absolute; margin-top: 220px; margin-left: 55px; width: 400px;}
.buscador_banner label{font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px;}
.buscador_banner input {width: 270px!important; height: 25px; padding: 4px; border: 1px solid white; background: white url(../images/fondo_input_clientes.gif) repeat-x top; color: #666; float: left; margin-right: 5px;}

a.btn_buscar {background-image: url(../images/boton_izq_3.png); background-position: left top; height: 28px; text-decoration: none; width: 90px; text-align: center; background-repeat: no-repeat; color: #fff; display: block; float:right; margin-right: 20px;}
a.btn_buscar span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block; margin-left: 20px;}
a.btn_buscar:hover {background-position: left bottom; text-decoration: underline;}
a.btn_buscar:hover span {background-position: right bottom;}

.promo_embed{position: absolute; margin-top: 40px; margin-left: 480px; font-size: 11px;}
.promo_embed h4{display: block; font-weight: bold; font-size: 12px; margin-bottom: 5px;}
.promo_embed img{border: 5px solid white;}
.promo_embed p{margin-left: 130px;}
.promo_embed a{color: #034865;}

a.btn_funciona {background-image: url(../images/boton_izq_2.png); background-position: left top; height: 28px; text-decoration: none; width: 110px; text-align: center; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_funciona span {background-image: url(../images/boton_der_2.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_funciona:hover {background-position: left bottom; text-decoration: underline;}
a.btn_funciona:hover span {background-position: right bottom;}

a.btn_reembolso {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 230px; text-align: center; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_reembolso span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_reembolso:hover {background-position: left bottom; text-decoration: underline;}
a.btn_reembolso:hover span {background-position: right bottom;}

a.btn_autoadhesivos {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 180px; text-align: center; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_autoadhesivos span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_autoadhesivos:hover {background-position: left bottom; text-decoration: underline;}
a.btn_autoadhesivos:hover span {background-position: right bottom;}





.title{float: left; width: 770px; height: auto; margin-left: 10px;}
.title h1{color:#729FB7; font-size: 22px;}
.title h2{color: #004665; font-size: 14px; margin-top: 5px;}

.contenido{width: 780px; height: auto; background: #ffd97f url(../images/fondo_beneficiarios.png) no-repeat top; margin-top: 40px; float: left;}
.contenido_left{width: 580px; float: left;}
.sel_region{width: 570px; margin-left: 30px; padding-top: 50px;}
.sel_region label{font-size: 18px; font-weight: bold; color: white;}
.nube_tags{width: 520px; margin-left: 30px; margin-top: 20px; margin-bottom: 50px;}
.nube_tags a{color: #336600;}
.alto1{font-size: 11px;}
.alto2{font-size: 14px;}
.alto3{font-size: 17px;}
.alto4{font-size: 19px;}
.alto5{font-size: 22px;}
.alto6{font-size: 25px; font-weight: bold;}
.alto7{font-size: 28px; font-weight: bold;}

.inicio_ofertas{width: 550px; height: 45px; background: transparent url(../images/fondo_inicio_ofertas.png) no-repeat bottom; margin-left: 30px;}
.inicio_ofertas h3{font-size: 13px; margin-bottom: 15px; font-weight: bold;}
.rss{float: right; margin-top: -33px; font-size: 11px;}
.rss a{color: #034865;}

.ofertas{background-color: white; width: 510px; padding: 0 20px; margin-left: 30px;}
.oferta_left{width: 255px; border-right: 1px dotted #ccc; float: left; height: auto; margin: 20px 0;}
.oferta_left img{float: left; margin-right: 15px; margin-left: 10px;}
.oferta_left a img{border: 5px solid #E9F2C4!important;}
.oferta_left a:hover img{border: 5px solid #A6CB12!important;}
.oferta_left p{width: 145px; margin-bottom: 5px!important; font-size: 11px; float: left; background-color: white; padding-right: 5px;}
.oferta_left h4 a{font-weight: bold; color: #A6CB12; display: block; font-size: 12px; margin-bottom: 4px; margin-top: 5px;}

.oferta_right{width: 250px;  float: right; height: auto; margin: 20px 0;}
.oferta_right img{float: left; margin-right: 15px; margin-left: 10px;}
.oferta_right a img{border: 5px solid #E9F2C4!important;}
.oferta_right a:hover img{border: 5px solid #A6CB12!important;}
.oferta_right p{width: 145px; margin-bottom: 5px!important; font-size: 11px; float: left;}
.oferta_right h4 a{font-weight: bold; color: #A6CB12; display: block; font-size: 12px; margin-bottom: 4px; margin-top: 5px;}

.precio{background-color: #FFFF66; font-size: 11px; padding: 2px; width: auto;}
.precio strong{font-weight: bold;}
.sep_vert_ofertas{width: 500px; border-bottom: 1px dotted #ccc; margin-left: 10px;}

.paginador{width: 550px; background-color: white; height: 30px; margin-left: 30px; text-align: center; padding-top:10px;}
.paginador li{display: inline; margin: 0 10px;}
.paginador li a{color: #A6CB12;}
.paginador_anterior {margin-right: 30px; font-size: 12px; color: #999;}	
.paginador_anterior a{color: #A6CB12;}
.paginador_siguiente {margin-left: 30px; font-size: 12px; color: #999;}	
.paginador_siguiente a{color: #A6CB12;}

.newsletter{width: 570px; margin-left: 20px; height: 79px; padding-top: 17px; background: transparent url(../images/fondo_newsletter.png) no-repeat;}
.recibe_newsletter{width: 340px; float: left; margin-top: 5px; margin-left: 0!important;}
.recibe_newsletter label{margin-left: 35px; font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px;}
.recibe_newsletter input {float: left; width: 200px!important; height: 25px; padding: 4px; border: 1px solid white; background: white url(../images/fondo_input_clientes.gif) repeat-x top; margin-left: 17px;}
a.btn_newsletter {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 80px; text-align: center; background-repeat: no-repeat; color: #fff; display: block; margin-right: 20px; float: right;}
a.btn_newsletter span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_newsletter:hover {background-position: left bottom; text-decoration: underline;}
a.btn_newsletter:hover span {background-position: right bottom;}
.agrega_newsletter {margin-left: 60px!important; float: left; display: block; width: 120px;}
.agrega_newsletter a{color: #004665; font-size: 13px; font-weight: bold;}

.contacta_jefe{width: 570px; margin-left: 20px; height: 36px; padding-top: 15px; background: transparent url(../images/fondo_contacta_jefe.png) no-repeat; font-size: 13px;}
.contacta_jefe p {margin-left: 70px; font-weight: bold;}
.contacta_jefe a{color: #004665; font-weight: bold;}

.info_util{width: 530px; margin-left: 60px; height: 91px; background: #D2E588 url(../images/fondo_info_util.png) no-repeat; font-size: 11px; margin-top: 10px;}
.info_util a{color: #004665;}
.info_util strong{font-weight: bold; font-size: 12px; display: block; margin-bottom: -5px;}
.que_hacer{padding-top: 10px; margin-left: 20px; width: 220px; float: left; }	
.contactanos{padding-top: 10px; margin-left: 60px; width: 200px; float: left;}	

.sidebar_beneficiarios{float: right; width: 160px; margin-right: 20px; margin-top: 50px; background: transparent url(../images/fondo_sidebar_beneficiarios.png) repeat-y;}
.beneficios_sidebar {width: 155px; background: transparent url(../images/fondo_beneficios_sidebar.png) repeat-x top; height: auto; padding-left: 5px;}
.beneficios_sidebar h3{color: #72A0B7; font-size: 14px; display: block; padding-top: 10px; margin-left: 10px; width: 130px; margin-bottom: 10px;}
.beneficios_sidebar ul{width: 130px; margin-left: 10px; padding-bottom: 10px;}
.beneficios_sidebar li{background:transparent url(../images/ico_bullet.png) no-repeat scroll left; font-size:12px; padding-left: 15px; display: block; margin-bottom: 15px; color: #004665;}

.servicios_cliente {width: 155px; background: transparent url(../images/fondo_servicio_cliente.png) repeat-x top; height: auto; padding-left: 5px;}
.servicios_cliente h3{color: #72A0B7; font-size: 14px; display: block; padding-top: 20px; margin-left: 10px; width: 130px; margin-bottom: 10px;}
.servicios_cliente ul{width: 130px; margin-left: 10px; padding-bottom: 10px;}
.servicios_cliente li{background:transparent url(../images/bullet_sidebar.png) no-repeat scroll left 9px; font-size:12px; line-height:25px; margin:0; padding:0 0 0 15px;}
.servicios_cliente li a{color: #034865;}

.clientes_sidebar{ width: 150px; margin-left: 5px; height: auto; padding-bottom: 10px;}
.clientes_sidebar h3{color: #72A1B7; font-size: 12px; font-weight: bold; margin-left: 10px; margin-top: 10px;}
.clientes_sidebar p{text-align: center;}
.clientes_sidebar img {margin: 10px auto;}

a.btn_contacto {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 80px; text-align: center; background-repeat: no-repeat; color: #fff; display: block; margin: 10px auto;}
a.btn_contacto span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_contacto:hover {background-position: left bottom; text-decoration: underline;}
a.btn_contacto:hover span {background-position: right bottom;}

.afilia_sidebar{width: 150px; background: transparent url(../images/fondo_afilia_sidebar.png) no-repeat top; margin-left: 5px;}
.afilia_sidebar h3{color: #72A0B7; font-size: 14px; display: block; padding-top: 20px; margin-left: 10px; width: 120px; margin-bottom: 10px;}
.afilia_sidebar h4{color: #034865; font-size: 12px; margin-top: 10px; display: block; width: 130px; margin-left: 10px; line-height: 120%;}
.afilia_sidebar ul{width: 130px; margin-left: 10px; padding-bottom: 10px; margin-top: 10px;}
.afilia_sidebar li{background:transparent url(../images/ico_bullet.png) no-repeat scroll left; font-size:12px; padding-left: 15px; display: block; margin-bottom: 15px; color: #004665;}

a.btn_afilia {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 130px; text-align: center; background-repeat: no-repeat; color: #fff; display: block; margin: 5px auto;}
a.btn_afilia span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_afilia:hover {background-position: left bottom; text-decoration: underline;}
a.btn_afilia:hover span {background-position: right bottom;}

.servicios_sidebar {width: 150px; background: transparent url(../images/fondo_afilia_sidebar.png) repeat-x top; height: auto; margin-left: 5px;}
.servicios_sidebar h3{color: #72A0B7; font-size: 14px; display: block; padding-top: 20px; margin-left: 10px; width: 130px; margin-bottom: 10px;}
.servicios_sidebar ul{width: 130px; margin-left: 10px; padding-bottom: 10px;}
.servicios_sidebar li{background:transparent url(../images/bullet_sidebar.png) no-repeat scroll left 9px; font-size:12px; line-height:25px; margin:0; padding:0 0 0 15px;}
.servicios_sidebar li a{color: #034865;}
.vivir_bien_sidebar{margin-bottom: -5px;}
.otros_productos{margin-top: -10px; margin-left: 30px;}
.otros_productos h3{display: block; margin-bottom: 5px; font-size: 13px; font-weight: bold;}
.otros_productos ul{width: 550px; height: 110px; padding-top: 10px; background: transparent url(../images/fondo_otros_productos_2.png) no-repeat; }
.otros_productos li{display: inline; height: 90px; margin-left: 30px;}
.fin_contenido_benef{width: 770px; height: 22px; background: transparent url(../images/final_content_3.png) no-repeat; margin: 0 auto; }

.beneficiarios_mapa{width: 780px; margin: 10px auto;}
.banner{text-align: center; margin: 10px auto;}

.buscador_resultados{width: 780px; height: 70px; background: transparent url(../images/fondo_buscador_resultados.png) no-repeat; float: left;}

.buscador_resultados label{font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px; float: left; margin-right: 5px; margin-top: 7px;}
.buscador_resultados input {width: 290px!important; height: 18px; padding: 4px; border: 1px solid white; background: white url(../images/fondo_input_clientes.gif) repeat-x top; color: #666; float: left; margin-right: 5px;}
.buscador_resultados p{width: 550px; margin-left: 30px; padding-top: 22px;}
.adhiere{float: left; width: 130px; position: relative; top: 50px; left: 630px;}
.adhiere a{color: #004665; font-size: 14px;}

a.btn_buscar {background-image: url(../images/boton_izq_3.png); background-position: left top; height: 28px; text-decoration: none; width: 90px; text-align: center; background-repeat: no-repeat; color: #fff; display: block; float:right;}
a.btn_buscar span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block; margin-left: 20px;}
a.btn_buscar:hover {background-position: left bottom; text-decoration: underline;}
a.btn_buscar:hover span {background-position: right bottom;}

.google{width: 770px; height: auto; background-color: #E9F2C4;}
.herramientas_mapa{width: 730px; margin-left: 20px; padding-top: 5px; padding-bottom: 5px;}
.herramientas_mapa p{display: inline; font-size: 11px;}
.herramientas_mapa a{color: #004665;}
.herramientas_mapa ul{float: right;}
.herramientas_mapa li{display: inline; font-size: 11px; margin-left: 10px;}
.herramientas_mapa strong a{font-weight: bold;}

.despliegue_mapa{width: 540px; border: 5px solid #A6CB12; height: auto; margin-left: 20px; background-color: white; float: left;}
.mapa{border-bottom: 1px solid #ccc;}
.filtro_mapa p{margin-left: 20px;}
.filtro_mapa{font-size: 11px; width: 500px; padding-top: 5px;}
.filtro_mapa ul{float: left; width: 105px; margin-left: 20px;}
.filtro_mapa li{margin-top: 5px;}

.fin_filtros{width: 500px; height: 40px; margin-left: 20px; font-size: 12px; padding-top: 10px; border-top: 1px dotted #999; margin-top: 10px;}
.fin_filtros a{color: #004665;}
a.btn_aplica_cambios {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 120px; text-align: center; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_aplica_cambios span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_aplica_cambios:hover {background-position: left bottom; text-decoration: underline;}
a.btn_aplica_cambios:hover span {background-position: right bottom;}

.ofertas_mapa{width: 180px; float: left; background-color: white; padding-bottom: 8px;}
.ofertas_mapa h4{font-size: 12px; font-weight: bold; padding: 10px; display: block; width: 120px;}
.ofertas_mapa object{width: 180px; height: 400px; margin-bottom: 10px;}
.ofertas_mapa p{margin-left: 25px;}

.oferta{width: 160px; height: auto; background: white url(../images/fondo_ofertas_sidebar.gif) repeat-x bottom; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.oferta img{float: left; margin-right: 5px; margin-left: 5px;}
.oferta a img{border: 2px solid #E9F2C4!important;}
.oferta a:hover img{border: 2px solid #A6CB12!important;}
.oferta p{width: 90px; margin-bottom: 5px!important; font-size: 11px; float: left; background-color: white; padding-right: 5px;}
.oferta h4 a{font-weight: bold; color: #A6CB12; display: block; font-size: 11px; margin-bottom: 4px; margin-top: 5px;}
.oferta{width: 160px; height: auto; margin: 20px 0; background: white url(../images/fondo_ofertas_sidebar.gif) repeat-x bottom; border-bottom: 1px solid #ccc; padding-bottom: 10px;}

.oferta_activa{width: 160px; height: auto; background-color: #FFFFCC; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: -20px; padding-top: 10px;}
.oferta_activa img{float: left; margin-right: 5px; margin-left: 5px;}
.oferta_activa a img{border: 2px solid #E9F2C4!important;}
.oferta_activa a:hover img{border: 2px solid #A6CB12!important;}
.oferta_activa p{width: 90px; margin-bottom: 5px!important; font-size: 11px; float: left; padding-right: 5px;}
.oferta_activa h4 a{font-weight: bold; color: #A6CB12; display: block; font-size: 11px; margin-bottom: 4px; margin-top: 5px;}
.precio_sidebar{background-color: #FFFF66; font-size: 11px; padding: 2px; width: auto;}
.precio_sidebar_activa{margin-left: 50px; background-color: #FFFF66; font-size: 11px; padding: 2px; width: auto;}
.precio_sidebar strong{font-weight: bold;}

a.btn_anuncia_aqui {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 120px; text-align: center; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_anuncia_aqui span {background-image: url(../images/boton_der.png); background-position: right top; height: 20px; padding-top: 8px; font-size: 10px; width: auto; font-weight: bold; background-repeat: no-repeat; color: #fff; display: block;}
a.btn_anuncia_aqui:hover {background-position: left bottom; text-decoration: underline;}
a.btn_anuncia_aqui:hover span {background-position: right bottom;}