@charset "ISO8859-1";

/* Colores Drool
Naranja:      #ffbf3f
Rojo:         #ff6a39
Fondo naranja:#fff7e7
Fondo rojo:   #ffdfd4
*/

@font-face {
	font-family: "Poppins";
	src: url("/fonts/Poppins-Regular.eot");
	src: url("/fonts/Poppins-Regular.eot?#iefix") format('embedded-opentype'),
		url("/fonts/Poppins-Regular.woff2") format('woff2'),
		url("/fonts/Poppins-Regular.woff") format('woff'),
		url("/fonts/Poppins-Regular.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Poppins";
	src: url("/fonts/Poppins-Bold.eot");
	src: url("/fonts/Poppins-Bold.eot?#iefix") format('embedded-opentype'),
		url("/fonts/Poppins-Bold.woff2") format('woff2'),
		url("/fonts/Poppins-Bold.woff") format('woff'),
		url("/fonts/Poppins-Bold.ttf") format('truetype');
	font-weight: bold;
	font-style: normal;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Poppins', arial, helvetica, sans-serif;
	font-size: 100%;
	color: #6f6f6f;
	background-color: #ffffff;
}

button { # dejo el boton plano, sin 3D
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#dinamico {
	padding: 0;
}

header {color: #444;}
#logo {
	width: 10em;
	position: relative;
	float: left;
	overflow: auto;
	margin: 0.5em;
	cursor: pointer;
}
.idiomas {
	float: right;
	margin: 0.2em;
}
.idiomas img {
	width: 1.5em;
	cursor: pointer;
}

#general {
	position: relative;
	min-height: 100vh;
}

#general-contenido {
	padding-bottom: 4.5rem;    /* Footer height */
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 4.5rem;            /* Footer height */
	background: #ff6a39;
	color: white;
}

p {
	margin-bottom: 0.75rem;
	margin-top: 0.63rem;
	padding: 0;
}

li {
	margin: 0.25rem 0 0.25rem 0;
}
li li {
	letter-spacing: 0;
	list-style-type: none;
	font-size: 88%;
	margin-left: 2rem;
}

li .decorado{
	padding: 0;
	margin: 0 0 0.5em 0;
	letter-spacing: 0em;
	list-style-type: square;
	font-size: 88%;
}
h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}	

h1, h2, h3 {
	margin: 0.8em 0.2em 0.6em 0;
	color: #ff6a39; /* colorao */
	display: table;
	font-weight: 900;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #ff6a39;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #ff6a39;
	background-color: #ffbf3f; /* anaranjado */
	font-weight: 900;
}

h1.p, h2.p, h3.p, h4.p, h5.p, h6.p { text-indent: 0.9em}

h4, h5, h6 { margin: 0.6em 0.2em 0.4em 0; }

h4.parrafo{margin-left: 1%;}

table {
	margin: 0.25em 0 0.25em 1.4em;
	width: 96.6%;
	border-spacing: 0;
	font-size: 90%;
}

a:link, a:visited, a:hover {
	font-weight: 500;
}

a:link, a:visited {
	color: #267ffc;
	text-decoration: none;
	/*border-bottom: 0.05em solid #ffbf3f; /*Naranja claro*/
}

a:hover {
	background-color: #ffbf3f; /*Naranja claro*/
	color: black;
}

a.linkNulo, a.imgNulo:visited{
	font-weight: normal;
	padding: 0;
	border: 0;
	border-bottom: none;
}

a.linkNulo:hover {
	border: 0;
	background-color: transparent;
}

a.linkSinColor{
	color: black;
}

.oculto { display: none; }
.visible { display: block; }

.centrado { text-align: center;}

.marco-naranja {
	overflow: auto;
	padding: 0.56rem;
	margin: 0.3rem 0;
	border: 0.05em solid #ff6a39;
	background: white;
	border-radius: 0.3rem;
	width: 100%;
}
.marco-naranja-fondo {
	overflow: auto;
	padding: 0.56rem;
	margin: 0.3rem 0;
	border: 0.05em solid #ff6a39;
	background: #fff7e7;
	border-radius: 0.3rem;
	width: 96%;
}
.resaltado {
	font-size: 1.10em;
	font-weight: bold;
}

