/**
 * Copyright 2010 Guadaltel, S.A.
 *
 * Licensed under the EUPL, Version 1.1 or - as soon they
 * will be approved by the European Commission - subsequent
 * versions of the EUPL (the "Licence");
 * you may not use this work except in compliance with the
 * Licence.
 * You may obtain a copy of the Licence at:
 *
 * http://ec.europa.eu/idabc/eupl
 *
 * Unless required by applicable law or agreed to in
 * writing, software distributed under the Licence is
 * distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
 * express or implied.
 * See the Licence for the specific language governing
 * permissions and limitations under the Licence.
 */

/************************************/
/* HTML ELEMENTS                    */
/************************************/
* {
	margin: 0pt;
	padding: 0pt;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 40px 0px 20px 0px;
   	background:#FFF url(../img/fondo.gif) repeat scroll;
	color: #333333;
  	width:100%;
	text-align: center;
}

.body_iframe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
   	background:#FFF url(../img/fondo.gif) repeat scroll;
	color: #333333;
  	width:100%;
	text-align: center;
}

a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#tramitesForm li{
	color: #333333;
	margin: 7pt;
}
a:hover{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

h2, h3, h4, h5, h6{
	color: #A40A26;
}

h4.pagado{
	font-size: 14px;
	text-align:center;
}

h2 {
background-color:#D37C08 !important;
border:1px solid #AAAAAA;
/*color:#3A3830;*/
color:#FFFFFF;
cursor:default;
font:bold 12px Arial,Helvetica,sans-serif !important;
margin-top:15px;
padding-left:10px;
width:98%;
}

hr{
	/* border: 1px dashed #BFBFBF; */
	border: medium none;
}

ul{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 50px;
	list-style-image:url("../img/list.png");
	list-style-type:square;
}

/************************************/
/* PAGE                             */
/************************************/
div.page{
	text-align: left;
   	background:#FFF url(../img/fondo2.gif) repeat scroll;
	/*border: 2px solid #A40A26;*/
	margin: 0px auto;
	position: relative;
	width: 950px;
}

/************************************/
/* HEADER                           */
/************************************/
div.header{
	background: #A40A26 url(../img/logo.png) no-repeat left;
	height: 75px;
	margin: 0pt;
	padding: 0pt;
	position: relative;
	color: #FFF;
}

div.header *{
	color: #FFF;
}

div.header .language{
	position: absolute;
	top: 5px;
	right: 5px;
}

div.header .user{
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-weight: bold;
	text-align: right;
	display: inline;
}

div.header .date{
	background: transparent url("../../iconos/32x32/x-office-calendar.png") no-repeat top right;
	padding: 2px 35px 0px 0px;
	position: absolute;
	top: 21px;
	right: 5px;
	text-align: right;
	font-family: sans-serif;
	font-size: 8pt;
}

#date_hour{
	font-size: 12pt;
	font-weight: bold;
}

.sitetitle{
	display: none;
}

div.container{
	margin: 15px;
}

/************************************/
/* MENU                             */
/************************************/
div.menu{
	width: 203px;
	float:left;
	margin: 0px;
	border: solid 1px #CCCCCC;
	background: url("../img/menu.png") no-repeat top left;
	padding-top: 36px;
	font-size: 10px;
	height: 430px;
}

div.menu *{
	color: #050505;
}


div.menuentry{
	text-align: left;
	height: 25px;
	background: url("../img/arrow1.gif") no-repeat scroll 0 4px transparent;
	/*background: #FFF url(../img/menuentry.gif) no-repeat center;*/
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
	padding-left: 14px;
	margin: 0 4px 0 4px;
}

div.menuentry a{
	position: relative;
	top: 5px;
	text-decoration: none;
	font-weight: normal;
}

div.menuentry a:hover{
	position: relative;
	top: 5px;
	text-decoration: none;
	font-weight: normal;
}

.titulo {
  color: #A40A26;
  font-weight: bolder;
  font-size: xx-large;
  background-color: white;
}

/************************************/
/* TRAMITES                         */
/************************************/
div.section{
	padding-top: 5px;
	padding-left: 20px;
}

div.section h3 {
	color: #3A3830;
}
div.section div.detail{
	border: none;
	padding: 0px 10px 0px 20px;
}

div.section div.detail ul{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 12px;
}

div.section div.detail a{
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
}

div.section div.detail a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
}
/************************************/
/* WIZARD                           */
/************************************/
div.wizard{
	width: 205px;
	float:left;
	margin: 0px;
	
	background: url("../img/logo_map_ae.jpg") no-repeat bottom center;
	height: 450px;
}

