div.topBG {background:url(https://www.vulka.es/images/bg_content.png) #333;padding:0 0 105px 0;background-position:0;background-size:cover;
-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.topBG 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);}
div#content {margin-top:-95px;position:relative;z-index:1;}
div.topBG div#ruta, div.topBG h1, div.topBG p, div.topBG a{position:relative;z-index:1;}

div.topBG p {font-family:ProNormal, arial, verdana;font-size:18px;color:#FFF;margin-bottom:20px;font-weight:200;line-height:24px;}
div.topBG p b {font-family:ProBold, arial, verdana;}

div.topBG div.flexLink a {color:#FFF;border-radius:3px;moz-border-radius:3px;border:1px solid #FFF;padding:10px 15px;font-size:15px;}

div.topBG div.modFlex {
 display: flex;
    display: -webkit-flex;
     -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
}
div.topBG div.flexLogo {width:60px;overflow:hidden;margin:5px 20px 0 0 ;}
div.topBG div.flexLogo img {width:100%;}
div.topBG div.flexDes {flex: 1;-webkit-flex:1;}
div.topBG div.flexLink {width:130px;margin:10px 0 0 20px;text-align:right;}

.mod2 .mod2Content{padding-bottom:20px;}
.mod2 .mod2Top{
  padding: 15px 0 15px 15px;
  text-align: left;
  background: #FFF;
  border-bottom: 7px solid #CCC;
  border-radius: 3px 3px 0 0px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}


.mod2 .mod2Top div.noProv{width:110px;float:left;}
.mod2 .mod2Top div.showProv{float:left;width:160px;}
.mod2 .mod2Top div.showProv a{width:163px;font-size:12px;color:#999;background:url(https://www.vulka.es/images/galFotos/ico_a_show_prov.gif) no-repeat left top;height:22px;padding:6px 0 0 7px;display:block;}

.mod2 .mod2Top div.busc{float:left;border:1px solid #CCC;font-size:13px;width:420px;background:#FFF;padding-top:2px;padding-bottom:2px;padding-right:2px;margin-left:130px;}
.mod2 .mod2Top input.text{border:0;width:380px;font-size:13px;padding:0;margin:0;float:left;margin-top:2px;margin-left:5px;}
.mod2 .mod2Top input.textImage {float:right;}
.mod2 .mod2Top div.betaPhotos{float:right;font-size:13px;margin-right:30px;background:url(https://www.vulka.es/images/galFotos/version_pruebas_galeria.gif) no-repeat;width:373px;height:34px;}


div.fotoMap{text-align:center;margin-top:1px;padding-top:1px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
div#effectProv {
	background:#EBEBEB;
	position:absolute;margin-top:0;margin-left:-1px;z-index:200;
	padding:5px 10px 10px 10px;
	border:1px solid #D5D5D5;
	display:none;
}
div#effectProv ul{padding:10px 0 0 20px;}
div#effectProv li{display:inline-block;width:18%;padding:5px 0 5px 13px;background:url(https://www.vulka.es/images/galFotos/ico_city.gif) no-repeat left 9px;}
div#effectProv li a {font-size:13px;color:#666;}
div#effectProv li a:hover{color:#333;}

#effect {width:100%;height: 220px;position: relative; background: #D4D4D4;overflow:hidden;border-bottom:3px solid #CCC;}
#buttonMap {float:right;margin-right:30px;position:absolute;right:0;}


div.infoFoto{padding:20px 23px 0 23px;}
div.infoFoto p {font-family:ProNormal, arial, verdana;font-size:18px;font-weight:200;line-height:24px;}
div.infoFoto b {font-family:ProBold, arial, verdana;}

div.infoEmpGal{float:right;width:200px;padding:30px 0 0 0;}

div.adSkyscraper {text-align:center;padding:20px 0 20px 0;display:block;max-width:728px;margin-left:23px;margin-right:23px;overflow:hidden;}


	/* RESULTADOS */

div.filtros {border:1px solid #C9C9C9;width:100%px;margin-left:23px;margin-right:23px;padding:8px 0;border-radius:3px;moz-border-radius:3px;}
div.orden{float:left;margin-top:6px;margin-left:10px;}
div.orden li{float:left;font-size:14px;color:#666;padding-right:10px;}
div.orden li b {font-weight:normal;color:#145570;}
div.orden li.active a{background:url(https://www.vulka.es/images/galFotos/orden_active.gif) no-repeat right 6px;padding-right:10px;}
div.orden li a{font-size:14px;color:#666;}
div.numResults {float:right;margin-right:10px;}
div.numResults li.active img {border:1px solid #B1B1B1;margin-top:1px;margin-left:1px;}
div.numResults li img {border:1px solid #DDD;margin-top:1px;margin-left:1px;}

div.results {
      margin-left:-23px;
      padding:10px 23px 23px 23px;
}
div.results 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.results div.photo{
   margin-left:23px;margin-bottom:23px;
   overflow:hidden;width:100%;
  -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;
   height:265px;
   border:1px solid #DDD;
   position:relative;
   padding:5px;
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.results div.img{
	border:1px solid #D9D9D9;
	text-align:center;
	height:180px;
	overflow:hidden;
	margin:0 0 10px 0;
}
div.results div.img img {width:100%;}

div.results div.photo h4{font-weight:normal;display:block;font-size:14px;color:#145570;padding:10px 2px;height:29px;vertical-align:bottom;line-height:18px;position:relative;overflow:hidden;}
div.results div.photo h4 i{color:#AAA;font-style:normal;font-size:13px;}
span.clock{
		float:left;
		width:50%;
		display:block;
		height:15px;
		font-size:13px;
		color:#666;
		text-align:left;
}
span.clock b{color:#666;font-weight:normal;}
span.clock span {margin:0 5px 0 0;font-size:15px;}

span.vistas{
	float:right;
	width:50%;
	display:block;
	height:15px;
	font-size:13px;
	color:;#666;
	text-align:right;
	
}
span.vistas span {margin:0 5px 0 0;font-size:15px;}
span.vistas b{color:#666;font-weight:normal;}




div.results div.patrocinados {float:left;margin-right:8px;padding:30px 0 24px 0;background:#FFF;border:1px solid #D9D9D9;margin-top:30px;}
div.results div.adsright{float:right;margin-bottom:18px;margin-right:20px;}

	/* PAGINADO */

ul.pags{text-align:center;display:block;padding:20px;}
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;}


div.avisoResult {background:url(https://www.vulka.es/images/no_result.gif) no-repeat 20px 24px #F1F3F2;padding:20px 20px 20px 80px;margin:20px 20px 0 0;border:2px solid #D6DCD9;}
div.avisoResult h2 {font-size:18px;font-family:arial, verdana;color:#01C0F4;font-weight:normal;padding-bottom:3px;}
div.noResult div.col{float:left;width:385px;border-right:1px solid #CCC;padding:0px 30px 0px 0;margin:20px 0 0 0;}
div.noResult div.col img{float:left;margin:0 15px 10px 0;}
div.noResult div.col h2{font-size:18px;font-weight:normal;padding:0 0 5px 0;}
div.noResult div.col a{font-size:12px;text-align:right;display:block;float:right;margin:15px 0 0 0;}
div.noResult div.noStyle{border:0;padding:0px 0 0 30px;}

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;}



@media (max-width: 1300px){

	div.results div.col {width:33.33%;}
}


@media (max-width: 900px){

	div.topBG h1 {font-size:25px;text-shadow:none;}
	div.topBG p {font-size: 15px;line-height: 20px;margin-bottom:10px;}
	div.results div.col {width:50%;}
	div.topBG div.flexLogo {display:none;}
	div.topBG div.flexLink {width:110px;}
	div.topBG div.flexLink a{padding:5px 10px;font-size:13px;}


       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;}


}

@media (max-width: 700px){
	#buttonMap {display:none;}
	.mod2 .mod2Top div.betaPhotos {display:none;}
	div.modFlex {display: flex; flex-direction: column; display: -webkit-flex; -webkit-flex-direction: column;}
	div.topBG div.flexLink {margin:10px 0;width:100%;}

}

@media (max-width: 480px){


	div.adSkyscraper {max-width:90%;max-height:90px;}
	div.results div.col {width:100%;}

}