@charset "UTF-8";
/* CSS Document */

BODY {
	      color:#333333;
	      font-family: Verdana, Arial, Helvetica, sans-serif;
		  }
		  
	BODY, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, dd, dt, dl, ul, li, ol, img {padding: 0; margin: 0; }
	BODY, h1, h2, h3, h4, h5, h6 {font-size:11px;}
	BODY {line-height:1.1em}
	a {text-decoration:none; color:#074190;}
	a:hover, .decoration {text-decoration:underline;}
	img {border: 0}
	.ftr {float: right}
	.ftl {float: left}
	.ayuda {
		color:#999999;
	}
	
	/* código para poner un icono en los enlaces externos, que se abran en una ventana nueva */
	/* sólo funciona en firefox, safari e iexplorer a partir del 7 (inclusive) */
	
	a[href^="http"] 
	{
		background:url(../images/externo2.gif) no-repeat right 0.3em;
		padding-right: 10px;
	}
	
	a[href^="http://www.97sf.es"],
	a[href^="http://97sf.es/"] {
	background-image: none;
	padding-right: 0;
	}
	
	/*a[href^="http://localhost:8888/"],
	a[href^="http://localhost:8888"] {
	background-image: none;
	padding-right: 0;
	}*/
	
	/* clase de enlace con imagen (una imagen que sirve de enlace); hay que quitarle el icono de enlace externo */
	a.e_imagen {
	background-image: none;
	padding-right: 0;;
	}
	
	/* clase para forzar a un enlace a sacar la flechita de externo aunque no lo sea (esto es, que está dentro de s&f pero se abre en una ventana nueva */
	a.externo 
	{
		background:url(../images/externo2.gif) no-repeat right 0.3em;
		padding-right: 10px;
	}
		
	#menu_barra { height: 2.2em; /*24px*/
				  background-color: #d2440a;
				 }
				 
	#siluetas
	{margin-bottom:-53px; 
	margin-left:20px;
	}
				
	.separador {clear: both;}
	
	.centrado{
		text-align: center;
		}
	
	.destacado
		{
			color:#d2440a;
			font-weight:bold;
		} 
     
	.gris
		{
			color: #999999;
			font-weight:bold;
		} 
	.gris_simple
		{
			color: #999999;
			/*font-weight:bold;*/
		} 
	
	.error { color:#FF0000;}
	
	.piefoto 

	{
		width:120px;
		display:block;
		margin-top:-12px;
		font-size:10px;
		color:#737373;
	}
	.piefoto2 

	{
	width:400px;
	display:block;
	font-size:10px;
	color:#737373;
	padding-top: 10px;
	}
	
	/**** CLASES PARA LOS TIPOS DE ARCHIVO  ****/
	
	.pdf /* clase enlace pdf */
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_pdf.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	
	.word /* clase enlace pdf */
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_doc.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.txt /* clase enlace pdf */
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_txt.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.excel /* clase enlace excel */
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_xls.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	
	.powerpoint 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_ppt.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.txt, .rtf 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_txt.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.html
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_html.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}

	.documento /* si no reconoce ningún tipo de archivo de los de la lista */
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_generic.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.gif, .ief, .jpeg, .tiff, .bmp, .png 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_image.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.zip, .gzip 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_zip.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	
	.swf 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_swf.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.fla 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_fla.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.psd 
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_photoshop.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.quicktime
	{
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_mov.gif) 0em 0.1em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
		min-height:16px;
	}
			
	.mpeg, .avi, .wmv
	
	{	
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_film.gif) 0em 0.1em no-repeat; 
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	.mp3, .wav 
	
	{	
		padding: 2px 5px 0px 20px;
		background: url(../images/doc_types/icon_audio.gif) 0em 0.1em no-repeat; 
		margin: 2px 0 0 0;
		min-height:16px;
	}
	
	
	/**** FIN TIPOS DE ARCHIVO ******/
	
	.e_masinfo 
	
	{	
		padding: 5px 5px 0px 15px;
		/*padding: 4px 5px 0px 10px;*/
		background: url(../images/f_enlace.gif) 0.1em 0.9em no-repeat; 
		margin: 2px 0 0 5px;
	}
	
	.volver 

	{		
		float:right;
		height:1.3em; 
		display:block;
		padding: 5px 5px 5px 10px;
		background-image: url(../images/anterior.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
	}		
	
	.siguiente  /* enlace de 'siguiente' cuando hay varias páginas en una sección; 2 flechas simples azules a la derecha */
	
	{	
		display:block;	
		height:1.3em; 
		padding: 5px 10px 5px 0px;
		background-image: url(../images/sub_menu.gif);
		background-position:right;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;
	}	
	
	.enlace   /* clase enlace general, con flechita */
	{
		padding: 4px 5px 0px 10px;
		background: url(../images/f_azul.gif) 0.1em 0.9em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		margin: 2px 0 0 0;
	}	
	
	
	/* tabla que contiene los datos de los usuarios (cuando se muestan, al suscribirse a la newsletter */
	
	table.usuario 
	{
		border: 1px solid #eae7e1;
		margin-top:20px; 
		padding:8px 15px 8px 15px;
	}
	
	table.usuario th
	{
		color:#d2440a;
		font-weight:bold;
		text-align:left;
		padding-right:3px;
		
	}
	
	table.usuario td,th
	{
	padding-bottom:3px;
		
		
	}
	
/* CAPAS */

	#contenedor { width:950px;
				  vertical-align:top;
				  margin: 0 auto;
				  margin-top:6px;
				  border-top:#eeb6a0 1px solid;
				
				  }
	#cabecera { width:100%}
	
	#cabContenido 
	      { 
		    height:112px;
			background-image: url(../images/ojo.jpg);
		    background-position:right;
		    background-repeat:no-repeat;
		   }
		   
	#cabBuscar{
	width:220px;
	margin-top:36px;
	float: left;
	margin-left:18px;
	color:#d2440a;
}
				
	#cabEnlaces{
	margin-top:28px;
	float: left;
	margin-left:/*200px*/160px;
	margin-right: 100px;
}
				
	#cabEnlaces ul{list-style:none;}
				

	#cabEnlaces ul li a 
			{
				background: url(../images/enlaces.gif) 0em 0.2em no-repeat;
				display:block;
				padding: 0 0 7px 12px;
			}
						 
	#cabEnlaces ul li a:hover 
			{
				background: url(../images/enlaces.gif) 0em 0.2em no-repeat;
			
			}

	
	#cabIdiomas{ 
				margin-top:5px;
				float: left;
				margin-left:/*140px*/93px;}
				
	#cabIdiomas li 
		{
			display: inline; 
			line-height: 1em; 
			padding : 0 0 0 0; /*antes era 30px*/
		} 
				

	#cabIdiomas li a 
			{
				/*background: url(../images/puntos.gif) 0em 0.3em no-repeat;Ç*/
			    padding: 0 5px 0px 12px;
				color: #666666;
			}
			
	#cabIdiomas li a.ultimo
			{
				background: url(../images/puntos.gif) 0em 0.2em no-repeat;
			    padding: 0 0 0 12px;
				color: #666666;
			}
			
	#cabIdiomas li a:hover 
			{/*background-color:#CCCCCC;*/color:#d2440a;
			}
						
	
			
	#contenido 
		{
			width:950px;
			margin-top:38px;
			margin-bottom:8px;
		}
	
	
	
	/* capa que contiene todo lo que hay en el pie de página */
		   
	#pie {
		  clear: both;
		  margin-top:45px;
		  padding:6px 8px 6px 8px;
		  line-height: 11pt;
		  font-size:10px;
		  color:#aeaead;
		  /*height:60px;*/
		  border:  #C2C2C2 1px dotted;
		  }
		  
	 #pie a {
	 color:#aeaead;}
	 
	 #pie a:hover {text-decoration:none;
	 color:#074190;}
	 
	 .enlaces_abajo { float:right; font-size:9px }
	
