/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #000;
	font: 11px Verdana, Tahoma, Arial, MS Sans Serif;
	color: #FFF;
}

div, p {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

#entrada {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	margin-top: -376px;
	margin-left: -475px;
	width: 950px;
	height: 712px;
	padding: 4px;
}

#cabecera {
	margin: 0;
	padding: 0;
	border: 0;
}

#base {
	position: relative;
	top: -2px;
	left: 0;
	width: 950px;
	height: 256px;
	background: url(images/entradaBottom.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

#text_entrada {
	position: relative;
	top: 12px;
	left: 144px;
	width: 530px;
	font: 10px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: justify;
}

#text_entrada p {
	margin-bottom: 8px;
	line-height: 1.2em;
}

#text_entrada a, #text_entrada a:link, #text_entrada a:visited {
	color: #000;
	text-decoration: none;
	padding: 0 1px;
	font-weight: bold;
}

#text_entrada a:hover {
	color: #000;
	border-bottom: 1px #000 dotted;
}

#btn_entrada {
	position: absolute;
	top: 12px;
	left: 718px;
	width: 70px;
	height: 70px;
}

#btn_entrada img {
	border: 0;
}

#extras {
	position: relative;
	top: 34px;
	left: 137px;
	width: 720px;
}

p.pie_extras {
	position: relative;
  font-size: 9px;
 	top: 78px;
 	color: #CCC;
}

#extras img {
	text-align: left;
	float: left;
	display: inline;
	margin-top: 33px;
}

#extras img.primera {
  margin-top: 0;
}

#extras a:link, #extras a:hover, #extras a:visited, #extras a:active {
	text-decoration: none;
	color: #CCC;
}

#extras a:hover {
	border-bottom: 1px #fff dotted;
}

#plugins, #pie_entrada, #pie_autor {
	position: relative;
	width: 628px;
	font-size: 9px;
}

#plugins {
	top: 38px;
	left: 834px;
	color: #666;
	width: 140px;
	text-align: left;
}

#plugins a, #plugins a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0 1px;
}

#plugins a:hover {
	color: #FFF;
	border-bottom: 1px #FFF dotted;
}

#pie_entrada {
	top: 20px;
	left: 144px;
	color: #888;
	width: 722px;
	text-align: left;
}

#pie_entrada a, #pie_entrada a:visited {
	color: #888;
	text-decoration: none;
}

#pie_entrada a:hover {
	color: #888;
	border-bottom: 1px #888 dotted;
}

#pie_autor {
	top: 30px;
	left: 100px;
	color: #888;
	width: 722px;
	text-align: center;
}

#pie_autor a, #pie_autor a:visited {
	color: #DDD;
	text-decoration: none;
}

#pie_autor a:hover {
	color: #DDD;
	border-bottom: 1px #888 dotted;
}

#creditos {
	/*position: absolute;
  top: 100%;
	margin-top: -16px;*/
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #444;
	background: #000;
	font-size: 9px;
	padding: 2px 0;
	text-align: center;
}

#creditos a, #creditos a:visited {
	color: #666;
	text-decoration: none;
}

#creditos a:hover {
	color: #666;
	border-bottom: 1px #888 dotted;
}

#contenedor {
	height: 100%;
	width: 100%;
}

#colizda {
	position: absolute;
	width: 430px;
	height: 100%;
	margin: 0;
	text-align: left;
	background: url(images/vilassarvirtual.jpg) no-repeat left top;
}

#logo {
	height: 74px;
}

#logo h1 {
  margin-left: -1000px; 
}

#mapaVilassar {
	position: absolute;
	left: 0;
	top: 95%;
	margin: 0;
	margin-top: -480px
}

#mapaVilassar object, #mapaVilassar embed {
	height: 500px;
	width: 430px;
}

#btn_pano {
	padding: 4px 0;
}

#btn_pano a, #btn_pano a:link, #btn_pano a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0 2px;
	border: 1px #DDD solid;
	background:  #666;
	margin-right: 3px;
	font-size: 10px;
}

#btn_pano a:hover {
	background:  #AAA;
}

#pano {
	position: absolute;
	left: 434px;
	width: 100%;
	height: 95%;
}

#pano object, #pano embed {
	height: 100%;
	width: 100%;
}