/* ---- GENERALES ---- */
body {
	margin: 0px;
	padding: 0px;	
	background-color:#FFF;	
}
body.done {
	margin: 0px;
	padding: 0px;	
	background-color:#F0f0f0;
	text-align: center;
}
body.done input.cerrar {
	margin-top: 150px;
}
pagination{
	/*position: absolute;*/
	                       
	background-color: #f29836;
	                       
	top:-4px;
	height: 10px;
	min-width: 442px;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	position: relative;
	text-align: right;
	/*padding-right: 400px;*/
}
pagination .td{
	background-color: #f29836;
}
table{
	/*position: absolute;*/
	top:-4px;
	height: 10px;
	min-width: 442px;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	position: relative;
	text-align: right;
	/*padding-right: 400px;*/
}
table .title{
	min-width: 78px;
	max-width: 78px;
	width: 78px;
	vertical-align: text-top;
}

table .small_cell{
	text-align: center;
	min-width: 30px;
}
table .large_cell{
	text-align: left;
	min-width: 200px;
}
table .med_cell{
	padding-left: 20px;
	left: 10px;
	border-left-width: 10px;
	text-align: left;
	min-width: 150px;
}

form {
	margin: 0;
	padding: 0;
	}
.error {
	color: #FF0000;
	}
.esq_1_1 {
	position: absolute;
	top: 0;
	left: 0;
	}
.esq_1_2 {
	position: absolute;
	top: 0;
	right: 0;
	}
.esq_2_1 {
	position: absolute;
	bottom: 0;
	left: 0;
	}
