/*----------------------------------------------------------------------------
	style.css

	(c) jm.org.es
 ----------------------------------------------------------------------------*/
body#main_body {
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align:center;
}
 
 #Panel {
    position: relative;
    margin: 0 auto;
    text-align:center;
	width:1080px;
	height:600px;
}

div#Logo a {
  display: block;
  width: 100%;
  height: 100%;
}
#Logo {
	background: url(images/Logo.jpg) no-repeat;
	position:absolute;
	left:5px;
	top:5px;
	width:230px;
	height:230px;
}

#TextoIcono {
	position:relative;
	top:83px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

div#Inicio a {
  display: block;
  width: 100%;
  height: 100%;
}
#Inicio {
	background: url(images/Inicio.jpg) no-repeat;
	position:absolute;
	left:245px;
	top:5px;
	width:110px;
	height:110px;
}

div#Investigacion a {
  display: block;
  width: 100%;
  height: 100%;
}
#Investigacion {
	background: url(images/Investigacion.jpg) no-repeat;
	position:absolute;
	left:365px;
	top:5px;
	width:115px;
	height:110px;
}

div#Desarrollo a {
  display: block;
  width: 100%;
  height: 100%;
}
#Desarrollo {
	background: url(images/Desarrollo.jpg) no-repeat;
	position:absolute;
	left:480px;
	top:5px;
	width:115px;
	height:110px;
}

div#Curriculum a {
  display: block;
  width: 100%;
  height: 100%;
}
#Curriculum {
	background: url(images/Curriculum.jpg) no-repeat;
	position:absolute;
	left:605px;
	top:5px;
	width:110px;
	height:110px;
}

div#Recursos a {
  display: block;
  width: 100%;
  height: 100%;
}
#Recursos {
	background: url(images/Recursos.jpg) no-repeat;
	position:absolute;
	left:725px;
	top:5px;
	width:110px;
	height:110px;
}

div#Ocio a {
  display: block;
  width: 100%;
  height: 100%;
}
#Ocio {
	background: url(images/Ocio.jpg) no-repeat;
	position:absolute;
	left:845px;
	top:5px;
	width:110px;
	height:110px;
}

div#Contacto a {
  display: block;
  width: 100%;
  height: 100%;
}
#Contacto {
	background: url(images/Contacto.jpg) no-repeat;
	position:absolute;
	left:965px;
	top:5px;
	width:110px;
	height:110px;
}


#Anuncio {
	position:absolute;
	left:245px;
	top:120px;
	width:470px;
	height:60px;
}

#extra1 
{
	background: url(images/Icono.jpg) no-repeat;
	position:absolute;
	left:725px;
	top:125px;
	width:110px;
	height:110px;
}

#extra2 
{
	background: url(images/Icono.jpg) no-repeat;
	position:absolute;
	left:845px;
	top:125px;
	width:110px;
	height:110px;
}

#extra3 
{
	background: url(images/Icono.jpg) no-repeat;
	position:absolute;
	left:965px;
	top:125px;
	width:110px;
	height:110px;
}

#Titulo {
	background: url(images/Titulo.jpg) no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	position:absolute;
	left:245px;
	top:185px;
	width:470px;
	height:50px;
	line-height:50px;
}

#MenuAd {
	position:absolute;
	left:15px;
	top:240px;
	width:200px;
	height:90px;
}





#Contenido 
{
	position:absolute;
	left:245px;
	top:245px;
	width:830px;
	height:350px;
	text-align:justify;
	overflow:auto;
}

#Presentacion
{
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	margin: 0px;
	font-size: 14px;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#Menu {
	position:absolute;
	left:15px;
	top:330px;
	width:200px;
	height:210px;
	font-size: 11px;
	text-align:left;

	/*
	line-height: 0px;
	vertical-align: baseline;
	display: marker;*/
	word-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;

	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

#Valoracion {
	position:absolute;
	left:245px;
	top:490px;
	width:160px;
	height:50px;
}

#Comentario {
	position:absolute;
	left:405px;
	top:490px;
	width:300px;
	height:50px;
}

#Pie 
{
	background: url(images/Pie.jpg);
	position:absolute;
	left:5px;
	top:545px;
	width:1070px;
	height:50px;
}

#Principal {
	position:absolute;
	left:245px;
	top:245px;
	width:830px;
	height:300px;
	text-align:justify;
}

#ValidadorXHTML {
	position:absolute;
	left:6px;
	top:569px;
	width:88px;
	height:31px;
}

#ValidadorCSS {
	position:absolute;
	left:127px;
	top:569px;
	width:88px;
	height:31px;
}

div#ASP-NET a {
  display: block;
  width: 100%;
  height: 100%;
}

#ASP-NET 
{
	background: url(images/ASP-NET.jpg);
	position:absolute;
	left:605px;
	top:561px;
	width:100px;
	height:40px;
}

div#VisualStudio a {
  display: block;
  width: 100%;
  height: 100%;
}
#VisualStudio 
{
	background: url(images/VisualStudio.jpg);
	position:absolute;
	left:705px;
	top:561px;
	width:106px;
	height:40px;
}

#SQLServer {
	background: url(images/SQLServer.jpg);
	position:absolute;
	left:811px;
	top:561px;
	width:158px;
	height:40px;
}

#WindowsServer {
	background: url(images/WindowsServer.jpg);
	position:absolute;
	left:969px;
	top:561px;
	width:111px;
	height:40px;
}


#Ilustracion {
	position:absolute;
	left:0px;
	top:0px;
	width:160px;
	height:250px;
}
#Ad {
	position:absolute;
	left:160px;
	top:0px;
	width:300px;
	height:250px;
}

#Descripcion {
	position:absolute;
	left:470px;
	top:0px;
	width:360px;
	height:300px;
}

#Copyrigth {
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	left:235px;
	top:569px;
	width:250px;
	height:31px;
	line-height:31px;
}

#Powered 
{
	background: url(images/Powered.jpg);
	position:absolute;
	left:485px;
	top:569px;
	width:120px;
	height:31px;
}