/**
 * 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: 10px;
	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: #7CAB32;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
	color: #7CAB32;
	font-weight: bold;
}

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

hr{
	border: 1px dashed #BDB3A0;
}

ul{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 50px;
}

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

/************************************/
/* HEADER                           */
/************************************/
div.header{
	background: #7CAB32 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: 205px;
	float:left;
	margin: 0px;
}

div.menu *{
	color: #FFF;
}


div.menuentry{
	text-align: center;
	height: 25px;
	background: #FFF url(../img/menuentry.gif) no-repeat center;
	font-weight: bold;
}

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

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

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

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

div.section div.detail{
	border: none;
	padding: 5px 10px 0px 20px;
}

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

/************************************/
/* WIZARD                           */
/************************************/
div.wizard{
	width: 205px;
	float:left;
	margin: 0px;
}

div.wizard h1{
	color: #FFF;
	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:#7CAB32;
	margin-bottom: 10px;
	font-weight: bold;
}

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

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

.error {
	border: 2px solid #cf2121;
	background-color: #f1bfbf;
	width: 600px;
	padding: 10px;
	margin: auto;
	text-align: left;
}

.error span{
	color: #cf2121;
	font-weight: bold;
}

/************************************/
/* 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/software-update-urgent.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: #FFF;
	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 #BDB3A0;
	padding:5px;
	min-height:430px;
}

div.clear{
	clear: both;
	margin: 0pt;
	padding: 0pt;
}

.titleProc{
	font-size: 12pt;
}
	
/************************************/
/* FIELD                            */
/************************************/
.field{
  	text-align:left;
  	margin-top: 5px;
}

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

fieldset{
	border: 1px dashed #DDD;
	padding: 5px;
}

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

input,
select
{
	font-size: 8pt;
	border: 1px solid #CCC;
	background-color: #f5f9fa;
	color: #005c80;
}
input[disabled],
select[disabled]
{
	opacity:.3;
	cursor: default;
}
input:hover,
select:hover
{
	background-color: #e6eff2;
}
input[type=submit],
input[type=button]
{
	border: 1px solid #CCC;
	background-color: #7CAB32;
	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 #7CAB32;
}
button
{
	border: 1px solid #CCC;
	background-color: #7CAB32;
	color: #FFF;
	font-size: 12px;
	font-weight:bold;
	min-width: 100px;
	text-align: center;
	margin-top: 10px;
}

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

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

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

.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;
	min-height: 30px;

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

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

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

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

.nextDocumentActive {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
	text-align: center;
	background: #FFFFE6 url("../../iconos/16x16/arrow-rigth.png") no-repeat 5px;
	min-height: 30px;
	cursor:pointer;
	/* IE Fix */
	.background: #FFFFE6 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;
}

.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: #FFF1F1 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;
}

.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: #FFF1F1 url("../../iconos/32x32/edit-paste.png")	no-repeat 10px;

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

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

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

/************************************/
/* RECEPCION NOTIFICACIONES         */
/************************************/
.button_link{
	background: #FBF1F6;
	border: 1px solid;
	margin-top: 10px;
	text-align: center;
	padding: 1px 10px 1px 10px;
	
	/* IE Fix */
	.background: #FBF1F6 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/16x16/bookmark-new.png")					no-repeat center center;}
.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;}

.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;}


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

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

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

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

.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;
}