@charset "utf-8";
/* CSS Document */
html {
margin: 0;
padding: 0;
overflow-x: auto;
overflow-y: scroll;
opacity:0;
min-width: 1275px;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
font-family: 'Open Sans', sans-serif;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
font-weight: normal;
min-width: 1275px;
}
h2{
margin:0px;
padding:10px;
}
.no_decor{
text-decoration: none;
}
.page_container{
min-width: 1275px;
}
.display_inline_top{
display:inline-block;
vertical-align: top;
}
.display_inline_top:before{
display:inline-block;
vertical-align: top;
}
.display_inline_middle{
display:inline-block;
vertical-align: middle;
}
.display_inline_middle:before{
display:inline-block;
vertical-align: middle;
}
.left_aligned{
text-align: left;
}
/*FONTS*/
.font_rubik{
font-family: 'Rubik', sans-serif;
}
.font_opensans{
font-family: 'Open Sans', sans-serif;
}
.font_uppercase{
text-transform: uppercase;
}
.font_italic{
font-style: italic;
}
/*COLORES*/
.color_blanco{
color:#fff;
}
.color_morado{
color:#2f114f;
}
.color_amarillo{
color:#faee48;
}
.color_verde{
color:#dfff57;
}
.color_celeste{
color:#93ffd5;
}
.footer_text1{
margin-bottom: 24px;
}
.footer_link {
margin: 0px 5px;
}
.footer_gris_area{
padding-bottom:30px;
}
/*BACKGROUNDS*/
.background_morado{
background-color: #330850;
}
.background_azul{
background-color:#3c414a;
}
.background_gris{
background-color: #3c414a;
}
.background_rosa{
background-color: #dd4e54;
}
.background_amarillo{
background-color: #faee48;
}
.background_blanco{
background-color: #fff;
}
.background_gris_transparente{
background-color: rgba(60,65,64,0.7);
}
.background_cover{
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*TAMAÑOS FONTS*/
.f30{
font-size: 30px;
}
.f22{
font-size: 22px;
}
.f17{
font-size: 17px;
}
.f16{
font-size: 16px;
}
.font_weight_medium{
font-weight: 500;
}
.font_weight_bold{
font-weight: bold;
}
/*GENERALIDADES*/
.nomarginpadding{
margin:0px;
padding:0px;
}
/*PORTADA*/
.vcenter_button{
display: flex;
justify-content: center;
align-items: center;
}
.portada_element_area1:hover .portada_element_hover_change{
color:#faee48;
}
.portada_element_area1_mid3_mid:hover .portada_element_hover_change{
color:#faee48;
}
.portada_element_area1_big_last:hover .portada_element_hover_change{
color:#faee48;
}
.portada_element_area1_medium_last:hover .portada_element_hover_change{
color:#faee48;
}
.portada_element_area1_big_last{
position:relative;
cursor:pointer;
}
.portada_element_area1_medium_last{
position:relative;
cursor:pointer;
}
.portada_element_area1{
position:relative;
margin-bottom:20px;
cursor:pointer;
}
.portada_element_area1_mid3_mid{
position:relative;
margin-bottom:20px;
cursor:pointer;
}
.portada_element_title{
padding:15px;
position:absolute;
bottom:0px;
}
.portada_element_cat_name{
padding:10px;
}
.alto_20{
height:20px;
}
.alto_5{
height:5px;
}
.banner_horizontal{
max-width:728px;
max-height:90px;
min-width:728px;
min-height:90px;
width:728px;
height:90px;
background-color: #666;
}
/* MENU */
#menu_fixed{
position:fixed;
top:0px;
left:0px;
z-index: 1000;
}
.menu_fondo{
background-color: #ffef2e;
}
.menu_left_aligned{
margin-left:30px;
float:left;
}
.menu_right_aligned{
float:right;
}
.menu_relato_letras{
margin-left:5px;
}
.menu_scrolleable_cell{
height:60px;
max-height:60px;
overflow:hidden;
}
.menu_scrolleable_halfmargin{
max-width: 15px; min-width: 15px; width: 15px;
}
.menu_scrollable_height_60{
height:60px;
max-height:60px;
}
.menu_icon{
max-height: 60px; min-height: 60px; height: 60px; width: 44px; max-width: 44px; min-width: 44px; background-color: transparent;
}
.menu_cell_lupa{
max-height: 60px; min-height: 60px; height: 60px; background-color: transparent;
}
.menu_cell_lupa:hover{
background-color: #FFF;
}
.menu_social_fb:hover{
background-color: #475995;
}
.menu_social_tw:hover{
background-color: #5ea0ef;
}
.menu_social_yt:hover{
background-color: #de5053;
}
.menu_social_in:hover{
background-color: #a63382;
}
.menu_scrollable_text{
font-size: 17px; margin-left: 14px; margin-right: 14px;
}
.menu_scrolleable_icon_container{
margin-left: 10px; margin-right: 10px;
}
.menu_scrolleable_cell_unactive{
overflow:hidden;
background-color: transparent;
font-weight:normal;
}
.menu_scrolleable_cell_active{
background-color: #fff;
font-weight: bold;
}
.menu_scrolleable_cell_unactive:hover{
background-color: #FFF;
font-weight:bold;
}
.menu_area_busqueda{
}
.area_menu{
height:60px;
}
.menu_boton_buscar{
padding: 10px;
background-color: #330850;
border: none;
cursor: pointer;
overflow: hidden;
color: #FFF;
font-size: 17px;
}
.menu_input_buscar{
padding: 10px;
font-size: 17px;
width: 900px;
margin-right: 20px;
}
.input_responsive_button{
cursor: pointer;
overflow: hidden;
border: 0px solid;
}
#menu_scrolleable_cell_lupa{
cursor:pointer;
}
#menu_scrolleable_cell_lupa2{
cursor:pointer;
}
/*SUBMENUS*/
.submenu{
position:fixed;
z-index: 1001;
left:0px;
top:0px;
}
.submenu_lateral{
position:fixed;
z-index: 1002;
left:0px;
top:0px;
}
.submenu_areablanca{
}
.menu_contenedor_principal{
cursor:pointer;
}
.submenu_item{
cursor:pointer;
}
.submenu_item_text_background{
}
/*FOOTER*/
.footer_morado_text{
padding-top:32px;
padding-bottom:32px;
}
.footer_logo{
margin-top:30px;
margin-bottom:27px;
}
/*PAGINATION*/
.pagination{
color: #363d47;
font-family: 'Rubik', sans-serif;
font-size: 30px;
font-style: italic;
font-weight: 500;
margin: 10px 7px 5px;
order: 10;
padding: 0;
width: 100%;
}
.pagination li{
display: inline-block;
list-style-type: none;
margin-right: 0.5em;
}
.pagination li a{
color: rgb(47, 17, 79);
text-decoration: none;
}
.pagination li.active a{
color: rgb(254, 77, 83);
}
/*MEDIA QUERIES*/
@media only screen and (max-width : 1550px) {
.menu_relato_letras{
display:none;
}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1551px) {
.menu_relato_letras{
display:inline-block;
}
}
/*MEDIA QUERIES*/
@media only screen and (max-width : 1219px){
.menu_scrollable_text{
font-size: 15px; margin-left: 10px; margin-right: 10px;
}
.menu_scrolleable_halfmargin{
max-width: 10px; min-width: 10px; width: 10px;
}
.menu_scrolleable_icon_container{
margin-left: 7px; margin-right: 7px;
}
.menu_social_icon_image{
width:24px; height:24px;
}
.menu_input_buscar{
padding: 10px;
font-size: 17px;
width: 900px;
margin-right: 20px;
}
.portada_element_hover_change{
font-size: 18px;
}
.submenu_item_text{
font-size: 15px;
padding:7px 10px;
}
}
@media only screen and (max-width : 1399px) and (min-width : 1220px) {
.menu_scrollable_text{
font-size: 15px; margin-left: 10px; margin-right: 10px;
}
.menu_scrolleable_halfmargin{
max-width: 10px; min-width: 10px; width: 10px;
}
.menu_scrolleable_icon_container{
margin-left: 7px; margin-right: 7px;
}
.menu_social_icon_image{
width:24px; height:24px;
}
.menu_input_buscar{
padding: 10px;
font-size: 17px;
width: 900px;
margin-right: 20px;
}
.portada_element_hover_change{
font-size: 20px;
}
.submenu_item_text{
font-size: 15px;
padding:8px 12px;
}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1400px) {
.menu_scrollable_text{
font-size: 17px; margin-left: 14px; margin-right: 14px;
}
.menu_scrolleable_halfmargin{
max-width: 15px; min-width: 15px; width: 15px;
}
.menu_scrolleable_icon_container{
margin-left: 10px; margin-right: 10px;
}
.menu_social_icon_image{
width:24px; height:24px;
}
.menu_input_buscar{
padding: 10px;
font-size: 17px;
width: 900px;
margin-right: 20px;
}
.portada_element_hover_change{
font-size: 30px;
}
.submenu_item_text{
font-size: 17px;
padding:10px 15px;
}
}
.img_autor_thumb{
margin-top:-50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width:185px;
height:185px;
border: 5px solid #ffef2e;
}
.author_table{
background-color: #f1f1f1;
min-height:135px;
}
.autor_texto_nombre{
color:#fe4d54;
font-size: 22px;
font-style: italic;
font-weight: 700;
}
.autor_texto_1{
color: #33094f;
font-weight: 700;
font-size: 16px;
margin: 0.3em 0;
}
.autor_texto_2{
color: #3c414a;
font-weight: 700;
font-size: 14px;
margin: 0.3em 0;
}
.autor_texto_email{
color: #3c414a;
font-weight: 700;
font-size: 14px;
margin: 0.3em 0;
}
.autor_texto_redes{
color: #3c414a;
font-weight: 700;
font-size: 14px;
margin: 0.3em 0;
}
.action_autor{
font-weight: 400;
color: #3c414a;
}