/* CSS */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
	height: 100%;
	background: rgb(229,229,229);
}

img {
	border: 0;
}

.contenido {
	position: relative;
	width: 1024px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}

.logoanimado {
	display: inline-block;
	vertical-align: middle;
	width: 49px;
	height: 45px;
	background: none;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* ********************************************************** */
/* **** SPANS *********************************************** */

.contenedorspan {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
}

/* **** span2 *********************** */
.contenedorspan .span2 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 49%;
	margin: 0 0 2% 0;
	padding: 0;
	font-size: 14px;
	word-spacing: 0.1em;
}

.contenedorspan .span2:nth-child(2n-1) {
	margin-right: 2%;
}

/* **** span3 *********************** */
.contenedorspan .span3 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 32%;
	margin: 0 0 2% 0;
	padding: 0;
	font-size: 14px;
	word-spacing: 0.1em;
}

.contenedorspan .span3:nth-child(3n-1) {
	margin-right: 2%;
	margin-left: 2%;
}

/* **** span4 *********************** */
.contenedorspan .span4 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 23.5%;
	margin: 0 0 2% 0;
	padding: 0;
	font-size: 14px;
	word-spacing: 0.1em;
}

.contenedorspan .span4:nth-child(4n-1) {	
	margin-left: 1%; 
	margin-right: 2%;
}

.contenedorspan .span4:nth-child(4n-2) {
	margin-left: 2%;
	margin-right: 1%;
}

/* **** span75p ******************** */
.contenedorspan .span75p {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 75%;
	margin: 0 0 2% 0;
	padding: 0;
	font-size: 14px;
	word-spacing: 0.1em;
}

/* **** span 2 columnas ************* */
.contenedorspan .colI {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 20%;
	margin: 0 2% 2% 0;
	padding: 0;
	font-size: 14px;
	word-spacing: 0.1em;
}

.contenedorspan .colD {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: calc(80% - 2%);
	margin: 0 0 2% 0;
	padding: 0;
	font-size: 14px;
	word-spacing: 0.1em;
}

/* **** span 2 columnas automatico ****** */
.contenedorspan2col {
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	-webkit-column-rule: 0px outset rgb(191,4,17); /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset rgb(191,4,17); /* Firefox */
    column-rule: 0px outset rgb(191,4,17);
}

.contenedorspan2col .span2 {
	background: rgb(255,255,255);	
	widows: 1;
	position: relative;
    display: inline-block;
    padding: 10px 0;
	margin: 5px 0;
	width: 100%;
	font-size: 14px;
	word-spacing: 0.1em;	
}

/* ########################################################## */
/* #### CABECERA ############################################ */

header {
	position: fixed;
	z-index: 15;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1024px;
	height: 58px;
	border-bottom: 2px solid rgb(191,4,17);
}

header .logo {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
}

header .logo img {
	display: block;
	max-height: 58px;
}

/* ########################################################## */
/* #### REDES SOCIALES Y LOGIN ############################## */

header .redes {
	position: absolute;
	top: 9px;
	right: 8px;
	text-align: right;
	font-size: 0;
	letter-spacing: 0;
	word-spacing: 0;
}

header .redes .ico-facebook {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(71,90,150);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-linkedin {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(68,123,179);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-twitter {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(99,167,221);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-googleplus {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(218,72,53);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-youtube {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(198,30,47);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-pinterest {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(176,25,44);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-instagram {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(72,62,52);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-foursquare {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(81,145,200);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-blogger {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(248,126,22);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	margin-left: 5px;
}

header .redes .ico-facebook,
header .redes .ico-linkedin,
header .redes .ico-twitter,
header .redes .ico-googleplus,
header .redes .ico-youtube,
header .redes .ico-instagram,
header .redes .ico-pinterest,
header .redes .ico-foursquare,
header .redes .ico-blogger {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header .redes .ico-facebook:hover,
header .redes .ico-linkedin:hover,
header .redes .ico-twitter:hover,
header .redes .ico-googleplus:hover,
header .redes .ico-youtube:hover,
header .redes .ico-instagram:hover,
header .redes .ico-pinterest:hover,
header .redes .ico-foursquare:hover,
header .redes .ico-blogger:hover {
	border-radius: 50%;
	font-size: 12px;
}

header .redes .separadorvertical {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 20px;
	background: rgb(191,4,17);
	margin-left: 10px;
	margin-right: 5px;
}

header .redes .login {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 22px;
	background: rgb(146,148,150);
	color: rgb(255,255,255);
	text-align: center;
	font-size: 14px;
	word-spacing: 0.1em;
	border-radius: 50%;
}

.fa-rotate-xx {
	-webkit-transform: rotate(45deg) scale(1, -1);
	-ms-transform: rotate(45deg) scale(1, -1);
	transform: rotate(45deg) scale(1, -1);
}

/* ########################################################## */
/* #### MENU ################################################ */

header #btnmenu {
	display: none;
}
	
header nav * {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header nav {
	position: absolute;	
	bottom: 3px;
	right: 8px;
	height: 15px;
	line-height: 15px;	
	font-family: 'Open Sans', sans-serif;	
	font-weight: 700;
	text-align: center;	
}

header nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;	
}

header nav ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	font-size: 13px;
	word-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(102,102,102);
}

header nav ul li a,
header nav ul li a:visited {
	color: inherit;
	text-decoration: none;
}

header nav ul li.sel,
header nav ul li a:hover {
	color: rgb(191,4,17);
}

/* ########################################################## */
/* #### SLIDE ############################################### */

#slide {
	margin: 60px 0 0 0;
}

/* ########################################################## */
/* #### LINEAINFO ########################################### */

#lineainfo {
	height: 70px;	
	line-height: 70px;
	color: rgb(255,255,255);
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
	text-align: center;	
}

#lineainfo p {
	margin: 0;
	padding: 0;
}

#lineainfo p span {
	margin-left: 15px;
	margin-right: 15px;
}

#lineainfo a.btnverde,
#lineainfo a.btnverde:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	width: 125px;
	height: 34px;
	line-height: 34px;	
	cursor: pointer;
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -8px 0px -4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#lineainfo a.btnverde:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -34px 0px -4px;
}

/* ########################################################## */
/* #### PRINCIPAL ########################################### */

section#principal {
	padding: 0px 0 65px 0;
}

section#principal .contenido {
	padding: 50px 10px 10px 10px;
	width: calc(1024px - 20px);
	background: rgb(243,243,244);
}

