/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* basic elements */

.left{float:left; }
.right{float:right;}
.clear:after{clear:both; content:''; display:block;}

/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

p{ margin-top: 0px; font-size: 16px; font-family:'Arial' }

label{ font-size: 1.2em; }

body{background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:100%}
#wrapper{ width: 100% }
#maincontentcontainer{ max-width: 960px; font-size: 0.9em }
#header{margin-top: 20px; }
#menu{margin-bottom: 30px; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #000; font-size: 1em }
#footer{ margin-top: 40px; margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #000;  }
#footer ul{ margin-bottom: 20px; }
#footer ul li{font-size: 14px; line-height: 20px;}
#footer ul li:first-child{ padding-bottom:5px; font-size: 15px }
@media only screen and (orientation: portrait) {
    #footer > div:nth-child(2) {
        display: grid;
        place-content: center;
        text-align: center;
        justify-items: center;
        gap: 0.2em;
    }
    #footer > div:nth-child(2) > div {
        text-align: center;
    }
}

#header .author_header{ font-family: 'Open Sans', sans-serif; font-size: 0.9em; background: yellow; text-align: center; padding: 7px; font-weight: normal }
#header .bee_header{ font-family: 'Open Sans', sans-serif; font-size: 0.9em; center; font-weight: normal; text-align: left; margin-top: -5px; }


