/*  Base para fuente integrada desde directorio  */
/*@font-face {
  font-family: 'entypo-selected';
  src: url("font/entypo-selected.eot");
  src:
    url("font/entypo-selected.eot?#iefix") format('embedded-opentype'),
    url("font/entypo-selected.woff") format('woff'),
    url("font/entypo-selected.ttf") format('truetype'),
    url("font/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}*/

body
{
    font-family: 'Raleway', 'Arial', sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
    font-weight: 300;
    color: #575757;
    background-color: #FDF3E4;
    margin: 0;
    /* background: url(../images/bg-body.jpg) center 0 repeat #ecebe3; */
}
#header-jake, #main-jake,
div#contenedor-elementos-footer
{
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
    text-align: center;
}
div#contenedor-elementos-footer
{
    padding: 20px 0px;
}
#header-jake, #main-jake
{
    margin-bottom: 20px;
    border-bottom: solid 2px rgb(116, 67, 6);
}
div#header-inicial
{
display: inline-block;
/*width: 25%;*/
margin-top: 30px;
min-width: 218px;
}
div.logo-cabeza
{

padding: 18px 10px;
background-color: antiquewhite;
border-radius: 5px;
transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
box-shadow: inset 2px 1px 8px gray;
background-image: url(../images/mantel-logo.png);
background-size: cover;
}
div.logo-cabeza img, .eslogan
{
/*width: 200px;*/
width: 150px;
transform: rotate(4deg);
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
}
div#header-medio
{
display: inline-block;
width: 73%;
vertical-align: top;
margin-top: 10%;
}
div#header-final {
display: inline-block;
vertical-align: top;
}
.support-note span
{
    color: #e07870;
    font-size: 16px;
    display: none;
    font-weight: 500;
    text-align: center;
    padding: 5px 0;
    text-shadow:  1px 1px 1px rgba(0,0,0,0.3);
    display: block;
}
#home-slideshow
{
    /*background-image: url(../images/slideshow.png);
    background-size: contain;
    background-repeat: no-repeat;*/
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.linea-separador
{
    border-bottom: solid 2px #744306;
    padding-bottom: 20px;

}
.linea-separador:last-child
{
    border-bottom: solid 2px transparent;
}
.txt-logo
{
    font-size: 25px;
    color:#FF3400;
    margin-top: 30px;
    font-weight: bold;
    font-style: italic;
}
.bloque-info
{
display: table;
margin: 0 auto;
}
.marcadores-sociales li
{
font-size: 0;
display: inline-block;
}
.marcadores-sociales li a
{
width: 23px;
height: 23px;
display: block;
border-radius: 50%;
background-size: 19px;
background-repeat: no-repeat;
background-position: 2px;
}


li.facebook a 
{
background-image: url(../images/fb.svg);
background-color: #3A5A9F;
}
li.youtube a 
{
background-image: url(../images/yt.svg);
background-color: #D22222;
}
li.twitter a 
{
background-image: url(../images/tw.svg);
background-color: #44AFE2;
}
li.linked-in a 
{
background-image: url(../images/instagram-96.svg);
background-color: #1784BC;
}
li.g-mas a
{
background-image: url(../images/g-mas.svg);
background-color: #D81A22;
}
li.sk a
{
background-image: url(../images/sk.svg);
background-color: #01AEF2;
}
li.sobre a
{
background-image: url(../images/sobre.svg);
background-color: silver;
}

li.facebook a:hover, li.g-mas a:hover, li.sobre a:hover
{
transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95);}

li.google-mas a:hover
{
transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95);}

li.twitter a:hover
{
transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95);}

li.linked-in a:hover
{
transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95);}

li.contacto a:hover
{
transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95);}
.eslogan
{
    font-size: 16px;
    color: #663300;
    display: block;
    margin: 0 auto;
}
.boton-simple
{
    display: block;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 22px 11px 22px;
    color: #6c6a57;
    font-weight: bold;
    position: relative;
    z-index: 3;
    text-decoration: none;
}
.boton-simple:hover
{
    color: white;
    z-index: 10;
    position: initial;
}
hgroup
{
    margin-top: 50px;
}
hgroup h1
{
    font-size: 28px;
    text-shadow: 2px 2px 3px white;
}
.servicio-cuadro
{
    padding: 8px;
    display: inline-block;
    margin: 30px 0px 0px 0px;
    vertical-align: top;
    position: relative;
}
.bloque-servicio
{
    width: 300px;
    display: inline-block;
    margin: 30px 20px;
    vertical-align: top;
}
.bloque-servicio img, .bloque-servicio h3,
.bloque-servicio a,
.servicio-cuadro img, .servicio-cuadro h3, .servicio-cuadro h2
{
    text-align: center;
}
h3.titulo-tematico-especifico
{
height: 40px;
font-size: 25px;
color: #009999;
text-shadow: 2px 2px 6px white;
}
div.bloque-contenido
{
    display: inline-block;
    max-width: 500px;
    vertical-align: top;
    padding: 25px;
    color: #630;
}
.bloque-imagen.anim-return.odd
{
    width: 230px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/ol.jpg);
    background-size: cover;
}
.bloque-imagen.anim-return.even
{
    width: 230px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/mar.jpg);
    background-size: cover;
}
.bloque-imagen.anim-return.odd2
{
    width: 230px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/page1_pic3.jpg);
    background-size: cover;
}
.bloque-imagen.anim-return.even2
{
    width: 440px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/page1_pic4.jpg);
    background-size: cover;
}
.contenido-bloque-articulo
{
	background-color: #8182891c;
}

