body {
	font-family:Arial, Helvetica, sans-serif;
	}

#contenedor {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:url(img/firulete.jpg) repeat-y 10%;
}

#header {
	width:940px;
	margin-left:10px;
	padding-top:50px;
	}

#sobremi, #portfolio, #aptitudes {
	width:940px;
	margin-left:10px;
	margin-top:800px;
	}

#sobremi {
	background:url(img/sobremi.jpg) no-repeat 90% 15%;
	padding-top:200px;
	}

#portfolio {
	background:url(img/portfolio.jpg) no-repeat 80% 5%;
	padding-top:250px;
	}

#portfolio .contenido {
	padding-top:25px!ie;
	}

#aptitudes {
	background:url(img/aptitudes.jpg) no-repeat 80% 15%;
	padding-top:250px;
	}
	






.contenido {
	width:540px;
	line-height:22px;
	color:#666666;
	font-size:17px;
	}

.right {float:right;}
.left {float:left;}

.logo {
	width:363px;
	height:93px;
	background:url(img/logo.jpg);
	display:block;
	margin-right:70px;
	float:right;
	}

/* ---------------------------------- MENU FLOTANTE */
 #floatMenu {  
     position:absolute;  
     top:150px;  
     right:50%;  
     margin-right:235px;  
     width:200px; 
	 font-size:12px;
 }  
 #floatMenu ul {  
     margin-bottom:20px;  
	 list-style:none;

 } 

#floatMenu ul li {
	display:block;
	margin-bottom:10px;
	}
	
 #floatMenu ul li a {  
     display:block;  
     border:1px solid #E4E4E4;
     border-right:6px solid #E4E4E4;  
     text-decoration:none;  
     color:#999999;  
     padding:5px 5px 5px 25px;   	 background-color:#FFFFFF;
 }
 
#floatMenu ul li a:hover {
	border:1px solid #999999;
	border-right:6px solid #999999;
	color:#666666;
	}
	
a img {
	border:none;
	}

/* -------------------------------------------- PORTFOLIO */
.proyecto {
	width:270px;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:18px;}

.pie {font-size:11px;
}

h3 {
	font-size:28px;
	font-weight:normal;
	letter-spacing:-0.05em;
	}

#portfolio a {
	color:#666666;
	text-decoration:none;	
	}

#portfolio a:hover {
	text-decoration:underline;
	}
/* ---------------------------------------------- APTITUDES */

.programa {
	width:220px;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:18px;
	}

#aptitudes ul {
	font-size:11px;
	padding-left:5px;
	margin-right:35px;
	}

#footer {
	height:300px;
	}
			
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}