/* ******************* */
section#principal .contenedorspan .colI {
	text-align: center;
}

section#principal .contenedorspan .colD .blqtexto {
	padding: 15px 15px;
	text-align: justify;
	color: rgb(102,102,102);
	font-size: 12px;
}

section#principal .contenedorspan .colD .blqtexto p {
	margin: 0 0 10px 0;
}

/* ******************* */
section#principal .contenedorspan .span4 a * {
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#principal .contenedorspan .span4 a,
section#principal .contenedorspan .span4 a:visited {
	color: rgb(102,102,102);
	text-decoration: none;
}

section#principal .contenedorspan .span4 a:hover {
	color: rgb(61,58,61);
}

section#principal .contenedorspan .span4 a .imagencontrol {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 156px;
	height: 135px;
	overflow: hidden;
}

section#principal .contenedorspan .span4 a .imagencontrol img {
	opacity: 1;	
	position:absolute;
	top: 0;
	left: 0;	
}

section#principal .contenedorspan .span4 a .imagencontrol img:last-child {
	opacity: 0;
}

section#principal .contenedorspan .span4 a:hover .imagencontrol img:first-child {
	opacity: 0;	
}

section#principal .contenedorspan .span4 a:hover .imagencontrol img:last-child {
	opacity: 1;
}

section#principal .contenedorspan .span4 a h2 {
	margin: 10px 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;	
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: inherit;	
}

section#principal .contenedorspan .span4 a .blqtexto {
	text-align: center;
	color: inherit;
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
	font-size: 12px;
	font-style: italic;
}

section#principal .contenedorspan .span4 a .blqtexto p {
	margin: 0;
	padding: 0;
}

/* ******************* */
section#principal .contenedorspan .span2 img {
	max-width: 100%;
}

section#principal .contenedorspan .span2 h1 {
	margin: 0 0 15px 0;
	font-weight: 700;
	font-size: 40px;
}

section#principal .contenedorspan .span2 h2 {
	margin: 0;
	font-weight: 300;
	font-style: italic;
	font-size: 22px;
}

section#principal .contenedorspan .span2 .blqtexto {
	text-align: justify;
	color: rgb(102,102,102);
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
	font-size: 12px;
}

section#principal .contenedorspan .span2 .blqtexto p {
	margin: 0 0 10px 0;
	padding: 0;
}

/* ******************* */
section#principal h1.tituloconlinea {
	text-align: center;
	color: rgb(191,4,17);
	font-size: 40px;
	font-weight: 700;	
	text-transform: capitalize;
	background: -webkit-linear-gradient(rgb(191,4,17),rgb(191,4,17));
	background: -o-linear-gradient(rgb(191,4,17),rgb(191,4,17));
	background: -moz-linear-gradient(rgb(191,4,17),rgb(191,4,17));
	background: linear-gradient(rgb(191,4,17),rgb(191,4,17));
	background-repeat: no-repeat;
	background-size: 100% 1px;	
	background-position: left calc(50% + 5px);
}

section#principal h1.tituloconlinea span {
	background: rgb(243,243,244);
	display: inline-block;
	padding: 0 20px;
}

/* ******************* */
section#principal .contenedorspan .span3 .blqsombra {
	position: relative;
	min-height: 332px;	
	background: rgb(255,255,255);
	text-align: center;
	border-radius: 8px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 10px -5px;
	overflow: hidden;
}

section#principal .contenedorspan .span3 .blqsombra .imagen {
	position: relative;
	height: 145px;
	background: rgb(203,203,203);
}

section#principal .contenedorspan .span3 .blqsombra .imagen img {	
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	bottom: 0;	
}

section#principal .contenedorspan .span3 .blqsombra h4 {
	color: rgb(61,58,61);	
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 15px;
}

section#principal .contenedorspan .span3 .blqsombra h5 {
	color: rgb(191,4,17);	
	font-weight: 700;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 25px;
}

section#principal .contenedorspan .span3 .blqsombra a.btnemail,
section#principal .contenedorspan .span3 .blqsombra a.btnemail:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: rgb(255,255,255);
	font-size: 2.5em;
	text-decoration: none;
	outline: none;
	width: 80px;
	height: 43px;
	line-height: 40px;	
	cursor: pointer;	
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#principal .contenedorspan .span3 .blqsombra a.btnemail:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -43px 0px -4px;	
}

/* ########################################################## */
/* #### GALERIAS ############################################ */

section#galerias {
	padding: 0px 0 65px 0;
}

