html{
background-color:darkcyan;
}
header {
position: absolute;
top: 2%;
left: 2%;
height: 10%;
width: 96%;
padding: 1px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: oblique;
font-size: x-large;
text-align: center;
display: flex;
flex-direction:column;
align-items: center;
background-image: url(../imagenes/Gijon_puerto_deportivo_12-09-2005.jpg);
}
nav {
position: absolute;
text-transform: capitalize;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: large;
top: 13%;
left: 2%;
width: 22%;
height: 5649px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../imagenes/playasanlorenzo.jpg);
}
a {
text-decoration: none;
color: black;
font-weight: 600;
padding-right: 10px;
}
main {
float: right;
width: 75%;
height: 2370px;
padding-top:113px;
padding-right:13px;
}
footer {
position: absolute;
font-weight: bold;
text-align: center;
top: 5725px;
left: 25%;
width: 1384px;
height:50px;
background-image: url(../imagenes/fotogijon1.jpg);
}
header, section, nav, footer {
border:solid;
}
#imagen{
float: right;
width: 11%;
}
section {
border: solid 1px;
margin: 10px;
padding: 15px;
}
#section1{
background-repeat: no-repeat;
background-size: cover;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background-image: url(../imagenes/cieloazulgijon.jpg);
}
#section2{
background-repeat: no-repeat;
background-size: cover;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
background-image: url(../imagenes/CERRO-SANTA-CATALNA-GIJON.jpg);
}
#section3{
background-repeat: no-repeat;
background-size: cover;
background-image: url(../imagenes/fotogijon1.jpg);
}
#colorsimbolos{
background-color: bisque;
}
#section4{
background-repeat: no-repeat;
background-size: cover;
background: linear-gradient(to bottom right,green,white)
}
#section5{
font-family: 'Times New Roman', Times, serif;
background: linear-gradient(to bottom left,rgb(202, 100, 197),rgb(4, 152, 252))
}
#section6{
font-family:Verdana, Geneva, Tahoma, sans-serif;
background: linear-gradient(to bottom left,rgb(184, 59, 128),rgb(5, 213, 228))
}
img#mi_foto{
width: 100%;
}
#fotogijon{
width:11%;
background: center;
}
#color_twitter{
color: #00819e;
position:static;
text-decoration: none;
top: 90%;
left: 30%;
width: 20%;
height:20px;
text-align:left;
}
table{
border-collapse: collapse;
}
tr:nth-of-type(1) > th{
background-color:blueviolet;
}
tr:nth-of-type(2) >th,
tr:nth-of-type(3) >th,
tr:nth-of-type(4) >th,
tr:nth-of-type(5) >th,
tr:nth-of-type(6) >th,
tr:nth-of-type(7) >th,
tr:nth-of-type(8) >th,
tr:nth-of-type(9) >th,
tr:nth-of-type(10) >th{
background-color: coral;
}
.colormes{
background-color: aquamarine;
border-bottom: 1px dotted #000;
text-decoration: none;
}
.c1{
background:#FF6400;
font-size:85%;
text-align:center;
}
.c2{
background-color: #FF3C00;
font-size:85%;
text-align:center;
}
.c3{
background-color: #FF2800;
font-size:85%;
text-align:center;
}
.c4{
background: #FF0000;
font-size:85%;
text-align:center;
}
.c5{
background: #FF1400;
font-size:85%;
text-align:center;
}
.c6{
background: #FF5000;
font-size:85%;
text-align:center;
}
.c7{
background: #FF0000;
font-size:85%;
text-align:center;
}
.c8{
background-color: #FFA500;
font-size:85%;
text-align:center;
}
.c9{
background-color: #FF9900;
font-size:85%;
text-align:center;
}
.c10{
background-color: #FF8C00;
font-size:85%;
text-align:center;
}
.c11{
background-color: #FFFF99;
font-size:85%;
text-align:center;
}
.c12{
background: #FFCC66;
font-size:85%;
text-align:center;
}
.c13{
background-color: #FFFFCC;
font-size:85%;
text-align:center;
}
.c14{
background-color: #B4C8FF;
font-size:95%;
text-align:center;
}
.c15{
background-color: #DCF0FF;
font-size:85%;
text-align:center;
}
.c16{
background-color: #F0FFFF;
font-size:85%;
text-align:center;
}
.c17{
background-color: #FFFFFF;
font-size:85%;
text-align:center;
}
.c18{
background-color: #C8DCFF;
font-size:85%;
text-align:center;
}
#colorfooter{
color: crimson;
font-size:larger;
text-decoration: double;
border-bottom: 2px;
border-left: 2px;
border-top: 2px;
border-right: 2px;
}
.autoviascolor{
background: blue; 
color: white;
text-align: center;
}
#tablatransporte{
background-color: #C8DCFF;
border-collapse: collapse;
}
.otrascarreterascolor1{
background: red; 
color: white;
text-align: center;
}
.otrascarreterascolor2{
background: orangered; 
color: white;
text-align: center;
}
.otrascarreterascolor3{
background: yellow; 
text-align: center;
}
#bicisfoto{
width:31%;
}
.inicio{
position: sticky;
bottom: 20px;
margin-left: 42%;
margin-top: 1000px;
padding: 15px;
color: #fff;
background: blue;
border-radius: 94px;
}