/* GENERAL */

div.topBG {background:url(https://www.vulka.es/images/bg_content_repeat.png) #333 repeat-x;padding:0 0 53px 0;background-position:0;
-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;
}
div.texture {width:100%;height:100%;position:absolute;
background-image: url(https://www.vulka.es/images/topbg/brilliant.png);
background-color:rgba(0,0,0,0.1);
}
div#content {margin-top:-53px;position:relative;z-index:1;}
div.topBG div#ruta, div.topBG h1, div.topBG p{position:relative;z-index:1;}

div.customCo {
    border-top:1px solid #DDD; border-bottom: 1px solid #DDD;margin-bottom:10px;text-align:left;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 83%, rgba(244,244,244,1) 100%);
    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)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 83%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
div.customCo strong {display:block;font:normal 18px ProBold, arial, Helvetica, verdana;padding:0 0 5px 0;}
div.customCo p {font-size:13px;}
div.customCo a {font-size:13px;}

div.customLista p a{font-size:12px;}
h1 {display:block;color:#FFF;font-weight:700;font-size:40px;padding-top:3px;padding-bottom:10px;margin-bottom:0;background:none;text-shadow: 0 -1px 1px rgba(0,0,0,1);}

.mod2 .mod2Content {
    min-height:400px;
    display: flex;
    display: -webkit-flex;
     -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    border-bottom:1px solid #E1E1E1;
}

#filtros {width:356px;text-align:center;}
#listado {flex: 1;-webkit-flex:1;-ms-flex:1;flex-wrap : wrap;border-left:1px solid #DDD;max-width: calc(100% - 357px);}
#listadoAll {padding:10px 20px 20px 20px;}

#filtros ul {padding:0px 20px 20px 0px;}
#filtros ul li{border-bottom:1px dotted #CCC;margin-bottom:3px;padding-bottom:1px;}
#filtros ul li a{font-size:13px;color:#666;display:block;padding:5px 0;text-align:left;}
#filtros div.adsFiltros {padding:10px;}
#filtros div.curveCol{margin-bottom:20px;}
#filtros div.curveCol h2{text-align:left;padding:5px 0px 5px 10px;border-bottom:1px solid #DDD;margin:0 0 10px 0;}
#filtros div.curvecenterCol {margin:10px;}


#filtros h2.blue {color:#00ABED;}
#filtros .green  h2 {color:#5C822F;}
#filtros .blue2 h2 {color:#145570;}
#listado h2 {color:#01C0F4;}


#filtros .white div.curvetopCol {background:url(https://www.vulka.es/images/resultados/topCurve_col_blanco_big.gif) no-repeat top;}
#filtros li {display:block;}


	/* RESULTADOS */

.pushpinStyle div {top:8px!important;font-size:14px!important;font-family:Montserrat, arial, verdana!important;}

#listado div.num:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 5px 8px;
border-color: transparent transparent #138BBF transparent;
position:absolute;
content:'';
top:0;
left:0;
margin-top:-5px;
}
#listado div.num:after {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #0DB5E4;
position:absolute;
content:'';
top:50%;
right:0;
margin-right:-5px;
margin-top:-5px;
}
#listado div.num {background:#0DB5E4;position:absolute;padding:8px;text-align:center;width:25px;color:#FFF;font:700 18px Montserrat, arial, verdana;margin-left:-18px;}
#listado h3 a{margin:0 0 0 40px;display:block;white-space:nowrap;overflow:hidden;}
#listado h3 a: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:'';
}



#listado .localizacion {color:#999;font-size:13px;padding:3px 0 0 0;display:block;margin:0 0 0 40px;font:14px ProLight, arial, verdana;text-transform:uppercase;display:block;vertical-align:top;line-height:20px;white-space:nowrap;overflow:hidden;}
#listado .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:'';
}

