body{
background-color:#444445;
font-family:"Century Gothic","Trebuchet MS",sans-serif;
color:#999999;
margin-left:50%;
margin-top:0px;
}
h1{
font-size:56px;
font-weight:normal;
}
#nav{
background-color:#444445;
}
#nav ul{
list-style:none; margin:0px; padding:0px;
}
#nav ul li{
float:left;
position:relative;
font-size:22px;
}
#nav ul li a{
padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:focus{
text-decoration:none;
border:1px solid #999999;
}
#nav ul li a:hover{
color:#cc3333;
}
.clearfix{display:block;}
.clearfix:after{display:block;visibility:hidden; clear:both;}
#about{
margin-top:100px;
}
#cv{
width:450px;
height:380px;
margin-top:20px;
margin-left:20px;
}
#portf{
width:400px;
height:330px;
margin-top:20px;
}
#portf ul li{
list-style:none;
margin-left:0px;
}
#expo{
width:550px;
margin-top:20px;
margin-left:20px;
}
#expo ul li{
list-style:none;
margin-left:0px;
}
#foto{
padding-top:3%;
padding-bottom:40px;
text-align:center;
}
#libros{
width:350px;
right:10px;
top:785px;
position:absolute;
}
#libros ul li{
list-style:none;
margin-left:0px;
}
h2{
text-align:left;
padding-top:30px;
font-weight:normal;
color:#84bbcb;
}
h3{
color:#cccccc;
text-align:right;
font-weight:normal;
padding-bottom:20px;
}
div{
background-color:#444445;
}
#content{
width:500px;
margin-left:-250px;
position:relative;
}
#cuerpo{
width:800px;
margin-left:-400px;
padding-top:5px;
position:relative;
}
#cuerpo2{
width:800px;
height:1500px;
margin-left:-400px;
padding-top:5px;
position:relative;
}
#cuerpo3{
width:800px;
height:500px;
margin-left:-400px;
padding-top:20px;
position:relative;
}
#cuerpo4{
width:800px;
height:1000px;
margin-left:-400px;
padding-top:5px;
position:relative;
}
#menufotos{
width:800px;
height:200px;
float:left;
list-style:none;
}
#menufotos ul{list-style:none;}
#menufotos ul li{
float:left;
width:120px;
padding:5px;
margin:10px;
background-color:#505152;
text-align:center;
}
#galeria{
width:650px;
margin-left:20px;
margin-top:20px;
padding-top:20px;
}
#galeria ul{
list-style:none;
}
#galeria ul li{
float:left;
padding:10px;
margin:10px;
}
#vgal{
margin-top:20px;
}
#vgal a:link, #vgal a:visited, #vgal a:active{
font-size:20px;
color:#84bbcb;
}
#vgal a:hover{
color:#cccccc
}
#vent{
width:180px;
height:200px;
float:left;
top:450px;
padding-top:20px;
list-style:none;
}
#vent ul{list-style:none;}
#vent ul li{
float:left;
width:120px;
padding:5px;
margin:10px;
background-color:#505152;
text-align:center;
}
#iyv{
width:430px;
height:200px;
float:left;
top:450px;
padding-top:20px;
list-style:none;
}
#iyv ul{list-style:none;}
#iyv ul li{
float:left;
width:120px;
padding:5px;
margin:10px;
background-color:#505152;
text-align:center;}
#ang{
float:left;
width:800px;
height:200px;
top:800px;
list-style:none;
padding-bottom:40px;
}
#ang ul{list-style:none;}
#ang ul li{
float:left;
width:120px;
padding:5px;
margin:10px;
background-color:#505152;
text-align:center;
}
#ero{
float:left;
width:800px;
height:210px;
margin-top:25px;
list-style:none;
}
#ero ul{list-style:none;}
#ero ul li{
float:left;
width:120px;
padding:5px;
margin:10px;
background-color:#505152;
text-align:center;
}
#fest{
width:500px;
margin-left:20px;
margin-top:20px;
}
#L1{
width:230px;
left:100px;
top:305px;
position:absolute;
font-size:14px;
}
#L2{
width:230px;
left:100px;
top:1000px;
position:absolute;
font-size:14px;
}
#libro1{
width:250px;
height:280px;
right:200px;
top:150px;
position:absolute;
}
#libro2{
width:500px;
height:283px;
right:200px;
top:450px;
position:absolute;
}
#libro3{
width:250px;
height:350px;
right:200px;
top:800px;
position:absolute;
}
#libro4{
width:500px;
height:341px;
right:200px;
top:1170px;
position:absolute;
}
a{
color:#999999;
text-decoration:none;
}
a:hover{
color:#cccccc;
text-decoration:underline;
}
#cont{
width:300px;
margin-left:20px;
}
#copia{
width:420px;
margin-left:20px;
margin-top:20px;
}
#web{
width:200px;
right:20px;
top:100px;
position:absolute;
list-style:none;
}
#btcerrar{
width:20px;
height:20px;
top:40px;
right:70px;
position:absolute;
}
#btant{
width:25px;
height:25px;
top:433px;
left:65px;
position:absolute;
}
#btsig{
width:25px;
height:25px;
top:430px;
right:65px;
position:absolute;
}
#textvent{
width:440px;
height:800px;
top:150px;
margin-left:150px;
position:absolute;
}
#textmo{
width:440px;
height:800px;
top:150px;
margin-left:150px;
position:absolute;
}
#textpoc{
width:440px;
height:650px;
top:150px;
margin-left:150px;
position:absolute;
}
#textss{
width:440px;
height:1000px;
top:150px;
margin-left:150px;
position:absolute;
}
#textita{
width:440px;
height:1200px;
top:150px;
margin-left:150px;
position:absolute;
}
#top{
width:70px;
height:24px;
top:1230px;
right:120px;
position:absolute;
}
#top1{
width:70px;
height:24px;
top:900px;
right:120px;
position:absolute;
}
#top2{
width:70px;
height:24px;
top:750px;
right:120px;
position:absolute;
}
#top3{
width:70px;
height:24px;
top:1080px;
right:120px;
position:absolute;
}
#fotoy{
width:200px;
height:280px;
top:580px;
right:20px;
position:absolute;
}
#conty{
width:200px;
top:870px;
right:20px;
position:absolute;
}
#cop{
top:980px;
right:20px;
position:absolute;
}
#form{
width:350px;
height:350px;
left:20px;
top:600px;
position:absolute;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#505152}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #49494a;
  border-right:1px solid #49494a;
  background:#4d4d4e}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #454546;
  border-right:1px solid #454546;
  background:#4d4e4f}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #4d4e4f;
  border-right:1px solid #4d4e4f;}
.spiffy4{
  border-left:1px solid #49494a;
  border-right:1px solid #49494a}
.spiffy5{
  border-left:1px solid #4d4d4e;
  border-right:1px solid #4d4d4e}
.spiffyfg{
  background:#505152;
  padding-left:10px;}