#cabecera{
margin: auto;
width: 100%;
border-bottom: :20px solid white;
padding: 30px;
text-align: center;
color: white;
background:linear-gradient(30deg, #349c86,#2b95a4, #528177, #0f6c79, #349c86);
}
#pie{
text-align: left;
background-color: #70b9b2;
margin: 10px auto;
padding: 10px;
text-align: center;
font: bold 16px verdana, verdana, sans-serif;
text-shadow: rgb(0,0,125) 5px 5px 7px;
outline: 1px dashed black
outline-offset:1px;
}
#navegacion{
text-align: left;
background-color: #70b9b2;
}
#navegacion ul{
text-align: left;
list-style: none;
margin: auto;
padding: auto;
}
#navegacion ul li{
text-align: left;
display: inline-block;
}
#navegacion ul li a{
text-align: left;
color: white;
display: block;
padding: 20px 20px;
text-decoration: none;
}
#navegacion ul li a:hover {
background-color: #208379;
}
#navegacion2{
text-align: left;
background-color: #45afb6;
}
#navegacion2 ul{
text-align: left;
list-style: none;
margin: 0px 90px;
padding: auto;
}
#navegacion2 ul li{
text-align: left;
display: inline-block;
}
#navegacion2 ul li a{
text-align: left;
color: white;
display: block;
padding: 20px 20px;
text-decoration: none;
}
#navegacion2 ul li a:hover{
background-color: #208379;
}
#navegacion3{
text-align: left;
background-color: #74a2a2;
}
#navegacion3 ul{
text-align: left;
list-style: none;
margin: 0px 290px;
padding: auto;
}
#navegacion3 ul li{
text-align: left;
display: inline-block;
}
#navegacion3 ul li a{
text-align: left;
color: white;
display: block;
padding: 20px 20px;
text-decoration: none;
}
#navegacion3 ul li a:hover{
background-color: #208379;
}
.seleccion{
background-color: #5aa59e;
}
#principal{
align-self: left;
background: #708090
width:900px;
height: auto;
margin: 5px auto;
padding: 5px;
text-align: auto;
border-radius: 5px 5px 50px 5px;
border-color: black;
box-shadow: 5px 5px 5px black;
}
.articulos{
display: inline-block;
vertical-align: top;
text-align: justify;
width: 900px;
margin: 0px auto;
padding: 50px auto;
}
#lateral{
float: right;
width: 50px;
height: 1100px;
display: inline-block;
vertical-align: top;
text-align: justify-all;
background: #74a2a2;
width: auto;
margin: 10px auto;
padding:50px auto;
border-radius: 5px 5px 50px 5px;
border: 3px solid #543e41;
box-shadow: 3px 3px 3px black;
}
.redes{
text-align: center;
color: black;
display: inline-block;
padding: 0px 0px;
text-decoration: none;
}
.ima1{
float: left;
margin-right: 60px;
border: 50px solid #FBF8EF;
border-image-source: url(borde.png);
border-image-slice:50;
border-image-repeat: repeat;
border-image-width: 2 2 2 2;
text-align:justify;
border-width: 10px;
width: 500px;
}
.ima2{
float: right;
margin-right: 60px;
border: 50px solid #FBF8EF;
border-image-source: url(borde.png);
border-image-slice:50;
border-image-repeat: repeat;
border-image-width: 2 2 2 2;
text-align:left;
border-width: 5px;
width: 400px;
}
.ima3{
float: center;
display: inline;
width: 400px;
}
.rotate{
transform: rotate(30deg);
}
.skew{
transform: skew(50deg);
}
.scale{
transform: scale(0.5, 0.5);
}
.translate{
transform: translate(10px, 10px);
}
timage:hover{color:blue;font-size:18px;}
timage {transition-property: rotate(10deg) transition-duration: 0.7s;transition-timing-function: linear;transition-delay: 0.2s;}
.estilo1{
font-family: verdana;
font-size: 30px;
display: inline-block;
vertical-align: baseline;
text-align: justify;
width: 900px;
margin: 5px auto;
padding: 10px;
font:italic small-caps 20px sans-serif,arial,
font-size:50px;
color:#777c7c;
text-align: left;
background-color:white ;
}
.cabecera1{
margin: auto;
width: auto;
border-bottom: :20px solid white;
padding: 30px;
text-align: center;
color: white;
background:linear-gradient(60deg, #cfc961,#cbc54c, #cbb64c, #d3ab40, #dcaa25);
}
.nav1{
text-align: left;
background-color: #45afb6;
}
.art1{
background: grey;
color: black;
display: inline-block;
vertical-align: top;
text-align: justify;
width: 900px;
margin: 0px auto;
padding: 10px;
}
.pie1{
text-align: left;
background-color: #cbc54c;
margin: 10px auto;
padding: 10px;
text-align: center;
font: bold 16px verdana, verdana, sans-serif;
text-shadow: rgb(0,0,125) 5px 5px 7px;
outline: 1px dashed black
outline-offset:1px;
}
.estilo2{
font-family: serif;
font-size: 30px;
display: inline-block;
vertical-align: baseline;
text-align: justify;
width: 900px;
margin: 20px auto;
padding: 10px;
font:italic small-caps 20px sans-serif,arial,
font-size:30px;
color:#777c7c;
text-align: center;
background-color:blue ;
}
.cabecera2{
margin: 10px;
width: auto;
border-bottom: :20px solid white;
padding: 30px;
text-align: center;
color: white;
background:linear-gradient(60deg, #cfc961,#cbc54c, #cbb64c, #d3ab40, #dcaa25);
}
.nav2{
text-align: left;
background-color: #45afb6;
}
.art2{
background: linear-gradient(60deg, #cfc961,#cbc54c, #cbb64c, #d3ab40, #dcaa25);
color: black;
display: inline-block;
vertical-align: top;
text-align: center;
width: 900px;
margin: 0px auto;
padding: 10px;
}
.pie2{
text-align: left;
background-color: #cbc54c;
margin: 10px auto;
padding: 10px;
text-align: center;
font: bold 16px verdana, verdana, sans-serif;
text-shadow: rgb(0,0,125) 5px 5px 7px;
outline: 1px dashed black
outline-offset:1px;
}
#ej1{
* {
margin: 20px;
padding: 0px;
text-align: center;
}
h1 {
font: oblique bold 60px Corbel, sans-serif,
color:black;
}
h2 {
font: oblique bold 40px Corbel, sans-serif,
color:green;
}
h3 {
font: oblique bold 30px Corbel, sans-serif,
color:red;
}
h6 {
font: oblique bold 200px Corbel, sans-serif,
color:#999;
text-align: center;
}
p{
font-size:90px;
color:black;
}
}
body {
background-color: #e2f2f3;
color: black;
font-family: verdana;
text-align: center;
}
.codigo{
font-family: monospace;
font-size: 25px;
display: inline-block;
vertical-align: top;
text-align: justify;
width: 900px;
margin: 0px auto;
padding: 10px;
}
.resultado{
font-family: serif;
font-size: 25px;
display: inline-block;
vertical-align: top;
text-align: justify;
width: 900px;
margin: 0px auto;
padding: 10px;
}
form{
background-color: white;
border-radius: 3px;
color: #999;
font-size: 0.8em;
padding: 20px;
margin: 100px auto;
width: 400px;
}
input{
border: 0;
outline: none;
width: 280px;
}
textarea{
border: 0;
outline: none;
width: 280px;
height: 100px;
}
.field{
border: solid 1px #ccc;
padding: 10px;
}
.field:focus{
border-color: #18A383;
}
.center-content{
text-align: center;
}
.fecha{
border: solid 1px #ccc;
padding: 10px;
align-items: left
}
input[type=text]{
padding: 10px;
width: 380px;
color: green;
}
input[type=password]{
padding: 10px;
width: 380px;
}
input[type="submit"]{
border: 0;
background-color: #54d1a4;
padding: 10px 20px;
width: 80px
float:right;
border-color: black;
box-shadow: 5px 5px 5px black;
border-radius: 50px 50px 50px 50px;
}
.reset{
border: 0;
background-color: #ED8824;
padding: 10px 20px;
text-decoration: none;
width: 80px;
float:left;
border-radius: 50px 50px 50px 50px;
border-color: black;
box-shadow: 5px 5px 5px black;
}
/*javascript*/
#texto,#texto1{
background:#8b9dc3;
color:white;
}
#texto2,#texto3,#texto4{
background:#8b9dc3;
color:white;
margin:20;
}
#t1js,#t2js,#t3js{
background:#708090;
color:white;
text-align:center;
}
#par1{
display:inline-block;
}
.even1,.even2,.even3{
background:#8b9dc3;
text-align: justify;
/* height: 200px;
margin: 0px auto;*/
padding:2px;
border-radius: 5px;
border: 2px solid #543e41
}
#texto,#texto1{
background:#8b9dc3;
color:white;
}
#texto2,#texto3,#texto4{
background:#8b9dc3;
color:white;
margin:20;
}
#t1js,#t2js,#t3js{
background:#708090;
color:white;
text-align:center;
}
#par1{
display:inline-block;
}
.even{
background:#8b9dc3;
text-align: justify;
padding:2px;
border-radius: 5px;
border: 2px solid #543e41
}