/* CSS Document - special-chemicals.css */

HTML, BODY
{
	height: 100%;
	margin: 0;
}

BODY{
	background-color: #CBF3E9;
	position: relative;
	min-width: 686px;
	min-height: 585px;
}


ul
{
	color: #000000;
	font: 11px Verdana;
	line-height:15px;
}

#content{

	position: absolute;
	height: 585px;
	width: 686px;
	top: 50%;
	left: 50%;
	margin-top: -292.5px;
	margin-left: -343px;
}

#cabecera
{
	position: absolute;
	top:0px;
	left: 0px;
	height: 155px;
	width: 686px;
}

#menu
{
	position: absolute;
	/*background-color: #186C54;*/
	top: 155px;
	left: 0px;
	height: 23px;
	width: 686px;
	z-index: 500;

}

#menu a{
    /*un link es un elemento de linea,por lo que
    * el contenedor se limitara al largo y ancho del texto
     * para ello debemos hacer que lo muestre como bloque*/
    display:block;
}

#cuerpo
{
	position: absolute;
	top: 179px;
	left: 0px;
	background-image: url('../img/body.jpg');
	background-repeat: no-repeat;
	height: 338px;
	width: 686px;
	z-index: 1;
}

#pie
{
	position: absolute;
	top: 517px;
	left: 0px;
	height: 69px;
	width: 686px;
}

#contenido-cuerpo
{
	position: absolute;
	top: 10%;
	left: 35%;
	width: 445px;
	height: 291px;
	overflow: auto;
}

#contenido-agradecimiento
{
	position: absolute;
	top: 20%;
	left: 35%;
	width: 445px;
	height: 291px;
	font: bold 16px Verdana;
	color: #000000;
}

#titulo-general
{
	position: absolute;
	top: 25%;
	left: 5%;
	color: #1C0D14;
	font:bold 20px Verdana;
}

#titulo-general-eng
{
	color: #1C0D14;
	font:bold 20px Verdana;
	position: absolute;
	top: 25%;
	left: 9%;
}

#titulo-payan
{
	position: absolute;
	top: 18%;
	left: 8%;
}

#titulo-lowenstein
{
	position: absolute;
	top: 20%;
	left: 1.5%;
}

#titulo-lanolines
{
	position: absolute;
	top: 17%;
	left: 3%;
}

#titulo-biogrundl
{
	position: absolute;
	top: 17%;
	left: 6.5%;
}

#titulo-proalan
{
	position: absolute;
	top: 15%;
	left: 7%;
}

#titulo-akema
{
	position: absolute;
	top: 20%;
	left: 0.5%;
}

#titulo-vivimed
{
	position: absolute;
	top: 17%;
	left: 9.5%;
}

#titulo-varios
{
	color: #1C0D14;
	font:bold 20px Verdana;
	position: absolute;
	top: 25%;
	left: 7.5%;
}

#titulo-varios-cat
{
	color: #1C0D14;
	font:bold 20px Verdana;
	position: absolute;
	top: 25%;
	left: 8.5%;
}

#titulo-varios-eng
{
	color: #1C0D14;
	font:bold 20px Verdana;
	position: absolute;
	top: 23%;
	left: 2.5%;
}

.subtitulo-seccion
{
	color:#000000;
	font: bold 14px Verdana;
}

.contenido-seccion
{
	color: #000000;
	font: 11px Verdana;
	line-height: 15px;
}

.link-seccion
{
	font: 9px Verdana;
	text-align: center;
}

table.contenido-tabla{
	
	border-spacing: 0;
	border: 1px solid #CCC;
	border-width: 1px 1px 1px 1px;
	border-collapse:collapse;	
	width:90%;
	margin-left: 5%;
}

table.contenido-tabla td{
	
	border-spacing: 0;
	border: 1px solid #CCC;
	padding: 2;
}

.requiredFormElement{
	
	border: 1px solid #808080;
	background-color: #E5E5E5; 
	font: 12px Verdana;
	width: 99%;
}

.notRequiredFormElement{
	
	border: 1px solid #808080;
	font: 12px Verdana;
	width: 99%;
}

.noScroll{
	
	overflow: auto;
}

.buttonForm{
	
	border: 1px solid #808080;
	background-color:#99CCFF;
	font: 12px Verdana;
	cursor: pointer;
	width: 60px;
	height: 25px;
	
}