@media all and (min-width:20em) and (max-width:49.938em) {
/***** Reset Styles *****/
ul{padding:0;margin:0;}
ul{list-style:none;}
.ul-ayuda {list-style: disc; margin-left: .8em;}
.ul-ayuda li {margin-bottom: .5em;}
img { border:0;}
body{margin:0; padding:0;font: normal 62.5% Tahoma,Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
a:hover, a:focus, a:active{border:0;}
p{margin:0;}
.txtCenter{text-align:center;margin-left:10px;}
@font-face {
    font-family: 'OSRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'),
        url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'OSBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/OpenSans-Bold-webfont.ttf')  format('truetype'),
        url('../fonts/OpenSans-Bold-webfont.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'OSSemiBold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'),
        url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg');
}
@font-face{
font-family: dommussfont;
src: url('../fonts/dommuss.otf') format("opentype");
}

strong{font-family:OSBold;}
body{
font-family: "OSRegular", verdana, helvetica, sans-serif;
font:normal 62.5% ;
background:#f6f6f6;
}
.under{text-decoration:underline;}
input[type="checkbox"]{margin-top:8px}

.logo {
  display: none;
}
.logodommuss, .logo-rwd {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

header {
  background-color: #fff;
}
.img-resp {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.img-resp-app {
    max-width: 65%;
    height: auto;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.selected { 
  background:url(../images/bgMenuSel.png) 0 50% no-repeat; 
  padding-left: 1em;
}

.liStore a {
	font-size:18px;
	font-family:'OSBold'; 
	color:#ffae00
}

.liBlog a { 
  font-family: dommussfont; 
  font-size: 2em;
  line-height: 0.75;
}
/*------------------------------------*\
	NAV reponsive
\*------------------------------------*/
.nav-wide {
  display: none;
}

.nav  {
  width: 100%;
}
.nav li { 
  font-size: 1em;
  text-align: center;
}
.nav .item-nav {
  list-style: none;
  z-index: 5;
  position: relative;
  background-color: #3C97CC;
  font-weight: bold;
}
.item-nav {
    font-size: 2em;
    font-family: 'OSBold';
}
.item-nav a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 3px solid rgba(249, 249, 249, 0.22);
    padding: .5em 0;
}
.menu-rwd {
  font-size: 2.5em;
  font-family: 'OSBold';
  color: #fff;
}
/* Important styles */
#toggle {
  display: block;
  text-align: center;
  background-color: #3C97CC;
  border-bottom: 3px solid rgba(249, 249, 249, 0.22);
}

/* on activation */

#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}

/* menu appearance */
#menu {
  position: relative;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity .4s;
}

.menu-color {
  color: #fff;
}

.subnav li a { 
  white-space: nowrap;
  color: #2599db;
  background-color: #fff;
  font-size: .825em;
}

.subnav li a:focus, .subnav li a:hover, .subnav li a:active  { 
  color: #fff;
  background-color: #2599db;
}
/* ====== expander ====== */

.transition, .subnav, .bd span:before, .bd span.expander2:after {
  transition: all 0.25s ease-in-out;
}

.bd {
  position: relative;
}
.expander2 {
  display: block;
  margin-left: calc( 13em ); 
}

.bd span.expander2:before, .bd span.expander2:after {
    content: "";
    position: absolute;
    top: 16px;
    background-color: #ffae00;
    color: #fff;
    width: 5px;
    height: 16px;
}

.bd span.expander2:before {
  transform: rotate(135deg);
}
.bd span.expander2:after {
  transform: rotate(45deg);
}
.bd input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: calc( 50% - 8em );
    height: 31px;
    z-index: 5;
    opacity: 0;
}
.bd input[type=checkbox]:checked ~ .subnav {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(-60%, 0);
}

.bd input[type=checkbox]:checked ~ span.expander2:before {
  transform: rotate(90deg);
}
.bd input[type=checkbox]:checked ~ span.expander2:after {
  transform: rotate(0deg);
}

/* ====== media ====== */

.media {margin:1.3em;}
.media-centered {line-height: 110px; padding: 7% 0;}
.media, .bd, .media-plus  {overflow:hidden; _overflow:visible; zoom:1;}
.media .img-icons {float:left; margin-right: 4em;}
.media .img, .media .media-app-content, .media-plus .img   {float:left; margin-right: 1.3em; margin-bottom: 0;}
.media .img img, .media-app .img img, .media-plus .img img {display:block;}
.media .imgExt, .media-app-content-right{float:right; margin-left: 1.3em;}

h2 { margin-bottom: 0;}
.media-plus ul li {
    padding-bottom: .5em;
}


.plus-sprite { 
  background: url(../images/iconos-app-plus-48_1806.png) no-repeat; 
  width: 2.1em;
  height: 2.1em;
}

.plus-noanuncios {
  background-position: 0 0;
}
.plus-alertas {
  background-position: 0 0;
}
.plus-sincroniza {
  background-position: 0 -2.3em;
}
.plus-borrado {
  background-position: 0 -4.5em;
}
.plus-responsable {
  background-position: -1px -7.15em;
}
.plus-ordena {
  background-position: 0 -9.8em;
}
.plus-elementos {
  background-position: -1px -12.2em;
}
.plus-modulos {
  background-position: -1px -12.2em;
}
.plus-dommuss {
  background-position: -1px -12.2em;
}
.plus-exclusivo {
  background-position: 0 -14.6em;
}

