html {
font-family: sans-serif;
text-align: center;
background-image: url("../img/cvfondo.jpg");
}
#transparencia {
background-image: url("../img/fondo.jpg");
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.7;
}
#idioma {
border-bottom-right-radius: 28px;
border-style: groove;
padding: 5px;
position: absolute;
top: 0px;
left: 0px;
width: 110px;
height: 30px;
font-size: 10px;
text-align: left;
vertical-align: middle;
color: black;
}
#css3 {
position: absolute;
width: 40px;
height: 40px;
background-image: url("../img/css3.png");
}
#html5 {
position: absolute;
left: 40px;
width: 40px;
height: 40px;
background-image: url("../img/html5Good.png");
}
#java {
width: 40px;
height: 40px;
background-image: url("../img/java8.png");
}
#titulo {
background-image: url("../img/footer.png");
background-size: cover;
border-style: double;
border-width: thick;
border-bottom-width: inherit;
border-top-left-radius: 28px;
border-top-right-radius: 28px;
border-color: black;
padding: 25px;
position: relative;
top: 25px;
left: 450px;
width: 400px;
height: 40px;
color: black;
font-size: 45px;
}
#cuerpo {
text-align: left;
border-style: double;
border-width: thick;
border-bottom-width: inherit;
border-color: black;
/* opacity: 50;*/
padding: 25px;
position: relative;
top: 25px;
left: 200px;
width: 900px;
height: 1000px;
color: black;
}
.datos {
margin: 25px;
padding-left: 5px;
border: solid;
border-color: black;
height: 400px;
width: 400px;
background-image: url("../img/background.gif");
font-size: 15px;
/* z-index: -1;*/
}
#foto {
background-image: url("../img/P8280035.JPG");
position: absolute;
left: 25px;
top: 25px;
height: 225px;
width: 300px;
border-top-left-radius: 28px;
}
#datosp {
position: absolute;
left: 450px;
top: 25px;
border-top-right-radius: 28px;
}
div > p {
font-family: fantasy;
text-align: center;
font-size: 25px;
}
#estudios {
position: absolute;
left: 25px;
top: 450px;
border-bottom-left-radius: 28px;
}
#experiencia {
position: absolute;
left: 450px;
top: 450px;
border-bottom-right-radius: 28px;
}
#idiomas {
font-size: 12px;
position: absolute;
height: 125px;
left: 25px;
top: 875px;
border-bottom-right-radius: 28px;
border-bottom-left-radius: 28px;
}
#idiomas p {
text-align: left;
font-weight: bold;
font-size: 15px;
}
#skills {
font-size: 12px;
position: absolute;
height: 125px;
left: 450px;
top: 875px;
border-bottom-right-radius: 28px;
border-bottom-left-radius: 28px;
}
#skills p {
text-align: left;
font-weight: bold;
font-size: 15px;
}
footer {
background-image: url("../img/footer2.png");
position: relative;
opacity: 0.9;
z-index: 2;
width: 960px;
left: 200px;
top: 25px;
color: white;
text-align: center;
}
.email {
color: whitesmoke;
}
.email:visited {
color: red;
}
.icono {
width: 40px;
height: 40px;
}