/* FONTS */

/*
@font-face {font-family: "Titillium"; src: url("fonts/TitilliumWeb-Regular.ttf") format(truetype); src: url("fonts/TitilliumWeb-Regular.ttf"); font-weight: normal; font-style: normal; }
@font-face {font-family: "Titillium"; src: url("fonts/TitilliumWeb-Italic.ttf") format(truetype); src: url("fonts/TitilliumWeb-Italic.ttf"); font-weight: normal; font-style: italic; }
@font-face {font-family: "Titillium"; src: url("fonts/TitilliumWeb-Bold.ttf") format(truetype); src: url("fonts/TitilliumWeb-Bold.ttf"); font-weight: bold; font-style: normal; }
@font-face {font-family: "Titillium"; src: url("fonts/TitilliumWeb-BoldItalic.ttf") format(truetype); src: url("fonts/TitilliumWeb-BoldItalic.ttf"); font-weight: bold; font-style: italic; }

@font-face {font-family: "Noticia"; src: url("fonts/NoticiaText-Regular.ttf") format(truetype); src: url("fonts/NoticiaText-Regular.ttf"); font-weight: normal; font-style: normal; }
@font-face {font-family: "Noticia"; src: url("fonts/NoticiaText-Italic.ttf") format(truetype); src: url("fonts/NoticiaText-Italic.ttf"); font-weight: normal; font-style: italic; }
@font-face {font-family: "Noticia"; src: url("fonts/NoticiaText-Bold.ttf") format(truetype); src: url("fonts/NoticiaText-Bold.ttf"); font-weight: bold; font-style: normal; }
@font-face {font-family: "Noticia"; src: url("fonts/NoticiaText-BoldItalic.ttf") format(truetype); src: url("fonts/NoticiaText-BoldItalic.ttf"); font-weight: bold; font-style: italic; }

*/

@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700italic,700|Titillium+Web:400,700,700italic,400italic);

/*FEDE*/
.visible_ib{
  display: inline-block !important; 
}
.color_notificaciones{
  background: #CC181E !important;
  color: #fff !important;
  border-radius: 100px;
  transform: scale(0.8);
}
.b_bajar{
  bottom: -162px;
  position: absolute;
  margin: 0 auto;
  left: 50%;
  right: 50%;
  margin-left: 38px;
}
.votos{
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}
.crear-grupo .input-group{
  width: 100%;
  margin:10px 0;
  
}
.buscador-grupos .texto{
    font-family: "Titillium Web";}
    
.btn-grupo i {margin: 0;}
.pendiente {
  color: #777 !important;
    border-color: #888 !important;
    background-color: #E8E8E8 !important;
    cursor:default;
}
.miembro {
  background-color: #393939 !important;
  cursor:default;
}
.btn-grupo.salir{
  background-color: #EE4B51 !important;
  border-color: transparent !important;
  color: #F8F8F8;
  -webkit-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
  box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
}
.btn-grupo.salir:hover,.btn-grupo.salir:focus{
  background: #E8242A !important;
}
.btn-grupo.salir:active{
   background-color: #FF7070 !important;
}
.grupos .tabs .tab {
  width: 25% !important;
}
body.smhead_rigth {overflow: hidden;}

/*ALINEADO*/

