/* html, body { height: 100%; width: 100%; font-family: "Open Sans Regular"; color:#0f243e; font-size: 13px; margin: 0; } */

/* @font-face {
  font-family: 'Open Sans Regular';
  font-display: swap;src: url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/regular/OpenSans-Regular.eot');
  src: url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/regular/OpenSans-Regular.eot#iefix') format('embedded-opentype'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/regular/OpenSans-Regular.woff2') format('woff2'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/regular/OpenSans-Regular.woff') format('woff'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/regular/OpenSans-Regular.ttf')  format('truetype'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/regular/OpenSans-Regular.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'Open Sans Bold';
  font-display: swap;src: url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/bold/OpenSans-Bold.eot');
  src: url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/bold/OpenSans-Bold.eot#iefix') format('embedded-opentype'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/bold/OpenSans-Bold.woff2') format('woff2'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/bold/OpenSans-Bold.woff') format('woff'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/bold/OpenSans-Bold.ttf')  format('truetype'),
       url('https://www.qualitasauto.com/tools/talleres/nuevo/css/opensans/bold/OpenSans-Bold.svg#svgFontName') format('svg');
} */

.text-talleres-balumba{
	font-size:15px;
	margin-bottom:20px;
	margin:0 auto
}
	
#divSearch{
	display:block;
	width: 100%;
  /* height: 700px; */
}

canvas {
	width: inherit;
	height: inherit;
	display: block!important;
}

#divSearch .searchBox {
	/* width:340px; */
	/* height:500px; */
	margin:0 auto;
	margin-top: 30px;
}

#divSearch .searchBox .fila{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	padding: 5px 0;
	/* height:40px; */
}

#divSearch .searchBox .col-1{
	/* width:140px; */
	/*font-family: "Open Sans Bold";*/
	/* float:left; */
	/* font-size: 20px; */
	padding-top: 5px;
	padding-right: 8px;
}

#divSearch .searchBox .col-2{
	/* width:200px; */
	/* float:left; */
}

#divSearch .searchBox .col-2 label {
	/* font-size: 20px; */
}

#radioTipoTaller {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#divSearch .searchBox .clear{
	clear:both
}

#btnBuscar{
	background-color:#d14836;
	color:#fff;border:0;
	/*font-family: "Open Sans Bold";*/
	/*font-size:14px;*/ 
	cursor:pointer;
	padding: 8px 20px;
	margin-top: 15px;
}

#divVisor{
	display:none;
	width: 100%;
	height: 700px;
	position: relative;
}

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

/* 
	Estilos mapa overrided
*/

.cercalia-control-zoom  {
	left: 325px !important; 
}

.cercalia-control-rotate-north{
	left: 328px !important; 
	top: 10px !important;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #24AE25 !important;
	border: 1px solid #1F9922 !important
}*/

.ui-state-default {
	background: white; 
	/* color:#0f243e; */
	border-color:#adadad;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.ui-state-hover {
	background: #f0f0f0; 
	color:#0f243e;
	border-color:#adadad;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.ui-state-active {
	background: #ebebeb; 
	color:#0f243e;
	border-color:#adadad;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.ui-widget, .ui-widget-content{
	font-family: 'Open Sans Regular'; 
	font-size:13px;
}

.ui-widget-header{
	background: #003B75 !important;
	border: 1px solid #003B75 !important;
	color: white;
}

.ol-control .geolocation{
	display:none;
}
    
#radioTipoTaller label:last-child {
	margin-left:-1px;
}

.searchBox select {
	/*font-family: 'Open Sans Regular'; 
	font-size:13px;*/
	padding: 3px; 
	width: 100%;
	/* color:#0f243e; */
}

#inputDireccion {
	/*color:#0f243e; 
	font-family: 'Open Sans Regular'; 
	font-size:13px;*/ 
	padding: 3px; 
	width: 100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#divResults{
	height: 660px;
	top: 10px;
	position: absolute;
	width: 300px;
	border: 1px solid #ccc;
	background-color: #fff;
	z-index: 1;
	left: 15px;
	padding: 10px 0px 10px 0px;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(51,51,51,0.45);
	-moz-box-shadow: 0px 0px 6px 1px rgba(51,51,51,0.45);
	box-shadow: 0px 0px 6px 1px rgba(51,51,51,0.45);
}

#divResults .resultsContainer{
	overflow-y: auto;
	height: 620px;
}

#divResults .resultsContainer li:hover{
	background-color:#eaf5fb !important
}

