/* ----------------------------------------------------------------------------------
	Hoja de estilos global

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com
---------------------------------------------------------------------------------- */

/* =GLOBALS
---------------------------------------------------------------------------------- */
@font-face {
	font-family: 'VegurLight';
	src: url('../fonts/vegur-light-webfont.eot');
	src: local('☺'), url('../fonts/vegur-light-webfont.woff') format('woff'), url('../fonts/vegur-light-webfont.ttf') format('truetype'), url('../fonts/vegur-light-webfont.svg#webfontvG09sSad') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VegurRegular';
	src: url('../fonts/vegur-regular-webfont.eot');
	src: local('☺'), url('../fonts/vegur-regular-webfont.woff') format('woff'), url('../fonts/vegur-regular-webfont.ttf') format('truetype'), url('../fonts/vegur-regular-webfont.svg#webfontvG09sSad') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #286caa url(../images/layout/body-bg.png) repeat-x 0 0;
	margin: 0;
	padding: 0;
}

.layout-wrapper {
	margin: 0 auto;
	width: 680px
}

hr {
	background: url(../images/layout/separator-01.png) repeat-x 0 0;
	border: 0;
	height: 2px;
	margin: 2em 0;
}

label {
	display: inline;
}

a {
	color: #6f6d6d;
	text-decoration: none;
}

a:focus, a:hover {
	color: #333;
	text-decoration: underline;
}

.radio table {
	border: 0;
	margin-bottom: 0;
	width: auto;
}

	.radio table td {
		border: 0;
	}

ul.listadoFicheros {
	border-top: 1px solid #ccc;
	margin: 0 0 1.5em 0;
	padding: 0;
}

	ul.listadoFicheros li {
		border-bottom: 1px solid #ccc;
		list-style-type: none;
		padding: 0.25em 0.5em;
		
		-webkit-box-shadow: inset 0 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 0 #fff;
		-box-shadow: inset 0 1px 0 #fff;
	}

.viafirma {
	color: #244a7f;
	font-weight: normal;
}

	.viafirma span {
		color: #df7302;
	}
	
.inputfile {
	display: block;
	position: relative;
}

.inputfile input[type="file"] {
	width: 20px !important;
}

.inputfile input.text {
	margin-right: 0;
}
	
.input-file-without-browse .inputfile .button.secondary {
	width: 1px;
	height: 1px;
	visibility: hidden;
}
	
