body {padding:2px; font-family:Tahoma, Arial;}
#Cuerpo{position:static;margin-top:5px; padding:2px; width:95%; height:300px; clear:both; margin:auto;}
#Cuerpo h2{font-family:GoodDog, comic sans ms, Verdana; text-align:center; color:#606; font-size:1.5em; margin-bottom:0px;}  
#Container1 {width:5px; float:left; top:0px; }
#Container2 {min-width:200px; float:left; width:25%; text-align:center;}
#Container3 {min-width:230px; padding:5px; float:left; width:25%;}
#Container4 {min-width:230px;padding:5px; float:left; width:20%;}
#Container5 {float:left; width:25%; height:600px; text-align: Center;}
.done1 {display:inline-block; width:45%; height:20%;  margin:2px;}
.done1 img {width:100%;border:1px solid black; border-radius:15px;}
#Galeria{width:100%; clear:both;}
#Galeria img{width:24%; margin:1%; float:left; display:inline;}
#HeadBox{font-family:comic sans ms; color:#008; font-size:12pt; border:1px solid #b00; border-radius:20px; box-shadow:-5px 5px 10px grey; padding:10px; background-color:#cff; height:100%; min-height:130px; text-align:center; background: -moz-linear-gradient(top,#cff 25%, #ee0 100%);  background: -webkit-linear-gradient(top,#cff 25%, #ee0 100%);}
#HeadBox h1{margin:0px; text-align:center; position:relative; font-family:comic sans ms; font-weight:bold; color:green;}
#NavSmall{margin:auto; text-align:center;}
#NavSmall a {color: gray; font-family: Tahoma, arial, helvetica, sans-serif; text-decoration:none; padding:2px 5px; font-size:12px; border-left:dotted 1px grey; padding-left:5px;}
#NavSmall a:hover {te xt-decoration:underline; color:black; }
#Logo {position:relative; float:left;}
#title{font-weight:bold; font-size:32px; font-family:gooddog, Comic Sans MS; color:#606;}
#FFace img{border:3px solid #b00; position:relative; float:right; border-radius:10px; -webkit-transition-property: box-shadow, height, width; -webkit-transition-duration:.5s; transition-property: box-shadow, height, width; transition-duration:.5s;}
#FFace img:hover{z-index:0; position:static; height:400px; width:400px; box-shadow:-10px 10px 5px #000; float:right;}
#Promo1 img{position:absolute;width:100px; opacity:0.3; left:42%;}
nav {z-index:2; clear:none;  background-color:tale; overflow:visible; text-shadow:-1px 2px 2px #000; margin-top:20px; text-align:center;}
nav ul{position: relative; display: inline-table; margin:auto;}
nav li{list-style-type: none; box-shadow:-1px 1px 1px #000; border:1px solid;/* : x, y, blurr, color */ border-radius:10px; transition-property: box-shadow, top; transition-duration:.2s; -webkit-transition-property: box-shadow, top; -webkit-transition-duration:.2s; background:rgba(255,30,50,1);color:#A00; border-bottom-color:#950; border-bottom-width:3px;border-left-color:#950; border-left-width:3px; border-top-color:#fcf;border-top-width:3px; border-right-color:#fcf; border-right-width:3px; margin-right:10px; display:inline; padding:10px; position:relative;}
nav li:hover{box-shadow:-10px 10px 5px #000; cursor:pointer; position:relative; top:-2px; left:2px; background: -moz-linear-gradient(top,#FC0 40%, #00f 60%, #f00 90%);background: -webkit-linear-gradient(top,#FC0 40%, #00f 60%, #f00 90%);}
nav ul li {float: left;}
nav ul li:hover ul {display: block; position:absolute; z-index:1;}
nav ul li:hover li{display: block; position:relative; z-index:1;}
nav ul li a {display: block; color:yellow; font-family:verdana; text-decoration:none; text-transform:capitalize;}
nav ul ul {display:none; padding:0; top:100%; margin:auto;}
nav ul ul li { position: relative; width:80px; text-align:left; overflow:hidden; padding:5px;}
footer{width:100%; text-align:center; clear:both;}