/* CSS Document */


.icochat{ position: fixed; z-index: 9999; bottom: 30px; right: 10px;  }


.tourbox{ position: fixed; z-index: 9999; background-color: #ffffff; /*border-radius:12px;*/ box-sizing: border-box; padding: 0px 0px; height: 100%; width: 100%; margin: 0 0px 0 0; top:0px; right: 0px; overflow: hidden; display: none; }

.chatheadtour{ position: relative; height: 70px; overflow: hidden; background-color: white; /*border-top-left-radius:12px; border-top-right-radius:12px; */box-sizing: border-box; z-index: 2; }

.logochatour{ position: absolute; top: 20px; left: 20px; width: 120px; }
.logochatour img{ width: 100%; }

.reiniciotour{ position: absolute; top: 20px; right: 70px; width: 35px; }
.reiniciotour img{ width: 100%; }

.cerrarchatour{ position: absolute; top: 20px; right: 20px; width: 35px; }
.cerrarchatour img{ width: 100%; }

.box_tour{ overflow: hidden; height: calc(100% - 70px);  }  

.cargadortour{position: relative; float: left; width: calc(100% - 380px); height: 100%; background-size: cover; }
/*.cargadortour{ background: url("https://www.viveme.es/media/promociones/infografias/big/30166/vive-sanchinarro-principal.jpg"); background-size: cover; } */

.cajachatour{ width: 380px; height: 100%;  float: right; }

.chatour{position: relative; background-color: #ffffff;  /*border-bottom-left-radius:12px; border-bottom-right-radius:12px;*/ overflow-x: hidden; overflow-y: scroll;  height: 100%; box-sizing: border-box; padding: 0 0 0 20px; width: calc(100% + 20px); -webkit-box-shadow: inset 0px 0px 34px -13px rgba(0,0,0,0.37); -moz-box-shadow: inset 0px 0px 34px -13px rgba(0,0,0,0.37); box-shadow: inset 0px 0px 34px -13px rgba(0,0,0,0.37); z-index: 1;}

.caja_chatour{ width: 100%; border: 1px solid #eeeeee; resize: none; padding: 7px 5px; height: auto !important; box-sizing: border-box !important;
	min-height: auto; background: #f8f8f8; font-size: 12px; margin-bottom: 0; margin-top: 10px;  }

.boxvideo{ width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center; }

video{ max-width:100%; height:auto }

.oculto{ display: none; }

.punto{ /*display: inline-block;*/ position: absolute; top: 10px; font-size: 20px !important;  }
.punto1{ left: 15px; }
.punto2{ left: 23px; }
.punto3{ left: 31px; }



@media screen and (max-width:768px) {

	

	
}

@media screen and (max-width:600px) {

	.cargadortour{ float: none; width: 100%; height: 200px; }

	.cajachatour{ width: 100%; height: calc(100% - 200px);  float: none; }

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

}