@import 'https://fonts.googleapis.com/css?family=Architects+Daughter|Kanit|Titillium+Web';

*{
	border:0;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
body{
	font-family: 'Titillium Web', sans-serif;
}


	#div_form{
		text-align: center;
		background: no-repeat center;
		background-size: cover;
	}
		#div_form p{
			font-size: 30px;
			color: #FFFFFF;
			background: rgba(0, 0, 0, 0.4);
		    padding: 25px 5px;
			box-sizing: border-box;
		}
		#div_form img{
			max-width: 350px;
			width: 60%;
		}

		#formulario{
			margin-top: 200px;
		}

			#comboDepartamento, #comboTipo{
				display: inline-block;
				padding: 4px;
				box-sizing: border-box;
				cursor: pointer;
				font-size: 16px;
				background: #FFFFFF;
				color: #484847;

				-webkit-border-radius: 3;
				-moz-border-radius: 3;
				border-radius: 3px;
			}
			#bEmpezar{
				margin-left: 3px;
				cursor: pointer;
				background-image: url('img/search.png');
				background-repeat: no-repeat;
				background-size: 20px 20px;
    		background-position: center;
				padding: 8px;
				box-sizing: border-box;
				background-color: #FFAF00;
				color: #000F2B;

				-webkit-border-radius: 3;
				-moz-border-radius: 3;
				border-radius: 3px;
			}
			#bEmpezar:hover{
				background-color: #E28400;
			}



	/*	CSS PARA CARACTERISITICAS Y SERVICIOS DE 22DESTINOS	*/
	#section_servicios{
		margin-top: 6px;
		background: #0D1C24;
	}
		#servicios{
			max-width: 1200px;
			width: 100%;
			margin: 0 auto;
		}
			#div_servicio, #div_servicio2{
				vertical-align: top;
				display: inline-block;
				width: 24%;
				color: #FFFFFF;
				padding: 10px;
				box-sizing: border-box;
			}
				#servicios img{
					width: 110px;
					height: 110px;
					background: transparent;
					border-radius: 200px 200px 200px 200px;
					-moz-border-radius: 200px 200px 200px 200px;
					-webkit-border-radius: 200px 200px 200px 200px;
					border: 4px solid #878787;
					padding: 10px;
				}#div_servicio img:hover, #div_servicio2 img:hover{
					border: 4px solid #D2D3D4;
				}
			#bMas{
				cursor: pointer;
				font-size: 17px;
				-webkit-border-radius: 2;
				-moz-border-radius: 2;
				border-radius: 2px;
				background: #B76903;
				color: #FFFFFF;
				padding: 6px 8px;
				box-sizing: border-box;
			}#bMas:hover{
				background-color: #E9901B;
			}





	/* CSS PARA REPRODUCIR VIDEO*/
	.vid{
		background: url('../img/guate.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		color: #FFFFFF;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Titillium Web', sans-serif;
		font-size: 19px;
		cursor: pointer;
	}
		.vid h1{
			font-size: 26px;
		}
		.vid span{
			font-size: 70px;
		}

		.vid:hover{
			color: #D6D6D6;
		}





	/*	CSS PARA DESTINOS	*/
	.destinos{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
		.destino{
			display: inline-block;
			vertical-align: top;
			max-width: 228px;
			width: 47%;
			margin: 5px 2px;
			background: #E9E9E9;
			color: #262626;
		}
			.destino:hover{
				-webkit-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.75);
				-moz-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.75);
				box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.75);
			}
		.destino div img{
			height: 150px;
			max-width: 228px;
			width: 100%;
			object-fit: cover;
		}
		.destino div p{
			max-width: 228px;
			width: 47%;
			height: 60px;
			font-size: 17px;
			position: absolute;
			margin-top: -67px;
			color: #FFFFFF;
			padding: 5px 2px;
			box-sizing: border-box;
			background: rgba(0, 0, 0, 0.4);
		}
		.destino i{
			color: #848484;
			text-align: right;
		}

		#bAb{
			font-size: 16px;
			color: #00D118;
			text-align: left;
			margin-left: 10px;
		}
		#bCe{
			font-size: 16px;
			color: #A90101;
			text-align: left;
			margin-left: 10px;
		}



	/*	CSS PARA DEPARTAMENTOS	*/
	.port{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}

	.depto{
		width: 100%;
	}
		.caja{
			max-width: 1200px;
			width: 100%;
			margin: 0 auto;
		}
			.adep{
				max-width: 240px;
				height: 200px;
				width: 47%;
				display: inline-block;
				vertical-align: top;
				margin: 2px;
			}
				.adep img{
					width: 100%;
					height: 100%;
					object-fit: cover;

					-webkit-border-radius: 3;
					-moz-border-radius: 3;
					border-radius: 3px;
				}
				.adep p{
					max-width: 240px;
					width: 47%;
					position: absolute;
					font-size: 19px;
					margin-top: -206px;
					color: #FFFFFF;
					padding: 85px 0px;
					box-sizing: border-box;

					-webkit-border-radius: 3;
					-moz-border-radius: 3;
					border-radius: 3px;
				}
			.adep p:hover{
				background: rgba(36, 76, 106, 0.8);
				transition-duration: 0.4s;
			}

		.bVerMas{
			cursor: pointer;
			font-size: 20px;
			-webkit-border-radius: 3;
			-moz-border-radius: 3;
			border-radius: 3px;
			padding: 5px 15px;
			box-sizing: border-box;
			border: none;
			background: #007292;
			color: #FFFFFF;
		}
		.bVerMas:hover{
			background: #188BAB;
		}

	/* MOSTRAR RESULTADOS DE DEPARTAMENTO */
	.deptod{
		background: rgba(254, 254, 254, 0.6);
		max-width: 1000px;
		width: 95%;
		margin: 0 auto;
	}
		#otrosD{
			display: inline-block;
			vertical-align: top;
			max-width: 200px;
			width: 47%;
			margin: 5px 2px;
		}#otrosD button{
			color: #FFFFFF;
			font-size: 17px;
			background: #013964;
		}
		#otrosD img{
			width: auto;
			width: 100%;
		}

		#slider img{
			margin-top: 1px;
			width: 100%;
			height: auto;
		}



	/*	CSS PARA TERMINOS DE USO	*/
	.terminos{
		max-width: 1200px;
		width: 93%;
		margin: 0 auto;
	}
		.terminos i{
			color: #868686;
		}


	#section_info{
		background: #DFDFDF;
		width: 100%;
	}
		#info{
			max-width: 1200px;
			width: 98%;
			margin: 0 auto;
		}
			#bRegistrarme{
				font-size: 17px;
				padding: 7px 25px;
				box-sizing: border-box;
				background: #FF7700;
				color: #FFFFFF;

				-webkit-border-radius: 3;
				-moz-border-radius: 3;
				border-radius: 3px;
				-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
				-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
				box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
			}
			#bRegistrarme:hover{
				background-color: #0099FF;
			}


	.app{
		background-image: url('../img/myimg/andro.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-attachment: fixed;
	    background-size: cover;
	    color: #FFFFFF;
	}


@media screen and (max-width: 650px){
		#div_form p{
			font-size: 25px;
		}

		#formulario{
			margin-top: 120px;
		}





	#div_servicio{
		width: 100%;
	}
		#div_servicio2{
			display: none;
		}



	#div_registro{
	display: inline-block;
	vertical-align: top;
	width: 170px;
	height: auto;
	margin: 10px 3px;
	background-color: #E9E9E9;
	}
	#div_img img{
		height: 110px;
		width: auto;
		max-width: 170px;
	}
}