div.topBG {background:url(https://www.vulka.es/images/bg_content.png) #333;padding:0 0 95px 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 div#ruta, div.topBG h1, div.topBG p{position:relative;z-index:1;}
div.topBG h1 {display:block;color:#FFF;font-weight:700;font-size:35px;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:-65px;position:relative;z-index:1;}
div.fotoMap {width:100%;}

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


.mod2 .mod2Content {position:relative;border-bottom:1px solid #CCC;}
.mod2 .mod2Top{
  padding: 15px 0 15px 15px;
  text-align: left;

  border: 1px solid #CCC;
  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.adBottomSkyscraper {text-align:center;padding:15px 0 0 0;display:block;border-top:1px solid #DDD;}
div.adSkyscraper {text-align:center;margin:0 0 20px 0;}

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.defGal {padding:10px 0 30px 10px;}
div.defGal img{float:left;margin:0 15px 10px 0;}
div.defGal div.col{float:left;width:285px;border-right:1px solid #CCC;padding:7px 10px 0px 10px;margin:0 10px 0 0;}
div.defGal div.col h2{font-size:18px;font-weight:normal;padding:0 0 2px 0;}
div.defGal div.noStyle{border:0;margin:0;}

div.mod2Content div.defGal {padding:20px 0 10px 10px;border-bottom:1px solid #CCC;background:url(https://www.vulka.es/images/bg_cabecera_seo.jpg) repeat-x center #F7F7F6;}


div.modFlex {
    display: flex;
    display: -webkit-flex;
     -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    clear:both;
}
div.colIzq {width:310px;border-right:1px solid #DDD;}
div.colDer{flex: 1;-webkit-flex:1;padding:20px;}

div.colIzq li{border-bottom:1px solid #DDD;display:block;padding:15px 15px;color:#777;

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.colIzq li h3 {color:#999;padding:0 0 8px 0;}
div.colIzq li h3 a{color:#777;text-transform:lowercase;}
div.colIzq li h3 a:hover{color:#555;text-decoration:none;}
div.colIzq li a{color:#999;font-size:14px;}
div.colIzq li a:hover{color:#01BAEC;}

h3, h3 a{font:14px ProBold, arial, Helvetica, verdana;color:#666;text-transform:uppercase;}


div.imgDia h2, div.imgUlt h2, div.imgCat h2 {font-size:18px;font-weight:normal;padding:0 0 10px 0;}
div.colIzq h2{font-size:18px;font-weight:normal;padding:20px 0 0 15px;}
div.imgDia div.panel span{position:relative;display:block;color:#FFF;height:60px;width:auto;padding:10px 0 5px 10px;
	z-index: 9999;
	margin-top:-73px;
	background: url(https://www.vulka.es/images/galFotos/transpBlack.png);
}

div.imgDia span b{display:block;font-size:16px;color:#FFF;font-weight:normal;padding:0 0 2px 0;}
div.imgDia span strong{font-weight:normal;font-size:12px;}


.slider-wrap {width: 590px; height:285px;border:5px solid #D9D9D9;border-bottom:5px solid #A2AEB8;overflow:hidden;}			
.stripViewer { position: relative; overflow: hidden; width: 590px; height: 285px;background:#000; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; height:285px; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 590px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid #D9D9D9; margin-right: 5px; padding:1px;}


.active-thumb { background: transparent url(https://www.vulka.es/images/galFotos/icon-uparrowsmallwhite2.png) top center no-repeat; }
.active-thumb img{border:1px solid #01BAEC;}


	
.cross-link { display: block; width: 62px; position: relative; padding-top: 15px; z-index: 9999; }
#movers-row { margin: 2px 0 0 0px;background:#AA0000;}
#movers-row div { width: 62px; float: left;margin-left:4px; }
#movers-row div a.cross-link { float: left; }
.cross-link { display: block; width: 62px; margin-top: -14px;position: relative; padding-top: 23px; z-index: 9999;}

div.imgUlt {padding:20px 0 0 0;}
div.imgUlt ul {margin-left:-23px;}
div.imgUlt ul li.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.imgUlt ul li.col div.image {
   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:205px;
   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.imgUlt ul li.col div.infoImg {padding:10px 5px;}
div.imgUlt ul li.col span {font-size:15px;margin:0 7px 0 0;color:#999;}
div.imgUlt ul li.col b {font-weight:normal;font-size:13px;position:relative;color:#145570;}
div.imgUlt ul li.col div.image div.img {overflow:hidden;max-height:160px;border:1px solid #EDEDED;}
div.imgUlt ul li.col div.image img {width:100%;}




@media (max-width: 1300px){

	div.imgUlt ul li.col {width:33.33%;}
}

@media (max-width: 1050px){
    .slider-wrap {width: 100%;}	
}

@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.imgUlt ul li.col {width:50%;}

	.mod2 .mod2Content {display: flex; flex-direction: column; display: -webkit-flex; -webkit-flex-direction: column;}
	div.colIzq {order: 2;-webkit-order: 2;width:100%;border:0;border-top:1px solid #CCC;}
	div.colDer {order: 1;-webkit-order: 1;border-left:0;width:100%;border:0;}

}

@media (max-width: 700px){
	.mod2 .mod2Top div.betaPhotos {display:none;}
	div.topBG {padding:0 0 70px 0;}
}



@media (max-width: 480px){


	div.imgUlt ul li.col {width:100%;}

}