table th {
	background: #176AA4;
	border: 1px solid #13466A;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}

table caption {
	color: #3483bc;
	font-family: "VegurLight";
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
	text-align: left;
}

table td.error,table td.fail{
	color: #8A1F11;
}

table td.successful{
	color: #3E8803;
}

dl,
dl dt:first-child,
dl dd:nth-child(2) {
	border: 0;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

dl dt {
	width: 30%;
	
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}

dl dd {
	width: 67%;
	
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}

div.messages.info {
	background: #d4ebfb url(../images/icons/sprite-01.png) no-repeat 8px -392px;
	border: 1px solid #43a4e8;
	border-bottom-color: #3583b9;
	color: #176aa4;
	font-size: 15px;
	margin: 0 auto 2em auto;
	padding-left: 40px;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: inset 0 -2px 0 #a1bfe9;
	-moz-box-shadow: inset 0 -2px 0 #a1bfe9;
	box-shadow: inset 0 -2px 0 #a1bfe9;
}

div.messages.error {
	background: #FBE3E4;
	border: 1px solid #FBC2C4;
	color: #8A1F11;
	font-size: 15px;
	margin: 0 auto 2em auto;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: inset 0 -2px 0 #EB9194;
	-moz-box-shadow: inset 0 -2px 0 #EB9194;
	box-shadow: inset 0 -2px 0 #EB9194;
}

div.messages.success {
	background: #E6EFC2 url(../images/icons/sprite-01.png) no-repeat 8px -892px;
	border: 1px solid #C6D880;
	color: #264409;
	font-size: 15px;
	margin: 0 auto 2em auto;
	padding-left: 40px;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: inset 0 -2px 0 #ABBC60;
	-moz-box-shadow: inset 0 -2px 0 #ABBC60;
	box-shadow: inset 0 -2px 0 #ABBC60;
}

p.volver {}

	p.volver a {
		background: url(../images/icons/sprite-01.png) no-repeat 0 -1094px;
		display: inline-block;
		padding: 0.25em 0;
		padding-left: 15px;
	}

/* Expand */
#content .expand-wrapper {}

	#content .expand-wrapper .expand-title {
		background: url(../images/icons/sprite-01.png) no-repeat 0 -398px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1em;
		padding: 0.5em 0 0.5em 30px;
	}
	
	#content .expand-wrapper .expand-body {}

/* =|Breadcrumbs
--------------------------------- */
p.breadcrumbs {
	color: #555;
	font-size: 11px;
	font-style: italic;
	margin: -1.5em 0.5em;
}

	p.breadcrumbs a {
		color: #555;
		font-style: normal;
		margin: 0 0.25em;
		text-decoration: none;
	}
	
	p.breadcrumbs a:focus, p.breadcrumbs a:hover {
		text-decoration: underline;
	}

/* =|Headers
--------------------------------- */


/* =|Icons
--------------------------------- */
.icon {
	display: inline-block;
	height: 16px;
	outline: none;
	text-indent: -999em;
	width: 16px;
}

a.icon-plus {
	background: url(../images/icons/sprite-01.png) no-repeat 0 -998px;
	padding-left: 16px;
}

a.icon-back {
	background: url(../images/icons/sprite-01.png) no-repeat 0 -1098px;
	padding-left: 16px;
}

/* =|Panels
--------------------------------- */
ul.panels {
	margin: 2em 0 1em 0;
	overflow: hidden;
	padding: 0;
}

	ul.panels li {
		float: left;
		list-style-type: none;
		margin: 0 1em 1em 1em;
		width: 191px;
		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	
	ul.panels.two li {
		width: 302px;
	}
	
		ul.panels li a.button.secondary {
			background-color: #ededed;
			border-color: #e4e4e4;
			display: block;
			margin-right: 0;
			text-align: center;
			text-decoration: none;
		}
		
		ul.panels li a.button.secondary:focus, ul.panels li a.button.secondary:hover {}
		
		ul.panels li a:focus>span span, ul.panels li a:hover>span span {
			background-color: #717070;
			border-color: #313131;
		}
		
			ul.panels li a>span {
				background: #dfdfdf url(../images/icons/sprite-icons-big.png) no-repeat 50% -180px;
				display: block;
				border: 1px solid #cbcbcb;
				margin-bottom: 0.2em;
				padding: 130px 0 0 0;
				
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
			}
			
			ul.panels li a:focus>span,
			ul.panels li a:hover>span {
				background-position: 50% 20px;
			}
			
			ul.panels li a>span span {
				display: block;
				background: #2675b8;
				border: 1px solid #1a5180;
				color: #fff;
				line-height: 1;
				padding: 0.5em 0.25em 0.75em 0.25em;
				text-shadow: 1px 1px 0 rgba(0,0,0,.75);
				
				-webkit-border-bottom-right-radius: 6px;
				-webkit-border-bottom-left-radius: 6px;
				-moz-border-radius-bottomright: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
			}
			
			/* Authenticate */
			ul.panels li.authenticate a>span {
				background-position:  50% -180px;
			}
			
			ul.panels li.authenticate a:focus>span, ul.panels li.authenticate a:hover>span {
				background-position:  50% 20px;
			}
			
			/* Sign */
			ul.panels li.sign a>span {
				background-position:  50% -580px;
			}
			
			ul.panels li.sign a:focus>span, ul.panels li.sign a:hover>span {
				background-position:  50% -380px;
			}
			
			/* Verify */
			ul.panels li.verify a>span {
				background-position:  50% -980px;
			}
			
			ul.panels li.verify a:focus>span, ul.panels li.verify a:hover>span {
				background-position:  50% -780px;
			}
			
			/* File */
			ul.panels li.file a>span {
				background-position:  50% -1380px;
			}
			
			ul.panels li.file a:focus>span, ul.panels li.file a:hover>span {
				background-position:  50% -1180px;
			}
			
			/* Batch */
			ul.panels li.batch a>span {
				background-position:  50% -1780px;
			}
			
			ul.panels li.batch a:focus>span, ul.panels li.batch a:hover>span {
				background-position:  50% -1580px;
			}
			
			/* Single user */
			ul.panels li.singleuser a>span {
				background-position:  50% -2180px;
			}
			
			ul.panels li.singleuser a:focus>span, ul.panels li.singleuser a:hover>span {
				background-position:  50% -1980px;
			}
			
			/* Multi user */
			ul.panels li.multiuser a>span {
				background-position:  50% -2580px;
			}
			
			ul.panels li.multiuser a:focus>span, ul.panels li.multiuser a:hover>span {
				background-position:  50% -2380px;
			}
			
			/* Key 1 */
			ul.panels li.key1 a>span {
				background-position:  50% -2980px;
			}
			
			ul.panels li.key1 a:focus>span, ul.panels li.key1 a:hover>span {
				background-position:  50% -2780px;
			}
			
			/* Key 2 */
			ul.panels li.key2 a>span {
				background-position:  50% -3380px;
			}
			
			ul.panels li.key2 a:focus>span, ul.panels li.key2 a:hover>span {
				background-position:  50% -3180px;
			}
			
			/* Tick */
			ul.panels li.tick a>span {
				background-position:  50% -3780px;
			}
			
			ul.panels li.tick a:focus>span, ul.panels li.tick a:hover>span {
				background-position:  50% -3580px;
			}
			
			/* Lock */
			ul.panels li.lock a>span {
				background-position:  50% -4180px;
			}
			
			ul.panels li.lock a:focus>span, ul.panels li.lock a:hover>span {
				background-position:  50% -3980px;
			}
			
			/* Question */
			ul.panels li.question a>span {
				background-position:  50% -4580px;
			}
			
			ul.panels li.question a:focus>span, ul.panels li.question a:hover>span {
				background-position:  50% -4380px;
			}

/* =|Boxes
--------------------------------- */
div.box.box-01 {
	background: #ececec;
	border: 1px solid #cccdcd;
	border-bottom-color: #757676;
	border-top-color: #d9dada;
	margin-bottom: 1.5em;
	margin-right: 1em;
	margin-top: 1.5em;
	padding: 0.85em 0.95em;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 -4px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
}

div.box.box-02 {
	background: #f3f3f3;
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	margin-right: 1em;
	margin-top: 1.5em;
	padding: 0.85em 0.95em;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.box.box-03 {
	background: #f3f3f3;
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	margin-right: 1em;
	margin-top: 1.5em;
	padding: 0.85em 0.95em;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	#content div.box.box-03 .box-title {
		background: url(../images/layout/separator-01.png) repeat-x 0 100%;
		margin-left: 0.5em;
		margin-right: 0.5em;
		padding: 0.15em 0;
	}

	div.box.box-03 ul.panels {
		margin: 0;
		padding: 0.25em 0;
	}
	
	div.box.box-03 ul.panels li {
		width: 129px;
	}
	
		div.box.box-03 .button, div.box.box-03 input.button, div.box.box-03 a.button {
			padding: 0.35em;
		}
		
		div.box.box-03 .button:focus, div.box.box-03 input.button:focus, div.box.box-03 a.button:focus,
		div.box.box-03 .button:hover, div.box.box-03 input.button:hover, div.box.box-03 a.button:hover {
			margin: 0;
			padding: 0.35em;
			position: relative;
			bottom: -0.15em;
		}

/* =|Inputs
--------------------------------- */
select.text,
textarea.text,
input.text {
	background: #fff;
	border: 1px solid #cbcbcb;
	border-bottom-color: #a1a1a1;
	border-top-color: #d8d8d8;
	color: #666;
	display: inline-block;
	margin-right: 1em;
	margin-top: 0.25em;
	padding: 0.85em 0.95em;
	width: 70%;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 0 4px 0 rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 4px 0 rgba(0,0,0,.05);
	box-shadow: inset 0 4px 0 rgba(0,0,0,.05);
}

select.text {
	width: auto;
}

/* =|Buttons
--------------------------------- */
.button,
input.button,
a.button {
	background: #2675b8;
	border: 1px solid #2571b2;
	border-bottom-color: #154166;
	border-top-color: #4588c2;
	color: #fff;
	display: inline-block;
	margin-right: 1em;
	padding: 0.85em 0.95em;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 -4px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.1);
}

.button:focus, .button:hover,
input.button:focus, input.button:hover,
a.button:focus, a.button:hover {
	margin-top: 0.3em;
	padding-bottom: 0.6em;
	padding-top: 0.8em;
	
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.35);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.35);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.35);
}

