@charset "UTF-8";

/* --------------------------------------------------------------------

Responsive CSS. Desktop, Tablet and Mobile Media Screen.
Description: Style Corporate
Author: Andrés Vega.
Copyright © 2016 Andrés Vega. Todos los derechos reservados.

----------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700');

html {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
}
body {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  height: auto;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 400;
  font-variant: normal;
  line-height: normal;
  font-style: normal;
  text-transform: none;
  color: #000;
  margin: 0;
  padding: 0;
  background: #A6A6A6;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
form {
  margin: 0;
  padding: 0;
}
ul,
ol {
  margin-left: 16px;
}
li {
  display: list-item;
  margin: 0;
  padding: 0;
}
img {
  float: none;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}
.mosscategories > h1,
.mossproducts > h1,
.mossproduct > h1,
.mossaccesories > h1,
.mossgallery > h1,
.mosscontact > h1 {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-family: "Crimson Text";
  font-size: 1.35em;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.5em;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0 0 1.5% 0;
}
.mosscategories > h1 {
  color: #FFF;
}
.mosscategories > h2,
.mossproducts > h2,
.mossproduct > h2,
.mossaccesories > h2,
.mossgallery > h2,
.mosscontact > h2 {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-size: 1.9em;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  text-transform: none;
  color: blue;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mosscategories > h3,
.mossproducts .inside > h3,
.mossproduct > h3,
.mossproduct .inside > h3,
.mossaccesories .inside > h3 {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-size: 1.9em;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  text-transform: none;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mossproduct > h3 {
  margin-top: 2%;
}
.mossproducts .inside > h3 {
  text-align: left;
  margin: 5% auto 0 auto;
  font-size: 1.5em;
}
.mosscategories > h4,
.mossproducts .inside .inside-group > h4,
.mossproduct .inside .inside-group > h4,
.mossaccesories .inside > h4 {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.1;
  text-transform: none;
  color: #000;
  margin: 4% auto 1.5% 0;
  padding: 0;
}
.mossproducts .inside .inside-group > h4 {
  margin: 7% auto 0 0;
}
.mossaccesories .inside > h4 {
  font-weight: normal;
}
.mossproduct .inside .inside-group > h5 {
  float: none;
  position: relative;
  display: table;
  clear: both;
  width: auto;
  font-size: 0.9em;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mosscategories > h6,
.mossproducts > h6,
.mossproduct > h6,
.mossaccesories > h6,
.mossgallery > h6,
.mosscontact > h6 {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-family: "Crimson Text";
  font-size: 1em;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5em;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0;
}
hr.divider {
  width: 50%;
  border-top: 1px solid #636363;
}
hr.hr100 {
  width: 100%;
}
hr.wr10 {
  margin: 10px auto 10px auto;
}
hr.wr20 {
  margin: 20px auto 20px auto;
}
hr.wr30 {
  margin: 30px auto 30px auto;
}
a {
  display: block;
}
@keyframes fadein {
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
@-moz-keyframes fadein {
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
@-webkit-keyframes fadein {
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
@-o-keyframes fadein {
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
.mosshead,
.mossmenu,
.mosslide,
.mosscall,
.mosspicture,
.mossfollow,
.mossaddress,
.mossconnect,
.mossfoot,
.mosscategories,
.mossproducts,
.mossproduct,
.mossaccesories,
.mossgallery,
.mosscontact {
  float: none;
  position: relative;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 2% 0 2% 0;
}
.mossmenu {
  float: none;
  position: relative;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  z-index: 3;
}
.mosslide,
.mosscall,
.mosspicture,
.mossconnect {
  padding: 0;
}
.mossproducts,
.mossproduct,
.mossaccesories,
.mossgallery,
.mosscontact {
  padding: 3% 0 2% 0;
}
.mossfoot {
  padding: 2% 0 4% 0;
}
.mosscategories,
.mossgallery {
  padding-bottom: 0;
}
.wrapper-inside {
  float: none;
  position: relative;
  display: table;
  width: 90%;
  clear: both;
  margin: 3% auto 3% auto;
  padding: 0;
}
.mossgallery .wrapper-inside {
  width: 100%;
  margin-bottom: 0;
}
.mosshead,
.mossmenu,
.mosslide,
.mosscategories,
.mossfollow,
.mossaddress,
.mossfoot,
.volverarriba {
  background: #000;
}
.mossproducts,
.mossproduct,
.mossaccesories,
.mossgallery,
.mosscontact {
  background: #FFF;
}
.marca {
  float: none;
  position: relative;
  display: table;
  clear: none;
  width: auto;
  height: auto;
  margin: 2% auto 0 auto;
  padding: 0;
  cursor: default;
}
.mossmenu ul {
  display: block;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mossmenu .pointer,
.mossmenu li,
.mossmenu > .sub-menu-parent > a {
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-size: 1.2em;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.mossmenu li:last-child {
  border-bottom: none;
}
.mossmenu .pointer {
  position: relative;
  display: table;
  width: 88%;
  clear: both;
  margin: 0;
  padding: 2% 6% 2% 6%;
  color: #FFF;
  text-decoration: none;
  background: none;
  cursor: pointer;
}
.mossmenu .pointer:hover,
.mossmenu .pointer:link:hover,
.mossmenu .pointer:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #0b8feb;
}
.mossmenu a,
.mossmenu a:visited,
.mossmenu a:link {
  position: relative;
  display: block;
  clear: both;
  margin: 0;
  padding: 2% 6% 2% 6%;
  color: #FFF;
  text-decoration: none;
  background: none;
}
.mossmenu a:hover,
.mossmenu a:link:hover,
.mossmenu a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #FF9E00;
}
.mosslide img {
  float: none;
  position: relative;
  display: block;
  clear: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: default;
}
.mosscall ul {
  float: none;
  position: relative;
  display: table;
  clear: both;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 1.5% 0 1.5% 0;
}
.mosscall li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  width: auto;
  font-size: 1.5em;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mosscall li:first-child {
  padding-right: 16px;
}
.mosscall a,
.mosscall a:visited,
.mosscall a:link {
  display: block;
  color: #FFF;
  text-decoration: none;
  background: #0B8FEB;
}
.mosscall a:hover,
.mosscall a:link:hover,
.mosscall a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #1c7be3;
}
.mossfollow .inside {
  display: table;
  clear: both;
  width: auto;
  height: auto;
  margin: 0 auto 1% auto;
  padding: 0;
}
.mossfollow .inside .inside-group {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mossfollow .inside span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  width: auto;
  font-size: 1.25em;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  color: #FFF;
  margin: 0;
  padding: 0;
}
.mossfollow .inside span:nth-child(1),
.mossfollow .inside span:nth-child(2) {
  padding-right: 16px;
}
.mossfollow a.icon-fb,
.mossfollow a.icon-is {
  width: 32px;
  height: 32px;
  text-indent: -999999px;
  background: url(../img/icon-fb.png) 0 0 no-repeat;
}
.mossfollow a.icon-is {
  background: url(../img/icon-is.png) no-repeat;
}
.mossfollow a,
.mossfollow a:visited,
.mossfollow a:link {
  color: #FFF;
  text-decoration: none;
}
.mossfollow a:hover,
.mossfollow a:link:hover,
.mossfollow a:visited:hover {
  color: #FF9E00;
  text-decoration: none;
}
.mossaddress .inside {
  display: table;
  clear: both;
  width: auto;
  height: auto;
  margin: 0 auto 0.2% auto;
  padding: 0;
}
.mossaddress .inside span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  width: auto;
  font-size: 1.15em;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  color: #FFF;
  margin: 0;
  padding: 0;
}
.mossconnect a {
  float: none;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  width: 33.333%;
  height: auto;
  margin: 0;
  padding: 2% 0 1.75% 0;
  background: #51FF00;
}
.mossconnect ul {
  float: none;
  position: relative;
  display: block;
  clear: both;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.mossconnect li {
  position: relative;
  display: table;
  clear: both;
  width: auto;
  font-size: 1.2em;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.mossconnect a,
.mossconnect a:visited,
.mossconnect a:link {
  color: #FFF;
  text-decoration: none;
}
.mossconnect a:hover,
.mossconnect a:link:hover,
.mossconnect a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: rgba(0,0,0,0.5);
}
.mossconnect a:nth-child(1) {
  background: #0B90EC;
}
.mossconnect a:nth-child(2) {
  background: #21DB33;
}
.mossconnect a:nth-child(3) {
  background: #909091;
}
.mossconnect a:nth-child(1):hover,
.mossconnect a:nth-child(1):link:hover,
.mossconnect a:nth-child(1):visited:hover {
  background: #0B8CD3;
}
.mossconnect a:nth-child(2):hover,
.mossconnect a:nth-child(2):link:hover,
.mossconnect a:nth-child(2):visited:hover {
  background: #20C42B;
}
.mossconnect a:nth-child(3):hover,
.mossconnect a:nth-child(3):link:hover,
.mossconnect a:nth-child(3):visited:hover {
  background: #747575;
}
.mossfoot ul {
  display: block;
  clear: both;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.mossfoot li {
  position: relative;
  display: table;
  clear: none;
  width: auto;
  font-size: 1em;
  font-weight: 300;
  line-height: normal;
  text-transform: none;
  color: #FFF;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.mosscategories .inside {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.mosscategories .inside > ul > li > h2 {
  float: none;
  position: relative;
  display: table;
  clear: both;
  width: auto;
  font-size: 1.4em;
  font-weight: 400;
  line-height: normal;
  color: #FFF;
  margin: 0 auto;
  padding: 0;
}
.mosscategories ul {
  float: none;
  position: relative;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.mosscategories li {
  float: none;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  width: 65%;
  height: auto;
  margin: 0;
  padding: 0 4% 0 4%;
  list-style: none;
}
.mosscategories li:first-child {
  width: 35%;
  padding: 0;
}
.mosscategories img {
  width: 100%;
  margin: 0 auto;
}
.mosscategories a,
.mosscategories a:visited,
.mosscategories a:link {
  color: #FFF;
  text-decoration: none;
  background: none;
}
.mosscategories a:hover,
.mosscategories a:link:hover,
.mosscategories a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #2B2925;
}
.mossproducts .inside {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mossproducts .inside .item-group {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto 5% auto;
  padding: 0;
}
.mossproducts .inside .item-group:last-child {
  margin: 0 auto 10% auto;
}
.mossproducts .inside .item-group > span {
  float: none;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  text-align: left;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mossproducts .inside .item-group > span:nth-child(1) {
  font-size: 1.3em;
}
.mossproducts .inside .item-group > span:nth-child(2) {
  font-size: 1em;
}
.mossproducts img {
  width: 100%;
  margin: 4% auto 0 auto;
}
.mossproducts a,
.mossproducts a:visited,
.mossproducts a:link {
  display: table;
  width: auto;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 0 auto;
  padding: 5px 20px 5px 20px;
  background: #0099FF;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  border-radius: 0.2em;
}
.mossproducts a:hover,
.mossproducts a:link:hover,
.mossproducts a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #2B2925;
}
.mossproduct .inside {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mossproduct .wrapper-dimensions {
  float: none;
  position: relative;
  display: table;
  width: 90%;
  clear: both;
  margin: 3% auto 3% auto;
  padding: 0;
}
.mossproduct .wrapper-dimensions > p {
  float: none;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  clear: none;
  font-size: 1em;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  text-align: center;
  color: #666;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mossproduct .wrapper-dimensions > p > span {
  position: relative;
  display: table;
  clear: none;
  font-size: 1.2em;
  font-weight: 700;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mossproduct .inside .inside-group {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mossproduct ul {
  display: block;
  clear: both;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.mossproduct li {
  position: relative;
  display: block;
  clear: both;
  width: auto;
  font-size: 1.1em;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  color: #000;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mossproduct img {
  width: 100%;
  margin: 0 auto;
}
.mossproduct a,
.mossproduct a:visited,
.mossproduct a:link {
  display: table;
  width: auto;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 0 auto;
  padding: 7px 16px 8px 16px;
  background: #0099FF;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  border-radius: 0.2em;
}
.mossproduct a:hover,
.mossproduct a:link:hover,
.mossproduct a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #2B2925;
}
.mossaccesories .inside {
  float: none;
  position: relative;
  display: inline-table;
  width: 47.4%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.mossaccesories .inside:nth-child(2n+1) {
  margin: 4% 4% 0 0;
}
.mossaccesories .inside:nth-child(2n+2) {
  margin: 4% 0 0 0;
}
.mossaccesories .inside:nth-child(1) {
  margin: 0 4% 0 0%;
}
.mossaccesories .inside:nth-child(2) {
  margin: 0 0% 0 0;
}
.mossaccesories img {
  width: 100%;
  margin: 0 auto;
}
.mossaccesories a,
.mossaccesories a:visited,
.mossaccesories a:link {
  color: #FFF;
  text-decoration: none;
}
.mossaccesories a:hover,
.mossaccesories a:link:hover,
.mossaccesories a:visited:hover {
  color: #FFF;
  text-decoration: none;
}
.mossgallery .inside {
  float: left;
  position: relative;
  display: table;
  width: 32%;
  height: auto;
  margin: 0;
  padding: 0;
  padding-bottom: 32%;
  overflow: hidden;
}
.mossgallery .inside:nth-child(3n+1) {
  margin: 0 1% 1% 1%;
}
.mossgallery .inside:nth-child(3n+2) {
  margin: 0 1% 1% 0;
}
.mossgallery .inside:nth-child(3n+3) {
  margin: 0 1% 1% 0;
}
.mossgallery .inside > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  padding-bottom: 0%;
}
.mossgallery img {
  position: absolute;
  display: block;
  width: 135%;
  height: auto;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: -0%;
  margin-left: -17%;
}
.mossgallery a,
.mossgallery a:visited,
.mossgallery a:link {
  color: #FFF;
  text-decoration: none;
  background: #F50004;
}
.mossgallery a:hover,
.mossgallery a:link:hover,
.mossgallery a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #09A642;
}
.mosscontact > p {
  float: none;
  position: relative;
  display: table;
  vertical-align: middle;
  clear: none;
  font-size: 1em;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  text-align: center;
  color: #000;
  margin: 0 auto 0 auto;
  padding: 0;
}
.mosscontact span {
  font-weight: 700;
  color: red;
  padding: 0;
}
.mosscontact .inside {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mosscontact .inside .inside-group {
  float: none;
  display: table;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
form label {
  display: block;
  font-size: 0.9em;
  font-weight: 400;
  color: #000;
  margin: 1% 0 0.5% 0;
  padding: 0;
}
form {
  display: table;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
}
form input[type="text"],
form textarea {
  float: none;
  position: relative;
  display: table;
  clear: none;
  width: 97.5%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  color: #000000;
  margin: 0 auto 0 auto;
  padding: 1%;
  background: #F7F7F7;
  border: 1px solid #999;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  border-radius: 0.2em;
}
button[type="submit"] {
  position: relative;
  display: table;
  vertical-align: middle;
  clear: none;
  width: auto;
  font-size: 1.1em;
  font-weight: 400;
  line-height: normal;
  color: #FFF;
  background: #17A1C4;
  border: none;
  margin: 4% auto 0 auto;
  padding: 1% 1.5% 1.2% 1.5%;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  border-radius: 0.2em;
  cursor: pointer;
}
button[type="submit"]:hover,
button[type="submit"]:link:hover,
button[type="submit"]:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #000000;
}
.mosslide {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  overflow: hidden;
  cursor: default;
}
.mosslide .mosshead {
  position: absolute;
  display: block;
  clear: none;
  width: auto;
  margin: 0;
  padding: 0;
  top: 5%;
  bottom: auto;
  left: 3%;
  right: auto;
  z-index: 2;
}
.mosslide .mosstext {
  position: absolute;
  display: block;
  clear: none;
  width: 60%;
  margin: 0;
  padding: 0;
  top: auto;
  bottom: 26%;
  left: auto;
  right: 5%;
  z-index: 2;
}
.mosslide .mosstext h2,
.mosslide .mosstext h3,
.mosslide .mosstext h4 {
  float: none;
  position: relative;
  display: inline-table;
  vertical-align: middle;
  clear: none;
  width: 47%;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  line-height: normal;
  color: #FFF;
  text-shadow: 0.05em 0.05em 0.15em rgba(0, 0, 0, 0.8);
  margin: 0;
  padding: 0;
}
.mosslide .mosstext h2 {
  display: table;
  clear: both;
  width: auto;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.mosslide .mosstext h3 {
  font-size: 2em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: normal;
  color: #FFF;
  margin: 0;
  padding: 0;
}
.mosslide .mosstext h4 {
  font-size: 1.5em;
  font-weight: 300;
  line-height: normal;
  color: #FFF;
  margin: 0;
  padding: 0;
}
.mosslide img.mosspict {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: -0%;
  margin-left: -0%;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

@media only screen and (min-width:0px) and (max-width:767px) {
.mosslide .mosshead {
  position: relative;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  top: auto;
  left: auto;
  z-index: auto;
  background: #0771ba;
  background: -moz-linear-gradient(left, #0771ba 0%, #0ea4cd 100%);
  background: -webkit-linear-gradient(left, #0771ba 0%, #0ea4cd 100%);
  background: linear-gradient(to right, #0771ba 0%, #0ea4cd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0771ba', endColorstr='#0ea4cd', GradientType=1 );
}
.mosslide .mossmenu {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  z-index: auto;
  background: #0771ba;
  background: -moz-linear-gradient(left, #0771ba 0%, #0ea4cd 100%);
  background: -webkit-linear-gradient(left, #0771ba 0%, #0ea4cd 100%);
  background: linear-gradient(to right, #0771ba 0%, #0ea4cd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0771ba', endColorstr='#0ea4cd', GradientType=1 );
}
.mosslide .mosstext {
  width: 90%;
  top: auto;
  bottom: 5%;
  left: 5%;
  right: 0;
}
.mosslide .mosstext h2 {
  font-size: 2em;
}
.mosslide .mosstext h3 {
  display: block;
  clear: both;
  width: auto;
  font-size: 3em;
  margin-bottom: 0;
}
.mosslide .mosstext h4 {
  display: block;
  clear: both;
  width: auto;
  font-size: 3em;
}
}

@media only screen and (min-width:0px) and (max-width:539px) {
.mosslide .mossmenu {
  padding: 0;
  border-top: 1px solid rgba(255,255,255,1);
}
}

@media only screen and (min-width:0px) and (max-width:639px) {
body {
  font-size: 0.8em;
}
.marca {
  width: 70%;
}
}

.volverarriba
{
  padding-top: 10%;
  padding-bottom: 5%;
}

.volverarriba a,
.volverarriba a:visited,
.volverarriba a:link {
  display: table;
  width: auto;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 auto;
  padding: 5px 20px 5px 20px;
  background: #2B2925; /* #0099FF; */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  border-radius: 0.2em;
}
.volverarriba a:hover,
.volverarriba a:link:hover,
.volverarriba a:visited:hover {
  color: #FFF;
  text-decoration: none;
  background: #2B2925;
}