body {background: url(https://www.vulka.es/images/bg_cabecera_seo.jpg) repeat-x center 220px #F7F7F6;}
ul.ruta a, ul.ruta li {color:#999;}

.mod2 .mod2Content {padding: 37px 70px 70px 70px; border:1px solid #E1E1E1;border-radius:5px;moz-border-radius:5px;}
.mod2Content h3 {padding: 4px 0px 2px 35px; margin: 0 0 20px 0; text-transform: none; color: #135470;}
.mod2Content h2 {font: 23px Montserrat, arial, verdana; padding: 0 0 2px 0; border-bottom: 1px solid #DDD; margin-bottom: 15px;}
.mod2Content h2 a{font-family: 'ProBold', arial, Helvetica, verdana; font-size: 18px; color: #145570;}
.mod2Content p{  font-size: 16px; line-height: 24px; font-family: ProNormal, arial, Helvetica, sans-serif; color: #666;}
.mod2Content p a{font-size:16px;}
.mod2Content b {font-weight: normal; font: 16px ProNormal, arial, verdana; color: #01C0F4;}

.presentacion {padding-bottom: 25px; height: auto; display: inline-block; width: 100%;}
.presentacion h2{font-size:35px; color: #145570; padding: 7px 0;}
.presentacion .boton{background: #00ABED; width: 168px; border-radius: 5px; padding: 10px 20px; float: right; margin-top: 44px;}
.presentacion .boton a {color: #FFF; font-size: 17px;}
.presentacion .boton a span{padding-left: 15px; font-size: 20px; position: absolute;}
.presentacion ul.lista{float: left; width: 50%;}

ul.lista li{display: list-item; padding:0 0 10px 0;}
ul.lista li {font-family: ProNormal, arial, Helvetica, sans-serif; font-size: 17px;}
ul.lista li span{color:#2ECC71; font-size: 17px; padding-right: 10px;}

ul.navFunciona {text-align:right;margin: 10px 0 10px 30px;}
ul.navFunciona a {font-family: 'ProNormal', arial, Helvetica, verdana; font-size: 18px; color: #666; font-weight: normal;}
ul.navFunciona a span{padding-right:5px; padding: 0px 5px 0 20px;}
ul.navFunciona a:hover{color:#01C0F4;}

div.rank {float: left; width: 33%; margin-top: 15px;}
div.rank .numero{float: left; background: #01C0F4; padding: 2px 10px; border-radius: 50px; color: #FFF; font-family: ProBold, arial, Helvetica, sans-serif; font-size: 20px;}
div.rank .numero2, div.rank .numero3{padding:2px 8px;}
div.num3 {width:240px;margin-left:20px;}
div.rank img{float:left;margin-right:10px;margin-top:3px;}
div.rank ul{clear:both;margin-top:10px;margin-left:22px;}
div.rank ul li{background:url(https://www.vulka.es/images/registro/ico1.gif) no-repeat left 1px;display:block;font-size:12px;color:#666;margin-bottom:7px;padding-left:25px;}

@media (max-width: 1014px){

	div.rank{width:32%;}

}

@media (max-width: 950px){

	.mod2 .mod2Content {padding:40px;}

}

@media (max-width: 900px){

	.mod2 .mod2Content {padding:40px;}

}

@media (max-width: 625px){

	.presentacion ul.lista{float:left; width:100%;}
	div.rank{width: 50%;}
	.presentacion .boton {float: left;}

}

@media (max-width: 500px){

	div.rank{width: 100%;}

}

@media (max-width: 700px){

	.mod2 .mod2Content {padding:20px;}
	.mod2Content h2 {font-size:25px;margin:0 0 15px 0;}
	.mod2Content p {font-size:14px;line-height:24px;}
	.mod2Content p a{font-size:14px;}

}