div.wizard h1{
	color: #FF9700;
	background: #FFF url(../img/wizard_tab.gif) no-repeat center;
	font-size: 8pt;
	width: 181px;
	height: 10px;
	padding: 7px 5px 8px 15px;
}

div.wizard .window{
	background: #fff;
	width:189px;
	/*border: 1px slashed #13b3f0;*/
	padding:5px;
	min-height:200px;
}

div.wizard .finished_step{
	width:100%;
	color:#A40A26;
	margin-bottom: 10px;
	font-weight: bold;
}

div.wizard .actual_step{
	width:100%;
	color:#A40A26;
	margin-bottom: 10px;
	font-weight: bold;
}

div.wizard .pending_step{
	width:100%;
	color:#616161;
	margin-bottom: 10px;
	font-weight: bold;
}

.error {
	border-top: 1px solid #cf2121;
	border-bottom: 1px solid #cf2121;
	background-color: #EAEFC7;
	width: 600px;
	padding: 10px;
	margin: auto;
	text-align: left;
}

.error span{
	color: #000000;
	font-weight: normal;
}

/************************************/
/* ERRORS                           */
/************************************/
.window.security{
	padding-left: 50px;
	width:643px;
	background: #FFF url("../../iconos/32x32/emblem-readonly.png")	no-repeat 10px 25px;
}
.window.notfound{
	padding-left: 50px;
	width:643px;
	background: #FFF url("../../iconos/32x32/face-surprise.png")	no-repeat 10px 25px;
}
.window.warning{
	padding-left: 50px;
	width:643px;
	background: #FFF url("../../iconos/32x32/dialog-warning.png")	no-repeat 10px 25px;
}

/************************************/
/* GFORMS                           */
/************************************/
.iframeGForms{
	border: 0px;
	width:100%;
	height:450px;
}

/************************************/
/* TASKS                           */
/************************************/
.iframeTasks{
	border: 0px;
}

/************************************/
/* MAIN                             */
/************************************/
div.main{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 700px;
}

div.main h1{
	color: #565A37;
	background: #FFF url(../img/tab.gif) no-repeat center;
	font-size: 8pt;
	width: 680px;
	height: 10px;
	padding: 7px 5px 8px 15px;
}

div.main h2 {
	margin: 15px 5px 5px 0px;
	text-align:left;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
}

div.main h3 {
	font-size: 8pt;
}

div.welcome span{
	/* float: left; */
	clear: both;
	width: 142px;
	text-align: justify;
}

div.authenticate span{
	float: left;
	clear: both;
	width: 142px;
	text-align: justify;
}

div.window{
	background: #FFF;
	width:688px;
	/*border: 1px solid #1E2529;*/
	padding:5px;
	margin: 0px 0px 0px 0px;
	min-height:430px;
}

div.window fieldset {
	border: 1px solid #AAAAA8;
	padding: 5px;
	margin: 5px 0px 0px 0px;
}

div.tramites fieldset {
	border: 1px #AAAAA8;
	padding: 5px;
}
div.clear{
	clear: both;
	margin: 0pt;
	padding: 0pt;
}

.titleProc{
	font-size: 12pt;
}
	
/************************************/
/* FIELD                            */
/************************************/
div.section div.field a{
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
}

.field{
  	text-align:left;
  	margin-top: 5px;
}

legend{
	color: #A40A26;
	font-weight: bold;
	font-size: 10pt;
	background-color: #FFF;
}

fieldset{
	border: 1px solid #AAAAA8;
	padding: 5px;
}

label{
	font-weight: bold;
	width: 170px;
	float: left;
}

input,
select
{
	font-size: 8pt;
	border: 1px solid #AAAAA8;
	background-color: #FAFAF5;
	color: #1C1C1C;
}
input[disabled],
select[disabled]
{
	opacity:.3;
	cursor: default;
}
input:hover,
select:hover
{
	background-color: #FAFAF5;
}
input[type=submit],
input[type=button]
{
	border: 1px solid #CCC;
	background-color: #A40A26;
	color: #FFF;
	font-weight:bold;
	min-width: 100px;
	text-align: center;
	padding-left: 10px;
	margin-top: 10px;
}
input[type=submit]:hover,
input[type=button]:hover
{
	outline: 1px dotted #A40A26;
}
button
{
	border: 1px solid #CCC;
	background-color: #A40A26;
	color: #FFF;
	font-size: 12px;
	font-weight:bold;
	min-width: 100px;
	text-align: center;
	margin-top: 10px;
}

/************************************/
/* DISPLAYTAG                       */
/************************************/
.displaytag{
	width:100%;
	border:1px solid #AAAAA8;
	margin-bottom:10px;
}