section#galerias .contenido {
	padding: 50px 10px 10px 10px;
	width: calc(1024px - 20px);
	background: rgb(243,243,244);
}

section#galerias .contenedorspan .span3 img {
	max-width: 100%;
}

section#galerias ul.categorias {
	padding: 0;
	margin: 0 0 25px 0;
	list-style: none;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
}

section#galerias ul.categorias li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 16px;
	word-spacing: 0.1em;
}

section#galerias ul.categorias li:first-child {
	margin-left: 0;
}

section#galerias ul.categorias li:last-child {
	margin-right: 0;
}

section#galerias ul.categorias li a,
section#galerias ul.categorias li a:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(255,255,255);
	border: 1px solid rgb(219,224,234);
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: rgb(191,4,17);
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;	
	cursor: pointer;	
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

section#galerias ul.categorias li.sel a,
section#galerias ul.categorias li a:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -28px 0px -4px;	
}

/* *** Galeria o listado de Productos ************* */
section#galerias .contenedorspan .span3 .blqproducto {
	background: rgb(255,255,255);
	padding-bottom: 15px;
}

section#galerias .contenedorspan .span3 .blqproducto .imagen {
	position: relative;
	height: 262px;
	text-align: center;
}

section#galerias .contenedorspan .span3 .blqproducto .imagen img {
	max-width: 100%;
	max-height: 100%;
}

section#galerias .contenedorspan .span3 .blqproducto .favorito {
	margin: 5px 15px;
	text-align: right;
	color: rgb(191,4,17);
	font-size: 1.5em;
}

section#galerias .contenedorspan .span3 .blqproducto .favorito i {
	cursor: pointer;
}

section#galerias .contenedorspan .span3 .blqproducto h2 {
	margin: 5px 15px;
	padding-bottom: 5px; 
	color: rgb(42,43,47);
	font-size: 1.2em;
	background: linear-gradient(rgb(191,4,17),rgb(191,4,17));
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 50px 1px;
}

section#galerias .contenedorspan .span3 .blqtexto {
	margin: 0px 15px;
	height: 78px;
	text-align: justify;
	color: rgb(102,102,102);
	font-size: 12px;
	overflow: hidden;
}

section#galerias .contenedorspan .span3 .blqtexto p {
	margin: 0 0 10px 0;
}

section#galerias .contenedorspan .span3 a.vinculoleer,
section#galerias .contenedorspan .span3 a.vinculoleer:visited {
	margin: 0px 15px;
	color: rgb(102,102,102);
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#galerias .contenedorspan .span3 a.vinculoleer:hover {
	color: rgb(191,4,17);	
}

/* ########################################################## */
/* #### PRODUCTOS ############################################ */

section#productos {
	padding: 0px 0 65px 0;
}

section#productos .contenido {
	padding: 50px 10px 10px 10px;
	width: calc(1024px - 20px);
	background: rgb(243,243,244);
}

section#productos h6 {
	float: left;
	margin: 0;
	font-weight: 400;
	color: rgb(191,4,17);
	font-size: 14px;
	word-spacing: 0.1em;	
}

section#productos .compartir {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: right;	
}

section#productos .compartir a,
section#productos .compartir a:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: rgb(255,255,255);
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
	outline: none;
	width: 40px;
	height: 40px;
	line-height: 38px;	
	cursor: pointer;	
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#productos .compartir  a:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -40px 0px -4px;	
}

section#productos .compartir .socialshare:after {
	content: "";
	position: absolute;
	top: -10px;
	right: calc(50% - 11px);	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #3ea52e transparent;
}

section#productos .compartir .socialshare {
	position: absolute;
	top: 53px;
	right: 0;
	display: none;
	width: 36px;
	padding: 10px 0;
	text-align: center;
	background: rgb(60, 55, 59);
	border: 2px solid rgb(62, 165, 46);
}

section#productos .compartir .socialshare .stButton {
	margin-left: auto !important;
	margin-right: auto !important;
}

section#productos .favorito {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;	
	color: rgb(191,4,17);	
	font-size: 1.5em;
	margin-left: 15px;
}

section#productos .favorito i {
	cursor: pointer;
}

section#productos img {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 40%;
}

section#productos h1 {
	margin: 15px 0 15px 0;
	color: rgb(42,43,47);
	font-weight: 700;
	font-size: 1.5em;
	text-transform: uppercase;
}

section#productos .blqtexto {	
	color: rgb(42,43,47);
	text-align: justify;
	font-size: 0.9em;
}

section#productos .blqtexto p {
	margin: 0 0 15px 0;
}

/* ########################################################## */
/* #### NOTICIAS ############################################ */

section#noticias {
	padding: 0px 0 65px 0;
}

section#noticias .contenido {
	padding: 30px 10px 10px 10px;
	width: calc(1024px - 20px);
	background: rgb(243,243,244);
}

section#noticias h1 {
	margin: 0px 15px 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 28px;
	text-align: center;
}

section#noticias .contenedorspan .span75p .blqtexto {
	color: rgb(102,102,102);
	font-size: 16px;
	font-style: italic;
}

section#noticias .contenedorspan .span75p .blqtexto p {
	margin: 0 0 5px 0;
}

section#noticias .contenedorspan .span2 .blqnoticia {
	background: rgb(255,255,255);
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
}

section#noticias .contenedorspan .span2 .blqnoticia h6 {
	margin: 0 15px;
	font-weight: 400;
	color: rgb(191,4,17);
	font-size: 11px;
	word-spacing: 0.1em;	
}