#divResults .resultsContainer ul{
	padding: 0;
	margin-top: 2px;
}
#divResults .resultsContainer li{
	list-style-type: none;
	cursor: pointer;
	padding: 10px 0px 10px 10px;
}

#divResults .resultsContainer li .poiname{
	font-family: "Open Sans Bold"
}

#divResults .resultsContainer .odd{
	background-color:#eee;
}
#divResults .resultsContainer .pair{
	background-color:#fff;
}

#divResults .resultsContainer .selected{
	background-color:#eaf5fb;
}

#divResults .volver{
	text-decoration:underline;
	margin-left: 10px; 
	margin-bottom: 10px;
	cursor:pointer; 
	display: inline-block;
}

#divResults .title-results{
	font-weight:normal; 
	margin-left: 10px;
}

#navBar{
	display:none
}

.ui-menu .ui-menu-item.cercalia-suggest-item .cercalia-suggest {
	top:3px;
}

@media all and (min-width: 768px) {
	
	#divSearch .searchBox {
		width: 600px;
	}

	#divSearch .searchBox .col-1{
		width:200px;
	}

	#divSearch .searchBox .col-2{
		width:400px;
	}

	#radioTipoTaller label,
	#inputDireccion,
	#divSearch .searchBox .col-1,
	.searchBox select	{
		font-size: 20px;
	}
}

@media all and (max-width: 767px) {
	
	#divSearch .searchBox {
		width: 100%;
	}

	#divSearch .searchBox .col-1{
		width:30%;
	}

	#divSearch .searchBox .col-2{
		width:70%;
	}

	#radioTipoTaller label,
	#inputDireccion,
	#divSearch .searchBox .col-1,
	.searchBox select{
		font-size: 16px;
	}
}

@media only screen and (max-width: 1024px) {
	
	#navBar{
		background-color: white;
		display: block;
		height: 30px;
		color: #002046;
		padding: 10px 15px 0px 15px;
		font-family: Open Sans Bold;
		display:block;
	}
	
	#navBar div{
		cursor:pointer;
	}
	
	#navBar .modo-listado{
		float:right;
		display:none;
		text-decoration: underline; 
		background: url(https://www.qualitasauto.com/tools/talleres/nuevo/img/list_icon.png) no-repeat;
		padding-left:28px;
	}

	#navBar .modo-mapa{
		float:right;
		display:block;
		text-decoration: underline; 
		background: url(https://www.qualitasauto.com/tools/talleres/nuevo/img/map_icon.png) no-repeat;
		padding-left:28px;
	}

	#navBar .volver{
		float:left;
		display:block;
		text-decoration: underline;
	}

	#navBar .clear{
		clear:both;
	}
  
	#divResults{
		position:static;
		width:100%;
		height:100%;
		display:block;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	#divResults .volver{
		display:none;
	}
	
	#divResults .resultsContainer{
		height:100%;
	}
	
	#map{
		display:none;
		width:100%;
		height:100%
	}
	
	.text-talleres-balumba{
		display:none
	}
	
	/* Controls mapa*/
	.cercalia-control-zoom {
		left: 5px !important; 
		top: 65px !important;
	}

	.cercalia-control-zoom-mobile a, 
	.cercalia-control-zoom a {
		width:40px !important; 
		height:40px !important;
	}

	.cercalia-control-rotate-north{
		display:none
	}

	.ol-control.geolocation{
		display:block;
		top: 15px;
		left: 8px;
		position: absolute;
		width: 42px;
		height: 42px;
		content: none !important;
		cursor: pointer;
		padding-top: 0px;
	}

	.geolocation .ui-icon {
		display:block;
		width:20px;
		height:20px;
		background: url(https://www.qualitasauto.com/tools/talleres/nuevo/img/location.png) no-repeat; 
		left: 9px;
		top: 18px;
	}

	.geolocation button {
		width: 42px; 
		height: 42px
	}

	.cercalia-control-zoom-mobile {
		top:65px !important;
	}

	.geolocation .ui-state-hover .ui-icon {
		background: url(https://www.qualitasauto.com/tools/talleres/nuevo/img/location.png) 0 -20px no-repeat;
	}
	
	#suggest_response_list_inputDireccion .ui-menu{
		top: 172px !important;
		left: 25px !important;
		width: auto; 
		margin-right:25px;
	}

	.ui-menu .ui-menu-item.cercalia-suggest-item a{
		font-size:14px; 
		line-height: 28px; 
		border-bottom:1px solid #f0f0f0;
	}
	
	#divVisor{
		width: 100%;
		height: 100%;
	}

	#divResults .resultsContainer .selected{
		background-color:inherit;
		border:none
	}
	
}