.contenido-bloque-articulo a
{
    width: 248px;
    display: inline-block;
    text-align: center;
    padding: 2px 30px;
    background-color: #009999;
    color: white;
    margin-top: 25px;
}
.contenido-bloque-articulo a:hover
{
    background-color: rgb(116, 67, 6);
}
.contenido-bloque-articulo p
{
    text-align: left;
}
ul.navegacion-cabecera
{
    border-bottom: 4px solid rgb(116, 67, 6);
}
.navegacion-cabecera li
{
    display: inline-block;
    margin: 5px 0px 2px 0px;
}
.navegacion-cabecera li a
{
color: white;
text-align: center;
text-decoration: none;
display: block;
padding: 8px 10px;
background-color: #009999;
border-radius: 10px 0px 2px 0px;
transform: skew(-18deg);
-moz-transform: skew(-18deg);
-o-transform: skew(-18deg);
-webkit-transform: skew(-18deg);
-ms-transform: skew(-18deg);
/* width: 130px; */
box-shadow: 0px 0px 10px rgb(57, 221, 195);
text-shadow: 0px 0px 10px black;
font-size: 19px;
}
.navegacion-cabecera li a:hover,
.navegacion-cabecera li a:active
{
    background-color: rgb(116, 67, 6);
    box-shadow: 0px 0px 10px rgb(255, 255, 255);
}
.vista-objeto
{
    font-size: 18px;
    margin: 25px;
}
section.contenido-de-primer-nivel,
section.contenido-de-tercer-nivel,
section.contenido-de-cuarto-nivel,
section.contenido-de-quinto-nivel
{
    text-align: center;
    margin-bottom: 40px;
}
h2.declaracion-tema
{
    font-weight: normal;
    font-size: 16px;
}
hgroup
{
    color: #630;
}
section.contenido-de-segundo-nivel
{
    text-align: center;
    display: inline-block;
}
aside.contenido-segundo-plano
{
    width: 330px;
    display: inline-block;
    height: auto;
    padding: 20px 5px;
    background: olive;
    border-radius: 115px 0px;
    box-shadow: inset 1px 1px 25px rgb(126, 83, 54);
    vertical-align: top;
    margin-top: 25px;
}
#footer-jake
{
    background-color: #009999;
    display: table;
    width: 100%;
    margin: 0 auto;
}
ul.navegacion-footer li
{
    text-align: left;
    list-style: none;
}
ul.navegacion-footer li a
{
    text-decoration: none;
    color: wheat;
    display: block;
    padding: 6px 0px;
}
ul.navegacion-footer li a:hover
{
    color: white;
}
div#footer-inicial,
div#footer-medio,
div#footer-final
{
    padding: 0 20px;
    min-width: 170px;
    width: 25%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}
div#footer-inicial ul,
div#footer-medio ul,
div#footer-final ul
{
    padding: 0;
    display: table;
    margin: 0 auto;
}
div#footer-final p
{
    text-align: left;
    margin-right: 20px;
    margin-top: 25px;
    font-size: 10px;
    color: wheat;
}
div#footer-final a
{
    text-align: left;
    color: wheat;
    text-decoration: none;
}
div#footer-final a:hover
{
    color: white;
}
div#footer-copyright
{
    background-color: black;/*Variable SASS*/
    padding: 1px 0px 10px 0px;
}
div#footer-copyright p
{
    text-align: center;
    margin-top: 25px;
    font-size: 10px;
    color: wheat;/*Variable SASS*/
}
div#footer-copyright a
{
    color: wheat;/*Variable SASS*/
    text-decoration: none;
}
div#footer-copyright a:hover
{
    color: white;/*Variable SASS*/
}

