/*
  --------------
  DESKTOP - Dispositivos com largura a partir de 769px
  --------------
*/

@import url("elementos.css"); /* biblioteca de classes com estilos gerais */


/*
  --------------
  ELEMENTOS e CLASSES
  --------------
*/


/* ------- CLASSES ------- */
.limites { width: 1200px; display: table; margin: 0 auto; }

/* chrome frame */
.chrome_frame { position: relative; /*display: none;*/ height: 116px; padding-top: 25px; background: url(../imagens/chrome-frame-bg.jpg) center 0 repeat-x; font: 12px Arial sans-serif !important; color: #545454 !important; }
.chrome_frame .limites { position: relative; width: 845px; margin: 0 auto; padding: 0 20px 0 135px; background: url(../imagens/chrome-frame-logo.png) 20px 0 no-repeat; }
.chrome_frame .limites img { margin-top: -25px; margin-left: 170px; }
.chrome_frame .limites h3 { margin-bottom: 0; font-size: 1.33em !important; }
.chrome_frame .limites p { margin: 0 240px 10px 0; text-align: left; line-height: 18px; }
.chrome_frame .limites a { text-decoration: none; color: #0000ff; }
.chrome_frame .limites .instalar { position: absolute; top: -5px; right: 20px; width: 190px; height: 70px; padding: 15px 10px; border: 1px solid #dadada; background: #fff; font-size: .9em !important; }
.chrome_frame .limites .instalar p { width: 192px; margin: 0; text-align: center; }
.chrome_frame .limites .instalar a.botao_instalar { display: block; width: 118px; height: 30px; margin: 0 auto 15px; background: url(../imagens/chrome-frame-botao.png) no-repeat; line-height: 30px; font-weight: bold; font-size: 1.3em; text-align: center; text-decoration: none; color: #fff; }
.chrome_frame .limites .fechar { position: absolute; top: -15px; right: -15px; width: 14px; height: 14px; background: url(../imagens/chrome-frame-fechar.png) no-repeat; text-indent: -9999em; overflow: hidden; }


/*
  --------------
  ESTRUTURA
  --------------
*/


/* ------- TOPO ------- */

/* ------- CONTEÚDO ------- */
.conteudo {display: table; width: 100%; }

/* videos */


.nome-video{width: 400px; height: 400px; background: black; display: none; opacity: 0.5; position: absolute;   }
.nome-video h2.nome{color: #ffffff; padding: 20px;font-weight: 100; font-size: 26px;font-family: 'Roboto', 'sans-serif';}
.nome-video h3.descricao{color: #ffffff;padding: 20px;font-size: 15px; padding: 20px; font-family: "adobe-garamond-pro",Georgia,"Times New Roman",serif;
font-style: italic; text-align: left; font-weight: 100;letter-spacing: 1px;}




.todos-videos{width: 100%;display: table; margin: 0 auto; background: #ffffff; }


.todos-videos  li { display: inline; }

.todos-videos  li a.mascara-video{width: 400px; height: 400px; display: block; text-decoration: none; float: left; background: #fff5c4; cursor: pointer;}

.todos-videos  li a.mascara-video:hover .nome-video{ display: block;}

.todos-videos  li.active a.mascara-video{ color: red;  }

.box-video{ display: table; width: 1200px; }
.player-videos{width: 1200px;display: table;  }
.player-videos p{display:none;}

#grupo-futebol{width: 900px; display: table;}


a.mascara-video-2{width: 400px; height: 400px; display: block; text-decoration: none; float: left; background: #d5cb96;}


/* sobre */
.sobre{width: 100%; height: 310px; margin: 0 auto; background: #2f2e2e; display: table; }
.sobre h1.titulo{color: rgb(24, 21, 21);width: 214px;padding: 10px 20px; text-align: center; border: 2px solid rgb(24, 21, 21);letter-spacing: 13px;font-weight: 300;font-size: 36px; margin: 20px auto;font-family: 'Roboto', 'sans-serif';}
.texto-sobre{width: 1000px; display: table; color: #AAA4A4; font-size: 15px; padding: 20px; font-family: "adobe-garamond-pro",Georgia,"Times New Roman",serif;font-style: italic; text-align: center; margin: 0 auto;}

.redes-sociais
{
	margin: 50px auto;
	display: table;
}

.icone-fb
{
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	background: url(img/fb-icon.png);
	cursor: pointer;
	opacity: 1.0;
	
}
.icone-fb:hover
{
	opacity: 0.5;
}

.icone-insta
{
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin-right: 20px;
	background: url(img/insta-icon.png);
	cursor: pointer;
	opacity: 1.0;
}

.icone-insta:hover
{
	opacity: 0.5;
}


a.link-midia-social
{
	text-decoration: none;
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	display: block;
}

/* contato */
.contato{width: 100%; height: 600px; margin: 0 auto; background:url(img/bg-body.png) #b8b8b8; padding-top: 50px }
.contato h1.titulo{color:  rgb(146, 144, 144);width: 214px;padding: 10px 20px; text-align: center;letter-spacing: 13px;font-weight: 300;font-size: 36px; margin: 0 auto;font-family: 'Roboto', 'sans-serif';}

.testandoo{display: table; float: left;}

/* contato */

.dados-contato{width: 500px; display: table; float: left; margin-right: 20px;}
.dados-contato-2{width: 240px;
display: table;
float: right;
color: #FFFFFF;
font-size: 22px;
padding: 20px;
font-family: 'Roboto', 'sans-serif';
border-left: 2px solid white;
margin-top: 240px;
text-align: center;
font-weight: 100;}

input.contato-form{width: 500px;
height: 40px;
background: rgba(53, 52, 52, 0.64);
margin: 20px 0px 0px 20px;
border: none;
padding: 1px 10px;
font-family: 'Roboto', 'sans-serif';
font-size: 16px;
color: white;
outline: none;
letter-spacing: 2px;
font-weight: 100;
border: 1px solid rgba(53, 52, 52, 0.64);}


textarea.mensagem-contato{width: 500px;
height: 130px;
background:rgba(53, 52, 52, 0.64);
margin: 20px 0px 0px 20px;
border: none;
padding: 10px 10px;
font-family: 'Roboto', 'sans-serif';
font-size: 16px;
color: white;
outline: none;
letter-spacing: 2px;
font-weight: 100;
border: 1px solid rgba(53, 52, 52, 0.64);}

input.enviar{width: 521px;
height: 40px;
background: rgba(53, 52, 52, 1);
margin: 20px 0px 0px 20px;
border: rgba(53, 52, 52, 1);
padding: 1px 10px;
font-family: 'Roboto', 'sans-serif';
font-size: 16px;
color: white;
outline: none;
letter-spacing: 5px;
font-weight: 100;
cursor: pointer;
opacity: 0.7;
-webkit-transition: all 0.2s;
opacity: 1.0;
}
textarea.mensagem-contato:focus{ border: 1px solid #c73493;-webkit-transition: all 0.2s;}
input.contato-form:focus{ border: 1px solid #c73493;-webkit-transition: all 0.2s;}

input.enviar:hover{opacity: 0.7;}

/* ------- RODAPÉ ------- */
.rodape { }