section#noticias .contenedorspan .span2 .blqnoticia h2 {
	margin: 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 24px;
	word-spacing: 0.1em;	
	text-transform: uppercase;
	height: 66px;
	overflow: hidden;
}

section#noticias .contenedorspan .span2 .blqnoticia .imagen {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 150px;
	text-align: center;
}

section#noticias .contenedorspan .span2 .blqnoticia .imagen img {
	max-width: 100%;
	max-height: 100%;
}

section#noticias .contenedorspan .span2 .blqnoticia .blqtexto {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
	margin: 0px 10px;
	height: 150px;
	text-align: justify;
	color: rgb(102,102,102);
	font-size: 12px;
	overflow: hidden;
}

section#noticias .contenedorspan .span2 .blqnoticia .blqtexto p {
	margin: 0 0 10px 0;
}

section#noticias .contenedorspan .span2 .blqnoticia .blqtexto a.vinculoleer,
section#noticias .contenedorspan .span2 .blqnoticia .blqtexto a.vinculoleer:visited {
	margin: 10px 0 0 0;
	color: rgb(102,102,102);
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#noticias .contenedorspan .span2 .blqnoticia .blqtexto a.vinculoleer:hover {
	color: rgb(191,4,17);	
}

/* ########################################################## */
/* #### OFERTAS ############################################# */

section#ofertas {
	padding: 0px 0 65px 0;
}

section#ofertas .contenido {
	padding: 30px 10px 10px 10px;
	width: calc(1024px - 20px);
	background: rgb(243,243,244);
}

section#ofertas h1 {
	margin: 0px 15px 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 28px;
	text-align: center;
}

section#ofertas .contenedorspan .span75p .blqtexto {
	color: rgb(102,102,102);
	font-size: 16px;
	font-style: italic;
}

section#ofertas .contenedorspan .span75p .blqtexto p {
	margin: 0 0 5px 0;
}

section#ofertas .contenedorspan .span2 .blqoferta {
	background: rgb(255,255,255);
	padding-bottom: 15px;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
}

section#ofertas .contenedorspan .span2 .blqoferta h6 {
	margin: 0 15px 10px 15px;
	font-weight: 400;
	color: rgb(191,4,17);
	font-size: 12px;
	word-spacing: 0.1em;	
}

section#ofertas .contenedorspan .span2 .blqoferta h2 {
	margin: 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 24px;
	word-spacing: 0.1em;	
	text-transform: uppercase;
	height: 66px;
	overflow: hidden;
}

section#ofertas .contenedorspan .span2 .blqoferta .imagen {
	position: relative;
	height: 215px;
	text-align: center;
}

section#ofertas .contenedorspan .span2 .blqoferta .imagen img {
	max-width: 100%;
	max-height: 100%;
}

section#ofertas .contenedorspan .span2 .blqoferta .blqtexto {
	position: relative;
	margin: 0px 15px;
	height: 150px;
	text-align: justify;
	color: rgb(102,102,102);
	font-size: 12px;
	overflow: hidden;
}

section#ofertas .contenedorspan .span2 .blqoferta .blqtexto p {
	margin: 0 0 10px 0;
}

section#ofertas .contenedorspan .span2 .blqoferta .blqtexto a.vinculoleer,
section#ofertas .contenedorspan .span2 .blqoferta .blqtexto a.vinculoleer:visited {
	margin: 10px 0 0 0;
	color: rgb(102,102,102);
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#ofertas .contenedorspan .span2 .blqoferta .blqtexto a.vinculoleer:hover {
	color: rgb(191,4,17);	
}

/* ########################################################## */
/* #### COMENTARIOS ######################################### */

section#comentarios {
	padding: 0;
}

section#comentarios .contenido {
	padding: 30px 10px 10px 10px;
	width: calc(1024px - 20px);
	background: rgb(243,243,244);
}

section#comentarios h1 {
	margin: 0px 15px 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 28px;
	text-align: center;
}

section#comentarios .contenedorspan .span75p .blqtexto {
	color: rgb(102,102,102);
	font-size: 16px;
	font-style: italic;
}

section#comentarios .contenedorspan .span75p .blqtexto p {
	margin: 0 0 5px 0;
}

section#comentarios .contenedorspan2col .span2 .blqcomentario {
	background: rgb(255,255,255);
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
}

section#comentarios .contenedorspan2col .span2 .blqcomentario h5 {
	margin: 0 15px 10px 15px;
	font-weight: 400;
	color: rgb(153,153,153);
	font-size: 12px;
	word-spacing: 0.1em;	
}

section#comentarios .contenedorspan2col .span2 .blqcomentario h6 {
	margin: 0 15px 10px 15px;
	font-weight: 400;
	color: rgb(191,4,17);
	font-size: 12px;
	word-spacing: 0.1em;	
}

section#comentarios .contenedorspan2col .span2 .blqcomentario h2 {
	margin: 0px 15px 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 24px;
	word-spacing: 0.1em;	
	overflow: hidden;
}

section#comentarios .contenedorspan2col .span2 .blqcomentario .blqtexto {
	position: relative;
	margin: 0px 15px;
	text-align: justify;
	color: rgb(102,102,102);
	font-size: 12px;
}

section#comentarios .contenedorspan2col .span2 .blqcomentario .blqtexto p {
	margin: 0 0 10px 0;
}

