/*

	(c) Negonation Platform S.L. All rights reserved.
	
	
	*/
	


body {
	background: #444;
	_background: #4b4b4b;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}


div#header {
	background: #444 url(background-header.png) repeat-x bottom;
	border-bottom: 1px solid #494949;
	_border-bottom: 1px solid #494949;
	_background: #4b4b4b;
}

	
	div#header div.header-content {
		width: 770px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	
	
	div#header div.header-content h1 {
		margin: 36px auto 0 auto;
		width: 180px;
		height: 56px;
		background: url(negonation-logo.png) no-repeat;
		_background: url(negonation-logo-ie.png) no-repeat;
		text-indent: -20000px;
	}
	
	div#header div.header-content ul {
		width: 500px;
		float: left;
		list-style: none;
		font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
		padding: 0;
		margin: 80px 0 0 0;
	}
	
	
		div#header div.header-content ul li {
			display: inline;
			font-size: 16px;
			padding-right: 15px;
		}
		
			div#header div.header-content ul li a:link, div#header div.header-content ul li a:visited, div#header div.header-content ul li a:active {
				color: #fff;
				text-decoration: none;
			}
			
			div#header div.header-content ul li a:hover {
				color: #cf0;
				text-decoration: none;
			}
	
	
	div.clear {
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	div#middle-top-back {
		background: #333 url(background-middle-top.png) repeat-x top;
		_background: #333;
	}
	
	div#middle-bottom-back {
		background: url(background-middle-bottom.png) repeat-x bottom;
		_background: none;
	}
	
	div#content {
		padding: 100px;
		width: 775px;
		margin: 0 auto;
		padding: 25px 0;
	}
	
	
	
		div#tour-images {
			text-align: center;
			color: #fff;
			width: 390px;
			float: left;
		}
		
		div#tour-images img {
			width: 390px;
			height: 369px;
			display: block;
		}
		
			div#tour-images h3 {
				font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
				font-weight: normal;
				margin: 0;
			}
			
			
			div#tour-images p {
				font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
				font-weight: normal;
				margin: 0;
			}
			
			div#tour-images p big {
				font-size: 1.7em;
				vertical-align: middle;
				color: #cf0;
			}
			
			
				div#tour-images p a {
					text-decoration: none;
				}
				
				
					div#tour-images p a:link, div#tour-images p a:visited, div#tour-images p a:active {
						color: #fff;
					}
					
					div#tour-images p a:hover {
						color: #cf0;
					}
					
					
					
					
					
					
					
					
					
					div#mini-content {
						text-align: center;
					}
					
					
						div#mini-content a:link, div#mini-content a:visited, div#mini-content a:active {
							color: #cf0;
						}
						
						div#mini-content a:hover {
							color: #fff;
						}
					
	
					div#mini-content h2 {
						color: #fff;
						font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
						font-weight: normal;
						font-size: 28px;
						margin: 3px 0;
					}
					
					div#mini-content p, div#mini-content ol li  {
						font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
						font-weight: normal;
						font-size: 14px;
						line-height: 17px;
						color: #999;
					}
					
					div#mini-content ol li {
						margin-bottom: 5px;
					}
					
					div#mini-content p big {
						font-size: 18px;
						display: block;
					}
					
					div#mini-content p small {
						color: #fff;
					}
					
					div#mini-content p small a:link, div#mini-content p small a:visited, div#mini-content p small a:active {
						color: #cf0;
					}
	
	
	
	
					/* alertas */


					div.sombras {
						background: url(/images/costado-error.png) no-repeat top right;
					}

					div.fondo-error {
						background: url(/images/fondo-error.png) no-repeat;
					}


					/* tipos de flash box disponibles */


					div.importance {
						background: #B1DE65 url(important.png) no-repeat 5px 5px;
						border: 1px solid #333F02;
						}

						div.importance h4, div.notice h4, div.mail, div.saved, div.mailed {
							color: #333 !important;
						}

					div.notice {
						background: #B1DE65 url(notice.png) no-repeat 5px 5px;
						}

					div.error {
						background: #F14545 url(error.png) no-repeat 5px 5px;
						}

					div.warning {
						background: #F1AC45 url(warning.png) no-repeat 5px 5px;
						}

					div.lock {
						background: #666 url(lock.png) no-repeat 5px 5px;
						}

					div.trash {
						background: #B1DE65 url(trash-full.png) no-repeat 5px 2px;
						}

					div.mailed {
						background: #B1DE65 url(lists-mail.png) no-repeat 5px 5px;
						}

					div.saved {
						background: #B1DE65 url(saved.png) no-repeat 5px 2px;
						}




					/* ------------ modal error ------------- */


					div.modal_error {
						background: #666 url(error_small.png) no-repeat 5px 2px;
						color: #eee;
						}

					div.modal_error h4 {
						color: #fff;
						}	







					/* --------- Flashbox (alerts)   --------------- */

						div.flashBox h4 {
							color: #000;
							font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
							}

							div.flashBox p {
								color: #333;
								font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
								}

							div.flashBox ol {
								color: #eee;
								}


							div.flashBox a:link, div.flashBox a:visited, div.flashBox a:active {
								color: #cf0;
								}

								div.flashBox a:hover {
									color: #fff;
									}
	
	
	
									/* alert */


										div.flashBox {
											padding: 12px 0 12px 10px;
											margin-right: 6px;
										}

											div.sombras {
												background: url(/images/costado-error.png) no-repeat top right;
											}

											div.fondo-error {
												padding-bottom: 6px;
												*height: 6px;
												background: url(/images/fondo-error.png) no-repeat;
											}


										/* esto es lo nuevo */

										div.flashcontainer {
											width: 349px;
											margin: 50px -173px 0 -173px;
											top: 0;
											left: 50%;
											position: fixed;
											_position: absolute;
											z-index: 15000;
										}


										div.flashBox h4 {
											font-weight: normal;
											font-size: .9em;
											margin: 0px 0px 0 35px;
											}

											div.flashBox p {
												margin: 0px 15px 0 35px;
												font-size: .7em;
												}

											div.flashBox ol {
												font-size: .8em;
												margin: 10px 15px 0 70px;
												}












												div.none {
													display: none;
												}










	
	
	
	
					/* footer */
					
					div#footer {
						background: url(background-footer.png) repeat-x top;
						border-top: 1px solid #494949;
						_border-top: 1px solid #555;
						_background: none;
					}
					
						div#footer div {
							width: 770px;
							margin: 0 auto;
							padding: 25px 0;
							
						}
						
						
						div#footer div img {
							float: left;
							display: block;
							width: 129px;
						}
						
						
						div#footer div p {
							font-size: .7em;
							font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
							color: #fff;
							margin: 0;
							text-align: center;
						}
						
						div#footer div p a:link, div#footer div p a:visited, div#footer div p a:active {
							color: #cf0;
							text-decoration: none;
						}
						
						div#footer div p a:hover {
							color: #fff;
							text-decoration: none;
						}
						
						
						
						
						
						
						
						
						
						
						
						
						div#statusquo {
							background: #b1de65;
							width: 390px;
							float: left;
							-moz-border-radius: .8em;
							border-radius: .8em;
							margin: 10px 5px;
						}
						
						
							div#statusquo .padding {
								padding: 15px;
							}
							
							
							
							
							
							/* form */
							
							div.login-sheet {
								background: #fff;
								padding: 15px;
								_border: 1px solid #fff;
							}
							
								div.login-sheet h3 {
									font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									font-weight: normal;
									font-size: 24px;
									color: #222;
									margin: 0 0 0 0;
								}
								
								
									div.login-sheet label {
										display: block;
										font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
										font-weight: normal;
										font-size: 1em;
										color: #690;
										margin-top: 15px;
									}
									
									
									div.login-sheet label input {
										display: block;
										font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
										font-weight: normal;
										font-size: 1em;
										color: #333;
										width: 300px;
									}
									
										div.login-sheet p {
											font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
											font-weight: normal;
											font-size: .9em;
											color: #555;
										}
										
										
										div.login-sheet a:link, div.login-sheet a:visited, div.login-sheet a:active {
											color: #36c;
										}
										
										div.login-sheet a:hover {
											color: #690;
										}
										
										
										
										
										
										
								div.shadow-right {
									background: url(/images/right.png) repeat-y right;
									_background: url(/images/right-ok.png) right top repeat-y;
									padding-right: 7px;
								}
								
								
								div.shadow-footer {
									background: url(/images/fondo.png) no-repeat right top;
									_background: url(/images/fondo-ok.png) no-repeat right top;
									height: 10px;
								}
								
								
								
								
								
								div#textpage {
									padding-left: 5px;
								}
								
								
								
								div#textpage h2 {
									color: #fff;
									font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									font-weight: normal;
									font-size: 28px;
									margin: 0 0;
								}
								
								div#textpage h3 {
									color: #999;
									font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									font-weight: normal;
									font-size: 20px;
									margin: 0 0 20px 0;
								}
								
								
								div#textpage h4 {
									color: #fff;
									font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									font-weight: normal;
									font-size: 18px;
									margin: 40px 0 10px 0;
								}
								
								
								div#textpage p {
									color: #ccc;
									font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									font-size: 1em;
									line-height: 1.3em;
								}
								
								
								div#textpage ol {
									color: #fff;
									font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									font-size: .9em;
								}
								
									
									div#textpage ol li {
										padding-bottom: 5px;
									}
								
								
									div#textpage ol li h5 {
										margin: 0;
										color: #cf0;
										font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
										font-size: 1.1em;
									}
								
								
								
									div#textpage a:link, div#textpage a:visited, div#textpage a:active {
										color: #cf0;
									}
									
									div#textpage a:hover {
										color: #fff;
									}
								
								
								
								
								
								
								
								
								
								div.register {
									background: #222;
									padding: 10px 20px;
									margin-bottom: 30px;
									border-radius: .8em;
									-moz-border-radius: .8em;
								}
								
									div.register h2 {
										color: #cf0;
										text-align: center;
										font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
										font-weight: normal;
										font-size: 1.7em;
										margin: 0;
									}
									
									
								
								
									div.register p {
										color: #fff;
										text-align: center;
										font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
										font-size: 1.1em;
										margin: 0;
									}
									
									
									div.register a:link, div.register a:visited, div.register a:active {
										color: #cf0;
									}
									
									div.register a:hover {
										color: #fff;
									}
								
								
								
								
								
								
								
									p.pad {
										padding-bottom: 30px;
										_padding-bottom: 0px;
									}
						
						
						
						
						
						
									/* tabla de planes */

									table.tabla-planes {
										background: #fff;
										width: 100%;
										border-left: 1px solid #eee;
										border-right: 1px solid #999;
										border-bottom: 1px solid #999;
										font-family: "lucida Grande", "Trebuchet MS", Arial, sans-serif;
									}

										table.tabla-planes thead tr th {
											font-size: .7em;
											color: #000;
											padding: 4px;
											text-transform: uppercase;
											vertical-align: top;
											background: #f9f9f9;
										}

										table.tabla-planes thead tr td {
											vertical-align: top;
										}

										table.tabla-planes thead tr td big {
											font-size: 1em;
											color: #000;
											display: block;
											text-align: center;
										}


											table.tabla-planes thead tr td small {
												color: #690;
												display: block;
												text-align: center;
											}


											/* primer input de la tabla planes */

											table.tabla-planes thead tr td input {
												display: block;
												margin: 5px auto;
												font-size: .7em;
											}




											/* cuerpo de la tabla */


											table.tabla-planes tbody tr th {
												text-align: right;
												font-size: .7em;
												color: #222;
												padding: 4px;
												border-top: 1px solid #ccc;
												vertical-align: top;
												background: #f9f9f9;
											}


												.thead-right {
													text-align: right;
												}

												table.tabla-planes tbody tr td {
													text-align: center;
													font-size: .7em;
													padding: 4px;
													border-top: 1px solid #ccc;
													color: #666;
													vertical-align: top;
												}

													table.tabla-planes tbody tr td small, table.tabla-planes tbody tr th small {
														color: #000;
														display: block;
														font-weight: normal;
													}

												.nowrap {
													white-space: nowrap;
												}


												/* estilos complementarios de esta tabla */


												table.tabla-planes .plan-1-head {
													color: #fff;
													background: #B1DE65;
													border-left: 1px solid #95BB55;
													border-top: 1px solid #C2D89E;
													border-bottom: 1px solid #fff;
												}


													.plan-1 {
														background: #F7FFE8;
														border-left: 1px solid #95BB55;
													}


												table.tabla-planes .plan-2-head {
														color: #fff;
														background: #E9E45A;
														border-left: 1px solid #C0BB4A;
														border-top: 1px solid #F5F3B4;
														border-bottom: 1px solid #fff;
													}


														.plan-2 {
															background: #FFFDD8;
															border-left: 1px solid #C0BB4A;
														}


												 	table.tabla-planes  .plan-3-head {
															background: #d2d2d2;
															border-left: 1px solid #999;
															border-top: 1px solid #f2f2f2;
															border-bottom: 1px solid #fff;
														}


															.plan-3 {
																background: #f9f9f9;
																border-left: 1px solid #999;
															}



															.whitecell {
																border-top: 1px solid #eee;
																border-bottom: 1px solid #eee;
															}


															.choose {
																text-transform:	none;
															}