div.topBG div#ruta,
div.topBG h1,
div.topBG p {
    position: relative;
    z-index: 1;
}

div#directory {
    position: relative;
    z-index: 1;
}

h1 {display:block;color:#FFF;font-weight:700;font-size:40px;padding-top:23px;padding-bottom:10px;margin-bottom:0;background:none;text-shadow: 0 -1px 1px rgba(0,0,0,1);}
div#content {margin-top:-165px;}

	/* BEST CATEGORIES */

div.bestCategories {position:relative;z-index:1;margin-bottom:30px;}
div.bestCategories div.imgFeatured {text-align:center;height:165px;display:block;background-size:cover;border-radius:3px 3px 0 0;moz-border-radius:3px 3px 0 0;width:100%;}
div.bestCategories div.imgFeatured a {display:block;width:100%;height:100%;border-radius:6px;moz-border-radius:6px;}
div.bestCategories div.imgFeatured span {display:inline-block;font-size:38px;padding:16px;color:#FFF;border-radius:50px;moz-border-radius:50px;border:2px solid #FFF;margin:20px 0 10px 0;}
div.bestCategories div.imgFeatured b {font:bold 27px Ghot, arial, verdana;color:#FFF;letter-spacing:1px;text-shadow:0 -1px 1px rgba(0,0,0,1);display:block;}


div.bestCategories div.itemCat{
overflow:hidden;
border-radius:6px;moz-border-radius:6px;
padding:0;
}
div.bestCategories div.itemCat ul {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
border-radius: 0 0 3px 3px;
moz-border-radius: 0 0 3px 3px;
border: 1px solid #DDD;
border-top:0;
background: #FFF;


}
div.bestCategories div.itemCat ul li a{display:block;padding:10px;font:normal 14px ProNormal, arial, verdana;color:#135470;border-bottom:1px solid #F4F4F4;}
div.bestCategories div.itemCat ul li a span.number {float:right;border:1px solid #CCC;border-radius:400px;padding:3px 10px;color:#0088cc;font-size:12px;}
div.bestCategories div.itemCat ul li a [class*='icon-'] {margin:0 10px 0 0;color:#333;font-size:22px;}

	/* MODULO MAPA Y CATEGORIA */

#directory h2 {
padding: 15px 0;
font:26px ProLight, arial verdana;
}

#home #directory {padding:0 0 20px 0;}

#home #directory .mod2Content {
    padding:30px;
    background:#FFF;
    border:0;
    display: flex;
    display: -webkit-flex;
     -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;

}
#home .mapa{width:266px;height:233px;padding:0 40px 0 0;}
#home .cats{flex: 1;-webkit-flex:1;}
#home .cats ul{margin-top:3px;}
#home .cats ul.cat li{display:inline-block;width:33%;padding:0;margin-bottom:6px;font-size:14px;color:#135470;}
#home .cats ul.cat li a{font-weight:normal;font-size:14px;color:#0088cc;}
#home .cats ul li a:hover{color:#01C0F4;}


	/* MODULOS CIUDADES */


div.cities {padding:20px 0;}

div.cities div.col {
	width:25%;
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width .3s ease-out;
	transition: width .3s ease-out;
	display: -webkit-flex;
	display: flex;

}
div.cities div.listcities {margin-left:-23px;}


div.cities div.col div.comunidad {
   margin-left:23px;margin-bottom:23px;
   overflow:hidden;width:100%;
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.5);

  background:#FFF;
  height:160px;
  -webkit-box-shadow: inset 0px 64px 162px 14px rgba(0,0,0,0.77);
  -moz-box-shadow: inset 0px 64px 162px 14px rgba(0,0,0,0.77);
   box-shadow: inset 0px 64px 162px 14px rgba(0,0,0,0.77);
   position:relative;
   background:#333;
}

div.cities div.col div.comunidad img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);

}

div.cities div.col div.comunidad:hover img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



div.cities div.col div.comunidad span {font:bold 25px Ghot, arial, verdana;color:#FFF;letter-spacing:1px;text-shadow:0 -1px 1px rgba(0,0,0,1);display:block;text-align:center;line-height:25px}

div.cities div.col div.comunidad::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

div.cities div.col div.comunidad span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

div.cities div.col div.comunidad ul::before,
div.cities div.col div.comunidad ul {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

div.cities div.col div.comunidad ul {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
       text-align:center;
	padding:10px 0;
}

div.cities div.col div.comunidad:hover span{
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

div.cities div.col div.comunidad ul::before ,
div.cities div.col div.comunidad:hover ul {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

div.cities div.col div.comunidad ul li a {color:#FFF;font-size:13px;border-radius:30px;moz-border-radius:30px;padding:3px 10px;margin:0 0 5px 0;display:inline-block;background:rgba(0,0,0, 0.6);}




	/* MODULO banners */

div.mod2Col {margin-left:-23px;}

div.mod2Col div.col {
	width:50%;
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width .3s ease-out;
	transition: width .3s ease-out;
	display: -webkit-flex;
	display: flex;

}

div.publica, div.fanFacebook {margin-left:23px;border:1px solid #DDD;padding:10px;border-radius:3px;moz-border-radius:3px;width:100%;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 83%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(83%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

}
div.fanFacebook {overflow:hidden;}
div.fanFacebook iframe{width:100%!important;}
div.publica {padding:0 0 30px 0;}
div.publica strong {
color:#135470;
font:normal 20px ProLight, arial verdana;
padding: 20px 0 20px 20px;
text-align: left;
background: #F4F4F4;
border-bottom: 1px solid #DDD;
border-radius: 3px 3px 0 0px;
moz-border-radius: 3px 3px 0 0px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(244,244,244,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f4f4f4',GradientType=0 );
display:block;
}
div.publica p {font-size:16px;color:#999;margin:20px 0 20px 0;line-height:24px;padding: 0 20px;}
div.publica p span{font-size:18px;display:block;}
div.publica div.help a {float:left;background:#00ABED;font:14px Trampton, arial, verdana;color:#FFF;text-transform:uppercase;border-radius:5px;moz-border-radius:5px;padding:10px 30px 10px 30px;margin:0 0 0 30px;}
div.publica div.publiEmpresa a{float:right;background:#00ABED;font:14px Trampton, arial, verdana;color:#FFF;text-transform:uppercase;border-radius:5px;moz-border-radius:5px;padding:10px 30px 10px 30px;margin:0 30px 0 0;}

div.publica div.help a span, div.publica div.publiEmpresa a span {margin:0 20px 0 0;font-size:18px;}

		/* MODULOS COLUMNAS */

div.fotos h2, div#top h2, div#ultimas h2 {font:26px ProLight, arial verdana;padding:40px 0 15px 0;text-align:left;position:relative;}



		/* GENERAL COLUMNAS */

ul.top li, ul.ultimas li {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;moz-border-radius:3px;
border:1px solid #DDD;
background:#FFF;
}

ul.top li div.num{
background: #0DB5E4;
position: absolute;
padding: 5px 7px;
text-align: center;
width: 25px;
color: #FFF;
font: 700 18px Montserrat, arial, verdana;
left:0;
margin-left:6px;
margin-top:20px;
z-index:3;
}

ul.top li div.num:before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 3px 5px;
border-color: transparent transparent #138BBF transparent;
position:absolute;
content:'';
top:0;
left:0;
margin-top:-3px;

}
ul.top div.imgFeatured {height:120px;overflow:hidden;border-bottom:4px solid #01C0F4;margin:10px 10px 0 10px;border-radius:3px 3px 0 0;moz-border-radius:3px 3px 0 0;position:relative;}
ul.top div.imgFeatured img, ul.ultimas div.imgFeatured img {width:100%;height:auto;border-radius:3px 3px 0 0;moz-border-radius:3px 3px 0 0;}
ul.top div.infoEmp, ul.ultimas div.infoEmp {background:#FFF;overflow:hidden;}
ul.top div.infoEmp h3, ul.ultimas div.infoEmp h3 {white-space:nowrap;padding:15px 0 3px 15px;}

ul.top div.infoEmp h3:after, ul.ultimas div.infoEmp h3:after {
background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
height: 25px;
max-height: 100%;
position: absolute;
right: 1px;
width: 30px;
content:'';
}

ul.top div.infoEmp h3 a, ul.ultimas div.infoEmp h3 a {font-family:ProNormal, arial, verdana;position:relative;}
ul.top div.infoEmp span.localizacion, ul.ultimas div.infoEmp span.localizacion {color:#999;font:13px ProLight, arial, verdana;padding:0 13px;white-space:nowrap;text-transform:uppercase;}
ul.top div.infoEmp span.localizacion span, ul.ultimas div.infoEmp span.localizacion span{margin:0 3px 0 0;color:#0DB5E4;font-size:15px;}
ul.top div.infoEmp span.localizacion b, ul.ultimas div.infoEmp span.localizacion b {font-weight:normal;font-size:13px;}
ul.top div.infoEmp span.localizacion:after, ul.ultimas div.infoEmp span.localizacion:after {
background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
height: 25px;
max-height: 100%;
position: absolute;
right: 1px;
width: 30px;
content:'';
}
ul.top div.infoEmp span.localizacion a, ul.ultimas div.infoEmp span.localizacion a {font:13px ProLight, arial, verdana;}
ul.top div.infoEmp p, ul.ultimas div.infoEmp p{font-size:14px;line-height:22px;height:55px;padding:0 15px;margin:5px 0 10px 0;position:relative;overflow:hidden;}
ul.top div.infoEmp p:after, ul.ultimas div.infoEmp p:after {
content: "";
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00E7E7E2',endColorstr='#FFE7E7E2');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi?pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(231,231,226,0)),color-stop(100%,#e7e7e2));
background-image: -webkit-linear-gradient(top,rgba(231,231,226,0) 0,#FFF 100%);
background-image: -moz-linear-gradient(top,rgba(231,231,226,0) 0,#FFF 100%);
background-image: -o-linear-gradient(top,rgba(231,231,226,0) 0,#FFF 100%);
background-image: linear-gradient(top,rgba(231,231,226,0) 0, #FFF 100%);
display: block;
position: absolute;
pointer-events: none;
bottom:-0px;
left: 0;
width: 100%;
height: 50px;
}



div.actualLevel{display:block;color:#015389;background:url(https://www.vulka.es/images/level/bg_level.gif) no-repeat 15px #F4F4F4;padding:10px;padding-left:50px;border-top:1px solid #DDD;}
div.actualLevel span{color:#01C0F4;padding-right:4px;}
div.actualLevel b{display:inline;font-weight:normal;padding-left:5px;font-size:10px;position:relative;top:-1px;}
div.contentBar {float:left;background:url(https://www.vulka.es/images/level/bg_barlevel.gif) no-repeat left;height:10px;width:83px;padding-left:2px;padding-top:2px;}
div.boxBar{width:79px;border:1px solid #FFF;height:6px;background:#D8D8D8;}
div.actualLevel:hover div.boxBar {background:#B7E0EB;}
div.bar{background:url(https://www.vulka.es/images/level/bg_boxBar.gif) no-repeat left;height:3px;text-align:right;padding:3px 0px 0px 0px;}
div.actualLevel:hover div.bar{background:url(https://www.vulka.es/images/level/bg_boxBar.gif) no-repeat right;}


ul.ultimas div.imgFeatured {height:150px;overflow:hidden;border-radius:3px 3px 0 0;moz-border-radius:3px 3px 0 0;position:relative;}
ul.ultimas div.imgFeaturedLogo {height:100px;padding-top:50px;overflow:hidden;border-radius:3px 3px 0 0;moz-border-radius:3px 3px 0 0;position:relative;text-align:center;border-bottom:1px solid #DDD;}
ul.ultimas div.imgFeaturedLogo img {width:auto!important;height:auto!important;max-width:100%;display:inline-block;margin-top:-50px;}
#ultimas div.fecha {position:absolute;z-index:1;left:10px;top:0;}
#ultimas div.fecha span.day{font-size:12px;background:#01B3EB;color:#FFF;display:block;text-align:center;font-weight:normal;padding:5px 10px;}
#ultimas div.fecha span.hour {display:block;text-align:center;font-size:12px;background:#EAE8E8;padding:5px 0;}



div.fotos {padding:10px 0 20px 0;}
div#top {background-image: url(https://www.vulka.es//images/topbg/soft-wallpaper.png);background-color:#FFF;padding:10px 0 20px 0;}

div#top h2 {color:#135470;}
div#ultimas {padding:10px 0 0 0;}


		/* top10*/

.ToolTipMapa {visibility: hidden; position: absolute; padding:4px; color:#FFF; font-size:12px; font-weight:bold; background:#01C0F4;border:1px solid #3096C8;z-index:2;width:150px;text-align:center;}


	/* GALERIA ULTIMAS FOTOS*/

div.item {
overflow:hidden;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;moz-border-radius:3px;
border:1px solid #DDD;
background:#FFF;
padding:10px;
}
div.item div.img {height:160px;overflow:hidden;position:relative;}
div.item div.img img {width:100%;height:auto;border-radius: 3px;moz-border-radius:3px;}
a.Ntooltip span{
	position: absolute;
	font: 13px ProNormal, arial, verdana;
	font-weight: 400;
	left: 0;
	height:100%;
	top: -160px;
       width:100%;
	color:#FFF;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d?IxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); */
  /* background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 200%); */
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 200%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 200%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 200%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.06s ease-out;
  -moz-transition: all 0.06s ease-out;
  -o-transition: all 0.06s ease-out;
  transition: all 0.06s ease-out;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease-in-out;
	-ms-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
	z-index:9;
	border-radius:3px;moz-border-radius:3px;
	text-align:left;
}

a.Ntooltip:hover span{
	top: 0px;

}
a.Ntooltip span i {margin:15px;font-style:normal;}
a.Ntooltip span i.sp {margin-bottom:0;display:block;}
a.Ntooltip span i.city {margin-top:10px;padding:4px 8px;background:#0DB5E4;display:inline-block;border-radius:3px;moz-border-radius:3px;}

.owl-theme .owl-nav [class*='owl-'] {font-size:25px!important;color: #CCC!important;}
.owl-theme .owl-nav [class*='owl-']:hover {color: #333!important;}
.owl-controls .owl-nav .owl-prev{
  right: 20px;
  top: -50px;
  position: absolute;
}

.owl-controls .owl-nav .owl-next{
  right: -20px;
  top: -50px;
  position: absolute;
}


.bestCategories .owl-controls .owl-dots {margin:20px 0 0 0;}
.bestCategories .owl-controls .owl-nav .owl-prev{
  right: inherit;
  left:-65px;
  top: 60px;
  position: absolute;
}

.bestCategories .owl-controls .owl-nav .owl-next{
  right: -65px;
  top: 60px;
  position: absolute;
}



@media (max-width: 1300px){
    
 	.bestCategories .owl-nav {display:none;}
    	div.cities div.col {width:33.33%;}

}
@media (max-width: 1250px){
	div.publica div.help a {padding:10px 20px 10px 20px;margin:0 0 0 10px;}
	div.publica div.publiEmpresa a{padding:10px 20px 10px 20px;margin:0 10px 0 0;}

}
@media (max-width: 1065px){
		div.publica div.help a span, div.publica div.publiEmpresa a span {display:none;}
}
@media (max-width: 900px){
    h1 {font-size:25px;text-shadow:none;}
    div.fotos h2, div#top h2, div#ultimas h2 {font-size:21px;}
    ul.bestCategories li b {text-shadow:none;letter-spacing:-1px;}
    div.cities div.col {width:50%;}
}

@media (max-width: 700px){
		div.mod2Col div.col {width:100%;}
		div.fanFacebook {margin-top:20px;}
		div.publica div.help a span, div.publica div.publiEmpresa a span {display:inline-block;}
		div.bestCategories div.imgFeatured b, div.cities div.col div.comunidad span {text-shadow:none;letter-spacing:-1px;}
		div.topBG {padding:0 0 165px 0;}
		div.topBG h1 {padding-top:3px;}
}

@media (max-width: 530px){

	div.publica div.help a {display:block;float:none;padding:10px 20px 10px 20px;margin:0 20px;text-align:center;}
	div.publica div.publiEmpresa a{display:block;float:none;padding:10px 20px 10px 20px;margin:10px 20px 0 20px;text-align:center;}

}

@media (max-width: 480px){

	div.cities div.col {width:100%;}

}