.displaytag th{
	background-color: #BABABA;
	height:22px;
	color:#555938;
	border-right:1px solid #CCCCCC;
	vertical-align:middle;
	text-align: center;
}

.even_row{
	height: 17px;
	background-color: #D5D5D5;
}

.odd_row{
	height: 17px;
	background-color: #FFF;
}

.displaytag-banner{
	text-align: center;
}

/************************************/
/* DOCUMENTS                        */
/************************************/
.document_type{
	font-weight: bold;
	width: 450px;
}

.document_name_type{
	font-weight: bold;
	font-size: 11px;
	width: 450px;
}

.document{
	margin: 5px 15px 5px 15px;
	padding: 5px 5px 5px 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
/*	background: #FFFFE6 url("../../iconos/32x32/text-x-generic.png")	no-repeat 10px;*/
	background: #D5D5D5 url("../../iconos/32x32/text-x-generic.png")	no-repeat 10px;
	min-height: 30px;

	/* IE Fix */
/*	.background: #FFFFE6 none;*/
	.background: #D5D5D5 none;
	/* IE Fix */
}

.prevDocument {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
	text-align: center;
	background: #D5D5D5 no-repeat 5px;
	min-height: 30px;
	
	/* IE Fix */
	.background: #D5D5D5 none;
	/* IE Fix */
}

.nextDocument {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
	text-align: center;
	background: #D5D5D5 no-repeat 5px;
	min-height: 30px;
	
	/* IE Fix */
	.background: #D5D5D5 none;
	/* IE Fix */
}

.prevDocumentActive {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
	text-align: center;
	background: #D5D5D5 url("../img/arrow-left.png") no-repeat 5px;
	min-height: 30px;
	cursor:pointer;
	/* IE Fix */
	.background: #D5D5D5 none;
	/* IE Fix */
}

.nextDocumentActive {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
	text-align: center;
	background: #D5D5D5 url("../img/arrow-rigth.png") no-repeat 5px;
	min-height: 30px;
	cursor:pointer;
	/* IE Fix */
	.background: #D5D5D5 none;
	/* IE Fix */
}

.action{
	margin: 5px 15px 5px 15px;
	padding: 5px 5px 5px 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
	background: #FFFFE6 url("../../iconos/32x32/system-installer.png")	no-repeat 10px;
	min-height: 30px;

	/* IE Fix */
	.background: #FFFFE6 none;
	/* IE Fix */
}

.buttons{
	width: 100%;
	text-align: right;
}

.document .detail{
	font-size: 7pt;
	padding-left: 15px;
	/*color: #999;*/
	color: #444444;
}

.document .appliDetail{
	font-size: 8pt;
	color: #999;
}

.contact_details{
	background-color: #FFFFE6;
	border: 1px solid #EEEEEE;
	padding: 5px;
}

.contact_details_selected{
	background-color: #FFFFB6;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 5px;
	margin-bottom: 3px;
}

.link_contact_details {
	background-color: #FFFFE6;
	border: 1px solid #EEEEEE;
	cursor: pointer;
	padding: 1px;
	text-align: center;
}

.areas {
		width: 100%;
		border-spacing: 10px;
	}
	
.area table {
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	background: #EAEFC7 none;
	cursor:pointer;
	width: 100%;
	height: 90px;
}

.area .title {
	font-size: 8pt;
	font-weight: bold;
	color: #444;
}

.area .img {
	width: 20%;
}

.area .details {
	font-size: 7pt;
	color: #444;
	font-weight: normal;
	text-decoration: none;
}

.area .details:hover {
        font-size: 7pt;
	color:#000000;
        font-weight: normal;
	text-decoration:none;
}
.area .link {
	color: #444;
	font-style: italic;
	font-weight: bo;
}

.procedure {
	margin: 5px 15px 5px 15px;
	padding: 5px 5px 5px 50px;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	text-align: left;	
/*	background: #EDEFE0 url("../../iconos/32x32/edit-paste.png")	no-repeat 10px;*/
	background: #EAEFC7 url("../../iconos/32x32/edit-paste.png")	no-repeat 10px;

	/* IE Fix */
/*	.background: #FFFFE6 none;*/
	.background: #EAEFC7 none;
	/* IE Fix */
}

.procedure .name {
	font-weight: bold;
	width: 450px;
}

.procedure .detail {
	font-size: 7pt;
	padding-left: 15px;
	color: #444;
}

.pago {
	border: 1px solid #CCC;
	background-color: #f4f4f6;
	color: #000000;
	font-weight:bold;
	min-width: 100px;
	text-align: center;
	padding-left: 5px;
	margin-top: 10px;
	text-decoration: none;

}