p.simple { margin: 0.12em; font-size: 60%; }
p.notapie {font-size: 80%; margin-bottom: 0.5em; margin-top: 0.5em;}
p.notatabulada {font-size: 90%; margin-bottom: 0.5em; margin-top: 0.5em; border-left: 5px solid #fdc368; padding-left: 15px;}
p.centrado{text-align: center;}
p.importante{
	background-color: #fdc368;
	font-size: 120%;
	font-weight: bold;
	padding: 0.63em;
}
p.ultimafecha {
	color: #adadad; 
	text-align: right;
	margin-top: 3rem;
	}


td.boton { text-align: right; }

.notas_actualizar {
	margin-top: 0.15rem;
	padding: 0.25rem;
	text-align: left;
	border: 0.05em solid #ff6a39;
	/* background: #fff7e7;*/
	border-radius: 0.3rem;
	width: 96%;
	position: relative;
}

.verifactu_boton {
    position: absolute;
    top: 0.25rem; 
    right: 0.25rem;
    z-index: 10;
    color: #ff6a39;
    border: solid 0.1rem #ff6a39;
	background: white;
    border-radius: 0.2rem;
	padding: 0.5rem;
    cursor: pointer;
	font-weight: 900;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.1);
    transition: background-color 0.2s ease;
}

.verifactu_boton img {
	vertical-align: middle;
	width: auto !important;
	height: 1.2rem;
	margin-right: 0.2rem;
}

.verifactu_boton:hover {
    background: #e55a32;
	color: white;
}

.verifactu_boton:active {
    background: #cc4f2b;
	color: white;
    transform: translateY(0.05rem);
}
/** Para móviles **/ 
@media screen and (max-width: 768px) {
    .verifactu_boton {
        padding: 0.3rem 0.4rem;
        font-size: 0.65rem;
        font-weight: 700;
        border-width: 0.08rem;
        top: 0.2rem;
        right: 0.2rem;
    }
    
    .verifactu_boton img {
        height: 12px;
        width: auto !important;
    }
}

@media screen and (max-width: 480px) {
    .verifactu_boton {
        padding: 0.25rem 0.3rem;
        font-size: 0.6rem;
        top: 0.15rem;
        right: 0.15rem;
    }
    
    .verifactu_boton img {
        height: 10px;
		width: auto !important;
    }
}

.verifactu_cert{
	max-height: 0;
	overflow: clip;
    transition: max-height 0.5s ease-in-out;
}
.verifactu_cert.show {
    max-height: 1500px; 
	padding-top: 3rem;
}

.verifactu_cert dl {
	margin-left: 1rem;
}

.verifactu_cert dt {
	font-weight: bold;
	margin-top: 0.5rem;
}

.notas_boton {
	cursor: pointer;
	border-bottom: 0.08em solid #ffbf3f;
}

.hljs {
	background:  #fff7e7;
	border: 0.05rem solid #ff6a39;
	border-radius: 0.3rem;
	width: 90%;
}
.hljs-comment {
	color: #fd5119;
}

.comandos {
	font-family: monospace;
	font-size: 100%;
	padding: 0.4rem;
	margin: 0.1rem;
	border: 0.05rem solid #ff6a39;
	background:  #fff7e7;
	border-radius: 0.3rem;
	width: 90%;
}

.codigo {
	position: relative;
	padding: 0;
	margin: 0 0 0 2rem;
	border: 0.05em solid #ff6a39;
	border-radius: 0.3rem;
	width: 90%;
}

.funcion { border-bottom: 0.125em solid #ffbf3f;}

.cursiva { font-style: italic;}

.bordeFino {border-style: solid; border-width: thin;}

.aviso-lab {
	margin: 1.3em auto;
	background-color: #ff6a39;
	border-radius: 1.2em;
	border-bottom: none;
	color: white;
	padding: 0.4em 1.8em;
	display: table;
	font-weight: 900;
}

.aviso-img {
	float: left;
  margin-right: 10px;
	padding-top: 3%;
}

.aviso-txt {
	overflow: hidden;
}

#columnas-envoltorio {
	clear: both;
	margin: 0.11em 0;
	background-color: white;
}

#contenido {
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 60em;
	background: white;
	overflow: auto;
}

#contenido img {
	max-width: 100%;
}
/* Las imagenes desplegables se ajustaban al ancho del botón. Con lo que hay a continuación se ajustarán al ancho del navegador */
@media (max-width: 1050px) {
	#contenido .dropdown-content img {
		max-width: 90vw;
	}
}

