/* CSS Document */

* {
	margin:0;
	padding:0;
}

h2{
	font-size:14px;
	font-family:Perpetua Titling MT, sans-serif;
	color:#B2AE4F;
	text-align:center;
	margin:0 0 10px 0 ;
}

#superior{
	margin: auto;
	width: 100%;
	height:auto;
	background:url(fonsup.jpg) repeat;
}

/*------------- imagen superior de la pagina con el logo -------------*/

#top {
	background:url(top.jpg) ;
	height: 82px;
	width: 790px;
	margin: auto;
	clear: both;
	border:0;
}

#top a {text-decoration:none;font-weight:bold;font-size:13px;font-family:Arial, Helvetica, sans-serif;color:#8B9068}

.espa{padding:0px 0px 0px 650px;color:#990000}
.ing{margin:0 0 0 10px}

/*------------- Barra horizontal-------------*/
#menu { 
	height: 25px;
	width: 790px;
	margin:0 auto;
	background:url(menu.jpg) top center no-repeat;;
}

#menu ul li {
	list-style:none;
}

.margen{margin:0 0 0 65px;}

#menu a {
	text-decoration:none;
	padding:3px 10px 0 10px;
	color:#646896;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    line-height: 21px !important;
	display: block;	
}

#menu a:hover{
	color:#8B9068;
	background:#eee
}
  
#menu li.nivel1 { 
	float: left;
	position: relative;
}
  
#menu ul li a.nivel1 {
	display: block!important;
	display: none;
}

#menu ul li ul {display: none;	background-color:#eee;}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;position: absolute;}
#menu ul li ul li a {width: 110px;border-top:1px solid #ccc;text-align:center}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

/*---------segunda imagen(banner)----------*/

#banner {				
	height: 171px;
	width:790px;
	margin:auto;
	background:url(fonbanner.jpg);
	background-position:bottom;
}

/*----------------------------------- Contenido de la pagina -----------------------------*/

#mitad {
	width:100%;
	background-color:#eeeeee;
}

#content {	
	width: 790px;
	height:100%;
	background:url(content.jpg);
	margin:auto;	
}

#content p,table{	
	text-align:justify;
	line-height:1.5;
	padding:0px 70px 10px 70px;
	color:#333333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;	
}

#content h1{
	font-size:16px;
	width:615px;
	font-family:sans-serif;
	border-bottom:1px dashed #6592CD;
	line-height:6px;
	color:#B2AE4F;
	padding: 10px 35px 10px 0px;
	margin:0 70px 10px 70px;
}

#content a {
	text-decoration:none;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#646896;	
}  

#content a:hover {
	text-decoration:none;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8B9068;
}

/*-----------------------------meterle coco que son lo mismo los 4, pero con una sola propiedad distinta-----*/

#ulpre li{
	padding:0 70px 10px 70px;	
	font-size:13px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
}

#productos{
	float:left;
	padding:0 0px 0px 120px;	
	font-size:13px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	height:170px;
	width:155px;
}

#paises{
	float:left;
	padding:0 0px 0px 0px;	
	font-size:13px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	width:157px;height:190px;
	margin:0px 0px 0px 50px
}

#paises li{	list-style:none; padding:5px 5px 5px 0px;}
#productos li{list-style:none; padding:5px 5px 5px 0px;}
.a{	margin:3px 23px 3px 20px;} /*----Aliniacion de los botones de los proyectos sientificos---*/
.tablacentrada{margin:auto;} /*----Aliniacion de la tabla que contiene los botones de los proyectos sientificos---*/
.imgindex{width:650px} /*---- margen de la img del index y bordes---*/
.center{border:#666666 1px solid;margin:10px 160px;} /*----Imagen de la declaracion centrada y con borde---*/	
.ulcenter{text-align:center} /*---- Tabla del grupo de trabajo centrada junto con el texto---*/
.left{float:left;margin:0 10px} /*----Imagenes que flotan a la izquierda---*/
.negras{font-style:italic;color:#000000} /*----Letras en negras que hay en el sitio---*/
.cite {color:#666666} /*---- Lo que alguien dijo en el sitio ---*/
.at{padding:3px 7px;} /*---- Temas de los paices (carpetas) el margen entre ellos-----*/
.table{margin:0 0 0 30px} /*--------tabla de la pag de enlaces----*/
img{border:0px}/*----- para que los botones de los pribuctos no salgan con bordes no los de los enlaces------*/
.product{margin:0 0 0 150px;width:600px}
.clear{clear:both}
.ing{color:#CCCCCC;}/*----- para el texto del idioma en ingles no se vea------*/
.tablatrab{margin-left:190px;text-align:center}/*----- que la tabla del grupo de trabajp quede centrada------*/
.titulo{ /*---- Titulos de todo el sitio ---*/
	color:#000000;	
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.titulo1{ /*---- Titulos de todo de los productos ---*/
	color:#8B9068;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
	

/*----------------------------------------  pie de la pagina--------------------------------------*/

#inferior{
	clear: both;
	width: 100%;
	background-color:#E5E2C1;
}

#foot{
	margin:auto;
	height: 39px;
	width: 790px;
	background:url(foot.jpg);
	text-align:right;
}

#foot li{
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
}

#foot img{
	border:0px solid;
}

#foot a {
	color:#fff;
	text-decoration:none;
}

#foot a:hover {
	color:#000;
	text-decoration:none;
}

/*--------------------formularios---------------*/

#form{margin:0 150px 0 20px}

.button {
	background-image: url(enviar.jpg);
	height: 36px;
	width: 69px;
	padding:0px;
	border: solid 0px #ffffff;
	cursor: pointer;
}

.formulario input,select{
	margin:5px 15px 0 30px;	
}