/* CSS Document */

@font-face {
	font-family: 'century-gothic-bold';
	src: url('../font/century-gothic-bold.eot');
    src: url('../font/century-gothic-bold.eot?#iefix') format('embedded-opentype');/* ??????? IE */
	src: local('s'), url('../font/century-gothic-bold.woff') format('woff'), url('../font/century-gothic-bold.ttf') format('truetype'), url('../font/century-gothic-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'tr_century_gothic';
	src: url('../font/tr_century_gothic.eot');
    src: url('../font/tr_century_gothic.eot?#iefix') format('embedded-opentype');/* ??????? IE */
	src: local('s'), url('../font/tr_century_gothic.woff') format('woff'), url('../font/tr_century_gothic.ttf') format('truetype'), url('../font/tr_century_gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media only screen and (min-width: 320px) {
/*and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)*/
html, body{
	max-width:100%;
	max-height:100%;
	padding:0;
	margin:0 auto;
	background:#FFFFFF;
	font-size:100%;
	font-family: 'tr_century_gothic';

}

.licon3{
	font-weight:bold;
}


.logo{
	width:125px;
	height:125px;
	background:url(../img/logo.png) no-repeat;
	margin:55px auto 0 auto;
	
}

.boxcontent{
	width:90%;
	margin:0 auto;
	font-size:0.9em;
	color:#000;
	font-family: 'tr_century_gothic';
	margin-bottom:20px;
	line-height:1.3em;
	letter-spacing:1px;
}

.btnbook a{
	display:block;
	background:#a00134;
	width:89%;
	padding:1% 0;
	color:#fff;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	font-family: 'century-gothic-bold';
	margin-bottom:2%;
	border:2px solid #acacac;
	font-size: 1em;
}

.btnbook2 a{
	display:block;
	background:#a00134;
	width:100%;
	padding:1% 0;
	color:#fff;
	text-align:center;
	margin:1em auto;
	text-decoration:none;
	font-family: 'century-gothic-bold';
	border:2px solid #acacac;
}

.btnbook3 a{
	display:block;
	background:#a00134;
	width:60%;
	padding:1% 0;
	color:#fff;
	text-align:center;
	margin:1em auto;
	text-decoration:none;
	font-family: 'century-gothic-bold';
	border:2px solid #acacac;
}

.read{

	cursor:pointer;

	display:block;

	width:120px;

	padding:4px 8px;

	font-size:12px;

	color:#FFF;

	text-align:center;

	background:#202020;

	text-decoration:none;

	border:2px solid #acacac;

}



.read:hover{

	background:#525252;

}

.topic{
	font-size: 2em;
	color: #a00134;
	padding: 3% 0;
	margin-bottom: 5px;
	display: block;
	font-family: 'century-gothic-bold';
	line-height:30px;
}

.topic2{
	font-size:1.2em;
	color:#17469e;
	text-transform:uppercase;
	padding:2% 0;
	font-family: 'century-gothic-bold';
}

.topic3{
	font-size:1.2em;
	color:#000;
	text-transform:uppercase;
	padding:2% 0;
	line-height:24px;
	font-family: 'century-gothic-bold';
}

.in_ul{
	padding:0 20px;
	list-style:disc;
	margin:0;

}



#toggle-view{
	list-style:none;
	font-family:arial;
	font-size:14px;
	margin:0;
	padding:0;
	width:100%;
	color:#000;
	display:block;
	position:static;
	font-family: 'tr_century_gothic';
}


	
#toggle-view li{

	position:relative;cursor:pointer;
	margin:2px 0;

	}
	
#toggle-view .topiceview{
	margin:0;
	font-size:14px;
	color:#000000;
	text-align:left;
	padding:5px 0;
	font-weight:bold;
	background:#DBDBDB;
	padding:10px;
	line-height:24px;
	
}

#toggle-view .topiceview:hover{
	color:#17469e;
}


