body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #031d50;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.destacado {
	font-weight: bold;
	font-size: 12px;
}

.fecha {
	font-size: 12px;
	font-weight: bold;
	color: #162A43;
}

.fecha2 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

#content {
	position: absolute;
	height: 480px;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	top: 10px;
}
.centered {
	top: 50% !important;
	margin-top: -240px;
}
#presentacion #content #page_right p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content #title {
	position: absolute;
	height: 480px;
	width: 34px;
	left: 0px;
	top: 0px;
	background-image: url(img/titulos.gif);
	background-repeat: no-repeat;
}
#content #title h1 {
	display:none;
}
#content #title a.idioma {
	display:block;
	background-image:url(img/idioma.gif);
	background-repeat:no-repeat;
	position: absolute;
	height: 88px;
	width: 20px;
	bottom: 40px;
	right: 0px;
}

#presentacion #content #title {
	background-position: 0px 0px;
}
#catalogo #content #title {
	background-position: -34px 0px;
}
#submarina #content #title {
	background-position: -68px 0px;
}
#noticias #content #title {
	background-position: -102px 0px;
}
#contacto #content #title {
	background-position: -136px 0px;
}
#content #menu {
	position: absolute;
	height: 16px;
	width: 373px;
	left: 407px;
	top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-left: 10px;
}
#content #menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content #menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 16px;
}
#content #menu a {
	margin-left: 5px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;
}
#presentacion #content #menu a.menu_presentacion, 
#catalogo #content #menu a.menu_catalogo, 
#submarina #content #menu a.menu_submarina, 
#noticias #content #menu a.menu_noticias,
#contacto #content #menu a.menu_contacto {
	display:none;
}
#content #page_left {
	position: absolute;
	width:373px;
	height:454px;
	left: 34px;
	top: 0px;
	background-image:url(img/page_left.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	z-index: 200;
}
#presentacion #content #page_left #teresa_nombre {
	background-image: url(img/teresa_nombre.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 75px;
	width: 343px;
	left: 16px;
	top: 26px;
}
#content #page_left #teresa_nombre h2 {
	display: none;
}
#presentacion #content #page_left #teresa_foto {
	background-image: url(img/teresa_foto.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 230px;
	width: 343px;
	left: 15px;
	top: 125px;
}
#presentacion #content #page_left #teresa_firma {
	background-image: url(img/teresa_firma.jpg);
	position: absolute;
	height: 35px;
	width: 180px;
	right: 18px;
	bottom: 47px;
}
#content #page_right {
	height: 434px;
	width: 353px;
	left: 407px;
	top: 26px;
	position: absolute;
	background-image: url(img/page_right.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	overflow: hidden;
	z-index: 100;
}
#presentacion #content #page_right h3.curriculum {
	background-image: url(img/subtitulo_curriculum.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 353px;
	background-position: right top;
	padding:0px;
	margin:0px;
}
#presentacion #content #page_right h3.exposiciones {
	background-image: url(img/subtitulo_exposiciones.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 353px;
	background-position: right top;
	padding:0px;
	margin:0px;
}
#presentacion #content #page_right h3 span{
	display:none;
}
#content #pie {
	height: 16px;
	width: 353px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: absolute;
	left: 34px;
	bottom: 0px;
	text-align: center;
}
#content #page_left #luz {
	background-image: url(img/texto_luz_esp.jpg);
	position: absolute;
	height: 70px;
	width: 330px;
	left: 20px;
	top: 64px;
}
#contacto #content #page_left #plano {
	background-image: url(img/plano.jpg);
	position: absolute;
	height: 390px;
	width: 340px;
	left: 20px;
	top: 25px;
}
#contacto #content #page_left #plano2 {
	background-image: url(img/plano2.jpg);
	background-repeat:no-repeat;
	position: absolute;
	height: 390px;
	width: 340px;
	left: 20px;
	top: 25px;
}


#page_left .catalogo {
	position: absolute;
	height: 400px;
	width: 746px;
	left: 0px;
	top: 36px;
	z-index: 1000;
}
#contacto #content #page_left #contacto {
	background-image: url(img/pinceles.jpg);
	position: absolute;
	height: 247px;
	width: 330px;
	left: 20px;
	top: 189px;
}
#contacto #content #page_right #formulario {
	margin-left: 10px;
	margin-top: 20px;
	font-size: 11px;
}

#contacto #content #page_right #formulario ul {
	margin-left: 0px;
	list-style-type: none;
}
#contacto #content #page_right #formulario li {
	margin-bottom: 10px;
}
#contacto #content #page_right #formulario label {
	width: 60px;
	float: left;
	font-size: 11px;
	font-weight: bold;
}
#contacto #content #page_right #formulario input, #contacto #content #page_right #formulario textarea {
	width:200px;
	font-size: 11px;
	border: 1px solid #003366;
	background-color: #96C9FF;
	margin: 2;
}
#contacto #content #page_right #formulario input:focus, #contacto #content #page_right #formulario textarea:focus {
	background-color: #FFFFFF;
}
#contacto #content #page_right #formulario li.botones {
	text-align:right;
	padding-left: 40px;
}
#contacto #content #page_right #formulario input.boton {
	margin-left: 0px;
	font-size: 11px;
	border: 1px solid #96C9FF;
	background-color: #003366;
	color:#FFFFFF;
	width:80px;
}
#contacto #content #page_right #formulario input.boton:focus {
	background-color: #003366;
}