@charset "UTF-8";

html,
body {
    position: relative;
    overflow-x: hidden;
    height: 100%;
    margin: 0;
}

#header_widgetRow_ba963f7b350c {
    box-shadow:#ccc 0 0 10px;  
    width:100% !important;
}
#header [data-column] {
    height: 50px !important;
}
#contentContainer {
    padding:10px
}
#columnCenter {
    box-shadow:#ccc 0 0 8px;
    border-radius:4px;
    padding:10px;
}
.tpl-home #columnCenter {
    margin-top:20px;
}
.tpl-home [data-banner] > ul {
    margin:2px;
}
.xs-top-bar {
    background-color: #f5f5f5;
}


.iframe-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


::selection {
    background:#ff8100;
    color:#fff;
}
.clear,
.clearfix
{
    content:" ";
    display:block;
    width:100%;
    height:1px;
    float:none;
}
.clear:after,
.clear:before,
.clearfix:after,
.clearfix:before
{
    content:" ";
    display:block;
    width:1px;
    height:1px;
    float:none;
    clear:both;
}
img {
    max-width:100%;
}
figure {
    margin:10px auto;
}
ul {
    padding-left:0px;
    padding-right:0px;
}
ul, li {
    list-style:none;
}
ul.widgets {
    float: left;
    width: 100%;
    display: block;
    margin: 0;
    display: flex;
}
ul.widgets > li {
    margin:0px;
}
a, button, input {
    transition: .3s all ease;
}
.stickyWrapper {
  position: relative !important;
}
.sticky {
  position: fixed !important;
  top: 0 !important;
  transition: .3s all ease;
  z-index: 999999999 !important;
}
#copyright {
    text-align:center;
    width:100%;
    height:60px;
    display:block;
}
#toTop {
    background:#cb2128;
    width:50px;
    height:50px;
    display:block !important;
    border-radius:50px;
    position:fixed;
    bottom:10px;
    right:10px;
}
#toTop i {
    position:absolute;
    top:30%;
    left:40%;
    color:#fff;
}
#toTop path {
    fill:#fff !important;
}

#toTop:hover {
    background:#444;
    display:block !important;
    opacity:1 !important;
}
#toTop:hover path {
    fill:#cb2128 !important;
}

.breadcrumbs-container {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    padding: 1px !important;
    margin: -1.75rem 0 0.875rem 0;
}

.breadcrumbs {
    padding-left: 1rem;
    background: none;
    border-radius: 0;
}

.breadcrumbs > *:not(:first-child):before {
@inlcude absolute-center-v;
    content: "/";
    font-size: 1.125rem;
    color: #5a6465;
    font-weight: 300;
    transform: translate3d(0,
    -50%,
    0);
    margin: 0;
}

.breadcrumbs li:last-child a {
    color: #3498db;
}

.breadcrumbs li:not(:first-child) a {
    padding-left: 1.125rem;
}

.breadcrumbs li {
    padding: 0.875rem 0;
    position: relative;
    width: auto;
    display: inline-block;
    vertical-align: top;
}

.breadcrumbs a {
    padding-right: 0.875rem;
    color: #5a6465;
    font-family: "Raleway",
    "Roboto",
    serif;
    font-size: 0.875rem;
    text-transform: capitalize;
    font-weight: 400;
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: #3498db;
}

.breadcrumbs a:before:hover a {
    text-decoration: none;
}




.group-btn {
    margin:10px auto;
}
.btn {
    background:#000;
    margin:10px;
    padding:5px 8px;
    border-radius:50px;
    cursor:pointer;
    width: auto;
    min-width: 50px;
}
.btn:hover {
    background:#CB2128;
}
.btn a {
    color:#fff;
    width:100%;
    display: inline-block;
    min-height: 20px;
    height: auto;
    text-align: center;
}
.btn:hover a {
    color:#000;
}
.btn-add {
    background:#CB2128;
}
.btn-add:hover {
    background:#900;
}



.pagination {
    width:100%;
    float:left;
    display:block;
}
.pagination .links, .pagination .results {
    margin:auto 20px;
    float:right;
    display:block;
}
.pagination .results {
    padding-top:10px;
}
.pagination .links a, .pagination .links b {
    text-align:center;
    padding-top:10px;
    width:50px;
    height:30px;
    background:#ccc;
    display:inline-block;
}
.pagination .links b {
    background:transparent;
}
.pagination .links a {
    background:#eee;
    font-weight:bold;
}



li.catalog-item a.name {
    text-decoration: none;
    text-transform:uppercase;
    color:#333;
}
li.catalog-item .model {
    color:#666;
    font:normal 0.765rem arial, sans-serif;
    text-transform:uppercase;
}

li.catalog-item .price {
    color:#000;
    font-size:1.62rem;
}
.nuevo {
    position:absolute;
    right:10px;
    background:#4facea;
    width:100px;
    height:30px;
    border-radius:20px;
    z-index:99;
}
.nuevo:before {
    margin-top:3px;
    content:"Nuevo";
    display:inline-block;
    color:#fff;
}

.dd {
    position:relative;
}
.dd * {
    transition:all 0.3s ease-in;
}
.dd-trigger {
    float:left;
    margin:5px;
    position:relative;
    z-index:10;
}
.dd-content {
    background:#fcfcfc;
    padding:10px;
    border-radius:3px;
    position:absolute;
    display:none;
    box-shadow:#ccc 0px 0px 13px;
    min-width:120px;
    width:auto;
    top:22px;
    right:0px;
    z-index:100;
}
.dd:hover .dd-content {
    display:block;
}
.dd input {
    background:#eee;
    border:none;
    margin:5px;
    padding:10px;
    border:none;
}
.dd li {
    list-style:none;
}
.dd a:not('.btn') {
    line-height:2rem;
    border-bottom:solid 1px #fff;
}
.dd a {
    text-align:center;
}
.dd a:hover {
    color:#000;
    border-bottom-color:#000;
}

label,
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    height: auto;
    display: inline-block;
    vertical-align: top;
}

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    width: 97%;
    height: 2.75rem;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    transition-property: box-shadow, border, background-color;
    padding: 0 1%;
    margin:5px;
    color: #000;
    font-size: 0.875rem;
    font-family: "Raleway", "Roboto", serif;
    border: 1px solid #ccc;
    position: relative;
    vertical-align: top;
}

input:focus,
textarea:focus {
    border: 1px solid #75b9e7 !important;
    background: #fafafa !important;
}

textarea {
    padding-top: 0.75rem;
    height: 8.25rem;
    width: 100%;
}

fieldset {
    padding: 1rem;
    display: block;
    border: none;
}

input[type=checkbox],
input[type=radio] {
    width: 10px;
    height: 10px;
}
input:hover {
    background: #eee;
}

#footer * {
    text-align:center;
}