.button:active,
input.button:active,
a.button:active {
	border-bottom-color: #2571b2;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Secondary */
.button.secondary,
input.button.secondary,
a.button.secondary {
	background-color: #d3d4d4;
	border-color: #cccdcd;
	border-bottom-color: #757676;
	border-top-color: #d9dada;
	color: #333333;
	text-shadow: 1px 1px 0 rgba(255,255,255,.85);
}

.button.secondary:focus, .button.secondary:hover,
input.button.secondary:focus, input.button.secondary:hover,
a.button.secondary:focus, a.button.secondary:hover {
	
}

.button.secondary:active,
input.button.secondary:active,
a.button.secondary:active {
	border-bottom-color: #cccdcd;
}

/* Disabled */
.button.disabled,
input.button.disabled,
a.button.disabled{
	font-style: italic;
	color: #aaa;
	box-shadow:none;	
}

.button.disabled:focus, .button.disabled:hover,
input.button.disabled:focus, input.button.disabled:hover,
a.button.disabled:focus, a.button.disabled:hover { 
	margin-right: 1em;
	padding: 0.85em 0.95em;
	margin-top: 0em;
}

.button.disabled:active,
input.button.disabled:active,
a.button.disabled:active { 
	
}

/* Accept */
.button.accept,
input.button.accept,
a.button.accept {
	background-color: #6cbe3f;
	border-color: #4b842b;
	border-bottom-color: #3c6923;
	border-top-color: #679a4b;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	
	background-image: url(../images/icons/sprite-01.png);
	background-position: 8px -892px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.button.accept:focus, .button.accept:hover,
input.button.accept:focus, input.button.accept:hover,
a.button.accept:focus, a.button.accept:hover {
	
}

.button.accept:active,
input.button.accept:active,
a.button.accept:active {
	border-bottom-color: #3c6923;
}

/* Flat */
.button.flat,
input.button.flat,
a.button.flat {
	
}

.button.flat:focus, .button.flat:hover,
input.button.flat:focus, input.button.flat:hover,
a.button.flat:focus, a.button.flat:hover {
	margin-top: 0;
	padding: 0.85em 0.95em;
	position: relative;
	top: 1px;
}

.button.flat:active,
input.button.flat:active,
a.button.flat:active {
	
}

/* Remove */
.button.remove,
input.button.remove,
a.button.remove {
	background: none;
	border: 0;
	color: #A41717;
	font-size: 11px;
	padding: 0.25em 0.5em;
	margin: 0 0.5em;
	text-shadow: 1px 1px 0 #fff;
	text-transform: lowercase;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.button.remove:focus, .button.remove:hover,
input.button.remove:focus, input.button.remove:hover,
a.button.remove:focus, a.button.remove:hover {
	background: #E6E6E6;
}

.button.remove:active,
input.button.remove:active,
a.button.remove:active {
	
}



/* =HEADER
---------------------------------------------------------------------------------- */
#header {
	height: 170px
}

	#header h1 {
		background: url(../images/content/logo.png) no-repeat 0 0;
		height: 99px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		top: 33px;
		width: 308px;
	}
	
		#header h1 a {
			display: block;
			height: 100%;
			text-indent: -999em;
			width: 100%;
		}