div.NextPage h3 a, div.NextPage .localizacion{margin:0!important;}
#listado .localizacion span {color:#0DB5E4;font-size:18px;}
#listado div.infoResult {float:left;width:400px;}

#listado li.img {width:90px;height:90px;margin:15px 15px 0 0;overflow:hidden;display:inline-block;border-radius:4px;moz-border-radius:4px;border:1px solid #CCC;text-align:center;}
#listado li.img img{height:100%;width:auto;}
#listado div.infoDescription {max-width:880px;display:block;}
#listado div.infoContacto {margin:15px 20px 10px 20px;text-align:right;font-size:18px;color:#555;}
#listado div.infoContacto span {color:#0DB5E4;margin:0 10px 0 0;}


#listado h2{padding:15px;background:#EDEDED;border-bottom:1px solid #DDD;}

#listado .top, #listado .top2, #listado .top3, #listado .normal, #listado .topAds {clear:both;border-bottom:1px solid #DDD;
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 */

}
#listado .top p, #listado .normal p, #listadoAll .top p, #listadoAll .normal p {clear:both;padding-top:10px;line-height:22px;font-size:15px;text-align:justify;}
#listado .top .level, #listadoAll .top .level{clear:both;}
#listado .sep, #listadoAll .sep{border-top:1px dotted #999;clear:both;height:20px;margin-top:20px;display:block;}


#listado .top p img, #listado .normal p img, #listadoAll .top p img, #listadoAll .normal p img {float:left;margin:0 10px 0 0;border:1px solid #DDD;border-radius:3px;moz-border-radius:3px;}


	/* top */

#listado .top .contenTop{padding:30px 10px 30px 10px;}
#listado .top2 .contenTop{padding:30px 10px 30px 10px;}
#listado .top3 .contenTop{padding:30px 10px 30px 10px;}

#listado .top3 .contenTop{border-left:1px solid #DDD;border-right:1px solid #DDD;padding:10px 0px 10px 10px;background:#FFFFFF;}


#listado table.topresumido {width:98%;border-collapse:collapse;margin:10px 0 0 0;padding:0;font:14px ProNormal, arial, verdana;border:1px solid #CCC;}
#listado table.topresumido th {padding:12px 9px;text-align:center;border-bottom:1px solid #CCC;color:#0073B0;background:url(https://www.vulka.es/images/ficha/bg_th_td.png) repeat-x 0 bottom #FFF;font-weight:normal;}
#listado table.topresumido td {border-bottom:1px solid #CCC;padding:9px;text-align:center;color:#666;background:#FAFAFA;}
#listado table.topresumido td.product, #listado table.topresumido th.product {width:250px;text-align:left;}
#listado table.topresumido td.product strong, #listado table.topresumido th.product strong {font-weight:normal;}


#listadoAll h2 {margin:0 0 10px 0;}
#listadoAll div.mapa {border:1px solid #CCC;height:195px;float:left;}
#listadoAll div.tops {float:left;border-top:1px solid #CCC;}
#listadoAll div.tops div.top {background:url(https://www.vulka.es/images/ficha/bg_th_td.png) repeat-x 0 bottom #FFF;float:left;width:152px;border-bottom:1px solid #CCC;padding:0 0 20px 30px;border-right:1px solid #CCC;}
#listadoAll div.tops div.top span.sm {display:block;font:300 18px/18px oswald, arial, verdana;color:#0073B0;padding:19px 0 0 0;}
#listadoAll div.tops div.top span.big {display:block;font:400 20px/20px oswald, arial, verdana;padding:20px 0 0 0;}

