/* http://www.m2udigital.com.br/ 
   Interessante.. Você chegou até aqui.. agora feche e volte a programar
   License: none (public domain)
*/



.grdnt1{
    background: #395365;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NTM2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTYyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #395365 0%, #4a6272 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#395365), color-stop(100%,#4a6272));
    background: -webkit-linear-gradient(left, #395365 0%,#4a6272 100%);
    background: -o-linear-gradient(left, #395365 0%,#4a6272 100%);
    background: -ms-linear-gradient(left, #395365 0%,#4a6272 100%);
    background: linear-gradient(to right, #395365 0%,#4a6272 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395365', endColorstr='#4a6272',GradientType=1 );
    color: #fff;
    text-shadow: 1px 1px #000;
}
.grdnt2{
    background: #77afc7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3YWZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2MwZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #77afc7 0%, #93c0d3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#77afc7), color-stop(100%,#93c0d3));
    background: -webkit-linear-gradient(left, #77afc7 0%,#93c0d3 100%);
    background: -o-linear-gradient(left, #77afc7 0%,#93c0d3 100%);
    background: -ms-linear-gradient(left, #77afc7 0%,#93c0d3 100%);
    background: linear-gradient(to right, #77afc7 0%,#93c0d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77afc7', endColorstr='#93c0d3',GradientType=1 );
    color: #fff;
    text-shadow: 1px 1px #6391a5;
}
.dark-blue {
    background: #eeeeee;
    color: #545454;
    font-weight: bold;
}
.light-blue{
    background: #71ACC5;
}
.white{
    background: #FFFFFF;
}

table{
    margin: 0px 0 0 200px;
    margin-left:0px!important;
    margin-right:0px!important;
    display: block;
    max-width:519px!important;
    border: 1px solid #272323;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 16px!important;
}
table tr{
    background-color: #EEEEEE;
    height: 22px;
    
}
table tr.options{
    color: #0D588B;
    font-weight: bold;
}
table tr td{
    padding: 5px;
    border: solid 1px #D4D4D4;
}
table tr td.blank{
    background-image: url(listra.png);
}


@media (max-width: 960px){
    table{
        padding-top: 20px;
    }
}
@media (max-width: 940px){
    table{
        padding-top: 20px;
        margin-left: 20px;
    }
}
@media (max-width: 850px){
    table{
        padding-top: 20px;
        margin-left: 18px;
    }
}
@media (max-width: 800px){
    table{
        padding-top: 20px;
        margin-left: 15px;
    }
}
@media (max-width: 700px){
    table{
        padding-top: 20px;
        margin-left: 5px;
    }
}
@media (max-width: 1200px){
    table{
        margin-left: 30px;
    }
}
@media (min-width: 1300px){
    table{
        margin-left: 35px;
    }
}
@media (min-width: 1500px){
    table{
        margin-left: 100px;
    }
}
@media (min-width: 1890px){
    table{
        margin-left: 200px;
    }
}
@media (min-width: 2560px){
    table{
        margin-left: 450px;
    }
}


table, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */



table {
    border-collapse: collapse;
    border-spacing: 0;
}
*:focus{
    outline: none;
}