*{
	margin:0;
	padding:0;
}
body{
	background-color: rgb(252,46,43);
}


header, .main, footer{
	width: 95%;
	margin: 0 auto;
	max-width: 1500px;

}

/* para que el footer siempre vaya abajo */

html, body{
	height: 100%;
}

.magia{
	min-height: 100%;
}

section{
	overflow: auto;
	padding-bottom: 60px;
	padding-top: 30px;
}

footer{
	position: relative;
	margin-top: -130px;
	height: auto;
	clear: both;
    padding:5px 0px;

    text-align: center;
    color: #fff;
    background-color: #131313 !important;
	box-shadow: 4px 4px 10px 0px rgb(0,0,0);
}

nav{
	margin-top: 10px;
	background-color: #131313 !important;
	box-shadow: 4px 4px 10px 0px rgb(0,0,0);
}

/*---------------- menu de navegacion--------------*/

.header{
	border-style: none;
}
 
.titulo{
	color: #fff;
	font-family: verdana; 
	font-weight: bold;
	font-size: 20px;
}

/* logo del menu */

.logo{
	transition:filter 0.1s;
	-webkit-transition:-webkit-filter 0.4s;
}

.logoSM{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	transition:filter 0.1s;
	-webkit-transition:-webkit-filter 0.4s;
}

.logoXS{
	margin-top: -15px;
	margin-bottom: 0px;
	margin-left: 0px;
	transition:filter 0.1s;
	-webkit-transition:-webkit-filter 0.4s;
}

.logo:hover, .logoXS:hover, .logoSM:hover {
 
 filter: sepia() saturate(500%) hue-rotate(-47deg);
}

/* botones del menu */
.navbar-nav > li > a
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
.dropdown-menu .divider{
	margin: 4px 0;
}

.botonNav{
	background-color: #1d1d1d;
	font-family: verdana; 
	font-weight: bold;
	color: #fff !important;
	cursor: pointer;
}

.botonDon{
	background-color: #a6232c;
	font-family: verdana; 
	font-weight: bold;
	border-style: none;
	cursor: pointer;
	padding-top: 15px;
	text-align: center;	
	color: #fff !important;
	box-shadow: 0px 2px 3px 0px #a6231c;
}

.botonDon:hover,
.botonNav:hover{
	box-shadow: 0px 4px 10px 0px #a6231c !important;
	background-color: #a6231c !important;
}

.desplegable{
	background-color: #111111 !important;
	box-shadow: 0px 4px 10px 0px rgb(0,0,0);

}

.donacion{
	margin-top: 5px;
	margin-left: 50px;
}


nav ul li ul li a{
	color: #ffffff !important;
	text-align: center !important
}

nav ul li ul li a:hover{
	background-color:  #a6231c !important;
	color: #ffffff !important;
	box-shadow: 0px 3px 10px 0px #a6231c;
}

footer ul li a:hover{
	background-color:  #111111!important;
	color: #ffffff !important;
	box-shadow: 0px 3px 10px 0px #111111 !important;
}


/*------------- cuerpo de la pagina---------------- */


h1,h2,h3,label{
	color: #ffffff;
}

.botones{
	margin-bottom: 6px;
		filter: brightness(200%);
	filter: contrast(250%);
	border:3px solid #fff;
}

.botone:hover , .botones:hover{
	cursor: pointer;
	filter: brightness(200%);
	filter: contrast(250%);
}
.titulos + .tooltip > .tooltip-inner{
	background-color: #111111;
	color: #ffffff;
	border:none;
	padding: 10px;
	font-size: 15px;
}

.titulos + .tooltip.top > .tooltip-arrow{
	border-top: 5px solid #111111;
}

.titulos + .tooltip.top > .tooltip-arrow{
	border-bottom: 5px solid #111111;
}


.if-image {
 
	filter: grayscale(100%);
 
	-webkit-filter: grayscale(100%);

	transition:filter 0.7s;

	-webkit-transition:-webkit-filter 1s;
 
}

.if-image:hover {
 
filter: grayscale(0);
 
-webkit-filter: grayscale(0);
 
}

/* Carrousel */

.carrusel{

}

.contenedorMain{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #131313;
	box-shadow: 4px 4px 10px 0px rgb(0,0,0);
}

.contenedor{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #131313;
	border-style: none;
	border-radius: 20px solid #f29f05;
	box-shadow: 4px 4px 10px 0px rgb(0,0,0);
}

@media all and (max-height: 550px){
	.pocomargin{
		margin-top: 25px
	}
}

.banner{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}



.bomberos{
	background-color: #fff;
}

.enlace{
	background-color:rgba(222,222,222);
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
    transition:background-color 0.9s;
}

.enlace:hover{
	background-color: rgba(222,222,222,0.1);
}


.tituloenlace{
	color: #fff;
	background-color: #202020;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	border-radius: 10px;
	box-shadow: 4px 4px 10px 0px rgb(0,0,0);
}

.todo{
	padding-top: 50px;
}


.sombraB{
box-shadow: 10px 10px 100px 0px rgb(0,0,0);
}

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}