﻿/* CSS Document */
body {
	margin: 0px;
	font-family: arial;
	background-color: black;
	padding: 0px;
	color: white;
}
	body.error a {
		color: yellow;
	}

	div#luz {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;

		background: -webkit-radial-gradient(0% 25%, farthest-side, #455, #555044, #233); /* Safari */
		background: -o-radial-gradient(0% 25%, farthest-side, #455, #555044, #233); /* Opera 11.6 to 12.0 */
		background: -moz-radial-gradient(0% 25%, farthest-side, #455, #555044, #233); /* Firefox 3.6 to 15 */
		background: radial-gradient(farthest-side at 0% 25%, #455, #555044, #233); /* Standard syntax */	
		
	    box-shadow: -60px -60px 200px black inset;
	}

	
	div#botones {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 98.5%;
		z-index: 100;
		margin: 10px;
		vertical-align: top;
	}
		div#botones a {
			text-decoration: none;
		}
			div#botones a.izda {
				float: left;
			}
			div#botones a.dcha {
				float: right;
			}
		div#botones img {
			height: 50px;
			transition: 1s;
			vertical-align: top;
		}
			div#botones img:hover {
				height: 70px;
			}

		div#botones div.mensaje {
			display: none;
			position: absolute;
			border: solid 3px black;
			box-shadow: 0px 0px 20px grey;
			background-color: white;
			color: black;
			padding: 15px;
			border-radius: 20px 0px 20px 20px;
			font-size: 20px;
			margin-top: 5px;
			text-align: right;
			cursor: crosshair;
		}
		
.flota {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
}
	.flota.tapa {
		background-color: black;
		opacity: 0.7;
	}