section#comentarios .contenedorspan2col .span2 .blqcomentario a.vinculoleer,
section#comentarios .contenedorspan2col .span2 .blqcomentario a.vinculoleer:visited {
	margin: 10px 0 0 0;
	color: rgb(102,102,102);
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#comentarios .contenedorspan2col .span2 .blqcomentario a.vinculoleer:hover {
	color: rgb(191,4,17);	
}

/* ########################################################## */
/* #### CONTACTO ############################################ */

section#contacto {
	padding: 0px 0 65px 0;
}

section#contacto .contenido {
	padding: 50px 0px 10px 0px;
	background: rgb(243,243,244);
}

section#contacto h1 {
	margin: 0px 15px 10px 15px;
	font-weight: 700;
	color: rgb(42,43,47);
	font-size: 28px;
	text-align: center;
}

section#contacto .contenedorspan .span75p .blqtexto {
	color: rgb(102,102,102);
	font-size: 16px;
	font-style: italic;
}

section#contacto .contenedorspan .span75p .blqtexto p {
	margin: 0 0 5px 0;
}

section#contacto ul.categorias {
	padding: 0 10px;
	margin: 0 0 25px 0;
	list-style: none;
	font-size: 0;
	word-spacing: 0;
	letter-spacing: 0;
}

section#contacto ul.categorias li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 16px;
	word-spacing: 0.1em;
}

section#contacto ul.categorias li:first-child {
	margin-left: 0;
}

section#contacto ul.categorias li:last-child {
	margin-right: 0;
}

section#contacto ul.categorias li a,
section#contacto ul.categorias li a:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(255,255,255);
	border: 1px solid rgb(219,224,234);
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: rgb(191,4,17);
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;	
	cursor: pointer;	
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

section#contacto ul.categorias li.sel a,
section#contacto ul.categorias li a:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -28px 0px -4px;	
}

section#contacto .mapa {
	height: 300px;
	border-top: 1px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(102,102,102);
	margin: 0 0 20px 0;
}

section#contacto .contenedorspan {
	padding: 0 10px;
}

section#contacto .contenedorspan .span2 img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

section#contacto .contenedorspan .span2 p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	font-size: 16px;
	color: rgb(102,102,102);
	width: calc(100% - 41px - 25px);
}

section#contacto input[type=text],
section#contacto input[type=email],
section#contacto input[type=tel],
section#contacto input[type=password] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);	
	outline: none;
	margin-bottom: 15px;
	width: calc(100% - 1em - 2px);
	height: 36px;
	padding: 0 0.5em;
	line-height: 36px;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
}

section#contacto select {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: url("../imagenes/ico-arrow.png") rgb(255,255,255) no-repeat 98% center;
	border: 1px solid rgb(205,205,205);	
	outline: none;
	margin-bottom: 15px;
	width: 100%;
	height: 38px;
	padding: 0 0.5em;
	line-height: 36px;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
}

section#contacto textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);
	outline: none;
	margin-bottom: 15px;
	width: calc(100% - 1em - 2px);
	height: 142px;
	resize: none;
	padding: 0 0.5em;
	line-height: 36px;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
}

section#contacto input[type=file] {
	display: none;
}

section#contacto .custom {
	background: url("../imagenes/ico-mas.png") rgb(255,255,255) no-repeat 98% center !important;
}

section#contacto input[type=text]::-webkit-input-placeholder,
section#contacto input[type=password]::-webkit-input-placeholder,
section#contacto input[type=email]::-webkit-input-placeholder,
section#contacto input[type=tel]::-webkit-input-placeholder,
section#contacto textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(102,102,102);
	text-transform: uppercase;
}

section#contacto input[type=text]:-moz-placeholder,
section#contacto input[type=password]:-moz-placeholder,
section#contacto input[type=email]:-moz-placeholder,
section#contacto input[type=tel]:-moz-placeholder,
section#contacto textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgb(102,102,102);
	opacity: 1;
	text-transform: uppercase;
}

section#contacto input[type=text]::-moz-placeholder,
section#contacto input[type=password]::-moz-placeholder,
section#contacto input[type=email]::-moz-placeholder,
section#contacto input[type=tel]::-moz-placeholder,
section#contacto textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgb(102,102,102);
	opacity: 1;
	text-transform: uppercase;
}

section#contacto input[type=text]:-ms-input-placeholder,
section#contacto input[type=password]:-ms-input-placeholder,
section#contacto input[type=email]:-ms-input-placeholder,
section#contacto input[type=tel]:-ms-input-placeholder,
section#contacto textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgb(102,102,102);
	text-transform: uppercase;
}

section#contacto button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	height: 36px;
	width: 100px;
	cursor: pointer;
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -8px 0px -4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#contacto button:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -36px 0px -4px;
}

section#contacto input[type=checkbox] {
	display: none;
}

section#contacto a,
section#contacto a:visited {
	color: rgb(42,43,47);
	text-decoration: none;	
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

section#contacto a:hover {
	color: rgb(191,4,17);
}

section#contacto .custom_check {	
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	color: rgb(191,4,17);
}

section#contacto #siimage {
	width: 80px;
	height: 38px;
	border-radius: 0px;
	display: inline-block;
	vertical-align: top;
}

section#contacto .refresh {
	text-decoration: none;
	color: rgb(95,150,217);
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	margin: 0 2px 0 5px;
	outline: none;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#contacto .refresh:hover {
	color: rgb(65,192,27);
}

section#contacto .custom_input {
	display: inline-block !important;
	width: 88px !important;
}

section#contacto .custom50_input {
	display: inline-block !important;
	width: calc(49.4% - 1em - 2px)  !important;
}


