/* =======================================================================
-------------------------- HIRING CIRCUIT STEP 1 --------------------------
==========================================================================*/
#packages .container{
    float: right;
}
#packages .side {
    margin-top: 40px;
}
#packages .center{
    box-shadow: 5px 2px 5px #ccc;
    -moz-box-shadow: 5px 2px 5px #ccc;
    -webkit-box-shadow: 5px 2px 5px #ccc;
}
#packages .center .list-web{
    padding-top: 40px;
}
#packages .center .price{
    padding-bottom: 40px;
}
#packages .elite:hover,
#packages .triple:hover,
#packages .especial:hover{
    cursor: pointer;
    opacity: 0.9;
    filter:alpha(opacity=90);
}
#packages .elite,
#packages .triple,
#packages .especial,
#packages .info {
    width: 255px;
    height: auto;
    background-position: top right;
    background-repeat: no-repeat;
    float: none;
}
/*Paquete Premium (clasico en maqueta)*/
#packages .border_elite {
    background-color: #fd6911;
}
/*Paquete VIP (especial en maqueta)*/
#packages .border_triple {
    background-color: #fc471d;
}
/*Paquete Básico (basico en maqueta)*/
#packages .border_especial  {
    background-color: #fda411;
}

#packages .border_elite,
#packages .border_triple,
#packages .border_especial {
    width: 255px;
    margin-right: 10px;
}

#packages .elite h3,
#packages .triple h3,
#packages .especial h3{
    text-align: center;
    color: #fff;
    line-height: 41px !important;
    font: normal 18px 'Trebuchet MS', sans-serif;
}
#packages .info{
    width: 140px;
    float: left;
}
#packages .info .list-web{
    width: 130px;
    border-bottom: none;
}
#packages .info .list-paper{
    padding: 0;
    width: 130px;
}
#packages .info .list-web li,
#packages .info .list-paper li {
    background: none;
    padding-left: 0px;
    text-align: center;
}
#packages .info .border_web,
#packages .info .border_paper {
    margin-right: 10px;
    float: left;
    background-color: darkgrey;
}
#packages .info .border_web {
    margin-top: 40px;
    padding-top: 40px;
}
#packages .info .border_paper {
    margin-top: 15px;
}
#packages .info .price.right{
    background: #fff;
    padding-left: 10px;
    width: 120px;
}
#packages .title {
    float: left;
    width: 325px;
    height: 34px;
    text-align: center;
    text-transform: uppercase;
    background-color: #e3e3e3;
    line-height: 33px !important;
    border-left: 1px solid #d2d2d2;
}
#packages .elite:hover .title,
#packages .triple:hover .title,
#packages .especial:hover .title{
    background-color: #d2d2d2;
}
#packages .list-web {
    width: 255px;
    min-height: 200px;
    float: left;
    background: #ededed;
    overflow:hidden;
    border-bottom: 1px dashed darkgrey;
}
#packages .list-paper {
    width: 255px;
    min-height: 145px;
    float: left;
    background: #ededed;
    overflow:hidden;
    padding-top: 15px;
}
#packages .container .package .list-web, 
#packages .container .package .list-paper, 
#packages .container .package .price, 
.upselling-content .list-web,
.upselling-content .list-paper,
.upselling-content .price{
    background-image: url(/images/frontend/package-background.png) !important;
}

#packages .list-web li,
#packages .list-paper li{
    color: #494949;
    display: block;
    padding-left: 14px;
    margin: 8px;
    font: normal 12px Verdana, Arial;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 4px 6px;
    background-image: url(/images/frontend/bread_crumb.png);
}

#packages .price {
    width: 255px;
    height: 38px;
    float: left;
    color: #973c07;
    line-height: 36px;
    font-size: 24px;
    text-align: center;
    background: #ededed;
}

#packages .view-example label {
    float: right;
    margin: 9px;
}

#packages .view-example a {
    line-height: 39px;
    color: #fff;
    display: block;
    text-align: center;
}
#packages .side .view-example a{
    font-size: 16px;
}
#packages .center .view-example a{
    font-size: 18px;
}
#packages .view-example a:hover{
    text-decoration: underline;
}
#packages .view-more{
    text-align: center;
    padding-top: 5px;
}
.package .tag{
    width: 100px;
    height: 175px;
    margin-top: -6px;
    position: absolute;
    margin-left: 153px;
}

/* =======================================================================
---------------------------- LOGOS PAYMENT -------------------------------
==========================================================================*/

#logos-payment {
    width: 980px;
    height: 130px;
    margin: 10px auto;
    background-color: #f8f8f8;
    float: left;
}
#logos-payment .center{
    float: left;
    width: 850px;
    height: 90px;
    margin: 20px auto;
    text-align: center;
}
#logos-payment .center p {
    margin-left: 125px;
}
#logos-payment .center img {
    margin-left: 128px;
}
#logos-payment .right{
    float: left;
    width: 80px;
    height: 80px;
    margin-top: 20px;
    margin-left: 20px;
}

.step-button-prev.btn-step-one{
    padding-left: 53px!important;
    width: 90px!important;
    padding-top: 8px!important;
    margin-left: 50%!important;
}
/* =======================================================================
---------- Caracteristicas para cada mercado El Colombiano  --------------
==========================================================================*/

.inmuebles #packages .border_elite  {
    background-color: #a1c607;
}
.inmuebles #packages .border_triple {
    background-color: #689000;
}
.inmuebles #packages .border_especial {
    background-color: #71b11c;
}

.empleos #packages .border_elite {
    background-color: #019cca;
}
.empleos #packages .border_triple {
    background-color: #005784;
}
.empleos #packages .border_especial {
    background-color: #34cfff;
}

.varios #packages .border_elite {
    background-color: #f93316;
}
.varios #packages .border_triple {
    background-color: #c91a00;
}
.varios #packages .border_especial {
    background-color: #ff5210;
}