@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F3F3F3;
	margin: 0px;
	height:100%;
	background-image:url(images/back_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.bionnovation {
	background-image: url(images/bg_bionnovation.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 100px;
}
#content {
	background-color: #F3F3F3;
	background-image: url(images/back_superior.gif);
	background-repeat: repeat-x;
	height:588px;
}
#header {
	height: 506px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	clear: right;
}
#topheader {
	height: 368px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	clear: right;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
}
#slogan {
	height: 40px;
	width: 250px;
	font-size:12px;
	top:245px;
	left:650px;
	position:relative;
}
#searchbox {
	height: 30px;
	width: 350px;
	font-size:11px;
	top:260px;
	left:700px;
	position:relative;
	color:#FFFFFF;
	float: left;
	clear: right;
}
#searchbox a.ovalbutton{
background: transparent url('images/bg_button_ir_r1_c1.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 23px; /* Width of left menu image */
text-decoration: none;
}

#searchbox a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #FFFFFF; /*button text color*/
}

#searchbox a.ovalbutton span{
background: transparent url('images/bg_button_ir_r1_c2.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

#searchbox a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#searchbox a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #F1F1F1;
}

#searchbox .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	float: right;
	position: relative;
	top: -24px;
	right: 50px;
}
#nav {
	width:955px;
	height:47px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	z-index:3;
}

.menu ul li a {
	display:block;
	text-decoration:none;
	color:#000;
	width:151px; 
	height:42px; 
	text-align:center;
	border-bottom: 0;
	line-height:22px; 
	font-size:13px; 
	overflow:hidden;
	padding-left: 1px;
}
.menu .one {
	padding-left: 1px;
	margin-right: -1px;
}
.menu ul {padding:0; margin-top:5px; margin-bottom:0; margin-left:0; margin-right:0; list-style: none; z-index:5;
}
.menu ul li {float:left; position:relative; background-image:url(images/backmenu.gif); background-repeat:no-repeat; background-color:#FFFFFF; z-index:6;}
.menu ul li ul {display: none; z-index:10;}


/* button hover properties */
.menu ul li:hover a {color:#95302B; background-color:#FFFFFF;  background-image:url(images/backmenu.gif); background-repeat:no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:0; width:152px; margin: 0; padding: 0; z-index:10;}
.menu ul li:hover ul li ul {display: none; z-index:12}

/* dropdown properties */
.menu ul li:hover ul li a { display:block;height: auto; line-height: 16px; color:#000000; width:149px; text-align:center; margin: 0; padding:0 0 0 0px;font-weight:normal;background-image:none; 
}
.menu ul li:hover ul {
	margin: 0 0 0 2px;
	padding: 0;
}
.menu ul li:hover ul .hlight {
	margin-right: 1px;
}

/* dropdown selected properties */
.menu ul li:hover ul li a:hover {color:#95302B;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

#lowerheader {
	width:955px;
	height: 38px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-image:url(images/lowerheader.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#lowerheader .title {
	position:relative;
	top:15px;
	left:80px;
	width: 400px;
}
#docbody {
	width:955px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left;
}
#block1home {
	width: 707px;
	float:left;
	left: 6px;
	top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#block1home .block1body {
	position:relative;
	background-image:url(images/backbody.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	float:left;
	width:690px;
	font-size:12px;
	
}

#block1home .columna1 {
	float: left;
	width: 335px;
	margin-right:10px;
}
#block1home .columna2 {
	float: left;
	width: 335px;
	margin-left:10px;
}	

#block1home .block1homesuperior {
	background-image:url(images/backbody_superior.png);
	width:707px;
	height:24px;
	float:left;
}

#block2home {
	width:238px;
	float: left;
	margin-top:80px;
	margin-bottom:0px;
}
#block2hometitle {
	height:57px;
	width: 220px;
	text-align: center;
	font-weight: bold;
	color: #990000;
}
#block2homecontent {
	background-color:#F9F8F2;
	font-size:10px;
	padding:10px;
	height:auto;
	margin: 0px;
	
}
#block1home .block1homeinferior {
	background-image:url(images/backbody_inferior.png);
	width:707px;
	height:17px;
	float:left;
}
#block1content {
	width: 910px;
	float:left;
	left: 6px;
	top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#block1content .block1contentbody {
	position:relative;
	background-image:url(images/backbodycontent.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	float:left;
	width:890px;
	font-size:12px;
	
}#block1content .block1contentsuperior {
	background-image:url(images/backbodycontent_superior.png);
	width:907px;
	height:24px;
	float:left;
}
#block1content .block1contentinferior {
	background-image:url(images/backbodycontent_inferior.png);
	width:907px;
	height:17px;
	float:left;
}
#footer {
	width:955px;
	height: 70px;
	float:left;
	text-align:center;
	font-size:10px;
}
#catalogo .navegacion {
	font-weight: bold;
	color: #990000;
}
#catalogo #paginacion a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
#catalogo #paginacion a:hover {
	text-decoration: underline;
}
#catalogo #linkmas {
	height: 30px;
	width: 100%;
	font-size:12px;
	position:relative;
	color:#FFFFFF;
	font-weight:bold;
	float: none;
	clear: right;
	display: block;
}
#catalogo h3 {
	font-size: 14px;
	color: #990000;
}
#catalogo h4 {
	font-size: 13px;
	color: #990000;
}
.alerta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

#catalogo #linkmas a.ovalbutton{
background: transparent url('images/bg_button_ir_r1_c1.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 23px; /* Width of left menu image */
text-decoration: none;
}

#catalogo #linkmas a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #FFFFFF; /*button text color*/
}

#catalogo #linkmas a.ovalbutton span{
background: transparent url('images/bg_button_ir_r1_c2.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

#catalogo #linkmas a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#catalogo #linkmas a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #F1F1F1;
}

#catalogo #linkmas .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	float: left;
	position: relative;

}
#menudescripcion {
	height: 20px;
	color:#FFFFFF;
}
#menudescripcion a {
	color:#990000;
	text-decoration: none;
}
#menudescripcion a:hover {
	text-decoration: underline;
}
.arojo {
	color:#990000;
}
#edad {
	position: relative;
	top: 254px;
	left: 670px;
	width: 160px;
	font-style: italic;
	color: #276699;
	font-weight: bold;
}
#marcan {
	position: relative;
	top: 255px;
	width: 120px;
	left: 420px;
	letter-spacing: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #276699;
	font-weight: normal;

}