@media (min-width: 1051px) {
	#contenido .dropdown-content img {
		max-width: 80vw;
	}
}
@media (min-width: 1150px) {
	#contenido .dropdown-content img {
		max-width: 70vw;
	}
}

@media (min-width: 1300px) {
	#contenido .dropdown-content img {
		max-width: 60vw;
	}
}

@media (min-width: 1600px) {
	#contenido .dropdown-content img {
		max-width: 50vw;
	}
}

@media (min-width: 1850px) {
	#contenido .dropdown-content img {
		max-width: 45vw;
	}
}

@media (min-width: 2050px) {
	#contenido .dropdown-content img {
		max-width: 40vw;
	}
}

#mejoras p.importante{
	background-color: #ffa71d;
	font-size: 120%;
	font-weight: bold;
	margin: 0.31em;
	padding: 0.63em;
}

#pie { margin: 0.9rem;}
#pie-id {
	float: left;
	font-size: small;
	text-align: left;
	width: 49%;
	color: #ddd;
}
#pie-menu a {
	font-size: small;
	float: right;
	margin-top: 1rem;
	padding: 0 0.6rem 0 1rem;
}

[id^="pie"] a {
	border: 0;
	color: white;
}
[id^="pie"] a:hover {
	font-weight: bold;
	background-color: #ff6a39;
}

.menu-row {
	color: red;
}

.menu-opc {
	text-align: center;
	display: inline-block;
	width: 24%;
	padding: 0.3em;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	color: #6f6f6f;
	cursor: pointer;
	overflow: auto;
	vertical-align: top;
}
.menu-opc h4 {
	font-weight: 600;
}

.menu-opc-txt {
	float: right;
	width: 100%;
}

.bajadas {
	text-align: center;
	display: inline-block;
	width: 31%;
	padding: 1.2em 0.6em 1.2em 0.6em;
	color: #6f6f6f;
	overflow: auto;
	vertical-align: top;
}

.bajadas-img {
	float:left;
	overflow: auto;
}
.bajadas img {
	width: 4.5em;
}
.bajadas-txt {
	# overflow: auto;
	text-align: left;
	padding-left: 0.5em;
}

.bajadas p {
	margin: 0;
}

.noticias, .comohacer, .ensayo {
	overflow: auto;
	background-color: #fff7e7;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border: solid 0.05em #ffbf3f;
	border-radius: 0.8em;
}

#archivos {
	margin: 0.1rem 0 0.8rem 0;
}
.archivos {
	background-color: #f8f8f8;
	padding: 0.5em;
	margin-bottom: 0;
	border: solid 0.05em #B2B2B2;
}
.archivos-titulo {
	overflow: auto;
}
.archivos-notas {
	overflow-x: auto;
	max-height: 17em;
}
.archivos-notas p {
	margin: 0.3em 0 0.3em 0.6em;
}
#archivos-rutas a {
	background-color: #ffbf3f;
	border-radius: 1.2em;
	color: white;
	padding: 0.3rem 1.0rem;
	text-align: center;
	display: inline-block;
	font-size: 1.0em;
	font-weight: 800;
	cursor: pointer;
}
#archivos-rutas a:hover {
	background-color: #ff6a39;
}

.enlace {
	cursor: pointer;
	/*border-bottom: 0.05em solid #ffbf3f; /*Naranja claro*/
	font-weight: 500;
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	color: #267ffc;
}
.enlace:hover {
	background-color: #ffbf3f; /*Naranja claro*/
	font-weight: 500;
	color: black;
}

#main img{
	max-width: 100%;
}

img { border: none; }

.usuarios {
	background-color: white;
}
.usr-datos {
	width: 79%;
	float: left;
}
.usr-logo {
	width: 20%;
	float: right;
}
.usuarios p {
	margin: 0.12rem;
	
}
#listaUsuarios table {
	border-style: solid;
	border-width: 0.1em;
	border-spacing: 0.6em;
	margin-left: 1.25em;
	border-collapse: separate;
}

#listaUsuarios td {
	border-style: solid;
	border-width: 0.1em;
	padding: 0.6em;
	border-spacing: 0.6em;
	text-align: left;
	vertical-align: top;
}

#listaUsuarios b {
	font-size: 900%;
}

#listaUsuarios p{
	border-spacing: 0;
	margin-top: 0;
	margin-bottom: 0.3em;
	margin-left: 0%;
	font-size: 75%;
}

