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

/* 	PALETA DE COLORES
*
*	Gris oscuro: #333;
*	Gris claro: #999;
*	Celeste: #AFD5CD;
*/

body { font: 12px "Courier New", Courier, monospace; background: #FFF; color: #333; }
#container { width: 860px; margin: 0 auto; padding: 0 20px 0 20px; background: #FFF; }
#header { width: 100%; height: 68px; margin-top: 80px; background: url(../img/header.png) }
#menu { height: 20px; margin-bottom: 10px; }
#footer { height: 20px; color: #999; clear: both; }
#picture-miscelanea { margin-bottom: 10px; }
#picture-miscelanea img { margin-right: -7px; }

/* HTML */
a { color: #FFF; background: #AFD5CD; text-decoration: none; }
a:hover { background: #333; }
p { margin-top: 10px; padding: 0; }

/* MENU */
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; }
#menu li a { height: 18px; padding-top: 2px; background: #999; text-align: center; display: block; }
#menu li a:hover { background: #333; }
#menu .selected a { background: #333; }
.uno { width: 110px; margin-right: 20px; }
.dos { width: 170px; margin-right: 20px; }
.tres { width: 110px; margin-right: 20px; }
.cuatro { width: 120px; margin-right: 20px; }
.cinco { width: 90px; margin-right: 20px; }
.seis { width: 160px; margin-right: 0; }

/* FOOT */
.left { float: left; }
.right { float: right; }

/* LAYOUT */
.col { margin-bottom: 10px; float: left; }
.col-left { width: 400px; }
.col-right-list { width: 250px; padding-left: 210px; }


/* VARIAS */
.blue { color: #AFD5CD; }
#picture { height: 340px; margin-bottom: 10px; }
#text { margin-bottom: 10px; }
.col-180 { width: 180px; }
.col-140 { width: 140px; }
.miscelanea { width: 210px; padding-right: 5px; }

/* WORKS */
#work { width: 600px; margin-right: 10px; margin-bottom: 10px; float: left; }
#list { width: 250px; margin-bottom: 10px; float: left; }
#list ul { list-style: none; margin: 0; padding: 0; }
#list ul li { margin-bottom: 2px; background: #999; }
#list ul li a { display: block; text-decoration: none; padding: 2px; }




.clearfix:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, #container { display: inline-block; }
* html .clearfix, * html #container { height: 1%; }
.clearfix, #container { display: block; }