#listadoAll table.topresumido {width:100%;border-collapse:collapse;padding:0;font:14px ProNormal, arial, verdana;border:0;margin:0 0 20px 0;}
#listadoAll table.topresumido th {background:url(https://www.vulka.es/images/ficha/bg_th_td.png) repeat-x 0 bottom #FFF;border:1px solid #CCC;padding:10px 0;}
#listadoAll table.topresumido th span {padding:5px 0;text-align:center;color:#0073B0;font:normal 14px oswald, arial, verdana;float:left;}
#listadoAll table.topresumido th span:hover{cursor:pointer;}
#listadoAll table.topresumido th.nombre span {text-align:left;padding-left:10px;}
#listadoAll table.topresumido th.tipoG  {width:110px;padding-left:10px;}
#listadoAll table.topresumido td {border-bottom:1px solid #CCC;border-left:1px solid #CCC;padding:9px;text-align:center;color:#666;background:#FAFAFA;}
#listadoAll table.topresumido td.nombre img {float:left;margin:0 10px 0 0;}
#listadoAll table.topresumido td.nombre {text-align:left;max-width:600px;}
#listadoAll table.topresumido td.nombre .localizacion {color:#999;font-size:11px;}
#listadoAll table.topresumido td.description {text-align:left;}
#listadoAll table.topresumido td.description img {border-radius:400px;width:30px;height:auto;float:left;margin:0 10px 0 0;display:block;}
#listadoAll table.topresumido td.description p {margin:6px 0 0 0;}
#listadoAll table.topresumido td.tipoG {color:#FFF;font:normal 16px oswald, arial, verdana;width:75px;}
#listadoAll table.topresumido td.diesel {background:#2D313D;}
#listadoAll table.topresumido td.gasolina95 {background:#328068;}
#listadoAll table.topresumido td.gasolina98 {background:#50AE32;}
#listadoAll table.topresumido td.nuevoGasoleoA {background:#50657A;}

#listadoAll .tablesorter-icon{display:block;background:url(../images/icons/icon-arrow.png) no-repeat;width:16px;height:16px;float:right;margin:14px 0 0 0;}
#listadoAll p.pers{margin:0 0 20px 0;}
#listadoAll ul.cat li {float: left;width: 200px;padding-left: 20px;margin-bottom: 6px;background: url(https://www.vulka.es/images/bg_licats.gif) no-repeat;color: #777;font-weight: bold;}
#listadoAll ul.cat li a {color: #777;font-weight: normal;font-size:14px;}
#listadoAll ul.cat li a:hover {color:#00ABED;}

	/* normal */

#listado .normal {padding:30px 10px 30px 10px;border-bottom:1px solid #DDD;}


#listado .bg1 {}
#listado .bg2 {}
#listado .bgyellow {background:#FFFFD9;}
#listado .bgwhite {background:#FFFFFF;padding:0;margin:0;}

#listado p span.pC{background:url(https://www.vulka.es/images/bg_spanpC.gif) no-repeat left;display:block;font-style:italic;padding:0 0 2px 63px;font-size:11px;color:#999;}
#listado p span.pT{background:url(https://www.vulka.es/images/bg_spanpT.gif) no-repeat left;display:block;font-style:italic;font-size:11px;padding:0 0 0 30px;color:#999;}


	/* patrocinados */

#listado .patrocinados .ads{float:left;width:180px;margin-top:-3px;}
#listado .patrocinados .adsC{}
#listado .patrocinados .ads2{float:left;width:120px;padding-top:20px;padding-left:80px;}
#listado .patrocinados a:hover{text-decoration:underline;}
#listado .patrocinados b{display:block;text-align:right;font-size:12px;font-weight:normal;padding-bottom:10px;}
#listado .patrocinados a.titAds{font-family: arial, Helvetica, verdana;font-size:14px;color:#0066CC;font-weight:bold;text-transform:uppercase;padding-bottom:2px;display:block;}
#listado .patrocinados a.textAds{color:#666;font-size:12px;padding-bottom:2px;display:block;}
#listado .patrocinados a.footerAds{color:#009900;font-size:12px;}
#listado .sepPa{margin:0 0 10px 0;}
 

#listado .patrocinados {background:#F5F5F5;padding:10px;}
#listado .patrocinados .ads250{float:left;width:50%;padding:0px 0 10px 0;}


