/*=========formato en general=========== */
*{margin:0; padding:0;}

.main{					width:780px;  margin:0 auto;  }

body{					font-family:Arial, helvetica, sans-serif; color:#ffffff; font-size:12px; line-height:1.23em;
						text-align:justify;  background-color:#000000;}

img {					border:none;  margin:0;  text-align:left;  vertical-align:top;  }


a{						color:#686868; text-decoration:underline;}
a:hover{				text-decoration:none;}

.link_2{				color:#FFFFFF; text-decoration:underline;}
.link_2:hover{			text-decoration:none;}

ul{						list-style:none;  }
li {					padding:0 0 4px 20px; background:url(images/list_arr.gif) left center no-repeat;}
li a{					color:#cccccc; text-decoration:underline; line-height:1em;}

.clear { 				clear:both;  }

.in5{					padding-top:5px;}
.in10{					padding-top:10px;}
.in15{					padding-top:15px;}
.in20{					padding-top:20px;}
.in25{					padding-top:25px;}

strong{					color:#FF0000;}

.col_1, .col_2, .col_3, .box_1, .box_2, .box_3, .mid{float:left;}

/*=======fondo contenido ===========*/
.contenido_bg{ 			background: url(images/gif_gris.gif);}
.contenido_bg_blanco{ 	background: url(images/gif_blanco.gif); color:#686868;}
#contenido{				padding:30px 0 30px 0;}
#volveratras{			padding:0 0 5px 0;}

/*=======cabecera===========*/
.cabecera_bg{			background: url(images/gif_rojo.gif) left top repeat-x;}
#cabecera{ 				width:100%; color:#FFFFFF; font-size:11px;}
#cabecera .fecha{		width:300px; float:left;}
#cabecera .idiomas{		width:400px; float:right; text-align:right;}
#cabecera .logo {		float:left;}
#cabecera .nombre {		float:right;}
#cabecera a{			color:#FFFFFF; text-decoration:none;}
#cabecera a:hover {		color:#FFFFFF;; text-decoration:underline;} 

/*=======menú===========*/
.menu_bg{background: url(images/gif_negro.gif) left top repeat-x;}
#menu{width:100%; color:#999999; font-size:11px;  padding:10px 0 10px 0; height:20px;}
/* #menu .dv{background: url(images/gif_negro.gif) right top no-repeat; float:left;} */
#menu .boton{margin-right:60px; float:left;}
#menu .boton_penultimo{margin-right:40px; float:left;}
#menu .boton_ultimo{margin-right:0px; float:right;}
#menu a{color:#FFFFFF; text-decoration:none;}
#menu a:hover {text-decoration:none; color:#FF0000;} 

/*=======pie===========*/
.pie_bg{background:url(images/gif_negro.gif) left top repeat-x;}
#pie{				position:relative; width:100%; height:25px; font-size:11px; padding-top:13px;}
#pie .izquierda{	width:60%;  float:left;  }
#pie .derecha{		width:35%;  text-align:right;  float:right;  }
#pie a{color:#FF0000; text-decoration:none;}
#pie a:hover{text-decoration:underline;}
#pie .derecha a{color:#FFFFFF; text-decoration:none;}


/*=========inicio===========*/
#inicio .col_1{					width:550px;  float:left;  }
#inicio .col_2{					width:210px; float:right;}
#inicio .col_1 .box_1{			width:230px;}
#inicio .col_1 .box_2{			width:200px; margin-left:79px; float:left;}
#inicio .link a{				color:#ffffff; text-decoration:underline;}
#inicio .link a:hover{			text-decoration:none;}

/*=========servicios===========*/
#servicio .col_1{				width:375px; float:left;  }
#servicio .col_2{				width:400px; float:right;}

#servicio .col_1 ul{			margin:10px 0;} 

/*=========proyecto===========*/
#proyecto { }
#proyecto .col_1{					width:300px; float:left;  }
#proyecto .col_2{					width:400px; float:right;}
#proyecto li a	{				color:#686868; text-decoration:underline; line-height:1em;}

/*=========vision===========*/
#vision .col_1{					width:400px; float:left;  }
#vision .col_2{					width:330px; float:right; margin-top:-5px;}

/*=========investigación===========*/
#investigacion .col_1{				width:375px; float:left; }
#investigacion .col_2{				width:400px; float:right;}

#investigacion .col_1 ul{			margin:10px 0;} 

/*=========organizacion===========*/
#organizacion .col_1{			width:33%; float:left;}
#organizacion .col_2{			width:275px; float:left;}
#organizacion .col_3{			width:28%; float:right;}

#organizacion .col_1b{			width:30%; float:left; margin-right:7%}
#organizacion .col_2b{			width:25%; float:left; margin-right:7%}
#organizacion .col_3b{			width:25%; float:left;}

#organizacion .el_link{			width:200px; text-align:left; color:#ffffff; font-size:12px; text-decoration:underline;}

/*=======imagen solapada dentro de "organización"===========*/
#organizacion .img_abajo { 		position:relative; z-index:0; }
#organizacion .img_arriba{ 		position:relative; z-index:1; margin:-50px 0 0 40px;}

/*=========experiencia===========*/
#experiencia .col_1	{			width:350px; float:left;}
#experiencia .col_2{			width:350px; float:right;}

/*=========noticia===========*/
#noticia .col_1{				width:250px; float:left;  }
#noticia .col_2{				width:230px; float:left;}
#noticia .col_3{				width:230px; float:right;  }

#noticia .mid{					width:35px; float:left;}

/*=========ficha===========*/
#ficha .col_1{					width:300px; float:left;  }
#ficha .col_2{					width:400px; float:right;}

/*=========clientes===========*/
#clientes .titulo {				font-weight:bold; color:#FF0000; float:left; margin:0 30px 0 0;}
#clientes .enlace_up{			float:right; margin:0 0 0 20px; }
#clientes .enlace_up a{			font-size:14px; color:#FF0000; font-weight:bold;}
#clientes .col_logos{			width:100%; float:left; padding:0 30px 30px 30px;}
#clientes .un_logo{				width:120px; height:75px; padding:5px; margin:7px; background:#999999; float:left;}
#clientes .col_1{				width:48%; float:left; padding-left:25px; }
#clientes .col_2{				width:48%; float:right; }

/*=========contacto===========*/
#contacto .col_1{				width:200px; float:left;}
#contacto .col_2{				width:340px; float:left;}
#contacto .col_3{				width:200px; float:right;}
#contacto .mid{					width:25px; float:left;}
#contacto .cita{				font-style:italic; padding:5px 30px 5px 10px;}
#enviar {						color:#FF0000; font-weight:bold;}
#formulario{					width:100%;}
#formulario input{				width:300px; height:18px; font-family:Arial; color:#686868; font-size:11px; margin-bottom:7px;}
#formulario textarea{			width:300px; height:100px; font-family:Arial; color:#686868; font-size:11px; overflow:hidden; margin-bottom:7px;}

/*=========aviso legal===========*/
#aviso .col_1{					width:700px; float:left; margin-left:40px;  }