/****/
.navbar-default .navbar-collapse{
border-color: #A72907!important;
background-color: #A72907!important; 
}

.toTop {
width: 50px;
height: 50px;
font-size: 50px;
line-height: 50px; 
color: #A72907;
position: fixed;
right: 20px;
bottom: 180px;
display: none;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
cursor: pointer;
}
/***/
@import url('https://fonts.googleapis.com/css?family=Merriweather|Slabo+27px');
body{
background-image: url("../../img/ep_naturalwhite.png");
background-color: black;
background-repeat:repeat;
/*background-size: cover;*/
background-attachment: fixed;
}
.principal-logo{
background-color: #a72907;padding-top: 10px;  
}
.col-md-9{
padding-left: 70px;
}
.navbar-default {
background-color: #a72907; /*#991b18;*/
border-color: #e7e7e7;
/*padding: 12px 12px;*/
border-bottom: 5px solid #00b5e2;
z-index: 1!important;
}

.navbar-default .navbar-brand {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.navbar-default .navbar-brand:hover{
color: #E6CFD6;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
font-family: 'Sitka Small', bold;
color: #fff;
text-decoration: none;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-text:hover {
color: #00b5e2;
text-decoration: none;
}
.navbar-default .navbar-nav>li>a{
display: inline-block;
position: relative;
color: #fff;
font-size: 16pt;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.navbar-default .navbar-nav>li>a:after{
content: "";
display: block;
margin: auto;
height: 2px;
width: 0px;
transition: all .8s;
}
.navbar-default .navbar-nav>li>a:hover:after {
width: 100%;
background: #00b5e2;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
font-family: 'Sitka Small', bold;
}
/***/

#relatos a{
text-decoration: none;
}
#relatos .item {min-height:100px; height: 30vh;background: no-repeat center center scroll;background-size: cover;}
#relatos .item img {width:100%; min-height:100%; height:100%; display: block;}

#relatos .carousel-control.left 
{
left: 1px;
background-image: none;
background: none repeat scroll 0 0 #00b5e2;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width : 40px;
margin-top: 13vh;
}
#relatos .carousel-control.right 
{
right: 1px !important;
background-image: none;
background: none repeat scroll 0 0 #00b5e2;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width : 40px;
margin-top: 13vh;
}
.titulo-principal span{
padding-left: 18px;
background-image: url(../../img/ep_naturalwhite.png);
z-index: 1;
font-family: 'Sitka Small', bold;
position: relative;
padding-right: 18px;
font-size: 20px;
font-weight: 900;
color: #00b5e2;
}
#linea {
padding: 2px 0;
font-weight: 700; 
border-left: 5px solid #A72907;
position: relative;
text-transform: uppercase;
margin-bottom: 25px;
margin-top: 25px;

}
#linea:after {
content: '';
width: 100%;
height: 0px;
border-bottom: 1px dotted #A72907;
position: absolute;
display: block;
top: 12px;
right: 0;
}
h2{
font-family: 'Sitka Small', bold;
text-align: center;
font-style: italic;
}
p{
/*font-family: 'Roboto', sans-serif;*/
text-align: justify;
font-size: 10pt;
}
hr{
border: 1px solid #466E76;
height: 1px;
}
.item {min-height:100px; height: 90vh;background: no-repeat center center scroll;background-size: cover;}
.item img {width:100%; min-height:100%; height:100%; display: block;}

/***/
section .container-fluid{
padding-bottom: 100px
}
.revista{
width: 100%;
padding: 25px;
background-color: #f2fbfd;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
}
article.main_article { 
padding:70px;
margin:20px 0;
color:#000;
background-color: #f2fbfd;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1); 
}
.main_article .none{
list-style: none;
}
.main_article .clave{
font-size: 15px
}
article.indice_article{
padding:20px;
margin:20px 0;
color:#000;
background-color: #f2fbfd;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);  
}
article.menu_revista{
padding:70px;
color:#000;
background-color: #f2fbfd;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);  
}
article.presentacion{
padding:70px;
color:#000;
background-color: #f2fbfd;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
margin-bottom: 20px;
}
article.ant{
padding:70px;
margin:20px 0;
color:#000;
background-color: #f2fbfd;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);    
}
article h2 {
color:#CF7F00;
font-size: 25px;
}
article h3 {
color:#191919;
font-size: 15px;
}

