/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background: 0 0
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	vertical-align: top;
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.coverimage {
	background-repeat: no-repeat no-repeat;
	background-size: cover !important;
	background-position: 50% 50%;
}

.coverfixed {
	background-size: cover;
	background-attachment: fixed;
}

.cfix {
	*zoom: 1;
}

.cfix:before,
.cfix:after {
	display: table;
	content: "";
}

.cfix:after {
	clear: both;
}

.imgfluid {
	max-width: 100%;
	width: 100%;
	vertical-align: top;
	border: 0;
}

.astable {
	width: 100%;
	height: 100%;
	display: table;
}

.ascell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.vertical-content:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}

.transition {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ellipsis {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*! end normalize.css v3.0.0 | MIT License | git.io/normalize */
::-webkit-selection {
	color: #fff;
	background: #8b1f5b;
}

::-moz-selection {
	color: #fff;
	background: #8b1f5b;
}

::-ms-selection {
	color: #fff;
	background: #8b1f5b;
}

::selection {
	color: #fff;
	background: #8b1f5b;
}

h1,
h2,
h3,
h4,
h5,
h6,
.secondfont {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin: 0 0;
}

html,
body {
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #212121;
}

/*Generales*/
.wrap {
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.wrap.wrapheader {
	max-width: 1305px;
}

.wrap.wrapbig {
	max-width: 1235px;
}

.wrap.wrapxtrasmall {
	max-width: 600px;
}

.wrap.wrapmedium {
	max-width: 1170px;
}

.wrap.wrapsmall {
	max-width: 800px;
}

/* SECTION, FONTS y MARGINS*/
.titulo {
	font-size: 30px;
	font-weight: 400;
	color: #212121;
	line-height: 1.1em;
}

.titulo1 {
	font-weight: 700;
	line-height: 1.0em;
	font-size: 50px;
	color: #212121;
	max-width: 610px;
}

.titulo2 {
	font-weight: 300;
	line-height: 1.0em;
	font-size: 42px;
	color: #4e9fd7;
}

.subtitulo1 {
	font-weight: 400;
	line-height: 1.1em;
	font-size: 24px;
	color: #4596ce;
	margin-bottom: 15px;
}

.subtitulo2 {
	font-weight: 700;
	line-height: 1.1em;
	font-size: 14px;
	color: #4e9fd7;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.subtitulo3 {
	font-weight: 700;
	line-height: 1.1em;
	font-size: 20px;
	margin-bottom: 10px;
}

.fquote {
	font-size: 12px;
	line-height: 1.3em;
	font-weight: 400;
	color: #757575;
	font-style: italic;
}

.bloquemaximo {
	max-width: 540px;
}

.fnormal {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
}

.fbig {
	font-size: 22px;
	line-height: 1.5em;
	font-weight: 300;
}

.facento {
	color: #222221;
}

.facento2 {
	color: #4e9fd7;
}

.facento3 {
	color: #fff;
}

.tcenter {
	text-align: center;
}

.tright {
	text-align: right;
}

.section {
	padding: 90px 0;
	position: relative;
}

.section.ssmall {
	padding: 65px 0;
}

.section.snpb {
	padding-bottom: 0;
}

.section.snpt {
	padding-top: 0;
}

.margins {
	margin: 40px 0;
}

.margins.nmb {
	margin-bottom: 0;
}

.mt-1 {
	margin-top: 5px;
}

a.azul {
	color: #4e9fd7;
	text-decoration: none;
}

a.azul:hover {
	color: #222221;
}

a.modesto {
	color: #757575;
	text-decoration: underline;
	display: inline-block;
}

a.modesto:hover {
	color: #444;
}

a.afootermarca {
	color: #757575;
	text-decoration: none;
}

a.afootermarca:hover {
	color: #444;
}

/* Botones */
.btn {
	position: relative;
	display: inline-block;
	outline: 0;
	letter-spacing: 1px;
	color: #4e9fd7;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	padding: 8px 22px;
	background: #fff;
	border: 1px solid #4e9fd7;
	border-radius: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn:hover {
	background: #4e9fd7;
	color: #fff;
}

.btnghost {
	background: none;
}

.btnsmall {
	font-size: 12px;
	line-height: 16px;
	padding: 5px 8px;
}

.btnsiguiente {
	padding-right: 50px;
}

.btnsiguiente::before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: block;
	content: "\f105";
	position: absolute;
	width: 8px;
	height: 16px;
	line-height: 16px;
	z-index: 5;
	top: 10px;
	right: 22px;
	-webkit-transition: right 0.3s ease;
	-moz-transition: right 0.3s ease;
	-ms-transition: right 0.3s ease;
	-o-transition: right 0.3s ease;
	transition: right 0.3s ease;
}

.btnsiguiente:hover::before {
	background-position: 0 0;
	right: 18px;
}

.btnsmall.btnsiguiente {
	padding-right: 40px;
}

.btnsmall.btnsiguiente::before {
	top: 5px;
	right: 8px;
}

.btnsmall.btnsiguiente:hover::before {
	right: 6px;
}

.btn.btngenerico::before {
	background-position: 0 0;
}

.btn.btngenerico:hover {
	background: #222;
	color: #fff;
	border: 1px solid #111;
}

.btnazul {
	background: #4e9fd7;
	color: #fff;
}

.btnazul::before {
	background-position: 0 0;
}

.btnazul:hover {
	background: #222221;
	color: #fff;
	border: 1px solid #222221;
}

.btnnegro {
	background: #222;
	border-color: #222;
	color: #fff;
}

.btnnegro::before {
	background-position: 0 0;
}

.btnnegro:hover {
	background: #111;
	color: #fff;
	border: 1px solid #111;
}

.btn-block {
	display: block;
	width: 100%;
}

.smallline {
	width: 64px;
	height: 1px;
	background: #4e9fd7;
	display: block;
}

.largeline {
	width: 230px;
	height: 1px;
	background: #4e9fd7;
	display: block;
}

.mas {
	font-size: 14px;
	line-height: 1em;
	padding-right: 16px;
	font-weight: 700;
	color: #4e9fd7;
}

.mas::before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: block;
	content: "\f105";
	position: absolute;
	width: 8px;
	height: 14px;
	line-height: 14px;
	z-index: 5;
	top: 0;
	right: 0;
	-webkit-transition: right 0.3s ease;
	-moz-transition: right 0.3s ease;
	-ms-transition: right 0.3s ease;
	-o-transition: right 0.3s ease;
	transition: right 0.3s ease;
}

.normatividadlogo {
	display: inline-block;
	height: 36px;
	vertical-align: middle;
}

/* HEADER */
.header {
	height: 82px;
	background: #333;
	position: fixed;
	z-index: 100;
	width: 100%;
	padding: 0 0;
}

.header .wrap {
	height: 100%;
	position: relative;
}

.header .logo {
	float: left;
	height: 100%;
	display: block;
	text-decoration: none;
	padding: 18px 0;
	font-size: 0;
}

.header .logo .logoimg {
	height: 100%;
	width: auto;
	display: block;
}

.header .hr {
	float: right;
	width: 60%;
	text-align: right;
	padding-top: 28px;
}

.header .hr .menu {
	font-size: 0;
	margin: 0 0;
}

.header .hr .menubtn {
	height: 48px;
	width: 46px;
	padding: 14px 10px;
	display: inline-block;
	vertical-align: top;
	float: right;
	display: none;
	margin-top: 3px;
}

.header .hr .menubtn .bar {
	width: 100%;
	background: #fff;
	height: 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.header .hr .menubtn .bar.center {
	margin: 4px 0;
}

.header .hr .menubtn:hover .bar {
	background: #3f4fb7;
}

.header.open .hr .menu {
	display: block;
	font-size: 0;
}

.header .hr .menu .melm {
	vertical-align: middle;
	display: inline-block;
	margin-left: 25px;
	position: relative;
	padding: 15px 0;
}

.header .hr .menu .mopt {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}

.header .hr .menu .moptbig {
	font-size: 22px;
}

.header .hr .menu .mopt:hover {
	color: #d8d8d8;
}

.header .hr .msubmenu {
	display: none;
	position: absolute;
	left: 50%;
	top: 44px;
	margin-left: -100px;
	width: 200px;
	background: #fafafa;
	border: 1px solid #222;
}

.header .hr .msubmenu .msopt {
	text-transform: uppercase;
	text-decoration: none;
	color: #3c3c3b;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	display: block;
	text-align: center;
	padding: 10px 0;
}

.header .hr .msubmenu .msopt:hover {
	color: #fff;
	background: #555;
}

.header .hr .melm:hover .msubmenu {
	display: block;
}

.header .topinfo {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 0;
	text-align: right;
}

.header .topinfo .tielm {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-decoration: none;
	margin-left: 15px;
	font-size: 12px;
	line-height: 28px;
	font-weight: 700;
}

.header .topinfo .tielm .white {
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

.header .topinfo .tielm .white:hover {
	color: #fff;
}

.header .topinfo .accesoanbec {
	background: #505050;
	text-transform: uppercase;
	padding: 0 14px;
	border-radius: 0 0 10px 10px;
}

.header .topinfo .accesoanbec:hover {
	background: #111;
}

.belowheader {
	padding-top: 82px;
}

/* Footer */
.footer {
	background: #e6e6e6;
	padding: 30px 0;
	color: #757575;
	font-weight: 400;
}

.footer .contenido {
	margin-left: -15px;
	margin-right: -15px;
	font-size: 0;
}

.footer .c {
	padding: 0 15px;
	vertical-align: top;
	display: inline-block;
	font-size: 14px;
	line-height: 1.3em;
}

.footer .c3 {
	width: 30%;
}

.footer .c2 {
	width: 20%;
}

.footer .c1 {
	width: 12.5%;
}

.footer .t {
	color: #300;
	font-weight: 600;
	margin-bottom: 6px;
}

.footer .copy {
	border-top: 1px solid #bfbfbf;
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
}

.footer .linksocial {
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #333;
	text-align: center;
	display: inline-block;
}

.footer .linksocial:hover {
	background: #333;
	color: #fff;
}

/*Paginacion*/
.paginacion {
	width: 100%;
	margin-top: 30px;
}

.paginacion .cr {
	float: right;
	width: 30%;
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: #757575;
	line-height: 1.3em;
	padding: 3px 0;
}

.paginacion .cl {
	float: left;
	width: 70%;
	padding-right: 20px;
	text-align: left;
	font-size: 0;
}

.paginacion .cl p {
	display: none;
}

.paginacion .btnpage {
	width: 38px;
	height: 38px;
	line-height: 34px;
	vertical-align: top;
	font-size: 14px;
	font-weight: 700;
	color: #212121;
	border: 2px solid #555;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	margin: 3px 6px 3px 0;
}

.paginacion .btnpage:hover,
.paginacion .btnpage.active {
	background: #444;
	color: #fff;
}

/* Carousel */
.carousel .item {
	display: block;
	text-decoration: none;
}

.carousel .owl-dots {
	position: absolute;
	z-index: 10;
	width: 100%;
	text-align: center;
	bottom: 15px;
	left: 0;
	font-size: 0;
}

.carousel .owl-dot {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}

.carousel .owl-dot span {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #212121;
	width: 8px;
	height: 8px;
	display: block;
}

.carousel .owl-dot.active span {
	background: #4e9fd7;
}

.carousel .owl-nav {
	height: 0;
	width: 100%;
}

.carousel .owl-prev {
	position: absolute;
	top: 50%;
	left: 20px;
	font-size: 0;
	color: #212121;
	margin-top: -20px;
}

.carousel .owl-prev::after {
	content: "\f104";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 40px;
}

.carousel .owl-prev:hover::after {
	color: #4e9fd7;
}

.carousel .owl-next {
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 0;
	color: #212121;
	margin-top: -20px;
}

.carousel .owl-next::after {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 40px;
}

.carousel .owl-next:hover::after {
	color: #4e9fd7;
}

/* Colores Marca */
.header .hr .msubmenu .msopt.bazul:hover {
	background: #4e9fd7;
}

.header .hr .msubmenu .msopt.bamarillo:hover {
	background: #193d8c;
}

.header .hr .msubmenu .msopt.bamarillo2:hover {
	background: #ecdf01;
}

.header .hr .msubmenu .msopt.bverde:hover {
	background: #7fbb39;
}

.header .hr .msubmenu .msopt.brojo:hover {
	background: #c61524;
}

.header .hr .msubmenu .msopt.bazul2:hover {
	background: #0f70b7;
}

.header .hr .msubmenu .msopt.bnaranja:hover {
	background: #ea5516;
}

/*Colores Marca*/
.bazul .btn {
	background: #4e9fd7;
	color: #fff;
	border: 1px solid #4e9fd7;
}

.bamarillo .btn {
	background: #193d8c;
	color: #fff;
	border: 1px solid #193d8c;
}

.bamarillo2 .btn {
	background: #ecdf01;
	color: #333;
	border: 1px solid #ecdf01;
}

.bverde .btn {
	background: #7fbb39;
	color: #fff;
	border: 1px solid #7fbb39;
}

.brojo .btn {
	background: #c61524;
	color: #fff;
	border: 1px solid #c61524;
}

.bazul2 .btn {
	background: #0f70b7;
	color: #fff;
	border: 1px solid #0f70b7;
}

.bnaranja .btn {
	background: #ea5516;
	color: #fff;
	border: 1px solid #ea5516;
}

.bnegro .btn {
	background: #4c4c4c;
	color: #fff;
	border: 1px solid #4c4c4c;
}

.bazul .con:hover .ncontenido {
	color: #fff;
	background: #4e9fd7;
}

.bazul .colorfuente {
	color: #4e9fd7;
}

.bazul .colorfondo {
	background: #4e9fd7;
}

.bamarillo .con:hover .ncontenido {
	color: #fff;
	background: #193d8c;
}

.bamarillo .colorfuente {
	color: #193d8c;
}

.bamarillo .colorfondo {
	background: #193d8c;
}

.bamarillo2 .con:hover .ncontenido {
	color: #333;
	background: #ecdf01;
}

.bamarillo2 .colorfuente {
	color: #ecdf01;
}

.bamarillo2 .colorfondo {
	background: #ecdf01;
}

.bverde .con:hover .ncontenido {
	color: #fff;
	background: #7fbb39;
}

.bverde .colorfuente {
	color: #7fbb39;
}

.bverde .colorfondo {
	background: #7fbb39;
}

.brojo .con:hover .ncontenido {
	color: #fff;
	background: #c61524;
}

.brojo .colorfuente {
	color: #c61524;
}

.brojo .colorfondo {
	background: #c61524;
}

.bazul2 .con:hover .ncontenido {
	color: #fff;
	background: #0f70b7;
}

.bazul2 .colorfuente {
	color: #0f70b7;
}

.bazul2 .colorfondo {
	background: #0f70b7;
}

.bnaranja .con:hover .ncontenido {
	color: #fff;
	background: #ea5516;
}

.bnaranja .colorfuente {
	color: #ea5516;
}

.bnaranja .colorfondo {
	background: #ea5516;
}

.fullline {
	background: #4e9fd7;
	height: 5px;
	width: 500px;
	position: relative;
	z-index: 3;
}

/* Home */
.phome .phcon {
	position: relative;
	width: 100%;
	height: 660px;
}

.phome .anbec {
	width: 200px;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	height: 100%;
	background: #222;
	color: #fff;
}

.phome .marcascolumnas {
	padding-left: 200px;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.phome .marcascolumnas .marca {
	float: left;
	width: 14.2857%;
	height: 100%;
	border-left: 1px solid #fff;
}

.phome .bcon {
	position: relative;
	width: 100%;
	height: 100%;
}

.phome .bcon .bcdata {
	position: relative;
	z-index: 5;
	padding: 15px 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
}

.phome .bcon .bcdc {
	padding: 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}

.phome .bcon .logosimple {
	display: block;
	width: 100%;
	text-align: center;
}

.phome .bcon .logosimple img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.phome .bcon .logo {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 5;
	bottom: 100px;
	text-align: center;
	background: #fff;
	padding: 5px 15px;
}

.phome .bcon .logocon {
	display: inline-block;
	vertical-align: middle;
	line-height: 60px;
	height: 60px;
	width: 100%;
}

.phome .bcon .logo img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.phome .bcon .back {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.phome .bcon .back .coverimage {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.phome .bcon .back .citop {
	z-index: 5;
}

.phome .bcon:hover .back .citop {
	opacity: 0;
}

.phome .bcon h1 {
	font-size: 20px;
	line-height: 1.2em;
	margin: 50px 0 15px;
	font-weight: 300;
}

.phome .bcon h2 {
	font-size: 15px;
	line-height: 1.2em;
	font-weight: 300;
}

.phome .bcon .btnsiguiente {
	margin-top: 30px;
}

/*Portada*/
.pportada .top {
	width: 100%;
	background: #fafafa;
	height: 540px;
}

.pportada .sbanners .tipo1 {
	text-align: left;
}

.pportada .sbanners .tipo2 {
	text-align: center;
}

.pportada .sbanners h1 {
	font-size: 36px;
	line-height: 1em;
	color: #111;
	font-weight: 700;
}

.pportada .sbanners h2 {
	font-size: 24px;
	line-height: 1.5em;
	color: #212121;
	font-weight: 400;
}

.pportada .sbanners .icono {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 54px;
	height: 56px;
	width: auto;
}

.pportada .sbanners h2 {
	margin-top: 10px;
}

.pportada .sbanners .btn {
	margin-top: 40px;
}

.pportada .sbanners .item {
	height: 540px;
}

.pportada .marcas .marcascon {
	font-size: 0;
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
}

.pportada .marcas .amarca {
	display: inline-block;
	vertical-align: top;
	width: 14.2857%;
	text-decoration: none;
	height: 92px;
	line-height: 40px;
	text-align: center;
	padding: 26px 20px;
}

.pportada .marcas .amarca img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.pportada .marcas .amarca:hover {
	background: #f1f1f1;
}

.pportada .spromociones {
	padding-top: 36px;
}

.pportada .spromociones .promociones {
	margin-left: -5px;
	margin-right: -5px;
}

.pportada .spromociones .promocon {
	width: 50%;
	padding: 5px;
	float: left;
}

.pportada .spromociones .promo {
	display: block;
	text-decoration: none;
}

.pportada .spromociones .promo img {
	width: 100%;
}

.pportada .spromociones .acceso {
	width: 100%;
	padding: 5px;
	float: left;
}

.pportada .spromociones .accesocon {
	height: 200px;
	background: #f1f1f1;
	float: left;
	padding: 5px 35px;
}

.pportada .spromociones .accesocon .fnormal {
	margin: 15px 0;
	max-width: 500px;
}

.pportada .spromociones .accesocon .ascell {
	text-align: left;
}

.pportada .spromociones .cliente {
	width: 38%;
}

.pportada .spromociones .nuevocliente {
	width: 62%;
	border-left: 1px solid #fff;
}

.pportada .spromociones .accesocon:hover {
	background: #edeff7;
}

.pportada .snosotros {
	overflow: hidden;
}

.pportada .snosotros .contenido {
	width: 50%;
	padding-right: 20px;
}

.pportada .snosotros .nimagen {
	position: absolute;
	z-index: 5;
	right: 0;
	top: 0;
	width: 50%;
	padding-left: 20px;
	height: 100%;
}

.pportada .snosotros .nimagencon {
	position: relative;
	height: 100%;
}

.pportada .snosotros .nimagencon .coverimage {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100%;
}

.pportada .snosotros .nimagencon .backshape {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0%;
}

.pportada .snosotros .nimagencon .backshape .shape {
	-moz-transform: skewX(-8deg) skewY(-4deg);
	-webkit-transform: skewX(-8deg) skewY(-4deg);
	-o-transform: skewX(-8deg) skewY(-4deg);
	-ms-transform: skewX(-8deg) skewY(-4deg);
	transform: skewX(-8deg) skewY(-4deg);
	background: #f1f1f1;
	width: 100%;
	height: 100%;
}

.pportada .scontacto .contenido {
	width: 50%;
	padding-left: 20px;
	float: right;
}

.pportada .scontacto .marcasayuda {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 50%;
	padding-right: 20px;
}

.pportada .scontacto .marcasayuda .marcascuadro {
	position: relative;
	z-index: 5;
	max-width: 440px;
	margin: 0 auto;
}

.pportada .scontacto .marcasayuda .marcascuadro .marcascon .amarca {
	background: #fff;
}

.pportada .scontacto .marcasayuda .backshape {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: -10%;
}

.pportada .scontacto .marcasayuda .backshape .shape {
	-moz-transform: skewX(-8deg) skewY(-4deg);
	-webkit-transform: skewX(-8deg) skewY(-4deg);
	-o-transform: skewX(-8deg) skewY(-4deg);
	-ms-transform: skewX(-8deg) skewY(-4deg);
	transform: skewX(-8deg) skewY(-4deg);
	background: #fafafa;
	width: 100%;
	height: 100%;
}

/* Marcas */
.pmarcas .slistamarcas {
	margin-left: -9px;
	margin-right: -9px;
	font-size: 0;
	padding-top: 50px;
	padding-bottom: 50px;
}

.pmarcas .slistamarcas .amarcacon {
	padding: 9px;
	vertical-align: top;
	display: inline-block;
	width: 25%;
}

.pmarcas .slistamarcas .amarca {
	border: 1px solid #e7e7e7;
	background: #fff;
}

.pmarcas .slistamarcas .amarca .imagencon {
	overflow: hidden;
	width: 100%;
	height: 250px;
	position: relative;
	display: block;
	text-decoration: none;
}

.pmarcas .slistamarcas .amarca .imagencon .masinfo {
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
	/* IE6-9 */
	font-size: 14px;
	font-weight: 300;
	text-align: right;
	color: #fff;
	padding: 15px 10px;
}

.pmarcas .slistamarcas .amarca .imagen {
	width: 100%;
	height: 100%;
}

.pmarcas .slistamarcas .amarca .info {
	padding: 20px 9px;
	color: #757575;
}

.pmarcas .slistamarcas .amarca .info .fnormal {
	min-height: 48px;
}

.pmarcas .slistamarcas .amarca .logo {
	height: 40px;
	line-height: 40px;
	display: block;
	margin-bottom: 16px;
}

.pmarcas .slistamarcas .amarca .logo img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.pmarcas .slistamarcas .amarca:hover .imagen {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.pmarcas .scatalogo {
	text-align: center;
}

.pmarcas .scatalogo .contenido {
	width: 100%;
	max-width: 660px;
	margin: 0 auto;
}

.pmarcas .scatalogo .fnormal {
	margin-bottom: 15px;
}

.pmarcas .svendeanbec .contenido {
	height: 500px;
	padding: 20px;
	color: #fff;
}

.pmarcas .svendeanbec .contenido .informacion {
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
}

.pmarcas .svendeanbec .contenido .fnormal {
	margin: 14px 0 35px;
}

/* Pagina Marca */
.pmarca .top {
	width: 100%;
	background: #fafafa;
	/*height: 450px;*/
	position: relative;
	z-index: 1;
}

.pmarca .sbanners {}

.pmarca .sbanners .item {
	/*height: 450px;*/
	height: auto;
}

.pmarca .sbanners .item img {
	width: 100%;
}

.pmarca .smarca {
	margin-top: -32px;
	position: relative;
	z-index: 5;
}

.pmarca .cmarcacon {
	padding: 0 15px;
}

.pmarca .cmarca {
	width: 100%;
	background: #fafafa;
	padding: 65px 110px;
	position: relative;
}

.pmarca .cmarca p {
	margin-bottom: 0;
}

.pmarca .cmarca .logocon {
	height: 64px;
}

.pmarca .cmarca .logocon img {
	height: 100%;
}

.pmarca .cmarca .descripcion {
	margin-top: 45px;
}

.pmarca .cmarca .btncatalogo {
	position: absolute;
	z-index: 2;
	right: 110px;
	top: 78px;
}

.pmarca .sbanners .owl-dots {
	bottom: 45px;
}

.pmarca .sbanners .owl-dot.active span {
	background: #fff;
}

.sproductos .ctop {
	margin-bottom: 35px;
	position: relative;
}

.sproductos .ctop .fullline {
	position: absolute;
	z-index: 3;
	left: -530px;
	top: 17px;
}

.sproductos .ctop .buscador {
	position: absolute;
	bottom: 0;
	right: 0;
}

.buscarform {
	position: relative;
}

.buscarform .buscarbtn {
	position: absolute;
	z-index: 5;
	right: 10px;
	top: 0;
	outline: 0;
	background: transparent;
	border: 0;
	font-size: 24px;
	line-height: 46px;
	color: #757575;
	width: 40px;
	margin: 0;
	padding: 0 0;
	display: block;
	text-align: center;
}

.buscarform .buscarbtn:hover {
	color: #222221;
}

.buscarform .search {
	width: 380px;
	border-radius: 2px;
	border: 1px solid #e7e7e7;
	background: #fff;
	position: relative;
	z-index: 1;
	color: #757575;
	font-size: 18px;
	line-height: 44px;
	outline: 0;
	padding: 0 60px 0 20px;
	font-weight: 300;
}

.buscarform .search:focus {
	width: 440px;
}

/* Contenedor productos */
.btn-filtros {
	margin-top: 10px;
	display: none;
}

.btn-filtros .fa {
	position: absolute;
	z-index: 10;
	right: 22px;
	top: 0;
	line-height: 38px;
}

.cproductoscon .filtroscon {
	width: 20%;
	float: left;
	padding-right: 10px;
	position: relative;
	z-index: 10;
}

.cproductoscon .listaproductos {
	width: 80%;
	float: left;
	padding-left: 10px;
}

.cproductoscon .listaproductoscon {
	margin-left: -5px;
	margin-right: -5px;
	font-size: 0;
}

.cproductoscon .cproducto {
	width: 33.333333333333333333333%;
	padding: 5px;
	display: inline-block;
	vertical-align: top;
}

.cproductoscon .con {
	display: block;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e7e7e7;
	width: 100%;
}

.cproductoscon .con .cptop {
	position: relative;
}

.cproductoscon .con .cptop .mas {
	position: absolute;
	z-index: 10;
	bottom: 10px;
	right: 20px;
	opacity: 0;
}

.cproductoscon .con .imagencon {
	height: 280px;
	line-height: 280px;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.cproductoscon .con .imagencon .imagen {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	vertical-align: middle;
}

.cproductoscon .con .ncontenido {
	background: #f1f1f1;
	padding: 15px 10px;
	font-size: 16px;
	line-height: 1.3em;
	color: #757575;
	border-top: 1px solid #e7e7e7;
	position: relative;
	overflow: hidden;
}

.cproductoscon .con .ncontenido .data {
	position: relative;
	z-index: 5;
}

.cproductoscon .con .ncontenido .diagonal {
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 200%;
	background: rgba(0, 0, 0, 0.15);
	top: -30%;
	right: -30%;
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.cproductoscon .con .ncontenido .t {
	font-weight: bold;
	color: #222;
	line-height: 1.2em;
}

.cproductoscon .con .ncontenido .m {
	font-size: 11px;
	line-height: 1em;
	margin-top: 6px;
}

.cproductoscon .con:hover .cptop .mas {
	opacity: 1;
	right: 10px;
}

.cproductoscon .con:hover .imagencon .imagen {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/*.cproductoscon .con:hover .ncontenido{

}*/
.cproductoscon .con:hover .ncontenido .diagonal {
	background: rgba(255, 255, 255, 0.15);
}

.cproductoscon .con:hover .ncontenido .t {
	color: #fff;
}

/* Filtros */
.box {
	padding: 5px 0;
}

.bfiltros {
	background: #fff;
	border: 1px solid #e7e7e7;
}

.bfmarca {
	border-bottom: 1px solid #e7e7e7;
}

.bfmarca .bfmtitulo {
	background: #f1f1f1;
	padding: 12px 16px;
	position: relative;
}

.bfmarca .bfmtitulo .t {
	font-weight: 700;
	font-size: 14px;
	line-height: 1em;
	color: #222;
	text-transform: uppercase;
	display: none;
}

.bfmarca .bfmtitulo .logo {
	width: 100%;
}

.bfmarca .bfmtitulo .logosmall {
	height: 26px;
}

.bfmarca .bfmtitulo .action {
	font-weight: 700;
	font-size: 14px;
	line-height: 1em;
	color: #444;
	text-transform: uppercase;
	position: absolute;
	z-index: 1;
	right: 16px;
	top: 12px;
}

.bfmarca .bfmtitulo .tdesc {
	font-weight: 300;
	font-size: 12px;
	line-height: 1.3em;
	color: #777;
	margin-top: 6px;
}

.bfmarca .bftrigger {
	display: block;
	text-decoration: none;
}

.bfmarca .bftrigger:hover {
	background: #fafafa;
}

.bfmarca .ccategoria {
	position: relative;
}

.bfmarca .csubcategorias {
	position: absolute;
	z-index: 5;
	top: 0;
	right: -270px;
	width: 270px;
	background: #fff;
	border: 1px solid #e7e7e7;
	padding: 4px;
	display: none;
}

.bfmarca .csubcategorias.atbottom {
	top: auto;
	bottom: 0;
}

.bfmarca .ccategoria:hover .csubcategorias {
	display: block;
}

.bfmarca .fasubmenu {
	position: absolute;
	z-index: 3;
	font-size: 14px;
	line-height: 16px;
	right: 19px;
	top: 11px;
	color: #757575;
}

.bfmarca .bfcategoria {
	display: block;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.3em;
	color: #757575;
	font-weight: 400;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	text-decoration: none;
}

.bfmarca .bfcategoria:hover {
	border-left-color: #4e9fd7;
	border-right-color: #fbfcff;
	background: #fbfcff;
}

.bfmarca .bfcategoria.active {
	border-left-color: #4e9fd7;
	font-weight: 700;
}

.bfmarca.bfclosed .bfcontenido {
	display: none;
}

.bfmarca.bfclosed .bfmtitulo .fa-minus {
	display: none;
}

.bfmarca .bfmtitulo .fa-minus {
	display: block;
}

.bfmarca.bfclosed .bfmtitulo .fa-plus {
	display: block;
}

.bfmarca .bfmtitulo .fa-plus {
	display: none;
}

.bfmarca:last-child {
	border-bottom: 0;
}

.templates h5 {
	font-size: 40px;
	line-height: 1.2em;
}

/* Breadcrumbs */
.breadcrumbs {
	width: 100%;
	background: #f1f1f1;
	text-transform: uppercase;
	padding: 18px 0;
}

.breadcrumbs .wrap {
	font-size: 0;
}

.breadcrumbs .flecha {
	display: inline-block;
	vertical-align: middle;
	height: 14px;
	margin: 0 18px;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	padding: 0 4px;
}

.breadcrumbs .bread {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #444;
	text-decoration: none;
}

.breadcrumbs .bread:hover {
	color: #222;
}

/* Pagina producto */
.pproducto .productocon .cl {
	float: left;
	width: 60%;
	padding-right: 80px;
}

.pproducto .productocon .cr {
	float: left;
	width: 40%;
}

.pproducto .carousel-producto .item {
	font-size: 0;
	height: 500px;
	line-height: 500px;
	text-align: center;
	position: relative;
}

.pproducto .carousel-producto .item .izcon {
	height: 500px;
	line-height: 500px;
	width: 100%;
}

.pproducto .carousel-producto .item img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.pproducto .carousel-producto .item .zoom {
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 10px;
	font-size: 20px;
	line-height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	opacity: 0;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 4px;
	color: #222;
}

.pproducto .carousel-producto .item:hover .zoom {
	opacity: 1;
}

.pproducto .carousel-producto .item:hover .izcon {
	opacity: 0;
}

.pproducto .carousel-producto .item .quote {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 4px 10px;
	background: rgba(255, 255, 255, 0.9);
}

.pproducto .datosproducto .logocon {
	height: 44px;
	margin-bottom: 30px;
	display: inline-block;
	text-decoration: none;
}

.pproducto .datosproducto.manbec .logocon {
	height: 36px;
}

.pproducto .datosproducto .onmobile {
	display: none;
}

.pproducto .datosproducto .logocon img {
	height: 100%;
}

.pproducto .datosproducto h1 {
	margin-bottom: 10px;
	font-weight: 300;
}

.pproducto .datosproducto .subtitulo1 {
	font-weight: 300;
}

.pproducto .datosproducto .subtitulo2 {
	margin-top: 40px;
	color: #222;
}

.pproducto .datosproducto ul {
	padding: 0 0 0 15px;
	;
	/*list-style-position: inside;*/
}

.pproducto .datosproducto .socialshare {
	margin-top: 30px;
}

.pproducto .datosproducto .btn-descarga {
	margin-right: 15px;
	margin-bottom: 15px;
}

.pproducto .carousel-producto .owl-dots {
	position: relative;
	bottom: auto;
	left: auto;
	/*border-top: 1px solid #cfd2e3;*/
	padding-top: 10px;
	/*margin-top: 5px;*/
}

.pproducto .normatividadlogo {
	margin-right: 10px;
	margin-top: 10px;
}

/* Seccion ayuda */
.sayuda .contenidocon {
	position: relative;
}

.sayuda .contenido {
	background: #f1f1f1;
	padding: 38px 15px;
	text-align: center;
	position: relative;
	z-index: 5;
}

.sayuda .contenido .data {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
}

.sayuda .contenido .fnormal {
	margin: 15px 0;
}

.sayuda .backshape {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.sayuda .backshape .shape {
	-moz-transform: skewX(-8deg) skewY(-4deg);
	-webkit-transform: skewX(-8deg) skewY(-4deg);
	-o-transform: skewX(-8deg) skewY(-4deg);
	-ms-transform: skewX(-8deg) skewY(-4deg);
	transform: skewX(-8deg) skewY(-4deg);
	background: #e6e6e6;
	width: 100%;
	height: 100%;
}

/* Nosotros */
.pnosotros .agaleria {
	position: relative;
}

.pnosotros .agaleria .carousel {
	position: relative;
	z-index: 10;
}

.pnosotros .agaleria .backshape {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.pnosotros .agaleria .backshape .shape {
	-moz-transform: skewX(-8deg) skewY(-4deg);
	-webkit-transform: skewX(-8deg) skewY(-4deg);
	-o-transform: skewX(-8deg) skewY(-4deg);
	-ms-transform: skewX(-8deg) skewY(-4deg);
	transform: skewX(-8deg) skewY(-4deg);
	background: #e6e6e6;
	width: 100%;
	height: 100%;
}

.pnosotros .svalores {
	overflow: hidden;
}

.pnosotros .svalores .nv {
	padding-left: 180px;
	position: relative;
}

.pnosotros .svalores .nv .fullline {
	position: absolute;
	z-index: 3;
	left: -350px;
	top: 17px;
}

.pnosotros .tablavalores {
	width: 100%;
	position: relative;
	padding: 30px 0;
	color: #fff;
	margin-top: 40px;
}

.pnosotros .tablavalores .fnormal {
	color: #e5e5e5;
}

.pnosotros .tablavalores .tbcon {
	width: 100%;
	position: relative;
	z-index: 5;
}

.pnosotros .tablavalores .v {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pnosotros .tablavalores .backshape {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.pnosotros .tablavalores .backshape .shape {
	-moz-transform: skewY(-2deg);
	-webkit-transform: skewY(-2deg);
	-o-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	transform: skewY(-2deg);
	background: #28282a;
	width: 100%;
	height: 100%;
}

.pnosotros .smarcas .data {
	width: 50%;
	float: left;
	padding-right: 20px;
}

.pnosotros .smarcas .marcas {
	width: 50%;
	float: right;
	padding-left: 20px;
}

.marcascuadro {
	position: relative;
}

.marcascuadro .marcascon {
	margin-left: -12px;
	margin-right: -12px;
}

.marcascuadro .marcascon .amarcacon {
	padding: 4px 12px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
}

.marcascuadro .marcascon .amarca {
	display: block;
	height: 72px;
	line-height: 56px;
	padding: 8px 24px;
	background: #fcfcfc;
}

.marcascuadro .marcascon .amarca img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

/* Pagina contacto */
.pcontacto .amapa {
	width: 100%;
	padding: 0 0;
}

.pcontacto .amapa .map-canvas {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5;
	height: 350px;
	background: #fafafa;
}

.pcontacto .amapa .backshape {
	position: absolute;
	width: 70%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 15%;
}

.pcontacto .amapa .backshape .shape {
	-moz-transform: skewX(-8deg) skewY(-4deg);
	-webkit-transform: skewX(-8deg) skewY(-4deg);
	-o-transform: skewX(-8deg) skewY(-4deg);
	-ms-transform: skewX(-8deg) skewY(-4deg);
	transform: skewX(-8deg) skewY(-4deg);
	background: #e6e6e6;
	width: 100%;
	height: 100%;
}

@media screen and (max-width:1200px) {
	.pnosotros .agaleria .backshape {
		width: 90%;
		left: 5%;
	}
}

@media screen and (max-width:1024px) {
	.header .logo {
		padding: 25px 0;
	}

	.pmarcas .slistamarcas .amarcacon {
		width: 33.33333333333333333%;
	}

	.pmarcas .slistamarcas .amarca .imagencon {
		height: 200px;
	}
}

@media screen and (max-width:900px) {
	.cproductoscon .filtroscon {
		width: 30%;
	}

	.cproductoscon .listaproductos {
		width: 70%;
	}

	.pmarca .cmarca {
		padding: 65px 20px;
	}
}

@media screen and (max-width:768px) {
	.header .logo {
		padding: 21px 0;
	}

	.header .hr {
		width: auto;
	}

	.header .hr .menubtn {
		display: block;
	}

	.header .hr .menu {
		display: none;
	}

	.header.open .hr .menu {
		position: fixed;
		width: 100%;
		left: 0;
		top: 82px;
		background: #fff;
		text-align: center;
	}

	.header .hr .menu .spacer {
		display: none;
	}

	.header .hr .menu .melm {
		display: block;
		margin-left: 0;
		text-align: center;
		background: #ccc;
		padding: 0 0;
	}

	.header .hr .menu .mopt {
		font-size: 18px;
		line-height: 22px;
		vertical-align: top;
		display: block;
		padding: 16px 2px;
		color: #444;
	}

	.header .hr .menu .mopt:hover {
		color: #222;
		background: #ddd;
	}

	.header .hr .melm:hover .msubmenu {
		display: none;
	}

	.titulo1 {
		font-size: 43px;
	}

	.titulo {
		font-size: 22px;
	}

	.titulo2 {
		font-size: 37px;
	}

	.pportada .marcas .amarca {
		width: 25%;
	}

	.pportada .scontacto .marcasayuda .backshape {
		left: 0;
	}

	.footer .c2,
	.footer .c3 {
		width: 50%;
	}

	.footer .c1 {
		width: 25%;
		margin-top: 15px;
	}

	.pportada .sbanners .item {
		padding: 0 22px;
	}

	.carousel .owl-prev {
		left: 10px;
	}

	.carousel .owl-next {
		right: 10px;
	}

	.sproductos .ctop .buscador {
		position: relative;
		right: auto;
		bottom: auto;
		display: inline-block;
		margin-top: 20px;
	}

	.buscarform .search {
		width: 260px;
	}

	.buscarform .search:focus {
		width: 290px;
	}

	.cproductoscon .cproducto {
		width: 50%;
	}

	.pproducto .productocon .cl {
		padding-right: 40px;
	}

	.phome .marcascolumnas .marca {
		width: 25%;
		height: 50%;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
	}

	.phome .bcon .logo {
		bottom: 50px;
	}

	.pmarca .smarca {
		margin-top: -10px;
	}

	.pmarca .sbanners .owl-dots {
		bottom: 25px;
	}

	.pmarca .cmarca {
		padding: 45px 20px;
	}

	.pmarca .cmarca .btncatalogo {
		position: relative;
		right: auto;
		top: auto;
		margin-top: 15px;
	}

	.sayuda .backshape {
		width: 90%;
		left: 5%;
	}
}

@media screen and (max-width:640px) {
	.titulo2 {
		font-size: 35px;
	}

	.section {
		padding: 70px 0;
	}

	.header .logo {
		padding: 35px 0 9px;
	}

	.pportada .spromociones .promociones {
		margin-left: 0;
		margin-right: 0;
	}

	.pportada .spromociones .promocon {
		width: 100%;
		padding: 2px 0;
	}

	.pportada .spromociones .acceso {
		padding: 0 0;
	}

	.pportada .spromociones .cliente,
	.pportada .spromociones .nuevocliente {
		width: 100%;
		border-left: 0;
		padding: 0 0;
	}

	.pportada .spromociones .accesocon {
		height: auto;
		padding: 15px 15px;
	}

	.pportada .spromociones .nuevocliente {
		border-top: 1px solid #fff;
	}

	.pportada .snosotros .contenido {
		padding-right: 0;
		width: 100%;
	}

	.pportada .snosotros .nimagen {
		display: none;
	}

	.pportada .scontacto {
		overflow: hidden;
		padding-top: 0;
	}

	.pportada .scontacto .marcasayuda {
		position: relative;
		left: auto;
		top: auto;
		padding-right: 0;
		width: 100%;
		padding: 30px 15px;
		margin-bottom: 60px;
		background: #fafafa;
	}

	.pportada .scontacto .marcasayuda .marcascuadro {
		max-width: 500px;
	}

	.pportada .scontacto .marcasayuda .backshape {
		display: none;
	}

	.pportada .scontacto .contenido {
		padding-left: 0;
		width: 100%;
	}

	.pnosotros .tablavalores .v {
		padding-top: 13px;
		padding-bottom: 13px;
	}

	.pnosotros .svalores .nv {
		padding-left: 0;
	}

	.pnosotros .svalores .nv .fullline,
	.fullline {
		display: none;
	}

	.pnosotros .smarcas .data {
		width: 100%;
		padding-right: 0;
	}

	.pnosotros .smarcas .marcas {
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}

	.pmarca .smarca {
		margin-top: 20px;
	}

	.pmarca .sbanners .owl-dots {
		bottom: 8px;
	}

	.pmarcas .slistamarcas .amarcacon {
		width: 50%;
	}

	.btn-filtros {
		display: block;
	}

	.cproductoscon .filtroscon {
		display: none;
		position: fixed;
		z-index: 30;
		top: 0;
		padding-right: 0;
		width: 100%;
		left: 0;
		padding-top: 77px;
		background: rgba(255, 255, 255, 0.94);
		height: 100%;
	}

	.cproductoscon .filtroscon.active {
		display: block;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.cproductoscon .listaproductos {
		width: 100%;
		padding-left: 0;
	}

	.bfmarca .csubcategorias {
		position: relative;
		z-index: 5;
		top: auto;
		right: auto;
		width: 100%;
		background: #fff;
		border: 0;
		border-top: 1px solid #e7e7e7;
		padding: 20px;
	}

	.bfmarca .csubcategorias.atbottom {
		bottom: auto;
	}

	.bfmarca .ccategoria:hover .csubcategorias {
		display: none;
	}

	.bfmarca .ccategoria.opensubmenu .csubcategorias {
		display: block;
	}

	.sproductos .ctop .buscador {
		width: 100%;
	}

	.buscarform .search,
	.buscarform .search:focus {
		width: 100%;
	}

	.pproducto .productocon .cl {
		padding-right: 0;
		width: 100%;
	}

	.pproducto .productocon .cr {
		width: 100%;
	}

	.pproducto .datosproducto .onmobile {
		display: block;
	}

	.pproducto .datosproducto .ondesktop {
		display: none;
	}

	.phome .anbec {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		padding: 25px 0;
	}

	.phome .marcascolumnas {
		padding-left: 0;
		height: auto;
	}

	.phome .marcascolumnas .marca {
		width: 100%;
		height: 240px;
		border-left: 0;
		border-top: 1px solid #fff;
	}
}

@media screen and (max-width:520px) {
	.fbig {
		font-size: 18px;
	}

	.pproducto .carousel-producto .item {
		height: 400px;
		line-height: 400px;
	}

	.pproducto .carousel-producto .item .izcon {
		height: 400px;
		line-height: 400px;
	}

	.pproducto .datosproducto .logocon {
		height: 34px;
		margin-bottom: 15px;
	}

	.pproducto .datosproducto.manbec .logocon {
		height: 30px;
	}

	.pmarca .top,
	.pmarca .sbanners .item {
		/*height: 360px;*/
	}

	.pmarca .cmarca {
		padding: 35px 20px;
	}

	.pmarca .cmarcacon {
		padding: 0 0;
	}

	.pmarca .cmarca .logocon {
		width: 100%;
		height: auto;
	}

	.pmarca .cmarca .logocon img {
		height: auto;
		max-width: 80%;
		max-height: 100%;
	}

	.phome .bcon .logocon {
		height: 30px;
		line-height: 30px;
	}
}

@media screen and (max-width:414px) {
	.titulo {
		font-size: 19px;
	}

	.subtitulo1 {
		font-size: 17px;
	}

	.section {
		padding: 55px 0;
	}

	.section.ssmall {
		padding: 35px 0;
	}

	.footer .c1,
	.footer .c2,
	.footer .c3 {
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}

	.footer .c1.tright {
		text-align: center;
	}

	.footer .tempty {
		display: none;
	}

	.header .logo {
		padding: 40px 0 12px;
	}

	.marcascuadro .marcascon {
		margin-left: -4px;
		margin-right: -4px;
	}

	.marcascuadro .marcascon .amarcacon {
		padding: 4px 4px;
	}

	.marcascuadro .marcascon .amarca {
		padding: 8px 16px;
	}

	.pportada .marcas .amarca {
		width: 50%;
	}

	.pportada .sbanners h1 {
		font-size: 28px;
	}

	.pportada .sbanners h2 {
		font-size: 18px;
		line-height: 1.3em;
	}

	.pportada .sbanners .icono {
		height: 32px;
	}

	.pmarcas .slistamarcas .amarcacon {
		padding: 9px 4px;
	}

	.pmarcas .slistamarcas {
		margin-left: -4px;
		margin-right: -4px;
	}

	.pmarcas .slistamarcas .amarca .info .fnormal {
		font-size: 14px;
	}

	.pmarcas .slistamarcas .amarca .imagencon {
		height: 170px;
	}

	.cproductoscon .con .imagencon {
		height: 220px;
		line-height: 220px;
	}

	.cproductoscon .con .ncontenido {
		font-size: 14px;
	}

	.paginacion .cl {
		width: 100%;
		padding-right: 0;
	}

	.paginacion .cr {
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}

	.pmarca .cmarca .descripcion {
		margin-top: 30px;
	}

	.pmarca .top,
	.pmarca .sbanners .item {
		/*height: 300px;*/
	}

	.phome .bcon .logo {
		bottom: 20px;
	}

	.breadcrumbs .flecha {
		margin: 0 6px;
	}
}

@media screen and (max-width:360px) {
	.fbig {
		font-size: 16px;
	}

	.titulo1 {
		font-size: 32px;
	}

	.titulo2 {
		font-size: 28px;
	}

	.subtitulo1 {
		font-size: 20px;
	}

	.header .logo {
		padding: 45px 0 17px;
	}

	.pmarcas .slistamarcas .amarcacon {
		width: 100%;
	}

	.pmarcas .slistamarcas .amarca .info .fnormal {
		min-width: 12px;
	}

	.cproductoscon .cproducto {
		width: 100%;
	}

	.pproducto .carousel-producto .item {
		height: 300px;
		line-height: 300px;
	}

	.pproducto .carousel-producto .item .izcon {
		height: 300px;
		line-height: 300px;
	}

	.phome .bcon .logocon {
		height: 22px;
		line-height: 22px;
	}

	.pportada .top {
		height: 500px;
	}
}

@media screen and (max-width:320px) {
	.pportada .top {
		height: 440px;
	}
}




/*LAYOUT*/
.dmrow {
	margin-right: -15px;
	margin-left: -15px;
}

.dmrow:before,
.dmrow:after {
	display: table;
	content: "";
}

.dmrow:after {
	clear: both;
}

.dm1,
.dm2,
.dm3,
.dm4,
.dm5,
.dm6,
.dm7,
.dm8,
.dm9,
.dm10,
.dm11,
.dm12 {
	float: left;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 1px;
}

.dm1 {
	width: 8.33333333333333333%;
}

.dm2 {
	width: 16.66666666666666666%;
}

.dm3 {
	width: 25%;
}

.dm4 {
	width: 33.33333333333333333%;
}

.dm5 {
	width: 41.66666666666666666%;
}

.dm6 {
	width: 50%;
}

.dm7 {
	width: 58.33333333333333333%;
}

.dm8 {
	width: 66.66666666666666666%;
}

.dm9 {
	width: 75%;
}

.dm10 {
	width: 83.33333333333333333%;
}

.dm11 {
	width: 91.66666666666666666%;
}

.dm12 {
	width: 100%;
}

.pullright {
	float: right;
}

.dmgroup {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}

.dminput {
	background: #fff;
	border-radius: 2px;
	padding: 0 10px;
	font-size: 14px;
	border: 0;
	outline: 0;
	width: 100%;
	height: 38px;
	color: #222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px solid #ddd;
}

.dmarea {
	height: 100px;
	padding: 10px 10px;
	resize: none;
}

.dmgroup.activo .dminput,
.dmgroup.lleno .dminput {
	border: 1px solid #666;
}

.dmgroup label {
	font-size: 13px;
	line-height: 15px;
	display: block;
	margin-bottom: 2px;
}

.dmgroup .help-block {
	margin: 2px 0 0;
	font-style: italic;
}

.dmgroup .radio label {
	margin-bottom: 6px;
	font-size: 16px;
	line-height: 18px;
}

.dmgroup .radio input {
	margin-right: 5px;
}

.toast {
	font-size: 16px;
}

@media screen and (max-width:1000px) {
	.tablethide {
		display: none;
	}

	/*Layout*/
	.dmrow {
		margin-right: -10px;
		margin-left: -10px;
	}

	.dm1,
	.dm2,
	.dm3,
	.dm4,
	.dm5,
	.dm6,
	.dm7,
	.dm8,
	.dm9,
	.dm10,
	.dm11,
	.dm12 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.dm1-medium {
		width: 8.33333333333333333%;
	}

	.dm2-medium {
		width: 16.66666666666666666%;
	}

	.dm3-medium {
		width: 25%;
	}

	.dm4-medium {
		width: 33.33333333333333333%;
	}

	.dm5-medium {
		width: 41.66666666666666666%;
	}

	.dm6-medium {
		width: 50%;
	}

	.dm7-medium {
		width: 58.33333333333333333%;
	}

	.dm8-medium {
		width: 66.66666666666666666%;
	}

	.dm9-medium {
		width: 75%;
	}

	.dm10-medium {
		width: 91.66666666666666666%;
	}

	.dm11-medium {
		width: 83.33333333333333333%;
	}

	.dm12-medium {
		width: 100%;
	}
}

@media screen and (max-width:620px) {
	.dm1-small {
		width: 8.33333333333333333%;
	}

	.dm2-small {
		width: 16.66666666666666666%;
	}

	.dm3-small {
		width: 25%;
	}

	.dm4-small {
		width: 33.33333333333333333%;
	}

	.dm5-small {
		width: 41.66666666666666666%;
	}

	.dm6-small {
		width: 50%;
	}

	.dm7-small {
		width: 58.33333333333333333%;
	}

	.dm8-small {
		width: 66.66666666666666666%;
	}

	.dm9-small {
		width: 75%;
	}

	.dm10-small {
		width: 91.66666666666666666%;
	}

	.dm11-small {
		width: 83.33333333333333333%;
	}

	.dm12-small {
		width: 100%;
	}
}

@media screen and (max-width:360px) {
	.dm1-xsmall {
		width: 8.33333333333333333%;
	}

	.dm2-xsmall {
		width: 16.66666666666666666%;
	}

	.dm3-xsmall {
		width: 25%;
	}

	.dm4-xsmall {
		width: 33.33333333333333333%;
	}

	.dm5-xsmall {
		width: 41.66666666666666666%;
	}

	.dm6-xsmall {
		width: 50%;
	}

	.dm7-xsmall {
		width: 58.33333333333333333%;
	}

	.dm8-xsmall {
		width: 66.66666666666666666%;
	}

	.dm9-xsmall {
		width: 75%;
	}

	.dm10-xsmall {
		width: 91.66666666666666666%;
	}

	.dm11-xsmall {
		width: 83.33333333333333333%;
	}

	.dm12-xsmall {
		width: 100%;
	}
}
/* Elvis Salazar */
.d-inline-flex {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
}

.section.scontacto {
	margin-bottom: 40vw;
}