/* --------------------
reset + generales
----------------------- */

* {margin:0; padding:0;}
body {background:#FFF url(img/maqueta/bg.gif) -200px -10px fixed no-repeat; font:10px/1.1 Tahoma, Lucida Sans, Arial, Helvetica, sans-serif; color:#777; margin:15px 0 150px 0px;}
img, a, acronym {border:none; outline:none;}
img.precarga {visibility:hidden; position:absolute; z-index:1;}
.clear {clear: both; visibility: hidden; height:0; overflow:hidden; font-size:1px; line-height:0;}
.esconde {display:block; position:absolute; text-indent:-3000px; overflow:hidden;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
strong {font-weight:normal;}

a, a:link, a:hover, a:active, a:visited {color:#777; text-decoration:none}
a:hover {text-decoration:underline;}



/* --------------------
cuerpo
----------------------- */
* html #header {
		position:absolute;
		}
	#header {
		margin:0 0px 0px 0;
		position:fixed;
		left:15px;
		width:240px
		}

*html p#promsite {
	position:absolute; top:200px;
}				
p#promsite {
	position:fixed; bottom:25px;
}		

#envuelveTodo {
	width:730px; 
	margin:0 0 0 265px; 
	}

		
		h1 {margin:0px 0 0 0;}

		p#presentacion {
			margin:5px 0 0 0;
			width:230px;
			}
			
		ul.secciones {
			list-style:none; 
			color:#FFF; 
			line-height:1em; 
			margin:20px 0 0 0; 
			width:230px;
			font-style:italic;
			}
			
			ul.secciones li {
				padding:0 0 0 1px;
				margin:0 0 0 0;
				line-height:1.5;
				}			

				ul.secciones li a:link, ul.secciones li a:hover, ul.secciones li a:visited, ul.secciones li a:active {
					background:#000; 
					color:#FFF; 
					text-decoration:none;
					padding:0 2px 0px 0;
					}


		ul#contacto {
			list-style:none;
			border-top:1px dotted #999999; 
			border-bottom:1px dotted #999999; 
			margin:13px 0 0 0; 
			padding:4px 0 6px 0; 
			line-height:1.1; 
			width:225px;
			}
			
		ul#contacto a:link, ul#contacto a:hover, ul#contacto a:visited, ul#contacto a:active {
			color:#000;
			}			
			
/*
-----------
trabajos
-----------
*/

div.trabajo {
	margin:0px 0px 60px 0;
	}
	
	ul.imagenes {
		width:721px;
		margin:0 10px 0 0;
		list-style:none;
		}
	
		ul.imagenes li {
			float:left;
			}
	
		ul.imagenes li.miniatura {
			margin:9px 0px 0 0;
			}		
		
		ul.imagenes li.uno {
			margin-right:13px;
			}		
	
			ul.imagenes img {
				border:1px solid #DDD;
				}
				

	div.describeTrabajo {
		width:340px; 
		margin:8px 0px 5px 370px;
		font-size:10px;
	}
	
		h3 {
			margin:0px 0 0px 0;
			font-weight:normal;
			color:#333;
			line-height:1em;
			padding:0 0px 0px 0px;
			}

		ul.detallesTrabajo{
			list-style:none;
			margin:3px 0 3px 0px;
			}
	
			ul.detallesTrabajo span{
			color:#666;
			}
			
		div.describeTrabajo p {
			margin:0 0 7px 0;
			}
					
			

		
	

/* NAVEGACION */		
		
		ul#auxNav {
			list-style:none;
			text-align:right; 
			position:fixed; 
			z-index:150; 
			right:0; 
			text-transform:uppercase; 
			top:8px;
			font-weight:bold;
			}
			
			ul#auxNav li {margin:4px 0}
			ul#auxNav a {color:#333; text-decoration:none; background:#b4a783; padding:2px 5px;}
			ul#auxNav a:hover {background:#9F5899;}
			

				
				
/* --------------------
amigos
----------------------- */

#amigos {padding-bottom:200px;}

	#amigos .envuelveLista {float:left; width:175px; margin:10px 2px 0 0;}
	#amigos .colegas {width:195px;}
	
	#amigos h5 {margin:0px 0 5px 0;}	

		#amigos ul {list-style:none}
		
				#amigos ul a:link, #amigos ul a:hover, #amigos ul a:active, #amigos ul a:visited {font-weight:normal;}

	




/* --------------------
personales
----------------------- */

.personales #header {
	margin:0 0px 30px 0;
	}
#envuelveTodo.personales  {
	width:743px; 
	}	

	
	#thumbnails {
		/* background:url(img/maqueta/bg_perso_pattern.gif); */
		}
		
		#thumbnails li {
			float:left; 
			margin:0 5px 3px 0;
			line-height:1em;
			}