@charset "utf-8";
/* CSS Document */

@import "tipografia.css";

body { background-color:#8b1d28; overflow-y:scroll; top: 0px !important;}

body>.wrapCont { display:table; width:100%; min-width:920px; height:100%}

aside, #main { display:table-cell; height:100%; vertical-align:top}

input { border:none; }
textarea.noResize { resize:none; }

/************************************ Header */
header { height:50px; min-width:920px}

header h1,
header #formSearchTop { display:inline-block; vertical-align:middle  }
header #formSearchTop { display:inline-table !impostant; vertical-align:middle  }

header h1 { width:200px; height:100%; background-image:url("../img/logo_AGIF.png"); background-repeat:no-repeat; background-position:center 8px; }
header h1 a { display:block; height:100%; text-indent:-999em; overflow:hidden}

#formBuscaGeral { display:inline-table; vertical-align:middle; }
#formBuscaGeral { position:relative; z-index:900; width:30%; margin-left:-3px; border-radius:3px; background-color:#fff; }
#formBuscaGeral .field {display: table-cell;}

#formBuscaGeral .field#buscaEditoria {width:35%;position:relative;}
#formBuscaGeral .field#buscaEditoria .input_triger + .triger {background-color:#fff;position: absolute;z-index:920;top: 0px;right:0px;left: auto;}
#formBuscaGeral .field#buscaEditoria .input_triger:checked + .triger i {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#formBuscaGeral .field#buscaEditoria input {display: none;}
#formBuscaGeral .field#buscaEditoria label {display: block;}

#formBuscaGeral .field#buscaEditoria fieldset {position: absolute; top:0px; left:0px;background-color:#fff; border-radius:3px;}
#formBuscaGeral .field#buscaEditoria fieldset label {display:none;padding-left: 5px;padding-right: 5px;white-space: nowrap;}
#formBuscaGeral .field#buscaEditoria .input_triger:checked + label + fieldset {padding-top:30px;box-shadow: 5px;}
#formBuscaGeral .field#buscaEditoria .input_triger:checked + label + fieldset label {display:block;line-height: 1.2em;margin-bottom:5px;}
#formBuscaGeral .field#buscaEditoria .input_triger:checked + label + fieldset label:hover { color: #8b1d28; cursor:pointer}
#formBuscaGeral .field#buscaEditoria .input_triger:checked + label + fieldset input:checked + label {position: absolute; top:5px;}

#formBuscaGeral .field#buscaEditoria fieldset input:checked + label {display:block;}

#formBuscaGeral .field#buscaTermo {width:65%; position: relative;}
#formBuscaGeral .field#buscaTermo input[name=search] { /*float:left; width:65%;*/ width:100%; height:30px; border-radius:3px; padding:0 35px 0 10px; background-color:#fff; box-sizing: border-box;}
#formBuscaGeral .field#buscaTermo .btBuscar { position: absolute; right:0px; top:0px; width:30px; height:30px; background-color:transparent; background-image:url("../img/ico_lupa.gif"); background-repeat:no-repeat; background-position:center center; text-indent:-999em; overflow:hidden; cursor:pointer}

header #formBuscaGeral ul.jsonSuggest { position:absolute; background: #555; padding-top:5px; width:100% !important;}
header #formBuscaGeral ul.jsonSuggest li { margin-bottom:2px;}
header #formBuscaGeral ul.jsonSuggest li strong { font-weight: 900; text-decoration: underline; }
header #formBuscaGeral ul.jsonSuggest li a { display: block; padding: 0px 10px 2px;}
header #formBuscaGeral ul.jsonSuggest li a.ui-state-hover,
header #formBuscaGeral ul.jsonSuggest li a:hover { background: #333; cursor:pointer;}

#navSup, header .wrapLogado { float:right; height:100%}

#navSup ul { height:100%}
#navSup li { display:inline-block; height:100%}
#navSup a { /*display:block;*/ padding:0 15px; /*margin-top:25px;*/ border-left:1px solid #fff; line-height: 50px;}
#navSup li:first-of-type a,
#navSup li.login a { border:none}
#navSup li.login a { display:inline-block; height:100%;}

#navSup li.login { background-color:#333}
#navSup li.login:hover { background-color:#666}

.wrapLogado { display:none}

/* Modal */
.modal-content { display:none; position:relative; min-height:300px; min-width:300px; padding:100px 30px 30px 30px; background-color:#fff;}
.modal-content form { margin-top: 60px; }
/*.modal-content .ajaxContent { margin-top: 60px; }*/
.modal-content .icoAgif { position:absolute; left:30px; top:0; display:inline-block; width:55px; height:55px; background:#8b1d28 url("../img/ico_AGIF.gif") no-repeat center center }
.modal-content .btFechar { position:absolute; right:0px; top:0; width:40px; height:40px; line-height:40px; text-align:center; margin:0; padding:0; border:none }
.modal-content .btFechar:hover { background-color:#8b1d28}


/* Pop login */
#formLogin { width:360px }
#formLogin input { /*border-radius:3px;*/ padding:10px; }

#formLogin .unit { margin-bottom:20px}
#formLogin .t1 { position:relative}
#formLogin .t1 label { position:absolute; left:10px; top:10px}
#formLogin .t1 input  { display:block; width:100%; background-color:#e6e6e6; padding-left:75px; padding-right:30px; box-sizing:border-box}
#formLogin a.esqueceuSenha,
#formLogin input.submit { float:right; margin:0}
#formLogin a.btCadastro { /*float:right;*/ margin:0}

#formLogin input.submit,
#formLogin a.btCadastro { display:inline-block; width:140px; height:35px; text-align:center; padding:0 }
#formLogin input.submit { background-color:#666; cursor:pointer}
#formLogin a.btCadastro { background-color:#8b1d28; /*border-radius:3px;*/ }
#formLogin input.submit:hover,
#formLogin a.btCadastro:hover { opacity:0.8 }

#formLogin .disclaimer { text-align:center; margin-top:30px}


/* Tour inicial */
div.popover { padding:0; width:600px}
div.popover.orphan { width:400px}
div.popover .icoAgif { float:left; display:inline-block; width:55px; height:55px; background:#8b1d28 url("../img/ico_AGIF.gif") no-repeat center center; margin-left:20px }
#step-0.popover .popover-content { margin-top:60px}
div.popover .popover-content p { margin-top:10px}

div.popover .popover-title { border:none; text-align:right; background-color:transparent; padding:10px 20px }
div.popover .popover-title:after { content:''; display:block; clear:both }
div.popover .popover-content { padding:30px 40px}

div.popover .popover-navigation { padding:20px !important; text-align:right}
.popover-navigation button { border:none; background-color:#8b1d28; padding:1px 20px }
div.popover .popover-navigation button[data-role=end].step0,
div.popover .popover-navigation button[data-role=next].step0,
div.popover .popover-navigation button.lastStep,
#step-0.popover .popover-navigation button[data-role=end],
#step-0.popover .popover-navigation button[data-role=next],
/*#step-5.popover .popover-navigation button[data-role=prev],*/
.btn-default.disabled { display:none }
#step-0.popover .popover-navigation button[data-role=end].step0,
#step-0.popover .popover-navigation button[data-role=next].step0,
#step-5.popover .popover-navigation button.lastStep { display:inline-block }
div.popover .popover-navigation button[data-role=end] { border:none; background-color:#666; float:left !important }
div.popover .popover-navigation button[data-role=end]:hover { background-color:#e6e6e6}











/* Logado */
header.logado #navSup { display:none}
header.logado .wrapLogado { display:block; width:300px; background-color:#4d4d4d}
header.logado .wrapLogado h4,
header.logado .wrapLogado .mesa { padding:7px 0 0 10px}

header.logado .wrapLogado .grip { position:absolute; top:7px; margin-left: 250px; display:block; width:20px; height:30px; padding:10px 10px 20px 10px; cursor:pointer}
header.logado .wrapLogado .grip span,
header.logado .wrapLogado .grip span:before,
header.logado .wrapLogado .grip span:after { content:''; display:block; border-bottom:2px solid #fff; margin-bottom:5px}
header.logado .wrapLogado .wrapMenu input[name=control_menu_cliente] { display:none;}
header.logado .wrapLogado .wrapMenu ul { display:none; position:absolute; top:50px; z-index:600; background-color:#555; padding:20px; width:260px; text-align:right;}
header.logado .wrapLogado .wrapMenu:hover ul,
header.logado .wrapLogado .wrapMenu input[name=control_menu_cliente]:checked + ul { display:block}
header.logado .wrapLogado .wrapMenu li a { display:block; padding:5px 0}



/* Usuário Trial */

.wrap_lembreteTrial * {
    box-sizing: border-box;
}

.wrap_lembreteTrial {
    padding: 20px;
    margin-top: 45px;
}

.wrap_lembreteTrial p {
    text-align: center;
    color: #525252;
}

.wrap_lembreteTrial .wrap_table {
    display: table;
    width: 500px;
    height: 160px;
    margin: auto;
    margin-bottom: 30px
}

.wrap_lembreteTrial .wrap_table.conv .msg_principal {
    background-image: url('../img/ico_agenda_G.png');
}

.wrap_lembreteTrial .wrap_table.ok {
    height: 120px;
}

.wrap_lembreteTrial .wrap_table.ok .msg_principal {
    background-image: url('../img/ico_check_G.png');
}


.wrap_lembreteTrial .msg_principal {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-left: 165px;
    font-size: 2.1em;
    font-weight: 700;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
}

.wrap_lembreteTrial .btSubmit {
    float: none !important;
    display: block;
    width: 500px;
    background-color: #8b1d28;
    font-size: 2.1em;
    font-weight: 700;
    color: #fff;
    padding: 20px 35px !important;
    margin: 0 auto 30px auto;
}

.wrap_lembreteTrial .msg_sec {
    font-size: 1.3em;
    line-height: 1.2em;
}










/**/


.wrap_trial,
.wrap_trial * {
    box-sizing: border-box;
}

.wrap_trial {
    float: right;
    width: 250px;
    height: 100%;
    padding: 10px 20px;
    text-align: center
}

.wrap_trial .prazo {
    margin-bottom: 5px;
    font-size: 1.2em;
    font-weight: 600;
    white-space: nowrap;
}

.wrap_trial .prazo span {
    font-size: 70%;
}

.wrap_trial .signup {
    display: inline-block;
    width: 100%;
    padding: 5px;
    border: 1px solid #fff;
}




/************************************* aside */
/*aside.principal #nav2 h3 { display:none}*/
aside { position:relative; z-index:100; width:200px; min-width:200px; background-color:#444; /* background-color:#4d4d4d*/}

aside nav .wrapMenu { display:none }

aside.principal #nav1 .wrapMenu,
aside.filtros #nav2 .wrapMenu { clear: both; display:block }

nav h3,
#nav1 h4 { height:50px; text-align:center;}

#nav1 h3,
#nav1 .wrapMenu.p1 { background-color:#333}
#nav1 .wrapMenu.p2 { background-color:#444}

/*
#nav1 .wrapMenu.p1 a:before,
#nav1 .wrapMenu.p2 a:before { content:''; display:inline-block; width:40px; height:30px; background-image:url("../img/icons.png"); margin:0 10px -8px 0}
*/
#nav1 .wrapMenu li:hover a:before { opacity:0.5}

#nav1 .ultimas a:before { background-position:-43px -2px}
#nav1 .futebol a:before { background-position:-83px -2px}
#nav1 .mais a:before { background-position:-122px -2px}
#nav1 .fazemos a:before { background-position:-162px -2px}
#nav1 .cases a:before { background-position:0 -2px}

#nav1 .wrapMenu.p3 h4 { border-bottom: 1px solid #555; border-top: 1px solid #555}
aside #nav1 > .wrapMenu > ul > li { min-height:50px; /*height:50px; */border-top:1px solid #555}
aside #nav1 a { display:block; height:100%; /*padding-left:20px*/ text-align: center;}

aside .vcard { padding:15px 0}
aside .vcard .org,
aside .vcard .type { display:none}
aside #nav1 .vcard li { height:auto; border-top:none; text-align:center; padding:0}
aside #nav1 .vcard li a { display:inline; padding:0}

aside .listaRedes { text-align:center; border-bottom:1px solid #555; padding-bottom:10px}
aside #nav1 .listaRedes li,
aside #nav1 .listaRedes a { display:inline-block; padding:0; height:auto; border:none }
aside #nav1 .listaRedes a { width:26px; height:26px; background-image:url("../img/icons.png"); text-indent:-999em; overflow:hidden; opacity:0.4 }
aside #nav1 .listaRedes a:hover { opacity:1}

aside #nav1 .listaRedes .insta a { background-position:-209px -5px}
aside #nav1 .listaRedes .face a { background-position:-248px -5px}

aside #nav1 .listaRedes li,
aside #nav1 .vcard li { min-height:0 !important; height:auto !important; border-top:none !important;}

aside #nav1 .retractable.closed h4 { margin-bottom:0px;}
aside #nav1 .retractable .handle { position:relative; cursor:pointer}
aside #nav1 .retractable .handle:after { content:''; position:absolute; right:20px; top:15px; display:block; width:20px; height:20px; background-image:url("../img/setas-menu.png"); background-repeat:repeat-y; background-position:5px -44px; transition:background-position ease-in-out 0.3s}
aside #nav1 .retractable.closed .handle:after { background-position:5px -26px }
aside #nav1 .retractable .innerContent { background-color:#444}
aside #nav1 .retractable .innerContent li { border-bottom: 1px solid #555; /*border-top: 1px solid #555*/}

/* filtros */
aside.hasSub nav h3 { width:50%; height:35px; float:left; cursor:pointer }
aside.hasSub #nav2 h3 { position:absolute; right:0; top:0 }
aside #nav2 h4 { position:relative; margin-bottom:25px; padding-right:20px; transition:margin-bottom ease-in-out 0.3s }
aside #nav2 .retractable.closed h4 { margin-bottom:0px;}
aside #nav2 .retractable .handle { cursor:pointer}
aside #nav2 .retractable .handle:after { content:''; position:absolute; right:0; top:0; display:block; width:12px; height:13px; background-image:url("../img/setas-menu.png"); background-repeat:no-repeat; background-position:0 2px; transition:background-position ease-in-out 0.3s}
aside #nav2 .retractable.closed .handle:after { background-position:0 -13px }
aside #nav2 .unavailable label { color:#666;}
/*
aside #nav2 .wrapMenu ul.suggestId .unavailable label {
    position: relative;
}
aside #nav2 .wrapMenu ul.suggestId .unavailable label::after {
    border-bottom: 2px solid red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
*/
/*
aside #nav2 .retractable.closed .innerContent { max-height: 0;}
aside #nav2 .retractable .innerContent {
    overflow-y: hidden;
    max-height: auto;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}
*/
aside #nav2 [type=checkbox] { display:none; }
aside #nav2 .ativados { padding:55px 30px 20px 30px}
aside #nav2 .wrapMenu { padding:15px 20px; border-bottom:1px solid #555}
aside #nav2 .wrapMenu ul { margin-bottom:20px}
aside #nav2 .wrapMenu li { margin-bottom:3px}
aside #nav2 .wrapMenu li label { position:relative; cursor:pointer}
aside #nav2 .wrapMenu.ativados li label { margin-left:20px}
aside #nav2 .wrapMenu.ativados li label:before { content:'x'; position:absolute; left:-20px; top:2px; display:block; width:13px; height:13px; font-size:12px; font-weight:800; line-height:13px; background-color:#fff; border-radius:50%; color:#4d4d4d; text-align:center}

.formBuscaFiltro { position:relative; margin-top:20px}
aside input[type=text] { width:110px; background-color:#333; padding:0 24px 0 5px }
aside .tempo p { margin-bottom:5px}
aside .tempo label { float:left; display:block; width:26px; overflow:hidden}
aside .tempo input[type=text] { display:inline-block; width:85px;}
aside .retractable .innerContent { display:none;}
aside .innerContent p { position:relative}
aside input.suggest { background-image:url("../img/ico_lupa_branca.gif"); background-repeat:no-repeat; background-position:122px 6px; background-size:auto 55%;}
/*aside .submit { position:absolute; right:2px; top:3px; width:20px; height:17px; background-color:transparent; background-image:url("../img/ico_lupa_branca.gif"); background-repeat:no-repeat; background-size:75%; background-position:2px 2px; text-indent:-999em; overflow:hidden; cursor:pointer}*/

aside ul.jsonSuggest { position:absolute; background: #666; padding-top:5px;}
aside ul.jsonSuggest li {}
aside ul.jsonSuggest li a { display: block; padding: 0px 10px 5px;}
aside ul.jsonSuggest li a.ui-state-hover,
aside ul.jsonSuggest li a:hover { background: #333; cursor:pointer;}

/* Alert */
#alert { position:fixed; top:0; left:20%; right:20%; z-index:999; box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); }
#alert div { padding:20px; background-color:#900}
/*
#alert div.Sucess { background-color:#060}
#alert div.Notice { background-color:#F60}
#alert div.Error { background-color:#900}
*/
#alert .close { position:absolute; top:0; bottom:0; right:0; display:block; padding:20px; background-color:#933}

/************************************** Index */

.index #main figure { float:left;}
#main figure { position:relative; overflow:hidden;}
#main .destaques figure { display:none;}

#main .destaques figure {  width:50%; height:100%  }

#main .ultimas { position:relative; clear:both; min-height:200px; }
#main .ultimas.treinos, #main .ultimas.even { background-color:#8b1d28 }
#main .ultimas.jogos, #main .ultimas.odd { background-color:#808080 }
body.index #main .ultimas figure img { width:100%}

#main .ultimas .wrapTitle { position:absolute; top:50%; bottom:0; left:0; margin-top:-65px; text-align:center}
#main .ultimas .wrapTitle h3 strong { display:block }
#main .ultimas .wrapTitle a { display:inline-block; padding:5px; border:1px solid #fff; margin-top:45px}
.index #main figure img { display:block}

body.index #main .destaques figure img { display:block; height:100% }
#main         .wrapFigcaption { position:absolute; bottom:0; right:0; margin: auto; padding:5px; text-align:center; background-color:rgba(0,0,0,0.7)}
#main .treino .wrapFigcaption { background-color:rgba(90,9,10,0.7)} /* fundo grená */

#main figcaption .titulo,
#main figcaption .qtdFotos { display:none }
.listaPadrao figcaption .titulo { margin-top:10px }
.listaPadrao figcaption .qtdFotos { margin-top:5px }
.listaPadrao.closed figcaption .qtdFotos:before { content:'( ' }
.listaPadrao.closed figcaption .qtdFotos:after { content:' )' }

#main figure:hover { cursor: pointer; }
#main figure:hover .wrapFigcaption { left:0; top:0 }
#main .foto figure:hover .wrapFigcaption { background-color:rgba(0,0,0,0.1) }
#main .foto.treino figure:hover .wrapFigcaption { background-color:rgba(90,9,10,0.1) }
/*.listaPadrao figure:hover figcaption { display:inline-block; }*/
#main .foto figure:hover figcaption { display:none; }
#main figure:hover figcaption { margin-top:-29px; padding:33% 0 0 0 }
#main .listaPadrao.open figcaption .titulo,
#main .listaPadrao.open figcaption .qtdFotos,
#main figure:hover figcaption .titulo,
#main figure:hover figcaption .qtdFotos { display:block }

#main figure a.mais { position:absolute; top:0; left:0; right:0; bottom:0; z-index:250; text-indent:-999em; overflow:hidden}
#main .open figure a.mais:hover { background-color:rgba(0,0,0,0.1) }
#main .open .treino figure a.mais:hover { background-color:rgba(90,9,10,0.1) }

#main .wrapLink { padding:10px; text-align:center; background-color:#4d4d4d }

.listaPadrao.open li { padding-bottom:60px}
.listaPadrao.open figure { overflow:visible !important}
#main .listaPadrao.open figure:hover .wrapFigcaption { margin-top:0 !important; top:auto }
#main .listaPadrao.open .wrapFigcaption { left:0; bottom:-60px; padding:10px; background-color:#808080; border-right:1px solid #757575; text-align:left}
#main .listaPadrao.open .wrapFigcaption figcaption { margin:0; padding:0}
.listaPadrao.open .wrapFigcaption figcaption .titulo,
.listaPadrao.open .wrapFigcaption figcaption .qtdFotos { display:block}
.listaPadrao.open .wrapFigcaption figcaption .data,
.listaPadrao.open .wrapFigcaption figcaption .titulo { text-align:left}
.listaPadrao.open .wrapFigcaption figcaption .qtdFotos { position:absolute; top:10px; right:10px}

/***************************** mesa de luz */

body.mesadeluz .topBusca select { border:none; padding:3px 5px; margin-left:5px; background-color:#4d4d4d; }

body.mesadeluz .listaPadrao .foto { display:none}
body.mesadeluz .listaPadrao .foto.inMesa { display:inline-block}

body.mesadeluz .listaPadrao li { position:relative; padding-bottom:70px}
body.mesadeluz .listaPadrao figure { overflow:visible !important}
body.mesadeluz #main .listaPadrao .acoes { position:absolute; left:0; bottom:-70px; height:50px; width:100%; padding:10px; background-color:#808080; border-right:1px solid #757575; text-align:left}
body.mesadeluz #main .listaPadrao .ativo .acoes { background-color: #8b1d28;}

body.mesadeluz #main .listaPadrao .acoes .itemId { display: none; }
body.mesadeluz #main .listaPadrao .acoes .itemId + label{ /* bg img unchecked */ }
body.mesadeluz #main .listaPadrao .acoes .itemId:checked + label{ /* bg img checked */ }


body.mesadeluz #main .listaPadrao .acoes label,
body.mesadeluz #main .listaPadrao .acoes a { float:left; display: block; width: 20px; height: 20px; background: #FFF; margin-right: 5px; }
body.mesadeluz #main .listaPadrao .acoes strong { position: absolute; left:10px; top:40px; display: none; color:#FFF;}
body.mesadeluz #main .listaPadrao .acoes label:hover strong,
body.mesadeluz #main .listaPadrao .acoes a:hover strong { display: inline; }

/************************************* main */
#main { background-color:#444}

.topBusca { background-color:#666; box-sizing:border-box; height:39px; padding:7px 30px}
.topBusca.docked { position:fixed; top:0; left:200px; right:0; z-index:290 }
.topBusca.docked+.resultBusca { padding-top:37px}
.topBusca .totItems { display:inline-block; line-height:25px; vertical-align: middle;}

.topBusca .paging { float:right }
.topBusca .titulo,
.topBusca ul,
.topBusca li { display:inline-block}
.topBusca ul { margin:0 20px 10px 0}

.topBusca .paging-wrapper { display:none}
.topBusca .paging input[name=page] { width:20px; padding:3px 5px; margin:0 5px; text-align:center; background-color:#4d4d4d;}
.topBusca .paging a { line-height: normal; padding: 1px 6px; border:none; background-color:transparent; cursor:pointer}

.topBusca .displayFormat { display:inline-block; margin-left:7%}
.topBusca .displayFormat select { border:none; padding:3px 5px; margin-left:5px; background-color:#4d4d4d; }




.flex-images li figure img { cursor:pointer}

/*.GITheWall ul { padding-top: -5px; }*/
/*.GITheWall ul li.foto.GI_TW_Row-1 { margin-top:0px; }*/
/*.GITheWall ul li.foto { margin: 5px 5px 0px  0px; }*/
/*.GITheWall ul li.foto { margin: 0px 0px 5px 5px ; }*/
.GITheWall ul li.foto { border: 1px solid #FFF; }

/* detalhe da foto */
.fotoDetail { padding:30px 30px 20px 30px; }
.fotoDetail figure { float:left; width:53%; height:400px; text-align:center; padding:0 30px; margin-left:-15px}
.fotoDetail figure i { position:absolute; top:0px; bottom:0px; display:block; width:16px; background-image:url(../img/setas-nav.png); background-repeat:no-repeat; background-color:#000}
.fotoDetail figure i.left { left:0px; background-position: -2px center}
.fotoDetail figure i.right { right:0px; background-position: -13px center;}
.fotoDetail figure img { max-height:100%; max-width:100%}

.fotoDetail .wrapPauta { float:right; width:40%}
.fotoDetail .wrapPauta h4 { margin-bottom:20px}
.fotoDetail .wrapSpecs { padding-top:30px; clear:both}
.fotoDetail .specs { display:inline-block; width:55%; margin-left:16px}
.fotoDetail .wrapPauta span,
.fotoDetail .specs span { display:block; margin-bottom:10px}
.fotoDetail .specs span { float:left; width:50%}
.fotoDetail dt,
.fotoDetail dd{ display:inline; font-size: 1.3em; line-height: 1.5em }
.fotoDetail .specs dt:after { content:' : '}
.fotoDetail .actions { float:right; display:inline-block; width:40%; vertical-align:top; margin-top:-30px}
.fotoDetail li.comprar { width:100%; margin-bottom:10px }
.fotoDetail li.preview { width:30%;}
.fotoDetail li.mluz { float:right; width:67%;}
.fotoDetail li a { display:block; padding:10px; text-align:center; }
.fotoDetail li.comprar a { background-color:#8b1d28 }
.fotoDetail li.preview a { background-color:#333 }
.fotoDetail li.mluz a { background-color:#4d4d4d }


.fotoDetail.inMesa a.addToMesa,
.fotoDetail a.delFromMesa { display:none}
.fotoDetail.inMesa a.delFromMesa,
.fotoDetail a.addToMesa { display:block}


/***************************************************************** Tela Cliente */
#main { background-color:#e6e6e6; }
body.cliente #main .wrapCols { display:table; width:100%; height:100%; }
#main .col1,
#main .col2 { display:table-cell; vertical-align:top; }
body.cliente #main .col1 {  width:35%; min-width:430px;}
body.cliente #main .col2 { width:65%; position:relative; background-color:#fff }

body.cliente #main .wrapAbas { width:100%; height:70px; background-color:#444 }
body.usuarios #main .wrapAbas { width:35%; min-width:430px }
body.cliente #main .wrapAbas li { float:left; display:block; width:50%; height:100%; text-align:center }
body.cliente #main .wrapAbas a { display:block; height:100%; line-height:70px; background-color:#4d4d4d }
body.cliente.conta #main .minhaConta a,
body.cliente.usuarios #main .gerUsuarios a,
body.cliente.redes #main .redes a { background-color:#e6e6e6}

/* minha conta */
.wrapDados { padding:20px}
.wrapDados h4.titulo { margin-bottom:10px}

#main .unit { position:relative; background-color:#fff; padding:15px 3%; margin-bottom:5px}
.wrapDados dt,
.wrapDados dd { display:table-cell}
.wrapDados dd { padding-right: 50px}
#main .nomeCampo:after { content:':'; margin-right:5px}

.wrapDados a.alterar,
.wrapDados .editar input[type=submit] { position:absolute; right:10px; top:15px; }
.wrapDados .editar input[type=text],
.wrapDados .editar input[type=password] { border: 1px solid; padding-left: 4px;}

.btSimples { background-color:#666; }
.btSubmit { background-color:#933}
.btSimples,
.btSubmit { padding:5px; cursor:pointer }

.wrapNumeros { width:100%; }
#main .wrapNumeros .unit:first-of-type  { background-color:#4d4d4d}
.wrapNumeros .unit { float:left; width:25%; border-right:5px solid #e6e6e6; box-sizing:border-box}
.wrapNumeros .unit:last-of-type { border-right:none}
.wrapNumeros .unit dd { padding-right:0}

.wrapTotais { width:100%; }
.wrapTotais .unit { float:left; width:50%; border-right:5px solid #e6e6e6; box-sizing:border-box }
.wrapTotais .unit:last-of-type { border-right:none}
.wrapTotais .unit dd { padding-right:0}

.wrapDados h3.titulo { height:50px; padding-right:355px}
.seletorDatas { position:absolute; right:20px; top:15px}
.seletorDatas .field { display:inline-block; background-color:#e6e6e6; padding:10px 10px 10px 15px; margin-left:10px }
.seletorDatas select { border:0; background-color:transparent}
.seletorDatas .download { background-color:#e6e6e6; width: 120px; height:43px;}

.wrapDownloads { background-color:#e6e6e6; padding:10px; box-sizing:border-box }
.wrapDownloads table { width:100%; table-layout:fixed}
.wrapDownloads table th,
.wrapDownloads table td { padding:5px 10px 5px 0; text-align:left }
.wrapDownloads table .thCod { width:150px  }
.wrapDownloads table th.thPauta {  }
.wrapDownloads table .thUsua { width:120px }
.wrapDownloads table .thData,
.wrapDownloads table .thLice { width:88px }

.wrapDownloads table . { padding-bottom:30px }
.wrapDownloads table th:last-of-type,
.wrapDownloads table td:last-of-type { padding:5px 0; }
.wrapDownloads table td { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.wrapDados .contratado .unit { float:left; width:50%; border-right:5px solid #e6e6e6; box-sizing:border-box }
.wrapDados .contratado .unit:nth-child(even) { border:none}





#agendaPautas { position: relative; font-weight: normal; padding-top: 15px; padding-bottom: 10px; font-size: 1.1em; min-height: 220px;}
#agendaPautas .data { padding: 10px; position: absolute; top: 15px; right: 0; font-weight: bold; }
#agendaPautas h1 { margin: 0 0 15px 0; padding: 10px; display:inline-block; width:130px; font-weight: normal; text-align: center; color:#ffF; line-height: 1.2em }
#agendaPautas h1.previstas { background-color: #8b1d28; }
#agendaPautas h1.disponiveis { background-color: #666; }
#agendaPautas ul { margin: 0 0 15px 0; font-weight: normal; letter-spacing:-1px;}
#agendaPautas ul li { margin: 0 0 15px 0;}
#agendaPautas,
#agendaPautas a { color: #4d4d4d;}
#agendaPautas .disclaimer { position:absolute; right:0; bottom: 0; color: #000; font-size: 0.8em; font-weight: normal; text-align: right;}










/* usuarios */
#frmCadastro { padding:20px }
.ajaxContent h1 { margin: -20px 0 10px; font-size: 1.7em; font-weight: 700;}
.ajaxContent h2 { margin: 0 0 10px; font-size: 1.3em; font-weight: 700;}
.listaAcoes li { display:inline-block}
.usuarios .entrada { display:inline-block; width:48.5%; vertical-align:top; margin:0 10px 30px 0}
.usuarios input.btSubmit { float:right}
.usuarios #main { position:relative;}
.usuarios input.add { position:absolute; top:20px; right:20px;}

#main #frmUpdate { padding:20px}
#main #frmUpdate .btSimples { float:right; margin:20px; padding:5px 20px}

.trigger_campo {
    margin-bottom: 15px;
}

.trigger_campo:checked ~ .campo_recolhivel {
    overflow: hidden;
    max-height: 0;
}

.campo_recolhivel {
    max-height: 500px;
    transition: max-height ease 2s;
    -webkit-transition: max-height ease 2s;
}



/* login */
body.login #frmLogin,
body.login .listaLinks { padding:20px}
body.login #frmLogin fieldset { margin:20px 0}
body.login .listaLinks li { display:inline-block}


/* Fazemos */
body.fazemos .linha { height:33.333%; background-color:#fff}
.linha .cell { display:table-cell; width:50%; height:100%; vertical-align:middle}
.linha .cell:last-child { display:none; }
.linha .cell.wrapTexto { background-color:#fff; text-align:center}
.linha .cell.wrapTexto h4,
.linha .cell.wrapTexto .texto { display:inline-block; vertical-align:top; text-align:left}
.linha.clientes .cell.wrapTexto h4,
.linha.clientes .cell.wrapTexto .texto { display:block; width:84%; margin:10px auto}
.linha .cell.wrapTexto h4 { width:25%; margin-right:10px}
.linha .cell.wrapTexto h4 strong { display:block}
.linha .cell.wrapTexto .texto { width:50%}

.linha .cell img { display:block; width:100%;}
body.fazemos #main figure:hover { cursor:default}
body.fazemos #main figure:hover figcaption { margin:0; padding:inherit}
.linha .cell figcaption { position:absolute; bottom:0; right:0; background-color:rgba(90,9,10,0.7);}
.linha .cell figcaption strong { display:block; padding:5px 10px; }


/* Cadastro contingência */
.cadastro .unit .field select { border:none}
.cadastro .unit label { display:inline-block; margin-right:10px; vertical-align:top}
.unit label+textarea { vertical-align:top }

.cadastro .unit .field.col3 { float:left; width:33.333%}
.cadastro .unit .field:last-child { border:none}
.cadastro .unit .field:only-child { width:100%; border:none}
.cadastro .unit .field:only-child input { width:60%}
.cadastro .btSubmit { float:right; padding:10px }


/* Modal cadastro */
/*div.modal .modal-content { background-image:url(../img/loading.gif); background-position:center center; background-repeat:no-repeat }*/
.ajaxContent { background-color:#fff}
.modal legend { margin-bottom:10px}
.modal .unit { margin-bottom:10px; width:100% }
.modal .unit select,
.modal .unit textarea,
.modal .unit button,
.modal .unit input[type=text],
.modal .unit input[type=email] { background-color:transparent; border:none}
.modal .unit select { float:right}
.modal .unit .field { float:left; width:50%; box-sizing:border-box; background-color:#e6e6e6; padding:10px; border-right:10px solid #fff}
.modal .unit .field.col3 { width:33.333%}
.modal .unit .field.col3 input { width:75%}
.modal .unit .field:last-child { border:none}
.modal .unit .field:only-child { width:100%; border:none}
.modal .unit .field:only-child input { width:60%}
.modal .btSubmit { float:right; padding:10px; border: 0 }
#modal_signup + .modal .modal-content { width:600px}

.modal .btContrato {
    float: left;
    display: inline-block;
    color: #933;
    font-size: 0.834em;
    padding: 10px;
    border: 1px solid #933;
}







/************************************* footer */
footer { padding:110px 50px}
footer a.logoAgif { display:block; width:111px; height:36px; background-image:url("../img/logo_AGIF.png"); text-indent:-999em; overflow:hidden}

footer .wrapContato h4 { margin-bottom:10px}
footer .wrapContato,
footer .wrapContato .org,
footer .wrapContato span.type { display:none}

.link_wa {z-index: 1000; width: 60px; height: 60px; position: fixed; right: 20px; bottom: 20px;}

.goog-te-banner-frame.skiptranslate { display: none !important; }