.v_absolute {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.v_table{
  display: table;
    height: 100%;
    width: 100%;
} 
.v_cell{
  display: table-cell;
    vertical-align: middle;
}
.cargando {
  z-index: 1000;
  top: 185px;
  background: #fff;
}
.glyphicon-refresh-animate , .fa-refresh {-animation: spin .7s infinite linear;-webkit-animation: spin2 .7s infinite linear;}
@-webkit-keyframes spin2 {from { -webkit-transform: rotate(0deg);}to { -webkit-transform: rotate(360deg);}}
@keyframes spin {from { transform: scale(1) rotate(0deg);}to { transform: scale(1) rotate(360deg);}}
.hide{
  display: none;
}
.visible {
  display: inherit !important;
}
section.grupos {position: relative;}
/*Proyecto nuevo*/
.editor input {font:inherit;border-radius:0;padding: 5px 10px;width: 100%;border-color: #ddd;font-style: normal;height: auto; margin: 0 0 36px;}
.visto{ background-color: #EAFAE0;}
/*LOADER*/
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}
.loader:before,
.loader:after {
  position: absolute;
  content: '';
}
.loader:before {
  width: 5.1em;
  height: 10.2em;
  background: #fff;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.1em 5.1em;
  transform-origin: 5.1em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.6s;
  animation: load2 2s infinite ease 1.6s;
}
.loader {
  font-size: 0.35em;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em #B92025;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:after {
  width: 5.3em;
  height: 10.2em;
  background: #fff;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0 5.1em;
  transform-origin: 0 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
  .cont-loader{
    padding-left:0;
    transition:all 0.5s;-webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
  }

.compact  .cont-loader{
  padding-left: 0 !important;
}

/*SVG LOADING*/
.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #77ba50;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}

 .logo_1 {background: #fff url(img/logo-positivo.png) no-repeat center center;background-size: 50%;width: 200px;height: 200px;display: inline-block;}

.titil {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
/*----------*/
.scrollbar
{
  margin-left: 0;
  height: 300px;
  background: #F5F5F5;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.force-overflow
{
  min-height: 450px;
}


#style-8::-webkit-scrollbar-track
{
  border: 0px solid black;
  background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar
{
  width: 0;
  background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar-thumb
{
  background-color: #ACACAC;  
}
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.flex-item:nth-child(1) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
/*FEDE FIN*/




/* GENERAL */
body {background:#fff;font-family:"Titillium Web";font-size:16px;overflow-x:hidden;}
* {outline:none;}
a, a:hover, a:focus {color:inherit;text-decoration:none;outline: none;}
form{display:inline;}
input {background:white;border: solid 2px #A3A3A3;border-radius:3px;padding:5px 10px;color:#000;}
.select {display:block;background:white;border: solid 2px #A3A3A3;border-radius:3px;position:relative;}
  .select select {border:none;background:none;padding: 5px;width:100%;height: auto;height: 34px;}
  
.texto input {border-radius: 0; border-color: #ddd; width: 100%; }
.texto .select {border-radius: 0; border-color: #ddd; padding: 0; }
.texto .select select {/*padding: 10px;*/}


div.clear {float: none; clear: both; line-height: 0; font-size: 0 }

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.visible-xs-soft, .btn.visible-xs-soft {display:none;}

.btn {width:100%;display:block;border-radius:4px;font-size:16px;transition: background 0.2s, color 0.2s;}
.btn,.btn:focus {background: #393939;color: #FFFFFF;border: solid thin #393939;border-top:none;border-left:none;outline:none;}
.btn:hover {background: #000000;color: #FFFFFF;}
.btn:active,.btn.on {background: #878787;color: #FFFFFF;border: solid thin #000000;border-bottom:none;border-right:none;}
.btn i.fa {font-size:17px;margin: 0 4px 0 0;}
.btn.off {background:rgba(0,0,0,0.05);border:solid thin #3a7e15;color:#3a7e15;pointer-events:none;opacity:0.8;}
.btn-apply {padding:1em 0;margin: 1em 0 0.3em !important;clear:both;}


/*BOTONES FEDERICOKE*/

.btn-grupo, .btn-grupo:focus {
    background: #fff !important;
    color: #393939;
    border: solid thin #393939;
    outline: none;
}


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










.btnmini {border-radius:3px;background:#e7e7e7;border:none;border-bottom:solid thin #c8c8c8;color:#7a7a7a;height: 22px;line-height: 17px;font-size: 14px;display: inline;margin: 0 0 0 5px;position:relative;padding: 7px 12px;height: auto;}
.btnmini:hover {background:#efefef;color:#4d4c4c;}
.btnmini:active {top:1px;}
.btnmini-submit {background: #393939;color: #FFFFFF;border:none;}
.btnmini-submit:hover {background: #000000;color: #FFFFFF;}

h1 {font-family:"Titillium Web";font-size:32px;font-weight:bold;}
h2 {font-family:"Titillium Web";font-size: 16px;letter-spacing: 2px;font-weight:normal;text-transform: uppercase;padding: 0.2em 0;margin: 0 0 20px;color: #bbb;border-bottom: solid 2px #DDD;}
  h2.toolbar {margin:0 0 10px;border-bottom: none;}
  h2.toolbar .pull-right {text-transform: none;font-size:16px;}
  h2.toolbar sup {color:inherit;margin: 15px 0 0 -3px;position: absolute;font-size: 12px;}
  h2 a:hover {border-bottom:solid 1px #ccc;}
.resumen {font-family:"Titillium Web";font-size: 22px;line-height: 30px;letter-spacing: 0.5px;font-weight:normal;font-style:italic;margin: 0 0 36px;color: #393939;/* border-bottom: solid thin #eee; *//* padding: 0 0 30px; */}
.texto {word-wrap: break-word;font-family:"Noticia Text";font-size:16px;margin:0 0 40px;color:#323031;text-align:justify;}
.main .texto h1,.main .texto h2,.main .texto h3,.main .texto h4,.main .texto h5,.main .texto h6 {font-size: 120%; }
aside.anuncio {color:white;}
.anuncio .texto {margin: 0;color: #fff;/* background: #83D358; */display: inline;/* padding: 3px 10px; */font-size: 90%;letter-spacing: 0.6px;}
  .texto img {float:right;margin:0 0 20px 20px;max-width:100%;}
  .texto h3 {font:inherit;font-weight:bold;font-size:120%;margin:30px 0 15px;clear:both;}
ol.ref {color:#509e27;margin:0;padding:0 0 0 20px;font-size:15px;}
ol.ref li {padding:0 0 10px 20px;}
sup {color:#3cac00;margin:0 3px;font-weight:bold;}
.tooltip-inner {text-transform:none;}

.fa-plus {opacity:0.7;}

.search-form input {width:100%;height:30px;border-radius:15px;border: solid 2px #CFCFCF;padding:0 10px;transition:opacity 0.5s;}
.search-form button {position:absolute;color: #6F6F6F;border:none;top: 3px;right: 5px; background: transparent; border-radius: 5px;transition:background 0.5s, right 0.5s;}
.search-form button:hover {color:#666;}
section .search-form {float:right;position: relative;/* top: -5px; */}

textarea {border: solid 2px #ddd;font:inherit;color:inherit;padding:25px;resize:none;width:100%;height:auto;min-height:100px;    padding: 10px !important;
  font-size: 22px;
  font-family: "Titillium Web";}
  textarea[data-toolbar] {padding:0;}
  .tools {float:right;position: relative;}
  .tools a {margin:0 0 0 7px;font-size:17px;color:#999;}
  .tools a:hover {color:#666;}
  .tools a.wysihtml5-command-active {color:#333;}
  .tools a.wysihtml5-command-dialog-opened {color:#509e27;position:relative;}
  .tools a.wysihtml5-command-dialog-opened:before {position:absolute;left:50%;top:25px;height:20px;border-left:solid thin #509e27;content:"";}
  .wysihtml5-editor {padding:25px;overflow:hidden;}
  .wysihtml5-editor a {color:#509e27;}
  .wysihtml5-editor.referencias ol {padding:0 25px; margin:0; color:#509e27;}
  .wysihtml5-editor.referencias li+li {margin-top:10px;}
  [data-wysihtml5-dialog] {z-index:1000;position:absolute;width: 360px;text-align:right;right: 10px;top: 42px;}
  [data-wysihtml5-dialog-field] {position:absolute;width:100%;font-size:15px;border: solid thin #509e27;left:0;}
  [data-wysihtml5-dialog] a {position:relative;z-index:2;float:right;margin:9px 8px 0 0;color: #509e27;}
  [data-wysihtml5-dialog] a:hover {color:#256B00;cursor:pointer;}

.info {display:inline;position:relative;z-index:999;padding:5px;}
  .info:hover {z-index:1000;}
  .info .fa-question-circle {color:#ccc;font-size:17px;position:relative;z-index:998;}
  .info:hover .fa-question-circle {color:#aaa;}
  aside .info .fa-question-circle {color: #A4A4A4;}
  aside .info:hover .fa-question-circle {color: #797979;}
  .info-popup {z-index:999;margin-right: 10px;position:absolute;top: 0;right: 0;overflow:hidden;background:#ddd;width:200px;border-radius:5px;font-weight:normal;color:#999;font-size:1px;border:solid thin #ddd;white-space: normal;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transform-origin: top right;-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);opacity:0;pointer-events:none;text-align:left;}
  .info:hover .info-popup {top: 5px;right: 10px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);opacity:1;font-size: 13px;pointer-events:auto;}
  .info-popup a {color:#999;}
  .info-popup a:hover {color:#666;}
  .info-head {padding:5%;}
  .info-body {max-height:300px;overflow:auto;padding:5%;background:#eee;font-size: 13px;}
  .info-foot {display:block;padding:5%;}
  .info.user .info-body {display:block;text-transform: uppercase;}
  .info.user:hover .info-popup {right: 20px;top:8px;}
  .info.user.mini:hover .info-popup {right: 20px;top:-5px;}

.pag {float:right;text-align:right;display: none;}
  .pag-bottom {clear:both;margin:40px 0 60px;display: block;}
  .pag a {border: solid 2px #ccc;color: #B2B2B2;height: 40px;min-width: 40px;display:inline-block;text-align:center;line-height: 40px;overflow:hidden;font-size: 18px;transition: color 0.2s, background 0.2s;}
  .pag a:hover,.pag a.on {background: #ccc;color:white;}
  .pag a+a {margin-left: -6px;}
  .pag a.off:hover,.pag a.off {background:none;color:#999;opacity:0.5;}
  .pag .todos {padding:0 10px;}






/* LAYOUT */


.container {margin-top:45px;width:735px;padding-right:200px;padding-left:0;position: relative;}
.container.full,.pag-landing .container {padding-right:0px;left: 0;}

.compact header {width:35px;}
.compact section {margin:0 0 0 35px;}
.compact .container {}
.compact aside {right:0;}
.compact footer {margin-left:35px;}
  .compact header .logo {background: #B92025 url(img/logo-compact.png) no-repeat center center;background-size: 30%;}
  .compact header .logo.beta:after {opacity:0;}
  .compact header .search-form input {opacity:0;}
  .compact header .search-form button {background:transparent;right: 5px;}
  .compact header ul a {padding:0 9px;color:transparent;}
  .compact header .usuario-img {}


.titulo {color: #fff;font-weight:100;/* font-style: italic; */margin: 10px 0 10px;font-size: 32px;letter-spacing: 2px;}
.titulo.grande {color:#6BB83F;font-weight: 100;font-size:50px;font-style: normal;text-align:center;margin: 76px 0 20px;}
.bajada.grande {color:#969696;font-size: 22px;font-style: italic;text-align:center;font-weight: 500;margin: 0 0 120px;}
aside.anuncio {position:static;display: block;width:auto;margin: 14px 20% 0 0;text-align: left;color: white;background: none;}

@-webkit-keyframes fondoAnim {from { background-position: 0 0; } to { background-position: -33px 56px; } }
.encabezado {
  position: fixed;
  background: #3F3F3F;
  background-position: 0 0;
  top:0;
  width: auto;
  height: 185px;
  /* pointer-events:none; */
  z-index: 1034;
  padding: 0;
  margin: 0;
  overflow: hidden;
  right: 0;
  transition: height 0.2s,left 0.5s;
  left: 200px;
  }
  .compact .encabezado {left: 35px;}
  .encabezado .container {position:relative;z-index: 99;}
  .encabezado .titulo {transition: opacity 0.3s; }
  .encabezado .titulomin {position: absolute; top: -34px; color: #E4FFD4; font-weight: 500; font-size: 13px !important; letter-spacing: 3px; pointer-events: none; opacity: 0; transition: opacity 0.3s; width: 100%; left: 0 !important; text-align: center; margin: 0;padding: 0;bottom: auto;height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-transform: uppercase;}
  .encabezado.cover .titulomin {top: 0px; color: white; height: 30px;}
  .encabezado .bajada {color: #B0B0B0; font-weight: 100; font-size: 20px; transition: opacity 0.3s;}
  .encabezado .anuncio {}
  .encabezado .btn {}
  .compacthead .encabezado {height: 36px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);}
  .compacthead .encabezado .titulo {opacity: 0; }
  .compacthead .encabezado .titulomin {opacity: 1; }
  .compacthead .encabezado .bajada {opacity: 0; pointer-events: none; }
  .compacthead .encabezado .anuncio {}
  .compacthead .encabezado .btn {}
  .encabezado .head-usuario {position:absolute;top: 71px;width:200px;color: white;right: 20px;transition: top 0.2s;pointer-events: all;z-index: 999;color: #CACACA;}
    .encabezado ul {list-style: none; /* text-align: right; */ padding: 0; margin: -10px 0 0 20px; line-height: 32px; transition: opacity 0.2s; opacity: 1; }
    .compacthead .encabezado ul {opacity: 0; pointer-events: none; }
    .encabezado .usuario-img {position:absolute;top: -4px;right: 0;width:49px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;}
    .encabezado .usuario-control {margin: 0 60px 10px 0;color: inherit;text-align: right;opacity: 1;transition: opacity 0.2s;}
    .encabezado .usuario-control .logout {margin-left:10px;}
    .encabezado .usuario-control a:hover {color: #FFF;}
    .encabezado .usuario-nombre {display: block; }
    .encabezado .usuario-img:hover {/* transform: scale(0.97); */}
  .compacthead .encabezado .head-usuario {top: 0; }
    .compacthead .encabezado .usuario-img {width: 25px; top: 6px; opacity: 0;}
    .compacthead .encabezado .usuario-control {opacity: 0; }
    .compacthead .encabezado .usuario-control .logout {}
    .compacthead .encabezado .usuario-control a:hover {}

  #subir {position: absolute; right: 0px; top: 12px; border-top-width: 3px; line-height: 10px; cursor: pointer; border-top-style: solid; transition: opacity 0.3s; z-index: 9; opacity: 0; }
  #subir:hover {color:white;}
  .compacthead #subir {opacity: 1; }



header {position:fixed;top:0;bottom:0;left:0;width:200px;background: #E5E5E5;z-index:50;overflow:hidden;transition:width 0.5s;-webkit-transition:width 0.5s;-moz-transition:width 0.5s;-ms-transition:width 0.5s;-o-transition:width 0.5s;}
  header .logo {display:block;width:100%;height:185px;background:url(img/logo.png) no-repeat center center;background-size: 70%;transition:background 0.5s;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-ms-transition:background 0.5s;-o-transition:background 0.5s;position: relative;}
  header .logo.beta:after {content: "beta";position: absolute;color: white;background: #76B853;font-weight: 100;font-style: italic;text-align: center;width: 40px;height: 40px;padding: 0;margin: 0;border-radius: 20px;line-height: 38px;top: 116px;right: 35px;transition: opacity 0.2s;pointer-events: none;display: none;}
  header .search-form {display:block;padding: 10px 8% 10px;position:relative;}
  header .search-form button {right: 21px;top: 11px;}
  header ul {list-style: none;padding:0;}
  header ul a {display:block;height:35px;width:100%;line-height:35px;padding:0 20px;text-decoration:none;color: #323232;white-space: nowrap;transition: padding 0.5s, color 0.3s, background 0.3s;-webkit-transition: padding 0.5s, color 0.3s, background 0.3s;-moz-transition: padding 0.5s, color 0.3s, background 0.3s;-ms-transition: padding 0.5s, color 0.3s, background 0.3s;-o-transition: padding 0.5s, color 0.3s, background 0.3s;}
  header ul a:hover {background:#f4f4f4;color: #000;text-decoration:none;}
  header ul a.on {background:#f4f4f4;color: #101010;}
    header ul a i {margin-right:10px;width:15px;color: #474747;transition: color 0.4s;}
    .compact header ul a i {color: #888;}
  
  /* anclado abajo */
  header .head-usuario {position:absolute;bottom:40px;width:200px;}
    header .usuario-img {position:absolute;bottom: 10px;left: 12px;width:49px;transition: width 0.5s, left 0.5s;-webkit-transition: width 0.5s, left 0.5s;-moz-transition: width 0.5s, left 0.5s;-ms-transition: width 0.5s, left 0.5s;-o-transition: width 0.5s, left 0.5s;}
    header .usuario-control {margin: 0 0 10px 72px;color: #3D3D3D;}
    header .usuario-control .logout {margin-left:10px;}
    header .usuario-control a:hover {color:#666;}
    header .usuario-nombre {text-transform: uppercase;display:block;margin:0;}
  
  /* sm */
  header .head-usuario {position: static;border-top: solid thin #ccc;width: 100%;margin-top: 3em;bottom: 0;background: #E5E5E5;transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; left: -100%;}
    .smhead .head-usuario{/* left:0; */}
    header .usuario-img {float: left;position: static;margin: 20px;width:49px;transition: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
    header .usuario-control {margin: 30px;font-size: 100%;}
    header .usuario-control .logout {float: right;}
    header .usuario-control a:hover {color:#666;}
    header .usuario-nombre {text-transform: uppercase;display: inline;margin: 0 1em 0 0;}
  
  header #pin {position: absolute; bottom: 15px; left: 0; color: #000; transition: opacity 0.1s,line-height 0.3s linear; overflow: hidden; height: 25px; width: 35px; text-align: center; cursor: pointer; opacity: 0.3; line-height: 30px; }
  header .btn {margin: 10px 20px; width: 160px; background: #4A4A4A; color: #E7E7E7; transition: opacity 0.5s, background 0.2s, color 0.2s; padding: 6px 0 !important; border: none !important;}
  header .btn-primary {}
  header .btn .fa {color: #DDD !important; }
  .compact header .btn {opacity:0;pointer-events:none;}
  header .btn:hover {background: #0B0B0B !important; color: #E2E2E2 !important; }
  header .btn:hover .fa {}

a#pin {}
  header #pin:hover {opacity: 0.5; }
  header #pin.on {line-height: 42px; }

section {margin:0 0 0 200px;/* min-width:824px; */transition:margin 0.5s;-webkit-transition:margin 0.5s;/* position: relative; */width: auto;-moz-transition:margin 0.5s;-ms-transition:margin 0.5s;-o-transition:margin 0.5s;height: auto;/* overflow: auto; */padding: 200px 0 0 0;}


.cover {/* position:relative; *//* height:350px; *//* width:100%; */ /* background:#f2f2f2 no-repeat center center; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-position: center center; -webkit-animation: none;}
  .cover:before {content:"";background: #999;position: absolute;left: 0;right: 0;top: 0;bottom: 0px;opacity: 0.7;}
  .cover:after {content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:url(img/cover-overlay.png);}
  .cover .container {/* position:relative; */height: 100%;margin-top:0;}
  .cover h1 {position:absolute;bottom: 30px;color:white;width: 90%;z-index:2;text-shadow:0px 1px 1px rgba(0,0,0,0.3);overflow: hidden;/* background: rgba(118, 184, 83, 0.8); */font-size: 26px;line-height: 36px;letter-spacing: 1px;font-weight: 900;}
  .cover h1 textarea {border:none;background:none;margin:0;padding:0;font:inherit;height:auto;min-height:40px;height:40px;text-shadow:0px 1px 1px rgba(0,0,0,0.3);color: white;background: rgba(0,0,0,0.1);/* WIDTH: 570px; */}
  .cover .info {display:none;}
  .cover .head-usuario {color:white;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.27);}
  .cover.noimg .info {display:block;position:absolute;left: 50%;top: 40%;margin: -20px 0 0 50px;}
  .cover.noimg:after {display:none;content: "\f0ee"; font-size: 32px;font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 6px; left: 12px;}
  .upload-img {pointer-events: none; }
    .cover.noimg h1 {color:#aeaeae;text-shadow:none;}
  .cover.noimg h1 textarea {text-shadow:none;}
  .cover.noimg .head-usuario {text-shadow:none;color:auto;}

  .cover.cat-1 {background-image:url(img/cat-1.jpg);}
  .cover.cat-2 {background-image:url(img/cat-2.jpg);}
  .cover.cat-3 {background-image:url(img/cat-3.jpg);}
  .cover.cat-4 {background-image:url(img/cat-4.jpg);}
  .cover.cat-5 {background-image:url(img/cat-5.jpg);}
  .cover.cat-6 {background-image:url(img/cat-6.jpg);}
  .cover.cat-7 {background-image:url(img/cat-7.jpg);}
  .cover.cat-8 {background-image:url(img/cat-8.jpg);}
  .cover.cat-9 {background-image:url(img/cat-9.jpg);}
  .cover.cat-10 {background-image:url(img/cat-10.jpg);}
  .cover.cat-11 {background-image:url(img/cat-11.jpg);}
  .cover.cat-12 {background-image:url(img/cat-12.jpg);}


aside {position:absolute;z-index:99;right: 0;width:200px;background: #E5E5E5;/*overflow-x:hidden;*/transition:right 0.5s;padding: 0;}
  aside .sect {padding: 16px;width:auto;height:auto;overflow:visible;border-bottom: solid 2px #D9D9D9;}
  .sect h1 {font-size:14px;color: #626262;padding: 0;margin: 0 0 15px;white-space: nowrap;letter-spacing: 0.5px;}
  .sect ul {padding:0px;list-style: none;color: #7A7A7A;overflow:visible;}
  .sect li {padding:0 0 0 20px;margin:8px 0 0;position:relative;overflow:visible;}
  .sect li i.fa {font-size:17px;}
  .sect li .bullet {position:absolute;left:-5px;top:5px;text-align:center;width:20px;}
  aside a {color: #A8A8A8;/* text-decoration: underline; */}
  aside a:hover {color: #2D2D2D;}
  .cover+aside{margin-top:45px;}
  .sect label {color: #565656;font-weight: 600;margin:0;text-transform: uppercase;font-size: 80%;letter-spacing: 0.7px;}
  .sect input {display:block;width:100%;margin:0 0 5px;color: #333;}
  .sect .select {display:block;width:100%;margin:0 0 5px;}
  .sect .btn {margin: 0 0 15px;}
  .sect .texto {clear: both; color: #FFF; font: inherit; margin: 0; text-align: left; font-size: 90%;}
  .sect .texto a {text-decoration:underline;}
  .sect .btn.primary {padding:20px 0;}

  .container .sect {clear:both;width: auto;height: auto;overflow: auto;}


footer {padding: 30px 0 90px 0;margin:45px 0 0 200px;color:#a3a3a3;/* border-top:solid thin #cccccc; *//* min-width:824px; */transition:margin 0.5s;/* background: #E5E5E5; */opacity: 0.8;}
  footer.negro {background:#303030;color:#ccc;}
  footer .container {margin-top:0;}
  .signalogo {float:right;margin: 20px 0 0;opacity: 0.3;height: 50px;transition: opacity 1s;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-o-transitio: opacity 1s;-ms-transition: opacity 1s;}
  .signalogo:hover {opacity:1;}
  .footerlogo {float:left;margin:15px 35px 0 0;width:5em;}
  footer p {margin:15px 0 0;line-height:1.7em;}
  footer a:hover {color:#777;}






/* SECCIONES */



/* landing.php */

.pag-landing {margin:0;padding:0;}
  
  .fullheight {min-height:500px;}
  .pag-landing section {margin:0;}
  .pag-landing footer {padding:25px 0 40px 0;margin:0;}
  .pag-landing .container {margin-top:0;position: relative;height: 100%;}

  .pag-landing h1 {color:#999;font-size:30px;font-weight:300;text-align:center;margin: 35px 0 25px;font-weight: 800;}
  
  #landing1 {background:url(img/landing-bg.jpg);background-size:1280px 967px;color:#fff;margin:0;animation:landing 30s linear infinite;}
    @keyframes landing {
      from {background-position:0px 0px;}
      to {background-position:0px -967px;}
    }
    #landing1 .accesos {position: absolute;z-index:2;width: 730px;height:300px;margin: -230px 0 0 -365px;text-align:right;top: 50%;left: 50%;}
    #landing1 .accesos a {margin-left:20px;/* font-size: 16px; */background: white;color: #A21D22;border-radius: 3px;padding: 0.5em 1em;}
    #landing1 #intro {position: absolute;padding: 93px 0 40px;font-size:18px;left: 0;right: 0;top: 50%;height: 336px;margin-top: -180px;}
    .activar #landing1 #intro {height: 230px}
    /*#landing1 #intro:after {content:"...o hacé scroll para aprender cómo funciona";position: absolute;bottom:-75px;color: #F6FFF0;left:0;right:0;text-align:center;letter-spacing: 0.5px;}*/
    #landing1 #intro img.logo {position:absolute;left:0;top:-100px;height:7.5em;}
    #landing1 #intro p {color:white;font-size: 20px;text-align: justify;}
    #landing1 #intro .btn {position:absolute;background:white;color: #A21D22;border:none;font-size: 20px;padding: 10px 0;width: 150px;bottom: 0;left: 50%;margin: 0 0 -25px -75px;transition:transform 0.1s;-webkit-transition:-webkit-transform 0.1s;-moz-transition:-moz-transform 0.1s;-ms-transition:-ms-transform 0.1s;-o-transition:-o-transform 0.1s;}
    #landing1 #intro .btn:hover {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
    #landing1 #intro .btn:active {transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);}
    .b_bajar {position:absolute;opacity:0.7;bottom:-4em;left:50%;margin:0 0 0 -32px;}
    .b_bajar:hover {opacity:1;}

  #landing2 {}
  #landing2 .pasos {height: auto; line-height: 18px; /* margin: 0 0 0 -92.5px;*/ text-align: center; width: 920px; }
  #landing2 .paso {display: inline-block; margin: 0 2%; text-align: justify; width: 26%; }
  #landing2 .paso span {background: none repeat scroll 0 0 #D1D1D1; border-radius: 25px; color: #fff; display: block; font-size: 25px; font-weight: bold; height: 50px; line-height: 50px; margin: 0 auto 20px; text-align: center; width: 50px;}
  #landing2 h1 {color: #999; font-size: 42px;  margin: 50px 0; text-align: center; }
  #landing2 img {margin: 25px 0 50px; }

  a.playstore {opacity:0.8;background:#000;padding:0.8em 1em;color:#eee;border-radius:0.4em;
    display:inline-block;background:url(img/appstore.png);background-size:cover;width:10em;background-color:#000;}
  a.playstore:hover {opacity:1;}
a.appstore {opacity:0.8;background:#000;padding:0.8em 1em;color:#eee;border-radius:0.4em;letter-spacing:0.05em;display:inline-block;
  background:url(https://play.google.com/intl/en_us/badges/images/apps/es-419-play-badge.png);
  background-size:cover;width:10em;background-color:#000;}
a.appstore:hover {opacity:1;}

ul.mod-stores {position:absolute;bottom: 40px;list-style-type: none;text-align: center;right: 0;left: 0;margin: 0;
  padding: 0;}
ul.mod-stores li {display: inline-block; width: 160px;margin-top: 10px;}
.swiper-pagination-bullet-active{background: #a00 !important;}
.swiper-pagination-bullet {    height: 20px !important;
  width: 20px !important;}
section#slides {height:100vh;position:relative;}
  .intro {position:absolute;width:100%;height:75vh;overflow:visible;top:60%;left:0;/*transform:translateY(-50%);*/}
  .intro-slide {opacity:0;width:100%;position:absolute;pointer-events:none;left:100%;transition:left 0.5s, opacity 0.5s;-webkit-transition:left 0.5s, opacity 0.5s;-moz-transition:left 0.5s, opacity 0.5s;-ms-transition:left 0.5s, opacity 0.5s;}
  .intro-slide.on {left:0%;opacity:1;}
  .intro-slide.off {left:-100%;}
  .intro-i {position:relative;left:50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);-moz-transform:translatex(-50%);-ms-transform:translatex(-50%);}
  .intro-slide p {    font-size: 18px;
    margin: 2em auto 60px;
    text-align: center;
    max-width: 600px;
    padding: 0 15px;}
  

  #intro-1 .intro-i {width:456px;height:500px;background:url(img/intro/01-bg.png) no-repeat center center;}
  #intro-1 .intro-switch {position:absolute;left:55%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-webkit-transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-moz-transform:translate(-50%,-50%) scale(0);-moz-transition:-moz-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-ms-transform:translate(-50%,-50%) scale(0);-ms-transition:-ms-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);}
  #intro-1 .intro-switch.on {transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);}
  #intro-1 .intro-switch.off {}
  #intro-1 .intro-switch:nth-child(1) {left:50%;}
  
  #intro-2 .intro-i {width:502px;height:452px;background:url(img/intro/02-bg.png) no-repeat center center;}
  #intro-2 .intro-stag {position:absolute;transform-origin:bottom center;transform:scale(0);transition:transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-webkit-transform-origin:bottom center;-moz-transform:scale(0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-webkit-transform-origin:bottom center;-moz-transform:scale(0);-moz-transition:-moz-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-webkit-transform-origin:bottom center;-moz-transform:scale(0);-ms-transition:-ms-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);}
  #intro-2 .intro-stag.on {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);}
  
  #intro-3 .intro-i {width:420px;height:424px;background:url(img/intro/03-bg.png) no-repeat center center;}
  #intro-3 .intro-switch {position:absolute;left:50%;top:37%;opacity:0;transform:translate(-50%,-20%);transition: transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51), opacity 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-webkit-transform:translate(-50%,-20%);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51), opacity 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-moz-transform:translate(-50%,-20%);-moz-transition: -moz-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51), opacity 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-ms-transform:translate(-50%,-20%);-ms-transition: -ms-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51), opacity 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);}
  #intro-3 .intro-switch.on {opacity:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
  #intro-3 .intro-switch.off {transform:translate(-50%,-80%);-webkit-transform:translate(-50%,-80%);-moz-transform:translate(-50%,-80%);-ms-transform:translate(-50%,-80%);}
  
  #intro-4 .intro-i {width:228px;height:494px;background:url(img/intro/04-bg.png) no-repeat center center;}
  #intro-4 .intro-stag {position:absolute;transform-origin:bottom center;transform:scale(0);transition:transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-webkit-transform-origin:bottom center;-webkit-transform:scale(0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-moz-transform-origin:bottom center;-moz-transform:scale(0);-moz-transition:-moz-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);-ms-transform-origin:bottom center;-ms-transform:scale(0);-ms-transition:-ms-transform 0.5s cubic-bezier(0.31, 0.26, 0.21, 1.51);}
  #intro-4 .intro-stag.on {transform:scale(1);}

  .intro-bullets {text-align:center;position:absolute;bottom:0;left:0;right:0;}
  .intro-bullets span {cursor:pointer;width:1em;height:1em;background:#ccc;border-radius:1em;display:inline-block;margin:0 0.5em;transition:background 0.2s;}
  .intro-bullets span:hover {background:#666;}
  .intro-bullets span.on {background:#c00 !important;pointer-events:none;}

  

  #frases {background:#a00;height:33vh;min-height:20em;}
  .frase {position:absolute;width:80%;left:50%;top:100%;pointer-events:none;transform:translate(-50%,-50%);transition:top 0.5s,opacity 0.5s;opacity:0;}
  .frase.on {opacity:1;top:50%;}
  .frase p {color:#fff;width:auto;font-size:150%;text-align:center;}
  .frase p.by {font-size:120%;opacity:0.5;}



  #landing3 {background:url(img/stats-bg.gif);padding-bottom:30px;}
    .stats {position:relative;height:250px;margin: 0 5px;z-index: 2;zoom: 1.2;}
    .stats .stat {position:relative;background:#e9e9e9;color:#999;width:190px;height:190px;border-radius:95px;font-size:18px;text-align:center;line-height: 20px;padding: 0 30px;margin-top:40px;}
    .stats .stat strong {font-size:75px;display:block;margin: 65px 0 30px;}
    .stats .stat.center {position:absolute;z-index:1;margin-top:0;left:50%;margin-left:-130px;background:none;color:#a8ff7a;width:260px;height:260px;border-radius:0;}
    .stats .stat.center strong {font-size: 115px; margin: 105px 0 40px; letter-spacing: -5px;}
    .stats .stat-center-bg {position:absolute;z-index:0;left:50%;margin-left:-130px;width:260px;height:260px;background:url(img/stat-bg.png); -webkit-animation: spin 50s infinite linear; -moz-animation: spin 50s infinite linear; -o-animation: spin 50s infinite linear; animation: spin 50s infinite linear;}
    @-moz-keyframes spin {0% {-moz-transform: rotate(0deg); } 100% {-moz-transform: rotate(359deg); } } @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); } } @-o-keyframes spin {0% {-o-transform: rotate(0deg); } 100% {-o-transform: rotate(359deg); } } @-ms-keyframes spin {0% {-ms-transform: rotate(0deg); } 100% {-ms-transform: rotate(359deg); } } @keyframes spin {0% {transform: rotate(0deg); } 100% {transform: rotate(359deg); } }
      #landing3 .nyds {width: 770px;margin-left: -10px;z-index: 1;}
      #landing3 .nyd-tit {border-bottom:solid thin #bbb;color:#999;text-align:left;margin: 10px 25px 20px 0;font-size: 19px;}
      #landing3 .nyd-tit i {float:right;font-size: 17px;margin: 5px 0 0;}
      #landing3 .nyd {background:white;}
      #landing3 .nyd h1 {color:#333;font-size:18px;font-weight:bold;text-align:left;margin:5px 10px 10px;height:auto;}
  
  #landing4 {position:relative;background: #E0F1D7;}
    #landing4 canvas {position:absolute;bottom:0;top:0;left:0;right:0;width:100%;height:100%;}
    #landing4 footer {position:absolute;bottom:0;width:100%;border:none;}
    #landing4 h1 {color: #FFF;position:absolute;top: 52%;margin-top: -390px;width: 100%;}
    .parti {border-radius:3px;background: #FFFFFF;color: #374630;padding: 20px 50px 40px;width:auto;height:auto;overflow:auto;position:absolute;top:53%;margin-top: -350px;}
    .parti .texto {margin: 1em;color: #9E9E9E;text-align:center;}
    .parti .col {font-size: 80%;float:left;width: 337px;/* border: solid thin red; */padding: 0 30px;margin: 30px -20px 0;}
    .parti .col+.col {margin-left:20px;border-left: solid thin #ddd;}
    .parti .col-tit {border-bottom: solid thin #374630;}
    .parti .col-medio,.parti .col-tercio {position:relative;display:block;border-bottom:solid thin #97b886;transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;}
    .parti .col-medio {height:100px;line-height:100px;padding-left:10px;}
    .parti .col-medio:hover {background:#D5EBC4;}
    .parti .col-tercio {height:66px;line-height:60px;}
    .parti .col-tercio:hover {background:#D5EBC4;}
    .parti .col-tercio.col-fb {color: rgb(79, 79, 158);border-bottom-color: rgb(146, 146, 179);background: rgb(225, 233, 245);}
    .parti .col-tercio.col-fb:hover {background: rgb(214, 224, 238);color: rgb(56, 56, 129);}
    .parti .col-tercio i {font-size: 36px;position:relative;top: 10px;width: 70px;text-align: center;margin-left: 20px;}
    .parti .acceso {text-align: center; font-size: 20px; display: block; background: #305891; color: #fff; border-radius: 5px; padding: 1em 0; margin: 0 15%; opacity: 0.9; transition: opacity 0.2s; }
    .parti .acceso i {}
    .parti .acceso:hover {opacity: 1; }
    .parti .col .acceso {margin:0;border:none;padding: 0 0 10px;font-size: 18px;text-align: left;background: none;color: #648954;}
    .parti .col .texto {text-align:left;font-size: 110%;}
    #landing4 .addthis_toolbox {/* position:absolute; *//* right:0px; *//* top:35px; *//* width: 175px; */}
    .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {padding: 0 1px; }



/* registro.php, login.php, logout.php */

.pag-landing {margin:0;padding:0;}
  
  .fullheight {min-height:500px;}
  .pag-landing section {margin:0;position: relative;padding: 0;}
  .pag-landing section#contacto {background:#f7f7f7;padding:20px 0 90px;}
  .pag-landing footer {padding:25px 0 40px 0;margin:0;}
  .pag-landing .container {margin-top:0;position: relative;height: 100%;}
  
  #loginout {background:url(img/landing-bg.jpg) no-repeat center center;background-size: cover;color: #AAAAAA;margin:0;}
    #loginout .accesos {position: absolute;z-index:2;width: 490px;height: 40px;margin: -250px 0 0 -245px;text-align:right;top: 50%;left: 50%;}
    #loginout .accesos a {margin-left:20px;color: white;}
    #loginout .accesos a.left {float:left;margin:0;}
    .intro_facebook{background: #FFFFFF !important;padding: 30px 70px 40px !important;}
    #loginout #intro {position: absolute;padding: 70px 70px 50px;/* background:#7cbb5b; */background: rgb(255, 255, 255);/* border:solid thin #93d86d; */font-size:18px;left: 0;right: 0;top: 50%;margin: -210px 125px 0;}
    #loginout #intro input {margin-bottom:5px;width:100%;}
    #loginout #intro input.medio {width:49%;}
    #loginout #intro input.medio+input.edio {float:right;}
    #loginout #intro img {position:absolute;left:50%;top: -1.2em;margin: -30px;width: 60px;}
    #loginout #intro p.extra {color: #264b13;font-size: 15px;text-align: center;margin:20px 0 0;padding:0;height:0;overflow:visible;}
    #loginout #intro p.mini {color: #BFBFBF;font-size: 14px;text-align: center;margin:5px 0;padding:0;}
    #loginout #intro p.mini a {text-decoration:underline;}
    #loginout #intro .btn.fb {background: rgb(71, 71, 187);color: rgb(211, 211, 255);}
    #loginout #intro .btn.fb:hover {background: rgb(46, 46, 173);color: rgb(247, 247, 255);}
    #loginout #intro .alert {display:none;background:#bcff98;/*position:absolute;*/padding: 14px;color: #264b13;text-align:center;width: 100%;left: 10%;border-radius: 0;}
    #loginout #intro .mensaje {color:#264b13;text-align: center;margin: 20px -20px 0;}
    #loginout #intro .mensaje-icono {color: #40682B;text-align: center;font-size: 90px;display: block;}
    #loginout #intro .mensaje img {position:relative;display:inline-block;float:none;margin:0;top:-10px;left:auto;}
    #loginout label {display: block; font-weight: 100; font-size: 15px; text-align: center; }
    #loginout #intro input[type="checkbox"] {width: auto; margin: 0 10px 0 0; }
    
/* index.php */

.actividades .act-grupos{
  position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    border-bottom: solid 1px #eee;
    opacity: 0.9;
    margin-bottom: -6px;
    /*    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;*/
}
.actividades .act-grupos h1{
  /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
   -ms-word-break: break-all;
   word-break: break-all;

   /* Non standard for webkit */
   word-break: break-word;

   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
.act-grupos:active {background-color: #E8E7E7;;}
.abrir_grupo,.nuevo_proyecto {
    z-index: 9999999999998 !important;
    width: 100% !important;
    height: 100%;
    position: fixed;
    overflow: auto;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
    right: -100%;
    pointer-events: none;
    top: 0;
    background-color:#fff; 
}
.abrir_grupo.on,.nuevo_proyecto.on{
   right:0 !important;
    pointer-events: all;
    }

.actividades {margin-bottom:65px;}
  .actividades .act {position:relative;display:block;padding: 15px 20px 25px 80px;border-bottom: solid 2px #eee;opacity:0.9;margin:0 0 10px;}
  .actividades .act .act-img {position:absolute;left:0;border-radius:3px;border:solid thin #ccc;top:0;left:0;}
  .actividades .act-usuario .act-img {border-radius:24px;}
  
  .actividades .act .act-i {position:absolute;font-size:22px;top:0;left:0;margin: 36px;text-shadow: -1px 0px 1px #fff,0px -1px 1px #fff;pointer-events: none;color: #8ED06B;}
  .actividades .act .texto {color:#444;margin: 0;}
  .actividades .act:hover {opacity:1;}
  .nonotif {font-style:italic;font-size:24px;padding:50px 0;opacity:0.5;pointer-events:none;text-align: center;}

.nyds {width:755px;}
  .nyd {float:left;margin:0 20px 30px 0;width: 720px;top:0;position:relative;transition:top 0.2s, box-shadow 0.2s;-webkit-transition:top 0.2s, box-shadow 0.2s;-moz-transition:top 0.2s, box-shadow 0.2s;-ms-transition:top 0.2s, box-shadow 0.2s;-o-transition:top 0.2s, box-shadow 0.2s;}
  .nyd:hover {top:-5px;box-shadow:0 5px 5px #ddd;}
  .nyd-1 {width: 235px;}
  .nyd-2 {width: 465px;}
  .nyd .nyd-cover {height:175px;background:#ccc center center;background-size:cover;}
  .nyd h1 {font-size:22px;overflow:hidden;height: 50px;margin: 10px 0 5px;}
  .nyd .nyd-foot {border-bottom:solid thin #ccc;white-space: nowrap;overflow:hidden;position: relative;color: #676767;text-overflow: ellipsis;padding-right: 60px;}
  .nyd .nyd-foot .pull-right {position: absolute;right: 0;}

.tabs {margin-bottom: 20px; clear: both; height: auto; /* width: 720px; */  overflow: auto;position: relative; z-index: 1;border-bottom: solid 2px #4C4C4C;margin-right: 20px; cursor: pointer;}
  .tab {float: left; margin: 0 0px 0px 0; position: relative;z-index: 9;padding: 15px;width: 33.3%;border: none;height: 46px;color: #4C4C4C;/* letter-spacing: 2px; */}
  .tab.active {color: #FFF;  pointer-events:none;background: #4C4C4C; cursor: default;}
  /*.tab:hover {color: #3BA602; border-color: #999;cursor:pointer;background: #f9f9f9;}*/
  .tab-content {display:none;clear:both;}
  .tab-content.active {display:block;}
  .notifnum {background: #B92025; color: white; margin: 0 5px; border-radius: 20px; text-align: center; width: 30px; display: inline-block; height: 30px; margin-top: -14px; line-height: 30px;}

.descubrir {}
  .descubrir .dest {height: 240px; float: left; margin-right: 15px; background: #F5F5F5; margin-bottom: 15px; background-size: cover; display: block; position: relative; background-position: center center;border: solid 2px #ECECEC;}
  .descubrir .dest:before {content:"";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgba(252, 252, 252, 0.5)),  color-stop(0.8, rgba(252, 252, 252, 0.9)) ); background-image: o-linear-gradient(to bottom, rgba(252, 252, 252, 0.5) 0%, rgba(245, 245, 245, 0.9) 81%); background-image: -moz-linear-gradient(to bottom, rgba(252, 252, 252, 0.5) 0%, rgba(245, 245, 245, 0.9) 81%); background-image: -webkit-linear-gradient(to bottom, rgba(252, 252, 252, 0.5) 0%, rgba(245, 245, 245, 0.9) 81%); background-image: -ms-linear-gradient(to bottom, rgba(252, 252, 252, 0.5) 0%, rgba(245, 245, 245, 0.9) 81%); background-image: linear-gradient(to bottom, rgba(252, 252, 252, 0.5) 0%, rgba(245, 245, 245, 0.9) 81%);}
.descubrir .dest:hover:before {background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgba(145, 208, 112, 0.5)),  color-stop(0.8, rgba(145, 208, 112, 0.9)) ); background-image: -o-linear-gradient(to bottom, rgba(120, 186, 85, 0.5) 0%, rgba(145, 208, 112, 0.9) 81%); background-image: -moz-linear-gradient(to bottom, rgba(120, 186, 85, 0.5) 0%, rgba(145, 208, 112, 0.9) 81%); background-image: -webkit-linear-gradient(to bottom, rgba(120, 186, 85, 0.5) 0%, rgba(145, 208, 112, 0.9) 81%); background-image: -ms-linear-gradient(to bottom, rgba(120, 186, 85, 0.5) 0%, rgba(145, 208, 112, 0.9) 81%);
  background-image: linear-gradient(to bottom, rgba(166, 166, 166, 0.49) 0%, rgba(47, 47, 47, 0.9) 81%);} .descubrir .dest.blog:before {content:"";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: none;     background: #f9f9f9;opacity: 0.3;}
  .descubrir .dest.blog:hover:before {opacity: 0;}
  .descubrir .dest.corto {width: 38%; }
  .descubrir .dest.largo {width: 57%; }
  .descubrir .dest.tw {background-image: url(img/dest-tw.jpg); }
  .descubrir .dest.fb {background-image: url(img/dest-fb.jpg); }
  .descubrir .dest.tw:hover:before {background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgba(145, 208, 112, 0.5)),  color-stop(0.8, rgba(145, 208, 112, 0.9)) ); background-image: -o-linear-gradient(to bottom, rgba(114, 198, 234, 0.49) 0%, rgba(114, 198, 234, 0.9) 81%); background-image: -moz-linear-gradient(to bottom, rgba(114, 198, 234, 0.49) 0%, rgba(114, 198, 234, 0.9) 81%); background-image: -webkit-linear-gradient(to bottom, rgba(114, 198, 234, 0.49) 0%, rgba(114, 198, 234, 0.9) 81%); background-image: -ms-linear-gradient(to bottom, rgba(114, 198, 234, 0.49) 0%, rgba(114, 198, 234, 0.9) 81%); background-image: linear-gradient(to bottom, rgba(114, 198, 234, 0.49) 0%, rgba(114, 198, 234, 0.9) 81%);}
  .descubrir .dest.fb:hover:before {background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgba(145, 208, 112, 0.5)),  color-stop(0.8, rgba(145, 208, 112, 0.9)) ); background-image: -o-linear-gradient(to bottom, rgba(113, 147, 200, 0.49) 0%, rgba(113, 147, 200, 0.9) 81%); background-image: -moz-linear-gradient(to bottom, rgba(113, 147, 200, 0.49) 0%, rgba(113, 147, 200, 0.9) 81%); background-image: -webkit-linear-gradient(to bottom, rgba(113, 147, 200, 0.49) 0%, rgba(113, 147, 200, 0.9) 81%); background-image: -ms-linear-gradient(to bottom, rgba(113, 147, 200, 0.49) 0%, rgba(113, 147, 200, 0.9) 81%); background-image: linear-gradient(to bottom, rgba(113, 147, 200, 0.49) 0%, rgba(113, 147, 200, 0.9) 81%);}
  .descubrir .dest.blog {width: 97%; background-image: url(img/dest-blog.jpg); }
  .descubrir .caption {bottom: 0; position: absolute; padding: 15px; font-size: 18px; line-height: 22px;  }
  .descubrir .caption .estado {display: block; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; color: #4C4C4C; letter-spacing: 1px;  }
  .descubrir .dest.blog .caption {color: #4C4C4C; text-align: center;position: static;margin: 120px 20px 0;font-size: 22px;}
  .descubrir .dest.blog:hover .caption {color: #2A2A2A; }
  .descubrir .dest:hover .caption {color: white; }
  .descubrir .dest:hover .caption .estado {color: #EFEFEF; }

.opiniones {}
  #opinion-upload {position: static; width: auto;height: auto;overflow: auto;}
  #opinion-upload input,#opinion-upload .btn {margin:0 1% 0 0;float:left;width:49%;}
  #opinion-upload h2 {margin:100px 0 10px;}
  .opinion {}
  .opinion img {width:100%;margin-bottom: 20px;}
  .opiniones a {display:block;font-size:120%;margin: 20px 0;border-bottom: solid thin #eee;padding: 0 0 20px;text-align: center;color: #666;cursor: pointer;}
  .opiniones a:hover {color:#000;}

/* buscar.php */

.container.resultados {/* border-bottom:solid thin #ccc; */}
  .container.resultados:last-child {border-bottom:none;margin-bottom:0;}
  .container.resultados h2 {margin:37px 0 70px;}
  .container.resultados .pag {margin:37px 0 0;}
  .container.resultados .pag-bottom {margin:10px 0 60px;}
  .container.resultados:last-child .pag-bottom {margin:10px 0 20px;}

  #clearfiltros {display: block;text-align: center;}

.noresult {background:#f2f2f2;color:#bbb;text-align:center;padding:100px 0;border-radius:3px;font-size:20px;margin-bottom:45px;}
  .noresult i {margin-right:10px;}

.usuario {display:block;position:relative;color:#999;opacity:0.9;margin:0 0 60px;}
  .usuario:hover {opacity:1;}
  .usuario-img {float:left;border-radius:70px;}
  .usuario h1 {font-size:26px;color:#000;padding: 10px 0 0 70px;font-variant: small-caps;}
    .usuario h1 span {font-size:20px;color:#888;margin-left:20px;}
  .usuario .resumen {clear:both;font-size:18px;margin: 20px 0 15px;color:#6BB83F;}
  .usuario-foot {border-bottom:solid thin #ccc;padding:0 0 5px;}
  .usuario:hover .usuario-foot {border-bottom:solid thin #aaa;}
  .usuario.sinresumen h1 {padding: 0 0 0 70px;margin: 0;}
  .usuario.sinresumen .resumen {display:none;}
  .usuario.sinresumen .usuario-foot {padding:0 0 5px 70px;}

.art {display:block;position:relative;color:#999;opacity: 0.8;margin:0 0 60px;border: solid 2px #ddd;background: #f6f6f6;padding: 0 1em;cursor: pointer;}
  .art:hover {opacity:1;}
  .art h1 {font-size: 22px;color:#000;text-transform: uppercase;letter-spacing: 0px;margin: 1em 0 0.3em;}
  .art .resumen {clear:both;font-size:18px;margin: 0px 0 20px;color:#6BB83F;}




/* proyectos.php */

.proyecto {display:block;position:relative;border:solid 2px #ddd;color:#999;opacity: 0.9;margin: 0 0 40px;clear: both;transition: opacity 0.2s;/* cursor: pointer; */}
  .proyecto:hover {opacity:1;}
  .proyecto.siguiendo:before {content:"\f02e";color:#6BB83F;font-size: 20px;position:absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;top: 4px;left: -35px;}
  .proyecto h1 {font-size:22px;color:#000;}
    .proyecto h1 span {border:solid thin #aaa;color:#aaa;font-weight:normal;text-transform:uppercase;padding: 0 5px;background:none;font-size: 15px;border-radius: 3px;letter-spacing: -1px;margin: 0 5px;}
  .proyecto .resumen {font-size:18px;padding: 15px 30px;color: #616161;margin: 0;transition: color 0.2s;}
  .proyecto:hover .resumen {color: #393939;}
  .proyecto-head {height: auto; display: block; min-height: 120px; padding: 50px 25px 15px; color: #282828; background: #eee;position:relative; transition: background 0.2s, color 0.2s;}
  .mensajes .proyecto-head {padding: 10px 25px 15px; min-height: 70px;}
  .mensajes .proyecto-head li {float: left;display: block;margin: 0;}
  .mensajes .proyecto-head h1 {padding: 10px 0;}
  .proyecto:hover .proyecto-head {
    background: #393939;
    color: #fff;
}
  .proyecto-head ul {margin:0;list-style:none;padding:0;position: relative;}
  .proyecto-head ul li {padding:0;margin:0;display:inline-block;margin: 0 10px 0 0;}
  .proyecto-head h1 {color: inherit;vertical-align:bottom;padding: 0 0 10px;margin:0;position: relative;letter-spacing: 0.7px;font-size: 150%;font-weight: 500;}
  .proyecto:hover .proyecto-head h1 {text-shadow:0px 1px 1px #3A4F36;}
  .proyecto-head .bg {background-size:cover;background-position:center center;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 0;opacity: 0.2;}
  .proyecto-foot {padding:0 0 5px;background: #f6f6f6;}
  .proyecto-foot .ampliar {width:100%;border: solid 2px #D9D9D9;border-top: 0;background: #393939;color: #FFFFFF;padding: 1em 0px;margin:0 -2px -7px;box-sizing: content-box;transition: background 0.2s, border 0.2s;display: block;text-align: center;}
  .proyecto:hover .proyecto-foot .ampliar {background: #393939;border-color: #D9D9D9;}
  input.pp {width: 40%;position: relative;text-align: center;float: left;}
  span.pp {color: #3a7e15;position: relative;top: 5px;left: 10px;}
  .resumenproyecto {border-bottom: solid thin #EEE;padding: 0 0 30px;}


/* proyecto.php */

.pstatus {color: #181818;text-align:center;margin: 20px 0 25px;}
  .pstatus strong {display:block;font-size: 18px;text-transform: uppercase;letter-spacing: 2px;}

.pnews {display:block;color:#d9ffc5;border-top: solid thin #95dd70;margin: 10px 0 5px;padding: 5px 0;}
  .pnews:hover {color:#fff;}
  .pnews i {display:block;}
  .pnews .pull-right {position:relative;top:4px;}

.pcifras {color: #393939;background: #CDCDCD;/* border: solid thin #a1eb7b; */border-radius:5px;position:relative;width:170px;left:-3px;height:auto;overflow:hidden;text-align: center;padding:8px 0;font-size: 14px;}
  .pcifra {color: #121212;float:left;width:48%;text-align: center;letter-spacing: 1px;margin: 8px 0 0;font-size: 10px;text-transform: uppercase;}
  .pcifra strong {display:block;color: #393939;font-size:36px;line-height: 20px;margin-bottom: 9px;}

.curva {background: #D5D5D5;width:100%;height:70px;margin: 15px 0 26px;position:relative;}
  .curva span {position:absolute;font-size:12px;bottom:-20px;pointer-events:none;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;}
  .curva .ini {left:0;}
  .curva .fin {right:0;}
  .curva .pos {left:50%;opacity:0;width: 50px;text-align: center;display: block;margin-left: -25px;}
  .curva .pos:before {content:"";position:absolute;border-left: solid thin #a1eb7b;height: 85px;top: -88px;left: 24px;}
  .curva .fin:before {content:"";position:absolute;border-left: solid thin #a1eb7b;height: 85px;top: -88px;left: 27px;}
  .curva:hover .ini,.curva:hover .fin{opacity:0;}
  .curva:hover .pos{opacity:1;}

.btn.btn-voto {border-radius:0;margin:0;}
.btn.btn-voto.voto-top {border-radius:4px 4px 0 0;margin:5px 0 0;}
.btn.btn-voto.voto-bottom {border-radius:0 0 4px 4px;}
.btn.btn-voto.voto-top.off {border-bottom:none;}
.btn.btn-voto.voto-bottom.off {border-top:none;}

.com {position:relative;/* min-width:450px; */transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;}
  .com.on {}
    .com.on .user>img {position:relative;}
    .com.on .user>img:after {content:"";border:solid 2px #76b853;border-radius:26px;top:0px;bottom:0px;left:0px;right:0px;}
    /*.com.on .com-foot {border-bottom:solid thin #509e27;}*/
    .com.on .com-foot strong {color:#38A300;}
    .com.on .texto {color: #38A300;}
  .com.off {opacity:0.5;margin-bottom: 25px;}
    .com.off:hover {opacity:0.8;cursor:pointer;}
    .com.off .texto {border-bottom:solid thin #ccc;overflow:hidden;height: 80px;padding: 15px 0 0;}
    .com.off .texto p {margin-right: 50px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom: 50px;}
    .com.off .com-foot {display:none;}
    .com.off .com-replies {display:none;}
  .com .user {position:absolute;top: 0px;left: 0px;}
  .com .texto {font-size:15px;margin: 0 0 0 70px;}
  .com-foot {border-bottom:solid thin #ccc;text-align: right;padding: 0 0 5px;margin: 0 0 0 70px;}
    .com-foot .perma {float:left;font-size:15px;color:#aaa;}
    .com-foot .perma:hover {color:#777;}
    .btnmini-left {border-radius:3px 0 0 3px;}
    .btnmini-right {border-radius:0 3px 3px 0;margin-left: -3px;border-left:solid thin #ccc;}
    form.com .com-foot {padding:5px 0;margin-bottom:25px;border: none;}
  .com-replies {background:url(img/reply.png) no-repeat 30px 40px;padding:25px 0 0;}
    .com-replies .com {margin:0 0 0 70px;}
  .com-replies-min {background:url(img/reply.png) no-repeat 30px 40px;padding: 40px 70px;position:relative;margin: 0 0 25px;color: #999;}
  .com-replies-min:after {content:"";position:absolute;bottom:0;right:0;left:70px;border-bottom: solid thin #ccc;}
  .com-replies-min:hover {color: #666;cursor:pointer;}
 .c_destacado .texto {animation: nuevosComentarios 5s 1 linear; -webkit-animation: nuevosComentarios 5s 1 linear; -moz-animation: nuevosComentarios 5s 1 linear; -o-animation: nuevosComentarios 5s 1 linear; }
  
  @keyframes nuevosComentarios {from { background:#76B853; } to { background:transparent; } } 
  @-webkit-keyframes nuevosComentarios {from { background:#76B853; } to { background:transparent; } } 
  @-moz-keyframes nuevosComentarios {from { background:#76B853; } to { background:transparent; } } 
  @-o-keyframes nuevosComentarios {from { background:#76B853; } to { background:transparent; } }
.com .com .btn-responder {display:none;}

a.at300b .at4-icon, a.at300m .at4-icon {width: 50px !important; background-position: center; height: 50px; }

/* proyecto.edit.php */

.dz {position:absolute;bottom: 15px;left: 0px;width: auto;height: auto;cursor: pointer;z-index: 999;background: white;border-radius: 3px;transition: opacity 0.3s;}
  .pag-usuario .dz {left: 90px;bottom: 30px;}
  .pag-usuario .dz .btn {padding:6px 9px;}
  .pag-usuario .dz .btn i {margin:0;}
  .compacthead .encabezado .dz {opacity: 0;pointer-events: none;}
  .dz-preview {pointer-events:none;}
  .dz-message {display:none;}
  .dz-drag-hover:after {content:"";position:absolute;top:25px;bottom:25px;left:25px;right:25px;border:dashed 5px #fff;border-radius:10px;}
  .noimg .dz-drag-hover:after {border-color:#999;}
  .dz-details,.dz-success-mark,.dz-error-mark,.dz-error-message {display:none;}
  .dz-upload {left: 0 ;width:0%; opacity:1; position: absolute; background: rgba(255,255,255,0.5); top: 0; bottom: 0; transition: width 0.5s, opacity 0.5s;-webkit-transition: width 0.5s, opacity 0.5s;-moz-transition: width 0.5s, opacity 0.5s;-ms-transition: width 0.5s, opacity 0.5s;-o-transition: width 0.5s, opacity 0.5s;}
  .dz-upload.off {opacity:0 !important; left: 0;}
  .editor .texto {position:relative;}
  .wysihtml5-sandbox {height:100% !important;border: none !important;}
  .wysihtml5-sandbox.desarrollo,.wysihtml5-sandbox.referencias {/*border:solid 2px #ddd !important;*/}
  .wysihtml5-sandbox.desarrollo {border:solid 2px #ddd !important;}
  .wysihtml5-sandbox.desarrollo.error {border:solid 2px red !important;}


/* usuario.php */

.pag-usuario {}
  .pag-usuario .cover {background: #393939;}
  .pag-usuario .cover-img-wrap {position:absolute;z-index:1;top:-10px;bottom:0;left:-10px;right:-10px;overflow:hidden;}
  .pag-usuario .cover-img {position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;background:transparent no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;opacity:0.5;-webkit-filter:blur(10px);}
  .pag-usuario .cover:after {display:none;}
  .pag-usuario .cover h1 {left: 145px;color: #FFFFFF;font-variant: small-caps;font-size:36px;text-shadow:none;bottom: 50px;}
  .pag-usuario .cover span.puntos {position:absolute;left: 145px;bottom: 30px;color: #C5C5C5;width:100%;z-index:2;font-size:22px;}
  .pag-usuario .cover .container .usuario-img {position:absolute;right: auto;top: auto;z-index:2;width: 125px;height: 125px;left: 0px;bottom: 30px;transition: opacity 0.2s;}
  .compacthead .pag-usuario .cover .container .usuario-img {opacity:0;}
  input.darpts {width:30%;float:left;text-align:center;margin-right:5px;}
  .btn.darpts {width:65%;}
  .pag-usuario .resumen {margin-bottom:0;}
  .toggle-datos {color: #7A7A7A;/* border-bottom:solid thin #a1eb7b; */display:block;padding:5px 0;position:relative;}
    .toggle-datos i {position:absolute;left:auto;right:0px;top:10px;}



/* linea.php */

.container.timeline {margin:0 auto 70px;padding:45px 0 0 50px;border-left:solid 2px #e5e5e5;}
.timeline {}  
  .timeline .container {margin-left:0;width:482px;padding:0;}
  .timeline article {position:relative;}
  .timeline article+article {margin-top:45px;}
  .timeline article:before {font-family: FontAwesome; font-style: normal; font-weight: normal;border-radius:16px;width:32px;height:32px;background:#e5e5e5;color:#797979;font-size:17px;text-align:center;line-height:32px;position:absolute;top:0;left:-66px;}
  .timeline article.tl-post:before {content:"\f040";}
  .timeline article.tl-enmienda:before {content:"\f0c5";}
  .timeline article.tl-votacion:before {content:"\f087";}
  .timeline article.tl-creacion:before {content:"\f016";}
  .timeline article h1 {font-size:22px;line-height:25px;font-weight:normal;font-style:italic;margin:0;padding:0;color:#6CB442;}
  .timeline article h1 a {border-bottom:solid thin #B0D899;}
  .timeline article .texto {margin-top:20px;}
  .timeline article .wysihtml5-sandbox.texto {min-height:373px;}
  .timeline article .pull-right {color:#a1a1a1;}
  .timeline article h1 textarea {padding:0 70px 0 0;border:none;border-bottom:solid thin #ccc;min-height:0;height:24px;}
  .timeline article.editor .pull-right {position:absolute;right:0;}






/* info.php */

.accesos {height: 225px;margin-bottom: 20px;}
.accesos.mas-epp {height:220px;}
.accesos .acceso {width:232px;height:100%;border: solid 2px #ddd;display:block;float:left;text-align:center;background: #f6f6f6;overflow:hidden;opacity: 0.8;}
.accesos .acceso img {height:75px;margin:-5px 0 -10px;}
.accesos .acceso h1 {font-size: 160%; }
.accesos .acceso h1 em {font-style: normal; color: #62AB31; border: solid 2px #62AB31; border-radius: 50px; width: 60px; display: inline-block; height: 60px; line-height: 57px; font-weight: normal; margin: -7px 0; }
.accesos .acceso+.acceso {margin:0 0 0 19px;}
.accesos .acceso strong {font-size:22px;margin:30px;display:block;color:#333;}
.accesos .acceso .resumen {font-size: 18px;margin: 15px 15px 0;display:block;line-height: 20px;color: #62A53B;}
.accesos.mas-epp .resumen {line-height: 20px;letter-spacing: -0.2px;}
.accesos .acceso:hover {opacity: 1;}
.accesos .acceso:hover strong {color:#000;}

.tagcloud {background: url(img/tags-bg.jpg) repeat-y top center;width: 758px;padding: 20px 30px;height: auto;overflow: auto;text-align: center;margin: -20px 0 0px -10px;}
.tagcloud span {padding: 0px 7px;line-height:22px;display: inline-block;font-style: italic;cursor:pointer;border-radius: 30px;transition: transform 0.2s;}
.tagcloud span:hover {transform: scale(1.1);}
.t1 {color:#94db6f;font-size:16px;}
.t2 {color:#a8e289;font-size:18px;}
.t3 {color:#c3ecae;font-size:22px;}
.t4 {color:#def2d4;font-size:26px;}
.t5 {color:#fff;font-size:30px;}

.info-stats {margin-bottom: 50px;width:auto;height:auto;overflow:auto;}
.info-stats .stat, .info-stats .stat-big {float:left;font-size: 22px;width: 35.1%;padding: 20px 1%;border: solid 2px #ddd;background: #f6f6f6;margin: 0 4px 4px 0;}
.info-stats .stat-big {background: #76b853; color: #fff;line-height: 20px; text-align: center; width: 28%; padding: 13px 0 24px;border-color: #61A83B;}
.info-stats .stat-big strong {display: block; font-size: 610%; line-height: 110px; letter-spacing: -10px; }
.info-stats .stat {color: #424242; line-height: 22px; /* margin-left: 1%; */}
.info-stats .stat strong {display: block; float: left; font-size: 340%; line-height: 57px; margin: -7px 10px 0 0; letter-spacing: -5px; }





/* pueblo.php */
#rank {float: left; width: 215px; margin-left: 20px; }
  #rank ol {padding: 0; list-style: none; font-size: 20px; counter-reset: rank; }
  #rank ol li a {opacity:0.9;background: #8FCF6E; clear: both; padding: 7px 0; line-height: 22px; margin-bottom: 2px; position: relative;display: block;}
  #rank ol li a:before {content: counter(rank); counter-increment:rank; float: left;font-weight: 800;font-size: 200%;color: white;line-height: 100%;width: 50px;letter-spacing: -6px;text-align: center;margin: 0 10px 0 0;}
  #rank ol li a:hover {opacity:1;}
  #rank .usuario-img {width: 58px; height: 100%; background: #E4E4E4;  position: absolute; left: 0;border-radius: 0;border: 0;top: 0;bottom: 0;display: none;}
  #rank span {display: block; opacity: 0.7; font-size: 80%;}
  #rank ol :nth-child(2) a {background: #9AD37C;}
  #rank ol :nth-child(3) a {background: #A4D789;}
  #rank ol :nth-child(4) a {background: #ADDB95;}
  #rank ol :nth-child(5) a {background: #B5DE9F;}
  #rank ol :nth-child(6) a {background: #BCE1A8;}
  #rank ol :nth-child(7) a {background: #C2E4B0;}
  #rank ol :nth-child(8) a {background: #C8E6B8;}
  #rank ol :nth-child(9) a {background: #CDE8BF;}
  #rank ol :nth-child(10) a {background: #D2EAC5;}

#fbpage {float: left; width: 500px; position: relative;margin-bottom: 50px;}
  #fbpage iframe {width:100% !important;}
  #fbpage .fb_iframe_widget {display:block;}
  #fbpage .fb_iframe_widget span {width:100% !important;background: #f6f6f6;}
  #fbpage h2 {}




/* art.php */

#art .resumen {margin-top:45px;}




/* contacto.php */

.gmap {float:left;width:50%;height:300px;}
.datos-contacto {width: 100%;margin: 0 0 60px 0;height: AUTO;color: #202020;/* font-style: italic; */font-size: 18px;letter-spacing: 0.5px;OVERFLOW: auto;}
.datos-contacto i {color: #DBDBDB;font-size: 45px;width: 65px;text-align: left;position: relative;left: 0px;top: 9px;}
.datos-contacto p {margin-bottom: 30px;float: left;width: 50%;}

#contacto form {position:relative;clear: both;}
.resumen input {font:inherit;border-radius:0;/* border:none; *//* border-bottom:solid 1px #ccc; */padding: 5px 10px;width: 100%;border-color: #ddd;font-style: normal;height: auto;}
.resumen.col-sm-4 {margin: 0 0 20px; font-size: 16px; }
#contacto .editor  {left:0;}
#contacto .texto {margin: 0 0 15px;/*border: solid 2px #ddd;*/}
#contacto .pull-right {position:absolute;right: 220px;}
#contacto .btn , .btn-negro {padding:30px;background: #666;color: #fff;}
#contacto .btn:hover , .btn-negro:hover  {background:#444;color: #ccc;}



/* comercial.php */


#comercial h1.grande {color:#ff1d0c;}
#comercial .texto h1 {margin:50px 0;text-align: center;}
#comercial .texto img {margin:50px 0; }
#comercial .texto i.fa {color:#ff1d0c;font-size:220px;margin-bottom:20px;}
#comercial form {position:relative;clear: both;}
.resumen input {}
#comercial .texto {margin: 0 0 15px;}
#comercial .btn {padding:30px;color:#fff;background:#ff6868;border-color:#9b0b00;}




/* blog.php, post.php */


#blog .cover:after {display:none;}
#blog .cover {background-image:url(img/blog-bg.jpg);text-align:center;}
#blog .cover img {margin-top:50px;}
#blog .cover .resumen {color:#777;}

#blog .post h1 {margin:20px 0 65px;text-align:center;}
#blog .post .ampliar {color:#3bab01;font-style:italic;}
#blog .full .post .post-img {float:right;width:45%;margin:0 0 10px 20px;position:relative;top:10px;}
#blog .post.full h1 {margin:0;}
#blog .post.full .post-img {float:none;width: 100%;margin: 0 0 45px 0%;}
#blog .post.full .post-foot {position:relative;text-align:center;margin: 0px 0 45px;height: 48px;}
#blog .post.full .post-foot .user {display:inline-block;top: 9px;}
#blog .post.full .post-foot:before {content:"";position:absolute;left:0;top:50%;width:40%;border-bottom:solid thin #ccc;}
#blog .post.full .post-foot:after {content:"";position:absolute;right:0;top:50%;width:40%;border-bottom:solid thin #ccc;}
#blog .post .compartir {margin: 50px 0px;border-bottom: solid 1px #D3D3D3;padding: 5px 0;line-height: 32px;}
#blog .full .post .post-foot {border-bottom:solid thin #ccc;padding:0 0 5px;margin-bottom:65px;}
#blog .full .post .texto {margin-bottom:25px;}
#blog .full .post:hover .post-foot {border-bottom:solid thin #aaa;}





/* 404.php, ... */


.error strong {display: block; font-size: 140px; text-align: center; line-height: 100px; position: relative; top: -20px;}
.error p {color:#264b13;text-align: center;}


/*SWIPER SLIDE*/
html, body {
  position: relative;
  height: 100%;
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
}
.swiper-container {
  width: 100%;
  /*height: 100%;*/
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.intro-slide{opacity: 1; left: 0; position: relative;}
.swiper-slide{height: auto;}
.contenido-intro{width: 100%; height: 100%;}

/*COTIZAR*/
.modal-error  .modal-dialog {max-width: 370px !important; margin: 10% auto !important;}
.modal-error .modal-content {border-radius: 0px !important;background-color: #EA122B !important;}
.ok .modal-content {background-color: #73B453 !important;}
.modal-error .modal-header {border: 0 !important;}
.modal-error .modal-title { font-family: "Titillium Web" !important;font-size: 24px !important;color: #fff !important;}
.modal-error h1 {font-family: "Titillium Web" !important;font-size: 14px !important;color: #fff !important; margin: 10px 0 0 !important;}
.modal-error .modal-body{padding-top: 0 !important;}
/*LOGIN*/
.modal-content h1.login a{color: #1600BF; }
/*AUTOCOMPLETAR*/

.ui-autocomplete {max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; }
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {height: 100px; }
.ui-menu-item{font-size: 10px !important; font-family: "Titillium Web"; }
#ui-id-1{max-width: 165px !important; }

/* RESPONSIVE */
.ir_contacto {display: none;}
@media (min-width: 768px){
    .act-grupos:hover{background-color: #E8E7E7;}
      .cont-loader{
    padding-left: 170px;
    transition:all 0.5s;-webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
  }
  
  
}
@media (min-width: 1280px){
  
  .container {padding-right:0px;left: -100px;}
  .timeline .container {width:683px;}
  .anuncio {margin-right:0;}

  #landing1 .accesos {width: auto;height:auto;margin:50px;top:0;left:auto;right:0;}
  #loginout .accesos {width: auto;height:auto;margin:50px;top:0;left:0;right:0;}

}

@media (max-width: 768px){

  /*FEDE*/
  .quit-margin-top{margin-top: 0px;}
  .titulo_menu{display:none;}
  .crear-grupo{margin-bottom: 55px;}
  /*footer{display: none;}*/
  /*----*/
  .ir_contacto {display: block;}
  header .btn {opacity: 1 !important; width: auto; margin: 0 15%; padding: 15px 0 !important; color: #FFFFFF !important; }
  .resumenproyecto {font-size: 150%; line-height: 150%; letter-spacing: 0.5px; padding: 2em 20px; background: #f9f9f9; margin: 0 -20px 2em; text-align: center; }
  .btn {letter-spacing:-0.5px; /*padding: 6px 0;*/}
  aside {display:none;}
  section {margin: 0 !important;}
  .compact .encabezado {left:0;}
  .container {padding-left: 20px !important;padding-right: 20px !important;width: 100%;/* margin: 0 0 20px; */}
  .container.main {/* margin-top:-20px; */}
  .sect {/* border-top:solid thin #ccc; */padding: 20px 20px 40px;margin: 0 -20px -50px;background: #f3f3f3;}
  .sect.sm-up {border-top:none;padding: 20px;margin: -60px -20px 60px;background: #f6f6f6;}
  .s-proyectos .sect.sm-up {margin-top:-80px;}
  .curva {display:none;}
  .info {display:none;}
  .info.user {display:block;}
  .info-popup {display:none;}
  input {letter-spacing: -0.5px; font-size: 16px; }
  .hidden-xs-soft {display:none;}
  .visible-xs-soft, .btn.visible-xs-soft {display:block;}

  .pstatus {color:inherit;float:left;width: 38%;padding: 63px 0;background: #eee;border-radius: 5px;margin: 0;}
  .pcifras {    width: 60%;    float: right;}
  .pcifra {color:#d9ffc5;float:left;width:48%;text-align: center;letter-spacing: 1px;margin:8px 0 0;font-size: 13px;}
  .pcifra strong {display:block;color:#fff;font-size:36px;line-height: 22px;}
  
  .cover h1 {width: 90%;font-size: 22px;line-height: 26px;font-weight: 300;}
  .encabezado {left:0;}
  .encabezado .titulomin {left: 15% !important; width: 70%; top: -34px; letter-spacing: 0.5px; }
  .encabezado .head-usuario,.cover .head-usuario {display:none;}

  .sect ul {color: #525252; }
  .sect li {padding: 0; letter-spacing: 0.5px; width: 49%;display: inline-block;height: 40px;}
  .sect li .bullet {position:static;font-size: 24px !important;margin-right: 1em;vertical-align: middle;float: left;}
  .sect h1 {font-family: "Titillium Web"; font-size: 16px; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; padding: 0.2em 0; /* margin: 0 0 40px; */ color: #7C7C7C; border-bottom: solid 2px #A3A3A3;}
  .sect label {color: #C7C7C7;text-align:center;float:none;width:100%;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px;}
  .sect input,.sect .select {border-color: #bbb; }
  .sect .toggle-datos {color:#999;text-align:center;}
  .sect .toggle-datos .fa {float:none;position:static;margin:0 0.4em 0 0;}
  
  .sect .texto {color:inherit;}
  .sect .btn {padding:1em 0;background: #515151;color: #EDEDED;}
  .sect .btn.on { color: #92CC74;background: #336715;}
  .encabezado.cover .titulomin {top: 6px;}
  a.at300b .at4-icon, a.at300m .at4-icon {width: 50% !important; background-position: center; height: 20vw; margin: 0;padding: 0;}
  .sect a.at300b .at4-icon,.sect a.at300m .at4-icon {width: 29vw !important; background-position: center; height: 20vw; margin: 0;padding: 0;}
  footer.negro {margin:0 !important;}
  footer {margin: 50px 0 0 !important; padding: 20px 0 40px; border-top:solid thin #ccc; opacity:1; }
  .warplogo {display:none;}
  .footerlogo {/* display:none; */}
  .com .texto {font-size: 13px; margin: 0 0 0 40px; }
  .com .usuario-img {width:25px;}
  .com-replies {background: url(img/reply.png) no-repeat 5px 30px; }
  .com-replies .com {margin: 0 0 0 25px; }
  .com-foot {margin: 0 0 0 40px; }
  
  .tabs {margin-right:0;}
  .tab {font-size:15px;line-height:20px;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 0px;padding: 15px 0;text-align: center;}
  .notifnum {/*width:auto;height:auto;background:none;color:inherit;float:none;display:inline;margin: 0;padding: 0;line-height: inherit;*/}

  .descubrir .dest.corto {width: 100%; }
  .descubrir .dest.largo {width: 100%; }
  .descubrir .dest .caption {font-size:18px;}

  .pag {text-align: center; float: none; }
  .pag a {padding: 15px 20px !important; height: auto; }

  .info-stats .stat, .info-stats .stat-big {width: 49%; padding: 5%; margin: 0 1% 1% 0; }
  .info-stats .stat-big {width: 100%; }

  .accesos {height:auto;}
  .accesos .acceso {width: 100%; margin: 0 0 20px !important; float: none; height: auto; padding-bottom: 20px; }
  .accesos .acceso .resumen {font-size:15px;}

  .gmap {width:100%;}
  .datos-contacto {width:100%; height:auto;margin:20px 0 40px;text-align:center;}
  
  .tools {display:none;}
  .datos-contacto i {display:block;width:100%;position:static;text-align: center;}
  .datos-contacto p {width:100%;}
  
#rank {float: none; width: 100%; margin: 0 0 50px; }

#fbpage {float:none;width: 100%;margin:0 0 50px;}
.tagcloud {width: 100%;overflow: auto;margin: 0;}


  #loginout #intro {margin: -210px 20px; padding: 70px 25px 50px;}
  #loginout .accesos {margin: -250px 0 0; width: 100%; left: 0; padding: 0 20px; }
  
  #landing1 #intro {font-size: 15px; padding: 42px 30px 0px; height: auto; top: 0 !important;margin-top: 100px;}
  #landing1 #intro .texto {font-size: 15px; }
  #landing1 .accesos {width: 100%; margin: 0; left: 0; padding: 0 20px; text-align: left; top: 20px;}
  #landing1 .accesos a {margin: -10px;float: left;padding: 0.5em;}
  #landing1 .accesos a+a {float:right;}

  
  #landing4 {height: auto !important; }
    #landing4 canvas {}
    #landing4 footer {position: static; }
    #landing4 h1 {position: static; margin: 0; color: #5F9841; font-size: 28px; margin: 50px 0 40px; }
    .parti {position: static; margin: 0; padding: 0; }
    .parti .col {width: 100%; float: none; border-left: none !important;border-top: solid 2px #eee;margin: 0;padding: 0 20px;}
    .parti .col .texto {font-size:120%;}
    .parti .col+.col {margin: 30px 0; }
    #landing4 .addthis_toolbox {width: 100%; position: relative;}
    #landing4 .at300b {float: none; display: inline; padding: 0; }
    .parti .col .acceso {font-size: 160%; text-align: center; padding: 0.5em 0; color: #333; }
    .parti .col .acceso i {}
    #smback {z-index:9999999999999;position: fixed;top: 0;left: 0;padding: 0.5em 20px;font-size: 150%;color: #FFFFFF;transition: color 0.5s, font-size 0.3s, padding 0.3s, background 0.2s;}
    #smtoggle {z-index:9999999999999;position: fixed;top: 0;right: 0;padding: 0.5em 20px;font-size: 150%;color: #FFFFFF;transition: color 0.5s, font-size 0.3s, padding 0.3s, background 0.2s;}
    #smtoggle:hover {background: rgba(57, 111, 30, 0.5);}
    #smtoggle.color_notificaciones:hover{background: rgba(255, 0, 0, 0.09)}
    .negro {/*visibility: hidden;width: 100%; height: 100%; position: fixed; background: #000; opacity: 0; top: 0; z-index: 999999;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;*/}
    .smhead .negro {opacity: 0.5 !important; visibility: visible; }
    #smtoggle .fa-times {display:none;}
    .smhead #smtoggle,.smhead #smback {color:#999;}
    .smhead #smtoggle:hover,.smhead #smback:hover {background:#ccc;}
    .smhead #smtoggle .fa-times {display:inline;}
    .smhead #smtoggle .fa-bars {display:none;}
    
    .compacthead #smtoggle,.compacthead #smback {font-size: 120%; padding: 0.2em 20px; }
    header {-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);z-index: 9999999999998 !important;width: 100% !important;position:fixed;overflow: auto;transition: left 0.4s; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ms-transition: left 0.4s; -o-transition: left 0.4s;left:-100%;pointer-events: none;}
    .smhead header {left:0;pointer-events:all;    left:-15%;; padding-left: 15%;}
    body.smhead {overflow: hidden;}
    
  header .logo {display:block !important;width:100% !important;height: 100px !important;background:url(img/logo.png) no-repeat center center !important;transition: none !important;-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;position: relative !important;background-size: contain !important;margin: 2em 0 0.5em;}
  header .logo.beta:after {display:none !important;}
  header .search-form {display:block !important;padding: 10px 205 10px !important;position:relative !important;}
  header .search-form button {right: 17% !important;top: 1em;}
  header .search-form input {opacity:1 !important;font-size: 100%;padding: 1.2em;border-radius: 2em;}
  header ul {list-style: none !important;padding:0 !important;}
  header ul a {height: auto !important;padding: 0.5em 0 !important;font-size: 100%;color: #414141 !important;text-align: center;}
  header ul a:hover {background:#f4f4f4 !important;color: #282828 !important;text-decoration:none !important;}
  header ul a.on {/* background:#f4f4f4 !important; */color: #1B1B1B !important;}
    header ul a i {margin-right:10px !important;width:15px !important;color: #515151 !important;}
    header ul a.on i {color: #202020 !important;}

  #subir {display:none;}
  aside.anuncio {margin:0;}


  #landing1 #intro img.logo {left:50%;transform:translateX(-50%);/*top:-30px; */   top: -80px;height:5em;}
  .intro .intro-i {zoom:0.75;}
  .intro p {/*margin:2em 0 0;*/}
  section#slides h1 {font-size:20px;}
  .intro p {font-size:15px;}
}
@media only screen and (min-width:768px) {
  .b_bajar {bottom:1em;}
  .pag-landing h1 {font-size:42px;}
  ul.mod-stores {bottom:6em;}
}


@media (max-height: 850px){
  .intro .intro-i {zoom:0.7;top:50%;}
}
@media (max-height: 700px){
  .intro .intro-i {zoom:0.5;top:50%;}
}
@media (max-height: 600px){
  .intro .intro-i {zoom:0.35;top:50%;}
}