body {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color: #000;
  margin: 0;
  padding: 0; 
  background: #DDD ;
  font-size: 0.7em;
}

/* ----------------------------------------- */
/* ---( top )------------------------------- */
/* ----------------------------------------- */

#contenedor { 
  width: 96%;
  left: 50%;
  margin-left: -48%;
  position: relative;
  border-left:1px #AAA solid;
  border-right:1px #AAA solid;
  background-color: #FFF;
}

#idiomas {
	margin: 0;
	background: #EEE;
	text-align: right;
	font-weight: bold;
	padding-right: .5em;
	border-bottom: 1px solid #999999;
}

#idiomas li {
	margin-right: .5em;
	display: inline-block;
}

#idiomas li a {
	text-decoration: none;
}

/*Perfiles de usuari@*/
a#botonConexion {
    white-space: nowrap;
}

#cab {
	padding: 0em 0em 0em 0em;
	margin: 0;
	/* background-color: rgb(246, 245, 254); */
	background-color: #FFFFFF;
}

#cabecera {
	background-color:#fff;
	background-image:url(../images/siac/cabecera.gif);
	background-repeat: no-repeat;
	height:175px;
	text-align:left;
}

#caja {
	clear:both;
	width:100%;
	contain: content;
}

#cab #idEtiquetaAnonimo {
	display: inline-block;
}

#cab #user {
	float: right;
	padding-right: 1.2em;
	/* background-color: #f6f6ff; */
	font-size: 0.9em;
	font-weight: bold;
}

#cab #user a {
  text-decoration: none;
  color: #339; 
}

#cab #user a:visited {
  color: #339; 
}

#cab #user a:hover {
  color: #99a;
}

/* ----------------------------------- */
/* ---( general )--------------------- */
/* ----------------------------------- */

p {
  margin: 1em 0 1em;
  padding: 0;
}

a p.texto-enlace {
	margin: 0;
	padding: 0;
}

h1 span, h2 span, h3 span {
  color: #999;
}

abbr, acronym {
  border-bottom: 1px dotted;
}

code { 
  display: block;
  border: 1px rgb(187, 187, 187) solid;
  background-color: rgb(238, 238, 238);
  font-size: 1em;
  white-space: normal;
  padding: 1em 1em;
}

ins {
  text-decoration: none;
  font-style: italic;
}

.columna3 {
	width: 3%;
}


del {
  text-decoration: line-through;
}

blockquote {
  color: #005;
  padding-left: 2em;
  margin-left: 0.5em;
  background: url(../img/q.png) no-repeat 0 0;
}

/* ------------------------------------------------ */
/* ---( navegacion )------------------------------- */
/* ------------------------------------------------ */

#nav {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 82%;
  background: #40589B;
}

#nav li {
  float: left;
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  border-right: 1px #fff solid;
}

#nav a {
  float: left;
  padding: 0.5em 0 0.5em 0;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  width: 9em;
  text-align:center;
}

#nav a:hover{
  color: #FFF;
  background: #40589B;
  text-decoration: underline;  
}

#nav a.activo {
  background:rgb(255, 255, 204);
  font-weight: bold;
  color: #000;
  border-bottom:  1px #DDD solid;
}

#logos {
  clear: both;
  margin-top: 50px;
  padding: 0;
  text-align:center;
}

#logos ul li {
  background: none;
}

#logos p {
  font-size: smaller;
  text-align:left;
}

/* ------------------------------------------------------ */
/* ---( menu dcho )-------------------------------------- */
/* ------------------------------------------------------ */

#menuder p, #menuder ul, #menuder dl {
  margin: 0.1em 0.3em 1em 0.3em;
  padding: 0;
}

#menuder li { 
  list-style-type: none;
  line-height: 1.4em; 
  margin: 0 0.5em 0.5em 0 ;
}

#menuder img {
  vertical-align: middle;
}

#menuder { 
  width: 23%;
  line-height: 1.4em;
  float: right;
  color: #444;
  background-color: lime;
}

#menuder ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: arial, sans-serif;
}

#menuder .seccion {
  font-family: arial, sans-serif;
  display:block;	
  padding: 0.3em 0.3em;
  color: #fff;
  background: #40589B;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 3px;
}

#menuder ul li .seccion {
 margin-top: 1.4em;
}

#menuder ul ul li { 
  margin: 0 0 3px 5px; 
  padding-left: 1.2em;
  background: url(../img/li1.png) no-repeat 0 5px;
}