#listado .topAds .contenTop{background:url(https://www.vulka.es/images/resultados/bg_centerTop_white_ads.gif) repeat-y;padding:10px 0px 10px 10px;}


#listado .adsImg{float:right;width:137px;padding-top:100px;}
#listado .adsImgC{display:block;text-align:right;}
#listado .adsText{float:right;font:14px arial, verdana;color:#999;padding:120px 10px 0 0;}

#listado .nextPage .patrocinados, #listado .normalNextPage .patrocinados{background:none;padding-left:25px;width:495px;}
#listado .nextPage .topTop{background:#F3F3F3;width:545px;height:6px;}
#listado .nextPage .contenTop{background:#F3F3F3;width:535px;padding:10px 0px 10px 10px;}
#listado .nextPage .bottomTop{background:#F3F3F3;width:545px;height:6px;}

/* patrocinados */

#filtros .patrocinados {background:#FFFFFF;clear:both;padding:10px 0px;margin-bottom:10px;padding:0;}
#filtros .patrocinados p {text-align:left;padding-bottom:10px;}
#filtros .patrocinados a:hover{text-decoration:underline;}
#filtros .patrocinados b{display:block;text-align:right;font-size:12px;font-weight:normal;padding-bottom:10px;}
#filtros .patrocinados a.titAds{font-family: arial, Helvetica, verdana;font-size:14px;color:#0066CC;font-weight:bold;padding-bottom:2px;display:block;}
#filtros .patrocinados a.textAds{color:#666;font-size:12px;padding-bottom:2px;display:block;}
#filtros .patrocinados a.footerAds{color:#009900;font-size:12px;}
#filtros .patrocinadosL2{background:#FFFFFF;clear:both;padding:10px 0px;margin-bottom:15px;padding:0;}

#filtros .gris div.curvecenterCol{background:#FFFFFF;padding:0;padding-bottom:5px;}
#filtros .gris div.curvetopCol {background:url(https://www.vulka.es/images/topCurve_col_gris.gif) no-repeat top;}
#filtros .gris div.curvetopCol .patrocinados{background:#F1F1F1;margin-bottom:0;}
#filtros .gris div.curvebottomCol {background:url(https://www.vulka.es/images/bottomCurve_col_gris.gif) no-repeat top;height:6px;}

#filtros #adsRIB div.curvecenterCol{padding-top:20px;padding-left:75px;}

	/* PAGINADO */