#toggle-view span{
	position:absolute;
	right:5px;
	top:0;
	color:#000;
	font-size:13px;
	padding:10px ;
}
	
#toggle-view .subview{
	margin:5px 0;
	display:none;
}

#toggle-view .subview img{
	width:100%;
}

.inputcontact{
	border:0;
	background:#d7d7d7;
	padding:5px 10px;
	width: 90%;
}

.textcon{
	padding-top:5px;
	font-weight:bold;
	text-align:right;
	font-size:11px;
}

.btncontact{
	padding:5px 16px;
	background:#17469e;
	border:1px solid #48a4f2;
	color:#FFFFFF;
	cursor:pointer;
	font-size:16px;
}



.topic_bold{
	font-weight:bold;
	color:#000000;
	font-size:18px;
	line-height:26px;
}

.topicpro_bold{
	font-weight:bold;
	color:#000000;
	font-size:18px;
	line-height:26px;
	text-align:center;
}

.boxpromotion{
	padding:10px;
	background:#E6E6E6;
}



.line{
	width:100%;
	border-top:1px solid #000;
	height:2px;
	padding:0 0 1% 0;
}

.sight {
	width:100%;
}

.sight img{
	width:100%;
}

.map{
	width:100%;
	height:100%;
}

.menu {
    font-size: 1.2em;
  }
.menu {
  padding: 0.15em;
  background: #383838;
  min-height: 1em;
  line-height: 1em;
}
  .menu ul {
    max-height: 0;
    overflow: hidden;
    margin: 2em 3.5em 0 1em;
  }
  .menu li {
  	width:100%;
    visibility: hidden;
    display: block;
    border-bottom: 1px solid #fff;
  }
  
  .menu li.last{
    border:none;
  }
  
  .menu li a{
  text-decoration:none;
  color:#fff;
  width:100%;
  display: block;
  padding: 0.5em 0.6em;
  }
  
  .menu li a:hover{
  text-decoration:none;
  color:#ffee9c;
  }
  
  .menu .navbar-handle {
    display: block;
  }
  #navbar-checkbox:checked + .menu ul {
    max-height: 480px;
  }
  #navbar-checkbox:checked + .menu li {
    visibility: visible;
  }
  #navbar-checkbox:checked + .menu .navbar-handle,
  #navbar-checkbox:checked + .menu .navbar-handle:after,
  #navbar-checkbox:checked + .menu .navbar-handle:before {
    border-color: #fff;
  }
}
.navbar-checkbox {
  display: none;
}
.navbar-handle {
  display: none;
  cursor: pointer;
  position: relative;
  font-size: 45px;
  padding: .5em 0;
  height: 0;
  width: 1.6666666666666667em;
  border-top: 0.13333333333333333em solid;
}
.navbar-handle:before,
.navbar-handle:after {
  position: absolute;
  left: 0;
  right: 0;
  content: ' ';
  border-top: 0.13333333333333333em solid;
}
.navbar-handle:before {
  top: 0.3em;
}
.navbar-handle:after {
  top: 0.7em;
}

.btnmenu{
	position:absolute; 
	z-index:99;
	right:45px; 
	margin-top:-12px;
	color:#FFFFFF;
	font-size:0.8em;
}

.menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index:9;
}
.menu .navbar-handle {
  position: absolute;
  font-size: 1.2em;
  top: 0.45em;
  right: 12px;
  z-index: 10;
  color: #FFF;
}

.menu .social {
  position: absolute;
  font-size: 1.2em;
  top: 0.1em;
  left: 12px;
  z-index: 10;
}

.menu .social img {
	padding:0 0.1em;
}

.footer{
	background:#202020;
	padding: 1.5% 1%;
	bottom:0;
	border-top:1px solid #ffdb5c;
	margin:0 auto;
}

.footercopy{
	width:90%;
	margin:0 auto;
	padding-top:0px;
	font-size:0.7em;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:0.1em;
}