@charset "utf-8";
/* CSS Document */

	
		.home{
			background-image: url(../images/fondo-home-1800.jpg); 
			width: 100%; 
			height: 216px; 
			z-index: -4;
			background-repeat: no-repeat; 
			background-position: center; 
			background-size: cover;}
		@media all and (max-width : 1000px ){
			.home{
			background-image: url(../images/fondo-home-768.jpg); 
			height: 445px; 
			background-position: bottom; 
				}

			
											}
	
		

		.contenido{
			font-family: 'Nunito Sans', sans-serif; 
			color: #FFFFFF;
			font-size: 20px;
			text-align: center;
			margin-top:101px;
			position: absolute;
			background-color: rgba(0, 0, 0, .7); 
			width: 100%;
			z-index:2;}
		
		@media all and (max-width : 1500px ){
			.contenido{
			margin-top:80px;
					}
		}
@media all and (max-width : 1000px ){
			.contenido{
			font-size: 16px;
			margin-top:80px;
					}
				.contenido p{
			padding-left: 20px;
				font-size: 16px;
				padding-right: 20px;
					}

		}
@media all and (max-width : 763px ){
			.contenido{
			font-size: 16px;
			margin-top:100px;
					}
}
		
		
		.contenido_2{
			font-family: 'Nunito Sans', sans-serif; 
			color: #FFFFFF;
			font-size: 20px;
		text-align: center;
			margin-top:200px;
		position: absolute;
background-color: rgba(0, 0, 0, .7); 
			width: 100%;}
		
		@media all and (max-width : 1000px ){
			.contenido_2{
			font-size: 16px;
			margin-top:100px;
					}
			.contenido_2 p{
			padding-left: 20px;
			font-size: 16px;
			padding-right: 20px;
					}
		}
		
		
		 .botones {
			text-decoration: none;
			display: inline-table;
			text-align: center;
			 border-width: 1px;
			 border-style: solid;
			 background-color: #E74C3C;
			 border-radius: 30px;
			 color: #FFFFFF;

}
		.botones:hover{
			text-decoration: underline;
			background-color: #FFFFFF;
			border-color: #E74C3C;
			color: #E74C3C;
}
		.botones p{
		width: 70px;
		font-size: 14px;
		height: 27px;
		text-align: center;
		padding-top: 8px;
		padding-left: 0px;
		padding-right: 0px;
		

		}
		
		 .btn_1 {
			text-decoration: none;
			display: inline-table;
			text-align: center;
			 border-width: 1px;
			 border-style: solid;
			 background-color: #E74C3C;
			 border-radius: 30px;
			 color: #FFFFFF;
			 padding: 10px;

}
		.btn_1:hover{
			text-decoration: underline;
			background-color: #FFFFFF;
			border-color: #E74C3C;
			color: #E74C3C;
}
		.btn_1 p{
		width: 70px;
		font-size: 14px;
		height: 27px;
		text-align: center;
		padding-top: 8px;
		padding-left: 0px;
		padding-right: 0px;
		

		}

		
.check[type=radio] + div {
 	border-radius: 20px;
    border-style: solid;
    border-width: 0px;
    border-color: #43454A;
	text-align: center;}

.check[type=submit] + div {
	font-size: 14px;
    color: #FFFFFF;
    background-color: #e30613;
    height: 27px;
    text-align: center;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    text-decoration: none;
	margin: 0px;
	cursor: pointer;

} 

.check[type=submit] + div:hover {

    background-color: #4b0105;


} 



.check[type=radio] + div  p {
font-size: 14px;
    color: #FFFFFF;
    background-color: #e30613;
    height: 27px;
    text-align: center;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    text-decoration: none;
	margin: 0px;
	cursor: pointer;

} 
.check[type=radio] + div p:hover {

    background-color: #4b0105;


} 
		.check[type=radio]:checked + div p{
 background-color: #4c0700;
		border-color: #43454A;
			border-width: 2px; 
			font-weight: 600;
			filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.8));
} 



.check_1 [type=radio]:checked + label:after, .check_1 [type=radio]:not(:checked) + label:after {
    content: "";
    width: 6px;
    height: 6px;
    background: #ef3e42;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 50%;
    transition: all 0.2s ease;
}








/* Hide the browser's default checkbox */
.container_1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */
.container_1:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_1 input:checked ~ .checkmark {
  background-color: #b30e0b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_1 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
	
	
	
}





/* Hide the browser's default checkbox */
.container_2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark_1 {
  position: absolute;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    border-radius: 50%;
	border-width: 1px;
	border-color: #c0392b;
	border-style: solid;
}


/* On mouse-over, add a grey background color */
.container_2:hover input ~ .checkmark_1 {
  background-color: #c0392b;
}

/* When the checkbox is checked, add a blue background */
.container_2 input:checked ~ .checkmark_1 {
  background-color: #b30e0b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_2 input:checked ~ .checkmark_1:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_2 .checkmark_1:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
	
	
	
}





.ul_1 {list-style-type: none;
	text-align: center;
    background-color: #FFFFFF;
    width: 280px;
    display: inline-block;
	padding: 20px 0px 20px 0px;
	margin: auto;
font-size: 16px;}
.ul_1 li
{
	margin-left: 5px;
	margin-right: 5px;
	list-style-position: inside;
	vertical-align: top;
    text-align: center;
    background-color: #FFFFFF;
	
}
.ul_1 a {
	color: #000000;
	text-decoration: none;
}
.ul_1 a :hover{
	color: #000000;
	text-decoration: underline;
}
.ul_1 a :visited{
	color: #000000;
}


.div_2
{border-color: #43454A;
	border-width: 1px; 
    display: inline-block;
	color: #000000;
	text-align: left;
}


.div_2 p {
	margin: 0px 10px 0px 10px;
	font-size: 14px;
	text-align: left;
}



.buscador{
	max-width: 850px; 
	display:inline-table;
	margin: 20px 20px 20px 20px;
	vertical-align: bottom;
	padding: 7px;
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
}

@media all and (max-width : 1000px ){
	
	.buscador{
	max-width: 850px; 
	display:inline-table;
	margin: 20px;
	}}
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
	border-radius: 25px;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
	border-radius: 25px;
  background: #b30e0b;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #b30e0b;
  cursor: pointer;
}