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

Proyecto: Sodexo pass
Resumen: Estilos landing asociados
Version: 1.0
css ninja: Claudio Merino / www.requiem.cl
Descripcion:
	1.- Hack de Estilos
	2.- Estilos generales de tipografia y enlaces
	
----- PALETA COLORES ------
TEXTOS
Azul Link y Titulos: #014665
Gris: #333333
Fucsia Link Visited: #72A1B7

*/

/*estilos para carrusel de ASOCIADOS*/
#banner_aso{float:left;position:relative;width:780px;}
#carrusel_asociados_1{width: 780px; height: 334px; background: transparent url(../images/fondo_carrousel_parvulo_1.png) no-repeat; margin: 10px auto;}
#carrusel_asociados_2{width: 780px; height: 334px; background: transparent url(../images/fondo_carrousel_parvulo_2.png) no-repeat; margin: 10px auto;}
#banner_aso .carrusel{width: 780px; height: auto;}
#banner_aso .carrusel h2{margin-top: 110px; margin-left: 50px; font-size: 24px; background: none; color: #333333; line-height: 1em; padding: 0;}
#banner_aso .carrusel h2 strong{font-weight: bold; color: #333333;}
#banner_aso .carrusel h2.small{margin-top: 90px; font-size: 18px; }
#banner_aso .carrusel h3{display: block; margin-top: 10px; margin-left: 50px; font-size: 14px;}
#banner_aso .carrusel .upper{ text-transform: uppercase;}
#banner_aso .carrusel h3 a{color: #034865;}
#banner_aso .ver_mas{position: absolute; top:15px; left: 185px; z-index:10;}
#banner_aso .ver_mas img{ border: none;}
#banner_aso .numero_promo{position: absolute; top: 51px; left: 0; width: 320px; height: 30px; color: white; margin-left: 10px; font-size: 15px; font-weight: bold; z-index: 9;}