/*Paquetes de servicio*/
.cont_dir
{
    width: 100%;
    max-width: 695px;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
}
.dir { box-shadow: inset 2px 2px 12px rgba(44, 44, 44, 1); background-color: #099; border-bottom: solid 2.5px #630; top: 20px; margin-bottom: 58px; margin-left: 20px; margin-right: 20px;transition: all ease 0.2s; position: relative; display: inline-block; width: 130px; height: 90px; background-image: url("../images/carpeta.png"); }
.dir:hover { cursor: pointer; transition: 0.7s; position: relative; top: 14px;}
.titulo_dir { font-size: 16px; width: 110px; position: relative; left: 3px; top: 94px; color: #630; text-align: center; }

/*Pop ups site*/
div.pop-pdf .pop_container
{
    position: relative;
}
.pop_content
{
display: table;
margin: 0 auto;
}
.pop-pdf
{
background: rgba(0, 0, 0, 0.8);/*semi transparencia*/
display: none;
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
.pop_content{
background: #630;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 1px;
box-shadow: inset 0px 0px 40px black;
padding: 20px;
border: solid 2px white;
width: 805px;
margin-top: 50px;
}
.close { font-family: sans-serif; cursor: pointer; font-size: 18px; color: silver;
position: relative; top: 22px; display: table; margin: 0 auto;
}
.close:hover { text-decoration: underline;  }

.display_publish-pdf-mobile
{
display: none;
margin-top: -25px;
text-decoration: none;
color: #00b7de;
padding-left: 28px;
font-size: 16px;
background-color: #D7EDFF;
border-radius: 10px;
padding-left: 10px;
background-position-x: 10px;
background-position-y: 8px;
background-repeat: no-repeat;
padding: 8px 0px 8px 10px;
}

.marcadores-sociales li.brochure a {
font-size: 16px;
text-decoration: none;
color: #6F3B31;
    position: relative;
    top: 17px;
    font-weight: bold;
}

.marcadores-sociales li.brochure a:hover {
color: #009999;
}

@media(max-width: 500px){	
	div#header-medio
	{
		margin-top: 0;
	}
	.navegacion-cabecera li a
	{
		width: 300px;
	}

}


/*Adicionado FMY Agosto 28 de 2020**inicio**/
#ventana-flotante {
width: 650px;  /* Ancho de la ventana */
height: 200px;  /* Alto de la ventana */
background: #FDF3E4;  /* Color de fondo */
position: fixed;
top: 37%;
left: 40%;
margin-left: -180px;
border: 1px solid #adffad;  /* Borde de la ventana */
box-shadow: 0 5px 25px rgba(0,0,0,.1);  /* Sombra */
z-index:999;
}
#ventana-flotante #contenedor {
/*padding: 25px 10px 10px 10px;*/
}
#ventana-flotante .cerrar {
/*float: right;*/
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
color: black;
background: #FDF3E4;
/*line-height: 17px;*/
text-decoration: none;
padding: 0px 14px;
font-family: Arial;
border-radius: 0 0 0 5px;
box-shadow: -1px 1px white;
font-size: 18px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}
#ventana-flotante .cerrar:hover {
background: #FDF3E4;
color: black;
text-decoration: none;
text-shadow: -1px -1px red;
border-bottom: 1px solid red;
border-left: 1px solid red;
display: block;
}
#ventana-flotante #contenedor .contenido {
padding: 7px;
box-shadow: inset 1px 1px white;
background: #FDF3E4;  /* Fondo del mensaje */
border: 1px solid #9eff9e;  /* Borde del mensaje */
/*font-size: 20px;*/  /* Tamaño del texto del mensaje */
color: #555;  /* Color del texto del mensaje */
text-shadow: 1px 1px white;
margin: 0 auto;
border-radius: 4px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;}

.bloque-imagen.anim-return.cert1
{
    width: 500px;
    height: 380px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/cert1.png);
    background-size: cover;
}
.bloque-imagen.anim-return.cert2
{
    width: 500px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/cert2.png);
    background-size: cover;
}
.bloque-imagen.anim-return.cert3
{
    width: 500px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/cert3.png);
    background-size: cover;
}
.bloque-imagen.anim-return.cert4
{
    width: 495px;
    height: 385px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/todamiboda.jpeg);
    background-size: cover;
}
.bloque-imagen.anim-return.cert5
{
    width: 500px;
    height: 380px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/wedding.jpeg);
    background-size: cover;
}
.bloque-imagen.anim-return.cert6
{
    width: 500px;
    height: 330px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/ops.jpeg);
    background-size: cover;
}
.bloque-imagen.anim-return.cert7
{
    width: 500px;
    height: 380px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/covid19.jpeg);
    background-size: cover;
}
.bloque-imagen.anim-return.cert8
{
    width: 400px;
    height: 530px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../images/certificados/atlantis.png);
    background-size: cover;
}
/*Adicionado FMY Agosto 28 de 2020**fin**/