/* ########################################################## */
/* #### MI CUENTA ########################################### */

section#micuenta {
	padding: 0px 0 65px 0;
}

section#micuenta .contenido {
	padding: 80px 15px 10px 15px;
	background: rgb(243,243,244);
}

section#micuenta .blqmarco {
	position: relative;
	text-align: left;
}

section#micuenta .blqmarco .foto {
	position: relative;
	font-size: 16px;
	line-height: 1em;	
	margin-bottom: 15px;
	text-align: center;
}

section#micuenta .blqmarco .foto img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

section#micuenta .blqmarco .foto .acciones {
	display: none;
	font-size: 18px;
	color: rgb(255,255,255);
	position: absolute;
	bottom: 0;
	width: 100%;
}

section#micuenta .blqmarco .foto .acciones #archivo {
	margin-bottom: 45px;
	background: rgba(0,0,0,0.7);
	line-height: 1.5em;
	font-size: 9px;
	padding: 0 2px;
}

section#micuenta .blqmarco .foto .acciones button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: top;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: rgb(255,255,255);
	text-decoration: none;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 10px 2px 2px 2px;
	padding: 0px;
	outline: none;
	cursor: pointer;	
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#micuenta .blqmarco .foto .acciones button:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -24px 0px -4px;	
}

section#micuenta .blqmarco .datos {	
	color: rgb(153,153,153);
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;	
}

section#micuenta .blqmarco .datos p {
	margin-top: 0;
	margin-bottom: 8px;
}

section#micuenta .blqmarco .botonera {
	text-align: left;
	margin-top: 20px;
	font-size: 14px;
}

section#micuenta .blqmarco .botonera a,
section#micuenta .blqmarco .botonera a:visited {	
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	font-family: inherit;
	color: rgb(191,4,17);
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
section#micuenta .blqmarco .botonera a:hover {
	color: rgb(42,43,47);
}

section#micuenta .blqmarco .editardatos {
	display: none;
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	color: rgb(42,43,47);	
}

section#micuenta .blqmarco .editardatos label {
	display: block;
	margin-bottom: 5px;
}

section#micuenta .blqmarco .editardatos input[type=text],
section#micuenta .blqmarco .editardatos input[type=email],
section#micuenta .blqmarco .editardatos input[type=tel] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);	
	outline: none;
	margin-bottom: 15px;
	width: calc(100% - 1em - 2px);
	height: 26px;
	padding: 0 0.5em;
	line-height: 26px;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
}

section#micuenta .blqmarco .editardatos button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	height: 36px;
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -8px 0px -4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#micuenta .blqmarco .editardatos button:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -36px 0px -4px;	
}

section#micuenta .apartados {
	margin: 20px 0;
}

section#micuenta .apartados a.btnverde,
section#micuenta .apartados a.btnverde:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 1px solid rgb(255,255,255);
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.9em;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	height: 36px;
	line-height: 36px;
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
	box-shadow: rgb(191,4,17) 0px 5px 0px 0px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#micuenta .apartados .sel,
section#micuenta .apartados a.btnverde:hover {
	background: rgb(136,136,136) !important;
	box-shadow: rgb(118,118,118) 0px 5px 0px 0px !important;
}

/* **** Ofertas privadas ********** */
.ofertasprivadas .imagen {
	height: auto !important;
}

.ofertasprivadas .blqtexto {
	height: auto !important;
}

/* **** Productos favoritos ******* */
.productosfavoritos .imagen {
	height: auto !important;
}

/* **** Publicación ***************** */

section#micuenta article.publicacion {
	position: relative;
	background: rgb(255,255,255);
	margin: 0;
	padding: 10px 0px;
}

section#micuenta article.publicacion ul.listado {
	padding: 0 0 25px 0;
	margin: 0;
	list-style: none;
	position: relative;
}

section#micuenta article.publicacion ul.listado li {
	display: list-item;
	background: rgb(42,43,47);
	margin-bottom: 2px;		
}

section#micuenta article.publicacion ul.listado li .tabrow {
	background: rgb(0,0,0);
	position: relative;
	padding: 8px 15px;
	text-align: left;	
}

section#micuenta article.publicacion ul.listado li .tabrow .titulo {
	display: inline-block;	
	vertical-align: middle;
	font-size: 1em;
	color: rgb(255,255,255);
	margin-left: 0px;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

section#micuenta article.publicacion ul.listado li .tabrow:hover .titulo,
section#micuenta article.publicacion ul.listado li .tabrow .desplegado {
	margin-left: 10px;
}

section#micuenta article.publicacion ul.listado li .tabrow .titulo a,
section#micuenta article.publicacion ul.listado li .tabrow .titulo a:visited,
section#micuenta article.publicacion ul.listado li .tabrow .titulo a:hover {
	color: inherit;
	text-decoration: none;	
}

section#micuenta article.publicacion ul.listado li .tabrow .datos {
	display: inline-block;	
	vertical-align: middle;
	float: right;
	color: rgb(255,255,255);
  	font-size: 0.9em;
	font-weight: 300;
	margin: 0 5px;
}

section#micuenta article.publicacion ul.listado li .tabrow .num_msg {
	display: inline-block;	
	vertical-align: middle;
	float: right;
	background: rgb(191,4,17);
	color: rgb(255,255,255);
  	font-size: 0.8em;
	font-weight: 300;
	margin: 2px 5px 0 5px;
	padding: 0 5px;
	min-width: 10px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border-radius: 20px;
}

