﻿/*base geral*/

body {
	background: #ffffff;
	font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #696969;
	text-align:center;
	padding: 0; margin: 0;outline:none;}
.page a:link, .page a:visited, .page a:active {color: #000000; text-decoration: none;}
.page a:hover {color: #00aeef; text-decoration: underline;}
h1{font-size: 26px;color: #2c5679;}
h2{color:#ed1c24;}
h1, h2, h3, h4, h5, h6{margin:0;margin-bottom:10px;}

p {text-align: left;	margin: 0 0 15px 0; /*top right bottom left*/}
img {border: 0;}
hr{background-color:#e9e9e9; color:#e9e9e9;border:none;height:1px; margin:5px 0px;}
 .Label, label{margin-top:10px;margin-right:10px;}
 input, select, textarea{ font-size:13px; color:#333333;padding:2px;}
 
.btnOn{background-color: #f5f5f5;color: #555555;font-size: 11px;
    border: 1px solid #cccccc;padding: 5px 15px;cursor: pointer;outline:none;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
.btnOn:hover{background-color:#3d6bf6;border-color:#666666;color:#ffffff;}
.btnOn:focus{background-color:#2f5bb3;border-color:#666666;color:#ffffff;}
.btnOff{background-color: #b7b7b7;color: #555555;font-size: 11px;
    border: 1px solid #ff9999;width: auto;padding: 5px 15px;cursor: pointer;outline:none;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;cursor:default;}

/*btnon em modalConfirm*/
.modalDivAviso .btnOn:hover{background-color: #2f58ce;}
.modalDivAviso .btnOn:focus{background-color: #3a539b;}
.modalDivConfirma .btnOn:hover{background-color: #ff8800;}
.modalDivConfirma .btnOn:focus{background-color: #d97400;}
.modalDivErro .btnOn:hover{background-color: #993333;}
.modalDivErro .btnOn:focus{background-color: #6d3939;}

/*fecha base geral*/




/*construção*/
.header{height:100px;background-image:url(../images/bg-topBlueH100.jpg);background-position:center center;background-repeat:repeat-x;}
.headerContent{height:100px; margin:auto;text-align:left;position:relative;}
.headerTitle{padding:20px 20px 10px 0px;font-size:25px;color:#ffffff;float:right;}
.headerRedBar{background-color:#8b0304;border-bottom:1px solid #ffffff; height:5px;}
.headerGrayBar{background-color:#acacac;border-bottom:1px solid #909191; height:6px;}
.page{margin:auto;text-align:left;background-color:#ffffff; width:100%; max-width:1000px; margin:auto;}

.titulo
{
	clear: left;
	color: #00427a;
	font-size: 17px;
	display: block;
	font-weight: bold;
	margin-top:10px;
}
.breadCrumb{background-color:#0072bc;color:#ffffff;font-size:11px;padding:5px 10px;text-align:right;}
.breadCrumbFiller{/*background-color:#f7f7f7*/}
.breadCrumb a:link, .breadCrumb a:visited{color:#ffffff; text-decoration:none;}
.breadCrumb a:hover, .breadCrumb a:active{color:#ffff7c;}
.footer{background-color:#f7f7f7; border-top:1px solid #ebebeb; font-size:10px;padding:10px; text-align:center; color:#8a8a8a}
.container{
    background-color:#ffffff;
    /*border:1px solid #eeeeee; 
    
     padding:10px;
     -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius: 10px;
     border-radius: 10px;
    */ 
      
     margin-bottom:15px;
     max-width:1000px !important;}
.loadingDiv{padding:20px;background-color:#fff;border:1px solid #cccccc; width:200px;position:absolute;z-index:1000;font-size:14px;}

.bgCinza1{background-color:#eeeeee;}
.bgAmarelo1{background-color:#ffffcc;}

.linkLang
{
	text-align: right;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:2
}
.linkLang a, .linkLang input
{
    margin:0px;
    padding:0px;
}
.linkLang a:link, .linkLang a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.linkLang a:hover, .linkLang a:active
{
	color: #09FFFF;
}

.container ul{margin:10px;}
.container ul li{margin:2px; margin-left:5px;}

/* ######## MODAL POPUP ######## */
.smartBlock{/*background-color: #000000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1 ;*/position:absolute;top:0;bottom:0;left:0;right:0;z-index:2000;}
.ModalPopBG{background-color: #000000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}
.modalDiv{border:2px solid #993333;background-color:#ffffff;max-width:400px;}
.modalHead{background-color:#993333; font-size:13px; font-weight:bold; color: #ffffff; padding:3px;}
.modalBody{margin:10px;}
.modalBt{margin:10px; text-align:center;}
.padButton {padding:2px;}
/*modalpopup*/
.modalDivAviso{border: 2px solid #2f58ce;background-color: #ffffff;max-width:400px;}
.modalDivConfirma{border: 2px solid #e4923a;background-color: #ffffff;max-width:400px;}
.modalDivErro{border: 2px solid #993333;background-color: #ffffff;max-width:400px;}
.modalWindow{font-size: 12px;}
.modalHeadAviso,.modalHeadConfirma,.modalHeadErro{font-weight: bold;color: #ffffff;padding: 3px;font-size:14px;}
.modalHeadAviso{background-color: #2f58ce;}
.modalHeadConfirma{background-color: #ff8800;}
.modalHeadErro{background-color: #993333;}
.modalDiv, .modalDivAviso, .modalDivConfirma, .modalDivErro{
    -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
}
.modalHead. .modalHeadAviso, .modalHeadConfirma, .modalHeadErrp{text-shadow: 1px 1px 1px #999;}

/*classes para o asp:Menu -- utilizar o modelo em MPAdmin.Master*/
.menuHorizontalDiv{/*background-color:#f7f7f7;*/ padding:5px;width:auto; }
.menuHorizontalDiv a:link,.menuHorizontalDiv a:visited{color:#696969;}
.menuHorizontalDiv a:hover,.menuHorizontalDiv a:active{color:#ed1c24;text-decoration:none;}
.menuHorizontalDiv ul,.menuHorizontalDiv ul li{list-style:none;}

.DynamicMenuStyle{background-color:#fafafa;border:1px solid #cccccc;}
.DynamicMenuItemStyle{padding:5px 10px;display:block;border-left:2px solid #ffffff;}
a.DynamicMenuItemStyle:hover,a.DynamicMenuItemStyle:active{border-left:2px solid #ed1c24;background-color:#ffffff;}
.DynamicMenuStyle li a.DynamicMenuItemStyle{border-top:1px solid #efefef;}
.DynamicMenuStyle li:first-child a.DynamicMenuItemStyle{border-top:none;}

.StaticMenuItemStyle{padding:10px;display:block;border-bottom:1px solid #f7f7f7;}
a.StaticMenuItemStyle:hover,a.StaticMenuItemStyle:active{border-bottom:1px solid #ed1c24;background-color:#ffffff;}
.StaticMenuStyle li a.StaticMenuItemStyle{border-right:1px solid #cccccc;}
.StaticMenuStyle li:last-child a.StaticMenuItemStyle{border-right:none;}
.static .popout{background-image:url(../images/arrowBottom16.png);background-position:right center; background-repeat:no-repeat;padding-right:20px;}
.dynamic .popout{background-image:url(../images/arrowRight16.png);background-position:right center; background-repeat:no-repeat;padding-right:20px;}
/*encerra asp:Menu*/

/*Treeview*/
.treeView td{padding:1px;}


/*loginStatus*/
a.logoutLink{padding: 2px 10px 3px 10px;width: auto;margin: auto;margin-top: 5px;margin-left:10px;outline:none;}
a:link.logoutLink, a:visited.logoutLink{background-color: #999999;color: #ffffff;text-decoration: none;outline:none;}
a:hover.logoutLink, a:active.logoutLink{background-color: #ff0000;color: #ffffff;text-decoration: none;outline:none;}
.boxLoginStatus{
    font-size: 12px;font-weight: bold;text-align: center;white-space:nowrap;
    float: right;clear:right;width: auto;position:absolute;bottom:0px;right:0px;
    background-color: #ffffff;padding: 5px 5px 5px 10px;}
/* fecha loginStatus*/


/*gridView*/
.table1{width:100%;font-size:11px;}
.table1 td, .table1 th{border-right:1px solid #ffffff;padding:3px;}
.table1 input[type=text]:focus{border-top:2px solid #0072bc;border-left:2px solid #0072bc;border-bottom:2px solid #30a2ec;border-right:2px solid #30a2ec;}
.headerTable1{background-color:#0072bc;color:#ffffff;}
.headerTable1 .bordaAzul{color:#696969;}
.headerTable1 th{padding:3px;}
.headerTable1 th a:link, .headerTable1 th a:visited{color:#ffffff;text-decoration:underline;}
.headerTable1 th a:hover, .headerTable1 th a:active{color:#ffffff;text-decoration:none;}
.hover2 tr.even:hover,.hover2 tr.odd:hover{background-color:#cdedff;}
.hover3 tr.even:hover,.hover3 tr.odd:hover{background-color:#ffffd6;}

.table2{width:960px;font-size:11px;}
.table2 td, .table2 th{border-right:1px solid #ffffff;padding:3px;}
.headerTable2{background-color:#3299CC;color:#ffffff;}
.headerTable2 .bordaAzul{color:#696969;}
.headerTable2 th{padding:1px; font-weight:normal}

.paginacaoPesquisa td{text-align:center;}
.paginacaoPesquisa table{text-align:center;font-size:12px; margin:2px auto;}
.paginacaoPesquisa span {color:#ff0000; border:1px solid #ff0000; padding:5px;}
.paginacaoPesquisa a{text-decoration:none; padding:5px;border:1px solid;display:block;}
.paginacaoPesquisa a:link,.paginacaoPesquisa a:visited {color:#666666;border-color:#aaaaaa;}
.paginacaoPesquisa a:hover{text-decoration:none;border-color:#3399ff;}
.paginacaoPesquisa a:active{text-decoration:none;border-color:#ff9900;}
.even{background-color:#f5f5f5; padding-top:1px;}
.odd{background-color:#ffffff; padding-top:1px;}
.even td, .odd td, .tabelaPesquisa th {border: 1px solid #cccccc;}
.even:hover, .odd:hover{background-color: #e2f2ff;}

.even2{background-color:#fafafa; padding-top:1px;}
.odd2{background-color:#ffffff; padding-top:1px;}
.even2 td, .odd2 td, .tabelaPesquisa th {border: 1px solid #cccccc;}
.even2:hover, .odd2:hover{background-color: #FFFFCC;}


/*fecha GridView*/

.listaCheckBox{}
.container .listaCheckBox, .container .listaCheckBox ul , .container .listaCheckBox ul li
{
    margin:0px;
    padding:0px;
    list-style:none;
    list-style-image:none;
    list-style-type:none;
    display:inline;
}
.listaCheckBox li{float:left;white-space:nowrap;border:1px solid #eaeaea;padding-left:3px; padding-bottom:3px;}

ul.ulBalao , .ulBalao ul , .ulBalao ul li{margin:0px;padding:0px; list-style:none; list-style-type:none;}
.ulBalao a:link, .ulBalao a:visited{text-decoration:none;}
.balaoAluno
{
    position:absolute; 
    bottom:13px;
    left:13px;
    min-width:400px;
    background-color:#fafafa;
    border:1px solid #0072BC;
    text-align:left;
    white-space:nowrap;
    z-index:900;
}
.balaoAlunoAuto
{
    position:absolute; 
    bottom:11px;
    left:-85px;
    width:190px;
    background-color:#fafafa;
    border:1px solid #0072BC;
    text-align:left;
    font-weight:normal;
    white-space:nowrap;
    background-image:url(../images/baloonTipBg.gif);
    background-position: bottom center;
    background-repeat: repeat-x;
    z-index:900;
}
.balaoPonta
{
    background-image:url(../images/baloonTip.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding:10px;
}
.balaoAlunoFoto
{position:absolute; 
    bottom:13px;
    left:13px;
    /*background-color:#fafafa;
    border:1px solid #0072BC;
    text-align:center;
    white-space:nowrap;    */
}
.balaoAluno td{border:none;}
.balaoAluno b, .balaoAlunoFoto b{color:#000000;}
.balaoAluno a:link, .balaoAluno a:visited,.balaoAlunoAuto a:link, .balaoAlunoAuto a:visited,.balaoAlunoFoto a:link, .balaoAlunoFoto a:visited{color:#ED1C24;}
.balaoAluno a:hover, .balaoAluno a:active,.balaoAlunoAuto a:hover, .balaoAlunoAuto a:active,.balaoAlunoFoto a:hover, .balaoAlunoFoto a:active{color:#00aeef;text-decoration:underline;}




.form label{display:block}
.fichaTransferido label{display : block; font-weight:bold}
.labelInline label{display:inline; margin-right:5px;}
.campoErro{background-color:#FFD9DA;}
.campoErro td{border: 1px solid #cccccc;}






/*úteis -- É BOM QUE FIQUE NO FINAL DO CSS*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.box-shadow {-moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }
.box_textshadow {text-shadow: 1px 1px 1px #999; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */}
.hidden{display:none;}
.overHidden{overflow:hidden;}
.overScroll{overflow:scroll;}
.overAuto{overflow:auto;}
.inline{display:inline;}
.block{display:block;}
.mauto{margin:auto;}
.wauto{width:auto;}
.h100px{height:100px;}
.h200px{height:200px;}

.w1pct{width:1%;} 
.w50pct{width:50%;}
.w60pct{width:60%;}
.w70pct{width:70%;}
.w80pct{width:80%;}
.w90pct{width:90%;}
.w95pct{width:95%;}
.w98pct{width:98%;}
.w100pct{width:100%;}
.w25px{width:25px;}
.torange{color:#ff6402;}
.tred{color:#ed1c24 !important;}
.tblue{color:#0072bc;}
.tgrey{color:#696969;}
.tlightgrey{color:#888888;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
.cleared{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.m10{margin:10px;}
.m10t{margin-top:10px;}
.m10b{margin-bottom:10px;}
.m10l{margin-left:10px;}
.m10r{margin-right:10px;}
.m20r{margin-right:20px;}
.m15t{margin-top:15px;}
.m20t{margin-top:20px;}
.m30t{margin-top:30px;}
.m3{margin:10px;}
.m3t{margin-top:10px;}
.m3b{margin-bottom:10px;}
.m3l{margin-left:10px;}
.m3r{margin-right:10px;}
.m5b{margin-bottom:5px;}
.m5r{margin-right:5px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p10t{padding-top:10px;}
.p10b{padding-bottom:10px;}
.p10l{padding-left:10px;}
.p10r{padding-right:10px;}
.p20t{padding-top:20px;}
.p30t{padding-top:30px;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.small{font-size:10px;color:#8b0304;}
.black{color:#000000;}
.red{color:#ff0000;}
.blue{color:#2c5679;}
.foto{border:1px solid #cccccc; background-color:#ffffff;padding:5px; background-image:url("../images/loading.gif"); background-repeat:no-repeat;background-position:center center;}
.fotoIco{width:30px;height:23px;background-image:url("../images/loading.gif"); background-repeat:no-repeat;background-position:center center;  border:1px solid #ccc; background-color:#fff;padding:2px;}
.fotoAluno{width:150px;height:auto;background-image:url("../images/loading.gif"); background-repeat:no-repeat;background-position:center center; margin-right:10px; border:1px solid #ccc; background-color:#fff;padding:5px;}
.fotoAlunoMaior{width:150px;height:113px;background-image:url("../images/loading.gif"); background-repeat:no-repeat;background-position:center center;}
.relative{position:relative;} 
.absolute{position:absolute;}
.pointer{cursor:pointer;}

a .foto:hover{background-color:#eeeeee;}
.bordaAzul{border:1px solid #0072BC;}
.bordaCinza{border: 1px solid #cccccc;}
.bordaCinza2{border: 1px solid #eeeeee;}
.bordaVermelha{border:1px solid #ED1C24;}



/*fecha classes úteis*/
.nowrap{white-space:nowrap;}
.wrap{white-space:normal;}

.exclamacao{color:#fff200;}
.figuraLegenda{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

.noprint{}
.print{display:none;}
#divLegenda span{
    padding:5px; 
    margin-top:3px;
    border:1px solid #cccccc;
    white-space:nowrap;
    display:inline-block;
}
.spans{display:inline-block;white-space:nowrap; margin:2px;}
.innerSpans span{display:inline-block;white-space:nowrap; margin:2px;}



.btnIcoLupa
{
    background-image:url(../images/icoLupa.png);
    background-position: center center;
    background-repeat: no-repeat;
}


.bordaAzulLeft{border-left: 10px solid #0072bc;}
.bordaAzulLeft2{border-left: 10px solid #47b2ff;}
.bordaVermelhaLeft{border-left: 10px solid #ed1c24;}
.btnExcluir
{
    border:none;
    background-color:transparent;
    background-image:url(../images/btn-excluir-p.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px;
}

.btnExcluirX
{
    background-image:url(../images/icoX.png);
    background-position: right center;
    padding-right: 20px;
    background-repeat: no-repeat;
    color:#ffffff;
    font-size:10px;
}
a.btnExcluirX:link, a.btnExcluirX:visited
{
    text-decoration:none;
    color:#ffffff;
} 
a.btnExcluirX:hover, a.btnExcluirX:active
{
    text-decoration:none;
    color:#47b2ff;
} 
.salvarFlutuante
{
    position:fixed;
    right:0px;
    top:150px;
}
.p30{padding:30px;}



/*para retorno*/
.menuGeralSnipt ul, .menuGeralSnipt ul li{margin:0; padding:0; font-size:12px; list-style:none;list-style-type:none;list-style-position:inside;}
.menuGeral {font-family:Verdana, Geneva, sans-serif;font-size:1em;}
.menuGeral .tipoSai{font-size:0.6em;background-image:url(../images/b1.gif); background-repeat:repeat-x;background-position:top;background-color:#003466}
.menuGeral .tipoSai h1
{
    padding:15px; padding-left:30px;margin:0; color:#ffffff;font-size:2em;font-weight:normal;text-align:center;
    background-image:url(../images/ico-menu-white-voltar.png);background-position: 10px center; background-repeat:no-repeat;
}
.menuGeral .tipoSai a:link,.menuGeral .tipoSai a:visited{color:#ffffff; text-decoration:none;display:block;}



.listaBotoes {margin:0;
              padding:0;
              list-style:none;
              list-style-type:none;
              list-style-position:inside;
              border:1px solid #ccc;
}
.listaBotoes ul li, .listaBotoes li{margin:0 !important;padding:0 !important;}
.listaBotoes input{margin:0; display:block !important;width:100%;border:none;text-align:left; font-size:1.4em;padding:5px;cursor:pointer;-webkit-appearance: none;
border-radius: 0;}



.hp1{font-family: Verdana, Geneva, sans-serif;width:100%; max-width:1000px; min-width:960px; text-align:left;margin:auto;}	
.hp1a{float:left;width:140px;}
.hp1b{margin-left:140px; margin-right:130px;}
.hp1c{float:right;width:130px;padding-top:45px;}
.hp1 .logo img{border:none;}
.hp1 .sistemahp1{font-size:1.6em; text-align:right;margin:5px 0px;color:#074379}
.hp1 ul, .hp1 ul li{list-style:none; list-style-type:none;margin:0px;padding:0px;background-color:#003466; color:#FFFFFF; }
.hp1 ul li{float:left;}
.hp1 .menuuser{background-color:#d8e1e8; color:#215585;font-size:1.1em; position:relative;min-height: 30px;}
.hp1 .menuuser .menuusera{margin:5px 10px;display:inline-block; text-align:left !important; }
.hp1 .menuuser a.menuusera:link, .hp1 .menuuser a.menuusera:visited{color:#215585; text-decoration:none; /*background-image:url(../images/x.png);*/ background-position:right center; background-repeat:no-repeat;}
.hp1 .menuuser a.menuusera:hover, .hp1 .menuuser a.menuusera:active{color:#e30a15;/*background-image:url(../images/xred.png);*/ }
.hp1 select{ /*background-color:transparent; color:#215585;border:none;*/cursor:pointer; }
/*.hp1 select option{ background-color:#d8e1e8; color:#215585;border:none;}
.hp1 select:hover{color:#e30a15;}
.hp1 select:focus{outline:none;}*/
.hp1 .menuhp1{background-image:url(../images/b1.gif); background-repeat:repeat-x;background-position:top;background-color:#003466}




        .container .imagem {
            background: url(../images/fotos/grupo.jpg) top center #FFF;
            background-repeat: no-repeat;
            display: table;
            width: 100%;
            min-width:300px;
            min-height:400px;
            text-align: center;
            color: #000000;
            background-size: 100% auto;
            margin: auto 0px;
            background-position: center center;
            
        }


        .topImagemIcon{text-align:center;}
        .icone{width:40px; 
               height:auto;
               display:block;text-align:center;margin:5px auto;
        }
        .divIcone{padding:5px 10px; 
                  /*margin:-30px auto 10px auto;*/
                  font-size:1.5rem;
                  background-color:#69abdf;
                  color:#ffffff;
                  text-align:center;
                  white-space:nowrap;
                  min-width:200px;
                  max-width:300px; 
                  display:inline-block
        }

                        

        .bgColor1{background-color:#ef3a4b !important;}
        .bgColor2{background-color:#fba81a !important;}
        .bgColor3{background-color:#13bbbb !important;}
        .bgColor4{background-color:#69abdf !important;}
        .bgColor5{background-color:#a93394 !important;}
        .bgColor6{background-color:#85a9d9 !important;}
        .bgColor7{background-color:#c7b3d8 !important;}
        .bgColor8{background-color:#ffd599 !important;}
        .bgColor9{background-color:#c7b3d8 !important;}
        .bgColor10{background-color:#4e648d !important;}

        input.bgColor1,input.bgColor1:hover{border:1px solid #db1726;}
        input.bgColor2,input.bgColor2:hover{border:1px solid #db9703;}
        input.bgColor3,input.bgColor3:hover{border:1px solid #00abab;}
        input.bgColor4,input.bgColor4:hover{border:1px solid #169aca;}
        input.bgColor5,input.bgColor5:hover{border:1px solid #b3117d;}
        input.bgColor6,input.bgColor6:hover{border:1px solid #4f97c6;}
        input.bgColor7,input.bgColor7:hover{border:1px solid #dba792;}
        input.bgColor8,input.bgColor8:hover{border:1px solid #dbc37d;}
        input.bgColor9,input.bgColor9:hover{border:1px solid #bda3c6;}
        input.bgColor10,input.bgColor10:hover{border:1px solid #1e3b72;}

        
        input.bgColor1:hover{background-color:#c61421 !important;}
        input.bgColor2:hover{background-color:#c68203 !important;}
        input.bgColor3:hover{background-color:#009595 !important;}
        input.bgColor4:hover{background-color:#1186b3 !important;}
        input.bgColor5:hover{background-color:#9d116d !important;}
        input.bgColor6:hover{background-color:#9d116d !important;}
        input.bgColor7:hover{background-color:#c6927f !important;}
        input.bgColor8:hover{background-color:#c6ab6d !important;}
        input.bgColor9:hover{background-color:#a68eae !important;}
        input.bgColor10:hover{background-color:#1a3363 !important;}


        .ativo{background-color:#ffd599;}
        .corner { 
            -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; 
            -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; 
            -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; 
            -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;  }
        .corner15 { 
            -moz-border-radius-topleft: 40px; -webkit-border-top-left-radius: 40px; -khtml-border-top-left-radius: 40px; border-top-left-radius: 40px; 
            -moz-border-radius-topright: 40px; -webkit-border-top-right-radius: 40px; -khtml-border-top-right-radius: 40px; border-top-right-radius: 40px; 
            -moz-border-radius-bottomleft: 40px; -webkit-border-bottom-left-radius: 40px; -khtml-border-bottom-left-radius: 40px; border-bottom-left-radius: 40px; 
            -moz-border-radius-bottomright: 40px; -webkit-border-bottom-right-radius: 40px; -khtml-border-bottom-right-radius: 40px; border-bottom-right-radius: 40px;  }
        .table-responsive{border:none !important;}
@media only screen and (max-width: 600px) {
    .container .imagem {
        background: url(../images/fotos/grupo.jpg) top center #FFF;
        background-repeat: no-repeat;
        display: table;
        width: 100%;
        min-width: 230px;
        min-height: 200px;
        text-align: center;
        color: #000000;
        background-size: 100% auto;
        margin: auto 0px;
        background-position: center center;
    }

}


.botao {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid  #dedede;
        border-top-color:  #dedede;
        border-right-color:  #dedede;
        border-bottom-color:  #dedede;
        border-left-color:  #dedede;
    padding: .375rem .75rem;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}