/* Fuentes importadas de google */
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Great+Primer+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC&family=Barrio&family=Black+And+White+Picture&family=Indie+Flower&family=Lakki+Reddy&family=Luckiest+Guy&family=Merienda+One&family=Patrick+Hand&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tourney:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unkempt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Electrolize&family=Unkempt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,500&display=swap');
/* ---------------------------- */
/* Fuentes en CSS */
@font-face {
	font-family: 'arial_rounded';
	src: url('unicode.arialr.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

/* =============== */
/* Todas las hojas */
/* =============== */
* {
    /* Para evitar el dobleclick en todo la web */
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    -khtml-user-select: none;
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    -ms-user-select: none;
    /* Versión sin prefijo, actualmente compatible con Chrome y Opera */
    user-select: none;
	/* Para evitar que el elemnto aumente al poner padding*/
	box-sizing: border-box;
}

body {
    height: 100%;
    width: 100%;
}
.centrar { text-align: center; }

/* *********************************************************
Promocion 'Outlet'
------------------
Para que funcione tiene que existir el fichero 'outlet_s'
Cuando acabe el outel renombrar el fichero a 'outlet_n'
********************************************************* */
#outlet {
    font-family: 'Tangerine';
    color: red;
    font-size: 2.15em;
    padding: 0;
}

h2 {
    font-family: Tourney;
    /* font-size: 1.85em; */
    text-align: center;
    /* margin-bottom: 0.25em; */
    margin-block-start: 0;
    margin-block-end: 0;

}

p {
    line-height: 1.5em;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

.seccionInicio {
	width: 90%;
	margin: 0 auto;
}

.seccion {
	width: 90%;
	margin: 0 auto;
}

.texto {
    text-align: left;
}

.conFlex {
    display: flex;
}

.oculto {
    display: none !important;
}

.inactivo {
	pointer-events: none; 
	cursor: default; 
}

.marcado {
	margin-left: 0.25em;
	/* background-color: #ff0; */
	background-image: url(../img/fondo_boton_catalogo.jpg);
    background-repeat: no-repeat;
}

input[type='submit'], input[type='reset'] {
    cursor: pointer;
}

/* ================= */
/* estilo encabezado */
/* ================= */
.encabezado {
    position: sticky;
    top: 0;
    z-index: 999;
    padding-bottom: 0.25em;
    background-color: #fff;
	height: 194px; /*170px;*/
}

/* = = = = = Arriba = = = = = */
.rrssHeader {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 100%;
    background-image: url("../img/fondo-menu.png");
    background-repeat: no-repeat;
}

.rrssHeader .links {
    display: flex;
    margin-left: 95px;
    text-align: center;
}

.rrssHeader a {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 2.3;
    background: transparent;
    font-size: 18px;
    color: #FFFFFF;
    border: 1px solid #fff;
    }
.rrssHeader a:hover {
    background-color: #fff;
    color: #000;
    transition: color 0.3s ease-in-out 0s;
}

/* = = = = = Izquierda / Derecha = = = = = */
.logoIz, .logoDe {
	position: absolute;
	top: 40px;
    height: 110px;
    width: 110px;
}

.logoIz {
	left: 0;
}	

.logoDe {
	right: 0;
}

.logoIz>a {
	height: inherit;
    width: inherit;
}

.logoIz>a>img , .logoDe>img {
	height: inherit;
    width: inherit;
}

.logoIz>a>img {
	padding-top: 0.25em;
}
	
/* = = = = = Centro Arriba = = = = = */
.titulo {
	position: absolute;
	top: 40px;
	left: 15%;
	height: 95px;
	width: 60%; /*100%;*/
	padding: 0 16px 5px;
	font-size: 85px;
	letter-spacing: 10px;
	box-sizing: border-box;
}

.titulo h1 {
	height: 100%;
	width: 100%;
    /* font-family: 'IM Fell Great Primer SC', Sans-serif; */
	font-family: 'arial_rounded';
    letter-spacing: inherit;
    font-size: inherit;
    text-shadow: -2px 2px 9px #ffffff;
    background-color: transparent;
	font-weight: 400;
	text-align: center;
	margin-block-start: 0;
    margin-block-end: 0;
}

/* = = = = = Centro Abajo = = = = = */
#nav {
	position: absolute;
	top: 130px;
	left: 15%;
	width: 70%;
	display: flex;
	align-items: center;
    justify-content: space-between;
    margin-top: 1.0em;
}

#idioma {
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-right: 2.0em;
}

.navegacion {
	display: flex;
}

.navegacion>a {
    width: 8.125em;
    padding: 0.50em 0.20em;
	font-size: 1.0em;
    text-decoration: none;
    color: #000;
    text-align: center;
}

.navegacion>a:hover {
    background-color: #ff0;
    font-weight: bold;
}

.nav_responsive {
    display: none;
}

/* ============================ */
/* estilo de main pagina inicio */
/* ============================ */
.principal {
	width: 96%;
	margin: 0 auto;
}

.escudoPrinternet {
	width: 100%;
}

/* ============================== */
/* estilo de pagina galeria LoMas */
/* ============================== */
.seccionGalLoMas {
	width: 100%;
	padding-bottom: 5px;
	margin: 0 auto 2em;
	background-image: url("../img/fondo-menu.png");
}

