/* ESTO ES TODO LO NUEVO */
#fotos {
    margin: 20px 0;
    height: 100px;
}
.skillbar {
    font-family: "Raleway";
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#fff;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbar:last-child {
    //font-weight: bold;
    //margin: 30px 0;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
	color:#333;
	text-transform: uppercase;
	text-shadow: 0 1px 1px white;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#7BC5EE;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0px 1px 2px #e3e3e3;
}
.skillbar.gris .skillbar-bar {
    background: #B2B2B2;
}


.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:25px;
	font-weight: 300;
	height:35px;
	line-height:35px;
	color:#333;
	color:rgba(0, 0, 0, 0.4);
}


.skillbarVPPL {
    font-family: "Raleway";
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#fff;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbarVPPL:last-child {
    //font-weight: bold;
    //margin: 30px 0;
}

.skillbarVPPL-title {
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
	color:#333;
	text-transform: uppercase;
	text-shadow: 0 1px 1px white;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbarVPPL-title span {
	display:block;
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbarVPPL-bar {
	height:35px;
	width:0px;
	background:#7BC5EE;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0px 1px 2px #e3e3e3;
}
.skillbarVPPL.gris .skillbar-bar {
    background: #B2B2B2;
}


.skillVPPL-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:25px;
	font-weight: 300;
	height:35px;
	line-height:35px;
	color:#333;
	color:rgba(0, 0, 0, 0.4);
}
/* ------- FIN DE LO NUEVO ------------ */