article p {
line-height: 20px;
padding-bottom: 20px;
text-align: left;
}

article .btn{
color: #A72907;
font-weight: 550;
font-family: 'Roboto', sans-serif;
font-size: 15px;
padding: 10px 40px;
border: solid 1px #A72907;
text-decoration: none;
margin-left: 80%;
}
article .btn:hover{
background: #A72907;
color: #fff;
text-decoration: none;
}

.tab-content {
border: 1px solid #eee;
border-top: none;
padding: 0px!important;

}
/***INDICE****/
.bajo{
padding-top: 25px;
padding-bottom: 25px;

}
.indice h1{
font-family: 'Sitka Small', bold;
color: #A72907;
font-size: 3rem;
}
.indice .lista li{
font-family: 'Sitka Small', bold;
color: #A72907;
}
.indice .lista{
list-style: none;
}

.indice .lista_2{
list-style: none;
}
.indice .lista_2 a{
color: #000;
text-decoration: none;  
}
.indice .lista_2 a:hover{
text-decoration-line: underline;
text-decoration-style: double;

}
.indice{
padding-top: 20px;
}
.hero-image{
height: 20%;  
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
-webkit-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
box-shadow: 10px 10px 5px 0px rgba(194,194,194,1);
}
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-family: 'Sitka Small', bold;
}

.indice .lista p{
font-family: 'Sitka Small', bold;
font-size: 1.5rem;  
} 
/***/
#seccion_img{
padding-left: 15%;
padding-right: 15%;
}
/****/
#seccion_img .row > .column {
padding: 0 8px;
}

#seccion_img .row:after {
content: "";
display: table;
clear: both;
}

#seccion_img .column {
float: left;
width: 25%;
}

#seccion_img .column img{
margin-bottom: 14px;
}

#seccion_img .modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: black;
}

#seccion_img .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
width: 90%;
max-width: 1200px;
}

#seccion_img .close {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
}

#seccion_img .close:hover,
#seccion_img .close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}

#seccion_img .mySlides {
display: none;
}

#seccion_img .cursor {
cursor: pointer;
}

/* Next & previous buttons */
#seccion_img .prev,
#seccion_img .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}

#seccion_img .next {
right: 0;
border-radius: 3px 0 0 3px;
}

#seccion_img .prev:hover,
#seccion_img .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}

#seccion_img .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

#seccion_img .caption-container {
text-align: center;
background-color: black;
padding: 2px 16px;
color: white;
}

#seccion_img .demo {
opacity: 0.6;
}

#seccion_img .active,
#seccion_img .demo:hover {
opacity: 1;
}

#seccion_img img.hover-shadow {
transition: 0.3s;
}

#seccion_img .hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/****/
#seccion_archivos{
padding-left: 15%;
padding-right: 15%;
}
#seccion_archivos .b{
list-style-type: square;
}
/****/
#seccion_links{
padding-left: 15%;
padding-right: 15%;
}
#seccion_links .main_article .resumen{
font-style: italic;
font-size: 15px;
}
.label-default{
background-color: #00b5e2;
font-size: 13px;
font-style: italic;
}

/*****/
.forma_btn{
background-color: #5cb85c;
color: #fff;
}
/****/

footer{
background-color: #A72907;
} 

footer .direccion li{
font-size: 13px;
list-style:none;
color: #fff;
}
footer h3, footer label{
color: #fff;
}
footer .btn-default{
font-size:15px;
font-weight: bold; 
}
footer .btn-default:hover{
color: #fff;
background-color: #a84061;
}
footer .foot{
color: #fff;
padding: 20px;

}
footer p,footer span{
color: #fff!important;
}
.logo-part {
border-right: 2px solid #fff;
height: auto;
margin-top: 35px;
}
/***/
iframe{
width: 100%;
}

h1.social{
font-size: 14px;
color: #A72907;
font-family: 'Sitka Small', bold;
text-align: center;
font-style: italic;
}
#social-share i{
cursor: pointer;
}

.breadcrumb{
font-size: 12px;
}
.breadcrumb .label-info{
font-size: 13px;
}

.breadcrumb .label-warning{
  font-size: 13px;
}

