@charset 'utf-8';
/* CSS Document */
body {
  font-family: 'Pontano Sans', sans-serif;
  color: #000;
}
a {
  font-family: 'Pontano Sans', sans-serif;
  transition: color 1s;
  text-decoration: none;
  color: #f0f;
}
a:hover { color: #000; }
a:visited { color: #7b0dff; }
p a { text-decoration: underline; }
.menuPrincipal {
  font-size: 23px;
  margin-top: 21px;
}
.menuPrincipal a {
  font-family: 'Oswald', sans-serif;
  color: #000;
}
.menuPrincipal a:hover { color: #f0f; }
.menuPrincipal ul { text-align: center; }
.menuPrincipal li {
  display: inline-block;
  margin: 0 7px;
}
.menuPrincipal li::before {
  content: '{ ';
  color: #f0f;
}
.menuPrincipal li::after {
  content: ' }';
  color: #f0f;
}
.menuPrincipal .noContent::before { content: none; }
.menuPrincipal .noContent::after { content: none; }
.menuPrincipal .icoBlogger {
  margin-right: 3px;
  margin-left: 34px;
}
.menuPrincipal .icoLinkedin {
  margin-right: 3px;
  margin-left: 3px;
}
.menuPrincipal .icoFacebook {
  margin-right: 34px;
  margin-left: 5px;
}
.logo {
  display: block;
  width: 100%;
  max-width: 300px;
}
h1,
h2,
h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 23px;
  font-weight: 400;
}
header h1 {
  margin-top: 35px;
  text-align: center;
}
h1::before,
h2::before {
  content: '{ ';
  color: #f0f;
}
h1::after,
h2::after {
  content: ' }';
  color: #f0f;
}
.flechaAbajo {
  display: block;
  margin: -6px auto 0;
}
.proyectos {
  margin-top: 20px;
  background-color: #e8e8e8;
}
.icoTitularProyectos {
  margin-top: 20px;
  margin-left: 1.5em;
}
hr {
  display: table;
  width: 80%;
  max-width: 1200px;
  height: 13px;
  margin: 0 auto 1em;
  border: 0;
  background: url('../img/centro-flecha.png') repeat-x center, url('../img/fin-flecha.png') no-repeat right center;
}
.hrDoble {
  margin-top: 2em;
  margin-bottom: 2em;
  background: url('../img/principio-flecha.png') no-repeat left center, url('../img/centro-flecha.png') repeat-x center, url('../img/fin-flecha.png') no-repeat right center;
}
.hrPie {
  position: relative;
  top: 24px;
  background: url('../img/principio-flecha-b.png') no-repeat left center, url('../img/centro-flecha-b.png') repeat-x center, url('../img/fin-flecha-b.png') no-repeat right center;
}
.margenIzqCol06 {
  display: inline-block;
  margin-left: 1.6949%;
}
.noMargenIzq { margin-left: 0; }
.marginIzqCol06Centrado {
  clear: none;
  margin-left: 1.6949%;
}
.clearLeft { clear: left; }
.freelance {
  clear: both;
  padding-top: 1px;
}
.freelanceBloque01 ul,
.freelanceBloque01 h2,
.freelanceBloque02 ul,
.freelanceBloque02 h2 { background-color: #e8e8e8; }
.freelance ul {
  min-height: 248px;
  padding: 10px 0 12px 1em; 
  list-style: none;
}
.freelanceBloque01 h2,
.freelanceBloque02 h2 {
  margin-bottom: 1px;
  padding-left: .6em;
}
.textoCentrado { text-align: center; }
.blogTecnico {
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px;
  background-color: #e8e8e8;
}
.contactoBloque01 h2,
.contactoBloque01 p,
.contactoBloque02 h2,
.contactoBloque02 p { text-align: center; }
.contactoBloque01 img,
.contactoBloque02 img {
  display: block;
  margin: 0 auto;
}
.contactoBloque03 label {
  position: absolute;
  margin-left: -3000px;
}
.contactoBloque03 input,
.contactoBloque03 textarea {
  font-family: 'Pontano Sans', sans-serif;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 17px;
  padding: 10px 11px;
  transition: background 1s;
  border: none;
  background: #e8e8e8;
}
.contactoBloque03 input:hover,
.contactoBloque03 textarea:hover { background-color: #cecece; }
.contactoBloque03 input[type='submit'] { font-weight: 700; }
footer {
  margin-top: 2.5em;
  padding: 5px 0;
  background-color: #000;
}
footer ul {
  position: relative;
  z-index: 2;
  width: 200px;
  margin: -12px auto 17px;
  padding-left: 0;
  list-style: none;
  text-align: center;
  background: #000;
}
footer ul li {
  display: inline-block;
  margin-right: 7px;
}
/***** MENU MÓVIL *****/
.icoMenuMovil {
  position: absolute;
  z-index: 14;
  top: 9px;
  right: 9px;
}
.menuMovil ul {
  font-size: 25px;
  position: fixed;
  z-index: 13;
  top: 52px;
  left: 0;
  display: none;
  width: 100%;
  min-width: 254px;
  height: 100%;
  padding-top: 50px;
  text-align: center;
  border: 1px solid #333;
  background-color: rgba(0, 0, 0, .8);
}
.menuMovil li a {
  font-family: 'Oswald', sans-serif;
  display: block;
  padding: 14px 10px;
  color: #fff;
}
.logoMenuMovil { margin-top: 2em; }
.logoMomstudioMovil svg {
  fill: #bf1;
  stroke: #333;
}
/***** CLASES DE ANIMATE.CSS *****/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
 from {
 visibility: visible;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
 from {
 visibility: visible;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideInDown {
 from {
 visibility: visible;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
 from {
 visibility: visible;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
/********** Modal confirmacion email ***************/

/***** MODAL *****/
.modalExterior {
  position: fixed;
  z-index: 2147483648;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
.modalInterior {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: auto;
  min-width: 80%;
  max-height: 70%;
  padding: 0 10px 1em;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: #fff;
}
.modalInterior p { text-align: center; }
.btnCerrarModal {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  padding: 10px 20px;
  color: #fff;
  background-color: #111;
}
.contenedorProyectos .titularAccesibilidad {
  margin-top: 1.5em;
  margin-bottom: .7em;
}
.contenedorProyectos .icoAccesibilidad { margin-top: 30px; }
.freelance > h2,
.contacto > h2 { margin-top: 2em; }
.urlContacto a,
.urlContacto a:visited { color: #000; }
.urlContacto a:hover { color: #f0f; }
.urlContacto a:hover { color: #f0f; }
.btnCerrarModal:hover { color: #f0f; }
/* RECAPTCHA */
.g-recaptcha { margin-bottom: 1em; }
.logoMomstudioMovil {
  width: 100%;
  max-width: 300px;
}
.noLink { cursor: default; }