/* BODY ------------------------------------------------------------------------ */

body {
    margin-top: 4px;
    margin-left: 0px;
    padding: 0px;
    background-image: url(/ec2/images/background.jpg);
    font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}

/* DIVS principais ------------------------------------------------------------------- */

#menu {
    background: transparent;
    border: solid 0px red;
    float: left;
    height: 46px;
    padding: 0px 1px;
    margin: 0;
}

#menuAvaliacao {
    background: #DDDDDD;
    border: solid 1px #DDD;
    height: 60px;
    float: left;
    padding: 0px;
    margin: 0px;
}

div#main {
    background-color: #FFFFFF;
    border-right: solid 1px #dedede;
    border-left: solid 1px #dedede;
    padding: 0px;
    width: 770px;
    position: absolute;
    left: 50%;
    margin-left: -385px;
}

div#header {
    background-color: #DDDDDD;
    margin: 0px;
    padding: 0px;
}

    div#header table#tbl-menu-top {
        border-collapse: collapse;
        border: solid 1px #DDDDDD;
    }

        div#header table#tbl-menu-top,
        div#header table#tbl-menu-top tr td {
            background-color: #DDDDDD;
            padding: 0px;
        }

div#header_mainmenu {
    margin: 0px;
    padding: 0px;
    height: 50px;
    width: 770px;
    border-bottom: solid 1px #888888;
}

    div#header_mainmenu img {
        float: left;
    }

div#employee_search {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 2px;
    height: 40px;
    background-color: #DDDDDD;
    display: inline-block;
}

    div#employee_search p {
        font-size: 10px;
        margin: 0px;
        padding: 1px;
        height: 1px;
    }

div#pagepath {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: auto;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    background-color: #DDDDDD;
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
    width: 770px;
}

div#pagepathLista {
    background-color: #DDDDDD;
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    margin: 0px;
    padding: 2px;
    width: 100%;
}

div#pagepathCadastro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: auto;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    background-color: #DDDDDD;
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
    width: 100%;
}

div#contents {
    margin: 0px;
    padding: 1px;
}

div#contentsLista {
    margin: 0px;
    padding: 1px;
}

div#contentsCadastro {
    margin: 0px;
    padding: 1px;
}

div#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    cursor: default;
    text-align: center;
    font-size: 10px;
    background-color: #DDDDDD;
    margin: 25px 0px 0px 0px;
    padding: 5px 0px;
}

    div#footer a {
        color: #008cdb;
    }

        div#footer a:hover {
            color: #1aa3f1;
        }

        div#footer a,
        div#footer a:hover {
            font-weight: bold;
            text-decoration: none;
        }


/* Atribui uma largura para o website centralizada no browser */
.dvConteudo {
    background-color: #fff;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    margin-left: -385px;
    width: 770px;
}

/* TÍTULOS --------------------------------------------------------------------- */
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: default !important;
    padding: 0;
    padding-left: 30px;
    padding-top: 2px;
    margin: 12px 0px 0px 0px;
    text-align: left;
    height: 25px;
    background-image: url(/ec2/images/h1.jpg);
    background-repeat: no-repeat;
    /* font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#DD0000;
	border-bottom: 3px solid #DD0000;
	padding: 0;
	margin: 12px 0px 6px 0px;
	text-align:left; */
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: default !important;
    padding: 0;
    padding-left: 30px;
    padding-top: 3px;
    margin: 12px 0px 0px 0px;
    text-align: left;
    height: 29px;
    background-image: url(/ec2/images/h2.jpg);
    background-repeat: no-repeat;
}

h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    cursor: default !important;
    /*border-bottom: 2px solid #DD0000;*/
    padding: 0;
    padding-left: 30px;
    padding-top: 0px;
    margin: 12px 0px 0px 0px;
    text-align: left;
    height: 25px;
    background-image: url(/ec2/images/h3.jpg);
    background-repeat: no-repeat;
    /*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid black;
	padding: 0;
	margin: 12px 0px 3px 0px;
	text-align:left;*/
}

h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-bottom: 1px solid black;
    padding: 0;
    margin: 12px 0px 3px 0px;
    text-align: left;
}

p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #888888;
    margin: 0px 0px 4px 0px;
    padding: 0;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555555;
    background-color: White;
    margin: 1;
    padding: 2;
}

    td#avaesc {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #555555;
        background-color: #EEEEEE;
        margin: 1;
        padding: 2;
        text-align: center;
    }

    td#avaesc_header {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #BA063E;
        background-color: #EEEEEE;
        margin: 1;
        padding: 2;
        text-align: center;
    }

.textosubtab {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #990033;
    background-color: #EEEEEE;
    margin: 1;
    padding: 2;
}

/* FORM / ELEMENTOS --------------------------------------------------------------------- */

form {
    margin: 0;
    padding: 0;
}

label {
    color: #888888;
}

.textbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #CCCCCC;
}

.textbox_readonly {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    border: solid 1px #CCCCCC;
}

.hidden {
    display: none;
}

.calendar {
    font-size: 11px;
}


.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}

.dropdown {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #555555;
}