/* =NAV
---------------------------------------------------------------------------------- */
#nav {
	background: #F7F7F7;
	padding: 2em 0 1px 0;
}

	#nav ul {
		background: #ececec;
		border: 1px solid #cccccc;
		margin: 0;
		overflow: hidden;
		padding: 1.15em 1em 0.75em 1em;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), 2px 2px 0 #fff;
		-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), 2px 2px 0 #fff;
		box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), 2px 2px 0 #fff;
	}
	
		#nav ul li {
			float: left;
			list-style-type: none;
		}
				
		/* Icons */
		#nav ul li a {
			background-image: url(../images/icons/sprite-01.png);
			background-position: 0 -100px;
			background-repeat: no-repeat;
			padding-left: 35px;
		}
		
		/* Home */	
		#nav ul li.home a.button.secondary,
		#nav ul li.home a {
			background-position: 10px 9px;
			padding-left: 25px;
		}
		
		#nav ul li.home a.button,
		#nav ul li.home a.button:focus, #nav ul li.home a.button:hover {
			background-position: 10px -791px;
		}
		
		/* Authenticate */	
		#nav ul li.authenticate a.button.secondary,
		#nav ul li.authenticate a {
			background-position: 11px -91px;
		}
		
		#nav ul li.authenticate a.button,
		#nav ul li.authenticate a.button:focus, #nav ul li.authenticate a.button:hover {
			background-position: 11px -491px;
		}
		
		/* Sign */	
		#nav ul li.sign a.button.secondary,
		#nav ul li.sign a {
			background-position: 11px -193px;
		}
		
		#nav ul li.sign a.button,
		#nav ul li.sign a.button:focus, #nav ul li.sign a.button:hover {
			background-position: 11px -593px;
		}
		
		/* Verify */	
		#nav ul li.verify a.button.secondary,
		#nav ul li.verify a {
			background-position: 11px -291px;
		}
		
		#nav ul li.verify a.button,
		#nav ul li.verify a.button:focus, #nav ul li.verify a.button:hover {
			background-position: 11px -691px;
		}

