html
{text-shadow: 1px 1px rgb(50, 50, 50);
background-color: rgb(52, 59, 94);
margin: 0;
padding: 0 0 0 30px;
background-image: url(fondo.jpg);
background-size: auto 100%;
-moz-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right center;
overflow: auto;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
font-family: 'Terminal Dosis';}

body
{cursor: default;}

nav, section, header
{display: block;}

a:active
{position: relative;
top:1px;}

header
{color: rgb(255, 255, 255);
width: 380px;
margin-top: 27px;}

h1
{font-size: 66px;
line-height: 66px;
margin: 0;
color: rgb(255, 255, 255);}

h2
{font-size: 19px;
font-weight: normal;
font-style: normal;
line-height: 22px;
margin: 20px 0 10px;}

.principal
{color: rgb(255, 255, 255);
width: 450px;}

nav.main a
{display: block;
color: rgb(255, 255, 255);
text-decoration: none;
font-size: 15px;
overflow: visible;
height: 25px;}

nav.main .resume
{padding-top: 15px;
position: relative;
left: -6px;
padding-bottom: 10px;}

nav.main .resume .resume-icon
{width: 25px;
height: 25px;
display: block;
float: left;
line-height: 99px;
overflow: hidden;
background: url(botones.png) -750px 0;
position: relative;
top: -4px;}

nav.main .resume .resume-text
{opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
display: block;
float: left;
-moz-transition: opacity 500ms linear;
-webkit-transition: opacity 500ms linear;
transition: opacity 500ms linear;
position: relative;}

nav.main .resume:hover .resume-text
{opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);}

nav.main .blog
{padding-bottom: 10px;
padding-top: 10px;
height: 35px;}

nav.main .blog strong
{display: block;}

nav.main .blog-text
{opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-transition: opacity 500ms linear;
-webkit-transition: opacity 500ms linear;
transition: opacity 500ms linear;}

nav.main .blog:hover .blog-text
{opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);}

nav.social
{overflow: hidden;
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 5px;
position: relative;
left: -5px;}

nav.social a
{line-height: 199px;
display: block;
float: left;
width: 50px;
height: 49px;
background: url(botones.png);
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
margin-right: 10px;
-moz-transition: opacity 500ms linear;
-webkit-transition: opacity 500ms linear;
transition: opacity 500ms linear;}

nav.social a:hover
{opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);}

nav.social a.twitter
{background-position: 0 0}
nav.social a.flickr
{background-position: -50px 0}
nav.social a.google
{background-position: -100px 0}
nav.social a.linkedin
{background-position: -150px 0}
nav.social a.facebook
{background-position: -200px 0}
nav.social a.youtube
{background-position: -250px 0}
nav.social a.wordpress
{background-position: -300px 0}

p.counter
{position: absolute;
right: 0px;
bottom: 0px;
font-family: courier;
text-align: right;
font-size: 12px;
color: white;
cursor: default;}

p.counter a
{color: white;
text-decoration: none;}

p.counter
{opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-moz-transition: opacity 500ms linear;
-webkit-transition: opacity 500ms linear;
transition: opacity 500ms linear;}

p.counter:hover
{opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);}