section#micuenta article.publicacion ul.listado li .tabrow .fecha {
	display: inline-block;	
	vertical-align: middle;
	float: right;
	color: rgb(255,255,255);
  	font-size: 1.1em;
	font-weight: 300;
	width: 125px;
	text-align: right;
}

section#micuenta article.publicacion ul.listado li .contenidotab {
	padding: 0 0 20px 0;
	text-align: justify;	
	display: none;	
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla {
	display: table;
	width: 98%;
	margin: 20px auto 0 auto;	
	font-size: 0.8em;
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .rowheader {
	display: table-header-group;
	background: rgb(102,102,102);
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .rowheader .celda {
	display: table-cell;
	text-align: center;
	color: rgb(255,255,255);
	height: 20px;
	line-height: 20px;
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row {
	display: table-row;
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row:nth-child(2n-1) {
	background: rgb(150,150,150);
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row .celda {
	display: table-cell;
	text-align: center;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row .celda:nth-child(2) {
	text-align: left;
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row .celda a.vinculopdf,
section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row .celda a.vinculopdf:visited {	
	display: block;
	color: rgb(209,160,8);
	text-decoration: none;
	margin-bottom: 5px;
	font-size: 0.8em;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row .celda a.vinculopdf:hover {
	color: rgb(255,255,255);
}

section#micuenta article.publicacion ul.listado li .contenidotab .tabla .row .celda a.vinculopdf .file-text {
	font-size: 0.7em;
	font-weight: bold;
	color: rgb(204,204,204);
	margin-top: -6px;
}

section#micuenta .formularioconversacion {
	position: relative;
	display: none;
}

section#micuenta .formularioconversacion input[type=text] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: top;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);		
	outline: none;
	margin-bottom: 15px;
	width: 250px;
	height: 34px;
	padding: 0 0.5em;
	line-height: 34px;
	font-weight: 400;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
}

section#micuenta .formularioconversacion textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: top;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);	
	outline: none;
	margin-bottom: 15px;
	width: 250px;
	height: 120px;
	padding: 0 0.5em;
	line-height: 1.5em;
	font-weight: 400;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
	resize: none;
}

section#micuenta .formularioconversacion input[type=text]::-webkit-input-placeholder,
section#micuenta .formularioconversacion textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: rgb(102,102,102);
	opacity: 1;
	text-transform: uppercase;
}

section#micuenta .formularioconversacion input[type=text]:-moz-placeholder,
section#micuenta .formularioconversacion .span2 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgb(102,102,102);
	opacity: 1;
	text-transform: uppercase;
}

section#micuenta .formularioconversacion input[type=text]::-moz-placeholder,
section#micuenta .formularioconversacion textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgb(102,102,102);
	opacity: 1;
	text-transform: uppercase;
}

section#micuenta .formularioconversacion input[type=text]:-ms-input-placeholder,
section#micuenta .formularioconversacion textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgb(102,102,102);
	text-transform: uppercase; 
}

section#micuenta article.publicacion button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	height: 36px;
	width: 200px;
	margin-bottom: 10px;
	cursor: pointer;
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -8px 0px -4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#micuenta article.publicacion button:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -36px 0px -4px;
}

/* **** Mensajes ***************** */
section#micuenta .chat {
	position: relative;
	padding: 10px;
	background: rgb(191,4,17);
	background-size: auto;
}

section#micuenta .chat h3 {
	color: rgb(255,255,255);
	font-weight: 300;
	margin: 10px 0px 10px 0px;
	padding: 0;
}

section#micuenta .chat .msg_taller:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -30px;
	right: 92%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 15px 0 0;
	border-color: rgb(255,255,255) transparent transparent transparent;
}

section#micuenta .chat .msg_taller {	
	position: relative;
	background: rgb(255,255,255);
	padding: 10px;
	border-radius: 0px;
	color: rgb(102,102,102);
	margin-bottom: 40px;
}

section#micuenta .chat .msg_taller h4 {
	color: rgb(191,4,17);
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-weight: 700;
	border-bottom: 1px solid rgb(191,4,17);
}

section#micuenta .chat .msg_taller .fecha {
	position: absolute;
	bottom: -20px;
	right: 5px;
	color: rgb(255,255,255);
	font-size: 0.8em;
}

section#micuenta .chat .msg_cliente:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -30px;
	right: 4%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 30px 0;
	border-color: transparent rgb(222,222,222) transparent transparent;
}

section#micuenta .chat .msg_cliente {	
	position: relative;
	background: rgb(222,222,222);
	padding: 10px;
	border-radius: 0px;
	color: rgb(102,102,102);
	margin-bottom: 40px;
}

section#micuenta .chat .msg_cliente h4 {
	color: rgb(191,4,17);
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-weight: 700;
	border-bottom: 1px solid rgb(191,4,17);
}

section#micuenta .chat .msg_cliente .fecha {
	position: absolute;
	bottom: -20px;
	left: 5px;
	color: rgb(255,255,255);
	font-size: 0.8em;
}

section#micuenta .formulario {
	color: rgb(0,0,0);
	text-align: center;
	margin: 0 10px;
}

section#micuenta .formulario p {
	color: rgb(191,4,17);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

section#micuenta .formulario input[type=text] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);		
	outline: none;
	margin-bottom: 15px;
	width: calc(100% - 1em - 2px);
	height: 36px;
	padding: 0 0.5em;
	line-height: 36px;
	font-size: 0.9em;
	font-family: inherit;
	color: rgb(0,0,0);
}