/* =CONTENT
---------------------------------------------------------------------------------- */
#content {
	background: #F7F7F7 url(../images/layout/separator-01.png) repeat-x 0 100%;
	padding: 0 0 2em 0;
	text-shadow: 1px 1px 1px rgba(255,255,255,.75);
}

	#content .layout-wrapper {
		width: 660px;
	}
	
	#content h2.title {
		color: #3483bc;
		font-family: "VegurLight";
		font-size: 3.538em;
		font-weight: normal;
		line-height: 0.8;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	
		#content h2.title em {
			display: block;
			font-size: 0.7em;
			font-style: normal;
			line-height: 1;
		}
		
	#content h2 {
		color: #3483bc;
		font-family: "VegurLight";
		font-size: 2.538em;
		font-weight: normal;
		line-height: 0.8;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
		
	#content h3 {
		color: #3483bc;
		font-family: "VegurLight";
		font-size: 2em;
		font-weight: normal;
		line-height: 1em;
		margin: 1.5em 0 0.5em 0;
		padding: 0;
	}
	
	#content .box h3 {
		margin-top: 0;
	}


/* =ASIDE
---------------------------------------------------------------------------------- */
#aside {
	background: #ececec url(../images/layout/aside-bg.png) repeat-x 0 100%;
	padding: 2em 0;
}

