o
t1 => rojo; t2 => azul *************************************************************************** */
table {
display: inline-table;
border-collapse:collapse;
empty-cells: show;
width: inherit; /* MUY IMPORTANTE */
}
td { display: table-cell;}
tr { display: table-row; }
#contenido tbody tr:hover td,
#contenido tbody tr:hover th {
background-color:#ECF6FB;
}
#contenido form tbody tr:hover td,
#contenido form tbody tr:hover th {
background-color:transparent;
}
div.t1, div.t2, div.t3 {
width: 100%; /* MUY IMPORTANTE */
background-color: #FFF;
margin: 2em 0;
}
.t1 table {border: 2px solid #900; }
.t2 table {border: 2px solid #369; }
.t3 table { }
.t1 th, .t2 th, .t3 th {
font-size:75%;
font-weight: bold;
padding: .3em .1em;
border: 1px solid #CCC;
vertical-align: middle;
text-align: center;
}
.t1 caption, .t2 caption, .t3 caption { font-size: 1.1em; }
.t1 caption {color: #900; border-top: 1px solid #900;}
.t2 caption {color: #369; border-top: 1px solid #369;}
.t3 caption {color: #C96; border-top: 1px solid #C96;}
.t1 th {color: #FFF; }
.t2 th {color: #FFF; }
.t3 th {color: #000; }
.t1 th {background-color: #900; }
.t2 th {background-color: #369;}
.t3 th {background-color: #FCEAC5;}
/* Excepción para TABLAS class='sencilla':
NO se quiere que los th tengan color fondo, negrita y texto centrado
Ej. Tablas de transparencia; por accesibilidad deben tener th todas. */
table.sencilla th {
font-size: .9em; font-weight: normal;
background-color:transparent;
text-align:left;
padding: 10px;
border: 1px dotted rgb(204, 204, 204);}
/* -- */
.t1 tr.color {background-color: #F8F2F2;}
.t2 tr.color {background-color: #EFF2F8;}
.t3 tr.color {background-color: #FBF5E9;}
.t1 td, .t2 td, .t3 td {
font-size: .8em;
border: 1px dotted #CCC;
vertical-align: middle;
padding: .5em;
width: auto;
}
.t1 caption, .t2 caption, .t3 caption {
caption-side: top;
margin-bottom: .5em;
}
/* LISTAS DEFINICIÓN MODELO 1 **************************************************************** */
.items1 dl {margin-top: 2em; }
.items1 dt {margin-top: 1em; margin-bottom: 1em; font-weight: normal; color: rgb(174, 3, 106); }
.items1 > dl > dd {margin: 1em 2em; padding-top: 1em; text-align:justify; border-top: 1px solid gray; font-size:1em; color:#666;}
/* LISTAS DEFINICIÓN MODELO 2 **************************************************************** */
.items2 {
margin: 1em 0;
}
.items2 dl {
margin: 0;
padding: 1em 0;
/* border-top: 1px dotted gray; */
border-bottom: 1px dotted gray;
}
.items2 dt {
margin: 0 0 0 90px;
padding: 0.4em 0 0 0.7em;
}
.items2 .titulo {
float: left;
width: 90px;
text-align: left;
border: 0;
margin: 0;
padding: .4em 0 0 0;
color: #999;
font-size: .8em;
}
.items2 dd {
margin: 0 0 0 90px;
padding: 1px 0 0.4em 0.7em;
}
.items2 dd p, .items2 dd ul {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
/* LISTAS DEFINICIÓN MODELO 3 **************************************************************** */
.items3 {
margin: 1em 0;
}
.items3 h5 {
color: #000;
background-color: #FCEAC5;
padding: 7px;
border: dotted 1px #FC6;
border-right: 0;
border-left: 0;
margin-bottom: 0;
}
.items3 dl {
margin: 0;
}
.items3 dt {
margin: 0 0 0 155px;
padding: 0.4em 0 0 0.7em;
border-left: dotted 1px #FC6;
font-weight: bold;
}
.items3 .im {
clear: left;
float: left;
width: 150px;
text-align: center;
border: 0;
margin: 0;
padding: 1em 0 0.5em 0;
}
.items3 dd {
margin: 0 0 0 155px;
padding: 1px 0 0.4em 0.7em;
border-bottom: dotted 1px #FC6;
border-left: dotted 1px #FC6;
}
.items3 dd p, .items3 dd ul {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.items3 .dl {
color: #666;
}
.items3 dd .quotes {
color: #777;
}
.items3 dd .quotes p {
margin: 1em 5%;
font-style: italic;
}
/* *************************************************** */
.separador {
background: rgba(0, 0, 0, 0) url("/img/fondos/precontenido_sombra.png") no-repeat scroll left bottom;
margin-top: 2rem;
padding-top: 10px;
}
/* *************************************************** */
/* Botón Naranja XML_Atom */
.XML_Atom
{
background: rgb(255, 102, 0);
border:1px outset;
color:white;
font-family:sans-serif;
font-size:12px;
font-weight:bold;
padding:0pt 0.4em;
text-decoration:none;
}
/* Formulario con bloques div en lugar de tablas */
.bloque_izquierdo
{
padding-right:0.5em;
text-align:right;
position: absolute;
right: 50%;
width:50%;
z-index: -1; /* Necesario para poder navegar por los enlaces de leftnav */
}
.bloque_derecho
{
text-align:left;
position: absolute;
left: 50%;
}
.manuscrita, .manuscrita *{
font-family: "nothingyou";
font-size: 1.1em;
}
/* iconos de redes sociales en pie de páginas*/
.socialmedia_iconos2{
float:right;
padding:0;
margin-top:-40px;
margin-right:-5%;
z-index:100000;
}
.socialmedia_iconos2 ul li {
list-style-type: none;
float: left;
margin-left:15px;
}
.socialmedia_iconos2 ul li a:hover {
color:rgba(204,204,204,0.8);
}
/* Menú izquierda Toggle - Permite plegar/desplegar menú izquierda **************************************************************** */
label.leftnav_toggle {
display: none;
}
input.leftnav_toggle {
display:none
}
@media screen and (max-width:768px){
label.leftnav_toggle {
display: block;
margin: 30px 0 0;
color:#cc0000;
border-bottom: 1px solid #CCC;
}
label.leftnav_toggle:before {
font-family: "Font Awesome 5 Free";
font-weight: 900; /* regular style/weight */
content: "\f0c9 ";
font-size:1.3em;
padding-right:5px;
color:#999;
}
label.leftnav_toggle:hover {
/* text-decoration: underline; */
}
input.leftnav_toggle {
position: absolute;
left: -999em;
}
.leftnav_toggle {
padding-left:10px;
transition: all 0.5s linear;
overflow:hidden;
}
input.leftnav_toggle[type="checkbox"]:checked + label.leftnav_toggle + .leftnav_toggle {
height: 0;
opacity: 0;
display: block;
transition: all 0.5s linear;
}
input.leftnav_toggle[type="checkbox"]:checked + label.leftnav_toggle:before {
color:#cc0000;
}
}
/* Menú izquierda Toggle -Fin */
/* pie */
footer{
padding: .5em 1.5em 1.5em;
background-color: #C00;
color: #FFF!important;
font-size: .8em;
line-height:1.8em;
-moz-box-shadow: 0px -10px 30px #999;
-webkit-box-shadow: 0px -10px 30px #999;
box-shadow: 0px -10px 30px #999;
}
footer a{
color:#FFF!important;
text-decoration:none!important;
}
footer a:hover, footer a:active {
color:#FFF!important;
font-weight:bold!important;
}
footer h1,footer h2,footer h3{
color:#FFF!important;
}
footer ul{
list-style:none;
}
section#pie{
background: url(/img/contacto.svg) no-repeat;
background-size:contain;
background-position:top right;
}
section#pie .pie_logo {
}
section#pie .pie_logo img{
max-height:80px;
}
section#pie .pie_contacto ul{
display:inline-flex;
list-style:none;
padding:0;
}
section#pie .pie_contacto ul li{
line-height: 1em;
}
section#pie .pie_contacto ul li:not(:first-child){
padding-left:10px;
}
section#pie .pie_contacto ul li:not(:last-child){
padding-right:10px;
border-right:1px solid #FFF;
}
section#pie .pie_rrss ul{
display:inline-flex;
list-style:none;
padding:0;
}
section#pie .pie_rrss ul li:not(:first-child){
padding-left:10px;
}
section#pie .pie_rrss ul li:not(:last-child){
padding-right:10px;
}
section#pie .pie_rrss ul li svg{
fill:#FFF;
}
section#pie .pie_rrss > ul > li > a > span{
font-size:2em;
color:#FFF;
}
section#pie h3{
border-bottom:1px solid #FFF;
}
section#pie ul.lista_normal >li{
margin-right:20px;
}
section#pie ul.lista_normal >li.edusi{
}
section#pie ul.lista_normal >li.edusi img {
max-width: 50px !important;
}