/* HTML 2019 v 2.02 */
/* © 2010 aulaClic S.L. */
body {
background-color: #F7F0E2;
background-image: URL(comunes/fondo_menu.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #6B0101;
text-align: justify;
}
/*Estructura*/
div#principal {
}
div#contenedor {
position: relative;
top: 1px;
left: 1px;
height: 100%;
width: 100%;
}
div#texto_pagina {
}
div#publi_derecha {
}
div#publi_entre_texto {
display:block;
position: relative;
left: 40px;
text-align: left;
margin: 35px;;
}
p#publi_abajo {
margin: 45px;
}
div#contenedor.basico div#google_search, div#contenedor.avanzado div#google_search {
top: -50px;
left: -300px;
}
/*estilo y colores*/
div.basico#contenedor h1, div.basico#contenedor h2 {
background-color: #BFC7C1;
color: #004000;
text-decoration: none;
}
div.avanzado#contenedor h1, div.avanzado#contenedor h2 {
background-color: #DFEBF5;
color: #000080;
text-decoration: none;
}
p {
text-indent: 15px;
line-height: 1.5em;
margin: 15px;
}
.sinfloat {
clear: both;
}
.centrado {
text-align: center;
text-indent: 0;
}
.imgcentradas {
text-align: center;
text-indent: 0;
}
.imgcentradas img {
margin: 5px 10px;
vertical-align: middle;
}
div#pie {
text-align: center;
font-style: normal;
font-size: 90%;
clear: both;
margin: 0;
}
div#pie span.pagina {
float: right;
margin-right: 10px;
}
div#pie img {
margin: 35px;
clear: both;
}
div#pie p {
text-indent: 0;
}
h1 {
font-size: 17px;
color: #800000;
margin-bottom: 20px;
font-weight:bold;
text-shadow: 1px 1px 2px grey;
}
h2 {
font-size: 17px;
color: #800040;
margin-top: 20px;
margin-bottom: 0;
text-shadow: 1px 1px 2px grey;
clear: both;
}
h1, h2 {
background-color: #FCEEDC;
font-weight: normal;
padding: 2px;
line-height: normal;
padding-left: 5px;
}
a img {
border: none;
}
.resaltado {
font-weight: bold;
color: #6C6CCA;
}
.a_resaltado {
font-weight: bold;
color: #6C6CCA;
}
.opciones {
font-weight: bold;
color: #008000;
}
.a_opciones {
font-weight: bold;
color: #008000;
}
.ventanas {
font-weight: bold;
color: #800000;
}
.valores {
font-style: italic;
font-weight: bold;
}
div#logo {
position: absolute;
top: 15px;
left: 15px;
}
div#menuSup {
position: absolute;
top: 25px;
left: 160px;
display:block;
}
div#menuSup1 {
position: absolute;
top: 35px;
left: 150px;
display: none;
}
div#menuSup2 {
position: absolute;
top: 75px;
left: 10px;
display: none;
}
img.derecha, img.derecha_movabajo, img.derecha_movarriba {
float: right;
margin: 5px 15px 15px;
}
img.izquierda, img.izquierda_movabajo, img.izquierda_movarriba {
float: left;
margin: 5px 15px 15px;
}
img.enlinea {
vertical-align: middle;
}
dl {
margin: 0 15px 15px 15px;
line-height: 1.5;
}
dt {
padding-left: 18px;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 15px;
}
dt.bolita, dl.bolita dt {
background-image: url(comunes/orangeball.gif);
background-repeat: no-repeat;
background-position: left;
}
ul.bolita {
list-style-image: url(comunes/orangeball.gif);
}
li {
line-height: 1.5;
margin-bottom: 10px;
margin-right: 15px
}
kbd {
font-size: 95%;
font-family: "Courier New", Courier, monospace;
}
p.sinindent {
text-indent: 0;
}
table#evaluaciones {
margin-left: auto;
margin-right: auto;
}
table#evaluaciones td {
font-weight: bold;
padding-top: 10px;
}
table#evaluaciones p {
font-weight: normal;
text-indent: 0;
margin-top: 5px;
margin-bottom: 5px;
}
table#ejyev {
width: 90%;
text-align: center;
margin: 20px auto 0;
clear: both;
}
table#ejyev td {
margin: 3px;
height: 4em;
width: 45%;
border: #8F4747 3px solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.enlacesecuencia {
text-align: left;
margin-top: -20px
}
pre {
background-color: #FBFBFB;
color: #333;
font-size: 100%;
border: #666 1px solid;
padding: 15px;
margin: 15px 20px;
max-height: 500px;
overflow: auto;
}
pre span.coment {
color: #BBB;
}
pre span.valores {
color: black;
}
code {
background-color: #FBFBFB;
color: #333;
font-size: 100%;
}
hr.salto_pagina, hr.salto_pagina_movil {
display: none;
}
li.sinbullet {
list-style-type: none;
}
table.info{
width:90%;
border:none;
margin: 5px 15px 5px 15px;
}
.info th {
background-color:#ebf8e6;
border:1px solid #32ad15;
text-align:center;
}
.info td {
border-right: #d6e5f5 1px solid;
border-bottom: #d6e5f5 1px solid;
background-color:#fcfcfc;
padding-left: 15px;
padding-right: 15px;
}
.titulo_tabla {
color:#228a21;
font-weight:bold;
}
/* ESTILOS PARA TABLAS de PowerPoint 2010*/
/* Tablas de información*/
.info th {
background-color:#F6ECE9;
border:1px solid #F57231;
}
.titulo_tabla {
color:#DE4D18;
font-weight:bold;
}
/*para menu 2014 */
.tdBoton {
background-image: url(https://www.aulaclic.es/imagen/fondo-menu-marron2.png);
background-repeat: repeat-x;
background-position: 0px 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/* border-left-style: solid; */
border-top-color: #F7F0E2;
border-right-color: #F7F0E2;
border-bottom-color: #F7F0E2;
/* border-left-color: #F7F0E2;*/
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 3px;
width: 0px;
height: 35px;
margin: 0px;
}
.tdBotonTitulo {
background-image: url(https://www.aulaclic.es/imagen/fondo-menu-gris2.png);
background-repeat: repeat-x;
background-position: 0px 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/* border-left-style: solid; */
border-top-color: #F7F0E2;
border-right-color: #F7F0E2;
border-bottom-color: #F7F0E2;
/* border-left-color: #F7F0E2;*/
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 1px;
border-left-width: 3px;
width: 0px;
height: 35px;
margin: 0px;
}
.tdBoton:hover {
background-image: url(https://www.aulaclic.es/imagen/fondo-menu-marron-hover2.png);
background-repeat: repeat-x;
}
.sin-sub-azul:hover {
background-image: none;
background-repeat: no-repeat;
color: #600;
}
.texto-menu {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
.imagen_flota {
clear: none;
float: none;
position: absolute;
visibility: visible;
top: -9px;
border: 1;
left: 0px;
}
div#menu_pie {
/* background-color:#744541; */
background-color: #A0605A;
color: #FFF4D5;
text-decoration: none;
}
.ama {
font-weight: bold;
color: #f7f4ac;
text-decoration:none;
}
.ama:hover {
color: #ffffff;
}
.ss {
color: #FFF4D5;
text-decoration:none;
}
.ss:hover {
color: #ffffff;
}
div#fondo_invertido {
background-image: URL(https://www.aulaclic.es/imagen/fondo_menu_invertido.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}
ul.sinPunto {
list-style-type: none;
}
ul.conPunto {
list-style-type: disc;
}
#cookies_law {
display:none;
position:fixed;
left:0px;
right:0px;
bottom:0px;
padding-bottom:5px;
width:100%;
text-align:center;
min-height:80px;
background-color: rgba(0, 0, 0, 0.6);
color:#fff;
z-index:99999;
}
.in_cookie {
width:100%;
position:absolute;
padding-left:5px;
font-family:verdana;
font-size:12;
top:10%;
}
.in_cookie a.ok_cookie {
padding:4px;
color:#faff00;
text-decoration:none;
}
@media (min-width: 401px) and (max-width: 1600px) {
body {
font-size: 15px;
}
h1,h2 {
font-size: 17px;
}
}
/* fin 400 y 1400 */
@media (min-width: 1601px) {
body {
font-size: 26px;
}
h1,h2 {
font-size: 28px;
}
div#flechasMenuDos,div#flechasMenuTres {
display:block;
}
}
@media (max-width: 820px) {
div#flechasMenuTres {
display:none;
}
}
@media (max-width: 700px) {
div#flechasMenuDos {
display:none;
}
}
@media (max-width: 400px) {
body {
font-size: 17px;
}
}
img {
max-width: 100%;
height: auto;
}
div#publi_adaptable {
margin: 5px;;
}
div.lista-pie {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
background-color: #A0605A;
padding-right: 5px;
padding-left: 5px;
}
div.lista-pie1 {
color: #FFF4D5;
background-color: #A0605A;
text-decoration: none;
text-align: left;
padding-right: 5px;
padding-left: 5px;
}
div.pie-sobre {
text-align: center;
color:#660000;
background-color: #A0605A;
margin-top: -13px;
padding-top: 15px;
}
div#flechasAbajo {
margin:0 auto;
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
}
div#flechasMenuDos {
float: left; text-align:left ; height: 55px; border:#CC0033 0px solid; margin-top:3px; margin-bottom:3px; margin-left:1px; margin-right:0px; padding-top:16px; min-width:104px;
}
div#flechasMenuTres {
float: left; text-align:left ; height: 55px; border:#CC0033 0px solid; margin-top:3px; margin-bottom:3px; margin-left:0px margin-right:1px; padding-top:16px; min-width:104px;
}
div#menuContenedor {
position:relative; width: 100%; left:5; margin: 3px;
}
div#logoCursoCont {
float: left; min-width:255px
}
div#menuLogo {
float: left; width: 150px; height: 65px; border:#CC0033 0px solid; margin:3px; padding:1px
}
div#menuCurso {
float:left; padding-top: 25px; min-width:105px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; color:#411B02; text-align:left;
text-shadow: 1px 1px 2px grey;
}
div#flechasContenedor {
float: left; text-align:left ; height: 55px; border:#CC0033 0px solid; margin:3px; padding-top:16px; min-width:310px;
}
.lineaPieTexto {
font-family: Arial, Helvetica, sans-serif; font-size: smaller; font-weight:bold; color: #800000; text-align:left
}
div#redesSociales {
margin: 0 auto
}
div#fechaIzquierda {
width: 49%; float: left; color:#02360F; margin-left: 10px; font-family: "Times New Roman", "serif"; font-size: 12px;
}
div#nunPagDerecha {
width: 40%;float: right; text-align:right; color:#02360F; margin-right: 10px; font-family: "Times New Roman", "serif"; font-size: 12px;
}
.sinIdent {
text-indent: 1px;
line-height: 1.5em;
margin-left: 5px;
}
div#search2015 {
position: relative;
left: 4px;
text-align: left;
margin: 5px;
width:300px;
}
div#indice_pago a {
text-decoration: none;
}
div#indice_pago li {
list-style:none;
}
/* para unidad de posicionamiento adaptada del curso de Paginas web */
div.ejemplo { background-color: white;
font-family: serif;
color: black;
margin: 10px 15px;
padding: 10px;
border: #999999 1px solid;
position:relative;
}
div.ejemplo p { text-indent: 0; margin: 10px 0; line-height: 1em;}
/* estilos_grid para unidad 13 */
.rejilla {
border: 1px solid black;
background-color: lightgrey;
}
.rejilla > div {
border: 1px dotted blue;
background-color: lightyellow;
}
.rejilla {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 0px;
grid-auto-rows: 30px;
grid-template-areas:
"a a a a b b b b"
"a a a a b b b b"
"c c c c d d d d"
"c c c c d d d d";
}
.celda1 {
grid-area: a;
}
.celda2 {
grid-area: b;
}
.celda3 {
grid-area: c;
}
.celda4 {
grid-area: d;
}
div.ejem_solpado: hover
{z-index:10}
/* fijo con tablas */
.table_fijo_tabla {
width: 860px;
border-collapse: collapse;
margin: 0 auto;
}
.cabecera_fijo_tabla {
background-color: lightyellow ;
height: 4em;
}
.menu_fijo_tabla {
width: 150px;
background-color: burlywood ;
}
.principal_fijo_tabla {
width: 510px;
height: 15em;
background-color: beige;
}
.lateral_fijo_tabla {
width: 200px;
background-color: aquamarine ;
}
.pie_fijo_tabla {
background-color: bisque ;
height: 3em;
}
/* fijo con div */
.fijo_div {
width: 860px;
margin: 0 auto;
}
.cabecera_fijo_div {
width: 860px;
background-color: lightyellow ;
height: 4em;
}
.menu_fijo_div {
display: inline-block;
width: 148px;
height: 15em;
background-color: burlywood ;
}
.principal_fijo_div {
display: inline-block;
width: 506px;
height: 15em;
background-color: beige;
}
.lateral_fijo_div {
display: inline-block;
width: 198px;
height: 15em;
background-color: aquamarine ;
}
.pie_fijo_div {
display: inline-block;
width: 860px;
background-color: bisque ;
height: 3em;
}
/* líquido con tablas */
.table_tabla {
width: 100%;
border-collapse: collapse
}
.cabecera_tabla {
background-color: lightyellow ;
height: 4em;
}
.menu_tabla {
width: 15%;
background-color: burlywood ;
}
.principal_tabla {
width: 65%;
height: 15em;
background-color: beige;
}
.lateral_tabla {
width: 20%;
background-color: aquamarine ;
}
.pie_tabla {
background-color: bisque ;
height: 3em;
}
/* líquido float */
.cabecera_float {
height: 3em;
background-color: lightyellow;
}
.menu_float {
float: left;
width: 15%;
height: 10em;
background-color: burlywood;
}
.principal_float {
float: left;
width: 65%;
height: 10em;
background-color: beige;
}
.lateral_float {
float: left;
width: 20%;
height: 10em;
background-color: aquamarine;
}
.pie_float {
clear: both;
height: 3em;
background-color: bisque
}
/* líquido con flex */
.contenedor_flex {
display: flex;
flex-direction: column
}
.cabecera_flex {
height: 4em;
background-color: lightyellow;
}
.contenedor_central_flex {
display: flex;
flex-direction: row
}
.menu_flex {
height: 10em;
width: 15%;
background-color: burlywood;
}
.principal_flex {
height: 10em;
width: 65%;
background-color: beige;
}
.lateral_flex {
height: 10em;
width: 20%;
background-color: aquamarine;
}
.pie_flex {
height: 3em;
background-color: bisque;
}
/* líquido con grid */
.contenedor_grid {
display: grid;
grid-template-columns: 15% 65% 20%;
grid-template-rows: 4em 10em 3em;
}
.cabecera_grid {
grid-row: 1;
grid-column: 1 / 4;
background-color: lightyellow;
}
.menu_grid {
grid-row: 2;
grid-column: 1 ;
background-color: burlywood;
}
.principal_grid {
grid-row: 2;
grid-column: 2 ;
background-color: beige;
}
.lateral_grid {
grid-row: 2;
grid-column: 3 ;
background-color: aquamarine;
}
.pie_grid {
grid-row: 3;
grid-column: 1/4;
background-color: bisque;
}
/* mixto con flex y grid */
.contenedor_mixto_grid
{
display: grid;
grid-template-columns: 15% 65% 20%;
grid-template-rows: 1fr 4fr 1fr;
}
.cabecera_mixto_grid {
grid-row: 1;
grid-column: 1 / 4;
text-align: center;
background-color: lightyellow;
}
.menu_mixto_grid {
grid-row: 2;
grid-column: 1 ;
background-color: burlywood;
}
.principal_mixto_grid {
grid-row: 2;
grid-column: 2 ;
background-color: beige;
}
.lateral_mixto_grid {
grid-row: 2;
grid-column: 3 ;
background-color: aquamarine;
}
.pie_mixto_grid {
grid-row: 3;
grid-column: 1/4;
background-color: bisque;
}
.contenedor_mixto_flex {
display: flex;
flex-wrap: wrap;
flex:auto;
justify-content: space-around;
align-items: center
}
.mixto_flex {
width: 100px;
height: 50px;
background-color: #CFD0D0;
border-color: aliceblue;
border-style: solid;
border-width: 1px;
}
/* adaptable float */
/* ancho mayor o igual de 1024px */
@media all and (min-width: 1024px) {
.cabecera_adaptable_float {
height: 4em;
}
.menu_adaptable_float {
float: left;
width: 15%;
height: 10em;
}
.principal_adaptable_float {
float: left;
width: 65%;
height: 10em;
}
.lateral_adaptable_float {
float: left;
width: 20%;
height: 10em;
}
.pie_adaptable_float {
clear: both;
height: 3em;
}
}
/* ancho mayor o igual de 641px y menor o igual de 1023px */
@media all and (min-width:641px) and (max-width: 1023px) {
.cabecera_adaptable_float {
height: 4em;
}
.menu_adaptable_float {
height: 3em;
}
.principal_adaptable_float {
float: left;
width: 75%;
height: 10em;
}
.lateral_adaptable_float {
float: left;
width: 25%;
height: 10em;
}
.pie_adaptable_float {
clear: both;
height: 3em;
}
}
/* ancho menor o igual de 640px */
@media all and (max-width: 640px) {
.cabecera_adaptable_float {
height: 4em;
}
.menu_adaptable_float {
height: 3em;
}
.principal_adaptable_float {
height: 10em;
}
.lateral_adaptable_float {
height: 3em;
}
.pie_adaptable_float {
height: 3em;
}
}
/* colores de fondo */
.cabecera_adaptable_float{ background-color: lightyellow;
}
.menu_adaptable_float { background-color: burlywood;
}
.principal_adaptable_float { background-color: beige;
}
.lateral_adaptable_float { background-color: aquamarine;
}
.pie_adaptable_float { background-color: bisque;
}
/* adaptable flex*/
/* ancho mayor o igual de 1024px */
@media all and (min-width: 1024px) {
.contenedor_adaptable_flex {
display: flex;
flex-direction: column
}
.cabecera_adaptable_flex {
height: 4em;
}
.contenedor_central_adaptable_flex {
display: flex;
flex-direction: row
}
.menu_adaptable_flex {
height: 10em;
width: 15%;
}
.principal_adaptable_flex {
height: 10em;
width: 65%;
}
.lateral_adaptable_flex {
height: 10em;
width: 20%;
}
.pie_adaptable_flex {
height: 3em;
}
}
/* ancho mayor o igual de 641px y menor o igual de 1023px */
@media all and (min-width:641px) and (max-width: 1023px) {
.contenedor_adaptable_flex {
display: flex;
flex-direction: column
}
.cabecera_adaptable_flex {
height: 4em;
}
.contenedor_central_adaptable_flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.menu_adaptable_flex {
height: 3em;
width: 100%;
}
.principal_adaptable_flex {
height: 10em;
width: 75%;
}
.lateral_adaptable_flex {
height: 10em;
width: 25%;
}
.pie_adaptable_flex {
height: 3em;
}
}
/* ancho menor o igual de 640px */
@media all and (max-width: 640px) {
.contenedor_adaptable_flex {
display: flex;
flex-direction: column
}
.cabecera_adaptable_flex {
height: 4em;
}
.menu_adaptable_flex {
height: 3em;
}
.principal_adaptable_flex {
height: 10em;
}
.lateral_adaptable_flex {
height: 3em;
}
.pie_adaptable_flex {
height: 3em;
}
}
/* colores de fondo */
.cabecera_adaptable_flex {
background-color: lightyellow;
}
.menu_adaptable_flex {
background-color: burlywood;
}
.principal_adaptable_flex {
background-color: beige;
}
.lateral_adaptable_flex {
background-color: aquamarine;
}
.pie_adaptable_flex {
background-color: bisque;
}
/* Grid adaptable */
/* ancho mayor o igual de 1024px */
@media all and (min-width: 1024px) {
.contenedor_adaptable_grid {
display: grid;
grid-template-columns: 15% 65% 20%;
grid-template-rows: 4em 10em 3em;
}
.cabecera_adaptable_grid {
grid-row: 1;
grid-column: 1 / 4;
}
.menu_adaptaable_grid {
grid-row: 2;
grid-column: 1 ;
}
.principal_adaptable_grid {
grid-row: 2;
grid-column: 2 ;
}
.lateral_adaptable_grid {
grid-row: 2;
grid-column: 3 ;
}
.pie_adaptable_grid {
grid-row: 3;
grid-column: 1/4;
}
}
/* ancho mayor o igual de 641px y menor o igual de 1023px */
@media all and (min-width:641px) and (max-width: 1023px) {
.contenedor_adaptable_grid {
display: grid;
grid-template-columns: 75% 25%;
grid-template-rows: 4em 3em 10em 3em;
}
.cabecera_adaptable_grid {
grid-row: 1;
grid-column: 1 / 3;
}
.menu_adaptaable_grid {
grid-row: 2;
grid-column: 1 / 3 ;
}
.principal_adaptable_grid {
grid-row: 3;
grid-column: 1 ;
}
.lateral_adaptable_grid {
grid-row: 3;
grid-column: 2 ;
}
.pie_adaptable_grid {
grid-row: 4;
grid-column: 1 / 3;
}
}
/* ancho menor o igual de 640px */
@media all and (max-width: 640px) {
.contenedor_adaptable_grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 4em 3em 10em 3em 3em;
}
.cabecera_adaptable_grid {
grid-row: 1;
}
.menu_adaptaable_grid {
grid-row: 2;
}
.principal_adaptable_grid {
grid-row: 3;
}
.lateral_adaptable_grid {
grid-row: 4;
}
.pie_adaptable_grid {
grid-row: 5;
}
}
/* colores de fondo */
.cabecera_adaptable_grid { background-color: lightyellow;
}
.menu_adaptaable_grid { background-color: burlywood;
}
.principal_adaptable_grid { background-color: beige;
}
.lateral_adaptable_grid { background-color: aquamarine;
}
.pie_adaptable_grid { background-color: bisque;
}
/* svg */
.svg20 {
width: 20%;
margin: 15px;
}
.svg50 {
width: 50%;
margin: 15px;
}
.svg15 {
margin-left: 5px;
}
.svg70 {
max-width: 800px;
margin: 15px;
text-align: center
}
.svgMax600 {
max-width: 600px;
margin: auto;
}
.svgMax400 {
max-width: 400px;
margin: auto;
}
/* tag html unidad uno */
.htmltag, code {font-family:monospace; color:#333333; background-color:white; font-size:100%}
.tag {color:#236ef7;font-family:monospace; }
.atrib {color:#750490;font-family:monospace; }
.valor {color:#ce6409;font-family:monospace; }
.comment {color:green; font-style:oblique;}
.rojo{color: red;}
.destacado {background-color:#FFFF99}
.code_blanco {
font-family:monospace; color:#333333; background-color:white; font-size:100% }
.margen25 {
margin: 25px;
}
/* para unidad 8 de HTML*/
#idEdad {
width: 10em
}
.conLabel input {
margin-bottom: 15px;
}
/* tag html unidad uno */
.htmltag, code {font-family:monospace; color:#333333; background-color:white; font-size:100%}
.tag {color:#236ef7;font-family:monospace; }
.atrib {color:#750490;font-family:monospace; }
.valor {color:#ce6409;font-family:monospace; }
.comment {color:green; font-style:oblique;}
.rojo{color: red;}
.destacado {background-color:#FFFF99}
.code_blanco {
font-family:monospace; color:#333333; background-color:white; font-size:100% }
/* añadido 2017 curso html */
.demoWeb {
background-color: white;
border-style: solid;
border-color: #999999;
border-width: thin;
}
a.seudoclases_a:link {
color: darkgreen;
text-decoration: none
}
a.seudoclases_a:visited {
color: red;
}
a.seudoclases_a:hover {
color: darkviolet;
font-weight: bold
}
a.seudoclases_a:active {
color: yellowgreen;
}
table.borde_solido {
border-style: solid;
margin-left: 20px
}
div.colapsado_solido table {
border-style: solid;
border-collapse: collapse;
margin-left: 20px
}
div.colapsado_solido td{
border-style: solid;
border-collapse: collapse;
}
div.colapsado_padding table {
border-style: solid;
border-collapse: collapse;
margin-left: 20px;
background-color: white
}
div.colapsado_padding td{
border-style: solid;
border-collapse: collapse;
padding: 5px
}
/* Para unidad de tablas
descomentar al generar, solo para que el desplegable de DW sea más corto */
table.impares {
padding: 20px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
margin-left: 20px
}
table.impares td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
padding: 3px;
}
table.impares thead {
font-weight: bold;
}
table.impares tbody tr {
background-color: #fadddd;
}
table.impares tfoot {
background-color:#f4fdcb;
}
table.impares2 {
padding: 20px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
margin-left: 20px
}
table.impares2 td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
padding: 3px;
}
table.impares2 thead {
font-weight: bold;
}
table.impares2 tbody tr:nth-child(even) {
background-color: #eee;
}
table.impares2 tbody tr:nth-child(odd) {
background-color:#fadddd;
}
table.impares2 tfoot {
background-color:#f4fdcb;
}
div.borde_flex_auto {
width: 60%;
background-color: white;
border-style: solid;
border-width: 1px; margin: 0 auto
}
/* ancho menor o igual de 640px */
@media all and (max-width: 640px) {
div.borde_flex_auto {
width: 90%;
background-color: white;
border-style: solid;
border-width: 1px; margin: 0 auto
}
}
/* para mostrar anchura y altura en tag picture 05_basico_02 */
div#ancho_picture {
display:none; position: fixed; top: 230px; padding: 2px 5px; border-radius: 3px; background: #666; color: #eee; box-shadow:3px 3px 3px #aaa; z-index:10; font-size: 26px; width: 80px;
}
div#alto_picture {
display:none; position: fixed; top: 230px; left: 120px; padding: 2px 5px; border-radius: 3px; background: #666; color: #eee; box-shadow:3px 3px 3px #aaa; z-index:10; font-size: 26px; width: 80px;
}
div#cab {
text-align: center;
font-size: 1.5em;
}
.icono_top {
position: relative;
text-align:right;
margin-top: 0.5em;
}
.contenedor_video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 1px;
height: 0;
}
.contenedor_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contenedor_mp4 video {
max-width: 100%;
height: auto;
}
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 2px solid red }
* * * * * * { outline: 2px solid green; background-color: aqua }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/