/* GENERALES */

@import "https://fonts.googleapis.com/css?family=Jura";body {
  font-family: sans-serif;
  font-weight: 200;
  background: #333
}
body{
  background: #333;
}

/* color de contraste */
button,
.button,
a.button,
.ficha-de-sitio-web .div-for-desktop a:hover span,
span#demolink, .ficha-de-sitio-web  .div-for-touch.smokeview a,
.fondo-neutro .form-error{
  background: #ffad00;
}
.service .service-icon-box,
.service > div > i,
footer span#ippropia,
footer a:hover{
  color:#ffad00;
}
.service:hover,
.fondo-neutro .is-invalid-input:not(:focus) {
  border-color: #ffad00;
}
.service-heading{
  background: rgba(255, 173, 0, 0.66);
}

h1,h2,h3,h4,h5 {
  font-family: 'Jura',sans-serif;
  text-shadow: 0 1px 0 #fff;
  margin-bottom: 3rem;
  color:#006ba8;
}
p {
  font-weight: 100;
  font-size: 1rem;
}
a{
  transition: all 400ms ease-out;
}
a:hover{
  transition: all 400ms ease-out;
}
a.button {
  font-family: 'Jura',sans-serif;
  font-size: 126%;
}
a.button i,
button i{
  font-size: 4rem;
  float: left;
  margin-right: 1rem;
  height: 7rem;
}

/* checkbox y radio  */
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
  font-size: 1.2rem;
  font-weight: 100;
}

/* MENU */
.sticky {
  width: 100%;
  border-bottom: 1px solid #eee;
}
.top-bar,
.top-bar ul {
  background-color: #fff;
}
.menu > li,
.menu.horizontal > li {
  display: inline-block;
}
#main-menu  div.title-bar-left > ul > li > a{
  color: #717171;
  padding: 0.7rem;
  font-weight: 400;
}
#main-menu  div.title-bar-left > ul > li > a:hover{
  color: #b8b8b8;
}
#main-menu > div.title-bar-left > ul > li.active > a {
  color: #1779ba;
  background: none;
}
#main-menu  div.title-bar-left,
#main-menu div.title-bar-right{
  font-size: 1rem;
}
#main-menu div.title-bar-left > ul > li:nth-child(1) > a{
  padding: 0;
}

#main-menu  i.fi-multimedia-efectiva{
  color: #0094E8;
  font-size: 66px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: font 0.3s ease;
  margin-right: 1rem;
  margin-left: 1rem;
}
#main-menu  div.title-bar-left > ul > li.is-dropdown-submenu-parent.opens-right > a{
  padding-right: 1.4rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #c3ccd5 transparent transparent;
}
#main-menu > div.title-bar-right > ul > li > a{
  display: inline-block;
  padding: 0.5rem 1rem;
  line-height: .7rem;
  font-size: .75rem;
}
/* barra titulo para moviles */
#barra-titulo{
  background: #006198;
  width: 100%;
}

#barra-titulo > div.title-bar-left > div > a > i{
  font-size: 2rem;
}
#barra-titulo > div > a{
  margin: 0 6px 0 0;
  font-weight: 800;
}
#barra-titulo > div.title-bar-left > div.title-bar-title *{
  margin: 0;
  padding: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}

#barra-titulo > div.title-bar-left > div.title-bar-title > a{
  color:#fff;
}
#barra-titulo > div.title-bar-left > div.title-bar-title > a:hover{
  color:#b3e3ff;
}
#barra-titulo > div.title-bar-right > button{
  background: #006198;
}
.menu-icon::after {
  background: #ffad00;
  box-shadow: 0 7px 0 #ffad00, 0 14px 0 #ffad00;
}
.menu-icon:hover::after {
  background: #e89d00;
  box-shadow: 0 7px 0 #e89d00, 0 14px 0 #e89d00;
}
/* barra del titulo */
#ilustratitulo{
  padding: 0;
}
#ilustratitulo > div {
  background: rgba(0, 0, 0, 0.3);
}
#ilustratitulo > div > p{
  padding: 1rem 0;
  font-size: 1.6rem;
  color: #ffffff;
}

