@font-face { 
    font-family: FiraSans; 
    src: url('FiraSans-Medium.eot');
} 

html {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font: normal 80% Arial, Helvetica, sans-serif;
    color: #A0A0A0;
}

article, footer, header, nav, section { 
    display:block;
}

p { 
    padding: 0 0 10px 0;
    color: #000;
    line-height: 1.7em;
}

h1, h2, h3 {
    font: bold 200% 'FiraSans', Arial, sans-serif;
    color: #0043A8;
    text-shadow: 1px 1px #fff;
    letter-spacing: -1px;
    margin: 0 0 10px 0;
}

h2 { 
    font: bold 165% 'FiraSans', Arial, sans-serif;
    background: #E6E6E6;
    color: black;
}

h3 {
    font: bold 165% 'FiraSans', Arial, sans-serif;
}

a, a:hover { 
    color: #000;
    background: transparent;
    outline: none;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

ul { 
    margin: 2px 0 22px 30px;
    line-height: 1.7em;
    font-style: normal;
    font-size: 100%;
}

#caja {
    background: #A0A0A0;
}

#caja, header, #cabecera, #menubar, #site_content, footer, nav { 
    margin-left: auto; 
    margin-right: auto;
}
  
header { 
    height: 120px;
    background: url(textil.png) repeat;
}

nav {
    height: 50px;
}  
  
#menubar {
    width: 740px;
    height: 50px;
    text-align: center; 
    margin-top: -25px;
    background: #0043A8;
    background: -moz-linear-gradient(#43A9FF, #0043A8);
    background: -o-linear-gradient(#43A9FF, #0043A8);
    background: -webkit-linear-gradient(#43A9FF, #0043A8);
    border: 1px solid #0043A8;
} 
  
#cabecera {
    width: 740px;
    position: relative;
    height: 50px;
    margin: 0 auto;
    text-align: right;
    padding: 15px 0 10px 20px;
    background: transparent;
} 
  
#cabecera h3 {
    font: normal 400% 'FiraSans', Arial, sans-serif;
    letter-spacing: -3px;
    text-shadow: 1px 1px black;
    color: white;
    padding-right: 20px;
}

ul#nav {
    margin:0;
}

ul#nav li {
    padding: 0 0 0 0px;
    list-style: none;
    margin: 2px 0 0 0;
    display: inline;
    background: transparent;
}

ul#nav li a {
    float: left;
    font: bold 120% Arial, Helvetica, sans-serif;
    height: 24px;
    margin: 10px 0 0 20px;
    text-shadow: 1px 1px #000;
    padding: 6px 20px 0 20px;
    background: transparent; 
    text-align: center;
    color: #FFF;
    text-decoration: none;
} 
  
ul#nav li.current a { 
    color: black; 
    text-shadow: none;
}
  
ul#nav li:hover a {
    color: black;
    text-shadow: none;
}

p#fecha {
    color: red;
}

#site_content {
    width: 740px;
    overflow: hidden;
    background: white;
    border: 1px solid grey;
} 

#content {
    width: 680px;
    margin: 20px 20px 20px 20px;
    float: left;
}

p#content {
    font: 'FiraSans', Arial, sans-serif;
}
 
footer {
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #0043A8;
    background: #A0A0A0;
}

footer a, footer a:hover { 
    color: #0043A8;
    text-decoration: none;
    padding-bottom: 20px;
}

footer a:hover {
    text-decoration: underline;
}
  
.boton {
    float: right;
    margin: 2px 0 22px 30px;
    line-height: 1.7em;
    font: bold 120% Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px #000;
    height: 50px;
    width: 185px;
    background: #0043A8;
    background: -moz-linear-gradient(#43A9FF, #0043A8);
    background: -o-linear-gradient(#43A9FF, #0043A8);
    background: -webkit-linear-gradient(#43A9FF, #0043A8);
    border: 1px solid #0043A8;
}
  
.boton a {
    display:block;
    height: 50px;
    width: 185px;
    color: white;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px #004C8C;
}