#menuder li.consulta {
  background: none;
  padding-left: 0;
}

#menuder ul a
{
  color: #339;
  background-color: #fff;
  text-decoration: none;
}

#menuder ul a:hover
{
  color: #000;
  background-color: #fff;
  text-decoration: none;
}

#menuder a.contacto {
  float:right;
  margin: 15px 20px 10px 0;
  font-size: 1.3em;
}

/* ------------------------------------------------------- */
/* ---( contenidos )-------------------------------------- */
/* ------------------------------------------------------- */

#contenidos{ 
  margin-left: 25%;
  padding: 1em 1.5em 2em;
  margin-top: 0em;
  /*width: 73%;*/
}

/* Comentario para IE5/mac. Hack para IE5/win e IE6+quirks \*/
* html #contenidos {
  margin-left: 25%;
  width: 100%;
}
/* Fin comentario para IE5/mac */

#contenidos ul {
  list-style: none;
  margin: 1em 0 1em 0;
  padding-left: 1.5em;
}

#contenidos ul li {
  padding: 0 0 0.4em 1.2em;
  line-height: 1.4em;
  background: url(../img/li2.png) no-repeat 0 5px;
}

#contenidos dl {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 1.5em;
}

dt{
 font-weight: bold;
 margin: 1em 0;  
}

dd{
 margin: 1em;
}

#contenidos #validador{
  margin-top:2em;
  color:#555;
}

#contenidos input { 
  color: #555;
}

#contenidos input#analizar {   
  font-size: 1.4em;
  margin: 15px;
}

#contenidos fieldset#niveles{ 
  float: left;
  width: 50%;
  text-align: center;
}

#contenidos fieldset{
  color: #40589B; 
  margin: 1em 0;
  padding: 1em;
  border: #ddd solid;
}

#contenidos input#url {
  font-size: 1.5em;
  font-weight: bolder;
  width: 75%;  
}

#contenidos .cestructurado {
  margin-left : 4em;
  margin-bottom: 3em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccd;
}

#contenidos .clista {
  text-align: justify;
  margin-left : 1em;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

#contenidos .imgnoticia {
  float:right;
  margin: 0 0 15px 15px;
}

#contenidos p{
	text-align: justify;	
}

#contenidos p.opcion {
  text-align: right;
}

#contenidos p.destacado {
  text-align: center;
  font-size: larger;
}

#contenidos ul.listaimg li {
 
}

#contenidos ul.listaimg img {
 vertical-align: middle;
}

/* --------------------------------------------------- */
/* ---( inferior )------------------------------------ */
/* --------------------------------------------------- */

#base {
  position: relative;
  clear: both;
  font-size: 90%;
  background: #EEE;
  border-top: 1px solid #999999;
  text-align:center;
}

#base p {
  margin: 0;
  padding: 1em;
}

#base a {

}

/* --------------------------------------------- */
/* ---( enlaces )------------------------------- */
/* --------------------------------------------- */

/*
a:link {
  color: #40589b;
}

a:visited {
  color: #880055;
}

a:hover {
  color:  #00f;
}
*/

/* ---------------------------------------------------- */
/* ---( misc. )---------------------------------------- */
/* ---------------------------------------------------- */

.invisible, .invisible a {
   display: none;
   background: #fff;
   color: #fff;
}

hr {
  border: 1px solid #000;
  background-color: #ccc;
  height: 0.4em;
}

hr.invisible {
  clear: both;
}	

a img {
  border: none;
}

.nota {
  font-size: 90%;
  line-height: 1.6em;
  color: #555;
  padding: 2em 0 0 0;
  border-top: 1px #eee dotted ;
}

.recuerda {
  background:#ffe;
  border:1px solid #ee7;
  padding: 1em 1em;
  margin:1em 0;
}

/* -------------------------------------------------- */
/* ---( migas )-------------------------------------- */
/* -------------------------------------------------- */

#migas a {
  text-decoration: none;
  font-weight: bold;
  color: #339; 
}

#migas a:visited {
  color: #339; 
}

#migas a:hover {
  color: #99a;
}

#migas{
  font-size: 0.9em;
  padding-left: 1.2em;
  /* background-color: #59aee4; */
  /* background: transparent url(../images/menu/fons_menu_main.gif) repeat-x scroll center top; */
  font-weight: bold;
}

/* ------------------------------------------- */
/* ---( Descargas )--------------------------- */
/* ------------------------------------------- */