.menu {
	margin: 0.13em 0.13em 0.13em 0.38em;
	padding: 0;
}

#share {
	float: right;
	margin-right: 0.6em;
}

#directorio table{
	background-color: white;
	color: #655;
}

#directorio table.simple{
	border-collapse: collapse;
	margin: 0;
}

#directorio td {
	vertical-align: top;
	background-color: #F8F8F8; /*Gris claro*/
	border: solid 0.05em #B2B2B2; /*Gris  */
}

#directorio table.simple td{
	border: none
}

#directorio td p { margin-left: 1.6em;  margin-top: 0; padding-top: 0em; text-indent: 0; }
#directorio td p.resalta {
	margin-left: 0;
	margin-top: 0.31em;
	padding: 0.63em;
	border: solid 0.1em;
	background-color: white;
}
#directorio td div.resalta {
	margin-left: 1.6em;
	margin-top: 0.31em;
	padding: 0.63em;
	border: dotted 0.1em;
	background-color: white;
}

#directorio td.nombre {  width: 75%; }
#directorio td img {
	vertical-align: text-bottom;
	text-align: center;
}
#directorio td.dato {
	text-align: center;
	color: #655;
}
#directorio td.dcha { text-align: right }
#directorio td.blanco { background-color: white; padding-bottom: 0.25em}
#directorio td.imagen { vertical-align: middle; }
#directorio td.imagen_blanco {
	vertical-align: middle;
	background-color: white; }

#directorio th {
	vertical-align: top;
	padding: 0.19em;
	color: #3f3f3f;
	border-color: rgb(255, 210, 128); /*Naranja claro*/
}



/* Listas de mejoras ...............................................  */

.mejor-bloque {
  padding-left: 1rem;
}

.mejor-bloque p:first-child {
  color: #ff6a39;
  margin:0;
}

.mejor-uno {
  background-color: #e9e9e9;
  border-radius: 0.3rem;
  box-shadow: 4px 4px 2px rgba(9,30,66,.25);
  display: block;
  padding: 0.2rem;
  margin-bottom: 0.6rem;
  position: relative;
  width: 98.5%;
}
.mejor-uno p{
	padding-left: 1rem;
	margin: 0;
}
.mejor-uno ol{
	padding-left: 2rem;
	margin: 0;
}

.mejor-uno p:first-child {
	padding: 0;
	color: #6f6f6f;
	font-weight: 600;
	margin: 0;
}

/* Fin mejoras ...................................................... */

#_mejoras {
	margin-left: 1.25em;
	margin-right: 0.31em;
}

#_mejoras p.mejoras {
	margin-left: 0.63em;
	margin-top: 0.31em;
	padding: 0.63em;
	border: solid 0.05em #B2B2B2;
}

#_mejoras h3 {
	border-bottom: 0.05em solid rgb(255, 210, 128); /*Naranja claro*/
	margin-top: 1.9em;
	margin-bottom: 1em;
}

#_mejoras h4 {
	margin-top: 0.63em;
	margin-bottom: 0.19em;
	font-size: 110%;
	text-align: left;
}

#listaMejoras{
	margin-left: 0.63em;
	padding: 0.63em;
	border: solid 0.05em #B2B2B2;
}

table.tabla {
	text-align: right;
	background-color: rgb(255, 210, 128);
	border-color: rgb(255, 210, 128)
}
th.tabla {
	text-align: center;
	font-weight: normal;
	background-color: LightGrey;
	color: #3f3f3f;
}
td.tabla {
	text-align: right;
	padding: 0.125em 0.31em 0.125em 0.31em;
	background-color: white;
	color: #3f3f3f;
	margin: 0.125em;
}

.slideshow-hidden {
	visibility: hidden;
	height: 0;
}

#listaUsuarios table {
	border-color: rgb(187, 187, 187) black black rgb(187, 187, 187);
	background-color: #DDDDDD;
}

#listaUsuarios td {
	border-color: black rgb(187, 187, 187) rgb(187, 187, 187) black;
	background-color: white;
}

#mejoras p.mejoras {
	background-color: white;
}

#listaMejoras{
	background-color: white;
}

.fondoGris {
	border: 0.6em solid #B2B2B2;
	padding: 0.5em;
	overflow: hidden;
	background-color: rgb(248, 248, 248);
	margin-left: 1.5em;
	margin-top: 0.75em;
}

