a { color: #666; }

img { vertical-align: bottom;} 


html,body { background-color: #ddd; 
height:100%;
color: #222; 
font-family: "Arial", helvetica,"Helvetica Neue", arial, sans-serif; 
margin: 0 auto; 
padding: 0px;  
text-align: center;
}

ul li, p, em { font-size: 10px; 
font-style: normal; 
letter-spacing: 0; }


a { text-decoration: none; }

div#container {float: left;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position: relative; 
width: 800px; 
background-color: #fff; 
padding: 10px 10px 10px 10px ; 
border-bottom: solid 0px #ddd;
}

div#menu {
bottom: 11px;  
left: 621px;  
text-align: left;   
position: fixed;
width: 150px;
height: 30px;
}

div#container2 {float: left;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position: relative; 
width: 800px; 
background-color: #fff; 
padding: 10px 10px 0px 10px; 
border-bottom: solid 0px #ddd;
}

.col { float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px;
}


#titulo {background-color: white;
padding: 20px 0px 20px 16px;
width: 179px;
text-align: left;
position: fixed;
top: 10px;
left: 610px;
font-size: 18px;
font-family: georgia;
color: #555;
z-index: 10;
}

.fecha {
padding: 10px 0px 12px 0px;
text-align: left;
font-size: 10px;
font-family: "Arial", helvetica,"Helvetica Neue", arial, sans-serif;;
color: #bbb;

}

.one { width: 60px;}
div#imgnav {  position: absolute;}
.two { width: 200px;; }
.twoot { width: 150px; float: right; font-size: 10px; color: #999; }
.three { width: 220px;}
.threee { position: static; 
float: left; 
width: 167px; 
height: 367px; 
padding: 15px; 
border: solid 1px #eee; 
margin-bottom: 1px; 
margin-right: 1px;
}
.four { width: 200px; 
height:200px;
margin-left: -1px;
padding-right:1px; 
}

.fourtwo { width: 155px; 
height:155px;
line-height: 20px;
padding: 45px 0px 0px 45px; 
font-size: 24px;
font-family: georgia;
color: #aaa;
text-align: left;}

.fourtwo a {
color:#aaa;
}

.fourthree { width: 155px; 
height:155px;
line-height: 20px;
padding: 45px 0px 0px 45px; 
font-size: 24px;
font-family: georgia;
color: #aaa;
position: absolute;
left: 200px;
text-align: left;}

.fourfour { width: 155px; 
height:155px;
line-height: 20px;
padding: 45px 0px 0px 45px; 
font-size: 24px;
font-family: georgia;
color: #aaa;
position: absolute;
top: 200px;
text-align: left;}


#navwrap { position: static; float: left; width: 200px;}

#prev { z-index: 11;  
background-color: white; 
border: none 1px #ccc; 
width: 49px;
font-size: 16px; 
left: 625px; 
position: fixed;
padding: 20px 0px 20px 0px;
}

#next { z-index: 10;  
background-color: white;
width: 49px;  
border: none 1px #ccc; 
font-size: 16px;
left: 753px; 
text-align: right;
position: fixed;
padding: 20px 0px 20px 0px;
}

.five { width: 380px; }
.six { width: 280px;}
.sixteen { width: 150px;}
.seven { width: 100%;}
.eight { width: 619px; padding-bottom: 18px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 100%; padding-bottom:19px;}
.twelve { width: 940px; }


.grande { position: relative; 
float: left; 
text-align: center; 
margin-right: 0px; 
margin-bottom: 10px;
}

p, h2 { margin: 0px 0px 5px; }
a img { border: 0px; }
.col hr { margin: 0px 0px 15px; }

h2 { overflow: hidden; }
input#filter { display: inline; 
width: auto; 
padding: 1px 0px; 
border: 0px; 
background: #eee; 
font-size: inherit; 
color: inherit; 
}

div#content ul.project-list { width: 100%; }
ul.project-list div.thumbnail a { }
ul.project-list div.summary { margin: 0px 0px 0px 20px; }

div#images{ background-color: blue; width: 599px;}

div#media { width: 599px;}

div.description { margin: 0px 0px 10px; border: 0px; }

div#footer {background-color:#fff; 
bottom: 10px; 
padding: 10px 12px 10px 10px; 
left: auto; 
right: 10px; 
text-align: right;   
position: fixed;
font-size: 10px; 
color: #999;
}

p#footer em {  }