/* ----- Menú superior (barra naranja) ----- */

	#barraSuperior { clear:both;
				    height: 2.2em; /*24px*/
					background-color: #d2440a;
					text-align:center;
					}			  
	
				  
	.menuSuperior {padding: 7px 5px 2px 5px;}
	.menuSuperior li 
		{
	display: inline;
	line-height: 1em; /*antes era 30px*/
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 7px;
		} 
		
	.menuSuperior li a {font-size: 11px; color: #FFFFFF;
		    padding-left:10px; 
			background-image: url(../images/flecha_barra.gif);
		    background-position:left;
		    background-repeat:no-repeat;}
			
/* --------- Formulario ------------- */

	
	 #cabBuscar form input 
	 	{
			 padding: 0.2em;
			 /*background:url(../images/form.gif) no-repeat 0 0 #ffffff;*/
			 background:url(../images/form_buscar.gif) no-repeat 0 0 #ffffff;
			 border:none;
			 display:block; width:150px; height:19px;
			 margin-top:3px;
			 margin-bottom:10px;
			 /*border:#eae7e1 1px solid;*/
			 /*width:120px;*/
			 /*color:#666666;*/
			 float:left;
		}
		
	#cabBuscar form input.submit /* aquí poner la lupa */ 
	 	{
			 background:url(../images/search.png) no-repeat; width:16px; height:16px; cursor:pointer; float:left; margin: 5px 20px 0 10px;
		}
	
	#cabBuscar form .lupa /* aquí poner la lupa */ 
	 	{
			 background:url(../images/search.png) no-repeat; width:16px; height:16px; cursor:pointer; float:left; margin: 5px 20px 0 10px;
		}
		
	#cabBuscar .fecha 
	    { 
			 color:#8e8e8c; 
			 /*margin-top:10px; */
			 display: block;
			 float:left;
			 width:217px;
			 
		}
		