img.floatLeftTop {
	float: left;
	padding: 0;
}

img.floatRight {
	float: right;
	margin: 0.25em 0 0.25em 0.25em;
	padding: 0;
}

img.floatLeft {
	float: left;
	margin: 1em 0 1em 0;
	padding: 0;
}

iframe.floatRight {
	float: right;
	margin: 1em 0 1em 0.25em;
	padding: 0;
}

.tutorial_titulo {
	padding: 0.63em 0.38em 0 0.25em;
	overflow: hidden;
	margin: 0 0.25em 0 0.25em;
}

.tutorial_titulo_nombre {
	float: left;
	width: 75%;
	font-size: 110%;
}
.tutorial_titulo_desc {
	overflow: visible;
	float: left;
	width: 25%;
	text-align: right;
}
.tutorial_desc {
	padding: 0.63em;
	padding-top: 0.31em;
	padding-bottom: 0;
	border-top: solid 0.05em lightgrey;
	margin: 0 0.25em 0 0.25em;
}

#directorio p.sinMargen {
	margin-left: 0;
	margin-bottom: 0;
}

table.simple td {
	border: solid 0.38em #B2B2B2;
}

#directorio .tutorial_desc p {
	margin-top: 0.31em;
	margin-left: 0;
}

.ensayos_botones {
	padding: 0.2em;
	overflow: auto;
}
.ensayoBoton {
	float: left;
	width: 6em;
	padding: 0.2em;
	margin: 0.2em;
	background: white;
	border: solid 0.05em rgb(224, 224, 224);
	text-align: center;
	border-radius: 0.5em;
}
.ensayoBoton:hover {
  background-color: #ffbf3f;
}
.ensayoBoton a {
  border-bottom: 0;
}

td.info_detail_img{
	width: 4em;
	padding-right: 1em;
	vertical-align: top;
}

table.letra_normal{
	font-size: inherit;
}

.tutorial_titulo_nombre{
	width: 60%;
}
.tutorial_titulo_desc {
	width: 40%;
}

table.variables {
	border: solid 0.05em #ffbf3f;
	margin-bottom: 1em;
}
table.variables th {
	background-color: #fff7e7;
	border: solid 0.05em #ffbf3f;
	padding: 0.18em;
}
table.variables td {
	vertical-align: top;
	background-color: white;
	border: solid 0.05em #ffbf3f;
	padding: 0.18em;
}

#archivo .tutorial_desc {
	border-top: none;
	padding-top: 0;
}

#archivo h4{
	margin-top: 0;
}

#soporte-remoto {
	overflow: auto;
}
.acceso-remoto {
	float: left;
	margin: 0.4em;
	padding: 0.2em;
	background-color: #fff7e7;
	border: solid 0.2em #ffbf3f;
	border-radius: 1em;

}
.acceso-remoto img {
	float: left;
	margin: 0.3em;
	height: 2.8em;
}

.seccion_form {
	text-align: center;
	margin-top: 1em;
}
#ayuda div {
	margin-top: 1em;
}
form {
	display: inline-block;
}
fieldset {
	border-radius: 1.2em;
}
.block {
	padding: 0.3em;
	text-align: left;
}

.block label {
	display: block;
	font-size: 0.9em;
	color: #ff6a39;
}
.boton {
	background-color: #ff6a39;
	border-radius: 1.2em;
	color: white;
	padding: 0.4em 1.8em;
	text-align: center;
	display: inline-block;
	font-size: 1.0em;
	font-weight: 900;
	cursor: pointer;
}
.seccion_form h1 {
	width: 100%;
}

/*  galleticas  */
#galleticas {
	display: none;
	background-color: rgba(20,20,20,0.8);
	min-height: 2.6rem;
	color: #ccc;
	text-align: center;
	line-height: 2.2rem;
	padding: 0.4rem 0 0.4rem 1.2rem;
	position: fixed;
	bottom: 4rem;
	left: 0;
	right: 0;
	z-index: 9999;
}
#galleticas a {
	color: #4B8EE7;
	text-decoration: none;
	margin-left: 3rem;
	border: none;
}

#galletaOk {
	background-color: #F1D600;
	color: #000;
	display: inline-block;
	border-radius: 0.3rem;
	padding: 0 0.6rem;
	cursor: pointer;
	float: right;
	margin: 0 0.45rem 0 0.45rem;
}
#galletaOk:hover {
	background-color: #E0C91F;
}
/* Fin galleticas */