#tituloGal {
	background-image: url("../img/fondo-menu.png");
	font-family: "Alegreya SC", Sans-serif;
    font-weight: 600;
	text-shadow: -2px 2px 9px #ffffff;
	font-size: 48px;
	word-wrap: break-word;
	padding: 0.5em 0.75em;
	margin: 0.5em 0;
}

#galeriaImgLoMas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	height: 96%;
	width: 96%;
	background-color: #fff;
    padding-bottom: 2em;
	margin: 0 auto 4em;
}

.figureLoMas {
	padding: 0.90em;
	border: 5px solid #000;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin: 2em 0.25em 0;
	cursor: pointer;
}
 
.imgGalLoMas, .captionImg {
    width: 220px;
}

.divImg {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

figcaption {
    display: block;
	padding-top: 0.35em;
    word-wrap: break-word;
	text-align: center;
	font-size: 1.25em;
	font-weight: 600;
}

/* ============================= */
/* estilo de pagina galeria auto */
/* ============================= */
.seccionGalAuto {
	width: 100%;
	padding-bottom: 5px;
	margin: 0 auto 2em;
	background-image: url("../img/fondo-menu.png");
}

#galeriaImgAuto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
	height: 96%;
	width: 96%;
	background-color: #fff;
    padding-bottom: 2em;
	margin: 0 auto 4em;
}

.figureAuto {
	padding: 0.90em 0.90em 2.20em;
	border: 5px solid #000;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin: 2em 0.25em 0;
	cursor: pointer;
}


.videoAuto {
	margin: 0 2em 2em 0;
    display: flex;
    align-items: center;
}

.videoGalAuto {
	width: 320px;
	height: 256px;
}

.imgGalAuto, figcaption {
    width: 220px;
}

.divImg {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

figcaption {
    display: block;
    word-wrap: break-word;
}

/* ====================== */
/* estilo página contacto */
/* ====================== */
.tituloCon {
	background-image: url("../img/fondo-menu.png");
	font-family: "Alegreya SC", Sans-serif;
    font-weight: 500;
    line-height: 1.5em;
	text-shadow: -2px 2px 9px #ffffff;
    background-color: transparent;
	font-size: 39px;
	word-wrap: break-word;
	border-radius: 0.25em;
	margin: 0.5em 0 1em;
}

.contMapa {
	display: flex;
    flex-wrap: wrap;
	align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
	margin-bottom: 2em;
}

.contMapa iframe {
	width: 60%;
}

.fotoTienda {
	height: 100%;
	width: 38%;
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin: 2em 0;
}

.fotoTienda img {
	width: 100%;
}

.fotoTienda figcaption {
	width: 100%;
	line-height: 2.00em;
	background-color: #000;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.navCoche {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 2em;
}

.logoM, .logoP, .logoXP {
	display: none;
}

.logoG {
	display: block;
}

#formContacto {
	width: 350px;
	margin: 0 auto;
}

#formContacto label {
	font-weight: 600;
}

#formContacto input {
	line-height: 1.5em;
	padding: 6px 12px;
	margin: 10px 0 20px;
}

#formContacto textarea {
	margin-top: 10px;
}

#formContacto .botones {
	justify-content: space-evenly;
}

/* ====================== */
/* estilo página catalogo */
/* ====================== */
.seccionCatalogo {
	height: 100%;
	width: 92%;
	margin: 0 auto;
}

.seccionCatalogo iframe {
	width: 100%;
	height: 1120px;
}

/* ==================== */
/* estilo pié de página */
/* ==================== */
.pie {
    background-image: url("../img/fondo-menu.png");
    background-repeat: no-repeat;
    text-align: center;
}

.pie p {
    margin: 0.2em 0;
}

.rrss {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	padding: 5px 0;
}
	
.rrss a {
    margin: 0 25px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 26px;
    text-decoration: none;
    color: #000;
}

.rrss a:hover {
    font-size: 30px;
    transition: all 0.3s ease 0s;
}

.protecDatos {
    display: flex;
    justify-content: space-evenly;
}

.protecDatos a {
	line-height: 25px;
    text-decoration: none;
    color: #000;
}

.copyright>p {
    margin: 0;
}

/* ================ */
/* Aviso de Cookies */
/* ================ */
#avisoCookies {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
	height: 100%;
	width: 100%;
}

.papel {
    padding: 1.3em;
    background-color: yellow;
}

.linkPolCookies {
    text-decoration: none;
    color:crimson;
}

.cajBotones {
    display: flex;
    justify-content: space-evenly;
}

.cajBotones a {
    width: 8em;
    padding: 0.30em 0.25em;
    border-radius: 0.75em;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#siCookies {
    background-color: green;
}

#noCookies {
    background-color: red;
}

.cristalUp,
.cristalDown {
    background-color: #fff;
    opacity: 0.4;
}

.cristalUp {
    height: 10em;
}

.cristalDown {
    height: 15em;
}

/* ================ */
/* Respuesta */
/* ================ */
.seccionRespuesta { margin: 5em 0 13em; font-size: 1.15em; }