a:link{color:#4135F1; text-decoration:none;}
a:visited{color:#4135F1; text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}

a.no_underline:hover{ text-decoration: none; }

ul{list-style:none; -webkit-padding-start:0px; -webkit-margin-before:0px; -webkit-margin-after:0px; -webkit-margin-start:0px; -webkit-margin-end:0px; padding:0px;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
    font-family: Arial;
    outline: 0;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #333;
    width: 94%;
    margin: 5px 0px 5px 0px;
    padding: 10px;-moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
select{font-family:Arial; outline:0; font-size:14px; border:1px solid #ccc; color:#333; width:99%; margin:5px 0px 5px 0px; padding:9px;}
input:focus, textarea:focus { border:1px solid #999; }

input[name="title"] { font-family: "Lato"; padding-bottom: 8px;}

input[type="checkbox"]{margin-top:-3px;}

input.fitted{padding:2px 3px 2px 3px;}

.button{ font-size: 18px; }
.button.small{padding:5px 10px 5px 10px; font-size:12px; line-height:30px; padding: 0 20px;}
.button.medium{padding:7px 10px 7px 10px; font-size: 13px}
.button.big{padding:8px 12px 8px 12px; font-size: 15px;}


h1{ font-size: 2.1em;margin-top: 30px; margin-bottom: 20px; color: #000; font-family: 'Open Sans', sans-serif;}
h2{ font-size: 1.1em; margin: 0px; font-family: 'Open Sans', sans-serif; padding-top: 0px; }
h3{ font-size: 1.1em; margin: 0px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; }


.dont-break-out{/* para formatear palabras largas y qu eno salgan de la capa */

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


/*colecciones*/
.a_contraluz{ color: #3c3c3e; }
.linea_sinuosa{ color: #ea6411 }
.sonora{ color: #1e4576 }
.ciudad_invisible{ color: #734f9d }
.pies_colgando{ color: #006538}
.fuera_coleccion{ color: #944117 }
.rotativa{ color: #b69a43; }
.uqbar{ color:#c82286 }
.cumulus_nimbus{ color:#009fee }
.calibre44{ color:#000 }
.investigacion{ color: #C00505; }
.galileo{ color: #4ABFE2; border: 1px solid #333 }
.pantone{ color: #000; }
.fabulas{ color: #000; border: 1px solid #333 }

.bg_a_contraluz{ background: #3c3c3e; color: #fff }
.bg_linea_sinuosa{ background: #ea6411; color: #fff }
.bg_sonora{ background: #1e4576; color: #fff }
.bg_ciudad_invisible{ background: #734f9d; color: #fff }
.bg_pies_colgando{ background: #006538; color: #fff}
.bg_fuera_coleccion{ background: #944117; color: #fff }
.bg_rotativa{ background: #b69a43; color: #000 }
.bg_uqbar{ background:#c82286; color: #fff }
.bg_cumulus_nimbus{ background:#009fee;color: #000 }
.bg_calibre44{ color:#fff; background: #000 }
.bg_investigacion{ background: #C00505; color: #fff; }
.bg_galileo{ background: #4ABFE2; color: #fff; }
.bg_pantone{ background: #fffb00; color: #000; }

.bg_green_bar{ color: #000;
background: rgb(128, 189, 57);
background: -moz-linear-gradient(180deg, rgb(128, 189, 57) 0%, rgb(184, 233, 134) 86%);
background: -webkit-linear-gradient(180deg, rgb(128, 189, 57) 0%, rgb(184, 233, 134) 86%);
background: -o-linear-gradient(180deg, rgb(128, 189, 57) 0%, rgb(184, 233, 134) 86%);
background: -ms-linear-gradient(180deg, rgb(128, 189, 57) 0%, rgb(184, 233, 134) 86%);
background: linear-gradient(270deg, rgb(128, 189, 57) 0%, rgb(184, 233, 134) 86%);
 }


/* basic elements */


hr.separador{ border: 0px; border-top: 1px solid #000; height: 0px; margin-top: 10px; margin-bottom: 30px; }
hr.separador_invisible{ border: 0px; border-top: 0px solid #000; height: 0px; margin-top: 30px; margin-bottom: 60px; }
.whitney{ font-weight: bold; font-family: 'Open Sans', sans-serif;   }
.f12{ font-size: 12px; } 
.f10{ font-size: 10px; } 
.no_bold{ font-weight: normal }
.bembo{ font-family:'EB Garamond', Garamond; font-size:14px; color: #000000; }



/* buttons */
#btn{ text-transform: uppercase; font-weight: bold; font-family: 'Open Sans', sans-serif;  margin-top: 10px; margin-bottom: 10px; padding: 10px 15px 10px 15px; width: auto; font-size: 0.9em; }
#btn.big{ padding: 20px; font-size: 22px; text-transform: none; font-family: sans-serif; font-weight: normal;  }
#btn:hover{ text-decoration: none }

#btn.normal{ background: #3c3c3e; color: #fff; text-transform: none }
#btn.black{ background: #000; color: #fff;}
#btn.apoyo{ background: #fff; color: #000; border: 1px solid #000; font-weight: bold;}
/*#btn.apoyo:hover{ background: #7FCA32; border: 1px solid #7FCA32; color: #fff;}*/

#btn.excerpt{ background:#c0c0c0; color: #333 }

#btn.a_contraluz{ background: #3c3c3e; color: #fff }
#btn.linea_sinuosa{ background: #ea6411; color: #fff }
#btn.sonora{ background: #1e4576; color: #fff }
#btn.ciudad_invisible{ background: #734f9d; color: #fff }
#btn.pies_colgando{ background: #006538; color: #fff}
#btn.fuera_coleccion{ background: #944117; color: #fff }
#btn.rotativa{ background: #b69a43; color: #fff }
#btn.uqbar{ background:#c82286; color: #fff }
#btn.cumulus_nimbus{ background:#009fee; color: #fff }
#btn.calibre44{ background:#000; color: #fff }
#btn.investigacion{ background: #C00505; color: #fff; }
#btn.pantone{ background: #000; color: yellow; }

#btn.yellow{ background: #F8E71C; color: #000; border: 0px; }
#btn.green{ background: #08a453; color: #fff; border: 0px; }
#btn.blue{ background: #4135F1; color: #fff !important; border: 0px; border-radius: 2em; -moz-border-radius:2em; -webkit-border-radius:2em; }

#btn.compra{ background: #7CC926; color: #fff; border: 0px; font-weight: normal; font-size:16px; border:1px solid #66AC19; }
#btn.compra:hover{background:#66AC19;}

#btn.adelanto{ background: #f0f0f0; color: #333; border: 0px; font-weight: normal; font-size:16px; border:1px solid #ccc; }
#btn.adelanto:hover{background:#ccc;}

.button{text-align:center; cursor:pointer; font-weight:normal; text-decoration:none !important;}

.btn-apoyar{ text-transform: uppercase; font-weight: bold; font-family: Helvetica;  margin-top: 10px; margin-bottom: 10px; padding:15px; width: auto; font-size: 18px; border: 1px solid #000;}
.btn-apoyar:hover{ background: #7FCA32; border: 1px solid #7FCA32; color: #fff;}

.btn-social,a.btn-social{ height: 38px; line-height: 40px; color: #ffffff; border: 0; text-align: center; font-family: 'Open Sans'; font-size: 14px; margin-bottom: 10px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px }

.btn-social-big,a.btn-social-big{ height: 38px; line-height: 40px; padding:10px; color: #ffffff; border: 0; text-align: left; font-family: 'Open Sans'; font-size: 16px; margin-bottom: 10px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:20px; text-align: center }

.btn-social-small{ display: inline-block; height: 28px; line-height: 29px; padding-left: 28px; color: #ffffff; border: 0; text-align: left; font-family: 'Open Sans'; font-size: 0.8em;-moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; width: 80% }

.btn-facebook,a.btn-facebook{ background: #3b5998;}

.btn-facebook-small,a.btn-facebook-small{ background: #3b5998 url('/images/bt-fb-small.png') 5px  center no-repeat; background-position-y: 5px }

.btn-twitter,a.btn-twitter{ background: #3eb0e7; }


.btn-google-small,a.btn-google-small{ background:#dd4b38; background-position-y: 7px }

.btn-twitter-small,a.btn-twitter-small{ background: #3eb0e7; background-position-y: 7px }


.btn-twitter-big,a.btn-twitter-big{ background: #3eb0e7 url('/images/bt-tw.png') 10px  center no-repeat; }


.btn-normal,a.btn-normal{ background: #eeeeee url('/images/bt-normal.png') 10px  center no-repeat; color: #000 }

.btn-common{ text-transform: uppercase; font-weight: bold; font-family: 'Open Sans', sans-serif;  margin-top: 10px; margin-bottom: 10px; padding: 10px 15px 10px 15px; width: auto; font-size: 0.9em; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #f2af2f; cursor: pointer; border: 0px; -webkit-appearance: none; background: #eee; border: 1px solid #e9e9e9; }
.btn-common:hover{ background: #e9e9e9}

.btn-common:focus{ outline: 0 }

.btn-common.btn_continue{ background: orange; border: 1px solid orange; padding: 15px; border-bottom: 2px solid #de8600; width:100%}
.btn-common.btn_back{ background: #eee; border: 1px solid #eee; padding: 15px; border-bottom: 2px solid #ccc; width:100%} 


.btn-publish-header {
    background: #F5A623;
    padding-left: 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.bee{ background: #f2af2f; }


/* buttons */


/*p�gina de un libro*/
#libro{ margin-bottom: 30px; }
#libro .portada{ margin-bottom: 30px; }
#libro p{ margin: 0px;}
#libro p.autor{  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 1em;   }
#libro p.titulo{  font-weight: normal; font-size: 1.2em; margin-bottom: 20px;   }
#libro p.coleccion{  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 0.75em;}
#libro p.phase{  font-weight: normal; font-size: 0.7em; text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin-top: -15px; margin-bottom: 20px; color: #888   }
#libro p.btn{ margin-bottom: 20px; margin-top: 20px; }
#libro div.opcion{ margin-bottom: 20px; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 1em; border-bottom: 1px solid #000; padding-bottom: 20px; }
#libro div.opcion p{ margin-bottom: 0px; }					
#libro div.opcion p span.precio{ font-size: 1.3em }										
#libro div.opcion p.texto{ font-size: 1em; font-family: 'Open Sans', sans-serif; font-weight: normal; margin-bottom: 10px; line-height: 22px; }		
#libro ul.social{ margin-top: 20px; }
#libro ul.social li{ padding-bottom: 10px;}

#libro h2{ margin: 0px; font-size: 18px; }
#libro h1{ margin: 0px; font-family:'EB Garamond', Garamond; font-size: 28px; font-weight: normal; margin-bottom: 10px; }
#libro p.coleccion{ font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 0.8em; margin-bottom: 20px; }

#info_libro h2{ margin: 0px; font-size: 1.2em; }
#info_libro h1{ margin: 0px; font-family:'EB Garamond', Garamond; font-size: 2.1em; font-weight: normal; margin-bottom: 10px; }
#info_libro p.coleccion{ font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 0.8em; margin-bottom: 20px; }

.avatar-frame-small,.avatar-frame-small img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
	height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    background-color: black;
    color: ghostwhite;
	-webkit-border-radius: 50%; /* Saf3+, Chrome */
	border-radius: 50%; /* Opera 10.5, IE 9 */
    -moz-border-radius: 50%; /* FF1+ */
    user-select: none;
}
	
.avatar-frame,.avatar-frame img{
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
	-moz-border-radius: 3px; /* FF1+ */
}

.avatar-initials {
  width: 40px;
  height: 40px;
  background-color: green;
  text-align: center;
  border-radius: 10%;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10px;
}


.initials {
  position: relative;
  font-size: 15px; /* 50% of parent */
  line-height: 42px; /* 50% of parent */
  color: #fff;
  font-family: sans-serif;
  font-weight: lighter;
}


#equipo .avatar{ margin-bottom: 10px; }
#equipo p{ margin: 0px;}
#equipo p.name{  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 1em;   }
#equipo p.position{  font-weight: normal; font-size: 1.2em; margin-bottom: 20px;   }

.box_grey{ background: #f0f0f0; padding: 10px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 11px; }
.box_grey p.titulo:first-child{ margin-bottom: 10px; }
.box_grey p.titulo{ font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; margin: 0px; }
.box_grey p.texto{ font-weight: normal; font-size: 12px; font-family: 'Open Sans', sans-serif; }
.box_grey p.texto:last-child{ margin: 0px; }					
.box_grey p.precio{  font-family: 'Open Sans', sans-serif; font-size: 26px; margin-bottom: 5px; }					

.bg_yellow{ background: #fffff2;}
					
/* crowd_bar */
.crowdfunding_bar{border:0px solid #eeeeee; background:#e0e0e0; }
.crowdfunding_bar .crowdfunding_bar_progress{float:left; padding:4px; font-weight: normal; font-size: 0.8em;background: #08a453 }

.crowdfunding_bar .crowdfunding_bar_progress.green{ background: #477312; border-right: 40px solid orange;  }
.crowdfunding_bar .crowdfunding_bar_out{float:left; margin-left:15px; padding-top:1px; margin-bottom:-1px;}

.crowdfunding_bar.small{background:#ccc;}
.crowdfunding_bar.small .crowdfunding_bar_progress{height:4px; padding:1px; }
.crowdfunding_bar.small .crowdfunding_bar_progress.green{ background: #08a453 }

.crowdfunding_bar.pale{background-color:#ccc; color:#333;}
.crowdfunding_bar .crowdfunding_bar_progress{color:#000;}

#bar{ font-size: font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 0.8em; margin-bottom: 10px; }

#bar .backs{ float: left;}
#bar .days{ float: right;} 
/* crowd_bar */

#progreso{ margin-bottom: 15px; padding-bottom: 2px; font-family: 'Open Sans', sans-serif; font-weight: bold; margin-top: -15px;  }
#progreso .contador{ font-size: 3em; }
#progreso .mensaje{ font-size: 14px; margin-bottom: 20px; font-weight: 300; font-family: Helvetica; text-align: center; color: #666; background: url('/images/time-left.png') no-repeat; background-position-x: 18%; background-size: 15px }											
/*#progreso .bar{ margin-bottom: 15px; margin-top: 10px;}*/

.read_excerpt{ font-size: 1em; font-weight: normal; font-family: 'Open Sans', sans-serif; background: url('/images/preview.png') no-repeat; background-position-y: 3px; padding-left: 25px; text-decoration: underline }
					
#rec{ background: rgba(96, 125, 139, 0.06); margin-bottom: 15px; padding: 30px; border: 1px solid #e0e0e0;  }
#rec.seleccionado{  border: 1px solid #ccc;  }
#rec:hover{ cursor:pointer; border: 1px solid #000;}							
#rec p.precio{ font-size: 2em; font-family: 'Open Sans', sans-serif; font-weight: normal; margin-bottom: 10px; }
#rec .tu_seleccion{ font-size: 0.8em; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; background: rgb(102, 184, 47); margin-left: -20px; padding: 5px; padding-left: 10px; margin-right: -20px; margin-top:-10px; }	

#rec div p.limitado{ background: url('/images/limit.png') no-repeat; background-size: 20px; padding-left: 25px; font-size: 0.8em; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; margin-top:20px;color: #D0021B }
#rec div p.agotada{ background: url('/images/limit.png') no-repeat; background-size: 20px; padding-left: 25px; font-size: 0.8em; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; margin-top:20px;color: #D0021B }
#rec div p.popular{  font-size: 0.8em; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; background: #FFEF83; margin-left: -20px; padding: 5px; padding-left: 10px; margin-right: -20px; margin-top:-10px; color: #000; font-weight: bold }
#rec .mecenas{ background: url('/images/backers.png') no-repeat; background-size: 20px; background-position-y: 5px; font-size: 13px; font-family: Helvetica; font-weight: lighter; color: #000; line-height: 28px; padding-left: 25px; }
#rec .texto{ font-size: 15px; line-height: 20px; font-family:"Helvetica Neue", Helvetica, Arial; color:#333333 }
#rec #btn{ font-size: 15px; font-weight: normal; padding: 10px; border: 1px solid #000; background: #fff; color:#000; }
#rec .co_target{ font-size: 11px; color: #fff; text-transform: uppercase; margin-left:-31px; margin-bottom: 20px; }
#rec .co_target span.store{ background: #4990E2; padding: 5px; padding-left: 30px; padding-right: 30px; }
#rec .co_target span.firm{ background: #417505; padding: 5px; padding-left: 30px; padding-right: 30px; }

	#menu_libro{ border-bottom: 5px solid #eeeeee; padding-bottom: 5px; margin-bottom: 40px; font-family: 'Open Sans'; margin-top:0px; background: #fff; }
	#menu_libro ul li{ background: #fff; display: inline; padding: 5px; font-size: 1.1em; width: 160px; padding-right: 20px; padding-left: 20px; }
	#menu_libro ul li.active{ border-bottom: 5px solid #000; background: #fff; }	
	#menu_libro ul li a{ text-decoration: none }
	#menu_libro ul li a:hover{ text-decoration: none }		
	#menu_libro ul li span.num{ color: #888; font-size: 0.8em; width: 50px; padding-left: 4px; padding-right: 4px }
	#menu_libro ul li:hover{ border-bottom: 5px solid #666; }		

/* Shared styles */

        .drop-shadow {
            position:relative;
            width:100%;
            margin-bottom: 0px;
            background:#fff;
                        -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }
        
/* Lifted corners */

        .lifted {
            -moz-border-radius:0px;
                 border-radius:0px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:85%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }





/* popup */
.pupup {
padding:15px;
}

.popup .title {
text-align:left;
font-size:22px;
font-weight:700;
color:#000;
padding:0 12px 12px;
}

.popup .title .text{float:left; padding:10px; width:80%;}
.popup .title .close{float:right; padding:10px;}

.popup .content{padding:20px;}

.popup .msg {
text-align:left;
padding-bottom:0;
text-shadow:1px 1px #fff;
}

.popup textarea {
border:1px solid #999;
font-size:14px;
width:475px;
margin:10px;
padding:3px;
}

.popup .btn {
text-align:center;
padding:15px;
}

.popup p {
text-align:left;
margin:0;
padding:10px 10px 0;
}

.popup .close a {
background:#ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-family:Arial;
font-size:14px;
margin-top:10px;
color:#fff;
font-weight:700;
padding:3px 7px;
}

.popup .close a:hover {
text-decoration:none;
background:#666;
}

div.blockOverlay {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
-moz-opacity:.70;
opacity:.70;
background-color:#222;
}

.popup {display:none;}
/* popup */



.button{text-align:center; cursor:pointer; font-weight:bold; text-decoration:none !important; font-family: 'Open Sans', sans-serif;}

.blue_button{
	background-color: #000;
    border-color:#000;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 1px 0 #000 inset;
    color: white;
    text-shadow: 0 1px 1px #000;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;
}

.green_button{
	background-color: #86ab24;
    background-image: linear-gradient(#86ab24 0px, #6A861F 100%);
    border-color:#698719;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 1px 0 #86ab24 inset;
    color: white;
    text-shadow: 0 1px 1px #86ab24;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

.grey_button{
	background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0 0px, #e0e0e0 100%);
    border-color:#cccccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 1px 0 #f0f0f0 inset;
    color: #000000;
    text-shadow: 0 1px 1px #f0f0f0;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

.button.small{padding:5px 10px 5px 10px; font-size:12px; line-height:30px; padding: 0 20px;}
.button.medium{padding:7px 10px 7px 10px; font-size: 13px}
.button.big{padding:8px 12px 8px 12px; font-size: 16px;-webkit-appearance: none;}

.success_message{ font-weight: bold; color: green; margin-top:10px; margin-bottom: 10px; display: none; }
.error_message{ font-weight: bold; color: red; margin-top:10px; margin-bottom: 10px; display: none; }
.loading{display:none; padding:15px; background:url('/images/loading.gif') center center no-repeat;}
p.label{ margin-top: 10px; margin-bottom: 0px; }



#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}


/*comments*/
#comments_list{ }
#comments_content{}
#comments_content .author_label{ background: #FFEF83 }
#comments_content{ margin-top: 10px; font-size: 14px; font-family: "Lato", Helvetica, sans-serif; line-height: 22px; }
#comments_content .date{font-size:11px; color:#a3a3a3; font-family: Arial}

#comments_content .header{ margin-bottom: 10px; font-family: "Lato", 'Open Sans', sans-serif; font-weight: normal; }

#comments_content .header > div:first-child { display: flex; width: 100%; align-content: end; }

#comments_content .header a[name] { font-weight: bold; color: black; margin-right: 12px; flex-grow: 1; }

#comments_content .text{ font-size: 14px; overflow-wrap: break-word; word-wrap: break-word; }

#comments_content .options{ margin-top: 10px; }

.comment_box{color:#444; font-size:12px;}
.comment_box .avatar{margin-right:20px;}
.comment_box .text{width:calc(100% - 60px);}
.comment_box textarea{margin:0;}

textarea.default{color:#aaa;}

.comment_box{margin-right:0px; line-height:18px; margin-bottom: 30px;}
.subcomment_box{}
.subcomment_box.hidden{display:none;}

.comment .subbody{padding-left:55px;}

ul.subcomments{ border: 1px solid #eee; border-top:0px; padding: 20px; padding-top:10px; padding-bottom: 10px; background: #f5f5f5;}
ul.comments li #comments_content{margin-bottom: 0px; padding-bottom: 20px;}
ul.subcomments li #comments_content{padding:0px; border: 0px;}
li.subcomment.hidden{display:none;}
li.subcomment .options{ margin-top: 10px; }

li.comment .form_edit{display:none;}
li.comment img.remove{position:relative; top:30px; cursor:pointer;}
li.subcomment img.remove{top:15px;}
li.comment img.edit{position:relative; top:30px; right:10px; cursor:pointer;}
li.subcomment img.edit{top:15px;}

a.cancel{display:none; margin-left:25px;}

.author_label{ background: #FFEF83; font-size: 0.7em; padding: 2px; font-family:'Open Sans', sans-serif;  }

li.comment .comment_main {
    position: relative;
    margin-left: 15px;
    padding: 10px 16px;
    background-color: #f5f5f5;
    width: calc(100% - 91px);
}
li.comment .comment_main .actions_like{margin-left:20px;}
/* li.comment .comment_main::before {
    content: "";
    display: block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f7f7f7;
    position: absolute;
    left: -10px;
} */

@media only screen and (max-width: 489px){
	.comment_box .text{width:100%;}
	li.comment .comment_main{margin-left:0;}
	#comments_content > .left{width:calc(100% - 20px);}
	#comments_content .header > .left{float:none; margin-bottom:10px;}
	#comments_content .header > .right{float:none;}
	#comments_content span.date:before{content:'\A'; display:block;}
	.comment .subbody{padding-left:0;}
	ul.subcomments{border:0; background:none;}
}

/*comments*/

/*backers*/
#backers{border-top:1px solid #f0f0f0; padding-top: 20px; font-size: 1em; font-family: Georgia; line-height: 22px; }
/*backers*/

ul.colecciones{ font-size: 1.2em; line-height: 2em; margin: 0px; padding: 0px; }
ul.colecciones li{ border-top: 1px solid #f9f9f9; }
ul.colecciones li:hover{ font-weight: bold; }
ul.colecciones li a:hover{ text-decoration: none }

ul.colecciones li.active{ font-weight: bold; }

.msg, .no-msg { padding: 10px; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; font-size: 1em  }
.yellow{ background: #fffff2; border: 1px solid #c0c0c0 }

/* pestaña show more */
.show_more_text{height:auto;}
.show_more_text .text{overflow:hidden;}
.show_more_text .below{
	cursor:pointer;
	position:relative;
	width:100%;
	background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); /*Fx 3.6-15*/
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /*Standard*/
}
.show_more_text .arrow{
	cursor:pointer;
	position:relative;
	width:100%;
	height:10px;
	background:#FFF url("/images/show_more_arrow.png") no-repeat center;
}


.a_title {	
	cursor: pointer;
	color: #000;
	font-size: 16px;
	font-weight: lighter;
	margin-top: 0px;
	background: #fff;
	padding:10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
	
.a_content {
	font-size: 14px;
	margin-bottom: 30px;	
	display: none;
	}
.a_content p{ font-weight: lighter; font-family: Helvetica} 	

.a_content h3{ margin-bottom: 12px; margin-top: 40px; font-size:16px; font-weight: normal } 	

.over {text-decoration: none; background: #f5f5f5}

/* BUSCADOR */
.searching_box{ position: relative; width:100%; display: flex; justify-content: flex-end; align-items: center; }
.searching_box img{ position:absolute; right: 8px; cursor:pointer; width: unset; }
/* .searching_box img.light{ } */
.searching_box input.searching_text {
    box-sizing: border-box;
    padding: 1.4ch;
    border-radius: 0.18em;
    flex: 1 1 100%;
    min-width: 0;
    max-width: 420px;
    outline: none;
    box-shadow: none;
}
.searching_box input.searching_text:focus, .searching_box input.searching_text:active {
    outline: none;
}

.ui-autocomplete{ list-style:none; padding:0; border:1px solid #999999; border-top:0; border-right:0; cursor:pointer;}
.ui-autocomplete li{padding:5px; background-color:#efefef;}
.ui-autocomplete li.odd{background-color:#FFFFFF;}
.ui-autocomplete li div.title{font-weight:bold;}
.ui-autocomplete .ui-state-focus{ background-color:#FFFFCC;}
.ui-autocomplete .ui-state-focus.odd{ background-color:#FFFFCC;}
.ui-helper-hidden-accessible { display:none; }
/* FIN BUSCADOR */


/*PANEL AUTOR*/
#list.backers{ margin-top: 30px; font-family: 'Open Sans', sans-serif; font-size: 0.9em }
#list.backers li{ border: 0px; padding-bottom: 5px; }
#list.backers li.group_day{ text-align:left; font-family: 'Open Sans', sans-serif; padding-top:20px; border-top: 1px solid #eee; margin-bottom: 0px; margin-bottom: 20px; border: 0px; padding: 0px; margin-top: 30px; font-weight: bold; }
/**/

/* like */
.comment_nol{float:left;}
.comment_nod{float:right;}
.comment_nol , .comment_nod{font-size:1.1em; color: #555; cursor:default; font-family: "Lato",'Open Sans', sans-serif; margin:5px;}

.comment_like{background:url("/images/like_bg32.png") no-repeat left top; float:left;}
.comment_dislike{background:url("/images/dislike_bg32.png") no-repeat left top; float:right; margin-left:10px;}

.comment_like , .comment_dislike{margin-top:1px; width:18px; height:18px; background-size:32px 16px; cursor:pointer;}

.comment_like.active , .comment_dislike.active{background-position:right top;}
.comment_like.disabled , .comment_dislike.disabled{cursor:default;}

.comment_like{background:url("/images/heart_off.png") no-repeat center center; background-size:16px 16px; float:left;}
.comment_dislike{display:none;}
.comment_like.active{background:url("/images/heart_on.png") no-repeat center center;}
/* */



#addresses_container .btn-common{margin:0;}/* ññññ */

#addresses_container .address{padding:20px; border:1px solid #eee; margin-bottom:20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#addresses_container .address .label{display:none;}
#addresses_container .address.show.main .label{display:inline; position:relative; font-size:10px; padding:5px 22px 5px 22px; left:-21px; background-color:green; color:#fff; font-weight:normal; font-family:'Open Sans' , sans-serif; text-transform: uppercase	 }
#addresses_container .address .make_main{display:inline; font-size:1em;}
#addresses_container .address.main .make_main{display:none;}
#addresses_container .address .actions input[type="button"]{float:left;}
#addresses_container .address .actions:after{clear:both; display:block; content:'';}
#addresses_container .address .actions a{text-decoration:underline; padding-top:10px;}
#addresses_container .address .actions a[name="remove"]{float:right;}
#addresses_container .address[ref="new"] .actions a[name="remove"]{display:none;}
#addresses_container .address .info{margin-top:15px; font-size:1em;}

#addresses_container .address.form:not([ref="new"]){display:none;}
#addresses_container .address.form .line{margin-top:5px;}
#addresses_container .address.form .loader{margin-left:10px; display:none; padding:15px; background:url('/images/indicator.gif') no-repeat center;}
#addresses_container .address.form .actions a[name="cancel"]{float:left; margin-left:30px;}
#addresses_container .address.form span.error{display:none; color:red;}
#addresses_container .address.form span.error:after{content:'Campo erróneo';}

#addresses_container .address.show{color:#666;}
#addresses_container .address.show[ref="new"]{display:none;}
#addresses_container .address.show .name{color:#444; font-weight:bold; font-size:1.3em;}
#addresses_container .address.show.main .name{margin-top:25px;}
#addresses_container .address.show .street, .address_info, .city, .region, .country, .phone{font-size:1.1em;}
#addresses_container .address.show .actions{margin-top:20px;}
#addresses_container .address.show .actions a[name="make_main"]{float:left; margin-left:30px;}

#addresses_container.purchase .address a.make_main{display:none;}
#addresses_container.purchase .address .actions a[name="remove"]{display:none;}
#addresses_container.purchase .address.show .actions a[name="make_main"]{display:none;}

#addresses_container.purchase .address .actions a[name="edit"]{float:right;}
#addresses_container:not(.purchase) .address .actions [name="send"]{display:none;}
#addresses_container:not(.purchase) .address a[name="edit"]{display:none;}
#addresses_container.purchase .address .actions input[name="edit"]{display:none;}

.breadcrumb{ margin-bottom: 20px; padding: 10px; background: #FFEF83; font-family: Arial; font-size: 13px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: -15px; }
.breadcrumb a{text-decoration:underline;}
.breadcrumb a:first-child{font-weight:bold;}


/*header crowdfunding*/
#navWrap { 

}
nav {
	z-index: 200;
    background: #fff;
    border-top: 1px solid #ccc;
    display: none;
    text-align: center;
    width: 100%;
    margin:0px;
    padding: 0px;
}
.sticky {
    position: fixed;
    bottom:0;
    left:0;
    text-align: center;
    display: block;
    padding: 0px;
}
/*header*/

.tagged .tagged:after{content:'';  display:block; clear:both;}
.tagged .tag{float:left; margin:5px; background: #f0f0f0; font-size: 0.8em; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.tagged .tag .name{cursor:pointer; padding:5px; float:left;}
.tagged .tag .remove{padding:5px; padding-left: 0px; cursor:pointer; float:left; color: red; font-size: 10px;}
.tagged .tag:hover{ background: #e9e9e9;}

/* progress bar , goal bars */
.progress_bar{ 
	height: 25px;  /* Can be anything */
	position: relative;
	background:#f0f0f0;
	cursor:default;
}

.progress_bar > div{float:left;}
.progress_bar:after{content:''; display:block; clear:both;}

.progress_bar.small{
	height:20px;
}

.progress_bar sup{font-size:10px; line-height: 0;}

.progress_bar > .bar {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #08a453;
}

.progress_bar > .text{
	position:relative;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:25px;
	top:-25px;
	left:20px;
	width:80%;
}
.progress_bar.small > .text{
	font-size:12px;
	left:10px;
	font-weight:normal;
	line-height:20px;
	top:-20px;
}

.progress_bar > .tick{
	position:relative;
	float:right;
	margin-right:5px;
	line-height:25px;
	top:-25px;
}
.progress_bar.small > .tick{
	top:-20px;
	line-height:20px;
}

/*
.goals_bars{margin-left:-30px;}
.goals_bars .progress_bar > .text{left:30px;}
*/
/* progress bar , goal bars */

.tipsy{max-width:500px;}

.pickmeup .pmu-instance:first-child:last-child .pmu-month{color:#666;}

/* */
.project_tab{ 
    min-width: 200px;
    font-family: Helvetica;
    font-weight: 300;
    border-radius: 1em;
    padding-bottom: 1em;  }
/* .project_tab:last-child, .project_tab:nth-last-child(2) { margin-left: auto; margin-right: auto; } */

.project_tab a{text-decoration:none !important;}
.project_tab .cover{width:100%;}
.project_tab .cover img{width: 100%; border-radius: 1em; -webkit-border-radius: 1em;-moz-border-radius: 1em;}

.project_tab .content{ margin: 15px; margin-bottom:0; height:132px; overflow:hidden;}
.project_tab .content p{ margin: 0px; }
.project_tab .content .author{ font-size: 14px; font-weight: bold; margin-bottom: 8px; text-align:center; color: #333333}
.project_tab .content .book{text-align:center;}
.project_tab .content .description{ font-size: 1em; font-weight: 200; margin-top: 12px; line-height: 18px; color: #666; }	

.project_tab .avatar{position:relative; text-align:center; top:-33px;}
.project_tab .avatar img{border-radius:50%; width:60px; }
.project_tab .avatar img:not(:first-child){margin-left:-20px;}
.project_tab .avatar + .content{margin-top:-23px; height:109px;}

.project_tab .footer{ position: relative;
    bottom: 0;
    width: 100%;
    padding-top: 35px;
    margin-top: -35px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #F3F4FE 26%); }
.project_tab .footer .category{ margin: 15px; font-weight: bold; margin-bottom: 0; font-size: 10px; text-transform: uppercase; color: #FD6665; line-height: 15px; } 
.project_tab .footer .stats-container{ margin: 15px; margin-top: 5px; } 
.project_tab .footer .stats-container .progress-bar{ display: flex; background: #FCC9C9; height: 6px; width: 100%; margin-bottom: 10px; }
.project_tab .footer .stats-container .progress-bar .percent-reached{ background: #4135F1; height: 6px;}	
.project_tab .footer .stats-container .stats div{ float: left; width: 38%;}
.project_tab .footer .stats-container .stats div.backers{ width: 42%;}	
.project_tab .footer .stats-container .stats div.days{ width: 20%;}		
.project_tab .footer .stats-container .stats div span{font-size: 12px; font-weight: 300; color: #9697FF }	
.project_tab .footer .stats-container .stats div span.number{font-weight: bold; font-size: 14px; line-height: 20px; color: #000 }
.project_tab .stats:after{content:''; display:block; clear:both;}

.project_tab.admin .cover{position:relative; overflow:hidden; height:175px;}
.project_tab.admin .cover img{width: 100%; height:calc((100%/298) * 175)px; max-width:inherit; position:absolute;}

.areaTabs300{ width:100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /*repeat(3, 1fr); */ gap: 2em; justify-content: space-between; justify-items: center; }
.areaTabs300:after{content:''; display:block; clear:both;}
.areaTabs300 .project_tab{float:left; margin:0 0 30px 0;}

/* PARTNER: */
.project_tab.partner{min-height:inherit; height:inherit; padding-bottom:20px;}
.project_tab.partner .content{text-align:center; height:126px;}
.project_tab.partner .content .description{height:54px;}
.project_tab.partner .content .book{font-size:20px;}
.project_tab.partner .content .description{font-size:15px;}
.project_tab.partner .content .info{font-weight:bold; margin-top:20px; font-size:15px;}
/* : */

@media only screen and (max-width: 489px){
    .areaTabs300 { display: block; }
	.project_tab{width:100%; height:auto;}
	.project_tab .content{height:auto;}
}
@media only screen and (max-width: 769px) and (min-width:490px){
    .areaTabs300 { grid-template-columns: repeat(2, 1fr); }
	.project_tab{/*width:45%;*/}
	.areaTabs300 .project_tab:not(.show_on_mobile):nth-child(2n+2){float:right;}
}
@media only screen and (min-width: 770px){
	.areaTabs300 .project_tab:not(.show_on_mobile):nth-child(3n+3) , .project_tab:not(.show_on_mobile):nth-child(3n+2){/*margin-left:30px;*/}
}
/* */

.video_container.youtube{}
@media only screen and (max-width: 489px){
	.video_container.facebook{height:200px;}
    .video_container.youtube{ position:relative; z-index: 0; }
}

.button.idea{background-color:#08a453; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:140px; color:#fff; line-height:10px; padding:10px; border-radius:2px; text-align:center; text-decoration:none;}
.button.idea:hover{text-decoration:none;}

.bread{ font-size: 1em; float:left;}
.bread a{text-decoration:underline;}
.bread span ~ span{}
.bread span ~ span:before{content:'/'; padding:10px; color: #cccccc; font-size: 0.8em; font-weight: bold;}

/* FROALA: */
.fr-emoticon{padding:4px 17px 0 0; background-repeat:no-repeat !important; background-size:20px 20px !important;}
/* :FROALA */

.comments .comment br{display:block; content:''; margin-top:12px;}

.blue{color:#4990E2 !important;}

body.unabled{overflow:hidden; background-color:#f7f7f7;}

.head_menu_button{background:url('/images/head_menu.svg') no-repeat center; /*background-size:35px 35px; padding:15px;*/ cursor:pointer; text-align:right; /*margin:16px 5px;*/ padding: 1ch; background-size: 2ch; }
.head_menu{display:none; position:relative; width:100%; height:1000px; overflow:hidden; left:-15px; /*top:-20px;*/ padding:15px; text-align:center; background-color:#fff; font-weight:normal; line-height:40px;}
.head_menu .frame{width:calc(100% - 30px); margin:15px;}

.tiny_button{padding:3px 4px 3px 4px; border-radius:2px; font-size:12px; background-color:#4990E2; font-weight:bold; color:#fff; border:0 !important; cursor:pointer;}

.copy-text-cmd {
    padding:12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    cursor: pointer;
}