.button {
    border: 1px solid #AFAFAF;
    padding: 3px 35px;
    font-size: 14px;
    color: #4444DD;
    cursor: pointer !important;
    font: 11px Verdana, Arial, Helvetica, Sans-serif;
    font-weight: bold;
    background: #FFF url(/ec2/images/button-bg.gif) repeat-x top left;
}

    .button:hover,
    .linkbutton:hover,
    .linkbuttong:hover,
    .linkbuttonp:hover,
    .linkbuttonm:hover {
        color: #000 !important;
        text-decoration: none !important;
    }

.linkbutton {
    border: 1px solid #AFAFAF;
    text-decoration: none;
    padding: 3px 35px;
    margin-left: 2px;
    font-size: 11px;
    color: #4444DD;
    font-weight: bold;
    background: #FFF url(/ec2/images/button-bg.gif) repeat-x top left;
}

.linkbuttong {
    border: 1px solid #AFAFAF;
    text-decoration: none;
    padding: 4px 35px;
    margin-left: 2px;
    font-size: 16px;
    color: #4444DD;
    font-weight: bold;
    background: #FFF url(/ec2/images/button-bg.gif) repeat-x top left;
}

.linkbuttonp {
    border: 1px solid #AFAFAF;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    padding: 2px 3px;
    margin-left: 2px;
    font-size: 9px;
    color: #4444DD;
    background: #FFF url(/ec2/images/button-bg.gif) repeat-x top left;
}

.linkbuttonm {
    border: 1px solid #AFAFAF;
    text-decoration: none;
    color: #000000;
    padding: 2px 10px;
    margin-left: 2px;
    font-size: 10px;
    color: #575757;
    font-weight: bold;
    background: #FFF url(/ec2/images/button-bg.gif) repeat-x top left;
}

.err_header {
    color: #DD0000;
    font-weight: bold;
}

.err {
    background-color: #DDDDDD;
    border: solid 1px #DD0000;
    padding: 4px;
    margin: 4px;
}

.box {
    background-color: #DDDDDD;
    border: solid 1px #555555;
    padding: 3px;
    margin: 3px;
}

.textdestaque {
    color: #DD0000;
}

/* datagrid =================================================== */
.datagrid {
    font-size: 11px;
    color: #555555;
}


.dg_HeaderStyle {
    font-weight: bold;
    color: #BA063E;
    margin: 2px;
    padding: 1px 5px 1px 0px;
    /*border-bottom: solid 1px #DD0000;*/
}

.dg_SelectedItemStyle {
    font-weight: bold;
    color: White;
    padding: 1px 6px 1px 6px;
    background-color: #CE5D5A;
    border-bottom: solid 1px #888888;
}

.dg_AlternatingItemStyle {
    padding: 1px 6px 1px 6px;
    background-color: White;
    border-bottom: solid 1px #888888;
}

.dg_ItemStyle {
    padding: 1px 6px 1px 6px;
    background-color: White;
    border-bottom: solid 1px #888888;
}

    .dg_ItemStyle a:visited, .dg_ItemStyle a:link {
        color: #4444DD;
        text-decoration: none;
    }

.dg_FooterStyle {
    color: #DD0000;
    padding: 1px 6px 1px 6px;
    border-bottom: solid 1px #DD0000;
    float: left;
    width: 120px;
}


/* <a> =================================================== */


div#pagepath a:visited, a:link {
    color: black;
}

div#pagepathLista a:visited, a:link {
    color: black;
}

div#pagepathCadastro a:visited, a:link {
    color: black;
}

div#pagepath a:hover {
    color: #DD0000;
}

div#pagepathLista a:hover {
    color: #DD0000;
}

div#pagepathCadastro a:hover {
    color: #DD0000;
}

a:visited, a:link {
    color: #4444DD;
}

a:hover, .dg_ItemStyle a:hover {
    color: #DD0000;
}

div#celcontainer {
    float: none;
}

div#cel {
    float: left;
    display: list-item;
    padding: 0px 4px 0px 4px;
}

div.cel {
    float: left;
    display: list-item;
    padding: 0px 4px 4px 4px;
}

div#celAval p {
    text-align: center;
    border-bottom: solid 1px #888888;
    padding: 0 4 0 4;
}

div#celAval h1 {
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 4 0 4;
    text-align: center;
    border-bottom: solid 1px #888888;
}

div#celAval {
    float: left;
    display: list-item;
    padding: 1px;
    margin: 0px;
}

.tableft {
    background-image: url('/ec2/images/tableft.jpg');
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    position: relative;
    vertical-align: middle;
    width: 13px;
}

.tabcenter {
    background-image: url('/ec2/images/tabcenter.jpg');
    background-repeat: repeat-x;
    float: left;
    height: 34px;
    padding-top: 6px;
    position: relative;
}

.tabright {
    background-image: url('/ec2/images/tabright.jpg');
    background-repeat: repeat-x;
    float: left;
    height: 34px;
    position: relative;
    vertical-align: middle;
    width: 4px;
}

