* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body{
	background-color:var(--color-blanco);
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 100%;
	}


:root {
  --color-principalrojo: #BD0310;
  --color-principalazul: #021775;
  --color-gris: #212121;
  --color-blanco: #ffffff;
	--color-negro: #0e0000;
}







.mapa {	margin-top: 10px;}

.well {
	background-color: var(--color-principalrojo);
	color: var(--color-blanco);
	border:0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	}

	.container .well h3 {
		font-size: 2.5rem;
	}

	@media (max-width: 380px) {

	.container .well h3 {font-size: 2rem;}	
	
	}
	@media (max-width: 350px) {

	.container .well h3 {font-size: 1.2em;}	
	
	}



.tarjetas {
	display: flex;
	justify-content: space-between;
}

.copy {	margin-top: 45px;}

.aceptamos {
	display: flex;
	justify-content: center;
	text-align: center;
}

.logofooter {
	display: flex;
	justify-content: center;
}

.barralogos {margin-bottom: 2rem;}

.textoheader {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.textoheader h3 {
	margin: 0;
	padding: 3px;
	
}

@media (max-width: 1000px) {
	.textoheader { display: none;}
	ul.nav.navbar-nav.navbar-right {display: none;}
}

header {
	padding-top: 10px;
}


/* otros ************************************/

.cuadro{
	padding-right: 5px;
	padding-left: 5px;
}

a:link {  text-decoration:none; }

.btn:focus{	outline: none;}


.logotipo{width: 90%;}

.logotipoFooter{width: 85%;}



.navegacion {
	position: relative;
	margin-bottom: 2px; 

}


.botones {
  position: fixed;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 300;
 }

.btn-1 {
  right: 2em;
  bottom: 2em }


.btn-2 {
  right: 2em;
  bottom: 6em; }

.btn-3 {
  right: 2em;
  bottom: 10em; }  

@media (min-width: 1367px){
	.botones {
		display: none;
	}
}


.textoAviso {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-blanco);
	text-align: center;
	
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
	z-index: 10;
	
}

.textoAviso h1 {
	font-size: 4rem;
	font-family: "Anton", sans-serif;
  font-weight: 400;
}

button.navbar-toggle {
	display: none;
}


@media (max-width: 600px) {
	.textoAviso h1 {
		font-size: 3.2rem;
	}

/* 	nav.navbar.navbar-default {
		display: none;
	} */
	
}

nav.navbar {
z-index: 200;
}




/* retrasos ************************************/

.retraso-1{
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}

.retraso-2{
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}

.retraso-3{
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}

.retraso-5{
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	animation-delay: 5s;
}

.retraso-8{
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	animation-delay: 8s;
}


.retraso-10{
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	animation-delay: 10s;
}









/* alineación ************************************/

.centrar {
	padding-top: 200px;
	padding-left: 40px;
}

.adaptar {
	width: 100%;
	height: auto;
}

.alto {	height: 30rem;}



.info .info2 {margin: 0 auto;}

.datos {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin: auto;
	}

.footer {	margin-top: 50px;}

/* colores ************************************/

.navbar-default {
		background-color: var(--color-principalazul);
		}
.navbar-default .navbar-nav>li>a {
		color: var(--color-blanco);
		}
.navbar-default .navbar-nav>li>a:hover {
		color: var(--color-principalrojo);
		}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
		color: var(--color-blanco);
		background-color: var(--color-principalrojo);
		}

.panel-default {
		background-color: var(--color-blanco);
		}

.panel-default>.panel-heading {
		background-color: var(--color-principalazul);
		color: var(--color-blanco);
		}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus  {
		color: var(--color-blanco);
		padding-left: 3rem;
		}

@media (max-width: 800px){
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:focus  {
		display: flex;		
		justify-content: center;
				font-size: 2rem;
		}

		h3, h4 { font-size: 15px;}
	.navbar-header {
	display: flex;
justify-content: center;
	}
	
}

@media (max-width: 800px){
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:focus  {
		
				font-size: 1.2em;
		}
	}





.direccion1 {
	text-align: center;
	color: white;
	margin-top: 2em;
}

.direccion {
	text-align: center;
	color: white;
}

.direccionMenu {
	margin-top: 3em;
}

.container .well i {
	padding-left: 10px;
}

.navbar-brand i {
	padding-right: 1px;
	padding-left: 5px;
}

@media (max-width: 280px){

	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:focus  {
				font-size: 1rem;
		}

	.navbar-brand h3 {
		font-size: 1rem;
	}		
	.container.well h3 {
		font-size: 1.5rem;
	}

}