/* 
    Document   : style
    Created on : 19/07/2013, 03:11:59 PM
    Author     : Administrador
    Description:
        Purpose of the stylesheet follows.
*/

body {
    background-color: black;
    color: white;
}

@font-face {
    font-family: 'InterstateBold';
    src: url("interstate-mazda/interstatemazda-bold-webfont.eot");
    src: url("interstate-mazda/interstatemazda-bold-webfont.eot?#iefix") format("embedded-opentype"), url("interstate-mazda/interstatemazda-bold-webfont.woff") format("woff"), url("interstate-mazda/interstatemazda-bold-webfont.ttf") format("truetype"), url("interstate-mazda/interstatemazda-bold-webfont.svg#InterstateMazdaBold") format("svg");
    font-weight: bold;
    font-style: bold; }

@font-face {
    font-family: 'InterstateItalic';
    src: url("interstate-mazda/interstatemazda-italic-webfont.eot");
    src: url("interstate-mazda/interstatemazda-italic-webfont.eot?#iefix") format("embedded-opentype"), url("interstate-mazda/interstatemazda-italic-webfont.woff") format("woff"), url("interstate-mazda/interstatemazda-italic-webfont.ttf") format("truetype"), url("interstate-mazda/interstatemazda-italic-webfont.svg#InterstateMazdaItalic") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'InterstateRegular';
    src: url("interstate-mazda/interstatemazda-regular-webfont.eot");
    src: url("interstate-mazda/interstatemazda-regular-webfont.eot?#iefix") format("embedded-opentype"), url("interstate-mazda/interstatemazda-regular-webfont.woff") format("woff"), url("interstate-mazda/interstatemazda-regular-webfont.ttf") format("truetype"), url("interstate-mazda/interstatemazda-regular-webfont.svg#InterstateMazdaRegular") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'InterstateLight';
    src: url("interstate-mazda/interstatemazda-light-webfont.eot");
    src: url("interstate-mazda/interstatemazda-light-webfont.eot?#iefix") format("embedded-opentype"), url("interstate-mazda/interstatemazda-light-webfont.woff") format("woff"), url("interstate-mazda/interstatemazda-light-webfont.ttf") format("truetype"), url("interstate-mazda/interstatemazda-light-webfont.svg#InterstateMazdaLight") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'InterstateLightItalic';
    src: url("interstate-mazda/interstatemazda-lightitalic-webfont.eot");
    src: url("interstate-mazda/interstatemazda-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("interstate-mazda/interstatemazda-lightitalic-webfont.woff") format("woff"), url("interstate-mazda/interstatemazda-lightitalic-webfont.ttf") format("truetype"), url("interstate-mazda/interstatemazda-lightitalic-webfont.svg#InterstateMazdaLightItalic") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'MazdaBold';
    src: url("mazda-brand/mazda-bold.eot");
    src: url("mazda-brand/mazda-bold.eot?#iefix") format("embedded-opentype"), url("mazda-brand/mazda-bold.ttf") format("truetype"), url("mazda-brand/mazda-bold.svg#MazdaBold") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'MazdaRegular';
    src: url("mazda-brand/mazda-regular.eot");
    src: url("mazda-brand/mazda-regular.eot?#iefix") format("embedded-opentype"), url("mazda-brand/mazda-regular.ttf") format("truetype"), url("mazda-brand/mazda-regular.svg#MazdaBold") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: "TheanoOldStyle";
    src: url("theano-regular/theanooldstyle-regular-webfont.eot") format("eot");
    src: url("theano-regular/theanooldstyle-regular-webfont.eot?#iefix") format("embedded-opentype"), url("theano-regular/theanooldstyle-regular-webfont.ttf") format("ttf"), url("theano-regular/theanooldstyle-regular-webfont.woff") format("woff"), url("theano-regular/theanooldstyle-regular-webfont.woff2") format("woff2"), url("theano-regular/theanooldstyle-regular-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'mazda-icons';
    src: url("mazda-new-icons/mazda-icons.eot?n8yhhy");
    src: url("mazda-new-icons/mazda-icons.eot?n8yhhy#iefix") format("embedded-opentype"), url("mazda-new-icons/mazda-icons.ttf?n8yhhy") format("truetype"), url("mazda-new-icons/mazda-icons.woff?n8yhhy") format("woff"), url("mazda-new-icons/mazda-icons.svg?n8yhhy#mazda-icons") format("svg");
    font-weight: normal;
    font-style: normal; }

.bold {
    font-family: 'InterstateBold';
}

.regular {
    font-family: 'InterstateRegular';
}

.ligth {
    font-family: 'InterstateLight';
}

input[type="radio"][checked][disabled] {
    color: black;
    background-color:blue;
    border-color: blue;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    -webkit-appearance: none;
}

input[type="checkbox"][checked][disabled] {
    color: black;
    background-color:blue;
    border-color: blue;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    -webkit-appearance: none;
}

.trcolor {
    font-family: 'InterstateLight';
    text-align: center;
    background-color: #666666;
    color: #fff;
}

.trcolorfirma {
    background-color: #fff;
    color: #fff;
}

.botonmenu {
    font-family: 'InterstateRegular';
    background-color:#e7202b;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #e7202b;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:17px;
    padding:3px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}

.inventario {
    background-color:#ffffff;
    border:2px solid #888;
    border-radius:4px;
    position:relative; /* Necessary for correct mouse co-ords in Firefox */
}

.inventariofirma {
    width: 400px;
    height: 300px;
}

.botonmenusize {
    width: 60%;
}

@media only screen and (max-width: 600px) {
    body {
        background-color: black;
        color: white;
    }

    .botonmenusize {
        width: 90%;
    }

    .inventario {
        background-color:#ffffff;
        border:2px solid #888;
        border-radius:4px;
        position:relative; /* Necessary for correct mouse co-ords in Firefox */
    }

    .inventariofirma {
        width: 300px;
        height: 250px;
    }
}