/*Hoja de estilos de JT45*/

@font-face {
    font-family:'DTLNobelT';
    src: url('fonts/dtlnovel/dtlnobelt-bold-webfont.eot');
    src: url('fonts/dtlnovel/dtlnobelt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dtlnovel/dtlnobelt-bold-webfont.woff') format('woff'),
         url('fonts/dtlnovel/dtlnobelt-bold-webfont.ttf') format('truetype'),
         url('fonts/dtlnovel/dtlnobelt-bold-webfont.svg#dtl_nobelt_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:'Lato';
    src: url('fonts/lato/lato-regular-webfont.eot');
    src: url('fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Lato';
    src: url('fonts/lato/lato-light-webfont.eot');
    src: url('fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-light-webfont.woff') format('woff'),
         url('fonts/lato/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family:'Lato';
    src: url('fonts/lato/lato-italic-webfont.eot');
    src: url('fonts/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-italic-webfont.woff') format('woff'),
         url('fonts/lato/lato-italic-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato/lato-black-webfont.eot');
    src: url('fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-black-webfont.woff') format('woff'),
         url('fonts/lato/lato-black-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
    font-weight:900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato/lato-bold-webfont.eot');
    src: url('fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-light-webfont.eot');
    src: url('fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans/opensans-semibold-webfont.eot');
    src: url('fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}


header {
    background-color:white;
    font-family:"Open Sans";
    font-weight: 300;
    font-size:10px;
    color:black;
    font-weight: normal;
}

h2 {
    font-family: DTLNobelT;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 2pt;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #fff;
    border-left: none;
    border-right: none;
    margin: auto;
    margin-top: 80px;
    display: inline-block;
    color: white;
}

body, html {
    background-color:black;
    width:100%;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    color: white;
}

img {
    display: block;
    margin: auto;
    margin-top: 80px;
}

p.textitos {
    font-family:"Open Sans";
    font-size:17px;
    font width: normal;
    color:rgb(255,255,255);
}
    
h3 {
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; 
    font-size: 20px;
}

a {
    font-family:Lato;
    font-size:15px;
    font-style:italic;
    color:rgb(255,255,255);
    text-decoration: none;
}    

footer {
    padding: auto;
    font-family: ‘Metrophobic’, Arial, serif; font-weight: 400;
    font-size: 11px;
    color: black;
    background-color:rgb(220,221,225);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-left:20px;
    padding-right: 20px;
}