body 
{
/*
	margin: 10px auto;
	padding: 10px 0px 0px 0px;	
*/	
	height: 800px;
	width: 100%;
	text-align: center;
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #ffffff;
	background-image: url(../img/fondo.jpg);
	background-repeat: repeat;
	background-position: 50% 0px;
}

p {
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0px 0px 0px 0px;
}

td, li, ul
{
	font-family: Arial, verdana, sans-serif;
	font-size: 11px;
	text-align: justify;
}

ul 
{
	
} 

div#contenedor
{
	margin: 10px auto;
	
	clear: both;
	width: 700px;
	height: 800px;	
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #494949;
	background-image: url(../img/fondocontenedor.gif);
	background-repeat: repeat;
}

div#contenedorventana
{
	width: 400px;
	height: 310px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #494949;
	background-image: url(../img/fondocontenedor.gif);
	background-repeat: repeat;
}

div#contenedorventanaaviso
{
	width: 400px;
	height: 510px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #494949;
	background-image: url(../img/fondocontenedor.gif);
	background-repeat: repeat;
}

.link1 A:link {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 color : #4F8910;
 text-decoration: none;
}

.link1 A:visited {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 color : #4F8910;
 text-decoration: none;
}

.link1 A:active {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 color : #4F8910;
 text-decoration: none;
}

.link1 A:hover {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 color : #4F8910;
 text-decoration: underline;
}

.link2 A:link {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #45C300;
 text-decoration: none;
}

.link2 A:visited {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #45C300;
 text-decoration: none;
}

.link2 A:active {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #45C300;
 text-decoration: none;
}

.link2 A:hover {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #45C300;
 text-decoration: underline;
}

.link3 A:link {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #FD4703;
 text-decoration: none;
}

.link3 A:visited {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #FD4703;
 text-decoration: none;
}

.link3 A:active {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #FD4703;
 text-decoration: none;
}

.link3 A:hover {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 color : #FD4703;
 text-decoration: underline;
}

div#cuerpo
{
	position: relative;
	width: 700px;
	height: 210px;
	visibility: visible;
	/*background:url(../img/huellabiostep.gif) no-repeat top left ;*/
}

div#logo {
	position: absolute;
	width: 220px;
	height: 200px;
	top: 10px;
	left: 10px;
	/*background-image: url(../img/logobiostep.gif);*/
	background-repeat: no-repeat;
}