section#micuenta .formulario textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);	
	outline: none;
	margin-bottom: 15px;
	width: calc(100% - 1em - 2px);
	height: 142px;
	resize: none;
	padding: 0 0.5em;
	line-height: 36px;
	font-size: 0.9em;
	font-family: inherit;
}

section#micuenta .formulario input[type=text]::-webkit-input-placeholder,
section#micuenta .formulario textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(102,102,102);
	text-transform: uppercase; 
}

section#micuenta .formulario input[type=text]:-moz-placeholder,
section#micuenta .formulario .span2 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgb(102,102,102);
	text-transform: uppercase; 
	opacity: 1;
}

section#micuenta .formulario input[type=text]::-moz-placeholder,
section#micuenta .formulario textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgb(102,102,102);
	text-transform: uppercase; 
	opacity: 1;
}

section#micuenta .formulario input[type=text]:-ms-input-placeholder,
section#micuenta .formulario textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgb(102,102,102);
	text-transform: uppercase; 
}

section#micuenta .formulario button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	height: 36px;
	width: 120px;
	margin-bottom: 10px;
	cursor: pointer;
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -8px 0px -4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#micuenta .formulario button:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -36px 0px -4px;
}

section#micuenta .blqvolver {
	border-top: 1px solid rgb(191,4,17);
	margin-top: 20px;
	text-align: center;
}

/* ########################################################## */
/* #### PIE ################################################# */
footer {
	position: fixed;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 1024px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	font-family: 'Roboto', Arial, sans-serif;
	text-align: center;
	font-style: italic;
	background: rgb(60,55,59);	
	border-top: 5px solid rgb(191,4,17);
	overflow: hidden;
}

footer p {
	padding: 0;
	margin: 0;
	color: rgb(255,255,255);
}

footer a,
footer a:visited {
	color: inherit;
	text-decoration: none;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

footer a:hover {
	color: rgb(191,4,17);
}

/* ************** DISEÑO ***************** */
footer a.logo,
footer a.logo:visited {
	position: relative;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 1em;
	font-style: normal;
	display: inline-block;
	text-align: center;
}

footer a.logo:hover {
	-webkit-animation: animalogo 2s linear infinite;
	animation: animalogo 2s linear infinite;
}

footer a.logo:hover img {
	-webkit-animation: giralogo 2s linear ;
	animation: giralogo 2s linear ;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}

footer a.logo img {
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px;
	height: 34px;
}

footer a.logo sub {
	font-style: normal;
	display: block;
	color: rgb(255,255,255);
	font-size: 65%;
	position: absolute;
	bottom: -12px;
	right: 18px;
}

footer .numlogo {
	font-size: 115%;
	font-weight: bold;
}

/* ######################################################################################## */
/* ##### ANIMACIONES ###################################################################### */

@-webkit-keyframes animalogo {
    12.5% {color: rgb(95,125,150)}
    25%   {color: rgb(171,171,171)}
    50%   {color: rgb(96,94,90);}
    87.5% {color: rgb(243,176,16);}
	100%  {color: rgb(95,125,150);}
}

@keyframes animalogo {
    12.5% {color: rgb(95,125,150);}
    25%   {color: rgb(171,171,171);}
    50%   {color: rgb(96,94,90);}
    87.5% {color: rgb(243,176,16);}
	100%  {color: rgb(95,125,150);}
}

@-webkit-keyframes giralogo {
      0% {transform:rotate(0deg);}
     15% {transform:rotate(144deg);}
     50% {transform:rotate(216deg);}
     85% {transform:rotate(288deg);}	
	100% {transform:rotate(360deg);}
}

@keyframes giralogo {
      0% {transform:rotate(0deg);}
     15% {transform:rotate(144deg);}
     50% {transform:rotate(216deg);}
     85% {transform:rotate(288deg);}	
	100% {transform:rotate(360deg);}
}

/* ########################################################## */
/* #### OTRAS CLASES ######################################## */

.clearfloat {
	clear: both;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

.fltlf {
	float: left;	
}

.fltrt {
	float: right;	
}

.algL {
	text-align: left !important;
}

.algR {
	text-align: right !important;
}

.algC {
	text-align: center !important;
}

.pdT0 {
	padding-top: 0px !important;
}

.pdL10R10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.mgL20 {
	margin-left: 20px !important;
}

.mgR0 {
	margin-right: 0px !important;
}

.mgT10 {
	margin-top: 10px !important;
}

.mgL30R30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.dspIB {
	display: inline-block;
	vertical-align: top;
}

.dspIB-M {
	display: inline-block;
	vertical-align: middle;
}

.va-m {
	vertical-align: middle !important;
}

a.btnvolver,
a.btnvolver:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	background: rgb(191,4,17);
	border: 0px solid rgb(191,4,17);
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255,255,255);
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	margin-top: 25px;
	width: 125px;
	height: 34px;
	line-height: 34px;	
	cursor: pointer;
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -8px 0px -4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.btnvolver:hover {
	box-shadow: inset rgba(0, 0, 0, 0.2) 0px -34px 0px -4px;
}

a.btnvolver i {
	margin-right: 10px;
}

/* ************************************************************************************************ */
/* **** BG Y TEXTOS COLOR **************************************************************************************** */

.bggrisoscuro {
	background: rgb(60,55,59) !important;
}

.bgblanco {
	background: rgb(255,255,255) !important;
}

.bgblancoroto {
	background: rgb(243,243,244) !important;
}

.textblanco {
	color: rgb(255,255,255) !important;
}