.tabend {
    background-image: url('/ec2/images/tabend.jpg');
    background-position: 2px 5px;
    background-repeat: repeat-x;
    float: left;
    height: 45px;
    vertical-align: middle;
    width: 10px;
}

/*tabela nova --- */

.ntableft {
    background-image: url('/ec2/images/ntableft.jpg');
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 4px;
    height: 34px;
    float: left;
}

.ntabcenter {
    background-image: url('/ec2/images/ntabcenter.jpg');
    background-repeat: repeat-x;
    padding-top: 6px;
    float: left;
    height: 34px;
}

.ntabright {
    background-image: url('/ec2/images/ntabright.jpg');
    background-repeat: repeat-x;
    vertical-align: middle;
    float: left;
    width: 3px;
    height: 34px;
}

.ntabend {
    background-image: url('/ec2/images/ntabend.jpg');
    background-position: 2px 5px;
    background-repeat: repeat-x;
    vertical-align: middle;
    float: left;
    height: 45px;
    width: 10px;
}

.ntabcentermenor {
    background-image: url('/ec2/images/ntabcentermenor.jpg');
    background-repeat: repeat-x;
    padding-top: 6px;
    height: 20px;
}

/*Estilos do Q. Diagnóstico --- */

.diag_skill_header {
    background-color: white;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 12px;
    border-bottom: solid 2px #DD0000;
}

.diag_falar_header {
    background-color: white;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border-bottom: solid 2px #DD0000;
}

.diag_ler_header {
    background-color: white;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border-bottom: solid 2px #DD0000;
}

.diag_escr_header {
    background-color: white;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border-bottom: solid 2px #DD0000;
}

.diag_skill {
    background-color: white;
    padding: 3px;
    font-family: Verdana, Arial;
    font-size: 12px;
    border-bottom: solid 1px #888888;
}

.diag_falar {
    background-color: white;
    padding: 3px;
    border-bottom: solid 1px #888888;
    text-align: center;
}

.diag_ler {
    background-color: #EEEEEE;
    padding: 3px;
    border-bottom: solid 1px #888888;
    text-align: center;
}

.diag_escr {
    background-color: white;
    padding: 3px;
    border-bottom: solid 1px #888888;
    text-align: center;
}

.tblAvaEscola {
    font-family: Verdana,arial;
    font-size: 11px;
    background: white;
}

.divDgAvalEscola {
    overflow-x: scroll;
    width: 760px;
}


tr.grd-header td {
    border-bottom: solid 1px #dadada;
    color: #C4063E;
    cursor: default;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    /*background:				transparent url('/ec2/images/imgFundoGridview.png') repeat-x;*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
    *background: #e5e5e5; /* Old browsers */
}

.pg-style {
    background-color: #f0f0f0;
    color: #024383;
    cursor: default;
    font-weight: bold;
    padding: 6px;
    text-align: left;
}

    .pg-style span {
        background-color: #004a8f;
        color: #FFF;
    }

    .pg-style a {
        color: #004a8f;
    }

.dv-gridview {
    border: solid 1px #dadada;
    width: 98%;
}

    .dv-gridview a {
        text-decoration: none;
    }

tr.ais-fundo td {
    background-color: #F6F6F6;
}

tr.ais-fundo td,
tr.sis-fundo td {
    padding: 4px;
}

@media screen and (max-width: 426px) {
    .tbl-gridview {
        width: auto!important;
    }
    table {
        min-height: .01%;
        overflow-x: auto;
        display: block;
    }
    div#main {
        width: auto!important;
        left: auto;
        position: relative;
        margin-left: 0px;
    }
    div#dv-menu-admin {
        height: auto!important;
        width: auto!important;
        text-align: center
    }
    div.dv-menu-admin {
        height: auto!important;
        width: auto!important;
        left: auto!important;
        top: auto!important;
        position: relative!important;
        overflow: auto;
        margin-top: 10px;
    }
    ul#ul-menu-topo-admin li, ul#ul-menu-topo-admin li:hover {
        width: 50%!important;
        text-align: center!important;
        padding-top: 3px!important;
    }
    ul#ul-menu-topo-admin li a, ul#ul-menu-topo-admin li a:hover {
        float: none!important;
    }
    div#header #header {
        height: 105px;
    }
    div#tdFundoMenuHomeTopo {
        height: auto!important;
        text-align: center!important;
        padding: 10px 0;
        background: none!important;
    }
    #employeeSearch {
        height: auto!important;
    }
    #footer, div#pagepath {
        width: auto!important;
        height: auto!important;
    }
    .pagepathLista {
        width: 100%!important;
    }
    .visible-xs {
        display: block;
    }
    .hidden-xs {
        display: none;
    }
    #lblDiagAval p {
        padding: 4px 0!important;
        text-align: center;
        background: linear-gradient(#dadbdd, #eaeaec);
        border: 1px solid #AFAFAF;
    }
    #lblDiagAval p a {
        padding: 0;
        border: 0;
        background: none;
    }
    #cel {
        width: auto!important;
        display: block!important;
    }
    #menu21 .tbl-gridview {
        width: auto!important;
    }
}