/* ---------- Columnas de portada --------------- */


.fondo_gris{
background-color:#fdfdfd;
display:block;
padding:25px 22px 25px 13px;
margin-top:1px;
}

/* ------- Noticias --------- */

#colNoticias {
width:300px; float:left; 
}

#colNoticias p {
	    padding: 0px 5px 0px 14px;
		background: url(../images/cuadradito.gif) 0em 0.3em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		/*margin: 2px 0 0 0; */
}

#colNoticias .texto {
margin-top:10px;
line-height:13pt;
}

/* ------- Blog --------- */

#colBlog {
	width:300px; float:left; margin-left:21px;
}

#colBlog p {
	    padding: 0px 5px 0px 14px;
		background: url(../images/flecha_blog.gif) 0em 0.2em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		/*margin: 2px 0 0 0; */
}

/* ------- Quienes --------- */

#colQuienes 
		{
			width:300px; 
			float:right;  
			margin-left:21px;
		}

#colQuienes ul 
		{
			list-style:none;
		}

#colQuienes ul li a 
		{
			background: url(../images/bola_gris.gif) 0em 0.2em no-repeat;
			display:block;
			padding: 0 0 7px 15px;
		}
					 
#colQuienes ul li a:hover 
		{
			background: url(../images/bola_naranja.gif) 0em 0.2em no-repeat;
		
		}


/* ------- Infórmate --------- */

#colInformate {
width:300px; float:right;  margin-left:21px;
}

#colInformate p {
	    padding: 0px 5px 0px 14px;
		background: url(../images/cuadrado_doble.gif) 0em 0.3em no-repeat; /* para ponerlo como antes, 0.8 (quizás esté más centrado) */
		/*margin: 2px 0 0 0; */
}


/* ------- Menú de la izquierda --------- */

#menuIzquierda 
	{
		width:200px;
		float:left;
		background-color:#ffffff;
	}
	
#menuIzquierda h1 {
		border-bottom:#efeaed 1px solid;
	}

#menuIzquierda ul { margin:20px 5px 20px 20px;
list-style:none;}

#menuIzquierda ul li { margin-bottom:15px;}

#menuIzquierda ul li a 
		  { 
		    background:url(../images/fblog.gif) 0 0.3em no-repeat;
			padding: 0 0 0 14px;
			margin-bottom:5px;
			display:block;
		  }
		  
#menuIzquierda ul.subMenu { margin:15px 5px 20px 15px;
list-style:none;}

#menuIzquierda ul.subMenu li a
		  { 
		    background:url(../images/flecha_puntos.gif) 0 0.3em no-repeat;
			padding: 0 0 0 14px;
			margin-bottom:5px;
			display:block;
		  }
		  
		  

/* ----------- Central --------------- */
/* 460 px de ancho, 40 de marginleft */

#central 
	{
		width:460px;
		float:left;
		margin-left:40px;
		background-color:#ffffff;
	} /*12pt bold 666666*/
	
#central h2 
	{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border-bottom: #c2cadd/*f9e7df*/ 1px solid; /* antes: #eae7e1 */
	margin-top:11px;
	padding-bottom:3px;
	}
	
#central .texto 
	{
	margin-top:20px;
	color:#333333;
	}
	
#central img 
	{
	margin-bottom:10px;
	}
	
#central ul 
	{
		margin:20px 5px 20px 20px;
   		list-style:none;
	}