/* =HELP
---------------------------------------------------------------------------------- */
#help {
	background: #d4ebfb;
	border: 1px solid #43a4e8;
	border-bottom-color: #3583b9;
	color: #176aa4;
	font-size: 15px;
	margin: 0 auto 2em auto;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
	width: 605px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: inset 0 -2px 0 #a1bfe9;
	-moz-box-shadow: inset 0 -2px 0 #a1bfe9;
	box-shadow: inset 0 -2px 0 #a1bfe9;
}

#help .layout-wrapper {
	margin: 1.25em 1.5em;
	width: auto;
}

	#help a {
		color: #176aa4;
		font-weight: bold;
	}

	#help h2 {
		background: url(../images/layout/separator-02.png) repeat-x 0 100%;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 1em;
		padding-bottom: 0.25em;
	}
	
		#help h2 span {
			background: url(../images/icons/sprite-01.png) no-repeat 0 -398px;
			display: block;
			padding: 0.15em 0 0.15em 29px;
		}
	
	#help h3 {
		font-size: 15px;
		font-weight: normal;
		margin-bottom: 1em;
	}


/* =FOOTER
---------------------------------------------------------------------------------- */
#footer {
	color: #666666;
	font-size: 11px;
	margin-top: 2em;
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}

	#footer .layout-wrapper {
		background: url(../images/layout/separator-01.png) repeat-x 0 0;
		overflow: hidden;
		padding: 1em 0;
	}

	#footer a {
		color: #666666;
		text-decoration: none;
	}
	
	#footer a:focus, #footer a:hover {
		text-decoration: underline;
	}

	#footer ul {
		float: left;
		margin: 0 0 0 2em;
	}
		
		#footer ul li {
			float: left;
			list-style-type: none;
			margin-right: 0.75em;
		}
		
			#footer ul li a {
				background: #e6e6e6;
				border: 1px solid #e4e4e4;
				border-bottom-color: #c9c9c9;
				border-top-color: #e8e8e8;
				color: #c7c7c7;
				padding: 0.35em 0.5em;
				
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
			#footer ul li a:focus, #footer ul li a:hover,
			#footer ul li a.current {
				background: #d9d8d8;
				border: 1px solid #d1d0d0;
				border-bottom-color: #797878;
				border-top-color: #dedede;
				color: #333;
				text-decoration: none;
			}
			
			#footer ul li a.current {
				font-weight: bold;
			}
	
	#footer p {
		background: #e4e3e3;
		float: right;
		margin: 0 2em 0 0;
		padding: 0.35em 0.5em;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

a.firmarEjemplo, a.firmarEjemplo:VISITED{
	color: #023D6C;
	background: transparent url(../images/icons/arrow-right.png) 0 50% no-repeat;
	padding: 3px 0 3px 25px;
}

a.firmarEjemplo:FOCUS, a.firmarEjemplo:hover, a.firmarEjemplo:ACTIVE{
	color:#176AA4;
	text-decoration: none;
}