.pago:hover {
	/*outline: 1px dotted #A40A26;*/
	text-decoration:none;
	color: #000000;
}

.pago:active {
	/*outline: 1px dotted #A40A26;*/
	text-decoration:underline;
	color: #000000;
}

/************************************/
/* RECEPCION NOTIFICACIONES         */
/************************************/
.button_link{
	background: #EDEFE0;
	border: 1px solid;
	margin-top: 10px;
	text-align: center;
	padding: 1px 10px 1px 10px;
	
	/* IE Fix */
	.background: #EDEFE0 none;
	/* IE Fix */	
}

.document_notify{
	margin: 5px 15px 5px 15px;
	padding: 5px 5px 5px 50px;
	border: 1px solid #EEEEEE;
	text-align: center;
	background: #FFFFE6 url("../../iconos/32x32/emblem-important.png")	no-repeat 10px;
	min-height: 30px;

	/* IE Fix */
	.background: #FFFFE6 none;
	/* IE Fix */
}

.document_noRead{
	margin: 5px 15px 5px 15px;
	padding: 5px 5px 5px 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
	background: #FFFFE6 url("../../iconos/32x32/document-new.png")	no-repeat 10px;
	min-height: 30px;

	/* IE Fix */
	.background: #FFFFE6 none;
	/* IE Fix */
}

.document_read{
	margin: 5px 15px 5px 15px;
	padding: 5px 5px 5px 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
	background: #FFFFE6 url("../../iconos/32x32/text-x-generic-template.png")	no-repeat 10px;
	min-height: 30px;

	/* IE Fix */
	.background: #FFFFE6 none;
	/* IE Fix */
}

/************************************/
/* ICONOS                           */
/************************************/
.iconito {
	width: 0px;
	height: 0px;
	padding: 8px;
	display:inline-block; 
	cursor:pointer;
	font-size: 0pt;
	vertical-align: middle;
}

.iconito span {
	display: none;
}

.iconito.inactivo{
	opacity:.3;
	cursor: default;
}

.iconito.primero		{background: transparent url("../../iconos/16x16/primero.gif")						no-repeat center center;}
.iconito.anterior		{background: transparent url("../../iconos/16x16/anterior.gif")						no-repeat center center;}
.iconito.siguiente		{background: transparent url("../../iconos/16x16/siguiente.gif")					no-repeat center center;}
.iconito.ultimo 		{background: transparent url("../../iconos/16x16/ultimo.gif")						no-repeat center center;}
.iconito.eliminar		{background: transparent url("../../iconos/16x16/edit-delete.png")					no-repeat center center;}
.iconito.incorporar		{background: transparent url("../../iconos/16x16/document-open.png")				no-repeat center center;}
.iconito.descargar		{background: transparent url("../../iconos/16x16/document-save.png")				no-repeat center center;}
.iconito.informe 		{background: transparent url("../../iconos/32x32/bookmark-new.png")					no-repeat center center; width: 10px; height: 24px;}
.iconito.generar		{background: transparent url("../../iconos/16x16/document-new.png")					no-repeat center center;}
.iconito.expediente		{background: transparent url("../../iconos/16x16/document-properties.png")			no-repeat center center;}
.iconito.salir			{background: transparent url("../../iconos/16x16/system-log-out.png")				no-repeat center center;}
.iconito.preferencias	{background: transparent url("../../iconos/16x16/preferences-system.png")			no-repeat center center;}
.iconito.representacion	{background: transparent url("../../iconos/16x16/system-users.png")					no-repeat center center;}
.iconito.usuarios		{background: transparent url("../../iconos/16x16/contact-new.png")					no-repeat center center;}
.iconito.calendario		{background: transparent url("../../iconos/16x16/office-calendar.png")				no-repeat center center;}
.iconito.imprimir		{background: transparent url("../../iconos/16x16/document-print.png")				no-repeat center center;}
.iconito.cargar			{background: transparent url("../../iconos/16x16/go-down.png")						no-repeat center center;}
.iconito.recordar		{background: transparent url("../../iconos/16x16/preferences-system-session.png")	no-repeat center center;}
.iconito.nuevo			{background: transparent url("../../iconos/16x16/address-book-new.png")				no-repeat center center;}
.iconito.borrar 		{background: transparent url("../../iconos/16x16/process-stop.png")					no-repeat center center;}
.iconito.entrar			{background: transparent url("../../iconos/16x16/go-next.png")						no-repeat center center;}
.iconito.contacto		{background: transparent url("../../iconos/16x16/system-users.png")					no-repeat center center;}
.iconito.tramites		{background: transparent url("../../iconos/16x16/net-info.png")						no-repeat center center;}
.iconito.anonimo		{background: transparent url("../../iconos/16x16/net-desc.png")						no-repeat center center;}
.iconito.plantilla		{background: transparent url("../../iconos/16x16/accessories-text-editor.png")		no-repeat center center;}
.iconito.informacion	{background: transparent url("../../iconos/16x16/help-browser.png")					no-repeat center center;}

