/* ********************************************************** *
   NORMALIZAR LOS ELEMENTOS
 * ********************************************************** */
* { 
	padding:0px;
	margin:0px;
	border: 0px;
	empty-cells: show;
	font-weight: normal;
}
div
{
	position: relative;
	width:100%;
	height: auto;
	/*top: 0px; 
	left: 0px;*/
}
html,body { height: 100%; width: 100%; }


select { text-align: left; }
option { text-align: left; }
input { text-align: left; }
th { text-align: right; }
td { text-align: left; }
li { text-align: left; }
strong,b { font-weight: bold; }


a { text-decoration: none; }
a:hover { text-decoration: underline; }

body
{
	margin: 0px;
	padding: 0px;
}
body
{
	background-color: black;
}

*
{
	color: white;
	font-family: 'Arial',Arial,sans-serif;
	font-size: 12pt;
}


div#pagina
{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div#titulo
{
	position:relative;
	top: 0px; left: 0px;
	
	width: 780px;
	
	height: 551px;
	overflow: hidden;

	margin: auto;

	background-image: url('img/portada.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	
	text-align: left;
	z-index: 2;
	
	background-color: black;
}

	div#barcelona,
	div#madrid
	{
		position: absolute;
		top: 400px;
		width: 180px;
		height: 80px;
	}
		
	div#barcelona 
	{ 
		left: 185px;
	}
	div#madrid
	{ 
		left: 435px; /* 780 - 200 - barcelona.left */
	}
		div.nombre_ciudad,
		div.nombre_ciudad_over
		{
			margin-top: 5px;
			width: auto;
			padding: 4px;
			font-size: 16pt;
			cursor: default;
			margin-bottom: 10px;
			text-align:center;
		}
		
		div.nombre_ciudad { border: 1px solid black; }
		div.nombre_ciudad_over { border: 1px solid white; }