@font-face {font-family:Omnes_Huggies;src:url(https://dbebesec.myvtex.com/_v/public/vtex.styles-graphql/v1/font/7eb33b6b44b4c1344a2457eb6760af7c.otf) format("opentype");}

html, body {
    margin: 0px;
    padding: 0px;
    font-family:'Omnes_Huggies';
    font-size: 12px;
}
a{
    text-decoration: inherit;
	color: #000;
}

#ciudadlist{
	height:100%;
	display: block;
	position:absolute;
	top:0;
	left:0;
	box-shadow:2px 0 3px rgba(0,0,0,0.25);
}
#ciudadlist #accordion{
    margin: 0;
    width:370px;
    height:100%;
    overflow: auto;
    background:#fdfdfd;
}
#ciudadlist #accordion h3{
    margin: 0;
    position: relative;
    background: #efefef;
    padding: 8px!important;
    padding-left:30px!important;
    border:0;
    border-radius:0;
    border-bottom: 1px solid #dbdbdb;
}
#ciudadlist #accordion h3:hover{
	background:#f2f2f2;
}
#ciudadlist #accordion h3.ui-accordion-header.ui-accordion-header-active{
	font-weight:bold;
	background:#0067c7;
}
#ciudadlist #accordion h3.ui-accordion-header.ui-accordion-header-active a{
	color:#fff!important;
}
#map {
    width: calc(100% - 370px);
    height: 100%;
	position:absolute!important;
    right:0;
    border:0 !important;
}

.section-action-chip-button {
    background: #0067c7;
    padding: 4px;
    border-radius: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

button.gm-ui-hover-effect{
	width:35px !important;
	height:35px !important;
	line-height:35px;
	text-align:center;
	font-size:30px;
	overflow:hidden;
	color:#888;
}
button.gm-ui-hover-effect:before{
	content:'+';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	transform:rotate(45deg);
}
button.gm-ui-hover-effect img{
	display:none !important;
}
.gm-style .gm-style-iw h2{
	color:#0067c7;
}
.ui-accordion .ui-accordion-content {
	padding:0!important;
	height:auto!important;
	right:0;
	border:0;
	border-radius:0px;
	background:#fff;
	color: #666;
}
.ui-accordion .ui-accordion-content .item{
	padding:10px 20px;
	padding-left:30px;
	position:relative;
	border-bottom:1px solid #ddd;
	
}
.ui-accordion .ui-accordion-content h4{
	margin:0;
	margin-bottom:5px;
	font-size:14px;
	color:#0067c7;
}
.ui-accordion .ui-accordion-content h5,
.ui-accordion .ui-accordion-content p{
	margin:0;
	font-size:12px;
	font-weight:normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ui-accordion .ui-accordion-content h5{
	margin-bottom:6px;
}
.ui-accordion .ui-accordion-content p{
	color:#bcbcbc;
}
.como-llegar a:hover {
    color: #0067c7;
}

/*----small---*/
@media screen and (max-width: 768px){
	#ciudadlist{
		width: 100%;
		height: 244px;
		display: block;
		position:initial;
		bottom:0;
		right:0;
		margin:0;
		position:relative;
		box-shadow:0 -2px 5px rgba(0,0,0,0.25);
	}
	#ciudadlist #accordion,
	.ui-accordion .ui-accordion-content .item{
		width:initial;
	}
	.ui-accordion .ui-accordion-content h4,
	.ui-accordion .ui-accordion-content h5,
	.ui-accordion .ui-accordion-content .table-servicio{
		color:#666;
	}
	.ui-accordion .ui-accordion-content .table-servicio td{
		border-color:#bcbcbc;
	}
	#map {
		height: 350px;
		margin:0;
		width:100%;
		position:relative!important;
	}
	#ciudadlist .tabs-info{
		width: 100%;
		display:block;
		position:absolute;
	}
	#ciudadlist .tabs-info li{
		display:block;
		width:50%;
		margin:0;
		padding:8px 0;
		text-align:center;
		float:left;
	}
}