/*Bloque Vacantes Destacadas*/
DIV#plp_vuno
{
    width:918px;
    height:300px;
    border:1px solid #FF0000;
}
DIV#lp_datos_bloque
{
    width:918px;
    height:120px;
    margin:0 0 20px 0;
    border-bottom:2px solid #333333;
}
DIV#lp_datos_bloque H1
{
    color:#009DDC;
    margin:0 auto;
    width:405px; 
    font-weight:normal;  
}
﻿/*Vista A para prueba A/B Testing*/
/*Bloque Vacantes Destacadas*/
A#boton_registro_empresa
{ 
	background: url("lp_plan10_destacada_registrarempresa.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 100px;
    margin-right: 10px;
    text-indent: -99999px;
    width: 210px;
    cursor:pointer;
}

DIV#lp_datos_bloque_footer
{
    width:918px;
    height:80px;
    margin:20px 0 20px 0;
    float:left;
}
DIV#lp_datos_bloque_footer H1
{
    color:#009DDC;
    margin:0 auto;
    font-weight: bold;  
    text-align:center;
    font-size:155%;
    line-height:normal;
}
DIV#lp_datos_bloque_listadocompleto
{
    width:918px;
    height:20px;
    margin:20px 0 20px 0;
    float:left;
}
DIV#lp_datos_bloque_listadocompleto A
{
    color:#656565;
    padding: 0 10px 0 0;
    font-weight: normal;
    text-align: left;
    font-size: 100%;
    float: right;
    text-decoration:underline;
    cursor:pointer;
    background:url("lp_plan_listado_flecha.png")  no-repeat right 0px top 5px;
}
DIV#lp_datos_bloque_listadocompleto A:HOVER
{
    text-decoration:none;
}
.lp_datos_content
{
    width:460px;
    height:20px;
    background:#2481FF;
    border:1px solid #333333;
    margin:10px auto;
    padding:20px 60px 20px 60px;
    border-radius:10px 10px 10px 10px;
}
DIV.lp_datos_content A
{
    color:#FFFFFF;
    font-size:120%; 
    font-weight:normal;  
    padding: 0 0 0 30px;
}
DIV.lp_datos_content A SPAN
{
    font-weight:bold;  
    font-size:125%;
}
DIV.li_message_plan_vacante
{
    width: 920px;
    float: left;
    height: auto;
    margin:30px 0 0 0;
}
DIV#li_message_plan_vacante_left
{
	width:500px;
	float:left;
}
DIV.li_message_plan_vacante H2
{
    font-size:170% !important;
}

DIV#lp_btn_soyreclutador 
{
    width:210px;
    height:100px;
    display: block;
    margin:0;
    padding:0;
    float:left;
}

DIV#lp_btn_soyreclutador A
{
    width:210px;
    height:100px;
    background:url("lp_plan10_destacada_registrarempresa.png")  no-repeat;
    float:left;
    margin:0;
    padding:0;
}


/*Versión primera de listado de paquetes*/
DIV#lp_vuno
{
    width:auto;
    height:auto;
    overflow:hidden;
    margin:10px 0 0 0;
    float:left;    
}
/*Paquete de vacantes destacadas 01*/
DIV#lp_vacante_destacada_01
{
    width:300px;
    height:435px;
    background:url("lp_plan_destacada.jpg")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_destacada_01 .lp_vacante_destacada_cantidad_circle
{
    width:85px;
    height:85px;
    background:url("lp_plan1_destacada_circle.png")  no-repeat;
    float:left;
    margin:15px 0 0 10px;
    padding:0;
}

/*Paquete de vacantes destacadas 05*/
DIV#lp_vacante_destacada_05
{
    width:300px;
    height:435px;
    background:url("lp_plan_destacada.jpg")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_destacada_05 .lp_vacante_destacada_cantidad_circle
{
    width:85px;
    height:85px;
    background:url("lp_plan5_destacada_circle.png")  no-repeat;
    float:left;
    margin:15px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_destacada_05 .lp_vacante_destacada_precio P
{
    text-decoration: line-through !important;
}
/*Paquete de vacantes destacadas 10*/
DIV#lp_vacante_destacada_10
{
    width:300px;
    height:435px;
    background:url("lp_plan_destacada.jpg") no-repeat;
    float:left;
    margin:0;
    padding:0;
}
DIV#lp_vacante_destacada_10 .lp_vacante_destacada_cantidad_circle
{
    width:85px;
    height:85px;
    background:url("lp_plan10_destacada_circle.png")  no-repeat;
    float:left;
    margin:15px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_destacada_10 .lp_vacante_destacada_precio P
{
    text-decoration: line-through !important;
}


/*Paquete de vacantes destacadas bloques en común*/
/*Header de la vacante*/
DIV.lp_vacante_destacada_header
{
    width: 290px;
    height: 116px;
    margin: 7px 0 0 4px;
    /*border: 1px solid #FF0000;*/
}
div.lp_vacante_destacada_header p
{
    width: 110px;
    height: auto;
    float: left;
    margin: 30px 0 0 3px;
    padding: 0;
    color: #D6E69C;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
}

/*Sección de tiempo de la vacante*/
DIV.lp_vacante_destacada_tiempo
{
    width: 290px;
    height: 64px;
    margin: 2px 0 0 4px;
    padding:3px 0 0 0;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_destacada_iconotiempo
{
    width:30px;
    height:50px;
    background:url("lp_plan_destacada_tiempo.png") no-repeat;
    float:left;
    margin:5px 10px 0 10px;
    padding:0;
}
DIV.lp_vacante_destacada_datostiempo 
{
    width: 220px;   
    padding:0 0 0 4px !important;
    margin:0 0 0 4px !important;     
    list-style:disc;
    list-style-position:outside; 
    float:left;   
}
DIV.lp_vacante_destacada_datostiempo UL
{
    width: 280px;   
	padding:0 !important;
    margin:0 !important;    
}
DIV.lp_vacante_destacada_datostiempo UL LI
{
    color:#1A2D19;
    font-weight:bold;
    font-size:90%; 
    line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:220px;
}

/*x2 Postulaciones*/
DIV.lp_vacante_destacada_doblepostulaciones
{
    width: 290px;
    height: 50px;
    margin: 2px 0 0 4px;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_destacada_x2icono
{
    width:43px;
    height:33px;
    background:url("lp_plan_destacada_x2.png") no-repeat;
    float:left;
    margin:5px 20px 0 10px;
    padding:0;
}
DIV.lp_vacante_destacada_x2datos P
{
    color:#D6E69C;
    font-weight:bold;
    font-size:100%; 
    line-height:12pt;
    margin: 6px 0 0 -10px;
    width: 205px;
    float:left;
	text-align:left;
}

/*GRATIS datos contacto*/
DIV.lp_vacante_destacada_datoscontacto
{
    width: 290px;
    height: 77px;
    margin: 2px 0 0 4px;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_destacada_datoscontacto_img
{
    width:250px;
    height:73px;
    background:url("lp_plan_destacada_gratiscon.png") no-repeat;
    margin:5px auto;
    padding:0;
}
P.lp_vacante_destacada_datoscontacto_txtgratis
{
    color: #1A2D19;
    font-weight: bold;
    font-size: 180%;
    margin: 15px 0 0 75px;
    float: left;
}
P.lp_vacante_destacada_datoscontacto_txtdatos
{
    color: #1A2D19;
    font-weight: bold;
    font-size: 120%;
    margin: 7px 0 0 55px;
    float: left;
}
P.lp_vacante_destacada_datoscontacto_txtdatos SPAN
{
    font-weight: normal;
    font-size: 80%;
}

/*Precio de la vacante*/
DIV.lp_vacante_destacada_precio
{
    width: 290px;
    height: 35px;
    margin: 2px 0 0 4px;
    padding:0 0 0 0;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_destacada_precio P
{
    color: #1A2D19;
    font-weight: bold;
    font-size: 100%;
    margin: 10px auto 0 auto;
    text-align:center;   
}

/*Boton Comprar*/
DIV.lp_vacante_destacada_btn_comprar
{
    width: 290px;
    height: 54px;
    margin: 2px 0 0 4px;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_destacada_btn_comprar_plan 
{
    padding: 2px;
    width:200px;
    margin: 15px auto 0 auto;
    text-align:center;   
}
DIV.lp_vacante_destacada_btn_comprar_plan A
{
     background-color: #C43B10;
     background: -moz-linear-gradient(center top , #FF8500 0%, #FF6600 50%, #FF0000 50%, #FF9933) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(163, 61, 35) 36%, rgb(255,44,0) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,158,0) 36%, rgb(255,44,0) 68%);
     border: 1px solid #8B150B;
     border-radius: 8px 8px 8px 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 130%;
     font-weight: bolder;
     padding: 10px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
     cursor:pointer;
     align-items: flex-start;
     text-align: center;   
     box-sizing: border-box;
     width:200px;
     text-decoration:none;
     
}
DIV.lp_vacante_destacada_btn_comprar_plan A:HOVER
{
     background: -moz-linear-gradient(center top , #FFA800 0%, #FFA800 50%, #FF7500 50%, #F9CF32) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-color: #FFA800;
     color: #5D0A00;
     text-decoration: none;
}

/*Bloque Vacantes Basicas*/
DIV#lp_vdos
{
width: auto;
height: auto;
overflow: hidden;
margin: 10px 0 0 0;
float: left;
}
/*Paquete de vacantes basicas 01*/
DIV#lp_vacante_basica_01
{
    width: 299px;
    height: 338px;
    background:url("lp_plan_basica.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_basica_01 .lp_vacante_basica_cantidad_circle
{
    width:80px;
    height:80px;
    background:url("lp_plan1_basica_circle.png")  no-repeat;
    float:left;
    margin:4px 0 0 10px;
    padding:0;
}
/*Paquete de vacantes basicas 05*/
DIV#lp_vacante_basica_05
{
    width: 299px;
    height: 338px;
    background:url("lp_plan_basica.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_basica_05 .lp_vacante_basica_cantidad_circle
{
    width:80px;
    height:80px;
    background:url("lp_plan5_basica_circle.png")  no-repeat;
    float:left;
    margin:4px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_basica_05 .lp_vacante_basica_precio P
{
    /*text-decoration: line-through !important;*/
}
/*Paquete de vacantes basicas 10*/
DIV#lp_vacante_basica_10
{
    width: 298px;
    height: 338px;
    background:url("lp_plan_basica.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_basica_10 .lp_vacante_basica_cantidad_circle
{
    width:80px;
    height:80px;
    background:url("lp_plan10_basica_circle.png")  no-repeat;
    float:left;
    margin:4px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_basica_10 .lp_vacante_basica_precio P
{
    /*text-decoration: line-through !important;*/
}
/*Paquete de vacantes básicas bloques en común*/
/*Header de la vacante*/
DIV.lp_vacante_basica_header
{
    width: 290px;
    height: 88px;
    margin: 7px 0 0 4px;
    /*border: 1px solid #FF0000;*/
}
div.lp_vacante_basica_header p
{
    width: 155px;
    height: auto;
    float: left;
    margin: 26px 0 0 10px;
    padding: 0;
    color: #F5F5F5;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
}
/*Sección de tiempo de la vacante*/
DIV.lp_vacante_basica_tiempo
{
    width: 290px;
    height: 64px;
    margin: 15px 0 0 4px;
    padding:3px 0 0 0;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_basica_iconotiempo
{
    width:30px;
    height:50px;
    background:url("lp_plan_basica_tiempo.png") no-repeat;
    float:left;
    margin:5px 9px 0 10px;
    padding:0;
}
DIV.lp_vacante_basica_datostiempo 
{
    width: 220px;   
    padding:0 0 0 4px !important;
    margin:0 0 0 4px !important;     
    list-style:disc;
    list-style-position:outside; 
    float:left;
}
DIV.lp_vacante_basica_datostiempo UL
{
    width: 220px;  
    padding:0 !important;
    margin:0 !important;         
}
DIV.lp_vacante_basica_datostiempo UL LI
{
    color:#4A494A;
    font-weight:bold;
    font-size:90%; 
    line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:220px;
}

/*Datos contacto*/
DIV.lp_vacante_basica_datoscontacto
{
    width: 290px;
    height: 45px;
    /*border: 1px solid #FF0000;*/
    padding:0 0 0 4px !important;
    margin:2px 0 0 4px !important;     
    list-style:disc;
    list-style-position:outside; 
    float:left;
}
DIV.lp_vacante_basica_datoscontacto UL
{
    width: 220px;  
    padding:0 !important;
    margin:0 !important;     
}
DIV.lp_vacante_basica_datoscontacto UL LI
{
    color:#4A494A;
    font-weight:bold;
    font-size:90%; 
    line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:220px;
}
DIV.lp_vacante_basica_icono_datoscontacto
{
    width:34px;
    height:28px;
    background:url("lp_plan_basica_gratiscon.png") no-repeat;
    float:left;
    margin:5px 5px 0 10px;
    padding:0;
}
DIV.lp_vacante_basica_lista_datoscontacto
{
    padding:0 0 0 0 !important;
    margin:0 0 0 5px !important;
    width:220px;
    float:left;
}
/*Precio de la vacante*/
DIV.lp_vacante_basica_precio
{
    width: 290px;
    height: 35px;
    margin: 2px 0 0 4px;
    padding:0 0 0 0;
	float:left;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_basica_precio P
{
    color: #149CD8;
    font-weight: bold;
    font-size: 100%;
    margin: 10px auto 0 auto;
    text-align:center;   
}

/*Boton Comprar*/
DIV.lp_vacante_basica_btn_comprar
{
    width: 290px;
    height: 54px;
    margin: 20px 0 0 4px;
    /*border: 1px solid #FF0000;*/   
	float:left;
}

DIV.lp_vacante_basica_btn_comprar_plan 
{
    padding: 2px;
    width:200px;
    margin: 0 auto;
    text-align:center;
}
DIV.lp_vacante_basica_btn_comprar_plan A
{
     background-color: #C43B10;
     background: -moz-linear-gradient(center top , #FF8500 0%, #FF6600 50%, #FF0000 50%, #FF9933) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(163, 61, 35) 36%, rgb(255,44,0) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,158,0) 36%, rgb(255,44,0) 68%);
     border: 1px solid #8B150B;
     border-radius: 8px 8px 8px 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 130%;
     font-weight: bolder;
     padding: 10px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
     cursor:pointer;
     align-items: flex-start;
     text-align: center;   
     box-sizing: border-box;
     width:200px;
     text-decoration:none;
}

DIV.lp_vacante_basica_btn_comprar_plan A:HOVER
{
     background: -moz-linear-gradient(center top , #FFA800 0%, #FFA800 50%, #FF7500 50%, #F9CF32) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-color: #FFA800;
     color: #5D0A00;
     text-decoration: none;
}


/*Contenedor Tarjetas Pagos*/
#box_b, #content_b, #bottom_b, #content_bRecruiter 
{
    width: 980px;
    float: left;
}

#content_bRecruiter
{
    background: #FFF;
    padding: 10px 0px;
    margin: 10px 0px;
}

#top_b 
{
    /*background: url("https://h3.occ.com.mx/Content/Home/img-default/bg_top_jo.png") no-repeat;*/
}

#top_b, #bottom_b 
{
    height: 30px;
    display: none;
}

#bottom_b 
{
    /*background: url("https://h3.occ.com.mx/Content/Home/img-default/bg_bottom_jo.png") no-repeat;*/
}


/*wrapb izquierda*/
#lp_wrapb_izq
{
     width:700px; 
     height:105px;  
     margin:0 0 0 10px; 
     padding:0; 
     float: left;   
}

#lp_wrapb_izq_top
{
     width: 695px;
     height: 25px;
     border-bottom: 1px solid #E5E5E5;
     margin: 0 0 0 5px;
     padding: 15px 0 0 0;
     float: left;
}

#lp_wrapb_izq_top A
{
     font-weight: bold;
     color: #0D9CD8;
     text-decoration: none;
     margin: 0 0 0 139px;
     padding: 9px 0 0 30px;
     background: url("lp_wrapb_compra_productos_icon.png") no-repeat;
}

#lp_wrapb_izq_top A:HOVER
{
     text-decoration: underline;
}

#lp_wrapb_izq_top A SPAN
{
     color: #000000;
}
#lp_wrapb_izq_bottom
{
     width:700px; 
     height:45px; 
     margin:0 0 0 0; 
     padding:0; 
     float: left;
}
#lp_wrapb_izq_formaspago
{
     width: 80px;
     margin: 10px 0 0 10px;
     padding: 0;
     float: left;
}
#lp_wrapb_izq_formaspago P
{
     font-weight: normal;
     color: #0D9CD8;
     text-decoration: none;
}
.lp_wrapb_izq_tarjetas
{
     width: 590px;
     height: 45px;
     border-left: 1px solid #E5E5E5;
     margin:5px 0 0 0;
     padding: 0;
     float: left;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_visa
{
     background: url("lp_wrapb_compra_productos_visa.png") no-repeat;
     width: 75px;
     height: 23px;
     display:block;
     float:left;
     /*cursor:pointer;*/
     margin: 8px 0 0 20px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_mastercard
{
     background: url("lp_wrapb_compra_productos_mastercard.png") no-repeat;
     width: 55px;
     height: 33px;
     display:block;
     float:left;
     /*cursor:pointer;*/
     margin:6px 0 0 30px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_amex
{
     background: url("lp_wrapb_compra_productos_amex.png") no-repeat;
     width: 39px;
     height: 34px;
     display:block;
     float:left;
     /*cursor:pointer;*/
     margin:6px 0 0 30px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_paypal
{
     background: url("lp_wrapb_compra_productos_paypal.png") no-repeat;
     width: 85px;
     height: 22px;
     display:block;
     float:left;
     /*cursor:pointer;*/
     margin:15px 0 0 30px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_pefectivo
{
     background: url("lp_wrapb_compra_productos_pefectivo.png") no-repeat;
     width: 81px;
     height: 33px;
     display:block;
     float:left;
     /*cursor:pointer;*/
     margin:6px 0 0 30px;
     padding:0;
}
#lp_wrapb_izq_formaspago_leyendas
{
     width: 573px;
     height: 20px;
     margin: 0 0 0 109px;
     padding: 0;
     float: left;
     font-size: 55%;
     color:#C4C4C4;
}

/*wrapb derecha*/
#lp_wrapb_der
{
     width: 255px;
     height: 90px;
     border-left: 1px solid #E5E5E5;
     margin: 0 0 0 5px;
     padding: 0 0 0 5px;
     float: left;
}
#lp_wrapb_der_seguridad_leyendas
{
     font-size: 75%;
     color: #C4C4C4;
     width: 240px;
     background: url("lp_wrapb_compra_productos_seguridad.png") no-repeat;
}
#lp_wrapb_der_seguridad_leyendas P
{
     padding: 0 0 0 25px;
}
#lp_wrapb_der_verisign A#lp_wrapb_der_verisign_logo
{
     background: url("lp_wrapb_compra_productos_verisign.png") no-repeat;
     width: 65px;
     height: 32px;
     display:block;
     float:left;
     /*cursor:pointer;*/
     margin: 8px 0 0 168px;
     padding:0;
}
DIV#plp_vuno{
    width:918px;
    height:300px;
    border:1px solid #FF0000;
}
DIV#lp_datos_bloque{
    width:918px;
    height:120px;
    margin:0 0 20px 0;
    border-bottom:2px solid #333333;
}
DIV#lp_datos_bloque H1{
    color:#009DDC;
    margin:0 auto;
    width:405px;
     font-weight:normal;
  }
A#boton_registro_empresa{
 	background: url("lp_plan10_destacada_registrarempresa.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 100px;
    margin-right: 10px;
    text-indent: -99999px;
    width: 210px;
    cursor:pointer;
}
DIV#lp_datos_bloque_footer{
    width:918px;
    height:80px;
    margin:20px 0 20px 0;
    float:left;
}
DIV#lp_datos_bloque_footer H1{
    color:#009DDC;
    margin:0 auto;
    font-weight: bold;
      text-align:center;
    font-size:155%;
    line-height:normal;
}
DIV#lp_datos_bloque_listadocompleto{
    width:918px;
    height:20px;
    margin:20px 0 20px 0;
    float:left;
}
DIV#lp_datos_bloque_listadocompleto A{
    color:#656565;
    padding: 0 10px 0 0;
    font-weight: normal;
    text-align: left;
    font-size: 100%;
    float: right;
    text-decoration:underline;
    cursor:pointer;
    background:url("lp_plan_listado_flecha.png")  no-repeat right 0px top 5px;
}
DIV#lp_datos_bloque_listadocompleto A:HOVER{
    text-decoration:none;
}
.lp_datos_content{
    width:460px;
    height:20px;
    background:#2481FF;
    border:1px solid #333333;
    margin:10px auto;
    padding:20px 60px 20px 60px;
    border-radius:10px 10px 10px 10px;
}
DIV.lp_datos_content A{
    color:#FFFFFF;
    font-size:120%;
     font-weight:normal;
      padding: 0 0 0 30px;
}
DIV.lp_datos_content A SPAN{
    font-weight:bold;
      font-size:125%;
}
DIV.li_message_plan_vacante{
    width: 920px;
    float: left;
    height: auto;
    margin:30px 0 0 0;
}
DIV#li_message_plan_vacante_left{
	width:500px;
	float:left;
}
DIV.li_message_plan_vacante H2{
    font-size:170% !important;
}
DIV#lp_btn_soyreclutador {
    width:210px;
    height:100px;
    display: block;
    margin:0;
    padding:0;
    float:left;
}
DIV#lp_btn_soyreclutador A{
    width:210px;
    height:100px;
    background:url("lp_plan10_destacada_registrarempresa.png")  no-repeat;
    float:left;
    margin:0;
    padding:0;
}
/*Versión primera de listado de paquetes*/
DIV#lp_vuno{
    width:auto;
    height:auto;
    overflow:hidden;
    margin:10px 0 0 0;
    float:left;
    }
/*Paquete de vacantes destacadas 01*/
DIV#lp_vacante_destacada_01{
    width:300px;
    height:435px;
    background:url("lp_plan_destacada.jpg")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_destacada_01 .lp_vacante_destacada_cantidad_circle{
    width:85px;
    height:85px;
    background:url("lp_plan1_destacada_circle.png")  no-repeat;
    float:left;
    margin:15px 0 0 10px;
    padding:0;
}
/*Paquete de vacantes destacadas 05*/
DIV#lp_vacante_destacada_05{
    width:300px;
    height:435px;
    background:url("lp_plan_destacada.jpg")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_destacada_05 .lp_vacante_destacada_cantidad_circle{
    width:85px;
    height:85px;
    background:url("lp_plan5_destacada_circle.png")  no-repeat;
    float:left;
    margin:15px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_destacada_05 .lp_vacante_destacada_precio P{
    text-decoration: line-through !important;
}
/*Paquete de vacantes destacadas 10*/
DIV#lp_vacante_destacada_10{
    width:300px;
    height:435px;
    background:url("lp_plan_destacada.jpg") no-repeat;
    float:left;
    margin:0;
    padding:0;
}
DIV#lp_vacante_destacada_10 .lp_vacante_destacada_cantidad_circle{
    width:85px;
    height:85px;
    background:url("lp_plan10_destacada_circle.png")  no-repeat;
    float:left;
    margin:15px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_destacada_10 .lp_vacante_destacada_precio P{
    text-decoration: line-through !important;
}
/*Paquete de vacantes destacadas bloques en común*/
/*Header de la vacante*/
DIV.lp_vacante_destacada_header{
    width: 290px;
    height: 116px;
    margin: 7px 0 0 4px;
    /*border: 1px solid #FF0000;
*/
}
div.lp_vacante_destacada_header p{
    width: 110px;
    height: auto;
    float: left;
    margin: 30px 0 0 3px;
    padding: 0;
    color: #D6E69C;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
}
/*Sección de tiempo de la vacante*/
DIV.lp_vacante_destacada_tiempo{
    width: 290px;
    height: 64px;
    margin: 2px 0 0 4px;
    padding:3px 0 0 0;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_destacada_iconotiempo{
    width:30px;
    height:50px;
    background:url("lp_plan_destacada_tiempo.png") no-repeat;
    float:left;
    margin:5px 10px 0 10px;
    padding:0;
}
DIV.lp_vacante_destacada_datostiempo {
    width: 220px;
       padding:0 0 0 4px !important;
    margin:0 0 0 4px !important;
         list-style:disc;
    list-style-position:outside;
     float:left;
   }
DIV.lp_vacante_destacada_datostiempo UL{
    width: 280px;
   	padding:0 !important;
    margin:0 !important;
    }
DIV.lp_vacante_destacada_datostiempo UL LI{
    color:#1A2D19;
    font-weight:bold;
    font-size:90%;
     line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:220px;
}
/*x2 Postulaciones*/
DIV.lp_vacante_destacada_doblepostulaciones{
    width: 290px;
    height: 50px;
    margin: 2px 0 0 4px;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_destacada_x2icono{
    width:43px;
    height:33px;
    background:url("lp_plan_destacada_x2.png") no-repeat;
    float:left;
    margin:5px 20px 0 10px;
    padding:0;
}
DIV.lp_vacante_destacada_x2datos P{
    color:#D6E69C;
    font-weight:bold;
    font-size:100%;
     line-height:12pt;
    margin: 6px 0 0 -10px;
    width: 205px;
    float:left;
	text-align:left;
}
/*GRATIS datos contacto*/
DIV.lp_vacante_destacada_datoscontacto{
    width: 290px;
    height: 77px;
    margin: 2px 0 0 4px;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_destacada_datoscontacto_img{
    width:250px;
    height:73px;
    background:url("lp_plan_destacada_gratiscon.png") no-repeat;
    margin:5px auto;
    padding:0;
}
P.lp_vacante_destacada_datoscontacto_txtgratis{
    color: #1A2D19;
    font-weight: bold;
    font-size: 180%;
    margin: 15px 0 0 75px;
    float: left;
}
P.lp_vacante_destacada_datoscontacto_txtdatos{
    color: #1A2D19;
    font-weight: bold;
    font-size: 120%;
    margin: 7px 0 0 55px;
    float: left;
}
P.lp_vacante_destacada_datoscontacto_txtdatos SPAN{
    font-weight: normal;
    font-size: 80%;
}
/*Precio de la vacante*/
DIV.lp_vacante_destacada_precio{
    width: 290px;
    height: 35px;
    margin: 2px 0 0 4px;
    padding:0 0 0 0;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_destacada_precio P{
    color: #1A2D19;
    font-weight: bold;
    font-size: 100%;
    margin: 10px auto 0 auto;
    text-align:center;
   }
/*Boton Comprar*/
DIV.lp_vacante_destacada_btn_comprar{
    width: 290px;
    height: 54px;
    margin: 2px 0 0 4px;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_destacada_btn_comprar_plan {
    padding: 2px;
    width:200px;
    margin: 15px auto 0 auto;
    text-align:center;
   }
DIV.lp_vacante_destacada_btn_comprar_plan A{
     background-color: #C43B10;
     background: -moz-linear-gradient(center top , #FF8500 0%, #FF6600 50%, #FF0000 50%, #FF9933) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(163, 61, 35) 36%, rgb(255,44,0) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,158,0) 36%, rgb(255,44,0) 68%);
     border: 1px solid #8B150B;
     border-radius: 8px 8px 8px 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 130%;
     font-weight: bolder;
     padding: 10px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
     cursor:pointer;
     align-items: flex-start;
     text-align: center;
        box-sizing: border-box;
     width:200px;
     text-decoration:none;
     }
DIV.lp_vacante_destacada_btn_comprar_plan A:HOVER{
     background: -moz-linear-gradient(center top , #FFA800 0%, #FFA800 50%, #FF7500 50%, #F9CF32) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-color: #FFA800;
     color: #5D0A00;
     text-decoration: none;
}
/*Bloque Vacantes Basicas*/
DIV#lp_vdos{
width: auto;
height: auto;
overflow: hidden;
margin: 10px 0 0 0;
float: left;
}
/*Paquete de vacantes basicas 01*/
DIV#lp_vacante_basica_01{
    width: 299px;
    height: 338px;
    background:url("lp_plan_basica.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_basica_01 .lp_vacante_basica_cantidad_circle{
    width:80px;
    height:80px;
    background:url("lp_plan1_basica_circle.png")  no-repeat;
    float:left;
    margin:4px 0 0 10px;
    padding:0;
}
/*Paquete de vacantes basicas 05*/
DIV#lp_vacante_basica_05{
    width: 299px;
    height: 338px;
    background:url("lp_plan_basica.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_basica_05 .lp_vacante_basica_cantidad_circle{
    width:80px;
    height:80px;
    background:url("lp_plan5_basica_circle.png")  no-repeat;
    float:left;
    margin:4px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_basica_05 .lp_vacante_basica_precio P{
    /*text-decoration: line-through !important;
*/
}
/*Paquete de vacantes basicas 10*/
DIV#lp_vacante_basica_10{
    width: 298px;
    height: 338px;
    background:url("lp_plan_basica.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#lp_vacante_basica_10 .lp_vacante_basica_cantidad_circle{
    width:80px;
    height:80px;
    background:url("lp_plan10_basica_circle.png")  no-repeat;
    float:left;
    margin:4px 0 0 10px;
    padding:0;
}
DIV#lp_vacante_basica_10 .lp_vacante_basica_precio P{
    /*text-decoration: line-through !important;
*/
}
/*Paquete de vacantes básicas bloques en común*/
/*Header de la vacante*/
DIV.lp_vacante_basica_header{
    width: 290px;
    height: 88px;
    margin: 7px 0 0 4px;
    /*border: 1px solid #FF0000;
*/
}
div.lp_vacante_basica_header p{
    width: 155px;
    height: auto;
    float: left;
    margin: 26px 0 0 10px;
    padding: 0;
    color: #F5F5F5;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
}
/*Sección de tiempo de la vacante*/
DIV.lp_vacante_basica_tiempo{
    width: 290px;
    height: 64px;
    margin: 15px 0 0 4px;
    padding:3px 0 0 0;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_basica_iconotiempo{
    width:30px;
    height:50px;
    background:url("lp_plan_basica_tiempo.png") no-repeat;
    float:left;
    margin:5px 9px 0 10px;
    padding:0;
}
DIV.lp_vacante_basica_datostiempo {
    width: 220px;
       padding:0 0 0 4px !important;
    margin:0 0 0 4px !important;
         list-style:disc;
    list-style-position:outside;
     float:left;
}
DIV.lp_vacante_basica_datostiempo UL{
    width: 220px;
      padding:0 !important;
    margin:0 !important;
         }
DIV.lp_vacante_basica_datostiempo UL LI{
    color:#4A494A;
    font-weight:bold;
    font-size:90%;
     line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:220px;
}
/*Datos contacto*/
DIV.lp_vacante_basica_datoscontacto{
    width: 290px;
    height: 45px;
    /*border: 1px solid #FF0000;
*/
    padding:0 0 0 4px !important;
    margin:2px 0 0 4px !important;
         list-style:disc;
    list-style-position:outside;
     float:left;
}
DIV.lp_vacante_basica_datoscontacto UL{
    width: 220px;
      padding:0 !important;
    margin:0 !important;
     }
DIV.lp_vacante_basica_datoscontacto UL LI{
    color:#4A494A;
    font-weight:bold;
    font-size:90%;
     line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:220px;
}
DIV.lp_vacante_basica_icono_datoscontacto{
    width:34px;
    height:28px;
    background:url("lp_plan_basica_gratiscon.png") no-repeat;
    float:left;
    margin:5px 5px 0 10px;
    padding:0;
}
DIV.lp_vacante_basica_lista_datoscontacto{
    padding:0 0 0 0 !important;
    margin:0 0 0 5px !important;
    width:220px;
    float:left;
}
/*Precio de la vacante*/
DIV.lp_vacante_basica_precio{
    width: 290px;
    height: 35px;
    margin: 2px 0 0 4px;
    padding:0 0 0 0;
	float:left;
    /*border: 1px solid #FF0000;
*/
}
DIV.lp_vacante_basica_precio P{
    color: #149CD8;
    font-weight: bold;
    font-size: 100%;
    margin: 10px auto 0 auto;
    text-align:center;
   }
/*Boton Comprar*/
DIV.lp_vacante_basica_btn_comprar{
    width: 290px;
    height: 54px;
    margin: 20px 0 0 4px;
    /*border: 1px solid #FF0000;
*/
   	float:left;
}
DIV.lp_vacante_basica_btn_comprar_plan {
    padding: 2px;
    width:200px;
    margin: 0 auto;
    text-align:center;
}
DIV.lp_vacante_basica_btn_comprar_plan A{
     background-color: #C43B10;
     background: -moz-linear-gradient(center top , #FF8500 0%, #FF6600 50%, #FF0000 50%, #FF9933) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(163, 61, 35) 36%, rgb(255,44,0) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,158,0) 36%, rgb(255,44,0) 68%);
     border: 1px solid #8B150B;
     border-radius: 8px 8px 8px 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 130%;
     font-weight: bolder;
     padding: 10px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
     cursor:pointer;
     align-items: flex-start;
     text-align: center;
        box-sizing: border-box;
     width:200px;
     text-decoration:none;
}
DIV.lp_vacante_basica_btn_comprar_plan A:HOVER{
     background: -moz-linear-gradient(center top , #FFA800 0%, #FFA800 50%, #FF7500 50%, #F9CF32) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-color: #FFA800;
     color: #5D0A00;
     text-decoration: none;
}
/*Contenedor Tarjetas Pagos*/
#box_b, #content_b, #bottom_b , #content_bRecruiter{
    width: 980px;
    float: left;
}
#top_b {
    background: url("https://h3.occ.com.mx/Content/Home/img-default/bg_top_jo.png") no-repeat;
}
#top_b, #bottom_b {
    height: 30px;
}
#content_b, #content_bRecruiter {
    /*background: url("https://h3.occ.com.mx/Content/Home/img-default/bg_content_jo.png") repeat;*/
}
#bottom_b {
    background: url("https://h3.occ.com.mx/Content/Home/img-default/bg_bottom_jo.png") no-repeat;
}
/*wrapb izquierda*/
#lp_wrapb_izq{
     width:700px;
      height:105px;
       margin:0 0 0 10px;
      padding:0;
      float: left;
   }
#lp_wrapb_izq_top{
     width: 695px;
     height: 25px;
     border-bottom: 1px solid #E5E5E5;
     margin: 0 0 0 5px;
     padding: 15px 0 0 0;
     float: left;
}
#lp_wrapb_izq_top A{
     font-weight: bold;
     color: #0D9CD8;
     text-decoration: none;
     margin: 0 0 0 139px;
     padding: 9px 0 0 30px;
     background: url("lp_wrapb_compra_productos_icon.png") no-repeat;
}
#lp_wrapb_izq_top A:HOVER{
     text-decoration: underline;
}
#lp_wrapb_izq_top A SPAN{
     color: #000000;
}
#lp_wrapb_izq_bottom{
     width:700px;
      height:45px;
      margin:0 0 0 0;
      padding:0;
      float: left;
}
#lp_wrapb_izq_formaspago{
     width: 80px;
     margin: 10px 0 0 10px;
     padding: 0;
     float: left;
}
#lp_wrapb_izq_formaspago P{
     font-weight: normal;
     color: #0D9CD8;
     text-decoration: none;
}
.lp_wrapb_izq_tarjetas{
     width: 590px;
     height: 45px;
     border-left: 1px solid #E5E5E5;
     margin:5px 0 0 0;
     padding: 0;
     float: left;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_visa{
     background: url("lp_wrapb_compra_productos_visa.png") no-repeat;
     width: 75px;
     height: 23px;
     display:block;
     float:left;
     /*cursor:pointer;
*/
     margin: 8px 0 0 20px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_mastercard{
     background: url("lp_wrapb_compra_productos_mastercard.png") no-repeat;
     width: 55px;
     height: 33px;
     display:block;
     float:left;
     /*cursor:pointer;
*/
     margin:6px 0 0 30px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_amex{
     background: url("lp_wrapb_compra_productos_amex.png") no-repeat;
     width: 39px;
     height: 34px;
     display:block;
     float:left;
     /*cursor:pointer;
*/
     margin:6px 0 0 30px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_paypal{
     background: url("lp_wrapb_compra_productos_paypal.png") no-repeat;
     width: 85px;
     height: 22px;
     display:block;
     float:left;
     /*cursor:pointer;
*/
     margin:15px 0 0 30px;
     padding:0;
}
.lp_wrapb_izq_tarjetas A#lp_wrapb_izq_tarjetas_pefectivo{
     background: url("lp_wrapb_compra_productos_pefectivo.png") no-repeat;
     width: 81px;
     height: 33px;
     display:block;
     float:left;
     /*cursor:pointer;
*/
     margin:6px 0 0 30px;
     padding:0;
}
#lp_wrapb_izq_formaspago_leyendas{
     width: 573px;
     height: 20px;
     margin: 0 0 0 109px;
     padding: 0;
     float: left;
     font-size: 59%;
     color:#696969;
}
/*wrapb derecha*/
#lp_wrapb_der{
     width: 255px;
     height: 90px;
     border-left: 1px solid #E5E5E5;
     margin: 0 0 0 5px;
     padding: 0 0 0 5px;
     float: left;
}
#lp_wrapb_der_seguridad_leyendas{
     font-size: 75%;
     color: #C4C4C4;
     width: 240px;
     background: url("lp_wrapb_compra_productos_seguridad.png") no-repeat;
}
#lp_wrapb_der_seguridad_leyendas P{
     padding: 0 0 0 25px;
}
#lp_wrapb_der_verisign A#lp_wrapb_der_verisign_logo{
     background: url("lp_wrapb_compra_productos_verisign.png") no-repeat;
     width: 65px;
     height: 32px;
     display:block;
     float:left;
     /*cursor:pointer;
*/
     margin: 8px 0 0 168px;
     padding:0;
}






/*Vista B para prueba A/B Testing*/
/*Bloque Vacantes Destacadas*/
/*Paquete de vacantes destacadas 01*/
DIV#b_lp_vacante_destacada_01
{
    width:918px;
    height:175px;
    background:url("lp_plan10_destacada_h.png")  no-repeat;
    float:left;
    margin:0;
    padding:0;
}
DIV#b_lp_vacante_destacada_01 .b_lp_vacante_destacada_cantidad_circle
{
    width:85px;
    height:85px;
    background:url("lp_plan1_destacada_circle.png")  no-repeat;
    margin:15px auto 0 auto;
    padding:0;
}
/*Paquete de vacantes destacadas 05*/
DIV#b_lp_vacante_destacada_05
{
    width:918px;
    height:175px;
    background:url("lp_plan10_destacada_h.png")  no-repeat;
    float:left;
    margin:0;
    padding:0;
}
DIV#b_lp_vacante_destacada_05 .b_lp_vacante_destacada_cantidad_circle
{
    width:85px;
    height:85px;
    background:url("lp_plan5_destacada_circle.png")  no-repeat;
    margin:15px auto 0 auto;
    padding:0;
}
DIV#b_lp_vacante_destacada_05 .b_lp_vacante_destacada_precio P
{
    text-decoration: line-through !important;
}
/*Paquete de vacantes destacadas 10*/
DIV#b_lp_vacante_destacada_10
{
    width:918px;
    height:175px;
    background:url("lp_plan10_destacada_h.png")  no-repeat;
    float:left;
    margin:0;
    padding:0;
}
DIV#b_lp_vacante_destacada_10 .b_lp_vacante_destacada_cantidad_circle
{
    width:85px;
    height:85px;
    background:url("lp_plan10_destacada_circle.png")  no-repeat;
    margin:15px auto 0 auto;
    padding:0;
}
DIV#b_lp_vacante_destacada_10 .b_lp_vacante_destacada_precio P
{
    text-decoration: line-through !important;
}

/*Paquete de vacantes destacadas bloques en común*/
/*Header de la vacante*/
DIV.b_lp_vacante_destacada_header
{
    width: 160px;
    height: 147px;
    margin: 7px 0 0 4px;
    float:left;
}
div.b_lp_vacante_destacada_header p
{
    width: 160px;
    height: auto;
    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    color: #D6E69C;
    font-weight: bold;
    font-size: 95%;
    text-align: center;
}


/*Sección de tiempo de la vacante*/
DIV.b_lp_vacante_destacada_tiempo
{
    width: 247px;
    height: auto;
    margin: 7px 0 0 4px;
    padding:3px 0 0 0;
    float:left;
}
DIV.b_lp_vacante_destacada_iconotiempo
{
    width:30px;
    height:50px;
    background:url("lp_plan_destacada_tiempo.png") no-repeat;
    float:left;
    margin:5px 10px 0 10px;
    padding:0 0 0 0;
}
DIV.b_lp_vacante_destacada_datostiempo 
{
    width: 175px;   
    padding:0 0 0 4px !important;
    margin:5px 0 0 4px !important;     
    list-style:disc;
    list-style-position:outside; 
    float:left;   
}
DIV.b_lp_vacante_destacada_datostiempo UL
{
    width: 190px;   
    padding:0 !important;
    margin:0 !important;      
}
DIV.b_lp_vacante_destacada_datostiempo UL LI
{
    color:#1A2D19;
    font-weight:bold;
    font-size:95%; 
    line-height:13pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    text-align:left;
}

/*x2 Postulaciones*/
DIV.b_lp_vacante_destacada_doblepostulaciones
{
    width: 197px;
    height: auto;
    margin: 7px 0 0 0;
    float:left;
    overflow:hidden;
}
DIV.b_lp_vacante_destacada_x2icono
{
    width:53px;
    height:40px;
    background:url("b_lp_plan_destacada_x2.png") no-repeat;
    float:left;
    margin:20px 0 0 65px;
    padding:0;
}
DIV.b_lp_vacante_destacada_x2datos P
{
    color:#1A2D19;
    font-weight:bold;
    font-size:90%; 
    line-height:12pt;
    margin:10px 0 0 0;
    width: 197px;
    float:left;
    text-align:center;
    
}

/*GRATIS datos contacto*/
/*DIV.b_lp_vacante_destacada_datoscontacto
{
    width: 247px;
    height: 77px;
    margin: 2px 0 0 4px;
    float:left;
    border: 1px solid #FF0000;
}*/
DIV.b_lp_vacante_destacada_datoscontacto_img
{
    width:250px;
    height:73px;
    background:url("lp_plan_destacada_gratiscon.png") no-repeat;
    margin:5px auto;
    padding:0;
    float:left;
}
P.b_lp_vacante_destacada_datoscontacto_txtgratis
{
    color: #1A2D19;
    font-weight: bold;
    font-size: 180%;
    margin: 15px 0 0 75px;
    float: left;
}
P.b_lp_vacante_destacada_datoscontacto_txtdatos
{
    color: #1A2D19;
    font-weight: bold;
    font-size: 120%;
    margin: 7px 0 0 55px;
    float: left;
}
P.b_lp_vacante_destacada_datoscontacto_txtdatos SPAN
{
    font-weight: normal;
    font-size: 80%;
}

/*Precio de la vacante*/
DIV.b_lp_vacante_destacada_precio
{
    width: 187px;
    height: auto;
    margin: 20px 0 0 10px;
    padding:5px;
    float:left;
}
DIV.b_lp_vacante_destacada_precio P
{
    color: #1A2D19;
    font-weight: bold;
    font-size: 100%;
    margin: 10px auto 0 auto;
    text-align:center;   
}

/*Boton Comprar*/
DIV.b_lp_vacante_destacada_btn_comprar
{
    width: 290px;
    height: 54px;
    margin: 20px 0 0 16px;
    float:left;
    /*border: 1px solid #FF0000;*/
}
DIV.lp_vacante_destacada_btn_comprar_plan 
{
    padding: 2px;
    width:200px;
    margin: 0 auto;
}
DIV.b_lp_vacante_destacada_btn_comprar_plan A
{
     background-color: #C43B10;
     background: -moz-linear-gradient(center top , #FF8500 0%, #FF6600 50%, #FF0000 50%, #FF9933) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(163, 61, 35) 36%, rgb(255,44,0) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,158,0) 36%, rgb(255,44,0) 68%);
     border: 1px solid #8B150B;
     border-radius: 8px 8px 8px 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 130%;
     font-weight: bolder;
     padding: 10px;
     margin:0 0 0 10px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
     cursor:pointer;
     align-items: flex-start;
     text-align: center;   
     box-sizing: border-box;
     width:180px;
     text-decoration:none;
}
DIV.b_lp_vacante_destacada_btn_comprar_plan A:HOVER
{
     background: -moz-linear-gradient(center top , #FFA800 0%, #FFA800 50%, #FF7500 50%, #F9CF32) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-color: #FFA800;
     color: #5D0A00;
     text-decoration: none;
}




/*Vista B para prueba A/B Testing*/
/*Bloque Vacantes Basicas*/
DIV#b_lp_vdos
{
    width: 918px;
    height: auto;
    overflow: hidden;
    float: left;
    margin:0 0 0 -2px !important;
    padding:0 !important;
    /*border: 1px solid #FF0000;*/
}

/*Paquete de vacantes basicas 01*/
DIV#b_lp_vacante_basica_01
{
    width: 918px;
    height: 125px;
    background:url("lp_plan_basica_h.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#b_lp_vacante_basica_01 .b_lp_vacante_basica_cantidad_circle
{
    width:80px;
    height:80px;
    background:url("lp_plan1_basica_circle.png")  no-repeat;
    float:left;
    margin:3px 0 0 33px;
    padding:0;
}
/*Paquete de vacantes basicas 05*/
DIV#b_lp_vacante_basica_05
{
    width: 918px;
    height: 125px;
    background:url("lp_plan_basica_h.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#b_lp_vacante_basica_05 .b_lp_vacante_basica_cantidad_circle
{
    width:80px;
    height:80px;
    background:url("lp_plan5_basica_circle.png")  no-repeat;
    float:left;
    margin:3px 0 0 33px;
    padding:0;
}
DIV#b_lp_vacante_basica_05 .b_lp_vacante_basica_precio P
{
    /*text-decoration: line-through !important;*/
}
/*Paquete de vacantes basicas 10*/
DIV#b_lp_vacante_basica_10
{
    width: 918px;
    height: 125px;
    background:url("lp_plan_basica_h.png")  no-repeat;
    float:left;
    margin:0 8px 0 0;
    padding:0;
}
DIV#b_lp_vacante_basica_10 .b_lp_vacante_basica_cantidad_circle
{
    width:80px;
    height:80px;
    background:url("lp_plan10_basica_circle.png")  no-repeat;
    float:left;
    margin:3px 0 0 33px;
    padding:0;
}
DIV#b_lp_vacante_basica_10 .b_lp_vacante_basica_precio P
{
    /*text-decoration: line-through !important;*/
}
/*Paquete de vacantes básicas bloques en común*/
/*Header de la vacante*/
DIV.b_lp_vacante_basica_header
{
    width: 155px;
    height: 110px;
    margin: 7px 0 0 4px;
    float:left;
    /*border: 1px solid #FF0000;*/
}
div.b_lp_vacante_basica_header p
{
    width: 155px;
    height: auto;
    float: left;
    margin: -1px 0 0 0;
    padding: 0;
    color: #F5F5F5;
    font-weight: bold;
    font-size: 85%;
    text-align: center;
    line-height: 10pt;
}
/*Sección de tiempo de la vacante*/
DIV.b_lp_vacante_basica_tiempo
{
    width: 235px;
    height: 80px;
    margin: 15px 0 0 4px;
    padding:20px 0 0 0;
    float:left;
    /*border: 1px solid #FF0000;*/
}
DIV.b_lp_vacante_basica_iconotiempo
{
    width:30px;
    height:50px;
    background:url("lp_plan_basica_tiempo.png") no-repeat;
    float:left;
    margin:5px 9px 0 10px;
    padding:0;
}
DIV.b_lp_vacante_basica_datostiempo 
{
    width: 175px;   
    padding:0 0 0 4px !important;
    margin:0 0 0 4px !important;     
    list-style:disc;
    list-style-position:outside; 
    float:left;
}
DIV.b_lp_vacante_basica_datostiempo UL
{ 
    padding:0 !important;
    margin:0 !important;     
}
DIV.b_lp_vacante_basica_datostiempo UL LI
{
    color:#4A494A;
    font-weight:bold;
    font-size:90%; 
    line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 8px 0;
    width:165px;
}

/*Datos contacto*/
DIV.b_lp_vacante_basica_datoscontacto
{
    width: 275px;
    height: 80px;
    /*border: 1px solid #FF0000;*/
    padding:35px 0 0 4px !important;
    margin:2px 0 0 4px !important;     
    list-style:disc;
    list-style-position:outside; 
    float:left;
}
DIV.b_lp_vacante_basica_datoscontacto UL
{
    width: 200px;  
    padding:0 !important;
    margin:0 !important;     
}
DIV.b_lp_vacante_basica_datoscontacto UL LI
{
    color:#4A494A;
    font-weight:bold;
    font-size:90%; 
    line-height:12pt;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:200px;
}
DIV.b_lp_vacante_basica_icono_datoscontacto
{
    width:34px;
    height:28px;
    background:url("lp_plan_basica_gratiscon.png") no-repeat;
    float:left;
    margin:5px 5px 0 10px;
    padding:0;
}
DIV.b_lp_vacante_basica_lista_datoscontacto
{
    padding:0 0 0 0 !important;
    margin:0 0 0 5px !important;
    width:200px;
    float:left;
}
/*Precio de la vacante*/
DIV.b_lp_vacante_basica_precio
{
    width: 220px;
    height: 35px;
    margin: 25px 0 0 5px;
    padding:0 0 0 0;
    float:left;
    /*border: 1px solid #FF0000;*/
}
DIV.b_lp_vacante_basica_precio P
{
    color: #149CD8;
    font-weight: bold;
    font-size: 100%;
    margin: 10px auto 0 auto;
    text-align:center;   
}

/*Boton Comprar*/
DIV.b_lp_vacante_basica_btn_comprar
{
    width: 200px;
    height: 54px;
    margin: 10px 0 0 37px;
    /*border: 1px solid #FF0000;*/
    float:left;
}
DIV.b_lp_vacante_basica_btn_comprar_plan 
{
    padding: 2px;
    width:200px;
    margin: 0 auto;
}
DIV.b_lp_vacante_basica_btn_comprar_plan A
{
     background-color: #C43B10;
     background: -moz-linear-gradient(center top , #FF8500 0%, #FF6600 50%, #FF0000 50%, #FF9933) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(163, 61, 35) 36%, rgb(255,44,0) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,158,0) 36%, rgb(255,44,0) 68%);
     border: 1px solid #8B150B;
     border-radius: 8px 8px 8px 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 130%;
     font-weight: bolder;
     padding: 10px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
     cursor:pointer;
     align-items: flex-start;
     text-align: center;   
     box-sizing: border-box;
     width:200px;
     text-decoration:none;
}
DIV.b_lp_vacante_basica_btn_comprar_plan A:HOVER
{
     background: -moz-linear-gradient(center top , #FFA800 0%, #FFA800 50%, #FF7500 50%, #F9CF32) repeat scroll 0 0 transparent;
     background-image: -webkit-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-image: -o-linear-gradient(bottom, rgb(255,117,0) 36%, rgb(249,207,50) 68%);
     background-color: #FFA800;
     color: #5D0A00;
     text-decoration: none;
}
