.divContBusq{background-image:url("../images/medellin_ventanilla.jpg");background-position:center center;background-repeat:no-repeat;background-size:100% auto;height:325px;position:relative;width:100%}
.divTitulo {color: #eaeaea !important;font-family: arial;font-size: 36px;margin: 0 10%;position: relative;text-align: left;text-shadow: 2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;top: 25%;width: 79%;background: transparent !important;}
.divSubTitulo{color:#fff;font-family:arial;font-size:16px;line-height:15px;margin:0 10%;padding:0 0 0 2px;position:relative;text-align:left;top:90px;width:79%}
.divSubTitulo > a{text-decoration:underline}
.divSubTitulo > a:hover{color:#00b8f1}
.divF{margin:-5px 10% 0;position:absolute;top:50%;width:79.5%}
.divF input{border-radius:4px;transition:all .4s ease-in-out}
.inpBuscar{color:#a9a9a9;font-size:17px;height:40px;padding:0 0 0 9px;width:85%}
.btnBuscar{background-color:#00b8f1;border:0 none;color:#fff;cursor:pointer;font-size:15px;height:39px !important;position:relative;width:13%;left:4px}
.ulRet{background-color:rgba(225,225,225,0.94);color:#404040;font-family:arial;position:absolute;list-style:outside none none;display:none;z-index:20}
.ulRet>li{border-bottom:1px solid #99b8d9;cursor:pointer;padding:3px 9px;position:relative}
.ulRet>li.liServicio:hover,.ulRet>li.liCategoria:hover{background-color:rgba(0,182,241,0.31);color:#121212}
.ulRet>li>div>span{color:#3379cb;float:right;font-size:14px;font-style:italic;padding:0 0 0 10px;position:relative;right:10px;text-transform:capitalize;top:0}
.ulRet>li.liServicio:hover>div>span,.ulRet>li.liCategoria:hover>div>span{color:#1d5290}
.ulRet div>p{color:#464f66;font-size:13px;margin:1px 0}
.divCAT{color:#800000 !important;text-transform:capitalize;padding-left:12px}
.divMETA{padding-left:12px}
.inpActivo{box-shadow:0 0 15px #bfbfbf}
.divMsjBusq{border-bottom:1px solid #b7b7b7;color:#4d4d4d;display:none;font-size:23px;padding:20px 0;text-align:center}
.divMsjBusq > span{color:#428fcd}
.divMsjBusq > p{font-family:arial;font-size:14px;margin:4px 0 0}
.ulBusq{display:none}
.ulBusq > li{background-color:#fbfbfb;border-bottom:1px solid #c4dfe3;padding:10px;cursor:pointer}
.ulBusq > li:hover{background-color:rgba(0, 181, 241, 0.13)}
.ulBusq > li:hover > div > p{color:#252f52}
.ulBusq > li:hover > div > span{color:#115482}
.ulBusq > li > div{color:#428fcd;font-family:"Roboto Condensed";font-weight:bold;position:relative}
.ulBusq > li > div > p{color:#3c3c3c;font-size:14px;font-weight:lighter;margin:2px 0;padding:0}
.ulBusq > li > div > span{font-family:arial;font-size:14px;font-style:italic;font-weight:normal;top:2px;text-transform:capitalize;float:right}
.divMasVi{padding:35px 0 10px}
.divMasVi > div{background-color:#f1f1f1;color:#00b8f1;font-family:"roboto condensed";font-size:27px;padding:12px;text-align:center}
.ulMasVi{margin-top:5px}
.ulMasVi > li{background-color:#f7f7f7;border-radius:8px;border-top:1px solid #00b8f1;color:#333333;cursor:pointer;display:inline-block;margin:0 6px;min-height:85px;padding-left:3px;padding-right:10px;padding-top:5px;position:relative;transition:all 0.5s ease-in-out 0s;width:23.7%}
.ulMasVi > li:hover{box-shadow:3px 3px 3px #cccccc}
.ulMasVi > li > div{display:flex;position:absolute;top:50%;transform:translateY(-50%)}
.ulMasVi > li > div > div:not(.circ){padding:0 8px 0 33px}
.circ{background-color:#00b8f1;border-radius:50%;color:#ffffff;display:block;font-size:11px;font-weight:bold;height:20px;line-height:21px;margin:0 5px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:20px}
.spanNom{font-family:"roboto condensed";font-size:14px;line-height:14px;text-align:justify;top:50%}
.loadervun{background-image:url("/irj/go/km/docs/etc/PortalMedellin/images/loadervun.gif");background-position:right center;background-repeat:no-repeat}

.spanSivirtual{color:#763434;width:100%;text-align:left;font-size:12px}
.spanSivirtual > a::after{content:" ↪"}
.spanNom > b{color:#00b8f1;font-size:11px;white-space:nowrap}

.liMM{color:#fff;font-size:13px;font-style:italic;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;background:#bf5100}
.liMM span{font-weight:bold}

.liCC{color:#fff;font-size:13px;font-style:italic;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;background:#bf5100}
/******************************************************/
.arrowSelected{background-color:#f0f0f0;color:#bc5a21}
/******************************************************/
/* haaaaaaaack */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){
	/*.spanNom{display:inline}*/
}
/* ########### Vista movil ########### */
@media only screen and (max-width:1024px){
	.divContBusq{background-image:none;background-color:#e8e8e8; height:250px}
	.divTitulo{color:#00b8f1;font-size:43px;text-align:center;text-shadow:none;top:27px;display:inline-block}
	.divSubTitulo{color:#696969;text-align:justify;top:20px;font-size:15px}
	.ulMasVi > li{width:32%}
}
/* ################################### */
@media only screen and (max-width:925px){
	.ulMasVi > li{width:31.9%}
}
/* ################################### */
@media only screen and (max-width:870px){
	.ulMasVi > li{width:31.7%}
}
/* ################################### */
@media only screen and (max-width:752px){	
	.ulMasVi > li{width:48%}
	.divF{top:60%}
}
/* ################################### */
@media only screen and (max-width:655px){	
	.ulMasVi > li{width:47.8%}
	.divTitulo{font-size:39px}
}
/* ################################### */
@media only screen and (max-width:602px){	
	.divTitulo{font-size:37px}
}
/* ################################### */
@media only screen and (max-width:565px){	
	.ulMasVi > li{width:47.5%}
	.divTitulo{font-size:35px}
}
/* ################################### */
@media only screen and (max-width:526px){
	.divTitulo{font-size:30px}
	.inpBuscar{width:80%}
	.btnBuscar{width:17%}
}
/* ################################### */
@media only screen and (max-width:506px){
	.ulMasVi > li{width:98%}
}
/* ################################### */
@media only screen and (max-width:450px){
	.divTitulo{font-size:28px}
	.divSubTitulo{top:27px}
	.divF{top:64%}
	.inpBuscar{width:76%}
	.btnBuscar{width:21%}
}
/* ################################### */
@media only screen and (max-width:400px){
	.divTitulo{font-size:25px}
	.divF{top:70%}
	.inpBuscar{width:70%}
	.btnBuscar{width:25%}
}
/* ################################### */
@media only screen and (max-width:380px){
	.divTitulo{font-size:23px}
	.divSubTitulo{top:22px}
}