.wrapper{margin:0 auto;width:90%}
div.logo{float:left;width:40.4em}

.textoWelcome{padding:0 0 0 10px;width:90%;background:#fff;float:left}
.textoWelcome .tit13 {background:url(../images/logo_en_mov.png) top left no-repeat;width:280px; height:90px; display:block; margin-left:0;}
.textoWelcome .tit13 span {display:none;}
.textoWelcome a.video{width:45%; display:block; margin:5px auto; background:url(../images/btnVideoBlue320.png) 50% 50% no-repeat}
.textoWelcome span.videoNone{display:none;}
.textoWelcome a.under{text-decoration:underline}
.textoWelcome p.tit15{margin:15px 0px 15px 0px;text-align: center; display:block}
.textoWelcome .imgLogo.first{margin:5px auto; width: 45%; display:block}
.textoWelcome .imgLogo{margin:5px auto 10px auto; width: 45%; display:block}

.moduloHeroimg {display: none;}
.hero-module {display: none;}


.moduloAzul.web{display: none;}
.moduloAzul.mvl{background:#FFF;clear:both;padding:25px 0 50px 0;float:left;width:100%}
.moduloAzul.mvl.fondo{background:url(../images/bgAzul.png) top left repeat;clear:both;padding:10px 0px 0px 0px; width: 100%;}
.moduloAzul.mvl.fondo .textoWelcome{background:none}
.moduloAzul.mvl.fondo.Mvl320{display:block; margin-bottom: 5em;}
.moduloAzul.mvl.fondo{display:none}
div.moduloAzul{padding:0}
.wrapper.azul{margin:0 auto}
footer.moduloAzul.web{background:url(../images/bgAzul.png) top left repeat}
footer.moduloAzul.mvl{background:url(../images/bgAzul.png) top left repeat}
footer.moduloAzul li{display:block;/*margin-left:40px;*/margin-bottom:20px}

/*.infoApp{background:#fff url(../images/sombra.png) top left no-repeat;float:left;}
.infoApp div{margin:0 auto;width:90%}
.infoApp li{width:100%;display:block;text-align:center;clear:both}
.infoApp .contentApp{display: none; /*width:90%;margin:0 auto}*/
.imagenmovilesmvl{margin:0 4%; width:90%; padding:20px 0px 0px;}
.fondoBlanco {background:#fff; margin-bottom:0}
.fondoBlanco-div {margin:0 auto; padding:20px 5px 10px 5px;}
.fondo-blanco {margin:0 auto; padding:20px 5px 0 5px; background-color: #fff;}
.espacio_privado {background:#fff;}
.capaSlider{display:none;}

/*.capaCuaderno{background:transparent url('../images/fondolunares.png') bottom left repeat;padding:55px 0 40px 0;float:left;}*/
.capaCuaderno {
    /* background: transparent url('../images/fondolunares.png') bottom left repeat; */
    background-color: #fff;
    padding:5.5em 0 4em 0;}
.capaCuaderno img.logo{margin-left:0}
.capaCuaderno.web{display:none;}
.capaCuaderno.mvl{display:none;}
.capaCuaderno.mvl320{display:block;}


.capaFuncionalidades {background-color: #fff;}
.entrada{width:100%;float:left;margin-left:8px;}
.formBlog{clear:both;background:transparent url(../images/fondoNewsLetterMvl320.png) top left no-repeat;width:108%;height:228px;margin-left:5px}
.formBlog form{float:left;margin:0;position:relative;width:100%}
.formBlog form legend{display:none;float:left;margin:0;width:267px;height:82px;background:url(../images/textoNLMvl.png) top left no-repeat;}
.formBlog form div{position:absolute;top:90px;width:90%;margin-left: 11px;}
.formBlog form div input.text{border:0;background:#f9f9f9;width:95%;height:39px;float:left;margin-top:20px}
.formBlog form div input.button{border:0;background:url(../images/btnEnviarMvl320.png);width:121px;height:39px;margin:18px 0 0 -6px}

.formBlog fieldset {
  border: 0;
}
.formBlog { display: none;}
.blog-title {
    color: #4f4f4f;
    font-size: 21px;
    font-family: 'OSBold';
}
.blog-web {
	display: none;
}

.title-blog {
    color: #4f4f4f;
    font-size: 2.1em;
    font-family: 'OSBold';
    padding: 2em 0 0 0;
}

.logo-blog, .logo-tienda {
  padding-top: 2em;
}
.img-blog {max-width: 250px; height: auto;}

.social {width:90%;float:left;margin-left:25%}
.social a{width:36px;height:36px;margin-right:13px}
.wrapper-social {
    width: 90%;
    height: auto;
    max-width: 285px;
    margin: 2em auto;
}
.wrapper-social .tit7 {
   float: left;
   margin-top: .2em;
}
.wrapper-social ul {
   float: right;
}
.wrapper-social li {
  display: inline-block;
  margin-right: .825em;
}
.wrapper-social li:last-of-type {
  margin-right: 0;
}
.social-sprite a { 
  background: url(../images/icon_social.png) no-repeat; 
  width: 40px;
  height: 42px;
  display: block;
}
.social-facebook a {
  background-position: 0 0;
}
.social-pinterest a {
  background-position: -40px 0;
}
.social-instagram a {
  background-position: -80px 0;
}
.social-facebook a:focus, .social-facebook a:hover {
  background-position: 0 -40px;
}
.social-pinterest a:focus, .social-pinterest a:hover {
  background-position: -40px -40px;
}
.social-instagram a:focus, .social-instagram a:hover {
  background-position: -80px -40px;
}
.facebook{background:url(../images/fbYellow.png) top left no-repeat; }
.facebook:hover{background:url(../images/fbBlue.png) top left no-repeat;}
.twitter{float:left;background:url(../images/twitYellow.png) top left no-repeat;}
.twitter:hover{background:url(../images/twitBlue.png) top left no-repeat;}
.pinterest{background:url(../images/pinYellow.png) top left no-repeat;}
.pinterest:hover{background:url(../images/pinBlue.png) top left no-repeat;}
.instagram{background:url(../images/instYellow.png) top left no-repeat;}
.instagram:hover{background:url(../images/instBlue.png) top left no-repeat;}
.googlePlus{float:left;background:url(../images/gpYellow.png) top left no-repeat;}
.googlePlus:hover{background:url(../images/gpBlue.png) top left no-repeat;}
 span.social{width:60%;padding:10px 0 10px 0}



.txtLeft{text-align:left}
.none{display:none}
.tit1{text-align:center;color:#2398db;font-size:24px;font-family:'OSSemiBold';padding:70px 0 50px 0;}
.tit2{color:#0099de;font-size:24px;font-family:'OSSemiBold';padding-top:5px;display:block}
.tit3{color:#f29b00;font-size:20px;font-family:'OSSemiBold';padding:15px 0 55px 0;width:100%;text-align:center}
.tit4 {color:#4f4f4f;font-size:21px;font-family:'OSBold';padding:20px 15px 20px 15px}
.tit5{color:#2398db;font-size:18px;font-family:'OSSemiBold';padding:10px 8px 40px 0}
.tit5.txtLeft{text-align:left}
.tit6{color:#2599db;font-size:18px;font-family:'OSBold'}
.tit7{color:#555555;font-size:20px;font-family:'OSSemiBold'}
.tit8{color:#fff;font-size:18px;font-family:'OSRegular'}
.tit9{color:#b0cfe6;font-size:16px;font-family:'OSRegular';text-align:center}
.tit10{color:#555555;font-size:14px;font-family:'OSSemiBold'}
.tit11{color:#a4a4a4;font-size:12px;font-family:'OSRegular'}
.tit12{color:#2398db;font-size:2.4em;font-family:'OSSemiBold';margin-left:.5em}
.tit13{color:#fff;font-size:36px;font-family:'OSBold';margin-left:13px;margin-top:20px}
.tit14{color:#2398db;font-size:21px;font-family:'OSSemiBold';margin-top:28px;padding-left:0;margin-left:15px}
.tit-entry{color:#2398db;font-size:21px;font-family:'OSSemiBold';margin-top:24px;padding-left:0;margin-left:0;}

.tit15{color:#fff;font-size:24px;font-family:'OSSemiBold';}
.tit15-rwd {
    color: #fdb51c;
    font-size: 26px;
    font-family: 'OSSemiBold';
}
.tit16{color:#555555;font-size:15px;font-family:'OSRegular'}
.tit18{color:#555555;font-size:16px;font-family:'OSSemiBold'}

.tit7-social {
	 color: #555555;
    font-size: 2em;
    font-family: 'OSSemiBold';
    margin-bottom: 21px;
    margin-left: 25%;
}
    

.tit19 {
    text-align: center;
    color: #2398db;
    font-size: 24px;
    font-family: 'OSSemiBold';
    margin-top: 28px;
}
.titblue {color:#0099de;font-size:2em;font-family:'OSSemiBold'; text-align: center; padding-bottom: 1em;}
.datos {
   width: 60%; 
   margin: 0 auto;	
}

/*------------------------------------*\
REFERENCIAS BLOCK
\*------------------------------------*/

 .modulo-ref {
 	color: #fff;
 	background-color: #3C97CC; 
 	width: 100%;
 	height: auto;
 }

.modulo-ref-desc { 
	width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 

}
.tit-ref { 
  font-size: 1.825em; 
  font-family: 'OSRegular';
  padding-top: 3em;
}
.content-ref {
  padding-top: 2.125em;
  padding-bottom: 6em;
}
.content-ref img {
  margin-right: 2.125em;
  margin-top: 1.313em;
}
.content-ref img:nth-of-type(6) { 
  margin-right: 0; 
}
.rss-img {
  width: 62%; 
  min-width: 250px;
  height: auto; 
  margin-left: auto; 
  margin-right: auto;
}


/* ====== color ====== */

.color-blue {
  color: #3C97CC;
}
.color-orange {
  color: #ffae00;
}
.color-grey {
  color: #4f4f4f;
}

/* ====== position ====== */ 

.centered {
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}


/*------------------------------------*\
	MODULE HERO
\*------------------------------------*/

.img-wide {
  display:none;
}

.hero {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hero-image {
  position: relative;
  width: 100%;
  background-color: #3C97CC;
}

.hero-image .img-small {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.hero-content {
  position: relative;
  width: 100%;
}

.hero-caption {
  display: block;
  width: 100%;
}

.hero-title {
  display: none;
}

.hero-action {
  margin-top: 0;
  text-align: center;
}

.hero-action .cf {
  margin-bottom: 1em;
}

.hero-action-title {
  display: none; 
}

.hero-action-subtitle {
  font-family: 'OSSemiBold';
  font-size: 2.5em;
  color: #fff;
}

.button-video {
  display: none;
}

.hero-action li {
  display: block; 
  width: 100%;
}

.hero-action li:last-of-type {
  margin-bottom: 2.5em;
}

.hero-action li .img-resp {
  width: 38%;
  margin-bottom: .5em;
}

.button-app-score  {
  display: none;
}

/*------------------------------------*\
	MODULE ENLACES
\*------------------------------------*/

.enlaces {
  color: #fff;
  background-color: #3C97CC;
}

.enlaces ul {
  padding: 3% 13% 5% 29%;
}


.enlaces-title {
  font-family: 'OSRegular';
  font-size: 2.5em;
  font-weight: normal;
  padding: 3% 0 .5% 29%;
}

.enlaces li {
  margin-bottom: 2.1em;
  margin-right: 0;
}

/*------------------------------------*\
	MODULE VENTAJAS
\*------------------------------------*/

.ventajas-base {
  font-family: 'OSSemiBold';
  font-size: 1.4em;
  color: #555555;
  background-color: #f6f6f6;
}

.ventajas {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.ventajas-title {
  text-align: center;
  font-size: 1.7em;
  color: #3C97CC;
  margin: 0;
  padding: 2em;
}
.ventajas strong {
  font-size: 1.2em;
  color: #3C97CC;
}


.ventajas-bottom {
  margin-bottom: 0;
}

.ventajas-sprite { 
  background: url(../images/icon_ventajas_64_1806.png) no-repeat; 
  width: 4.8em;
  height: 4.8em;
}

.ventajas-sync {
  background-position: 0 0;
}
.ventajas-share {
  background-position: 0 -4.5em;
}
.ventajas-allinone {
  background-position: 0 -9.5em;
}
.ventajas-permission {
  background-position: 0 -14.2em;
}
.ventajas-datos {
  background-position: 0 -19em;
}
.ventajas-notification {
  background-position: 0 -23.9em;
}
.ventajas-customize {
  background-position: 0 -28.5em;
}
.ventajas-lock {
  background-position: 0 -33.6em;
}
/*------------------------------------*\
	MODULE FOOTER
\*------------------------------------*/
.footer-info {
	font-family: 'OSRegular';
	font-size: 1.8em;
	text-align: center;
	color: #fff;
   background:url(../images/bgAzul.png) top left repeat;
   padding: 2% 0;
}
.footer-logo {
   width: 40%; 
   max-width: 5em;
	margin-left: auto; 
	margin-right: auto;
	display: block;  
	margin-top: 5%; 
}

.footer-items li {
    padding-top: 1.3em;
    display: block;
}
.footer-items a {
    color: #fff;
}
.footer-copyright {
   font-size: .9em;
   color: #b0cfe6;
   display: block;
   margin: 6% auto 2%;
}
/*------------------------------------*\
	SECTION AYUDA
\*------------------------------------*/
.section-ayuda {
  background-color: #fff;
}
.ayuda-wrapper {
  width: 94%;
  margin: 0 auto;		
}
.ayuda-title {
  color: #fdb51c;
  font-size: 2.6em;
  font-family: 'OSSemiBold';
}
.ayuda-content {
  color: #555555;
  font-size: 1.6em;
  font-family: 'OSRegular';	
}
.ayuda-content a {
  font-weight: bold;
}
.ayuda-ul {
  font-family: 'OSBold';
  margin: 3em 0;
  color: #0099de;	
}
.ayuda-ul-index {
    color: #3C97CC;
    margin: 1em 0 1em;
    display: block;
}
.ayuda-ul li {
    padding-bottom: .5em;
}

.ayuda-subtitle {
  color: #0099de;
  font-size: 1.6em;
  font-family: 'OSBold';	
}

.multiple-img {
  width: 272px;
  height: 519px;
  margin: 1.5em auto;
}
.multiple-img .ayuda-nuevo { background-position: 6.2em 12em; }
.multiple-img .ayuda-calendario-repetir { background-position: 11.5em 15em; }
.multiple-img .ayuda-calendario-exportar { background-position: 8.5em 6em; }
.multiple-img .ayuda-calendario-eventos { background-position: 12.5em 6em; }
.multiple-img .ayuda-ajustes { background-position: 1.5em 12em; }
.multiple-img .ayuda-salir { background-position: 1.5em 20.5em; }
.multiple-img .ayuda-perfil { background-position: 1em 5em; }
.multiple-img .ayuda-dommuss { background-position: 7em 11em; }
.multiple-img .ayuda-dommuss-cambiar { background-position: 4em 5em; }
.multiple-img .ayuda-calendario-alerta { background-position: 11.5em 13em; }
.multiple-img .ayuda-home-personalizar { background-position: 12.2em 10.2em; }
.multiple-img .ayuda-miembros { background-position: 12.2em 7.2em; }
.multiple-img .ayuda-nuevo-modulo { background-position: 4.2em 25em; }
.multiple-img .ayuda-ordenar { background-position: 12.2em 16em; }
.multiple-img .ayuda-notificaciones { background-position: 0.3em 3.7em; }
.multiple-img .ayuda-calendario { background-position: 1em 13em; }
.multiple-img .ayuda-dommuss-nuevo { background-position: 12em 4em ; }
.multiple-img .ayuda-miembros-invitar { background-position: 5em 9.5em; }
.multiple-img .ayuda-miembros-invitar-codigo { background-position: 6.2em 16.2em; }
.multiple-img .ayuda-modulo-borrar { background-position: 2.2em 17.5em; }
.multiple-img .ayuda-modulo-nombre { background-position: 1.5em 9.5em; }
.multiple-img .ayuda-modulo-permisos { background-position: 10em 12.7em }
.multiple-img .ayuda-opciones-imagen { background-position: 6.2em 11.2em; }
.multiple-img .ayuda-opciones-nombre { background-position: 1.5em 17em; }
.multiple-img .ayuda-opciones-borrar { background-position: 5em 25.2em; }
.multiple-img .ayuda-iphone-calendarios { background-position: 6.5em 22.7em; }
.multiple-img .ayuda-olvidar-pass01 { background-position: 6em 14.5em; }
.multiple-img .ayuda-olvidar-pass02 { background-position: 8.4em 12em; }
.multiple-img .ayuda-config { background-position: 5.5em 9em; }
.multiple-img .ayuda-eventos-recurrentes { background-position: 5.5em 9em; }
.multiple-img .ayuda-eventos-nuevos { background-position: 5em 16em; }
.multiple-img .ayuda-alarmas { background-position: 5em 16em; }
.ayuda-nuevo { background: url(../images/ayuda_nuevo.jpg) bottom center no-repeat; }
.ayuda-registro { background: url(../images/ayuda_registro.jpg) bottom center no-repeat; }
.ayuda-evento { background: url(../images/ayuda_evento.jpg) bottom center no-repeat; }
.ayuda-calendario { background: url(../images/ayuda_calendario.jpg) bottom center no-repeat; }
.ayuda-config { background: url(../images/ayuda_config.jpg) bottom center no-repeat; }
.ayuda-dommuss { background: url(../images/ayuda_dommuss.jpg) bottom center no-repeat; }
.ayuda-home { background: url(../images/ayuda_home.jpg) bottom center no-repeat; }
.ayuda-miembros { background: url(../images/ayuda_enviarinvitacion.png) bottom center no-repeat; }
.ayuda-modulo { background: url(../images/ayuda_modulo.jpg) bottom center no-repeat; }
.ayuda-opciones { background: url(../images/ayuda_opciones.jpg) bottom center no-repeat; }
.ayuda-iphone-calendarios { background: url(../images/ayuda_iphone_calendarios.png) bottom center no-repeat; }
.ayuda-olvidar-pass01 { background: url(../images/ayuda_olvidar_pass01.png) bottom center no-repeat; }
.ayuda-olvidar-pass02 { background: url(../images/ayuda_olvidar_pass02.png) bottom center no-repeat; }
.ayuda-eventos-nuevos { background: url(../images/ayuda_eventos_recurrentes01.png) bottom center no-repeat; }
.ayuda-eventos-recurrentes { background: url(../images/ayuda_eventos_recurrentes02.png) bottom center no-repeat; }
.ayuda-alarmas { background: url(../images/ayuda_alarmas.png) bottom center no-repeat; }
.ayuda-lupa { 
  background: url(../images/lupa.png) no-repeat; 
}
.ayuda-img {
  display: block; 
  margin: 2em auto;	
}
.ayuda-content p {
  padding-bottom: 1.5em;	
}

.app-ul li {
    list-style-image: url(../images/bgMenuSel.png); 
    margin-left: 33px;
    padding-bottom: .5em;

}
.app-ul-li-first {
    padding-top: 2em;

}
.opiniones {
    border-left: 4px solid #ededed;
    color: #555550;
    font-style: italic;
    margin: 0 0 1.75em 2em;
    padding: .3em 4em .3em 1em;
    line-height: 1.3;
    font-size: 1.5em;
}
.app-ul .funcionalidades {
	 width: 90%;
    margin: 1.5em auto;
}
.infoapp ul li a {
	color: #2398db;
   font-weight: 600;
}
.infoapp li p a {
	color: #4f4f4f;
   font-weight: 600;
}    
.infoapp li span:last-child {
  font-size: 1.1em;
}
.infoapp li .ver-mas {
	color: #fdb51c;
	font-weight: 600;
} 
.app a {
	color: #2398db;
   font-weight: 600;
}
}
@media (min-width:582px) {
.media-plus ul li {
  display: inline-block;
}
}
@media all and (min-width:320px) and (max-width:864px) {
/*------------------------------------*\
	MODULE INFOAPP
\*------------------------------------*/
.infoapp {
  font-family: 'OSSemiBold';
  font-size: 1.4em;
  background-color: #fff;
}
.infoapp-title {
  text-align: center;
  font-size: 1.7em;
  color: #3C97CC;
  margin: 0;
  padding: 2em;
}

.infoapp ul {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.infoapp ul li {
  margin-bottom: 8%;
}


.infoapp li span {
  font-size: 1.6em;
  color: #3C97CC;
}

.infoapp p {
  color: #ffae00;
}

.infoapp-sprite { 
  background: url(../images/icon_infoapp.png) no-repeat; 
  width: 4.7em;
  height: 5em;
}

.infoapp-calendario {
  background-position: 0 0;
}

.infoapp-listas {
  background-position: 0 -4.99em;
}

.infoapp-lista-menu {
  background-position: 0 -10.5em;
}

.infoapp-hacer {
  background-position: 0 -15.8em;
}

.infoapp-contactos  {
  background-position: 0 -21.3em;
}

.infoapp-notas {
  background-position: 0 -26.6em;
}

.infoapp-fotos {
  background-position: 0 -32.4em;
}


}
@media all and (min-width:320px) and (max-width:581px) {

.img-resp-logos {
    max-width: 68%;
    height: auto;
    vertical-align: middle;
    padding: 6%;
}

.text-style-1 {
    padding: 2em 1em 1em;
}
 .capaSocial{
 	padding:43px 0 37px 0; 
 	width:61%; 
 	margin: 0 auto;
}
/* Opacity */ 

.wrapper-opacity {
  position: relative;
  opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.wrapper-opacity:hover, .wrapper-opacity:focus {
	opacity: .7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.wrapper-opacity-text span {
    text-align: center;
    background-color: #3C97CC;
    color: #fff;
    border: 2px solid #3C97CC;
    font-size: 1.5em;
    font-family: 'OSRegular';
    font-weight: 700;
    border-radius: 5px;
    padding: .5em 2em;
}

.wrapper-opacity .wrapper-opacity-text {
  padding-top: 5px;
  display: block;
  text-align: center;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}

.wrapper-opacity:hover .wrapper-opacity-text, .wrapper-opacity:focus .wrapper-opacity-text {
  transform: translate(0px, 80px);
  opacity: 1;
}
}
@media all and (min-width:582px) {
/* Opacity */ 

.wrapper-opacity {
  position: relative;
  opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.wrapper-opacity:hover, .wrapper-opacity:focus {
	opacity: .7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.wrapper-opacity-text span {
    text-align: center;
    background-color: #3C97CC;
    color: #fff;
    border: 2px solid #3C97CC;
    font-size: 2em;
    font-family: 'OSRegular';
    font-weight: 700;
    border-radius: 5px;
    padding: .5em 3em;
}

.wrapper-opacity .wrapper-opacity-text {
  padding-top: 5px;
  display: block;
  text-align: center;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}

.wrapper-opacity:hover .wrapper-opacity-text, .wrapper-opacity:focus .wrapper-opacity-text {
  transform: translate(0px, 100px);
  opacity: 1;
}
}


/*------------------------------------*\
DOMMUSS APP android e iOS
\*------------------------------------*/

@media (min-width: 320px){
.card-white {
  -webkit-border-radius: 0 0 2px 2px; 
  border-radius: 0 0 2px 2px; 
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
  background-color: #fff; 
  text-decoration: none; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding: 1em;
 width: 62,5%;
}
.card-white-title {
  font-size: 2.5em; 
  font-family: 'OSBold';
  margin: .5em 0 0;
}
.card-white-subhead {
  font-size: 2em; 
  font-family: 'OSRegular'; 
  color: rgba(68, 68, 68, 0.55); 
  margin-top: 0;
}

.fondo-blanco {
    margin: 0 auto;
    width: 62,5%;
    background-color: #fff;
}
.bd-img {
  width: 100%;
  height: auto;
  max-width: 630px;
  margin: 0 auto;
}
.app-logo {
  width: 100%;
  height: auto;
  max-width: 123px;
  margin: 0 auto;
}
.action {
    font-size: 2em;
    font-family: 'OSBold';
}
.action a { 
  color: rgba(35,152,219,0.62); 
}
.action a:hover, .action a:focus { 
  color: rgba(35,152,219,1); 
}
.supporting-text p {
  font-size: 1.5em; 
  font-family: 'OSBold'; 
  color: rgba(68, 68, 68, 1); 
  margin: 1em;
}
.cf-app {
  padding: 2em;
}
}

/*------------------------------------*\
DOMMUSS APP
\*------------------------------------*/
@media (min-width: 320px){
blockquote {
border-left:4px solid #ededed;
color:gray;
font-style:italic;
margin:0 0 1.75em 1em;
padding:.3em 0 .3em 1em;
line-height:1.3;
font-size:1em;
margin-bottom:1.75em;
}

.card-white {
  -webkit-border-radius: 0 0 2px 2px; 
  border-radius: 0 0 2px 2px; 
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
  background-color: #fff; 
  text-decoration: none; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding: 1em;
}
.center {
text-align: center; 
margin-left: auto;
margin-right: auto;
}
.selected-app {
background:url(../images/bgMenuSel.png) 0 50% no-repeat; 
padding-left:22px;
}

/*.media-app {
background:url(../images/fondo_app_prueba.jpg) #fff 0 0 no-repeat;
background-size: 325% auto; 
overflow-x: hidden;
overflow-y: hidden;
}
*/
.title-app{
  font-size: 2em;
  font-family: 'OSSemibold';
  width: 85%;
  margin-bottom: 1em;
}

.title-app span {
  font-family: 'OSBold';
  color: #2398db;
}
.subtitle-cta {
  font-size: 2em;
  font-family: 'OSBold';
  margin: 1.5em 0;

}
.subtitle-cta a {
  color: rgba(35,152,219,0.62);
}
.subtitle-cta a:hover {
  color: rgba(35,152,219,1);
}
.subtitle-app {
  font-size: 1.8em;
  font-family: 'OSRegular';
  color: rgba(17, 17, 17, 0.62);

}
.subtitle2-app {
    margin-bottom: 1em;
    font-size: 1.2em;
}

.block-foreground-title {
  width: 85%;
  margin-left: auto;
  margin-right: auto;

}
.subtitle-app p {
   margin-bottom: .825em;
}

}
/*------------------------------------*\
DOMMUSS APP
\*------------------------------------*/
@media (min-width: 416px){
blockquote {
border-left:4px solid #ededed;
color:gray;
font-style:italic;
margin:0 0 1.75em 0;
padding:.3em 0 .3em 1em;
line-height:1.3;
font-size:1em;
margin-bottom:1em;
}
.media-app {
background:url(../images/fondo_app_prueba.jpg) #fff 0 0 no-repeat;
background-size: 200% auto; 
overflow-x: hidden;
overflow-y: hidden;
margin-top: 0;
}
.subtitle-app p {
   width: 80%;
  margin-left: auto;
  margin-right: auto;
} 
.subtitle-app {
  font-size: 2em;
  font-family: 'OSRegular';

}
.subtitle-app-cta {
  font-size: 2em;
  font-family: 'OSBold';

}
}


/*------------------------------------*\
DOMMUSS APP
\*------------------------------------*/
@media (min-width: 581px){

  
.title-app{
  font-size: 2.5em;
  font-family: 'OSSemibold';
}
.subtitle-app {
    font-size: 2em;
    font-family: 'OSRegular';
    margin: 1em 1.5em 0;
 }
.subtitle-cta {
  font-size: 2.5em;
  font-family: 'OSBold';
}

.media-app {
  width: 94%;  
  margin-left: auto; 
  margin-right: auto;
}
.media-app {
background:url(../images/fondo_app_prueba.jpg) #fff 0 0 no-repeat;
background-size: 150% auto; 
margin-top: 0;
}
}

/*------------------------------------*\
DOMMUSS APP
\*------------------------------------*/
@media (min-width: 752px){

.media-app {
  width: 85%;  
  margin-left: auto; 
  margin-right: auto;
}
.media-app {
background:url(../images/fondo_app_prueba.jpg) #fff 0 0 no-repeat;
background-size: 150% auto; 
margin-top: 0;
}
}


/*@media screen and (min-width:640px) and (max-width:800px){*/
/***** Reset Styles *****/
/*ul{padding:0;margin:0}
ul{list-style:none}
img { border:0;}
body{margin:0; padding:0;font: normal 62.5% Tahoma,Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
a:hover, a:selected; a:active{border:0}
p{margin:0}
.txtCenter{text-align:center}

@font-face{
font-family: OSRegular;
src: url('../fonts/OpenSans-Regular-webfont.ttf');
}
@font-face{
font-family: OSBold;
src: url('../fonts/OpenSans-Bold-webfont.ttf');
}
@font-face{
font-family: OSSemiBold;
src: url('../fonts/OpenSans-Semibold-webfont.ttf');
}

body{
font-family: "OSRegular", verdana, helvetica, sans-serif;
font:normal 62.5% ;
background:#f6f6f6;
}

input[type="checkbox"]{margin-top:8px}
header{display:none}
.wrapper{margin:0;width:90%}
div.logo{float:left;width:40.4em}
.login{float:left;width:536px;padding-top:36px;margin-bottom:20px}
.formLogin{float:left;width:33%}
.formLogin.botones{width:19%;margin-top:20px}
.formLogin.botones1{width:15%;margin-top:20px}
button.submit{width:96px;height:27px;padding:0;background:url(../images/btnLogin.png);border:0}
button.submit:hover{cursor:pointer}
a.tit11.forgot{float:left;margin-top:8px}
.loginInput{border:0;padding:5px;width:10em}
.nav{clear:both;border-top:1px solid #fff;}
.nav{padding:24px 0;}
.menuSup li{display:inline-block;width:13%}
.menuSup li.selected{background:url(../images/bgMenuSel.png) 0 50% no-repeat; padding-left:22px;}
.menuSup li.first{width:11%}
.menuSup li.second{width:18%}
.menuSup li.liBlog{width:10%}
.menuSup li.liAppWeb{width:14%}
.infoApp{background:#fff url(../images/sombra.png) top left no-repeat;float:left;}
.infoApp div{margin:0 auto;width:90%}
.infoApp li{width:100%;display:block;text-align:center;clear:both}
.infoApp .contentApp{width:60%;margin:0 auto}

.capaSlider{display:none;}
.capaCuaderno.mvl320{display:none}
.capaCuaderno.mvl{display:block}
.capaCuaderno{background:transparent url('../images/fondolunares.png') bottom left repeat;padding:55px 0 40px 0;float:left;}
.capaCuaderno img.logo{margin-left:64px}
.capaCuaderno.web{display:none;}
.entrada{width:100%;float:left;margin-right:8px;}
.formBlog{clear:both;background:transparent url(../images/fondoNewsLetterMvl.png) top left no-repeat;width:100%;height:440px;margin-left:20px}
.formBlog form{float:left;margin:27px 0 0 17px;position:relative;width:100%}
.formBlog form legend{display:none;float:left;margin:0;width:267px;height:82px;background:url(../images/textoNLMvl.png) top left no-repeat;}
.formBlog form div{position:absolute;top:180px;width:90%;margin-left: 11px;}
.formBlog form div input.text{border:0;background:#f9f9f9;width:100%;height:39px;float:left;margin-top:17px}
.formBlog form div input.button{border:0;background:url(../images/btnEnviarMvl.png);width:242px;height:78px;margin:36px 0 0 -6px}

.textoWelcome{padding:0 0 0 10px;width:100%;background:#fff;float:left}
.textoWelcome .tit13 {background:url(../images/logoMvl.png) top left no-repeat;width:300px;height:56px}
.textoWelcome .tit13 span {display:none;}
.textoWelcome a.video{width:100%;height:59px;float:left;margin:50px 0 0 33px;text-align:center;background:url(../images/btnVideoBlue.png) 50% 50% no-repeat}
.textoWelcome span.videoNone{display:none;}
.textoWelcome a.under{text-decoration:underline}
.textoWelcome p.tit15{margin:15px 0px 15px 0px;text-align: center; display:block}
.textoWelcome .imgLogo.first{margin:5px auto; width: 147px; display:block}
.textoWelcome .imgLogo{margin:5px auto 10px auto; width: 147px; display:block}
.imagenmovilesmvl{margin:0 4%; width:90%; padding:0;}

.social {width:90%;float:left;margin-left:10%}
.social a{width:72px;height:71px;margin-right:26px}
.facebook{float:left;background:url(../images/fbYellowMvl.png) top left no-repeat; }
.twitter{float:left;background:url(../images/twitYellowMvl.png) top left no-repeat;}
.pinterest{float:left;background:url(../images/pinYellowMvl.png) top left no-repeat;}
.instagram{float:left;background:url(../images/instYellowMvl.png) top left no-repeat;}
.googlePlus{float:left;background:url(../images/gpYellowMvl.png) top left no-repeat;}
 span.social{width:100%;padding:10px 0 10px 0}
 .capaSocial{padding:43px 0 37px 0;float:left;width:100%;}

.moduloAzul.web{display:none}
 .moduloAzul.mvl{background:#FFF;clear:both;padding:25px 0 50px 0;float:left;width:100%}
  .moduloAzul.mvl.fondo{background:url(../images/moviles_mvl1.png) bottom left no-repeat;height:790px;width:100%;padding:0}
 .moduloAzul.mvl.fondo.Mvl320{display:none}
   .moduloAzul.mvl.fondo{display:block}
    .moduloAzul.mvl.fondo .textoWelcome{background:none}
 div.moduloAzul{padding:0}
 .wrapper.azul{background:FFF;height:auto}
   footer.moduloAzul.web{background:url(../images/bgAzul.png) top left repeat}
  footer.moduloAzul.mvl{background:url(../images/bgAzul.png) top left repeat}
 footer.moduloAzul li{display:block;margin-left:40px;margin-bottom:20px}



.txtCenter{text-align:center;margin-left:20px;}
.txtLeft{text-align:left}
.none{display:none}
.tit1{text-align:center;color:#2398db;font-size:24px;font-family:'OSSemiBold';padding:70px 0 50px 0;}
.tit2{color:#0099de;font-size:22px;font-family:'OSSemiBold';padding-top:5px;display:block}
.tit3{color:#f29b00;font-size:20px;font-family:'OSSemiBold';padding:15px 0 55px 0;width:100%;text-align:center}
.tit4{color:#4f4f4f;font-size:24px;font-family:'OSBold';padding:20px 0 20px 64px}
.tit5{color:#2398db;font-size:24px;font-family:'OSSemiBold';padding:10px 0 40px 0}
.tit5.txtLeft{text-align:left}
.tit6{color:#2599db;font-size:18px;font-family:'OSBold'}
.tit7{color:#555555;font-size:24px;font-family:'OSSemiBold'}
.tit8{color:#fff;font-size:18px;font-family:'OSRegular'}
.tit9{color:#b0cfe6;font-size:16px;font-family:'OSRegular';text-align:center}
.tit10{color:#555555;font-size:14px;font-family:'OSSemiBold'}
.tit11{color:#a4a4a4;font-size:12px;font-family:'OSRegular'}
.tit12{color:#2398db;font-size:28px;font-family:'OSSemiBold';margin-left:40px}
.tit13{color:#fff;font-size:36px;font-family:'OSBold';margin-left:50px;margin-top:35px}
.tit14{color:#2398db;font-size:24px;font-family:'OSSemiBold';margin-top:28px;padding-left:8px;margin-left:32px}
.tit15{color:#fff;font-size:25px;font-family:'OSSemiBold';}

.ventajas {display: none;}    

}*/

@media screen and (min-width:768px){

}

@media screen and (min-width:800px){
  

}

@media screen and (min-width:940px){


}

@media screen and (min-width:960px){
      
}

@media screen and (min-width:1250px){
    

}

@media(max-width:1144px){
        
}
@media(max-width:1130px){
        
}

@media(max-width:900px){
       
}
@media(max-width:854px){
      
}
@media(max-width:800px){
      
}
@media(max-width:720px){
        
      
}
@media(max-width: 480px ){
       
}
@media(max-width: 375px ){
       
}






































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
logo-rwd {
  display: block;
}