@media screen and (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
font-size: 12pt!important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
font-size: 12pt!important;
}
.navbar-default .navbar-collapse{
border-color: #A72907!important;
background-color: #A72907!important; 
}
.principal-logo{
padding-top: 20px!important;  
}
#relatos .item {
height: 10vh!important;
}
#relatos .carousel-control.right {
margin-top: 5vh!important;
}
#relatos .carousel-control.left {
margin-top: 5vh!important;
}
.container-fluid{
padding-right: 5%!important;
padding-left: 5%!important;
}
.indice .lista li {
font-size: 2.5rem!important;
}
.titulo-principal span {
font-size: 2.5rem!important;  
}
.revista {
margin-left: 10%;
width: 80%!important;
}
.col-md-9 {
padding-left: 0!important;
padding-right: 0!important;
}
article .btn {
margin-left:0!important;
}
footer .foot {
padding: 0!important;
padding-right: 0!important;
}
article.menu_revista {
padding: 30px!important;
}
article.ant {
padding: 30px!important;
}
article.presentacion {
padding: 30px!important;
}
article.main_article {
padding: 30px!important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff!important;
}
article img{
  width: 100%!important;
}
footer .direccion li {
font-size: 11px!important;
}

a {
    font-size: 8pt;
}
}



/*********/
/* ========================================= CONTENEDOR ========================================= */ .galeria-editorial { max-width: 1200px; margin: 70px auto; padding: 0 30px; } /* ========================================= ENCABEZADO ========================================= */ .galeria-titulo { margin-bottom: 45px; border-left: 3px solid #8b7658; padding-left: 20px; } .galeria-titulo span { font-family: Arial, sans-serif; font-size: 11px; letter-spacing: 3px; color: #8b7658; } .galeria-titulo h2 { margin: 8px 0; font-family: Georgia, serif; font-size: 38px; font-weight: normal; color: #292929; } .galeria-titulo p { margin: 0; font-family: Arial, sans-serif; color: #777; font-size: 14px; } /* ========================================= GRID ========================================= */ .grid-fotos { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 80px; gap: 25px; } /* ========================================= TODAS LAS FOTOS ========================================= */ .foto { margin: 0; display: flex; flex-direction: column; } /* IMAGEN */ .foto-img { position: relative; width: 100%; height: 100%; overflow: hidden; background: #e5e1da; cursor: pointer; } .foto-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease, filter .4s ease; } /* EFECTO */ .foto-img:hover img { transform: scale(1.04); filter: brightness(.75); } /* "+" */ .ver-imagen { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.7); width: 48px; height: 48px; border: 1px solid white; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; font-size: 25px; opacity: 0; transition: .35s; } .foto-img:hover .ver-imagen { opacity: 1; transform: translate(-50%, -50%) scale(1); } /* ========================================= DISTRIBUCIÓN ========================================= */ /* Foto principal */ .foto-grande { grid-column: span 7; grid-row: span 7; } /* Foto vertical */ .foto-vertical { grid-column: span 5; grid-row: span 7; } /* Foto pequeña */ .foto-pequena { grid-column: span 4; grid-row: span 5; } /* Foto horizontal */ .foto-horizontal { grid-column: span 8; grid-row: span 5; } /* ========================================= PIE DE FOTO ========================================= */ figcaption { padding-top: 12px; } figcaption span { font-family: Arial, sans-serif; text-transform: uppercase; letter-spacing: 1.5px; font-size: 10px; color: #9a8361; } figcaption p { margin: 5px 0 0; font-family: Georgia, serif; font-size: 13px; line-height: 1.5; color: #555; } /* ========================================= VISOR ========================================= */ .visor { position: fixed; inset: 0; background: rgba(20,20,20,.94); display: none; align-items: center; justify-content: center; z-index: 99999; padding: 40px; } .visor.activo { display: flex; } .visor img { max-width: 92vw; max-height: 90vh; object-fit: contain; } .cerrar { position: absolute; top: 20px; right: 30px; border: 0; background: none; color: white; font-size: 40px; cursor: pointer; font-weight: 200; } /* ========================================= TABLET ========================================= */ @media(max-width: 800px) { .grid-fotos { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 180px; } .foto-grande, .foto-vertical, .foto-pequena, .foto-horizontal { grid-column: span 1; grid-row: span 2; } } /* ========================================= CELULAR ========================================= */ @media(max-width: 550px) { .galeria-editorial { padding: 0 18px; margin: 40px auto; } .galeria-titulo h2 { font-size: 30px; } .grid-fotos { display: block; } .foto { margin-bottom: 35px; } .foto-img { height: 300px; } }