/*---------------------------------------------------------------------------------------------------------------------------
	Logístus 2.0 - Main Cascading Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor			RSB Media SCP - http://www.rsbmedia.com
	.version		2.1
	.url				http://www.logistus.es
	.timestamp	21/10/2009 .. 00/10/2009
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
/*-----------------------------------------------------------------------------------------------------------------------------
	0.	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1.	Body
	2.	Links
	3.	Elements
	4.	Common
	5.	Home
		5.1	Home Senders
		5.2	Home Transporters
	
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	1.	Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	body {
		margin: 0;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	2.	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	a {
		text-decoration: none;
	}
		
		a:hover {
			text-decoration: underline;
		}
		
		a:active,
		a:focus {
			outline: none;
		}
		
		button::-moz-focus-inner {
			border: 0;
		}
		
		input[type="submit"]::-moz-focus-inner {
			border: 0;
		}
		
	
	/*---------------------------------------------------------------------------------------------------------------------------
	3.	Elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	/*
	D: Reset Styles :D
	*/
	div, hr,
	dl, dt, dd, 
	ul, ol, li,
	h1, h2, h3, h4, h5, h6,
	pre, form, fieldset,
	input, textarea, p,
	blockquote, th, td { 
		margin: 0;
		padding: 0;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	fieldset, img { 
		display: block;
		border: 0 none;
	}
	
	address, caption, cite, code,
	dfn, strong, em, th, var {
		font-style: normal;
		font-weight: normal;
	}
	
	ol, ul, li {
		list-style: none;
		display: block;
	}
	
	caption, th {
		text-align: left;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	
	q:before, q:after {
		content: '';
	}
	
	abbr, acronym { 
		border: 0 none;
	}


	/*---------------------------------------------------------------------------------------------------------------------------
	4.	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.clearer {
		height: 0 !important;
		overflow: hidden !important;
		display: block !important;
		clear: both !important;
	}
	
	li.clearer {
		height: 0 !important;
		overflow: hidden !important;
		display: block !important;
		float: none !important;
		clear: both !important;
	}
	
	.closeBtn {
		float: right;
		font-size: 10px;
		line-height: 18px;
		color: #666;
	}
		
		.closeBtn:hover {
			text-decoration: none;
			color: #000;
		}
		
		.closeBtn span {
			float: left;
		}
		
		.closeBtn strong {
			padding-left: 3px;
			float: right;
			font-family: Tahoma;
			font-size: 15px;
			line-height: 15px;
			font-weight: bold;
		}
	
	#main {
		min-width: 770px;
		margin: 0 auto;
		padding: 25px 20px;
	}
		
		.header {
			position: relative;
			margin-bottom: 12px;
		}
			
			.header h1 {
				float: left;
			}
				
				.header h1 a {
					width: 205px;
					height: 62px;
					display: block;
					overflow: hidden;
					background: transparent url(../images/common/logistusLogo.png) no-repeat scroll left top;
					text-indent: -900px;
				}
			
			.header .callToAction {
				float: left;
				margin: 15px 0 0 10px;
			}
			
			.header #nav {
				float: right;
				margin-top: 15px;
				color: #222;
			}
				
				.header #nav a {
					color: #777;
				}
					
					.header #nav a:hover {
						color: #444;
					}
					
					.header #nav a.active {
						text-decoration: underline;
						color: #444;
					}
			
			.header #contactForm {
				display: none;
				position: absolute;
				float: right;
				top: 35px;
				right: 0;
				padding: 12px 30px 22px 18px;
				background: #eee url(../images/common/contactFormBg.png) repeat-x scroll left bottom;
				border: 1px solid #fff;
				filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray', Positive='true');
				-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
				-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
			}
				
				#contactForm h2 {
					color: #555;
				}
				
				#contactForm form {
					margin-top: 12px;
					color: #666;
				}
					
					#contactForm form .textField {
						height: 37px;
						float: left;
						margin-top: -1px;
						padding-top: 1px;
					}
						
						#contactForm form .textField label {
							float: left;
							padding-left: 20px;
							line-height: 18px;
							font-weight: bold;
							text-align: right;
						}
							
							#contactForm form .textField label span {
								width: 10px;
								display: inline-block;
								padding: 0;
								font: bold 16px/11px Helvetica, Arial, sans-serif;
								text-align: right;
								color: #000;
							}
						
						#contactForm form .textField input {
							width: 140px;
							float: right;
							margin-left: 6px;
							padding: 1px 5px 2px;
							border: 1px solid #aaa;
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
							font: normal 12px/14px Helvetica, Arial, sans-serif;
							color: #666;
						}
						
						#contactForm form .textField .error {
							height: 14px;
							clear: both;
							margin: 0;
							padding-bottom: 3px;
							text-align: right;
							font-size: 10px;
							line-height: 14px;
							color: #f00;
						}
					
					#contactForm form .textarea {
						float: none;
						clear: both;
						margin: -1px 2px 0 20px;
						padding-top: 1px;
					}
						
						#contactForm form .textarea label {
							float: left;
							line-height: 18px;
							font-weight: bold;
							text-align: right;
						}
							
							#contactForm form .textarea label span {
								width: 10px;
								display: inline-block;
								padding: 0;
								font: bold 16px/11px Helvetica, Arial, sans-serif;
								text-align: right;
								color: #000;
							}
						
						#contactForm form .textarea textarea {
							width: 94%;
							height: 71px;
							display: block;
							float: none;
							clear: both;
							padding: 3%;
							border: 1px solid #aaa;
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
							font: normal 12px/14px Helvetica, Arial, sans-serif;
							color: #666;
						}
						
						#contactForm form .textarea .error {
							height: 14px;
							clear: both;
							margin: 0;
							padding-bottom: 3px;
							text-align: right;
							font-size: 10px;
							line-height: 14px;
							color: #f00;
						}
					
					#contactForm form .submits {
						height: 37px;
						clear: both;
					}
						
						#contactForm form .submits input {
							width: 72px;
							height: 34px;
							display: block;
							margin: 0 -3px 0 auto;
							padding: 3px;
							border: 0 none;
							background: transparent url(../images/common/contactFormSubmit.png) no-repeat scroll center top;
							text-indent: -900px;
						}
							
							#contactForm form .submits input:hover {
								background-position: center center;
							}
							
							#contactForm form .submits input:active {
								padding: 4px 3px 2px;
								background-position: center bottom;
							}
		
		
			.content #validaMailDiv {
				position: absolute;
				top: 250px;
				left: 50%;
				width: 350px;
				padding: 12px 30px 22px 18px;
				margin-left: -200px;
				background: #eee url(../images/common/contactFormBg.png) repeat-x scroll left bottom;
			}
				#validaMailDiv h2 {
					color: #555;
				}
		
			.content #rememberForm {
				display: none;
				position: absolute;
				top: 250px;
				left: 50%;
				width: 250px;
				padding: 12px 30px 22px 18px;
				margin-left: -150px;
				background: #eee url(../images/common/contactFormBg.png) repeat-x scroll left bottom;
				border: 1px solid #fff;
				filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray', Positive='true');
				-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
				-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
			}
				
				#rememberForm h2 {
					color: #555;
				}
				
				#rememberForm form {
					margin-top: 12px;
					color: #666;
				}
					
					#rememberForm form .textField {
						height: 35px;
						float: left;
						margin-top: -1px;
						padding-top: 1px;
					}
						
						#rememberForm form .textField label {
							float: left;
							padding-left: 20px;
							line-height: 18px;
							font-weight: bold;
							text-align: right;
						}
							
							#rememberForm form .textField label span {
								width: 10px;
								display: inline-block;
								padding: 0;
								font: bold 16px/11px Helvetica, Arial, sans-serif;
								text-align: right;
								color: #000;
							}
						
						#rememberForm form .textField input {
							width: 140px;
							float: right;
							margin-left: 6px;
							padding: 1px 5px 2px;
							border: 1px solid #aaa;
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
							font: normal 12px/14px Helvetica, Arial, sans-serif;
							color: #666;
						}
						
						#rememberForm form .textField .error {
							height: 14px;
							clear: both;
							margin: 0;
							padding-bottom: 3px;
							text-align: right;
							font-size: 10px;
							line-height: 14px;
							color: #f00;
						}
					
					#rememberForm form .textarea {
						float: none;
						clear: both;
						margin: -1px 2px 0 20px;
						padding-top: 1px;
					}
						
						#rememberForm form .textarea label {
							float: left;
							line-height: 18px;
							font-weight: bold;
							text-align: right;
						}
							
							#rememberForm form .textarea label span {
								width: 10px;
								display: inline-block;
								padding: 0;
								font: bold 16px/11px Helvetica, Arial, sans-serif;
								text-align: right;
								color: #000;
							}
						
						#rememberForm form .textarea textarea {
							width: 94%;
							height: 71px;
							display: block;
							float: none;
							clear: both;
							padding: 3%;
							border: 1px solid #aaa;
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
							font: normal 12px/14px Helvetica, Arial, sans-serif;
							color: #666;
						}
						
						#rememberForm form .textarea .error {
							height: 14px;
							clear: both;
							margin: 0;
							padding-bottom: 3px;
							text-align: right;
							font-size: 10px;
							line-height: 14px;
							color: #f00;
						}
					
					#rememberForm form .submits {
						height: 34px;
						clear: both;
					}
						
						#rememberForm form .submits input {
							width: 72px;
							height: 34px;
							display: block;
							margin: 0 -3px 0 auto;
							padding: 3px;
							border: 0 none;
							background: transparent url(../images/common/contactFormSubmit.png) no-repeat scroll center top;
							text-indent: -900px;
						}
							
							#rememberForm form .submits input:hover {
								background-position: center center;
							}
							
							#rememberForm form .submits input:active {
								padding: 4px 3px 2px;
								background-position: center bottom;
							}
		
		
		
		
		.content {
			width: 770px;
			overflow: hidden;
			clear: both;
			margin: 0 auto;
		}
			
			.content .senders,
			.content .transporters {
				width: 380px;
			}
			
			.content .senders {
				float: left;
				overflow: hidden;
			}
			
			.content .transporters {
				float: right;
				overflow: hidden;
			}
				
				.content .intro {
					background: transparent repeat-y scroll center top;
				}
					
					.content .intro h2 {
						width: 380px;
						height: 54px;
						overflow: hidden;
						background: transparent no-repeat scroll left top;
						text-indent: -900px;
					}
					
					.content .intro img {
						
					}
					
					.content .intro .copy {
						padding-top: 17px;
						background: transparent no-repeat scroll center top;
					}
						
						.content .intro .copy h3 {
							padding: 0 38px 4px 22px;
						}
						
						.content .intro .copy p {
							padding: 0 38px 23px;
							background: transparent no-repeat scroll center bottom;
							text-align: justify;
							line-height: 15px;
						}
				
				.content .forms {
					overflow: hidden;
					margin: 0 4px;
					padding: 13px 38px 14px;
					background: transparent repeat-x scroll center bottom;
				}
					
					.content .forms h4 {
						margin: 0 0 4px -20px;
					}
					
					.content .forms p {
						line-height: 17px;
						margin-bottom: 8px;
						text-align: justify;
					}
					
					.content .forms form {
						overflow: hidden;
					}
						
						.content .forms a.rememberPassword {
							float: right;
							margin-bottom: 3px;
							font-size: 11px;
						}
						
						.content .forms .textField {
							clear: both;
							margin-top: -1px;
							padding-top: 1px;
						}
							
							.content .forms .textField label {
								width: 140px;
								float: left;
								line-height: 18px;
								font-weight: bold;
								text-align: right;
							}
								
								.content .forms .textField label span {
									width: 10px;
									display: inline-block;
									padding: 0;
									font: bold 16px/11px Helvetica, Arial, sans-serif;
									text-align: right;
									color: #000;
								}
							
							.content .forms .textField input {
								width: 140px;
								float: right;
								padding: 1px 5px 2px;
								border: 1px solid #aaa;
								-moz-border-radius: 2px;
								-webkit-border-radius: 2px;
								background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
								font: normal 12px/14px Helvetica, Arial, sans-serif;
								color: #666;
							}
							
							.content .forms .textField .error {
								height: 14px;
								clear: both;
								margin: 0;
								padding-bottom: 3px;
								text-align: right;
								font-size: 10px;
								line-height: 14px;
								color: #f00;
							}
					
						.content .forms .textarea {
							float: none;
							clear: both;
							margin: -1px 2px 0 0;
							padding-top: 1px;
						}
							
							.content .forms .textarea label {
								float: left;
								line-height: 18px;
								font-weight: bold;
								text-align: right;
							}
								
								.content .forms .textarea label span {
									width: 10px;
									display: inline-block;
									padding: 0;
									font: bold 16px/11px Helvetica, Arial, sans-serif;
									text-align: right;
									color: #000;
								}
							
							.content .forms .textarea textarea {
								width: 94%;
								height: 71px;
								display: block;
								float: none;
								clear: both;
								padding: 3%;
								border: 1px solid #aaa;
								-moz-border-radius: 2px;
								-webkit-border-radius: 2px;
								background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
								font: normal 12px/14px Helvetica, Arial, sans-serif;
								color: #666;
							}
							
							.content .forms .textarea .error {
								height: 14px;
								clear: both;
								margin: 0;
								padding-bottom: 3px;
								text-align: right;
								font-size: 10px;
								line-height: 14px;
								color: #f00;
							}

						.content .forms .checkBox {
							clear: both;
							margin-top: -1px;
							padding-top: 1px;
						}
							
							.content .forms .checkBox label {
								float: right;
								line-height: 14px;
								font-weight: bold;
								text-align: right;
							}
								
								.content .forms .checkBox label span {
									width: 10px;
									display: inline-block;
									padding: 0;
									font: bold 16px/11px Helvetica, Arial, sans-serif;
									text-align: right;
									color: #000;
								}
							
							.content .forms .checkBox input {
								float: right;
								margin-left: 5px;
								color: #666;
							}
							
							.content .forms .checkBox .error {
								height: 14px;
								clear: both;
								margin: 0;
								padding-bottom: 3px;
								text-align: right;
								font-size: 10px;
								line-height: 14px;
								color: #f00;
							}
						
						.content .forms .select {
							clear: both;
							margin-top: -1px;
							padding-top: 1px;
						}
							
							.content .forms .select label {
								width: 140px;
								float: left;
								line-height: 18px;
								font-weight: bold;
								text-align: right;
							}
							
							.content .forms .select label span {
									width: 10px;
									display: inline-block;
									padding: 0;
									font: bold 16px/11px Helvetica, Arial, sans-serif;
									text-align: right;
									color: #000;
								}
							
							.content .forms .select select {
								width: 152px;
								height: 18px;
								float: right;
								padding: 1px;
								border: 1px solid #aaa;
								-moz-border-radius: 2px;
								-webkit-border-radius: 2px;
								background: #fff url(../images/common/formInputBg.png) repeat-x scroll left top;
								font: normal 12px/14px Helvetica, Arial, sans-serif;
								color: #666;
							}
							
							.content .forms .select .error {
								height: 14px;
								clear: both;
								margin: 0;
								padding-bottom: 3px;
								text-align: right;
								font-size: 10px;
								line-height: 14px;
								color: #f00;
							}
						
						.content .forms .submits {
							height: 47px;
							clear: both;
						}
							
							.content button {
								margin: 0 auto;
							}
							
							.content .forms .submits input {
								margin: 0 -3px 0 auto;
							}
							
							.content button,
							.content .forms .submits input {
								height: 34px;
								display: block;
								margin-bottom: 13px;
								padding: 3px;
								border: 0 none;
								background: transparent no-repeat scroll center top;
								text-indent: -900px;
							}
								
								.content button:hover,
								.content .forms .submits input:hover {
									background-position: center center;
								}
								
								.content button:active,
								.content .forms .submits input:active {
									padding: 4px 3px 2px;
									background-position: center bottom;
								}
		
		.footer {
			overflow: hidden;
			clear: both;
			margin-top: 18px;
			font-size: 11px;
		}
			
			.footer img.spacer {
				width: 100%;
				height: 1px;
				
			}
			
			.footer p.copyright {
				padding-left: 5px;
				float: left;
				line-height: 18px;
				color: #465271;
			}
			
			.footer p.developedBy {
				padding-right: 5px;
				float: right;
				line-height: 18px;
				color: #c15434;
			}
				
				.footer p.developedBy a {
					color: #c15434;
				}
					
					.footer p.developedBy a:hover {
						color: #863a24;
					}


	/*---------------------------------------------------------------------------------------------------------------------------
	5.1	Home Senders
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
			.content .senders {
				color: #6b7580;
			}
				
				.content .senders a {
					color: #404d6c;
				}
					
					.content .senders a:hover {
						color: #313a52;
					}
				
				.content .senders .intro {
					background-image: url(../images/common/sendIntroBg.png);
				}
					
					.content .senders .intro h2 {
						background-image: url(../images/common/sendIntroTitle.png);
					}
					
					.content .senders .intro .copy {
						background-image: url(../images/common/sendIntroTop.png);
					}
						
						.content .senders .intro .copy h3 {
							color: #d7e0ea;
						}
						
						.content .senders .intro .copy p {
							background-image: url(../images/common/sendIntroBottom.png);
							color: #d7e0ea;
						}
				
				.content .senders .forms {
					background-image: url(../images/common/sendFormsBg.png);
					background-color: #ecedf0;
				}
					
					.content .senders .forms h4 {
						color: #404d6c;
					}
							
							.content .senders .login button {
								width: 164px;
								background-image: url(../images/common/sendLoginBtn.png);
							}
							
							.content .senders .forms .login .submits input {
								width: 114px;
								background-image: url(../images/common/sendLoginSubmit.png);
							}
							
							.content .senders .signup button {
								width: 164px;
								background-image: url(../images/common/sendSignupBtn.png);
							}
							
							.content .senders .forms .signup .submits input {
								width: 118px;
								background-image: url(../images/common/sendSignupSubmit.png);
							}
							
							.content .senders .puntualDispatch button {
								width: 164px;
								background-image: url(../images/common/sendPuntualDispatchBtn.png);
							}
							
							.content .senders .forms .puntualDispatch .submits input {
								width: 114px;
								background-image: url(../images/common/sendPuntualDispatchSubmit.png);
							}


	/*---------------------------------------------------------------------------------------------------------------------------
	5.2	Home Transporters
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
			.content .transporters {
				color: #806f67;
			}
				
				.content .transporters a {
					color: #dc6845;
				}
					
					.content .transporters a:hover {
						color: #ab5136;
					}
				
				.content .transporters .intro {
					background-image: url(../images/common/transIntroBg.png);
				}
					
					.content .transporters .intro h2 {
						background-image: url(../images/common/transIntroTitle.png);
					}
					
					.content .transporters .intro .copy {
						background-image: url(../images/common/transIntroTop.png);
					}
						
						.content .transporters .intro .copy h3 {
							color: #ffb39c;
						}
						
						.content .transporters .intro .copy p {
							background-image: url(../images/common/transIntroBottom.png);
							color: #ffb39c;
						}
				
				.content .transporters .forms {
					background-image: url(../images/common/transFormsBg.png);
					background-color: #fbece8;
				}
					
					.content .transporters .forms h4 {
						color: #dc6845;
					}
							
							.content .transporters .login button {
								width: 164px;
								background-image: url(../images/common/transLoginBtn.png);
							}
							
							.content .transporters .forms .login .submits input {
								width: 114px;
								background-image: url(../images/common/transLoginSubmit.png);
							}
							
							.content .transporters .signup button {
								width: 164px;
								background-image: url(../images/common/transSignupBtn.png);
							}
							
							.content .transporters .forms .signup .submits input {
								width: 118px;
								background-image: url(../images/common/transSignupSubmit.png);
							}