#banner_aso .numero_promo p{background-color: #800158; height: 12px; padding: 9px 5px; width: 160px; margin-right: 1px; float: left;}
#banner_aso .numero_promo #pager{ display: inline; float: left;}
#banner_aso .numero_promo li {float: left; display: block; width: 24px; margin-right: 1px; height: 12px}
#banner_aso .numero_promo li a{background-color: #800158; display: block; width: 8px; padding: 8px 8px 7px;}
#banner_aso .numero_promo_activa, .activeSlide{background-color: #00A0C6!important;}
#banner_aso .numero_promo li a{color: white;}
#banner_aso a:link{ text-decoration: none;}
#banner_aso .botones{position: absolute; margin-top: 250px; margin-left: 40px;}
#banner_aso .botones p{float: left; margin-right: 5px;}
#banner_aso .promo_embed{position: absolute; margin-top: 40px; margin-left: 480px; font-size: 11px;}
#banner_aso .promo_embed h4{display: block; font-weight: bold; font-size: 12px; margin-bottom: 5px;}
#banner_aso .promo_embed img{border: 5px solid white;}
#banner_aso .promo_embed p{margin-left: 130px;}
#banner_aso .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; padding: 0;}
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: 400px; height: auto; margin-left: 10px;}
.title h1{color:#729FB7; font-size: 22px;}
.title h2{color: #004665; font-size: 14px; margin-top: 5px;}

.estadistica{width: 285px; padding: 5px 0 0 0; float: right; font-size: 11px; color: #4C5259; background: transparent url(../images/fondo_estad.gif) no-repeat top;}
.estadistica p{ padding: 10px 6px 6px 6px; }
.estadistica strong{font-weight: bold;}
.estadistica small { font-size: 9px; }
.estadistica_final{width: 285px; height: 4px; float: right; background: transparent url(../images/fondo_estadisticas_final.gif) no-repeat bottom; clear: both;}

.contenido{width: 780px; height: auto; min-height: 625px; background: #C86CA2 url(../images/fondo_parvulo.png) no-repeat top; margin-top: 10px; padding-bottom: 25px;}
.contenido a img{ border:0; }


.contacto{width: 260px; margin-left: 30px; padding-top: 40px; padding-bottom: 25px; font-size: 12px; float: left;display:inline;}
.contacto h3{font-size: 19px; color: white; display: block; margin-bottom: 5px;}
.contacto h4{font-size: 12px; display: block;}
.contacto h4 strong{font-weight: bold;}
.contacto label{font-weight: bold; width: 260px; display: block; margin-top: 11px;}
.contacto input{width: 230px; height: 17px; padding: 4px; margin-top: 3px; border: 1px solid white; background: white url(../images/fondo_input_clientes.gif) repeat-x top;}
.contacto a{font-weight: bold; color: #004665;}
.contacto select{margin-top: 5px;}
.radio {width: 30px!important;margin-left: 20px;}
.input_150{width: 160px!important; /*height: 18px; padding: 4px; margin-top: 3px; border: 1px solid white; background: white url(../images/fondo_input_clientes.gif) repeat-x top;*/}

a.btn_contacto {background-image: url(../images/boton_izq.png); background-position: left top; height: 28px; text-decoration: none; width: 240px; text-align: center; background-repeat: no-repeat; color: #fff; display: block;}
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;}
.datos_contacto_asoc{font-size: 13px; margin-top: 37px; margin-left: 10px; line-height: 140%;display:block;}
* html .datos_contacto_asoc{margin-top:32px;}
.datos_contacto_asoc{margin-top:32px !important¡;}
.identifica{width: 260px; margin-left: 30px; padding-top: 40px; font-size: 12px; float: left;display:inline;}
.identifica h3{font-size: 19px; color: white; display: block; margin-bottom: 5px; margin-left: 5px;}
.identifica p{font-size: 14px; font-weight: bold; margin-top: 15px;}
.identifica a{color: #004665; font-weight: bold;}
.identifica img{width: 25px; height: 25px; margin-right: 10px; float: left; margin-top: 12px;}
.restaurant_destaca{width: 260px; height: 260px; background: url(../images/fondo_identifica_parvulo.png) no-repeat 0px 0px; margin-left: 5px;}
.restaurant_destaca p{padding-top: 195px; padding-left: 20px; width: 120px; font-size: 11px;}
.restaurant_destaca p.no{padding-top: 5px; margin-top: 5px;}
.restaurant_destaca a{color: #004665; font-weight: bold;}

.sidebar{float: right; width: 160px; margin-right: 20px; margin-top: 50px; background: transparent url(../images/fondo_sidebar_parvulo.png) repeat-y;display:inline;}


.servicios_cliente {width: 155px; background: transparent url(../images/fondo_servicio_parvulo.png) repeat-x center 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_parv.gif) no-repeat scroll left 9px; font-size:12px; margin:0; padding: 5px 0 5px 15px;}
.servicios_cliente li a{color: #034865;}

.donde_usar_sidebar{width: 150px; background: transparent url(../images/fondo_donde-usa_sidebar_2.png) no-repeat; height: 162px; margin-left: 5px;}
.donde_usar_sidebar h3{color: #72A0B7; font-size: 14px; display: block; padding-top: 20px; margin-left: 10px; width: 130px;}
.donde_usar_sidebar p{color: #034865; font-size: 12px; margin-top: 20px; margin-left: 25px; width: 70px;}
.donde_usar_sidebar a{color: #034865;}

.servicios_sidebar {width: 150px; background: transparent url(../images/fondo_servicios_sidebar_2_parv.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_parv.gif) 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: 20px; margin-left: 30px; width: 550px; clear:left;}
.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_parv.png) no-repeat; }
.otros_productos li{display: inline; height: 90px; margin-left: 5px;}
.fin_contenido{width: 780px; height: 22px; background: transparent url(../images/final_content_parvulo.png) no-repeat; margin: 0 auto; }

.contacto .error_nombre, .contacto .error_mail, .contacto .error_rut, .contacto .error_empresa, .contacto .error_tel, .contacto .error_dire{border: solid 1px #FF3333;} 
.exito{padding: 100px 0 201px 0;}

#content2col #content{/*margin:10px auto 40px;*/}