/*                     Para dispositivos de máximo 800px de ancho (TABLETS)                        */
@media screen and (max-width:800px) {
	#logo {width: 8em;}
	#dinamico {font-size: 80%;}
	.menu-opc {
		width: 46%;
		padding-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.bajadas {
		width: 96%;
		padding: 0.6em;
	}
	.bajadas img {
		width: 2.5em;
	}

	.bajadas {
		width: 44%;
		padding: 1.0em;
	}
	.bajadas img {
		width: 3.5em;
	}
	
	.menu-opc-img {
		float:center;
		overflow: auto;
	}
	.menu-opc-img img {
		width: 50%;
	}
	.aviso-img {
		width: 40%;
		margin: 0.9em;
	}
	.menu-opc-txt {
		float: center;
		overflow: auto;
		text-align: center;
		padding-left: 0em;
		font-size: 125%;
	}

	.menu-opc-txt p {
		display: none;
	}

	#general-contenido { padding-bottom: 5.5rem;}
	footer {height: 5.5rem;}

	#pie {margin: 0.6rem}
	#pie-id {
		float: none;
		text-align: center;
		width: 100%;
		padding: 0;
		padding-top: 0.3rem;
	}
	#pie-menu {
		font-size: small;
		float: none;
		text-align: center;
		width: 100%;
	}
	#pie-menu a {
		margin-top: 0.1rem;
		float: none;
	}

}
/*                      Para dispositivos de maximo 600px de ancho (MÓVILES)                        */
@media screen and (max-width:600px) {
	#logo {width: 6em;}
	#dinamico {font-size: 70%;}
	.seccion_form {
		font-size: 80%;
	}
	#titulo img {
		width: 2.25em;
	}
	#atop-menu-corto {
	 font-size: 1.1em;
	}
	.sinMargen {
	 font-size: 85%;
	}
	.menu-opc {
		width: 46%;
		padding-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.menu-opc h4 {
		margin: 0;
	}
	.menu-opc p {
		margin: 0;
	}
	.menu-opc-img {
		float:center;
		overflow: auto;
	}
	.menu-opc-img img {
		width: 50%;
	}
	.aviso-img {
		width: 40%;
		margin: 0.9em;
	}
	.aviso-txt {
		overflow: visible;
	}
	.menu-opc-txt {
		float: center;
		overflow: auto;
		text-align: center;
		padding-left: 0em;
		font-size: 125%;
	}

	.menu-opc-txt p {
		display: none;
	}

	#pie-dir {font-size: 85%}
	#pie-menu a {font-size: 90%}

	.bajadas {
		width: 96%;
		padding: 0.6em;
	}
	.bajadas img {
		width: 2.5em;
	}
	.marco-naranja-fondo {
		padding: 0.4rem;
	}
	.marco-naranja {
		padding: 0.4rem;
	}
}


/*                Para dispositivos de maximo 360px de ancho (MÓVILES pequeños/antigüos)                    */
@media screen and (max-width:360px) {
	.seccion_form {font-size: 72%;}
	#general-contenido { padding-bottom: 7.3rem;}
	footer {height: 7.3rem;}
	#pie {margin: 0.3rem}
	.marco-naranja-fondo {padding: 0.3rem;}
	.marco-naranja {padding: 0.3rem;}
	.menu-opc {
		width: 45%;
		padding-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.menu-opc h4 {
		margin: 0;
	}
	.menu-opc p {
		margin: 0;
	}
	.menu-opc-img {
		float:center;
		overflow: auto;
	}
	.menu-opc-img img {
		width: 50%;
	}
	.aviso-img {
		width: 40%;
		margin: 0.9em;
	}
	.aviso-txt {
		overflow: visible;
	}
	.menu-opc-txt {
		float: center;
		overflow: auto;
		text-align: center;
		padding-left: 0em;
		font-size: 100%;
	}

	.menu-opc-txt p {
		display: none;
	}
}


/* Botón que convierte las imagenes en desplegables que se activan al pasar el ratón por encima */

	.dropbtn {
        background-color: #ff6a39;
        color: white;
		border-radius: 10px;
        padding: 3px;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 180px;
        box-shadow: 0px 8px 16px
					0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .dropdown:hover .dropbtn {
        background-color: #6f6f6f;
    }