#central ul li 
	{ 
		background:url(../images/cuadradito_lista.gif) 0 0.4em no-repeat;
		padding: 0 0 0 14px;
		margin-bottom:15px;
	}

#central .imagen { float:left; margin-right:15px; margin-bottom:0px; max-width:200px}

/* he definido otro tipo de lista, "clientes", porque joseba quería menos interlineado entre los clientes, y la lista de clientes utilizaba la lista por defecto */

#central ul.clientes 
	{
		margin:15px 5px 20px 20px;
   		list-style:none;
	}
	
#central ul.clientes li {
		margin-bottom:10px;
} 


/* ----------- Menú lateral derecho --------------- */

#lateral 
	{
		width:205px;
		float:right;
		background-color:#fdfdfd;
		min-height:500px;
	} 
	
	/* las dos clases siguientes son para los titulillos de las secciones: noticias, etc. */

#lateral .menu
	{
		margin: 9px 11px 11px 13px;
	}
	
#lateral .titulo
	{
		/* letra: naranja, borde punteado, display block*/
		color:#d2440a; 
		display:block;
		border-bottom:#CCCCCC 1px dotted;
		font-size:12px;
		font-weight:bold;
		padding-bottom:2px;
		padding-top:2px;
	} /*12pt bold 666666*/
	
#lateral .titulo a
	{
		/* letra: naranja, borde punteado, display block*/
		color:#d2440a; 
	}
	
#lateral .titulo img
	{
		/* icono chiquitín alineado a la derecha */
		float:right;
		margin-top:-4px;
	} /*12pt bold 666666*/
	
#lateral ul { margin:12px 5px 20px 0px;
   		list-style:none; }
		
#lateral ul li a
	{ 
		background:url(../images/cuadradito_puntos.gif) 0 0.3em no-repeat;
		padding: 0 0 0 12px;
		margin-bottom:8px;
		display:block;
	}
	
#lateral ul li.flecha a
	{ 
		background:url(../images/flecha_puntos.gif) 0 0.2em no-repeat;
	
	}
	
/*********** FORMULARIOS ************/

	form.usuario
	{
	/*border-left:#999999 1px dotted;*/
	}
		
	form.usuario div 
	 	{
		vertical-align:middle;
		margin:5px 5px 5px 15px;
		clear:both;
		}
		
	form.usuario label 
	 	{
			 
			 color:#d2440a;
			 display:block;
			 margin-bottom:2px;
			 
		}
		
	 form.usuario input.caja 
	 	{
			 padding: 0.2em;
			 border:#ada5ac 1px solid;
			 /*border:#eae7e1 1px solid;*/
			 /*width:120px;*/
			 font-size:11px;
			 color:#666666;
			 display:block;
			 float:left;
			 margin-left:0;
			 margin-bottom:8px;
		}
		
      form.usuario textarea, select
		{
		  padding: 0.2em;
		  font-size: 11px;
		  border:#ada5ac 1px solid;
		 /* border:#eae7e1 1px solid;*/
		  color:#666666;
		  /*vertical-align:middle;*/
		}
				 
	 form.usuario input.lupa 
	 	{
	 		vertical-align:top;
	 		width:16px;
	 		height:16px;
			padding-left:3px;
			padding-top:1px;
		}
	
	
	 form.usuario input.btn
	 	{
		    width:70px;
	 		height:20px;
	 		border:0px;
			background-color: #F2F2F2;
			border: #ada5ac 1px solid;
			font-size:1em;
			color:#333333;
	 		cursor:pointer; /* cursor mano */
	 	}
	
/*********** NOTICIAS ************/

/* ---- Capa que contiene la noticia EN LA PÁGINA PRINCIPAL. Habrá una capa por cada noticia ---- */

.cuadroNoticia {padding: 20px 5px 10px 10px;}

.cuadroNoticia .fotoNoticia 
	
	{
		padding: 15px 0px 0px 0px;
		float:left;
		width:120px;
	}
		

.cuadroNoticia .textoNoticia 

	{
		padding: 0px;
		float:right;
		width:300px;  /*eran 280*/
     }
	
.textoNoticia .fechaNoti  
	{
		margin-bottom:5px;
		color:#999999;
		font-size:10px;
		text-align:left;
		display:block;
	 }
	
	
