@charset "utf-8";
/* Web designer Francine Medeiros */
/* CSS Câmpus Palhoça Bilíngue */

/*** ESTRUTURA */
* {margin:0; padding:0}
a {color:#425D21}
a:hover {color:#990000}
ul, ul li {list-style:none}
.wrapper::after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
body {background:url(../imagens/bk.png); font-family:Arial,Helvetica,sans-serif; font-size:0.9em}
body .corpo {width:100%; max-width:950px; margin:25px auto }
#content {border-radius: 15px; background-color:#000; color:#FFF; width:100%; max-width:900px;padding:5px; text-align:left; margin-top:18px; z-index:0; position:relative}
/* botão voltar */
.voltar {font-weight:bold; text-decoration:none; color:#fff; background:#000; padding:3px 8px; border-radius:5px; margin-bottom:15px; }
.voltar:hover {color:#fff; background:#00981f}
.rodape .voltar {float:left}

/* Botão pdf */
.pdf {float:right; background:rgb(241, 12, 19); padding:10px; border-radius:5px; display:block; text-decoration:none; color:#fff; font-size:1.8em; margin-right:40px}
.pdf:hover {background:#016910; color:#FFF}
.botoes {height:54px; display:block; position:relative}
.margin_bottom {display:inline-block; margin-top:27px}

/* TOPO */
.topo {background:#016910; box-shadow: 0 3px 5px #888; margin-bottom:20px; overflow:hidden; text-align:center}
.topo div {background:#f10c13; color:#fff}
.topo img {float:right}

h1 {font-size:1.4em; color:#fff; text-align:center; padding:15px; text-transform:uppercase}
.topo b {font-weight:bold; margin-top:20px; display:block; color:#ef0b11; background-color:#fff; border:3px #ef0b11; text-align:center}

/*** LOGO */
.logo {width:217px; height:217px; position:absolute; left:0; top:0; background:url(../imagens/fundo-logo.png); display:block; z-index:5}
.logo a {display:block; z-index:2;	background:url(../imagens/logo.png) ; background-repeat:no-repeat; height: 107px; width: 107px;	position:relative; text-indent:-9999em;
left:24px; top:20px; visibility: visible; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; -webkit-transform:all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;}
.logo a:focus {border:none}
.logo a:hover {transform: scale(1.09); -webkit-transform:scale(1.09)}
.logo a span {display:none; position:absolute; left:104px; top:15px; color:#000; font-size:15px}
.logo a:hover span {display:block; width:200px; height:200px; z-index:99999}

/*** RODAPE */
.rodape {clear:both; color: rgb(102, 102, 102); font-size: 0.9em; padding-top:20px}
.rodape p {float: right; margin-right:41px}
.rodape ul, .rodape span, .rodape ul li {float: left; list-style:outside none none}
.rodape ul li {list-style:none}
.rodape span {margin-right: 10px}
.rodape span a {color: rgb(66, 93, 33); font-weight: bold; text-decoration: none}
.rodape span a:hover {color: rgb(0, 0, 0)}

/* SUMÁRIO E MENU */
	/* menus principais */
	.menu_topo, .sumario {width:50px; height:44px; position:absolute; right:0; cursor:pointer; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; z-index:1}
	/* menus principais */
	.sumario {background:#000 url(../imagens/menu.png) no-repeat; bottom:80px;}
   	.sumario:hover {border-radius:0}
	.sumario>ul, .menu_topo>ul {display:none; width:auto; position:absolute; right:50px; padding:8px; border-radius:0.5em; }
	.sumario>ul {bottom:0; border-top-right-radius:0; border-bottom-right-radius:0; }
	.sumario:hover>ul {border-top-right-radius:0.5em; }
	.sumario:hover>ul, .menu_topo:hover>ul {display:block; background:#000; padding:10px}
	.sumario:hover>ul li a, .menu_topo:hover>ul li a {line-height:150%; color:#000}
	.sumario:hover>ul li a:hover, .menu_topo:hover>ul li a:hover {color:#900}
    .sumario:hover>ul li {float:left}
	/* Menu Topo */
	.menu_topo {background:#000 url(../imagens/link.png) no-repeat; top:40px}
	.menu_topo>ul {top:0; border-top-right-radius: 0}
	.menu_topo>ul>li {line-height:180%; margin-top:6px; padding-top:6px; border-top:1px solid #ccc; }
	.menu_topo>ul>li:first-child {border:none}
	.menu_topo:hover {border-top-left-radius:0; border-bottom-left-radius:0}
	
/* RESPONSIVO */
/*------* youtube *=====*/
figure {min-width:17.5em; margin:0 auto}
figcaption { font: 120% sans-serif; text-align: center;margin: 0 0 5px 0; font-weight:bold}
.boxVideo {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin:0 auto}
.boxVideo iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%}

/* Ir para o topo */
.irtopo {background:#000; text-align:center; border-top-left-radius:8px; border-bottom-left-radius:8px; color:#FFF; bottom: 20%; cursor: pointer; height: 51px; position: fixed; right: 0; width: 48px; z-index: 1; font-weight:bold; padding: 7px 7px 0}

/******************** PÁGINA INDEX DO INGRESSO */

#ingresso {width:900px; position:absolute; left:50%; margin-left:-450px; margin-top:25px}
#ingresso a {display:block; border-radius:12px}

.site {box-shadow: 0 0 5px #999999; text-transform:uppercase; background:#b01b1f; padding:20px 25px; display:block;
text-align:center; width:850px;	color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:20px; margin-top:12px;	text-shadow:0 0 5px #590f09;
position:relative}
.site:hover {background-color:#75130a; text-shadow:0 0 30px #fff; color:#fff}
#ingresso > img, #ingresso > a > img {border-radius:12px; box-shadow: 0 0 5px #999999;}
		.bt, .bt2, .bt3 {border-radius:5px!important; box-shadow: 0 0 2px #999999;text-align:center; color:#485f2b; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; width:179px; height:24px; float:left; line-height:24px; padding:2px 0; border-radius:3px; text-decoration:none; }
		.bt {font-size:15px;  top:500px; right:25px;background-color:#0d471f; color:#ffffff; margin-bottom:5px; margin-right:7px}
		.bt2 {font-size:15px; top:437px; right:25px; background-color:#5f973c; text-shadow:0 0 45px #fff; color:#fff; margin-bottom:5px}
		.bt3 {font-size:14px;  top:478px; right:25px;background-color:#b01b1f; color:#fff; width:274px;  margin-left: 93px; margin-top:4px}
		.bt:hover {background-color:#4C7119; color:#eef4e7}
		.bt2:hover {background-color:#4C7119; color:#f3f7ee}
		.bt3:hover {background-color:#4C7119; text-shadow:0 0 30px #fff; color:#fff}
		/* Luta Cancer */ 
		.luta-cancer {display:block; position:absolute; left:-60px; top:-6px; cursor:pointer}
		.luta-cancer ins {font-size:18px; text-decoration:none}
		.luta-cancer img {box-shadow:none}
		.luta-cancer span {display:none; padding:15px; border-radius:12px; font-weight:bold; width:293px; text-transform:uppercase; color:#fff; background-color:#EF7EAA; line-height:180%; font-size:13px}
		.luta-cancer:hover span {display:block}
		.box {right:-3px;  height: 110px; padding: 15px; position: absolute; top:384px; /*border-radius: 0 30px 30px 0px;*/ width:367px}


/*************************** ACCORDION **/


/* get rid of those system borders being generated for A tags */
a:active {outline:none}
:focus {-moz-outline-style:none}

/* accordion header */
.accordion h2 {line-height: 14px; margin:0; padding:5px 15px; font-size:14px;
font-weight:normal; border-bottom:1px solid #ddd; cursor:pointer}

/* currently active header */
.accordion h2.current {cursor:default; background-color:#fff}
/* accordion pane */
.accordion .pane {border:2px solid #004435; display:none; height:auto; padding:15px; color:#fff; font-size:12px}


/* PÁGINA CONHEÇA OS CURSOS */
#conheca_cursos .cp {padding:0 15%}
#conheca_cursos .cp h1 {padding:5px 0 0 15px; display:block; color:#fff; background-color:#f10c13} 
.topo h1 { display:inline-block; margin-top: 24px; font-size:2em} 
#conheca_cursos .accordion {margin-bottom:40px}
#conheca_cursos .accordion h2 { color:#ffffff; background:#1d7967 url(../imagens/mais.jpg) no-repeat 99% 50%}
#conheca_cursos .accordion .pane {background-color:#fff; color:#000; font-size:13px}
#conheca_cursos .topo div {padding:3px 10px; font-size:13px}
#conheca_cursos .accordion h2.current {background:#004435 url(../imagens/menos.jpg) no-repeat 99% 50%}

/* Mãozinha*/
.maozinha {display:block; background:url(../imagens/maozinha.png) no-repeat; z-index:2; width:51px; height:51px; position:absolute; right:28px; bottom:-27px}
		.dois {right:-11px; bottom:-9px}
		.tres {right:22px; bottom:-24px}