/*Hoja de estilos de jt45*/

* { margin: 0; padding: 0; border: none; text-decoration: none; list-style: none;}

/* Fuentes */

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

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

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

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

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

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

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

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

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

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

/* Estructura */

body, html {
    background-color: #F2F2F2; font-size: 11pt; color: white; font-family: 'latoregular';}

.sitio {
    float: left;
    width: 100%;
    height: 1280px;}

    header, 
    footer {
        float: left;
        width: 100%;
        background-color: #1C1C1B;}

    .contenedor {
        float: left;
        width:  100%;
        padding: 20px 0;
        }

        .contenido,
        .header-cont,
        .footer-cont {
            width: 1100px;
            margin: 0 auto;}

            .main {
                float: left;
                width: 860px;}

            .columna {
                float: right;
                width: 215px;}

/* Fin de estructura */


/* Globales */

.onebox {
    float:left;
    width: 180px;
    margin-right: 20px;
    padding: 10px;
    box-shadow: #CCC 0 0 10px;}

.onebox2 {
    float:left;
    width: 180px;
    margin-right: 20px;
    padding: 7px;
    box-shadow: #CCC 0 0 10px;}

.twobox {
    float:left;
    width: 400px;
    margin-right: 20px;
    padding: 10px;
    box-shadow: #CCC 0 0 10px;}

.threebox {
    float:left;
    width: 620px;
    margin-right: 20px;
    padding: 10px;
    box-shadow: #CCC 0 0 10px;}

.threebox2 {
    float:right;
    width: 610px;
    margin-right: 20px;
    padding: 10px;
    box-shadow: #CCC 0 0 10px;}

.fourbox {
    float:left;
    width: 840px;
    padding: 10px;
    box-shadow: #CCC 0 0 10px;}

.fourbox2 {
    float:left;
    width: 840px;    
    padding: 10px;
    box-shadow: #CCC 0 0 10px;}

.fourboxsesion {
    width: 600px;
    height: 200px;
    padding: 10px;
    box-shadow: #CCC 0 0 10px;} 

.onealto {
    min-height: 180px;
    margin-bottom: 20px;}

.twoalto {
    min-height: 400px;
    margin-bottom: 20px;}

.threealto {
    min-height: 620px;
    margin-bottom: 20px;}

.fouralto {
    min-height: 840px;
    margin-bottom: 20px;}

.ultima {
    margin-right: 0;}

.magenta {background-color: #E5007D;}
.cyan {background-color: #009EE3;}
.yellow {background-color: #FFED00; color: #000;}
.black {background: #1C1C1B; color: white;}
.white {background: white; color: #000;}
.bordea{border-top: 3px solid #000;}
.bordeb {border-bottom: 3px solid #000;}
.blacktext {color: black;}
.whitetext {color: white;
            text-decoration: none;}

/* Fin de globales */

/* consulta */

textarea {
    display:block;
    font-family: 'latoregular';
    font-size: 12pt;
    vertical-align:middle;
    text-align: left;
    padding: 10px;
    width: 600px;
    height: 400px;}

/* Header */

a.logo {
    float: left;
    width: 100%;    
    margin: 20px 20px 20px 0;
    font-size: 15px;
    color: white;
    text-align: left;}

.presentacion {
   margin-bottom: 20px;}

.titulomenu  {
    font-family: 'latoblack';
    font-size: 80px;}

.titulomenudos {
    font-family: 'latoblack';
    font-size: 50px;}
.titulos {
    font-family:'latoblack';
    font-size: 15;}

/* fin del header */

/* Botonera */

#menu {
    float: left;
    width: 100%;}

    nav ul{
        float: left;
        width: 100%;}

    nav ul li {
        float: left;
        width: 70%;
        margin: 2px;}

    nav ul li a {
        float: left;
        width: 100%;
        padding: 10px 0;
        background-color: #1C1C1B;
        color: white;
        text-align: center;}

    nav ul li a:hover {
        color: magenta;}

/* Fin de la botonera */

.whitetext {color: white;
            text-decoration: none;}

.blacktext {color: black;}

.margen1 {
        margin: 10px;
        padding; 10px;}


