@charset "UTF-8";
/* CSS Document - FLHU */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body, html {width: 100%; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:1em; line-height:1.25em; color:rgba(10,20,140,1); font-weight:400;}
body, html, .main {height: 100% !important;}

img {max-width:100% !important; border:0 !important;}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/*-- colours --*/
.white, .hover-white:hover {background-color:#fff !important;color:rgba(10,20,140,1)}
.white-text, .hover-white-text:hover {color:#fff;}
.light-grey, .hover-light-grey:hover {background-color:#f1f1f1;color:#666}
.dark-grey,.hover-dark-grey:hover{color:#fff;background-color:#1F1F1F}
.dark-grey-text,.hover-dark-grey-text:hover{color:#1F1F1F}
.black-text, .hover-black-text:hover {color:#000;}
.purple, .hover-purple:hover {background-color:rgba(130,30,160,1.00);color:#fff !important}
.purple-text, .hover-purple-text:hover {color:rgba(130,30,160,1.00);}
.peach, .hover-peach:hover {background-color:rgba(250,228,206,1.00);color:rgba(130,30,160,1.00) !important}
.peach-text, .hover-peach-text:hover {color:rgba(250,228,206,1.00);}
.red-text, .hover-red-text:hover {background-color:rgba(205,0,3,0.50);color:#fff;}
.lilac, .hover-lilac:hover {background-color:rgba(164,120,179,1);color:#fff !important}
.lilac-text, .hover-lilac-text:hover {color:rgba(164,120,179,1) !important;}
.rose, .hover-rose:hover {background-color:rgba(216,120,153,1);color:#fff !important}
.rose-text, .hover-rose-text:hover {color:rgba(216,120,153,1) !important;}
.teal, .hover-teal:hover {background-color:rgba(23,184,177,1);color:#fff !important}
.teal-text, .hover-teal-text:hover {color:rgba(23,184,177,1) !important;}
.fucsia, .hover-fucsia:hover {background-color:rgba(230,30,100,1);color:#fff !important}
.fucsia-text, .hover-fucsia-text:hover {color:rgba(230,30,100,1) !important;}
.rojo, .hover-rojo:hover {background-color:rgba(234,29,40,1);color:#fff !important}
.rojo-text, .rojo-fucsia-text:hover {color:rgba(234,29,40,1) !important;}
.azul, .hover-azul:hover {background-color:rgba(43,48,168,1);color:#fff !important}
.azul-text, .hover-azul-text:hover {color:rgba(43,48,168,1) !important;}
.violeta, .hover-violeta:hover {background-color:rgba(158,40,116,1);color:#fff !important}
.violeta-text, .hover-violeta-text:hover {color:rgba(158,40,116,1) !important;}
.verde, .hover-verde:hover {background-color:rgba(140,198,62,1);color:#fff !important}
.verde-text, .hover-verde-text:hover {color:rgba(140,198,62,1) !important;}
.naranja, .hover-naranja:hover {background-color:rgba(255,158,31,1);color:#fff !important}
.naranja-text, .hover-naranja-text:hover {color:rgba(255,158,31,1) !important;}
.rojo-oscuro, .hover-rojo-oscuro:hover {background-color:rgba(204,0,20,1);color:#fff !important}
.rojo-oscuro-text, .hover-rojo-oscuro-text:hover {color:rgba(204,0,20,1) !important;}
.azul-oscuro, .hover-azul-oscuro:hover {background-color:rgba(10,20,140,1);color:#fff !important}
.azul-oscuro-text, .hover-azul-oscuro-text:hover {color:rgba(10,20,140,1) !important;}
.violeta-oscuro, .hover-violeta-oscuro:hover {background-color:rgba(132,0,82,1);color:#fff !important}
.violeta-oscuro-text, .hover-violeta-oscuro-text:hover {color:rgba(132,0,82,1) !important;}
.verde-oscuro, .hover-verde-oscuro:hover {background-color:rgba(112,160,36,1);color:#fff !important}
.verde-oscuro-text, .hover-verde-oscuro-text:hover {color:rgba(112,160,36,1) !important;}
.naranja-oscuro, .hover-naranja-oscuro:hover {background-color:rgba(226,122,19,1);color:#fff !important}
.naranja-oscuro-text, .hover-naranja-oscuro-text:hover {color:rgba(226,122,19,1) !important;}

.shadowed {text-shadow: 0 0 1em black, 0 0 0.2em black; color:#fff !important}
.shadowed-lilac {text-shadow: 0 0 1em #5A0089, 0 0 0.2em black; color:#fff !important}
.shadowed-rose {text-shadow: 0 0 1em #C15981, 0 0 0.2em black; color:#fff !important}
.shadowed-teal {text-shadow: 0 0 1em #12A095, 0 0 0.2em black; color:#fff !important}

a, a:link, a:visited {color:rgba(234,29,40,1)!important;-webkit-transition:background-color .3s,color .15s;-o-transition:background-color .3s,color .15s;-moz-transition:background-color .3s,color .15s;transition:background-color .3s,color .15s;text-decoration: none;}
a:hover, a:link:hover, a:visited:hover {color:rgba(234,29,40,1)!important;background-color:rgba(250,228,206,1.00);text-shadow: 0 0 0 white}

.header img:hover, .header a:hover, .header a:link:hover, .header a:visited:hover {background-color:rgba(250,228,206,0);}

.white-links a, .white-links a:link, .white-links a:visited {color:rgba(255,255,255,1.00)!important;}
.peach-links a, .peach-links a:link, .peach-links a:visited {color:rgba(250,228,206,1.00)!important;}
.teal-links a, .teal-links a:link, .teal-links a:visited {background-color:rgba(23,184,177,1);color:#fff !important;}
.fucsia-links a, .fucsia-links a:link, .fucsia-links a:visited {color:rgba(230,30,100,1)!important;}

.white-links a:hover, .white-links a:link:hover, .white-links a:visited:hover,
.peach-links a:hover, .peach-links a:link:hover, .peach-links a:visited:hover,
.teal-links a:hover, .teal-links a:link:hover, .teal-links a:visited:hover,
.fucsia-links a:hover, .fucsia-links a:link:hover, .fucsia-links a:visited:hover
{color:rgba(234,29,40,1)!important;background-color:rgba(250,228,206,1.00)!important;}

p a, p a:link, p a:visited, p a:hover, p a:link:hover, p a:visited:hover {text-decoration:underline;text-decoration-line: underline;text-decoration-thickness: 6px;text-transform: uppercase; font-size: 1em; font-weight: 700;}

#pie a, #pie a:link, #pie a:visited, #pie a:hover, #pie a:link:hover, #pie a:visited:hover {text-decoration:none!important;}
#pie {letter-spacing: 0.25em; font-weight: 700;text-transform: uppercase; font-size: 0.75em;}

/*-- styling --*/
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; padding: 0; margin: 0; line-height:1.25em; -webkit-font-smoothing: antialiased !important; font-weight:400;}
h1 {font-size:1.5em; font-weight: 700;}
h2 {font-size:1.5em; font-weight: 400;}
h3{font-size:1em;line-height:1.5em; font-weight: 700;}
h4{font-size:1em; font-weight: 400;}
h5 {font-size:1.75em; font-weight: 700;}
p {line-height:1.5em;}
.small-text {font-size: 90%;}

@media (min-width:500px){
h1 {font-size:2em;}
h2 {font-size:2em;}
h3{font-size:1.25em;}
h4{font-size:1.25em;}
h5 {font-size:2.25em;}
}

@media (min-width:600px){
h1 {font-size:2em;}
h2 {font-size:2em;}
h3{font-size:1.25em;}
h4{font-size:1.25em;}
h5 {font-size:2.75em;}
p {font-size:1.2em;}
}

.center {text-align:center;}
.left {text-align:left;}
.text-uppercase {text-transform: uppercase;}
.text-shadow {color:rgba(255,255,255,1.00); text-shadow: 1px 1px 1px rgba(31,31,31,1.00);}

.margin-big-top{margin-top: 10px;}
@media (min-width:600px){.margin-big-top{margin-top: 30px;}}
@media (min-width:800px){.margin-big-top{margin-top: 40px;}}
.margin-bigger-top{margin-top: 40px;}

@media (min-width:601px){.hide-big{display: none;}}
@media (max-width:600px){.hide-big{display: block;}}

.charlas-subtitulo {text-transform: uppercase; text-decoration: underline; margin-bottom: 0 !important;}
.text-purple-peach {background-color:rgba(250,228,206,1.00);color:rgba(130,30,160,1.00) !important; padding: 0.25em; margin-bottom: 1em;}
.hora-destacado {color:rgba(130,30,160,1.00);background-color:#fff; padding: 0.5em; margin: -20px -20px 0px -20px;}

/*-- divs --*/
.display-container {position:relative;}

.display-middle{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.header{position: fixed; top: 0px; display: block; height: 80px; width: 100%; z-index: 10000;align-items: center;text-align: center;vertical-align: middle; padding: 10px;}
.header img {max-height: 100%;}

.home-box {padding: 40px;}
@media (min-width:600px){.home-box {padding: 60px;}}
@media (min-width:800px){.home-box {padding: 60px;}}

.content-portion {display: block; position:relative; z-index:1; margin:0;}

.content-bound-400, .content-bound-600, .content-bound-800 {position:relative; max-width:400px; margin:auto; padding:0;}

@media (min-width:600px){.content-bound-600 {max-width:600px;}}
@media (min-width:864px){.content-bound-800 {max-width:800px;}}

.padding-16 {padding:16px;}
.padding-32 {padding:32px;}
.padding-64 {padding:64px 32px 64px 32px;}
.padding-128 {padding:128px 32px 128px 32px;}

.half {display: block; width: 100%; box-sizing: border-box;}
.right{margin-top: 1em;}
@media (min-width:864px){.half {display: inline-block; width: 49%; vertical-align: top;}.right{padding-left: 6%; margin-top: 0;}}

#produccion-cont p {padding: 0; margin: 0em 0 1em 0;}

.caja-destacado {margin: 0; padding: 20px;}
.borde-destacado {margin: 0; padding: 20px; border: 1px solid rgba(130,30,160,1.00);}
.borde-destacado1 {margin: 0; padding: 20px; border: 1px solid white; color:rgba(130,30,160,1.00)  !important; background-color:#fff !important;}

/*-- effects --*/
.hover {-webkit-transition:background-color .3s,color .15s;-o-transition:background-color .3s,color .15s;-moz-transition:background-color .3s,color .15s;transition:background-color .3s,color .15s}
.opacity,.hover-opacity:hover{opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden}
.opacity-off,.hover-opacity-off:hover{opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:hidden}


/*-- effects --*/
.mailing {display: block; position: relative; margin: auto; width: 240px; max-width: 100%; text-align: center;}
.emailMarketingSubscriptionFormContainer {position: relative; text-align: center;background-color:rgba(130,30,160,1.00)!important;color:#fff!important}


/*-- PARALLAX --*/

/* Parallax Effect */
.parallax {
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 440px;
	text-align:center;
}

.opaque {
    opacity: 1;
}

/* First image (Main. Full height) */
.bgimg-main { background-image: linear-gradient(to top, rgba(10,20,140,0.45), rgba(10,20,140,0.25)), url('img/museo2.jpg'); min-height: 700px; height: 100%;}

/* Second image (Main. Full height) */
.bgimg-second { background-image: linear-gradient(to top, rgba(20,0,40,0.25), rgba(00,0,40,0.15)), url('img/museo2.jpg');}

/* Third image (Main. Full height) */
.bgimg-third { background-image: linear-gradient(to top, rgba(20,0,40,0.25), rgba(00,0,40,0.15)), url('img/fondo-libros.jpg');}

/* LaPuertoRico image (Main. Full height) */
.bgimg-LaPuertoRico { background-image: linear-gradient(to top, rgba(20,0,40,0.75), rgba(00,0,40,0.25)), url('img/lapuertorico-02b.jpg');}

/* produccion image (Main. Full height) */
.bgimg-produccion { 
	background-image: url('img/fondo-libros.jpg'); 
	margin-top: 40px;
	opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align:center;
}