/* =INTERNET-EXPLORER
---------------------------------------------------------------------------------- */
.ie .button, .ie input.button, .ie a.button {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.ie ul.panels li a > span span {
	padding-left: 0.5em;
	padding-right: 0.5em;
}


/* =RESPONSIVE
---------------------------------------------------------------------------------- */

@media all and (max-width: 695px) {
	#content .layout-wrapper,
	.layout-wrapper {
		width: 92%;
	}
	
	#header {
		height: 120px;
	}
	
	#help .layout-wrapper {
		width: auto;
	}
	
	#help {
		width: 92%;
		font-size: 1em;
	}
	
	#header h1 {
		background: url(../images/content/logo-iphone.png) no-repeat 0 0;
		height: 72px;
		top: 27px;
		width: 228px;
	}
	
	div.box.box-02 .col {
		float: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.button, input.button, a.button {
		display: block;
		margin: 0 auto 1em auto;
		width: 85%;
	}
	
	dl,
	dl dt,
	dl dd {
		float: none;
		width: auto;
		border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	dl dt:first-child,
	dl dt {
		border-top: 1px solid #ddd;
		padding: 0.5em 0 0 0;
	}
	
	dl dd {
		padding-left: 1em;
	}
	
	ul.panels.two li {
		float: none;
		margin: 0 auto 2em auto;
		width: 80%;
	}
		
		ul.panels li a > span {
			background-position: 50% -194px;
			padding-top: 96px;
		}
		
		ul.panels li a:hover > span {
			background-position: 50% 5px;
		}
		
		/* Authenticate */
			ul.panels li.authenticate a>span {
				background-position:  50% 5px;
			}
			
			ul.panels li.authenticate a:focus>span, ul.panels li.authenticate a:hover>span {
				background-position:  50% -195px;
			}
			
			/* Sign */
			ul.panels li.sign a>span {
				background-position:  50% -395px;
			}
			
			ul.panels li.sign a:focus>span, ul.panels li.sign a:hover>span {
				background-position:  50% -595px;
			}
			
			/* Verify */
			ul.panels li.verify a>span {
				background-position:  50% -795px;
			}
			
			ul.panels li.verify a:focus>span, ul.panels li.verify a:hover>span {
				background-position:  50% -995px;
			}
			
			/* File */
			ul.panels li.file a>span {
				background-position:  50% -1195px;
			}
			
			ul.panels li.file a:focus>span, ul.panels li.file a:hover>span {
				background-position:  50% -1395px;
			}
			
			/* Batch */
			ul.panels li.batch a>span {
				background-position:  50% -1595px;
			}
			
			ul.panels li.batch a:focus>span, ul.panels li.batch a:hover>span {
				background-position:  50% -1795px;
			}
			
			/* Single user */
			ul.panels li.singleuser a>span {
				background-position:  50% -1995px;
			}
			
			ul.panels li.singleuser a:focus>span, ul.panels li.singleuser a:hover>span {
				background-position:  50% -2195px;
			}
			
			/* Multi user */
			ul.panels li.multiuser a>span {
				background-position:  50% -2395px;
			}
			
			ul.panels li.multiuser a:focus>span, ul.panels li.multiuser a:hover>span {
				background-position:  50% -2595px;
			}
			
			/* Key 1 */
			ul.panels li.key1 a>span {
				background-position:  50% -2795px;
			}
			
			ul.panels li.key1 a:focus>span, ul.panels li.key1 a:hover>span {
				background-position:  50% -2995px;
			}
			
			/* Key 2 */
			ul.panels li.key2 a>span {
				background-position:  50% -3195px;
			}
			
			ul.panels li.key2 a:focus>span, ul.panels li.key2 a:hover>span {
				background-position:  50% -3395px;
			}
			
			/* Tick */
			ul.panels li.tick a>span {
				background-position:  50% -3595px;
			}
			
			ul.panels li.tick a:focus>span, ul.panels li.tick a:hover>span {
				background-position:  50% -3795px;
			}
			
			/* Lock */
			ul.panels li.lock a>span {
				background-position:  50% -3995px;
			}
			
			ul.panels li.lock a:focus>span, ul.panels li.lock a:hover>span {
				background-position:  50% -4195px;
			}
			
			/* Question */
			ul.panels li.question a>span {
				background-position:  50% -4395px;
			}
			
			ul.panels li.question a:focus>span, ul.panels li.question a:hover>span {
				background-position:  50% -4595px;
			}
		
	#nav {
		display: none;
		padding-bottom: 0;
	}
	
	#nav ul li.home {
		display: none;
	}
	
	#nav ul li {
		float: none;
		margin: 0;
		margin-bottom: 1em;
		width: 100%;
	}
	
		#nav ul li a {
			display: block;
			margin-right: 0.5em;
		}
		
	#content {
		padding-bottom: 1px;
		padding-top: 1.5em;
	}

	#content h2.title,
	#content h2 {
		font-size: 2.2em;
		line-height: 1;
	}
	
		#content h2.title em {
			display: inline;
		}
}

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