body {
    background: #E6E6E6;
    margin: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    overflow: hidden
}

body.designxel.v2 {
    background: none
}

body.flaticon.flaticon_v2_it {
    background: #e9eaec
}

body.flaticon.flaticon_v2_it .barsearch.shutterstock {
    background: none;
    line-height: 26px;
    padding: 0
}

body.designxel .logo,
body.flaticon.flaticon_v2_it .barsearch.shutterstock .logo {
    display: none
}

body.flaticon .textlogo {
    display: none
}

body.flaticon .sponsoradvise {
    color: #333;
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px
}

body.flaticon.sponsor_detail .hidden_logo {
    display: block;
    float: right
}

body.flaticon.sponsor_detail .barsearch {
    background: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.6)
}

body.flaticon.sponsor_detail .sponsoradvise {
    font-size: 26px;
    margin-top: 0;
    font-family: "Open Sans", ​sans-serif
}

body.flaticon.flaticon_v2_it .sponsoradvise {
    font-weight: bold
}

body.flaticon.sponsor_detail .promocode {
    display: none
}

body.designxel .slide,
body.flaticon.flaticon_v2_it .slide {
    background-color: #d7d7d7;
    box-shadow: 0 0 1px #999
}

body.designxel.detalle {
    background-color: #a5adaf
}

body.designxel.detalle .slide {
    box-shadow: none
}

body.designxel.busqueda_exclusivos .slide,
body.designxel.busqueda_exclusivos .more {
    border: 1px solid #ccc;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hidden_logo {
    display: none
}

.logo {
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    width: 100px
}

body.flaticon.flaticon_v2_it .logo {
    margin-right: 5px;
    width: 90px
}

.logo.shutterstock {
    margin-top: 8px
}

body.flaticon.flaticon_v2_it .logo.shutterstock {
    display: none
}

.logo.designxel {
    margin-top: 2px
}

.logo.istock {
    margin-top: 2px
}

body.flaticon.flaticon_v2_it .logo {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 0
}

.logoshutter {
    float: left;
    margin: 0 10px 0 14px
}

.barsearch {
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    color: #222;
    padding: 6px 20px 6px;
    overflow: hidden
}

.barsearch.designxel {
    background: none repeat scroll 0 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
    overflow: hidden;
    padding: 5px 5px 5px;
    margin-bottom: 12px;
    line-height: 18px;
    position: relative;
    border-radius: 0
}

body.flaticon.flaticon_v2_it .barsearch.designxel {
    background: none;
    box-shadow: none;
    padding: 0
}

body.flaticon .barsearch {
    border-radius: 0
}

.sponsor {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    margin: 7px 7px 0 7px
}

.promocode {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #FF7800;
    margin: 0 0 0 25px;
    background: none repeat scroll 0 0 #FFFFCF;
    border: 1px dashed #FDE08D;
    padding: 0px 20px;
    border-radius: 3px
}

.promocode .code {
    margin-right: 10px;
    color: #4F0202
}

.promocode .expire {
    margin: 0 10px;
    color: #FF7800;
    font-weight: normal;
    float: right
}

.sponsoradvise {
    display: inline-block;
    margin-top: 2px;
    float: left;
    color: #222
}

.sponsoradvise.designxel {
    float: left;
    color: #333;
    margin-top: 6px !important;
    margin-left: 5px;
    font-size: 14px !important;
    font-weight: normal
}

.timeremaining {
    float: left;
    margin: 0px 5px 0 0px
}

.timer {
    top: -3px
}

.timer .hour {
    float: left;
    position: relative
}

.timer .minute {
    float: left;
    position: relative
}

.timer .minute:before,
.timer .second:before {
    content: ":";
    width: 10px;
    height: 10px;
    top: -4px;
    left: -5px;
    position: absolute
}

.timer .second {
    float: left;
    position: relative
}

#countdown_expire {
    float: left
}

.timer .timerlabel {
    font-size: 10px;
    display: block;
    width: 20px;
    height: 12px;
    top: 8px;
    position: absolute
}

.timer .timerdigits {
    height: 14px;
    display: block;
    position: relative;
    top: -3px;
    font-size: 12px;
    font-weight: bold;
    width: 20px
}

.slides {
    margin: 15px 0px 0px;
    height: 245px !important;
    padding: 0 1px
}

.slide {
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    background-color: #FFF
}

.slide:hover {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 8px rgba(116, 155, 219, 0.8)
}

.slide a {
    width: 100%;
    height: 100%;
    display: block
}

.slide a img {
    border: 0
}

.slide .overflow-imagen,
.slide .overflow-imagen_large {
    overflow: hidden;
    position: relative
}

a.more {
    display: none;
    background: #000;
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.7);
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
    zoom: 1;
    z-index: 9;
    position: absolute;
    box-shadow: 0 0 1px #000;
    right: 0;
    top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #333
}

a.more:hover {
    background: #000
}

a.more::before {
    color: rgb(255, 255, 255);
    content: "+";
    display: block;
    font-size: 90px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

a.more span {
    bottom: 10px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-top: 80px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    font-size: 16px
}

body.v2 {
    background-color: #E9EAEC
}

body.v2 .header {
    margin-top: 10px
}

body.flaticon.flaticon_v2_it .header {
    margin-top: 0px
}

body.v2 .header:after,
body.flaticon.flaticon_v2_it.header:after {
    content: '';
    clear: both;
    display: table
}

body.v2 .header .sponsor {
    text-decoration: none
}

body.flaticon.flaticon_v2_it .header .sponsor {
    text-decoration: none;
    margin: 0;
    line-height: 28px
}

body.v2 .header .sponsor .advise {
    color: #4C4C4C
}

body.flaticon.flaticon_v2_it .header .sponsor .advise {
    color: #4C4C4C;
    display: inline-block;
    vertical-align: middle;
    top: 3px;
    position: relative
}

body.v2 .header .coupon,
body.flaticon.flaticon_v2_it .header .coupon {
    font-size: 12px;
    font-weight: bold;
    color: #4C4C4C;
    text-decoration: none;
    float: right
}

body.v2 .header .coupon .promocode {
    float: none;
    display: inline-block;
    padding: 5px 20px;
    color: #4C4C4C;
    border: 1px dashed #C3C3C3;
    background-color: #fff
}

body.flaticon.flaticon_v2_it .promocode {
    margin-left: 10px
}

body.v2 .header .coupon .promocode .code,
body.flaticon.flaticon_v2_it .promocode .code {
    color: #e38888
}

body.v2 .slides {
    margin-top: 10px
}

body.flaticon.flaticon_v2_it .slides {
    margin-top: 7px
}

body.v2 .slides .slide,
body.flaticon.flaticon_v2_it .slides .slide {
    background-color: #ECECEC
}

body.blog.post {
    background-color: #fff
}

body.blog.post .sponsor {
    display: block;
    width: 100%;
    margin: 0
}

body.blog.post .sponsor .advise {
    text-transform: uppercase;
    font-size: 18px !important;
    text-align: center;
    display: block;
    font-weight: normal;
    width: 100%;
    margin: 10px 0
}

@media (max-width: 400px) {
    body.blog.post .sponsor .advise {
        font-size: 14px !important
    }
    body.blog.post .slides {
        height: 120px !important;
        overflow: hidden
    }
}

@media (max-width: 768px) {
    body.flaticon.flaticon_v2_it .header .coupon .advise {
        display: none
    }
}

@media (max-width: 560px) {
    body.flaticon.flaticon_v2_it .header .sponsor {
        float: none;
        text-align: center;
        display: block
    }
    body.v2 .header .coupon .promocode {
        display: none
    }
}