/*
 * Utilizar esses códigos para alterar as cores e fontes padrões
 * O que não for alterado não precisa ficar no código
 */

/* Cor do texto */

html, body, div, td, th, p, li, input, textarea, select
{ color: #222; }

/* Cor de linhas */

input, textarea, select
{ border-color: #222; }

/* Cor de destaque */

h1, h2, h3, h4, h5, h6
{ color: #FF8E17; }

button, input[type=button], input[type=reset], input[type=submit]
{ background-color: #063; border-color: #063; }

hr
{ border-color: #FF8E17; }

/* Cor do texto para fundo invertido */

button, input[type=button], input[type=reset], input[type=submit]
{ color: #fff; }

/* Cor do link */

a:link, a:visited, a:hover, a:focus, a:active
{ color: #063; }

/* Cor do fundo */

body, input, textarea, select
{ background-color: #fff; }

/* Fonte do texto */

/* body, h1, h2, h3, h4, h5, h6, div, td, th, p, li, input, textarea, select, button
{ font-family: Verdana, Arial, Helvetica, sans-serif; } */


/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Celulares
 * 320px a 480px (menor que 768px)
 * Espaço útil: 310px a 468px (iPhone)
 */

/* PÁGINA INICIAL */
.bloco_padrao { background-color: #fff; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; }
.bloco_padrao .conteudo .coluna_unica h1 { text-shadow: 2px 2px 8px #bec0c1; }
.bloco_padrao .conteudo .coluna_meio h1 { text-shadow: 2px 2px 8px #bec0c1; text-align: center; }
.caixa_index .conteudo { display: table; }
.caixa_index .conteudo .coluna_unica { display: table-cell; vertical-align: middle; float: none; }
.caixa_index .conteudo .coluna_conteudo {
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    background: rgba(255,255,255,.6);
}

#index_opcoes { background-image: url(/img/fundo_index_opcoes.jpg); background-attachment: scroll; }
#index_opcoes .conteudo { padding: 5% 0; }
#index_quemsomos { background-image: url(/img/fundo_index_quemsomos.jpg); }
#index_quemsomos .conteudo .coluna_unica { text-align: center; font-size: 16px; }
#index_contato { background-image: url(/img/fundo_index_contato.jpg); }

.caixa_index_opcoes {
	width: 100%; max-width: 300px; border: 1px solid #222; padding: 15px; text-align: left; font-size: 14px; border-radius: 10px; margin: 10px auto;
}

.caixa_index_opcoes.opcao1 {
	background: rgba(236,245,155,1);
	background: -moz-linear-gradient(-45deg, rgba(236,245,155,1) 0%, rgba(246,250,205,1) 74%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236,245,155,1)), color-stop(74%, rgba(246,250,205,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(-45deg, rgba(236,245,155,1) 0%, rgba(246,250,205,1) 74%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(236,245,155,1) 0%, rgba(246,250,205,1) 74%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(236,245,155,1) 0%, rgba(246,250,205,1) 74%, rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, rgba(236,245,155,1) 0%, rgba(246,250,205,1) 74%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf59b', endColorstr='#ffffff', GradientType=1 );
}

.caixa_index_opcoes.opcao2 {
	background: rgba(250,222,170,1);
	background: -moz-linear-gradient(-45deg, rgba(250,222,170,1) 0%, rgba(253,239,213,1) 74%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,222,170,1)), color-stop(74%, rgba(253,239,213,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(-45deg, rgba(250,222,170,1) 0%, rgba(253,239,213,1) 74%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(250,222,170,1) 0%, rgba(253,239,213,1) 74%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(250,222,170,1) 0%, rgba(253,239,213,1) 74%, rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, rgba(250,222,170,1) 0%, rgba(253,239,213,1) 74%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadeaa', endColorstr='#ffffff', GradientType=1 );
}

.caixa_index_opcoes.opcao3 {
	background: rgba(250,202,168,1);
	background: -moz-linear-gradient(-45deg, rgba(250,202,168,1) 0%, rgba(253,229,212,1) 74%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,202,168,1)), color-stop(74%, rgba(253,229,212,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(-45deg, rgba(250,202,168,1) 0%, rgba(253,229,212,1) 74%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(250,202,168,1) 0%, rgba(253,229,212,1) 74%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(250,202,168,1) 0%, rgba(253,229,212,1) 74%, rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, rgba(250,202,168,1) 0%, rgba(253,229,212,1) 74%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facaa8', endColorstr='#ffffff', GradientType=1 );
}

.caixa_index_opcoes .subtitulo { font-size: 10px; text-align: right; font-weight: bold; color: #666; margin: 10px; }

/* PÁGINA QUEM SOMOS */

#quemsomos_servicos { background-image: url(/img/fundo_quemsomos_servicos.jpg); }
#quemsomos_servicos .conteudo .coluna_meio h2 { text-align: left; }

#quemsomos_missao { background-image: url(/img/fundo_quemsomos_missao.jpg); }
#quemsomos_missao .conteudo .coluna_meio h2 { text-align: center; }

#quemsomos_visao { background-image: url(/img/fundo_quemsomos_visao.jpg); }
#quemsomos_visao .conteudo .coluna_meio h2, #quemsomos_visao .conteudo .coluna_meio h3 { text-align: center; }
#quemsomos_visao .conteudo .coluna_meio { text-align: center; color: #fff; }

#quemsomos_valores {
	background: rgba(250,222,170,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(253,239,213,1) 74%, rgba(250,222,170,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(74%, rgba(253,239,213,1)), color-stop(100%, rgba(250,222,170,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(253,239,213,1) 74%, rgba(250,222,170,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(253,239,213,1) 74%, rgba(250,222,170,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(253,239,213,1) 74%, rgba(250,222,170,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(253,239,213,1) 74%, rgba(250,222,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fadeaa', GradientType=1 );
}

#quemsomos_parceiros {
	background: rgba(236,245,155,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,250,205,1) 74%, rgba(236,245,155,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(74%, rgba(246,250,205,1)), color-stop(100%, rgba(236,245,155,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,250,205,1) 74%, rgba(236,245,155,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,250,205,1) 74%, rgba(236,245,155,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,250,205,1) 74%, rgba(236,245,155,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,250,205,1) 74%, rgba(236,245,155,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf59b', GradientType=1 );
}

#quemsomos_missao h3, #quemsomos_valores h3, #quemsomos_visao h3, #quemsomos_servicos h3, #quemsomos_parceiros h3 { padding: 0 10px 20px 20px; color: #a0a892; margin: -15px 0 0 0; font-size: 24px; }

/* PÁGINA ORGANIZACAO */

#organizacao_saladeaula { background-image: url(/img/fundo_organizacao_saladeaula.jpg); }

#organizacao_maisquesalas { background: #063; }
#organizacao_maisquesalas .conteudo { min-height: auto; }
#organizacao_maisquesalas .conteudo .coluna_unica h2 { color: #fff; text-align: center; padding: 10px 0; }

#organizacao_vivencias { background-image: url(/img/fundo_organizacao_vivencias.jpg); }
#organizacao_imersao { background-image: url(/img/fundo_organizacao_imersao.jpg); }

#organizacao_assessoria { background: #063; min-height: auto; }
#organizacao_assessoria .conteudo .coluna_meio div { color: #fff; }
#organizacao_assessoria .conteudo .coluna_meio h2 { color: #fff; }

#organizacao_coffebreak { background-image: url(/img/fundo_organizacao_coffebreak.jpg); }
#organizacao_coffebreak .conteudo .coluna_meio div { text-align: right; }
#organizacao_coffebreak .conteudo .coluna_meio h2 { text-align: right; }
#organizacao_refeicao { background-image: url(/img/fundo_organizacao_refeicao.jpg); }
#organizacao_refeicao .conteudo .coluna_meio h2 { text-align: left; }
#organizacao_hospedagem { background-image: url(/img/fundo_organizacao_hospedagem.jpg); }
#organizacao_hospedagem .conteudo .coluna_meio div { text-align: right; }
#organizacao_hospedagem .conteudo .coluna_meio h2{ text-align: right; }

/* PÁGINA CURSOS */

.caixa_lista_cursos, .caixa_lista_cursosrealizados { border: 1px solid #888; border-radius: 15px; padding: 0; overflow: hidden; margin: 10px; }
.caixa_lista_cursos img, .caixa_lista_cursosrealizados img { float: left; padding: 0 20px 0 0; max-width: 30%; }
.caixa_lista_cursos h4, .caixa_lista_cursosrealizados h4 { padding: 0 10px; }
.caixa_lista_cursos div, .caixa_lista_cursosrealizados div { padding: 10px; }
.caixa_lista_cursos div.data, .caixa_lista_cursosrealizados div.data { padding: 0 10px; font-size: 10px; }

/* MENU */

.bloco_menu {
	padding: 0;
    background-color: #FF8E17;
    color: #FFFFFF;
    background-image: url(/img/fundo_rodape.jpg);
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
}
.bloco_menu .conteudo { display: table; padding: 0; }
.bloco_menu .conteudo div { display: table-cell; text-align: center; vertical-align: middle; width: 13%; padding:5px; margin:0; color: #fff; font-size: 12px; }
.bloco_menu .conteudo div a { color: #fff; font-weight: bold; }
.bloco_menu .conteudo div.ativo { background: #063; color: #fff; }
.bloco_menu .conteudo div.ativo a { color: #fff; }
.bloco_menu .conteudo div.logo { background: none; width: 19%; }
.bloco_menu .conteudo div.logo img { max-width:100%; height:auto; }

.submenu { clear: both; text-align: center; padding: 10px 0; margin: 10px 0; background: #fe9; border-radius: 50px; font-size: 11px; }

/* FOOTER */

.bloco_rodape {
    padding: 30px 0;
    background-color: #FF8E17;
    color: #FFFFFF;
    background-image: url(/img/fundo_rodape.jpg);
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
}

.bloco_rodape_print {
	padding: 10px 10px;
	border-top: 2px solid #FF8E17;
	display: none;
}

.bloco_rodape .conteudo div { float: left; width: 100%; color: #FFFFFF; padding: 25px 5%; margin: 0; text-align: center; font-size: 11px; }
.bloco_rodape .conteudo div.logo { border-bottom: 1px solid #fff; }
.bloco_rodape .conteudo div.info { text-align: center; border-bottom: 1px solid #fff; }
.bloco_rodape .conteudo div.info h1 { font-size: 14px; color: #eee; }
.bloco_rodape .conteudo div.info a { font-size: 16px; }
.bloco_rodape .conteudo div.loovus {}
.bloco_rodape .conteudo div.logo img, .bloco_rodape .conteudo div.loovus img { max-width:100%; height:auto; }
.bloco_rodape a:link,
.bloco_rodape a:visited { color: #FFFFFF; text-decoration: none; }
.bloco_rodape a:hover,
.bloco_rodape a:active { color: #FFFFFF; text-decoration: underline; }

/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Tablets (portrait)
 * 768px a 1024px
 * Espaço útil: 750px (iPad) a 989px (-35px em desktops)
 */
@media (min-width: 768px) {
	/* FOOTER */
	.bloco_rodape .conteudo div { float: left; width: 29%; color: #fff; padding: 15px 2%; margin: 0; text-align: center; }
	.bloco_rodape .conteudo div.logo { border-right: 1px solid #fff; border-bottom:none; }
	.bloco_rodape .conteudo div.info { border-right: 1px solid #fff; border-bottom:none; text-align: left; }
	.bloco_rodape .conteudo div.info a { font-size: 11px; }
	.bloco_rodape .conteudo div.loovus {}
}

/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Tablets (landscape)
 * 768px a 1024px
 * Espaço útil: 750px (iPad) a 989px (-35px em desktops)
 */
@media (min-width: 900px) {
	/* Inserir CSS específico da página */
	.bloco_padrao .conteudo { min-height: 400px; }
	.caixa_index { min-height:50%; }
	.caixa_index .conteudo .coluna_meio { display: table-cell; vertical-align: middle; float: none; }
	/* PÁGINA CURSOS */
	.caixa_lista_cursos { border: 1px solid #888; border-radius: 15px; padding: 0; overflow: hidden; margin: 10px; height: 550px; }
	.caixa_lista_cursos img { float: none; padding: 0; max-width: 100%; min-width: 100%; }
	.caixa_lista_cursos h4 { padding: 0 10px; }
	.caixa_lista_cursos div { padding: 10px; }
	.caixa_lista_cursos div.data { padding: 0 10px; font-size: 10px; }

}

/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Computador
 * 1024px ou mais (1025px para desconsiderar iPad em landscape)
 * Espaço útil: -35px
 */
@media (min-width: 1025px) {
    .bloco_padrao {
        /* attachment: fixed não funciona no iPhone e iPad*/
        background-attachment: fixed;
    }
    .conteudo {
	    padding: 10px 15px;
    }
	.bloco_menu .conteudo {
		width: 80%;
		padding: 0;
		margin: 0 auto;
	}
}
@media (min-width: 1210px) {
	/* Inserir CSS específico da página */
}

/* Impressão
 */
@media print {
	/* Inserir CSS específico da página */
}

.bloco_rodape .conteudo {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}