.iconito.goto			{background: transparent url("../../iconos/16x16/go-previous.png")					no-repeat center center;}
.iconito.ficherofirma	{background: transparent url("../../iconos/16x16/application-certificate.png")		no-repeat center center;}


.icono {
    width: 0px;
    height: 0px;
	padding: 16px;
    display:inline-block;
    cursor: pointer;
    font-size: 0pt;
    vertical-align: middle;
    text-decoration: none;
}

.icono span {
	display: none;
}

.icono.inactivo {
	opacity:.3;
	cursor: default;
}

.icono.asistente		{background: transparent url("../../iconos/32x32/system-installer.png") 	no-repeat center center;}
.icono.notificaciones	{background: transparent url("../../iconos/32x32/mail-reply-all.png") 		no-repeat center center;}
.icono.volver			{background: transparent url("../../iconos/16x16/go-jump.png") 				no-repeat center center;}


/************************************/
/* ACERCA DE                        */
/************************************/
 
div.about {
	text-align: center; 
	width: 100%; 
	font-weight: none; 
	float: left; 
	margin-top: 9px;
}
	
.about:link {
	text-decoration:none;
	color:#999999;
}

.about:visited {
	text-decoration:none;
	color:#999999;
}

.about:active {
	text-decoration:none;
	color:#999999;
}

.about:hover {
	text-decoration:none;
	color:#5f5f5f;
}

.enlace:link {
	text-decoration:none;
	color: black;
	font-weight: normal;
}

.enlace:visited {
	text-decoration:none;
	color: black;
	font-weight: normal;
}

.enlace:active {
	text-decoration:none;
	color: black;
}

.enlace:hover {
	text-decoration:underline;
	color: black;
}

/************************************/
/* EN ESPERA                        */
/************************************/

.micursor{
	cursor:wait;
}

input.boton{
	border: 1px solid #CCC;
	background-color: #ff0000;
	color: #FFF;
	font-weight:bold;
	min-width: 100px;
	text-align: center;
	padding-left: 10px;
	margin-top: 10px;
}
input.boton_over{
	outline: 1px dotted #ff0000;
}

.fondo {
	background-color:gray;
    color:#CC0000;
    position: fixed;
    text-align:center;
    top:0px;
    left:0px;
    font-size:25px;
    font-weight:bold;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	_height:100%;
	width:100%;
    z-index: 90;
    display: none;
    filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity:0.60
}

.modalText {
	background-color:#FFFFFF;
	color:#000000;
	position: fixed;
	text-align:center;
	top:50%;
	left:50%;
	padding:65px;
	font-size:18px;
	font-weight:bold;
	width:300px;
	height: 150px;
	-moz-border-radius: 15px;
 	border-radius: 15px;
 	z-index: 95;
 	display: none;
 	
 	margin-top: -140px;
 	margin-left: -215px;
}

.loading_img_sign {
	display: block;	
}

.loading_text_sign {
	display: block;	
}

.disableButton {
	background-color: #AAA4A5;
}

.noFloat {
	float: none;
}

.checkConfirmDiv {
	margin-top: 1em;
	margin-bottom: 1em;
	
	margin-left: 1.5em;
}

.button-link {   
   border: 1px solid #CCC;
   background-color: #A40A26;
   color: #FFF;
   font-size: 12px;
   font-weight: bold;
   min-width: 100px;
   text-align: center;
	 margin-top: 10px;
   padding: 4px;
   text-decoration: none;
   font-family: verdana, arial, sans-serif; 
}
.button-link:link,   
.button-link:visited,   
.button-link:hover {   
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
   cursor: default; 
}

.abort-description {
	margin-bottom: 2em;
}

/**
.texto-aviso {
    border: solid #f0e3be;
    background-color: #f7eac5;
    padding: 2em;
    clear:both;
}
*/
.container-pago-flex {
	display: flex;
	gap: 10px;
}

.title-pago {
	order: 1;
	flex-grow: 7;
	align-self: center;
	font-size: 14px;
	margin-left: 4%;
}

.img-pago {
	order: 2;
	align-self: center;
}