ul.pags{text-align:center;padding:20px 0;display:block;}
ul.pags li a{color:#666;padding:10px 15px;font-size:14px;display:inline-block;border-radius:3px;moz-border-radius:3px;}
ul.pags li a:hover, ul.pags li.active a{color:#FFF;background:#01C0F4;}

	/* MAPA */

div.mapa {
	height:300px;
}

	/*level*/

#listado .top div.level {padding-top:10px;margin-right:10px;}
#listado .normal div.level {padding-top:10px;}
div.actualLevel{float:left;color:#015389;background:url(https://www.vulka.es/images/level/bg_level2.gif) no-repeat left;padding:5px;margin-top:5px;margin-right:10px;padding-left:35px;}
div.actualLevel span{color:#01C0F4;padding-right:4px;}
div.actualLevel b{display:inline;font-weight:normal;padding-left:5px;font-size:11px;position:relative;top:-1px;}
div.level 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.level div.boxBar{width:79px;border:1px solid #FFF;height:6px;background:#D8D8D8;}
div.actualLevel:hover div.boxBar {background:#B7E0EB;}
div.level 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;}
div.level .bar0{width:0%;}
div.level .bar10{width:10%;}
div.level .bar20{width:20%;}
div.level .bar30{width:30%;}
div.level .bar40{width:40%;}
div.level .bar50{width:50%;}
div.level .bar60{width:60%;}
div.level .bar70{width:70%;}
div.level .bar80{width:80%;}
div.level .bar90{width:90%;}
div.level .bar100{width:100%;}

	/*iconos resultados*/
div.charIcons {float:right;width:300px;margin-right:10px;text-align:right;}
div.charIcons img{-moz-opacity: 0.6;opacity: 0.6;}
div.charIcons img.imgoff{-moz-opacity: 0.3;opacity: 0.3;}

	/*no resultados*/

div.noResult {background:url(https://www.vulka.es/images/no_result.gif) no-repeat 20px 24px #F1F3F2;padding:20px 20px 20px 80px;margin-top:20px;border:2px solid #D6DCD9;}
div.noResult h6 {font-size:18px;font-family:arial, verdana;color:#01C0F4;font-weight:normal;padding-bottom:3px;}

div.moreResult {margin-top:20px;}
div.moreResult h6 {font-size:13px;font-family:arial, verdana;color:#666;font-weight:normal;padding-bottom:3px;text-align:right;}
div.moreResult p{margin-bottom:10px;}
div.moreResult li{float:left;width:240px;background:url(https://www.vulka.es/images/bg_li_error.gif) no-repeat left;padding-left:15px;display:block;margin-bottom:5px;color:#888;font-size:13px;}
div.moreResult li a{font-size:13px;color:#888;}
div.moreResult li a:hover{color:#01C0F4;}


div.addEmpresa {margin-top:30px;}
div.addEmpresa h6 {font-size:18px;font-family:arial, verdana;color:#01C0F4;font-weight:normal;padding-bottom:3px;}
div.addEmpresa p{margin-bottom:10px;line-height:18px;}
div.addEmpresa p b{font-size:14px;color:#01C0F4;}
div.addEmpresa div.btnCrear {text-align:right;margin-right:40px;margin-top:20px;}


div.socialBar {top:40%;position:fixed;left:0;}
div.socialBar a {color:#FFF;font-size:20px;display:block;text-align:center;padding:15px 20px;}
div.socialBar div#googleButtom a {background:#C0392B;}
div.socialBar div.twitterButton  a {background:#00ADEF;}
div.socialBar div.faceButtom a {background:#37589B;}
div.socialBar div.linkedinButton a {background:#1984BC;}
div.socialBar a:hover {opacity:0.8;}

#filtrosCat {
	position: relative;
	z-index: 1;
	left: 0;
	width: 100%;
}

#filtrosProv {
	position: relative;
	z-index: 1;
	left: 0;
	width: 100%;
}


@media (max-width: 1300px){

	div#filtros {width:280px;}
    #listado {max-width: calc(100% - 281px);}



}


@media (max-width: 900px){

	h1 {font-size:25px;text-shadow:none;}
	.mod2 .mod2Content {display: flex; flex-direction: column; display: -webkit-flex; -webkit-flex-direction: column;}
	div#filtros {order: 2;-webkit-order: 2;-ms-flex-order:2;width:100%;}
	div#listado {order: 1;-webkit-order: 1;-ms-flex-order:1;border-left:0;width:100%;max-width:none;}
	#content {width:96%;}


    div.socialBar  {bottom:0;top:inherit;text-align:center;width:100%;background:rgba(255,255,255,0.8);border-top:1px solid #EDEDED;}
	div.socialBar div{display:inline-block;}
	div.socialBar a {color:#FFF;font-size:25px;display:inline-block;text-align:center;padding:10px 15px;}
	div.socialBar div#googleButtom a {background:none;color:#C0392B;}
	div.socialBar div.twitterButton  a {background:none;color:#00ADEF;}
	div.socialBar div.faceButtom a {background:none;color:#37589B;}
	div.socialBar div.linkedinButton a {background:none;color:#1984BC;}
	div.mapa {height:170px;}
	#listado li.img {width:60px;height:60px;margin-right:5px;}
}

@media (max-width: 480px){
	div.mapa {height:140px;}


}