/* FONTS */
@font-face {
    font-family: 'FrutigerCn';
    src: url('../Fonts/ftc___-webfont.eot');
    src: url('../Fonts/ftc___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/ftc___-webfont.woff') format('woff'),
         url('../Fonts/ftc___-webfont.ttf') format('truetype'),
         url('../Fonts/ftc___-webfont.svg#FrutigerCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin:0;
	background-color: #e41e13;
	background-image: url('../img/amigo_construtor/bg-desktop.jpg');
	background-repeat: no-repeat;
	background-position: top center;
    background-attachment: fixed;
    /*background-size: cover;*/
    font-family: 'FrutigerCn';
    font-size: 15px;
}
body.logado { background-image:none; }
img { border: 0; }
ul, li { margin:0; padding:0; list-style: none; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; }  
.nowrap { white-space: nowrap; }
.col25 { width: 23.5%; float: left; margin-right: 2%; }
.col25:last-child { margin-right: 0; }
.col33 { width: 32.5%; float: left; margin-right: 1.25%; }
.col33:last-child { margin-right: 0; }
.col30 { width: 29%; float: left; margin-right: 4%; }
.col30:last-child { float: right; margin-right: 0; }
.col50 { width: 47%; float: left; margin-right: 6%; }
.col50:last-child { float: right; margin-right: 0; }
.col70 { width: 67%; float: left; margin-right: 6%; }
.col70:last-child { float: right; margin-right: 0; }
.col50 .col50 { margin-top: 0 !important; }
.col50 .col50 .box { margin-top:0; }
img.responsive { width: 100%; }
.centro { text-align: center; }
.text_left { text-align: left; }
.form_centro { width:50%; margin:0 auto; }
.form_centro table { width: 95%; margin: 20px 0; }
.form_centro input { width: 100%; }
.form_centro select { width: 100%; }

.barra { background-color: #231f20; position: relative; width: 100%; color: #fff; overflow: hidden; }
.barra .esquerda { float: left; }
.barra .direita { float: right; margin-top: 8px; }
.barra.topo { top:0; height: 45px; position: fixed; z-index:5; }
.barra.topo form { float: left; margin: 0 20px 0 0; }
.barra.topo ul { float: left; list-style: none; }
.barra.topo ul li { float: left; }
.barra.topo ul.menu { margin-top: 5px; }
.barra.topo ul.menu li { padding: 0 20px; border-right: solid 1px #fff; }
.barra.topo ul.menu li.last,
.barra.topo ul.menu li:last-child { border-right: 0; }
.barra.topo a { color: #fff; text-decoration: none; }
.barra.topo ul.social li { margin-right: 15px; }
.barra.rodape { bottom:0; height: 55px; text-align: center; position: relative; bottom: 0; position:fixed; z-index:5; }
.barra.rodape span { line-height: 45px; }
.barra a.logo-intercement { display: block; float: left; margin-right: 30px; height: 30px; }
.barra a.logo-intercement img { margin-top: 6px; }
.barra form input.busca { border: 0; margin:0; width: 140px; height: 28px; line-height: 28px; padding: 0 10px; font-family: 'FrutigerCn'; font-size: 16px; float: left; }
.barra form input.buscar { border:solid 5px #fff; background: #4a4a4a; color: #fff; width: 28px; height: 28px; font-family: 'FrutigerCn'; font-size: 12px; line-height: 12px; font-weight: bold; float: left; }

.corpo { padding: 50px 0 60px; }
.logado .corpo .bg-conteudo { 
    background-image: url('../img/amigo_construtor/bg-desktop-logado.jpg');
	background-repeat: no-repeat;
	background-position: top center;
    /*background-attachment: fixed;
    background-size: cover;*/
    background-size: auto 100%;
    padding:20px;
    position:relative;
    z-index:0;
}

.conteudo { width: 1000px; margin: 0 auto; position: relative; }
.conteudo .topo { padding: 30px 0 20px; }
.conteudo .topo  a.logo { width: 26%; display: block; float: left; margin-right: 2%; }
.conteudo .topo .menu { width: 72%; float: right; }
.conteudo .topo .menu ul { margin-left: 10%; }
.conteudo .topo .menu ul li { height: 45px; margin: 0 3px 3px 0px; background-color: #d50b0a; float: left; text-align: center; }
.conteudo .topo .menu ul li.on, .conteudo .topo .menu ul li:hover { background-color: #ca0301; }
.conteudo .topo .menu ul li:first-child { margin-left: 9%; }
.conteudo .topo .menu ul li:nth-child(5) { clear: left; }
.clearleft { clear: left; }
.conteudo .topo .menu ul li a { color: #fff; text-decoration: none; font-size: 1.2em; padding: 10px 10px 0 10px; display:block; height: 45px; max-width:100px; }
.conteudo .topo .menu ul li.duaslinhas a { padding: 5px 10px 0 10px; line-height: 18px; }

.conteudo .topo .submenu { border-top: solid 1px #fefb04; border-bottom: solid 1px #fefb04; clear: both; padding:1px 0; text-transform: uppercase; }
.conteudo .topo .submenu ul li.center { margin-left: 7%; }
.conteudo .topo .submenu ul { /*height: 45px;*/ background-image: url('../img/amigo_construtor/bg-menu-logado.jpg'); background-position:center; background-repeat:no-repeat; padding:0 20px 0 0; }
.conteudo .topo .submenu ul li { height: 45px; line-height: 45px; display:inline-block; font-weight:bold; padding:0 8px; }
.conteudo .topo .submenu ul li:last-child { margin-right: 0; }
.conteudo .topo .submenu ul li a { color: #000; text-decoration: none; font-size: 1.2em; padding:0px; display: block; }
.conteudo .topo .submenu ul li.hello { color:#fefb04; font-size:1.4em; padding-left:20px; width:45%; }
.conteudo .topo .submenu ul li.home img { margin:0 0 -5px; }
.conteudo .topo .submenu ul li.sair a { color:#fefb04; }

.conteudo hr { width: 90%; margin: 0 auto 20px; border: 0; height: 1px; background-color: #fff; visibility: hidden; }
.conteudo .destaques { font-size: 1em; }
.conteudo .col50 { margin-top: 30px; }
.conteudo .destaques.chamada_principal h2 { color: #fff; font-size: 3.4em; }
.conteudo .destaques.chamada_principal h2 .titamigo { font-size: 1.2em; }
.conteudo .destaques h3 { color: #fff; font-size: 1.5em; }

.conteudo .box.interna { min-height: 450px; text-align: left; }
.conteudo .box.interna .dentro { padding: 32px; }
.conteudo .box.interna .imagem { width: 50%; margin-right: 3%; float: left; }
.conteudo .box.interna .sombra_dupla, .conteudo .box.interna .sombra_dupla iframe { z-index: 2; }
.conteudo .box.interna .sombra_dupla:before, .conteudo .box.interna .sombra_dupla:after { z-index: 1; background-color: #000; 
  -webkit-box-shadow: 0 18px 16px #000; 
  -moz-box-shadow: 0 18px 16px #000;
  box-shadow: 0 18px 16px #000; 
}
.conteudo .box.interna h1 { font-size: 3.4em; line-height:1em; }
.conteudo .box.interna h1 small { font-size: 0.5em; display:inline-block; }
.conteudo .box.interna h2 { font-size: 1.4em; margin: 1em 0; }

/*=====================================
 * box com sombra dupla no canto
 * ====================================*/
.box {
	width:100%;
	min-height:100px;
	background:#FFF;
	margin:30px auto;
  color: #5b5b5b;
  text-align: center;
  position: relative;
}

/*.box.galeria { min-height: 150px; }
.box.video { min-height: 330px; }
.box.unico { min-height: 240px; }*/
.box .dentro { padding: 12px; }
.box h4 { font-size: 1.3em; margin: 15px 0; }
.box h4:first-child {  margin: 0 0 15px; }
.box h4:last-child {  margin: 15px 0 0; }
.box span { display: block; margin: 10px 0 0;}
.box a { font-weight: bold; color: inherit; }
.box.galeria img.responsive { width:100%; height:85%; }
.col50 .col50 .box h4 { min-height: 46px; }


.sombra_dupla:before, .sombra_dupla:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #710601;
  -webkit-box-shadow: 0 20px 10px #710601;
  -moz-box-shadow: 0 20px 10px #710601;
  box-shadow: 0 20px 10px #710601;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.sombra_dupla:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.popup{
	width:100%;
	min-height:100px;
	background:#FFF;
	margin:20px auto;
    color: #5b5b5b;
    position: relative;
}

.vermelho {
    color: red;
}

.vermelhoPopUp {
    color: red;
    font-size: 20px;
}

.fundoVermelho {
    background-color: #FFC6C6;
    padding: 1px 8px 1px 8px;
    width: 75%;   
}

.aviso {
    font-size:12px;
}

table {border-collapse: collapse; width: 100%;}
table th {height: 30px; background-color: #b70e0c; color: white; padding: 10px; text-align:center;}
table td {padding:5px; vertical-align: central;}
table .linha td{background-color: rgb(244, 244, 244);}
table .alternate td{background-color: rgb(221, 221, 221);}
table a { color: #aaa;}
table th, td {border: 1px solid White;}

.btn-cinza { font-size: 12px !important; font-family: 'FrutigerCn'; cursor: pointer;  }

.formata_lista .sombra_dupla {
  position: relative;
}

p.parabens strong { color:#4bae32; font-size:1.67em; font-weight:normal; display:block; }

/* LAYOUT ANTIGO - INICIO */
#tabsDados { width: 920px; margin-bottom: 20px; }
#tabsDados input { border: 1px solid #c1c1c1; padding: 2px 4px; font-family: 'FrutigerCn' !important; font-size: 12px; width: 210px; }
#tabsDados .btn-salvar { font-size: 12px !important; font-family: 'FrutigerCn'; cursor: pointer;  }
#tabsDados select { border: 1px solid #c1c1c1; padding: 2px 4px; font-family: 'FrutigerCn' !important; font-size: 12px; width: 219px;}
#tabsDados textarea { width: 250px; height: 100px; border: 1px solid #c1c1c1; padding: 2px; }

.internaTab td { padding-right: 12px; }
.campo-telefone { width: 160px !important;  }

.label-dados { /*float: left;*/ margin-right: 8px; /*width: 95px;*/ padding-top: 2px; }
.label-dados-1 { /*float: left;*/ margin-right: 8px; /*width: 35px;*/ padding-top: 2px;}
.label-dados-2 { /*float: left;*/ margin-right: 8px; /*width: 65px;*/ padding-top: 2px;}
.label-dados-3 { /*float: left;*/ margin-right: 8px; /*width: 100px;*/ padding-top: 4px;}
.campo-dados {margin-bottom: 8px;}
.campo-ddd { width: 30px !important; float:left; margin-right: 10px;}
.campo-m { width: 210px;}
.campo-mm { width: 160px;}
.campo-g { width: 246px !important;}
.campo-dados .campo-textarea { resize:none; width: 246px; height:150px; }

.bloco-treinamento { width: 169px; height: 176px; display: inline-table; float: left; margin: 2px 0 40px 70px; background: url("../img/bg-video.png") no-repeat; padding: 0 15px; text-align: left;}
.bloco-treinamento .logo-face { float: right; margin: 15px 0 0 0; }
.bloco-treinamento .thumb { clear: both; width: 150px; height: 80px; margin: 10px 0 5px 10px; }
.bloco-treinamento div { margin-left: 14px; color: #fff; }
/*.bloco-treinamento button { width: 62px; height: 30px; float: left; padding: 4px 0; text-align: center; font-size: 11px; font-family: 'FrutigerCn'; }*/
/*.bloco-treinamento .btn-assistir { background: #b1b3b6; margin: 0 8px 0 21px; }
.bloco-treinamento .btn-quiz { background: #ed1c24; color: #fff; }*/
.bloco-treinamento p { margin-top: 20px; display: inline-table; font-size: 13px; }

.bloco-treinamento1 { width: 169px; height: 176px; display: inline-table; margin: 2px 0 40px 70px; background: url("../img/bg-video.png") no-repeat; padding: 0 15px; text-align: left;}
.bloco-treinamento1 .logo-face { float: right; margin: 15px 0 0 0; }
.bloco-treinamento1 .thumb { clear: both; width: 150px; height: 80px; margin: 10px 0 5px 10px; }
.bloco-treinamento1 div { margin-left: 14px; color: #fff; }

.treinamento { width: 565px; height:355px; padding: 15px; background: url("img/bg-video-interna.png") no-repeat; margin: 20px 0 0 0; }
a.btn-vermelho, .btn-vermelho { background: #ed1c24; color: #fff; width: auto; height: 30px; padding: 4px 8px; text-align: center; font-size: 12px !important; font-weight:normal !important; font-family: 'FrutigerCn'; margin: 0 6px; border: 1px solid #c62138; }
a.btn-vermelho:hover, .btn-vermelho:hover { background: #da0f16;  }
.btn-cinza { background: #b1b3b6; color: #fff; height: 30px; padding: 4px 8px !important; text-align: center; font-size: 12px !important; font-family: 'FrutigerCn'; margin:0 !important;  border: 1px solid #9b9b9b; cursor: pointer;}
.btn-cinza:hover { background: #a7a9ac; }
.btn-lista { float: right; margin: 50px 0 0 0 !important; }
/* LAYOUT ANTIGO - FIM */

/* CONCURSOS */
.concursos .dentro { min-height:700px; }
.concursos .bloco { width:244px; float:left; margin-right: 20px; text-align: center; }
.concursos .subtitulo { font-size:18px; padding-top:20px; padding-bottom:15px;}
.concursos .abas { margin-bottom:40px; border-bottom:solid 1px #9b9b9b;
-moz-box-shadow: -1px 3px 4px #cfcfd0;
-webkit-box-shadow: -1px 3px 4px #cfcfd0;
box-shadow: -1px 3px 4px #cfcfd0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cfcfd0')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cfcfd0');
}
.concursos .abas button { font-family: 'FrutigerCn'; font-size:17px !important; padding:10px !important; height:auto; background-color:#b1b3b6; color:#fff; border:0; }
.concursos .abas button.on { background-color:#ed1c24; }
.concursos .lateral { float:left; width:40%; max-width:190px; margin-right:2%; background-repeat:no-repeat; background-position:top right; margin-left:-32px; min-height:651px; }
.concursos.amigos .lateral img { margin-left:-10px; }
.concursos.embaixadinhas .lateral img { margin-left:-10px; }
.concursos.amigos .lateral { background-image:url(../img/amigo_construtor/concurso_amigos_bg.png); }
.concursos.embaixadinhas .lateral { background-image:url(../img/amigo_construtor/concurso_embaixadinhas_bg.png); }
.concursos.frases .lateral { background-image:url(../img/amigo_construtor/concurso_frases_bg.png); }
.concursos.paiamigo .lateral { background-image:url(../img/amigo_construtor/background-amigo.png); }
.concursos.festaturma .lateral { background-image:url(../img/amigo_construtor/background_festaturma_2016.jpg); background-position: -21px 0px!important; }
.concursos.turmadoscampeoes .lateral { background-image:url(../img/amigo_construtor/bg-turmadoscampeos.png); background-position: -21px 0px!important; }
.concursos.minhaobrafazdiferenca .lateral { background-image:url(../img/amigo_construtor/concurso_lateral_minha-obra-faz-diferenca.png); }
.concursos.minhaobrafazdiferenca .imagem-logo { padding-left: 5%;  } 
.concursos.meunatalvalehistoria .lateral { background-image:url(../img/amigo_construtor/concurso_meu-natal-vale-uma-historia.png); }
.concursos.meunatalvalehistoria .imagem-logo { padding-left: 5%;  } 
.concursos.minhaobradariafilme .lateral { background-image:url(../img/amigo_construtor/minha-obra-daria-filme_logo-lateral.png); }
.concursos.minhaobradariafilme .imagem-logo { padding-left: 5%;  } 
.concursos.turmadoscampoes .lateral { background-image:url(../img/amigo_construtor/bg-turmadoscampeos.png); }
.concursos.turmadoscampoes .imagem-logo { padding-left: 5%;  } 

.concursos.som .lateral { background-image:url(../img/amigo_construtor/concurso_som.png); background-position: -20px -11px; }
.concursos.dia-das-criancas .lateral { background-image:url(../img/amigo_construtor/concurso_lateral_dia_das_crianças.png); background-position: -21px 0px!important;  }
.concursos.dia-das-criancas .imagem-logo {margin-top: 41px; }
.concursos.box.interna h2 { color:#db0912; text-transform:uppercase; font-size:1.67em !important; clear: both; }
.concursos .submenu li { display:inline-block; padding:0 10px; border-right:solid 1px #5b5b5f; margin:5px 0; cursor:pointer; }
.concursos .submenu li.on { color:#db0912; }
.concursos .submenu li a { font-weight:normal; }
.concursos .submenu li:first-child { padding:0 10px 0 0; }
.concursos .submenu li:last-child { border-right:0; }
.concursos .miolo { float:left; width: 50%; }
.concursos .miolo .alerta,
.concursos .miolo b.alerta { color: #db0912; font-weight: normal;}
.concursos .miolo .texto { display:none; }
.concursos .miolo a,
.concursos .miolo b.aba { color:#db0912; font-weight:normal; }
.concursos #lateral-direita { float:right; width:175px; border-left:solid 1px #5b5b5f; padding:20px 0 30px 30px; margin-top:60px; }
.concursos .aba { cursor:pointer; }
.concursos .texto_regulamento { height:360px; overflow:auto; background-color: #eee; padding: 0 10px; }
.concursos .texto_regulamento table { width:100%; border-collapse:collapse; }
.concursos .texto_regulamento table th,
.concursos .texto_regulamento table td { border:solid 1px #000; padding:3px; }
.concursos p.ganhador img { max-height:300px; }
.concursos p.posicao {
    font-weight: bold;
    margin-top: 40px;
}

.concursos .dispositivo { height: 58px; margin:20px 0; }
.concursos .dispositivo li { display:block; float:left; background-color:#444; color:#fff; width:30%; text-align:center; font-size:1em; text-transform:uppercase; padding:10px 0; margin:0 5% 5px 0; }
.concursos .dispositivo li.on,
.concursos .dispositivo li:hover { background-color:#f00; }
.concursos .texto_ajuda { display:none; }
.concursos .texto_ajuda li { min-height:40px; padding:5px 0 5px 70px; background-image:url(../img/amigo_construtor/icones_ajuda_concursos.png); background-repeat:no-repeat; }
.concursos .texto_ajuda li.write { background-position: 0px 0px; }
.concursos .texto_ajuda li.check { background-position: 0px -127px; }
.concursos .texto_ajuda li.video { background-position: 0px -192px; }
.concursos .texto_ajuda li.conf { background-position: 0px -255px; }
.concursos .texto_ajuda li.www { background-position: 0px -389px; }
.concursos .texto_ajuda li.tela { background-position: 0px -69px; }
.concursos .texto_ajuda small strong { color:#f00; }

.concursos .bloco a { width:244px; height:244px; display:inline-block; }
.concursos .bloco a img { z-index:1; }
.concursos .bloco a .encerrado { position:absolute; z-index:2; }
.concursos .bloco a .prorrogado { position:absolute; z-index:2; }

.concursos .bloco1 a { width:244px; height:244px; }
.concursos .bloco1 a img { z-index:1; }
.concursos .bloco1 a .encerrado { position:absolute; z-index:2; }
.concursos .bloco1 a .prorrogado { position:absolute; z-index:2; }

div.pp_default .pp_description { font-size:17px !important; color:#db0912 !important; }
.galeria {margin-bottom: 100px;}
.galeria li { display:inline-block; width:77px; height:77px; overflow:hidden; }
.galeria li img { width:170%; }

.galeria-frase {color: #555555; padding-left: 15px;}
.galeria-frase span {color: #555555; margin: 0 0 0 0; padding: 0; font-size: 13px;  font-style: italic;}
.img-face {background: url(../img/amigo_construtor/img-galeria-facebook.png) no-repeat; width: 22px; height: 22px; display: inline;}

#div-galeria-frases {position:relative; background-image: url(../img/amigo_construtor/background_galeria_frases.png) ;   width:682px; height: 490px; overflow-y: auto; overflow-x: hidden;margin-bottom: 0px;}

#fecha-aspas {background: url(../img/amigo_construtor/fecha-aspas_galeria.png) no-repeat; width: 49px; height: 49px; position: absolute; right: -280px; bottom: -10px; }
#abre-aspas { background: url(../img/amigo_construtor/aspas-abre-galeria.png) no-repeat; width: 49px;  height: 49px; position: absolute; top: 0; left: -50px; }
.galeria.frases { position: relative; }

/* galeria de fotos concurso festa da turma*/
 .image-container 
                {
                    background: 0px 0px url(../img/amigo_construtor/borda_galeria.png) no-repeat;
                    background-size: 170px 174px;
                    padding: 10px;
                    width: 170px;
                    height: 174px;
                    overflow: hidden;
                    float: left;
                }

 .campos-obrigatorios { color:#db0912; }

.jogos label.marca { /*background-color:#ED1C24;*/ background-color:#aaa; color:#fff; text-transform:uppercase; font-size:16px; text-align:center; width:120px; height:30px; line-height:30px; display:block; float:left; margin-right:10px; cursor:pointer; }
.jogos label.marca input { display:none; }




/*===========================
responsive embed
=============================*/
.embed_container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; background-color: #000; /*margin: 20px 0 15px;*/ } 
.embed_container iframe, 
.embed_container object, 
.embed_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:4; }




/*=============================
    IE FIX
===============================*/
.last { float: right !important; margin-right: 0 !important; border-right:0 !important; }



/*==========================
Responsividade
============================*/
/* TELA GRANDE */
@media screen and (min-width: 960px) {
  .conteudo { width: 960px; margin: 0 auto; }
  .conteudo a.logo { width: 235px; }
  .conteudo .topo .menu ul li { width:110px; }
  .box.galeria .col25 { max-height: 85px; overflow: hidden; }
}

/* TELA MÉDIA */
/*@media screen and (max-width: 960px) {
  body { font-size: 13px; }
  .conteudo { width: 95%; }
  .conteudo .topo .menu ul li { min-width: 15%; }
  .conteudo .topo .menu .clearleft { clear:none !important; }
  .col30, .col50, .col70 { width: 100%; float: none; clear: both; }
  .barra form input.busca { width: 50px; }
  .box.galeria .col25 { max-height: 174px; overflow: hidden; }
  .concursos .miolo { width: 65%; float:left; }
  .concursos #lateral-direita { border-left:0; border-top:solid 1px #5b5b5f; width:65%; padding: 20px 0; margin-top:30px; }
}*/

/* TELA PEQUENA */
/*@media screen and (max-width: 640px) {
  body { font-size: 11px; }
  .conteudo { width: 95%; }
  .conteudo .topo .menu ul li { min-width: 14%; }
  .col25 { width: 49%; margin-right: 2%; }
  .col25:nth-child(2) { margin-right: 0; }
  .col50 { width: 100%; float: none; clear: both; }
  .box.galeria .col25 { max-height: 236px; overflow: hidden; margin-bottom: 10px; }
}*/

/* TELA EXTRA PEQUENA */
/*@media screen and (max-width: 480px) {
  body { font-size: 11px; }
  .conteudo { width: 95%; }
  .conteudo .topo .menu ul li { min-width: 14%; }
  .col25 { width: 49%; margin-right: 2%; }
  .col25:nth-child(2) { margin-right: 0; }
  .col50 { width: 100%; float: none; clear: both; }
  .box.galeria .col25 { max-height: 236px; overflow: hidden; margin-bottom: 10px; }
}*/