.plataforma {
	text-align: left;
}

#tabladescargas {
  margin-top: 15px;
}

#tabladescargas td {
	text-align: center;
}

#tabladescargas caption {
  margin-top: 15px;
}

.campo_form{
  margin-bottom: 0.5em;
}

.campo_form label{
  padding-left: 1em;
  display: block;
  width: 10em;
  float: left;
}

.submit_form input {
  margin-left: 1em;
}

#niveles {
  width: 20em;
}

/* -------------------------------------------- */
/* ---( Otros )-------------------------------- */
/* -------------------------------------------- */

.cal .date {
	float: left;
	width: 2em; 
	margin: 1em 0.5em 1em 0;
	border-right: 1px solid #bbb; 
	border-left: 1px solid #eee;
	border-bottom: 1px solid #bbb;
	border-top:  6px solid #bbb;
	padding: 2em 5em 5em 5em; 
	background: #FFC;
	color: #000; 
	text-align: center; 
	line-height: 1.1em; 
}

.cal .date {
	font-family: sans-serif;
	font-size: 80%;
}

.cal .year {
	display: none;
	position: absolute;
	visibility: hidden;
	top: -10000px;
	width: 10%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------- */
/* ---( LOGO )---------------------------------- */
/* --------------------------------------------- */

.tawlogo { 
  font-family: arial, sans-serif; 
  border: 1px solid #555; 
  vertical-align: 0.2em;
  font-weight: bold;
  color: #fff;
  font-size: 0.9em; 
  background-color: #555;
  padding: 0;
}

.tawlogo .tnivel {
  padding: 0 0.4em ;
  border-bottom: 0px;
  background-color: #555;
  color: #fff;
  font-size: 0.8em;
}

.tawlogo abbr {
  border-bottom: 0px;
}

.tawlogo acronym {
  border-bottom: 0px;
  padding: 0 0.3em;
  background-color: #fff;
  color: #000;		
}

.tawlogo sup {
  padding: 0em;
  vertical-align: 0.6em;
  font-size: 0.6em;
}

/* ----------------------------------------------------------- */
/* ---( Campos de formulario )-------------------------------- */
/* ----------------------------------------------------------- */

.formulario {
	margin: 0px;
	padding: 0px;	
}

.oculto {
	visibility:hidden;
	display:none;
}

.sololectura {
	background-color: rgb(220,220,220);
	color: black;
}

.etiqueta {
	vertical-align: middle;
}

.combo {
	border: 1px solid #D7D7D7;
	padding: 0px;
	margin: 0px;
}

.campotexto {
	border: 1px solid #d7d7d7;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial;
	font-size: 1em;
}

.Combo {
	font-size: 1em;
	border: 1px solid #D7D7D7;
	height: 1.8em;
}

.checkbox {
	margin: 0px;
}

.marcofieldset {
	padding: 5px; 
	margin: 0px;
}

.iconoedicion {
	position: relative;
	padding: 0px;
	margin: 0px;
	left: 1px;
	vertical-align: bottom;
}

.iconoedicion.sobre {
	color: rgb(255,255,255);
	background-color: rgb(163,163,163);
}

.boton {
	background-image: url(../images/marcopie.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: rgb(211,211,211);	
	cursor: pointer;
	color: rgb(0,0,0);
	text-align: center;
	border: 1px outset rgb(128,128,128);
}

/* ---------------------------------------------------- */
/* ---( Errores y mensajes )--------------------------- */
/* ---------------------------------------------------- */

.errores, .mensajes, .errorMessage {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 7px;
	border: 1px solid #ccd;
	clear: both;
	font-size: 1.05em;
}

.errores {
	background-color: rgb(255, 212, 212);
}

.errorMessage{
	background-color: rgb(255, 212, 212);
}

.mensajes {
	background-color: rgb(192, 233, 214);
}

.error, .mensaje {
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	padding-left: 20px; 
	color: rgb(0,0,0);
}

.error {
	background-image: url(../images/errores/error.png);
}

.mensaje {
	background-image: url(../images/errores/warning.png);
}

/* ---------------------------------------------------- */
/* ---( Estilos páginas de Errores )------------------- */
/* ---------------------------------------------------- */
.info_error {
	background-color: rgb(180, 25, 25);
	color: rgb(255, 255, 255);
	padding-left: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#ErrorCode {
	font-size: 5em;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.texto_error {
	font-weight: bold;
}

/* --------------------------------------------------------------- */
/* ---( Bloques de escritura )------------------------------------ */
/* --------------------------------------------------------------- */
.modulo100, .modulo99, .modulo95, .modulo93, .modulo90, .modulo75,
	.modulo74, .modulo70, .modulo65, .modulo60, .modulo50, .modulo49,
	.modulo48, .modulo40, .modulo35, .modulo31, .modulo30, .modulo33,
	.modulo25, .modulo22, .modulo20, .modulo15, .modulo12, .modulo11,
	.modulo10, .modulo4 {

	float: left;
	padding: 0px;
	margin: 0px;
}

.modulo100 { width: 100%; }
.modulo99 { width: 99%; }
.modulo95 { width: 95%; }
.modulo93 { width: 93%; }
.modulo90 { width: 90%; }
.modulo80 { width: 80%; }
.modulo75 { width: 75%; }
.modulo74 { width: 74%; }
.modulo70 { width: 70%; }
.modulo65 { width: 65%; }
.modulo60 { width: 60%; }
.modulo50 { width: 50%; }
.modulo49 { width: 49%; }
.modulo48 { width: 48%; }
.modulo40 { width: 40%; }
.modulo35 { width: 35%; }
.modulo33 { width: 33%; }
.modulo31 { width: 31%; }
.modulo30 { width: 30%; }
.modulo25 { width: 25%; }
.modulo22 { width: 22%; }
.modulo20 { width: 20%; }
.modulo15 { width: 15%; }
.modulo12 { width: 12%; }
.modulo11 { width: 11%; }
.modulo10 { width: 10%; }
.modulo4 { width: 4%; }

/* ---------------------------------------------------------------- */
/* Igual que los elementos anteriores sin el "float: left;" */
/* ---------------------------------------------------------------- */

.moduloTam100 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.moduloTam100 {
	width: 100%;
}

/* -------------------------------------------------------------- */
/* ---( Alineación del texto )----------------------------------- */
/* -------------------------------------------------------------- */

.textoDerecha { text-align: right; }
.textoIzquierda { text-align: left; }
.textoJustificado { text-align: justify; }
.textoCentrado { text-align: center; }

/* ------------------------------------------------------ */
/* ---( Estilos de fuente )------------------------------ */
/* ------------------------------------------------------ */

.subrayado { text-decoration: underline; }
.cursiva { font-style: italic; }

/* ------------------------------------------------------------ */
/* ---( Pasos de tramitación )--------------------------------- */
/* ------------------------------------------------------------ */

.navegacionTramites{
	margin-bottom: 30px;
}

.icono { 
	width: 100px; 
	float: left; 
}

.textoIcono { 
	margin: 2px; 
}

.contenidoIconos { 
	margin: 0 auto;
	width: 500px;
}

.atras {
	margin-top: 75px;
}

.TablaControles {
	font: normal 0.95em Arial, Helvetica, sans-serif;
	width: 100%;
}

.LineaEtiquetas {
	padding-top: 3px;
	vertical-align: bottom;
}

.Etiqueta {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	margin: 10px;
}

.margenInferior { margin-bottom: 10px; }
.margenSuperior { margin-top: 10px; }

.advertencia {
	color: rgb(180, 25, 25); 
	font-weight: bold;
}

/* ========================================= */
/* BOTON IR ARRIBA */
/* ========================================= */
#backtotop {
	background: url("../images/siac/backtotop.png") no-repeat center center;
	border: 0;
	bottom: 20px;
	cursor: pointer;
	display: inline-block;
	height: 70px;
	position: fixed;
	right: 20px;
	text-indent: -9999px;
	width: 70px;
	z-index: 1;
}

#backtotop:hover {
	opacity: 0.8;
}

#backtotop:focus {
	opacity: 0.6;
	outline: none;
}

@media print {
	#backtotop {
		visibility: hidden;
	}
}

/* ========================================= */
/* FIN: BOTON IR ARRIBA */
/* ========================================= */

/* ------------------------------- */ 
/* Ajustes para pantallas de móvil */
/* ------------------------------- */

@media only screen and (max-width: 500px) {
	
	#migas{
		font-size: 33px;
	}
	
	#cab #user {
		font-size: 22px;
	}
	
	#idiomas {
		font-size: 30px;
	}
	
	.error {
		font-size: large;
	}
	
	body{
		font-size: 1.7em;
	}
}


.flexBox{
	display: flex;
	flex-direction: row;
}