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

/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }

/*CLEARFIX*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*----- GENERAL -----*/

body {
	margin:0px;
	padding:0px;
	font:0.8em/130% Corbel, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;

	color:#FFF;	
	text-align:left;
}

a {
	text-decoration:none;
}

#portfolio {
	background:#091d27 url(../img/fondo_portfolio.gif) no-repeat 0px -20px;
}
#portfolio a {
	color:#2e8ed6;
}

#perfil {
	background:#24041d url(../img/fondo_perfil.gif) no-repeat;
}
#blog {
	background:#ffffff url(../img/fondo_blog.gif) no-repeat;
	color:#3c3c3c;
}

h1 {
	height:25px;
	width:288px;
	position:absolute;
	top:115px;
	left:80px;
	text-indent:-5000px;
	background:transparent url(../img/logo.png) no-repeat right center;
}

#blog h1 {
	background:transparent url(../img/logo_invertido.png) no-repeat right center;
}

h2, h3 {font-family: 'ColaborateLight',Corbel, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;}

h2 a{
	color:#ffffff;
}

/*----- NAVEGACIÓN -----*/
#menu {
	position:absolute;
	top:0px;
	left:721px;
}

#portfolio #menu {
	position:fixed;
}


#menu li{
	float:left;
	width:79px;
	height:140px;
	margin-right:1px;	
}

#menu li a{
	display:block;
	width:79px !important;
	height:140px !important;
	text-align:center;
	text-indent:-5000px;	
}

#menu1, #menu1 a  {background:url(../img/menu1.gif) no-repeat;}
#menu2, #menu2 a  {background:url(../img/menu2.gif) no-repeat;}
#menu3, #menu3 a  {background:url(../img/menu3.gif) no-repeat;}

#portfolio #menu li, #portfolio #menu li a {background-position:0px 0px}
#perfil #menu li, #perfil #menu li a {background-position:-79px 0px}
#blog #menu li, #blog #menu li a {background-position:-158px 0px}

#menu #menu1 a:hover, #menu #menu1 a.animado {background-position:0px 0px !important}
#menu #menu2 a:hover, #menu #menu2 a.animado {background-position:-79px 0px !important;}
#menu #menu3 a:hover, #menu #menu3 a.animado {background-position:-158px 0px !important}


/*----- PORTFOLIO -----*/

#proyectos {
	margin:210px 0px 0px 82px;
	width:878px;
	position:relative;
}

#listadoproyectos {
	position:absolute !important;
	right:0px !important;
	width:240px !important;
}

#listadoproyectos li{
    cursor: pointer;
}

#listadoproyectos li:hover{
    background-color:#0a3356;
}

#listadoproyectos li.selected, #listadoproyectos li.selected:hover{
    background-color:#17548d;
}

#listadoproyectos li h3{
	color:#09b9f4;
	text-transform:uppercase;
}

#listadoproyectos li.selected h3{
	color:#FFF !important;
}

div.proyecto {
	margin-bottom:30px;
	width:600px;
}

div.proyecto h2 {
	text-transform:uppercase;
	font-size:24px;
	margin-bottom:10px;
	font-weight:normal;
}

div.proyecto p, div.proyecto table{
	margin-bottom:40px;
}

div.proyecto table{
	background-color:#FFF;
}

div.proyecto table td{
	padding:10px;
	text-align:center;
}

div.proyecto p.categorias {
	font-size:1.2em;
	margin-bottom:8px;
}


/*----- PERFIL -----*/

#contenidos a {
	color:#d598c2;
}

#contenidos a:hover {
	text-decoration:underline;
}

#contenidos {
	padding:210px 0px 0px 140px;
	width:820px;
}

#contenidos h2 {
	text-transform:uppercase;
	font-size:22px;
	width:207px;
	text-align:right;	
}

#contenidos p, #contenidos ul {
	margin:0px 0px 50px 227px;	
	font-size:1.1em;
}

#contenidos p.intermedio {
	margin-bottom:10px;	
}

#contenidos ul li{
	float:left;
	width:296px;
	padding:5px 0px;
}

#contenidos ul#enlaces li{
	width:196px;
}

#contenidos ul li img{
	vertical-align:middle;
}

/*----- PIE -----*/

#pie {
	text-align:right;
	width:960px;
	padding:30px 0px 20px 0px;
	font-size:0.9em;
}

#pie a{
	color:#FFF;
	text-decoration:underline;
}

#blog #pie a{
	color:#93000b;
	text-decoration:underline;
}