.esq_2_2 {
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
/* ---- CABECERA ---- */
.cabecera{
	clear:both;	
	height:61px;
	margin:0 auto 0 0 ;
	padding: 0 0 0 29px;
	background-image: url(../images/pxFondo_cabecera.jpg);
	background-repeat: repeat-x;		
	}
	.cabecera .titulo_cabecera{	
		width:186px;
		height:18px;
		padding:0 0 0 0;		
		margin: 15px 0 0 0;		
		background-image: url(../images/title_userportal.jpg);
		background-repeat:no-repeat;
		float:left;
		}
	.cabecera .idiomas{
		width:100px;
		float:left;
		margin: 21px 0 0 350px;
		}
		.cabecera .idiomas a{
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFE5D0;
			font-weight:bold;
			}
/* ---- MENU DEL USER PORTAL ---- */
ul.menu {
	height: 36px;
	background-image: url(../images/fondo_menu.gif);
	margin: 0;
	padding: 23px 0 0 27px;
	list-style-type: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	}
	ul.menu li.off {
		margin-right: 1px;
		background-image: url(../images/fondo_menu_off.gif);
		background-repeat: repeat-x;
		background-position: top right;
		padding: 0 14px 0 14px;
		float: left;
		height: 36px;
		position: relative;
		}
		ul.menu li.off a {
			margin-top: 10px;
			display: block;
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
			}
	ul.menu li.on {
		margin-right: 1px;
		background-image: url(../images/esq_menu_dch.gif);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #FFFFFF;
		padding: 0 14px 0 14px;
		float: left;
		height: 36px;
		position: relative;
		}
		ul.menu li.on a {
			margin-top: 10px;
			display: block;
			font-weight: bold;
			color: #7F7E7E;
			text-decoration: none;
			}

/* ---- CONTENIDO USERPORTAL ---- */

.contenedor {
	width: 590px;
	padding-left: 34px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	.contenedor h2 {
		color: #F29836;
		font-size: 22px;
		margin: 0;
		padding: 5px 0 5px 0;
		}
		.contenedor h2 img {
			vertical-align: middle;
			}
	.contenedor a {
		color: #2A6BB0;
		}
	/* Botones de log out y edicion de perfil */
	form.logout_edit {
		border-bottom: 1px solid #E1E1E3;
		width: 514px;
		padding-bottom: 9px;
		margin-bottom: 20px;
		overflow: hidden;
		}

		form.logout_edit a.logOut {
		background-image: url(../images/fondo_logout.gif);
		background-repeat: no-repeat;
		width: 138px;
		height: 16px;
		float: left;
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-weight: bold;

		}
		form.logout_edit a.editProfile {
		background-image: url(../images/fondo_editProfile.gif);
		background-repeat: no-repeat;
		width: 138px;
		height: 16px;
		float: left;
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		margin-left: 45px;		
		}
	/* Bloque de texto con fondo gris */
	
	div.texto {
		display: block;
		background-color: #F0F0F0;
		width: 464px;
		padding: 25px;
		overflow: hidden;
		position: relative;
		}
		div.texto font {
			color: #2A6BB0;
			text-decoration: underline;
			}
			
	/* Bloque de texto con fondo gris para sites*/
	
	div.texto_sites {
		display: block;
		background-color: #F0F0F0;
		width: 464px;
		padding: 20px 25px 20px 25px;
		margin-bottom: 10px;
		overflow: hidden;
		position: relative;
		color: #F29836;
		font-size: 14px;
		}
		div.texto_sites div.botones {
			margin-top: 15px;
			width: 340px;
			}
			div.texto_sites div.botones a {
				height: 23px;
				text-decoration: none;
				color: #FFF;
				background-repeat: no-repeat;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #FFF;
				height: 23px;
				display: block;
				margin: 0;
				padding: 4px 0 0 0;
				}
			div.texto_sites div.botones .detalles {
				width: 69px;
				background-image: url(../images/fondo_boton_detalles.gif);
				float: left;
				}
			div.texto_sites div.botones .nuevo_ticket {
				width: 103px;
				background-image: url(../images/fondo_nuevo_ticket.gif);
				float: right;
				}
	/* Bloque de texto con fondo gris para tickets */
	
	div.texto_tickets {
		display: block;
		background-color: #F0F0F0;
		width: 464px;
		padding: 20px 25px 20px 25px;
		margin-bottom: 10px;
		overflow: hidden;
		position: relative;
		color: #000;
		font-size: 11px;
		}
		div.texto_tickets h3 {
			color: #f29836;
			font-size: 14px;
			margin: 0 0 5px 0;
			padding: 0;
			font-weight: normal;
			}
		div.texto_tickets .campo {
			width: 225px;
			float: left;
			margin-right: 5px;
			}
		div.texto_tickets .descripcion {
			clear: both;
			}
			
		div.texto_tickets div.botones {
			clear: both;
			margin-top: 10px;
			overflow: hidden;
			}
			
			div.texto_tickets div.botones a {
				height: 23px;
				text-decoration: none;
				color: #FFF;
				background-repeat: no-repeat;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				height: 23px;
				display: block;
				margin: 0;
				padding: 4px 0 0 0;
				float: left;
				}
				div.texto_tickets div.nota {
					margin: 10px 0 0 0;
					padding: 20px;
					background-color: #FAFAFA;
					clear: both;
					}
					div.texto_tickets div.nota h3 {
						margin: 0;
						padding: 0;
						}
					div.texto_tickets div.nota div.campo {
						float: left;
						width: 200px;
						margin-right: 5px;
						padding: 0;
						}
					div.texto_tickets div.nota div.descripcion {
						clear: both;
						}
				div.texto_tickets div.botones a.vernotas {
					width: 87px;
					background-image: url(../images/fondo_boton_nuevanota.gif);
					margin-right: 34px;
					}
				div.texto_tickets div.botones a.crearnota {
					width: 87px;
					background-image: url(../images/fondo_boton_nuevanota.gif);
					margin-right: 34px;
					}
				div.texto_tickets div.botones a.cerrarticket {
					width: 103px;
					background-image: url(../images/fondo_boton_cerrarticket.gif);
					margin-right: 34px;
					}
				div.texto_tickets div.botones a.volver {
					float: right;
					width: 132px;
					background-image: url(../images/fondo_boton_volver.gif);
					}
			

		
	/* Login */
	p.texto_login {
		line-height: 20px;
		margin: 0;
		padding: 0 0 15px 0;
		overflow: hidden;
		}
	div.login {
		display: block;
		background-color: #F0F0F0;
		width: 514px;
		padding: 25px 0 25px 0;
		overflow: hidden;
		position: relative;
		}
		div.login .campo {
			margin: 0 196px 5px 0;
			text-align: right;
			}
		div.login input.txt {
			width: 150px;
			margin: 0 0 0 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
		div.login .boton_enviar {
			width: 77px;
			height: 23px;
			margin: 0 0 0 240px;
			padding: 4px 0 0 0;
			background-image: url(../images/fondo_boton_enviar.gif);
			background-repeat: no-repeat;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
			}
			div.login .boton_enviar a {
				height: 23px;
				text-decoration: none;
				color: #FFF;
				}
	/* Versiones */
	h3.version {
		width: 504px;
		height: 18px;
		border-bottom: 1px solid #0C4087;
		background-image: url(../images/fondo_h3_version.gif);
		background-repeat: repeat-x;
		color: #FFF;
		font-size: 11px;
		margin: 0;
		padding: 4px 0 0 10px;
		}
	div.version {
		width: 504px;
		padding-left: 10px;
		padding-top: 5px;
		height: 18px;
		border-bottom: 1px solid #CADBE5;
		position: relative;
		}
		div.version img {
			position: absolute;
			top: 1px;
			right: 25px;
			}
	/* Documentacion */
	table.doc {
		width: 514px;
		margin: 0 0 25px 0;
		border-spacing: 0;
		padding: 0;
		}
		table.doc img.tit {
			display: block;
			margin: 0 5px 0 5px;
			}
		table.doc th {
			background-image: url(../images/fondo_tabla_docs.gif);
			height: 26px;
			/*border-top: 1px solid #E5EEFA;*/
			border-bottom: 2px solid #376EBE;
			font-size: 14px;
			text-align: left;
			}
		table.doc td {
			height: 23px;
			border-bottom: 1px solid #E5EEFA;
			}
			table.doc td img {
				vertical-align: middle;
				}
			table.doc td a {
	
				}
			


/* ---- PIE ---- */

.contenido_pie{
	clear: both;
	width: 548px;
	float: left;
	margin: 25px 0 40px 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	}
	.contenido_pie .copyright{
		float: left;
		margin: 0;
		padding: 0 0 0 34px;
		}
	.contenido_pie .avisoLegal {
		float:right;
		margin:0;
		padding:0;
		font-size: 13px;
		}
.contenido_pie .avisoLegal a {
		color:#999;
		text-decoration: none;
		}
.contenido_pie .avisoLegal a:hover {
		text-decoration: underline;
		}
	
.pie {
	clear:both;
	margin:0;
	padding:0;
	height:100px;
	width:100%;
	background-image: url(../images/pxFondo_pie.jpg);
	background-repeat:repeat-x;
	}
/* ---- PopUp ---- */
body.popup {
	background-color: #F0F0F0;
	font-size: 11px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 25px 0 0 0;
	}
	body.popup .campo {
		padding-left: 20px;
		position: relative;
		text-align: right;
		clear: both;
		padding-right: 400px;
		height: 35px;
		}
		body.popup .campo  .txt_peq {
			font-size: 8px;
			color: #777777;
			}
	body.popup .campo_txtarea{
		padding-left: 45px;
		position: relative;
		text-align: right;
		clear: both;
		padding-right: 400px;
		height: 110px;
		}
		body.popup .campo .input_txt_largo {
			width: 365px;
			position: absolute;
			left: 115px;
			top: 0;
			font-size: 11px;
			}
		body.popup .campo_txtarea .txt_area {
			width: 365px;
			position: absolute;
			left: 115px;
			top: 0;
			height: 105px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
			body.popup .botones_ticket {
				width: 365px;
				margin-left: 114px;
				position: relative;
				}
				body.popup .botones_ticket a {
					width: 87px;
					height: 26px;
					padding: 4px 0 0 0;
					background-image: url(../images/fondo_boton_nuevanota.gif);
					background-repeat: no-repeat;
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
					display: block;
					}
					body.popup .botones_ticket a.left {
						float: left;
						}
					body.popup .botones_ticket a.right {
						float: right;
						}
/* --- versiones ext --- */

	a.volver_version {
		display: block;
		float: right;
		background-image: url(../images/fondo_boton_volver_version.gif);
		background-repeat: no-repeat;
		width: 180px;
		height: 23px;
		text-align: center;
		color: #FFF;
		padding-top: 4px;
		font-size: 14px;
		font-weight: bold;
		padding-left: 10px;
		text-decoration: none;
		margin-right: -10px;
		font-weight: bold;
		margin-top: -20px;
		}

span.version {
	font-size: 14px;
	color: #2A6BB0;
	}		
	span.version img {
		vertical-align: middle;
		}
		
.bloque_version {
	padding: 15px;
	background-color: #DADADA;
	border-bottom: 1px solid #C6C5C5;
	overflow: hidden;
	clear: both;
	}
	.bloque_version span.numero {
		color: #008AE6;
		font-weight: bold;
		}
	.bloque_version .izq {
		float: left;
		width: 125px;
		}
	.bloque_version .dch {
		float: left;
		width: 300px;
		}
/* --- detalles sitio --- */

.detalles_cabecera {
	width: 466px;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #E4E3E3;
	overflow: hidden;
	}
	.detalles_cabecera .dato {
		width: 200px;
		margin-right: 10px;
		text-align: left;
		float: left;
		}
.detalles_cuerpo {
	width: 426px;
	margin: 0 auto 0 auto;
	padding: 20px;
	border-top: 1px solid #FFF;	
	clear: both;
	overflow: hidden;
	background-color: #FAFAFA;
	}
	.detalles_cuerpo .caja {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
		}
	a.cerrar_popup {
		height: 23px;
		text-decoration: none;
		color: #FFF;
		background-repeat: no-repeat;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		height: 23px;
		display: block;
		margin: 10px 24px 0 0;
		padding: 4px 0 0 0;
		float: right;
		width: 103px;
		background-image: url(../images/fondo_boton_cerrarticket.gif);
		}
	a.cerrar_popup2 {
		text-decoration: none;
		color: #FFF;
		background-repeat: no-repeat;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		height: 26px;
		display: block;
		margin: 100px auto 0 auto;
		padding: 4px 0 0 0;
		width: 103px;
		background-image: url(../images/fondo_boton_cerrarticket.gif);
		}