/* CONTENIDO */
div.contenido{
}
div.contenido > div{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* HERO */

.hero {
  padding: 6rem 0;
  text-align: center;
}

.hero h1, hero h2, hero h3 {
  text-transform: uppercase;
}

.hero p {
  font-size: 1.6rem;
  padding: 2rem;
  max-width: 100%;
}



/* HEADER PARALLAX */
div.contenido > div.parallax-window {
  padding-top: 0;
  padding-bottom: 0;
}
div.contenido > div.parallax-window > div{
  background: rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 7rem 1rem;
}
.parallax-window > div > h1,
.parallax-window > div > p,
.parallax-window > div > h1 > small,
.parallax-window > div > i{
  color: #ffffff;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.66);
  margin: 0;
}
.parallax-window h1 small
.parallax-window p{
  font-size: 1.6rem;
}
.parallax-window > div > i{
  font-size: 4rem;
  float: left;
  margin-right: 1rem;
  height: 7rem;
  line-height: 3rem;
}


.parallax-window ul{
}
.parallax-window ul li{
}

/* ESTILOS GENERALES */

i.ilustra {
  font-size: 5em;
  color: #006ba8;
  line-height: 1rem;
  width: 5rem;
}

.fondo-neutro{
  background: #0094e8;
  color: #fff;
}

.fondo-neutro h1,
.fondo-neutro h2,
.fondo-neutro h3,
.fondo-neutro h4
{
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
  color: #b3e3ff;
}

.fondo-neutro .callout h1,
.fondo-neutro .callout h2,
.fondo-neutro .callout h3,
.fondo-neutro .callout h4,
.fondo-neutro .callout h5{
  color: #0094e8;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}


.fondo-neutro i.ilustra {
  color: #FFF;
  text-shadow: 3px 6px 7px rgba(0,0,0,0.4);
}
.fondo-neutro .button{
}
.fondo-neutro .button:hover{
}
.fondo-neutro .form-error{
  padding: 6px;
  color: #fff;
}
.fondo-neutro .is-invalid-input:not(:focus) {
  background-color: #fdf2ec;
}


.fondo-claro{
  background: #f2f2f2;
}

.fondo-claro i.ilustra {
  text-shadow: 0 1px 0 rgba(255,255,255,1), 0px 2px 4px rgba(0,0,0,0.3);
}

.fondo-blanco{
  background: #FFFFFF;
}

/*FOOTER*/

footer{
  padding-top: 2rem;
  padding-bottom: 3rem;
  font-family: 'jura', sans-serif;
  color: #fff;
  text-align: right;
}
footer strong {
  color: #0094e8;
}

footer a {
  color: #fff;
}
footer a:hover{
}
footer i{
  font-size: 1.6rem;
  margin-right: 1rem;
}
footer i#logo-footer{
  font-size: 5rem;
  color: #0094e8;
  float: right;
  line-height: 0px;
}

footer span#ippropia{
}

/* FORMULARIO DE BUSQUEDA DE DOMINIO */
div#checkdomain > div{
  transition: all 400ms ease-out;
}
#form-buscar-dominio input[type="text"]{
  max-width: 32rem;
}
div#checkdomain > div:hover{
  background: #1a84d5;
  transition: all 400ms ease-out;
}
div#checkdomain > div > label{
  max-width: 5rem;
  min-width: 5rem;
}

/*
#main-menu > div.title-bar-left > ul > li > ul > li > a
#solicita-informacion
*/


/* Small only */
@media screen and (max-width: 39.9375em) {

  /* GENERAL */
  a.button i, button i {
    font-size: 1rem;
    margin-right: 6px;
    height: 1rem;
    float: none;
  }

  /* HEADER DEL TITULO small*/
  #colored{
    background: #ffad00;
  }
  div.contenido > div.parallax-window p {
    font-size: 1rem;
  }
  div.contenido > div.parallax-window {
    padding: 0;
  }
  div.contenido > div.parallax-window i {
    font-size: 2rem;
    height: 3rem;
    line-height: 4rem;
  }

  /* CONTENIDOS small*/
  div.contenido > div{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .hero p {
    padding: 0;
  }

  /* MENU small*/
  #main-menu  div.title-bar-left > ul > li > a{
    color: #000;
    font-weight: 400;
  }
  #main-menu  div.title-bar-left > ul > li > ul > li > a{
    font-weight: 400;
  }
  #barra-titulo > div.title-bar-right > div{
    color: #0094e8;
  }
  #barra-titulo > div.title-bar-right > div > i{
    font-size: 1.6rem;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}