div.topBG {background:url(https://www.vulka.es/images/bg_content.png) #333;padding:0 0 75px 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:400;font-size:30px;padding-top:3px;padding-bottom:10px;margin-bottom:0;background:none;text-shadow: 0 -1px 1px rgba(0,0,0,1);}
.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.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#content {margin-top:-70px;position:relative;z-index:1;}


.modFlex {
    display: flex;
    display: -webkit-flex;
     -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;

}

div.colDer {width:336px;text-align:center;overflow:hidden;order: 1;-webkit-order: 1;}
div.colIzq {flex: 1;-webkit-flex:1;order: 2;-webkit-order: 2;margin:0 0 0 20px;overflow:hidden;}


div.infoFoto{padding:0 0 20px 0;}
ul.liCats{padding:20px 0 0 0;display:block;white-space:nowrap;}
ul.liCats li{font-size:14px;color:#999;}
ul.liCats li a{font-size:14px;padding:5px 10px;margin:0 8px 0 0;background:#E6E6E6;color:#777;border-radius:3px;moz-border-radius:3px;}
ul.liCats li a:hover{background:#777;color:#FFF;background:#777;}
ul.liCats li.noBg a{font-size:14px;font-normal:bold;padding:5px 10px;background:#CCC;}
ul.liCats li.noBg a:hover{background:#777;color:#FFF;}


.mod2 .mod2Content {

    display: flex;
    display: -webkit-flex;
     -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    border-bottom:1px solid #E1E1E1;
    padding:10px 20px 20px 20px;
}


div.foto{border:1px solid #DDD;background:#F7F7F6;padding-top:10px;padding-bottom:10px;text-align:center;width:100%;border-radius:3px 3px 0 0;moz-border-radius:3px 3px 0 0;}
div.foto img {max-width:100%;}
div.curvebottomCol3 {width:100%;padding:10px 0;border:1px solid #DDD;border-top:0;margin:0 0 20px 0;border-radius: 0 0 3px 3px;moz-border-radius: 0 0 3px 3px;
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.tamanyo{font-weight:normal;float:left;color:#01C0F4;font-size:14px;margin-left:15px;}
div.vistas{float:right;margin-right:15px;color:#999;font-size:14px;}
div.vistas b{font-weight:normal;}
div.tamanyo span, div.vistas span {margin:0 5px 0 0;}

div.patrocinados {padding:0px 0 10px 0;margin:0px 0 10px 0;}
div.patrocinadosHoriz{width:728px;margin:0 0 15px 0;}


/* columnas */

div.curveCol{margin-bottom:20px;}
div.curvecenterCol {border:1px solid #DDD;padding:20px;border-radius:3px;moz-border-radius:3px;background:#F7F7F6;}


div#infoEmp h2 {color:#145570;}
div#infoEmp p{padding:5px 0px 10px 0px;font-size:16px;line-height:25px;}
div#infoEmp span.tlf{font:400 20px Montserrat, arial,verdana;color:#9F9F9F;padding-top:2px;padding-bottom:2px;margin:20px 20px 10px 0;display:inline-block;}
div#infoEmp span.tlf span {background:#00ADEF;border-radius:50px;moz-border-radius:50px;color:#FFF;padding:10px;margin:0 10px 0 0;font-size:20px;}
div#infoEmp span.loc {display:inline-block;color:#104258;clear:both;font:normal 16px ProNormal, arial, verdana;margin:10px 0 0 0;}
div#infoEmp span.loc span {background:#00ADEF;border-radius:50px;moz-border-radius:50px;color:#FFF;padding:10px;margin:0 10px 0 0;font-size:20px;}

div#infoEmp {}
div#infoEmp a{float:right;text-align:center;color:#FFF;font-size:14px;display:inline-block;background:#00ADEF;border-radius:3px;moz-border-radius:3px;padding:10px 15px;}
div#infoEmp a b {font-weight:normal;}
div.allFotos {float:right;}
div.allFotos a{text-align:center;color:#FFF;font-size:14px;display:inline-block;background:#00ADEF;border-radius:3px;moz-border-radius:3px;padding:10px 15px;}
div.allFotos a span {margin:0 5px 0 0;}

div#fotosRel {padding:10px 0 0 0;}
div#fotosEmp h2, div#fotosRel h2 {padding:0 0 10px 0;text-align:left;color:#999;}
div#fotosEmp h2 b, div#fotosRel h2 b{color:#8DB33B;}
div#fotosEmp ul, div#fotosRel ul {margin-left:-13px;}
div#fotosRel li {
float: left;
text-align: center;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 3px;
moz-border-radius: 3px;
position: relative;
margin: 0 0 20px 13px;
border: 1px solid #CCC;
}
div#fotosEmp li{float: left;
text-align: center;
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 3px;
moz-border-radius: 3px;
position: relative;
margin: 0 0 13px 13px;
border: 1px solid #CCC;}

div#fotosRel li img, div#fotosEmp li img {height:100%;width:auto;}


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: 1250px){

	div.colDer {width:260px;}
	div.infoFoto {overflow-x:scroll;}
	ul.liCats li a, ul.liCats li.noBg a {font-size:12px;}
}


@media (max-width: 1160px){



}


@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;}
	.modFlex {display: flex; flex-direction: column; display: -webkit-flex; -webkit-flex-direction: column;}
	div.colIzq {order: 1;-webkit-order: 1;width:100%;margin:0;}
	div.colDer {order: 2;-webkit-order: 2;width:100%;}

       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){
	.mod2 .mod2Top div.betaPhotos {display:none;}
	.mod2 .mod2Top {min-height:32px;}
	div.foto img {height:auto;}
	div.patrocinadosHoriz{width:400px;}

}