div#menubotones
{
	position: absolute;
	width: 130px;
	height: 170px;
	top: 10px;
	right: 10px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

.botonlink A:link 
{
	display: block;
 	max-width: 130px;
 	/*height: 34px;*/
	height: 29px;
	color: #FFFFFF;
  text-decoration: none;
 	background-image: url(../img/botonoff.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*line-height: 34px;*/
	line-height: 29px;	
	padding-left: 25px;
 }

.botonlink A:visited 
{
	display: block;
  max-width: 130px;
 	/*height: 34px;*/
	height: 29px;
	color: #FFFFFF;
  text-decoration: none;
 	background-image: url(../img/botonoff.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*line-height: 34px;*/
	line-height: 29px;	
	padding-left: 25px;
 }

.botonlink A:active 
{
	display: block;
 	max-width: 130px;
 	/*height: 34px;*/
	height: 29px;
	color: #FFFFFF;
 	text-decoration: none;
 	background-image: url(../img/botonon.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*line-height: 34px;*/
	line-height: 29px;	
	padding-left: 25px;
}

.botonlink A:hover 
{
	display: block;
  max-width: 130px;
 	/*height: 34px;*/
	height: 29px;
	color: #FFFFFF;
  text-decoration: none;
 	background-image: url(../img/botonon.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*line-height: 34px;*/
	line-height: 29px;	
	padding-left: 25px;
}

.primero A:link 
{
	display: block;
 	max-width: 130px;
 	height: 34px;
	color: #FFFFFF;
   	text-decoration: none;
 	background-image: url(../img/boton1off.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 34px;
	padding-left: 25px;
 }

.primero A:visited 
{
	display: block;
  	max-width: 130px;
 	height: 34px;
	color: #FFFFFF;
  	text-decoration: none;
 	background-image: url(../img/boton1off.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 34px;
	padding-left: 25px;
 }

.primero A:active 
{
	display: block;
 	max-width: 130px;
 	height: 34px;
	color: #FFFFFF;
 	text-decoration: none;
 	background-image: url(../img/boton1on.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 34px;
	padding-left: 25px;
}

.primero A:hover 
{
	display: block;
  	max-width: 130px;
 	height: 34px;
	color: #FFFFFF;
  	text-decoration: none;
 	background-image: url(../img/boton1on.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 34px;
	padding-left: 25px;
}

div#header {
	position: absolute;
	width: 330px;
	height: 170px;
	top: 10px;
	left: 230px;
	background-image: url(../img/cabhome.jpg);
	background-repeat: no-repeat;	
	
	
	
}

div#menu_on 
{
	position: absolute;
	width: 460px;
	height: 20px;
	left: 230px;
	top: 180px;
	visibility: visible;
	background: #A4D867;
	text-align: left;
}

div#menu_on p
{
	font-family : Arial, Helvetica, sans-serif;
 	font-size : 10px;
 	font-weight : normal;
	color: #616161;
	padding-top: 3px;
	padding-left: 10px;
}

div#menu1Content, div#menu2Content, div#menu3Content, div#menu4Content, div#menu5Content, div#menu6Content 
{
	position: relative; 
	width: 460px; 
	height: 20px; 
	background: #FF7E43;
	padding-left: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	text-align: left;
}


.titulo2 {
	font-family: Arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #76B900;
}

.titulo {
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #76B900;
}

h2.titulo {
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	margin: 3px 0px 1px 0px;
	color: #76B900;
}

.subtitulo {
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	color: #0076B9;
}

h3.subtitulo {
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF4A05;
	margin: 0px 0px 0px 0px;
}

.naranja {
	font-family: Arial, verdana, sans-serif;
	font-size: 11px;
	color: #FF4A05;
}

.verde {
	font-family: Arial, verdana, sans-serif;
	font-size: 11px;
	color: #45C300;
}

.sinborde {
	border-width: 0px;
}

.conborde {
	border: #FF6600 1px dashed;
}

.botonlink1
{
	clear: both;
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

.botonlink1 A:link 
{
	display: block;
 	max-width: 150px;
 	height: 25px;
	color: #333333;
   	text-decoration: none;
 	background-image: url(../img/botonmenuoff.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	padding-left: 25px;
 }

.botonlink1 A:visited 
{
	display: block;
  	max-width: 150px;
 	height: 25px;
	color: #333333;
  	text-decoration: none;
 	background-image: url(../img/botonmenuoff.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	padding-left: 25px;
 }

.botonlink1 A:active 
{
	display: block;
 	max-width: 150px;
 	height: 25px;
	color: #333333;
 	text-decoration: none;
 	background-image: url(../img/botonmenuon.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	padding-left: 25px;
}

.botonlink1 A:hover 
{
	display: block;
  	max-width: 150px;
 	height: 25px;
	color: #000000;
  	text-decoration: none;
 	background-image: url(../img/botonmenuon.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	padding-left: 25px;
}

.botonlink2
{
	clear: both;
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

.botonlink2 A:link 
{
	display: block;
 	max-width: 150px;
 	height: 25px;
	color: #333333;
   	text-decoration: none;
 	background-image: url(../img/botonmenuon.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	padding-left: 25px;
 }

.botonlink2 A:visited 
{
	display: block;
  	max-width: 150px;
 	height: 25px;
	color: #333333;
  	text-decoration: none;
 	background-image: url(../img/botonmenuon.gif);
 	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	padding-left: 25px;
 }

#columna1
{
	position: absolute;
	width: 680px;
	height: 35px;
	top: 10px;
	left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-image: url(../img/fondobarra.png);
	background-repeat: no-repeat;
}

* html #columna1 { 
	position: absolute;
	width: 680px;
	height: 35px;
	top: 10px;
	left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondobarra1.png', sizingMethod='scale');
	background-repeat: no-repeat;
}

div#firma
{
	position: absolute;
	width: 58px;
	height: 16px;
	top: 570px;
	right: 15px;
	padding-top: 4px;
}

div#facebook
{
	position: absolute;
	width: 58px;
	height: 16px;
	top: 500px;
	right: 102px;
	padding-top: 4px;
}

div#musica
{
	position: absolute;
	width: 1px;
	height: 1px;
	top: 572px;
	left: 15px;
	display:none;
}


div#footer
{
	position: absolute;
	width: 680px;
	height: 16px;
	top: 570px;
	left: 10px;
	text-align: center;
	font-size: 9px;
  	color: #FFFFFF;
	padding-top: 2px;
	background-image: url(../img/fondofooter.gif);
	background-repeat: no-repeat;
}

div#footer p {
	color: #FFFFFF;
	font-size: 9px;
}

div#footer a {
			color: #FFFFFF;
			text-decoration:none;
			font-weight:normal;
			padding: 0 15px;
			font-size: 9px;
			}

div#footer a:hover {
			color:#FFFFFF;
			font-weight:normal;
			text-decoration:underline;
			padding: 0 15px;
			}
			
div#footer a:active {
			color:#FFFFFF;
			font-weight:normal;
			text-decoration:underline;
			padding: 0 15px;
			}

div#botonera{
		position: absolute;
		top: 555px;
		left: 0px;
		width:700px;
		height: 16px;
		font-size: 9px;
		text-align: center; 		
}

div#botonera ul
{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 9px;
	text-align: center;
}  
		
div#botonera li
{
	display: inline;
	border-left: 1px solid #555555;
	font-size: 9px;
}

div#botonera li.last
{
	display: inline;
	border-right: 1px solid #555555;
	font-size: 9px;
}

div#botonera a.currentpage
{
			color:#FF4A05;
			text-decoration:none;
			font-size: 9px;
}

div#botonera a.currentpage:hover
{
			color:#FF4A05;
			text-decoration:none;
			font-size: 9px;
}

div#botonera a {
			color:#555555;
			text-decoration:none;
			padding: 0 15px;
			height:1%;
			font-size: 9px;
			}

div#botonera a:hover {
			color:#FF4A05;
			text-decoration:underline;
			padding: 0 15px;
			font-size: 9px;
			}
			
div#botonera a:active {
			color:#FF4A05;
			text-decoration:underline;
			padding: 0 15px;
			font-size: 9px;
			}
			
div#botonera	a em {
			text-decoration: underline;
}

IMG {
	border-width: 1px;
	border-color:#45c300;
}

div#subtitulo
{
	font-size: 9px;
	color: #000000;
}

.celdapeque{
	padding: 2px 7px 0 0
}


#vmarquee ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
}

#vmarquee li{
	text-align:left;
	font-size:1.4em;
	text-align:left;	
	
	border-bottom-color:#DDDDDD;
	border-bottom-style:dashed;
	border-bottom-width:1px;

	background-image:url("../img/logito.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	padding:6px 10px 0px 30px; 
	margin:15px 0 5px 0;
}
#vmarquee li a {
	color: #FF4A05;	
	display:block;
	padding-bottom:4px;
	padding-top:4px;
	text-decoration:none;
	width:auto;
}
#vmarquee li a h:over {
	color: #000;	
}

