*{margin:0; padding:0;}

.ancho_principal {  width:700px;  margin:0 auto;  }

.clear {			clear:both;  }

body {				font-family: Arial, verdana, helvetica, sans-serif;  color:#3399CC;  font-size:12px;  }

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

a 	{				color:#999999;  text-decoration:none; }
a:hover {			color:#3399CC;  text-decoration:underline; } 
	
.espacio5 {		   	margin-top:5px;  }
.espacio10 { 		margin-top:10px;  }
.espacio20 { 		margin-top:20px;  }
.espacio30 { 		margin-top:20px;  }
.espacio100 {	 	margin-top:100px;  }

/* cabecera */
#cabecera 		{	position:relative; width:100%;  float: left; margin-top:50px; }
#cabecera #titulo { width:100%; font-size:24px;  font-weight:bold; float:left;  }
#cabecera #motto {	width:100%; margin-top: 2px;  float:left;  }
#cabecera a 	{	text-decoration:none; }
#cabecera a:hover {	text-decoration:underline; } 

/* cuerpo general */
#cuerpo 				{ position:relative; width:100%; float:left; min-height:300px; border:solid #0099FF; margin-top:20px;  }
#cuerpo #contenido		{ position:relative; width:95%; float:left; margin:10px 0 10px 20px;  }
#cuerpo #subtitulo		{ float:left; font-size:22px;  color:#999999;  width:100%; margin-bottom:10px;  }

#cuerpo .textoderecha 	{ float:right;  text-align: right;  }
#cuerpo .texto 			{ margin-top:10px;  }
#cuerpo .cajaderecha 	{ width:30%;  float: right;  }

/* inicio */
#inicio .apartado		{ float:left; font-size:18px; color:#999999; width:100%; margin:10px 0 5px 0; }
#inicio .trabajo		{ float:left; width:110px; margin-bottom:10px; text-align:center; }

/* proyecto */
#proyecto #fotoproyecto	{ width:100%; height:100%;  float: left;  z-index: -1; margin:5px 0 10px 0;  }

/* pie */
#pie			  { position:relative; width:100%; margin-top:20px; }
#pie #linea_1_izq { float:left;  width:60%;  }
#pie #linea_1_dch { float:right; width:40%; font-size:22px; color:#999999; text-align:right;  }
#pie #linea_2_dch { float:right;  width:100%;  text-align: right;  }
#pie #out_izq     { float:left; width:50px; margin:-40px 0 0 -50px;  }

/* formulario e-mail */
#econtacto {		position: relative;  width:100%;  float:left;  }

#econtacto .etiqueta {	width:20%;  margin-top:5px;  float:left;  }	

#econtacto .cajaform {	vertical-align:top;  width:80%;  margin-top:5px;  float:left;  }