/* Clear fix For modern browsers */
.cf:before, .cf:after{
 content: "";
 display: table;
 }
 .cf:after {clear: both;}
 
 /* For IE 6/7 (trigger hasLayout) */
 .cf { *zoom:1;}
 

@media (min-width:50em) {
/***** Reset Styles *****/

ul{padding:0;margin:0;}
ul{list-style:none;}
.ul-ayuda {list-style: disc; margin-left: 1.5em;}
.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;}

@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; margin-right: 0;}
input[type="checkbox" i] {
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 1px;
}
header{display:block;background:#ffffff;}
.wrapper{margin:0 auto;width:94em}
.wrapper.mvl{display:none}
div.logo{clear:both;width:40.4em}

header {display:block;background:#ffffff;}

.plus-padding {
  padding-top: 5em;
  padding-bottom: 1em;	
}
/*------------------------------------*\
	LOGO
\*------------------------------------*/

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

.logo-rwd {
  display: none;
}

.menuSup li{display:inline-block;/*width:13%*/ padding: 0px 60px 0px 0px;}
.menuSup li.selected{background:url(../images/bgMenuSel.png) 0 50% no-repeat; padding-left:22px;}

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

.menu-color {
    color: #2599db;
}
.liStore {
	margin-right: 0;
}
.liStore a {
	font-size:18px;
	font-family:'OSBold';
	color:#ffae00;
}

.selected { 
  background:url(../images/bgMenuSel.png) 0 50% no-repeat; 
  padding-left: 1em;
}

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

.nav-small {
  display: none;
}
.menu-rwd {
  visibility: hidden;
}
.menu-color {
  color: #2599db;
}

.transition, .submenu, .nav-item label:before, .nav-item label:after {
  transition: all 0.25s ease-in-out;
}
.nav-wide {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-bottom: 2em;
}
.nav-item {
    position: relative;
    display: inline-block;
    margin: 0 1.1em 0 0;
    font-size: 1.6em;
    font-family: 'OSBold';
    color: #2599db;
}
.nav-wide .nav-item:last-of-type {
	margin-right: 0;
}
.colorblue-texto {
   color: #2599db;
}

.nav-item input[type=checkbox]{
    display: none;
}

.nav-item .liBlog a { 
  font-family: dommussfont; 
  font-size: 2em;
  line-height: .7;
}

.nav-item label{
    width: 100%;
    cursor: pointer;
    text-align: center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nav-item ul{
    position: absolute;
    list-style: none;
    text-align: left;
    z-index: 1;
    margin:0;
    padding:0;
    background-color: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    display: none;
}

.nav-item ul li{
    font-family: 'OSRegular';
    font-size: .9em;
    padding: 1em;
    margin-bottom: 1px;
    cursor: pointer;
}

.nav-item ul li:hover{
    background-color: #2599db;
    color: #fff;
}

.nav-item ul li a{
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
}

.nav-item label:before, .nav-item label:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -8px;
    background-color: #ffae00;
    width: 3px;
    height: 11px;
}

.nav-item label:before {
  transform: rotate(90deg);
}
.nav-item label:after {
  transform: rotate(0deg);
}

.nav-item input[type=checkbox]:checked ~ label:before {
  transform: rotate(135deg);
}
.nav-item input[type=checkbox]:checked ~ label:after {
  transform: rotate(45deg);
}
.nav-item input[type=checkbox]:checked ~  .submenu {
    display: block;
    transform: translate(0, 0);
}


/*------------------------------------*\
	MODULE ENLACES
\*------------------------------------*/
.enlaces {
  color: #fff;
  background-color: #3C97CC;
  text-align: center;
}

.enlaces-title {
  font-family: 'OSRegular';
  font-size: 2.5em;
  font-weight: normal;
  padding: 2em 0 0 0;
}
.enlaces ul {
  padding: 3% 13% 7% 13%;
}

.enlaces li {
  display: inline-block;
  margin-right: 5em;
}


.enlaces li:last-of-type {
  margin-right: 0;
}

.enlaces .img-resp {
  max-width: 100%;
}

.infoApp{background:#fff;margin-bottom:-20px}
.infoApp div{margin:0 auto;width:940px}
.infoApp li{width:185px;display:inline-table;text-align:center}
.fondoBlanco {background:#fff; margin-top: -18px; margin-bottom:0}
.fondoBlanco-div {margin:0 auto;width:650px; text-align: justify}
.fondo-blanco { margin:0 auto; width:650px; background-color: #fff;}
.espacio_privado {display: none;}

.capaSlider{background:#ffae00; /*margin-bottom:-20px;*/ clear:both;}

.jcarousel li { 
    width: 908px; 
    height: 315px;
}

.jcarousel-title {
    font-family: OSSemiBold;
    font-size: 37px;
    text-align: center;
    color: #fff;
    width: 62%;
    margin: .4em auto .2em auto;
}

.jcarousel-summary {
    font-family: OSSemiBold; 
    font-size: 26px; 
    text-align: center; 
    color: #fff; 
    width: 79%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: .5em;
}
.capaCuaderno{
	/*background:transparent url('../images/fondolunares.png') bottom left repeat;*/
	background-color: #fff;
	padding:55px 0 20px 0;
}
.capaOpiniones{
	background-color: #f6f6f6;
	padding:24px 0 20px 0;
}

.opiniones {
    border-left: 4px solid #ededed;
    color: #555550;
    font-style: italic;
    margin: 2em auto;
    padding: 0 1em;
    line-height: 1.3;
    font-size: 1.8em;
    width: 62%;
}
.capaFuncionalidades {
	background-color: #fff;
	padding:24px 0 20px 0;
}
.funcionalidades .app-ul {
	 width: 61%;
    margin: 1em auto;
}
.capaCuaderno.mvl{display:none}
.capaCuaderno.mvl320{display:none}
.capaCuaderno.web{display:block}
.capaTienda{background:transparent; /*url('../images/fondo_triangulos.png') bottom left repeat;*/
  padding:55px 0 20px 0;}
.capaTienda.mvl{display:none}
.capaTienda.mvl320{display:none}
.capaTienda.web{display:block}

.capaTienda-img {
   margin-right: 0;
   margin-bottom: 0;
}

.entrada{width:250px;float:left;margin-right:8px;}
.entrada img:last-of-type {margin-right: 0;}
.producto{width:300px;float:left;margin-right:8px; margin-bottom: 3em;}
.formBlog{clear:both;background:transparent url(../images/fondoNewsLetter.png) top left no-repeat;width:917px;height:95px;}
.formBlog form{float:left;margin:21px 0 0 35px}
.formBlog form legend{float:left;margin:0 30px 0 0;width:344px;height:55px;background:url(../images/textoNL.png) top left no-repeat;}
.formBlog form div {float:left}
.formBlog form div input.text{border:0;background:#f9f9f9;width:332px;height:39px;float:left;margin-top:7px}
.formBlog form div input.button{border:0;background:url(../images/btnEnviar.png);width:121px;height:39px;margin:8px 0 0 22px}
.formBlog fieldset {
  border: 0;	
}

.title-blog  {
    color: #4f4f4f;
    font-size: 26px;
    font-family: 'OSBold';
    padding: 20px 0 0 0;
}
.capaCuaderno .capacuaderno-blog {width: 89%; margin-left: auto;}
.img-blog {max-width: 250px; height: auto;}
/*.textoWelcome{padding:71px 0 0 23px;width:400px}*/
.textoWelcome {
    padding-top: 0;
    width: 72%;
    display: block;
}
.textoWelcome .tit13 {line-height:32px}
.textoWelcome a.video{width:385px;height:58px;float:left;margin:0 auto;text-align:center;padding-top:18px;background:url(../images/btnVideo.png) 50% 50% no-repeat}
.textoWelcome span.videoNone{display:none;}
.textoWelcome a.under{text-decoration:underline}
.textoWelcome p.tit15{text-align: center; margin-top:70px}
.textoWelcome .imgLogo {
    display: inline-block; 
    width: 30%; 
    margin: 0 auto;
    padding-top: .5em;
}

.textoWelcome .imgLogo2 {
    display: inline-block; 
    width: 30%; 
    margin: 0 auto;
    margin-left: 30px;
    padding-top: .5em;
}
.textoWelcome-titulo {
   margin-top: 2%; 
   margin-left: 8%;
}


.textoWelcome-p1 {
  font-family: 'OSSemiBold'; 
  font-size: 2em; 
  color: #3C97CC; 
  margin-top: 4%; 
  margin-bottom: 8%;
}

.textoWelcome-p2 {
  font-family: 'OSSemiBold'; 
  font-size: 2em; 
  color: #fdb51c; 
  margin-top: 20%; 
  margin-bottom: 5%;
}

.position-small {
  text-align: center; 
  padding: .75em;
}

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

.position-text {
  font-size: 2em; 
  color: #4f4f4f;
}

.social {width:50%;float:left}
.social a {width:37px;height:36px;margin-right:15px}
.facebook {background:url(../images/fbYellow.png) top left no-repeat; }
.facebook:hover, .facebook:focus {background:url(../images/fbBlue.png) top left no-repeat;}
.twitter {float:left;background:url(../images/twitYellow.png) top left no-repeat;}
.twitter:hover, .twitter:focus {background:url(../images/twitBlue.png) top left no-repeat;}
.pinterest{background:url(../images/pinYellow.png) top left no-repeat;}
.pinterest:hover, .pinterest:focus {background:url(../images/pinBlue.png) top left no-repeat;}
.instagram{background:url(../images/instYellow.png) top left no-repeat;}
.instagram:hover, .instagram:focus {background:url(../images/instBlue.png) top left no-repeat;}
.googlePlus{float:left;background:url(../images/gpYellow.png) top left no-repeat;}
.googlePlus:hover, .googlePlus:focus {background:url(../images/gpBlue.png) top left no-repeat;}
 span.social{width:114px;padding:10px 0 0 28%}
 .capaSocial{
 	 padding: 3em 0;
    width: 36%;
    margin: 0 auto;}

/*------------------------------------*\
	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: 3em 0 5em;
}
.footer-logo {
   width: 112px;
	margin-left: auto; 
	margin-right: auto;
	display: block;   
}
.footer-info p{
   font-size: .7em;
   color: #b0cfe6;
}
.footer-items li {
    margin-top: 2em;
    padding-right: 2.9%;
    margin-right: 2.9%;
    border-right: 1px solid #ffae00;
    display: inline-block;
}
.footer-items li:last-of-type {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}
.footer-items a {
    color: #fff;
}
.footer-copyright {
  margin: 1.5% auto 2.5%;
}
.footer-copyright li{
  font-size: .7em;
  color: #b0cfe6;
  display: inline-block;
}
 .moduloAzul.web{background:url(../images/bgAzul.png) top left repeat;clear:both;padding:87px 0 90px 0}

 .moduloAzul.mvl{display:none;}
 div.moduloAzul.web{padding:0}
 /*.moduloAzul.mvl.fondo.Mvl320{display:none}*/
 .wrapper.azul{background:url(../images/moviles.png) bottom right no-repeat;height:54em}
 footer.moduloAzul li{display:inline-block;background:url(../images/sepFooter.png) 100% 50% no-repeat;padding-right:35px;margin-left:38px}
 footer.moduloAzul li.first{margin-left:0}
 footer.moduloAzul li.last{padding-right:0;background:none}

/* ====== cambio de background-image de moduloAzul web ====== */

.moduloHeroimg.web {
	 max-width: 100%;
	 padding-bottom: 16%;
    background-size: 100%;
    height: auto;
    background-image: url(../images/composicion_home_1265.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.hero-module.web {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.hero-image {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.hero-image img {
  display: block;
  width: 100%;
  height: auto;
}
.hero-image .hero-image-caption {
  position: absolute;
  top: 1%;
  left: 2%;
  width: 50%;
}

/* ====== clase para que el texto de bienvenida no pise la foto ====== */
.wrapperHero {
    width: 37%;
    height: auto;
    margin: 0 3em;
}

/* ====== clase sustituyendo imagen de boton-video ====== */
.textoWelcome a.video-app {
    width: 100%;
    float: left;
    text-align: center;
}

.txtCenter{text-align:center}
.txtLeft{text-align:left}
.txtJustify{text-align:justify}
.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:16px;font-family:'OSSemiBold';padding-top:25px;display:block}
.tit3{color:#4f4f4f;font-size:14px;font-family:'OSSemiBold';padding:15px 0 55px 0;width:173px}
.tit4{color:#4f4f4f;font-size:26px;font-family:'OSBold';padding: 0 0 36px 0;}
.tit5{color:#2398db;font-size:16px;font-family:'OSSemiBold';padding:10px 0 40px 0}
.tit6{color:#2599db;font-size:18px;font-family:'OSBold'}
.tit7{color:#555555;font-size:16px;font-family:'OSSemiBold'}
.tit8{color:#fff;font-size:18px;font-family:'OSRegular'}
.tit9{color:#b0cfe6;font-size:12px;font-family:'OSRegular'}
.tit10{color:#555555;font-size:14px;font-family:'OSSemiBold'}
.tit11{color:#a4a4a4;font-size:12px;font-family:'OSRegular'}
.tit12{color:#fff;font-size:26px;font-family:'OSRegular'}
.tit13{color:#fff;font-size:36px;font-family:'OSBold'}
.tit14{text-align:center;color:#fff;font-size:24px;font-family:'OSSemiBold';margin-top:28px}
.tit15{color:#fdb51c;font-size:26px;font-family:'OSSemiBold'}
.titblue{color:#0099de;font-size:26px;font-family:'OSSemiBold'; text-align: center; padding-bottom: 2em;}
.tit16{color:#555555;font-size:16px;font-family:'OSRegular'}
.tit17{text-align:center;color:#555555;font-size:24px;font-family:'OSSemiBold';margin-top:28px}
.tit18{color:#555555;font-size:18px;font-family:'OSSemiBold'}
.tit19{text-align:center;color:#2398db;font-size:24px;font-family:'OSSemiBold';margin-top:28px;}




.colorblue-titulo {
   color: #3C97CC;
}
.button_video {
    text-align: center;
    background-color: #3C97CC;
    color: #fff; 
    font-size: 1.5em; 
    font-family: 'OSRegular';
    border-radius: 5px;
    /* margin-top: 1em; */
    padding: .5em 3em;
}




/*------------------------------------*\
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; 
}

/*------------------------------------*\
	SECTION AYUDA
\*------------------------------------*/
.section-ayuda {
  background-color: #fff;
  margin-top: -3px;
}

.ayuda-wrapper {
  width: 52%;
  margin: 5em 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 p {
    padding-bottom: 1.5em;
}

.ayuda-content a {
  font-weight: bold;
}
.ayuda-ul {
  font-family: 'OSBold';	
}
.ayuda-ul-index {
    color: #3C97CC;
    margin: 2em 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-lupa {
  width: 272px;
  height: 519px;
}
.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.4em 23em; }
.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-images .img-resp{
  max-width: 45%;	
  margin-top: 0;
}

.ayuda-content .ayuda-subtitle {
  padding-top: 2em;
}
.ayuda-img--left {
  float: left;
  margin-right: 1em;
}
/*------------------------------------*\
CAPA SOCIAL
\*------------------------------------*/

.wrapper-social {
    width: 90%;
    height: auto;
    max-width: 260px;
    margin: 2em auto;
}
.wrapper-social .tit7 {
   float: left;
   margin-top: .5em;
}
.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;
}
/* 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;
}

/*------------------------------------*\
	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 {
  font-family: 'OSBold';
  text-align: center;
  font-size: 1.7em;
  color: #3C97CC;
  margin: 0;
  padding: 2em;
}

.ventajas strong {
  font-size: 1.2em;
  color: #3C97CC;
}

.ventajas li {
  display: inline-block;
  float: left;
  width: 50%;
}

.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 -19.2em;
}
.ventajas-notification {
  background-position: 0 -23.9em;
}
.ventajas-customize {
  background-position: 0 -28.5em;
}
.ventajas-lock {
  background-position: 0 -33.6em;
}


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

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

}

.media-plus .tit2 {     
    color: #0099de;
    font-size: 1.2em;
    font-family: 'OSSemiBold';
    padding-top: 0;
    display: block; 
    text-align: left;
}

.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.1em;
}
.plus-borrado {
  background-position: 0 -4.1em;
}
.plus-responsable {
  background-position: 0 -6.7em;
}
.plus-ordena {
  background-position: 0 -9.1em;
}
.plus-elementos {
  background-position: 0 -11.4em;
}
.plus-modulos {
  background-position: 0 -11.4em;
}
.plus-dommuss {
  background-position: 0 -11.5em;
}
.plus-exclusivo {
  background-position: 0 -13.5em;
}

.infoapp ul li a {
	color: #2398db;
}
.infoapp li p a {
	color: #555555;
}    
.infoapp li span:last-child {
  font-size: 1em;
}
.infoapp li .ver-mas {
	color: #fdb51c;
	font-weight: 600;
}   
.app a {
	color: #2398db;
   font-weight: 600;
}
 
}




/* ====== 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;}
.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;}

ol li a {
	 color: #2398db;
    font-weight: 600;
}


/* ====== responsive images ====== */
.img-resp {
  max-width: 100%; 
  height:auto; 
  vertical-align: middle;	
}
.img-resp-app {
    max-width: 62%;
    height: auto;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.img-resp-logos {
  max-width: 30%; 
  height:auto; 
  vertical-align: middle;	
}

/* ====== vertically center text ====== */
.center-text {
  height: 110px;
  line-height: 110px;
  white-space: nowrap;
}
/* ====== position ====== */ 

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

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

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



.left-padding {
  float: left;
  padding: 0 4%;
}

.button_video:hover, .button_video:focus { 
  background-color: #fff; 
  border: 2px solid #3C97CC;
  color: #3C97CC;
}


.border-radius150 {border-radius: 150px;}
.position-icon {margin-left: 8px; margin-right: 13px;}
.top-left0 {margin-top: 0; margin-left: 0;}
.font-bold {font-family:'OSBold';}
.full {width:100%;}
.bottom-air {margin-bottom: 8%;}
.half-full {width: 50%;}
.title-modulo-1 {color: #0099de; font-family: 'OSSemiBold'; font-size: 2.4em; margin: 0 auto;}
.p-modulo-1 {color: #f29b00; font-family: 'OSSemiBold'; font-size: 1.4em;}
.modulo-enlaces {width: 70%; margin: 0 auto; padding: 5% 0;}
.text-style-1 {font-size: 2.5em; padding: 0 2.2em;}
.space-trbl-1 {padding: 0 5%;}
.space-trbl-2 {padding: 2%;}
.title-modulo-2 {font-size: 14px; font-family: 'OSSemiBold'; color: #4f4f4f;}
.text-style-2 {color: #0099de; font-size: 16px;}
.space-top-1 {padding-top: 5%;}
.colorblue-texto {color:#2398db;}
.colororange-texto {color:#ffae00;}
.side-air {margin: 0 8px;}
.enlaces li {
  padding-top: 2em;
}

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


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

@media (min-width:865px) {
/*------------------------------------*\
	MODULE INFOAPP
\*------------------------------------*/


.infoapp {
  font-family: 'OSSemiBold';
  font-size: 1.4em;
  background-color: #fff;
}

.infoapp .media {
  width: 11%;
  vertical-align: top;
}

.infoapp-title {
  text-align: center;
  font-size: 1.7em;
  color: #3C97CC;
  margin: 0;
  padding: 2em;
}

.infoapp ul {
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.infoapp ul li {
  margin-bottom: 3.5em;
  margin-left: 0;
}

.infoapp ul li:last-of-type {
  margin-bottom: 3.5em;
  margin-left: 0;
  margin-right: 0;
}

.infoapp li {
  display: inline-block;
}

.infoapp li span {
  font-family: 'OSBold';
  font-size: 1.2em;
  color: #3C97CC;
}



.infoapp .media {
  width: 12%;
  vertical-align: top;
}


.infoapp .img {
  float:none; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.3em;
}

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

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

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

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

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

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

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

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


/* ====== The good stuff. Pure CSS Tooltip A PEN BY Cristina Silva ====== */ 

.tooltip-toggle {
  cursor: pointer;
}
/*
Tooltip text container - above element
You can adjust the position to make the container appear below or beside the element
*/

.tooltip-calendario .tooltip-toggle::before {
  position: absolute;
  content: url(../images/calendario-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tooltip-listas .tooltip-toggle::before {
  position: absolute;
  content: url(../images/listas-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tooltip-lista-menu .tooltip-toggle::before {
  position: absolute;
  content: url(../images/menu-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tooltip-hacer .tooltip-toggle::before {
  position: absolute;
  content: url(../images/hacer-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tooltip-contactos .tooltip-toggle::before {
  position: absolute;
  content: url(../images/contactos-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tooltip-notas .tooltip-toggle::before {
  position: absolute;
  content: url(../images/notas-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tooltip-fotos .tooltip-toggle::before {
  position: absolute;
  right: 0;
  content: url(../images/fotos-hoverv4.png);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*Setting up the transition*/
.tooltip-toggle::before, 
.tooltip-toggle::after {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.tooltip-toggle:focus::before, 
.tooltip-toggle:focus::after, 
.tooltip-toggle:hover::before, 
.tooltip-toggle:hover::after {
  opacity: 1;
  margin-top: -8.900em;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
}



@media (min-width: 960px){ 
.nav-wide {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
}

.nav-item {
    position: relative;
    display: inline-block;
    margin: 0 2.1em 0 0;
    font-size: 1.7em;
    font-family: 'OSBold';
    color: #2599db;
}

.nav-wide .nav-item:last-of-type {
	margin-right: 0;
}
  .nav-item label:before, .nav-item label:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -13px;
    background-color: #ffae00;
    width: 5px;
    height: 16px;
}
}



@media (min-width: 1100px){
.textoWelcome {
    padding-top: 8%;
}

.textoWelcome-p1 {
  font-size: 2.5em; 
}

.textoWelcome { padding-top: 4em;}

.textoWelcome-p2 {
  font-size: 2.5em; 
}

.button_video {
  font-size: 2em;
}

}