.textoNoticia .titular 
	{
		font-size:12px;
		color:#d2440a;
		display:block;
		font-weight:400;
		margin-bottom:3px;
	}
	
	.textoNoticia .subtitulo 
		{
	color: #999999;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	margin-top: 8px;
		} 
 	
	 
.textoNoticia .titular a 
	{
		font-size:12px;
		/*color:#00747a;*/
		display:block;
	}
 
	  
.textoNoticia .cuerpo  
	{
		/*padding: 4px 0 8px 0;*/
		line-height:1.1em;
		display:block;
	}
.cuerpo a  
	{
	/*padding: 4px 0 8px 0;*/
	line-height:1.1em;
	color: #000000;
	text-decoration: underline;
	}
	
					  
/* ---- Página de noticias ---- */

/* ---- Capa que contiene la noticia abreviada EN LA PÁGINA DE NOTICIAS. Habrá 2 capas, una por cada noticia abreviada.  ---- */

.cuadroBreve {padding: 20px 5px 10px 10px;}
	
.cuadroBreve .textoNoticia 	{padding:0px;}
	 
.cuadroBreve #cajaMinis

	{
		padding: 8px 0 0 0;
		/*padding-top:8px;
		padding-bottom:0px;
		padding-left:0px;*/
		height:20px;
		border: #eae7e1 1px dotted;
		margin-bottom:20px;
	
     }
	 
	 
#cajaMinis span
	{
		padding: 5px;
	}
					


#cajaMinis img 
	{ 
		margin-left:6px;
		vertical-align:top;
		margin-right:5px;
		margin-top:-2px;
	}

#cajaMinis  a  {color:#737373;
margin-top:2px;}
		
.masInfo
	 
	{
	margin:15px 5px 5px 0px;
	border-top:#eae7e1 1px dotted;/*a1c6cf - verde claro */
	border-bottom:#eae7e1 1px dotted;
	padding:0px 0 8px 8px;
	
	}
	
	
.masInfo .destacado
	{
	padding-top:8px;
	color:#d2440a;
	font-weight:bold;
	margin-bottom:5px;
	}
	


/* ---- Lista de los titulares (enlaces) del resto de noticias ---- */
/* ---- Capa que contiene la lista del resto de noticias EN LA PÁGINA DE NOTICIAS ---- */

#masNoticias
	{
		padding: 5px 5px 5px 10px; 
		margin-top:15px; 
	}	
	
		
#masNoticias a 
	{
		font-size:12px;
		display:block;
		background: url(../images/f_gris.gif) 0em 0.3em no-repeat;
		padding-left:8px;
		margin-bottom:10px;
	 }
	
	
#masNoticias .fechaNoti    /* es igual que .textonoticia .fechanoti*/
	 {
		/*margin-top:5px;*/
	    margin-bottom:3px;
		color:#a8a8a8;
		text-align:left;
		display:block;
		font-size:10px;
	 }

/* Sección Gestión del conocimiento */

.conocimiento 
	{
		 padding:8px; 
		 border:#CCCCCC 1px dotted;
		 line-height:1.2em;
		 margin: 0 0 10px 0;
	 }
	 
.conocimiento .titulo
	{
		color:#d2440a;
		font-weight:bold;
		margin: 0 0 5px 0;
	 }
	 

/* Curriculums */

.curriculum 
	{
		 padding-top:20px; 
		 border:#ffffff 1px dotted;
		 line-height:1.2em;
		 margin: 0 0 10px 0;
	 }
.curriculum .cuerpo 
	{
	margin-top:10px;
	color:#333333;
	margin-bottom:10px;
	}
.curriculum .email
	{
	display:block;
	}
.curriculum .imagen { float:left; margin-right:15px; margin-bottom:0px;}
.curriculum .nombre {color:#d2440a; font-weight:bold; font-size:12px; display:block; margin-bottom:6px}


/* Proyectos */

.proyecto 
	{
		 padding:8px; 
		 line-height:1.2em;
		 margin: 0 0 20px 0;
		 /*border-bottom:1px #ffffff solid; 
		 /*background-color: #F9F9F9;*/
		 border:#CCCCCC 1px dotted;
	 }

.proyecto .titulo {color:#d2440a;
		font-weight:bold;
		margin: 0 0 10px 0;
		/*border-bottom:#CCCCCC 1px dotted;
		padding-bottom:5px;*/}

.proyecto .imagen
	{
	padding-bottom:5px;
		 
		
	 }
.legal{
	font-size:10px;
	color:#999999;

}