*{
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}
body{
margin: 0;
font-family: sans-serif;
background: #CDC9C7;
}
.form-register{
width: 98%;
max-width: 400px;
margin: auto;
background: white;
border-radius: 7px;
}
#fotos{
width: 150px;
height:150px;
padding: 0px;
margin: 16px 20px 0px 20px;
animation-name: slidein;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-play-state: running;
animation-direction: alternate;
animation-timing-function: linear;
}
@-webkit-keyframes slidein{
0%{
width: 350px;
height: 120px;
background: url(img/fleamar.png)
}
50%{
width: 350px;
height: 120px;
background: url(img/flebeige.png)
}
80%{
width: 350px;
height: 120px;
background: url(img/flefuccia.png)
}
100%{
width: 350px;
height: 120px;
background: url(img/flelila.png)
}
}
select{
width: 100%;
margin-bottom: 15px;
padding: 15px;
font-size: 16px;
border-radius: 3px;
border: 1px solid darkgray;
}
.contenedor-inputs{
padding: 22px 30px;
display: flex;
flex-wrap:wrap;
}
input{
width: 100%;
margin-bottom: 15px;
padding: 15px;
font-size: 16px;
border-radius: 3px;
border: 1px solid darkgray;
}
.btn-enviar{
background: #DF3243;
color: white;
margin:auto
padding: 10px 40px;
cursor: pointer;
}
.btn-enviar:activo{
transform: scale(1.2);
}
.form__link{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 7px;
font-size: 11px;
text-align: center;
color: #cdc9c7;
}
footer{
background: white;
color: #CDC9C7;
font-family: ' roboto ', sans-serif;
padding: 5px;
text-align:left;
font-weight: 100;
font-size: 10px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
a:link {
color: #EFD764;
}
/* LINK VISITADO */
a:visited {
color:#df3243;
}
/* mouse SOBRE EL LINK */
a:hover {
color: #CDC9C7;
}
/* LINK SELECCIONADO */
a:active {
color: #D78F76;
}
/* pag login */
img{
background: white;
border-image: 7px;
border-radius: 7px;
box-shadow: 7px 7px 0px darkgrey;
display: block;
margin: 4px auto 14px;
}
ul{
color: #CDC9C7;
font-family: ' roboto ', sans-serif;
padding: 0px;
text-align: center;
font-size: 18px;
}
/* mapa */
h3{
color: #CDC9C7;
font-family: ' roboto ', sans-serif;
padding: 0px 0px 20px 5px;
font-weight: 100;
margin: 15px 0px -30px 0px;
font-size: 15px;
}
h4{
background: #DF3243;
color: white;
font-family: ' roboto ', sans-serif;
padding: 17px;
font-weight: 100;
font-size: 24px;
border-radius: 7px;
}
h5{
color: #CDC9C7;
font-family: ' roboto ', sans-serif;
padding: 30px 0px 5px 5px;
font-weight: 100;
margin: 0px 0px 0px 0px;
font-size: 13px;
}
h6{
color: #CDC9C7;
font-family: ' roboto ', sans-serif;
padding: 5px 0px 30px 5px;
font-weight: 100;
margin: 0px 0px 0px 0px;
font-size: 13px;
}
iframe{
max-width: 100%;
display: flex;
border-radius: 7px;
}
.contenedor-map{
padding: 0px 30px;
display: flex;
flex-wrap:wrap;
}
/*carpinteria*/
header nav ul {
list-style: none;
display: flex;
text-align: center;
padding: 6px;
border-bottom: 1.5px solid #cdc9c7;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
header nav ul li a {
text-decoration: none;
color: lightgrey;
padding: 9px 16px 3px 0px;
display: flex;
align-items: center;
margin: 0 0 0 20px;
text-align: center;
font-size: 13px;
font-family: 'roboto', sans-serif;
}
.contenedor-course{
padding: 0px 30px;
display: flex;
flex-wrap:wrap;
}
#cursos nav ul {
list-style: none;
display: flex;
text-align: center;
padding: 0px 50px 0pz 50px;
background: #ffc955;
margin:0px 0px 15px 0px;
border-radius: 7px;
}
#cursos nav ul li{
background: white;
border-radius: 7px;
display: flex;
margin: 10px 10px;
padding: 15px 15px 15px 15px;
text-decoration: none;
align-items: center;
}
#cursos nav ul li h7{
color: #ffc955;
}
h8{
color: #ffc955;
font-family: ' roboto ', sans-serif;
padding: 15px;
font-weight: 100;
font-size: 20px;
border-radius: 7px;
}
.border{
border: 3px solid #ffc955;
border-radius: 7px;
padding: 5px 69px 35px 22px;
margin: 3px 0px 10px 0px;
text-align:left;
width: 70%;
}
h10{
color: #ffc955;
font-family: ' roboto ', sans-serif;
padding: 0px 40px 40px 0px;
font-size: 11px;
margin: 0px 0px 0px 0px;
}
p2{
width: 100%;
background: #e5d1ff;
border-radius: 7px;
margin: 18px 0px 14px 5px;
padding: 7px;
font-size: 22px;
text-align: center;
color: white;
display: block;
float: left;
}
/*multimedia*/
h12{
width: 100%;
border-radius: 7px;
margin: 0px 0px 14px 5px;
padding: 7px;
font-size: 20px;
text-align: center;
color: #e5d1ff;
display: block;
float: left;
}
p3{
width: 100%;
border: 2px solid #e5d1ff;
border-radius: 7px;
margin: -4px 0px 14px 5px;
padding: 7px;
font-size: 14px;
text-align: center;
color: white;
display: block;
float: left;
}