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

/* ------- Área que aparece no browser -------- */

body{
	background-image: url(../imgs/marble_bg.jpg);
	background-repeat: repeat;
	margin-top: 4px;
	margin-bottom: 0px;
	overflow: visible;
	overflow-x: hidden;
	
}

body a{
	text-decoration:none;
}


/* Bloco Central */

#mainBlock{
	/*background-color: #F2F6FB;*/
	width: 1024px;
	height: 764px;
	margin: 0 auto;
	position: relative;
	/*box-shadow: 0px 0px 5px #262626;*/
	border-radius: 6px;
	
}


/* Banner */

#bannerImg{
	/*background-color:rgba(255,255,255,1.00);*/
	background-image:url(../imgs/banner_002.png);
	background-repeat:no-repeat;
	background-size:cover;
	/*background-color:rgba(164,212,133,1.00);*/
	width:100%;
	height:200px;
	border-radius: 0px;
	}
	

/* Barra de marcas */

#brandBar{
	background-image: url(../imgs/brands.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 200px;
	left: -88px;
	/*background-color: rgba(195,225,217,1.00);*/
	height: 30px;
	width: 1200px;
	background-size: 1200px 30px;
	/*border-top: thin double rgba(223,88,104,1.00);
	border-bottom: thin double rgba(223,88,104,1.00);	*/	
	text-align:center;
}

#brandBar img{
	margin-top:5px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	
}

/* Conteudo */
#covid19{
	position: absolute;
	background-color: rgba(255,255,255,0.85);
	background-image: url(../imgs/aviso_covid.png);
	background-size: cover;
	background-position: center;
	padding: 5px;
	width: 650px;
	height: 165px;
	bottom: 10px;
	border-left: medium double rgba(219,14,14,1.00);
	border-right: medium solid rgba(219,14,14,1.00);
	border-bottom: medium solid rgba(219,14,14,1.00);
	border-top: medium double rgba(219,14,14,1.00);
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	overflow: auto;
	z-index: 10;
	left: 10px;
}

#contentBlock{
	position: relative;
	background-color: rgba(255,255,255,0.85);
	/*background-image:url(../imgs/cont_bg.png);*/
	background-size: cover;
	background-position: center;
	padding:5px;
	width: 800px;
	height: 520px;
	margin-top: 34px;
	margin-left: 208px;
	border-left: medium double rgba(219,14,14,1.00);
	border-right: medium solid rgba(219,14,14,1.00);
	border-bottom: medium solid rgba(219,14,14,1.00);
	border-top: medium double rgba(219,14,14,1.00);
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	overflow:auto;
	
}

#contentBlock img{	border-radius: 7px;}

#contentBlock h1{
	margin-top: -5px;
	margin-right: -5px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 16pt;
	font-variant: small-caps;
	text-align: center;
	letter-spacing: 1pt;
	/* [disabled]text-shadow: 2px -1px 0px rgba(2,2,2,1.00); */
	color: rgba(219,14,14,1.00);
	border-bottom: thin solid rgba(219,14,14,1.00);
	/*-webkit-box-shadow: 1px -1px 2px 0px;
	box-shadow: 1px -1px 2px 0px;*/
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	margin-left: -5px;
	background-color: rgba(255,255,255,0.75);
}


bbb {
	font-family: philosopher;
	font-style: normal;
	font-weight: 400;
}


/* ----- Conteudo Cursos */

.cursoBlock {
	position:relative;
	height:400px;
	width: 350px;
	/*background-color:rgba(171,171,171,1.00);*/
	background-image:url(../imgs/cursos_desc_01.png);
	border-left: medium double rgba(219,14,14,1.00);
	border-right: medium solid rgba(219,14,14,1.00);
	border-bottom: medium solid rgba(219,14,14,1.00);
	border-top: medium double rgba(219,14,14,1.00);
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	cursor:pointer;
	
	 }

/*.cursoBlock:hover > .cursoCover {display:none;}*/
	 
.cursoBlock2 {
	position:relative;
	height:400px;
	width: 350px;
	/*background-color:rgba(171,171,171,1.00);*/
	background-image:url(../imgs/cursos_desc_02.png);
	border-left: medium double rgba(219,14,14,1.00);
	border-right: medium solid rgba(219,14,14,1.00);
	border-bottom: medium solid rgba(219,14,14,1.00);
	border-top: medium double rgba(219,14,14,1.00);
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	cursor:pointer;
	 }
	 
.cursoCover {
	position:absolute;
	top:0;
	left:0;
	height:400px;
	width: 350px;
	background-color:rgba(224,38,38,1.00);
	border-radius: 6px;
	z-index:3;
	display:block;
	background-image:url(../imgs/cursos_imgs_01b.jpg);
}

.cursoCover2 {
	position:absolute;
	top:0;
	left:0;
	height:400px;
	width: 350px;
	/*background-color:rgba(224,38,38,1.00);*/
	border-radius: 6px;
	z-index:3;
	display:block;
	background-image:url(../imgs/cursos_imgs_02b.jpg);
}

/*.cursoCover:hover, .cursoCover2:hover {
	background:none;
}*/



.progCurso{
	width:200px;
	height:40px;
	position: absolute;
	left: 75px;
	bottom: 30px;
	background-image:url(../imgs/prog_button.jpg);
	border-radius:6px;

	}

/* ---------------------------------- /*


/* background */
#filmBlock{
	position: absolute;
	/*background-color:rgba(251,241,189,1.00);*/
	background-image: url(../imgs/cont_bg.png);
	background-position: center;
	background-repeat:no-repeat;
	width: 2048px;
	height: 538px;
	top: 230px;
	left: -512px;
	z-index: -1;
	opacity:0.2;
	
}


	
/* Menu Lateral */

#mainMenu{
	background-color: rgba(255,255,255,0.85);
	width: 200px;
	min-height: 100px;
	position: absolute;
	left: -0px;
	top: 324px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	border-radius: 7px;
	z-index: 10;
	border-color: rgba(219,14,14,1.00);
	border-left-style: double;
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-bottom-style: solid; */
	border-top-style: double;
	border-width: medium thin thin medium;
}

#mainMenu ul{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 10px;
	padding:0;
	list-style:outside none none;
	list-style-position:outside;
	position:relative;
	

  /*-webkit-font-kerning: auto;*/
	/*text-rendering: optimizeLegibility;*/
}

#mainMenu ul li{
	width: inherit;
	min-height: 20px;
	/*background-color:rgba(229,255,131,0.93);*/
	background-color: rgba(255,255,255,0.95);
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	cursor: pointer;
	vertical-align: bottom;
	position: relative;
	color: #336BA4;
	/*font-family: averia-serif-libre;*/
	border: thin none #A1C023;
	line-height: 50px;
}

	#mainMenu ul li:hover{
		background-color: rgba(218,13,13,0.87);
		box-shadow: 0px 0px 12px #D16D6D;
		color: #FFFFFF;
		-webkit-box-shadow: 0px 0px 12px #D16D6D;
	}
	
#mainMenu .current{
	background-color: rgba(218,13,13,0.87);
		/*box-shadow: 0px 0px 12px #D16D6D;*/
		color: #FFFFFF;
		/*-webkit-box-shadow: 0px 0px 12px #D16D6D;*/
		}

#mainMenu .current2{
	background-color: rgba(243,65,65,0.87);
		/*box-shadow: 0px 0px 12px #D16D6D;*/
		color: #FFFFFF;
		/*-webkit-box-shadow: 0px 0px 12px #D16D6D;*/
		}
		
#mainMenu #prod:hover{
	background-color: rgba(243,65,65,0.87);
		box-shadow: 0px 0px 12px #D16D6D;
		color: #FFFFFF;
		-webkit-box-shadow: 0px 0px 12px #D16D6D;
	
}

#mainMenu #na:hover{
	background-color: rgba(140,140,140,0.91);
		box-shadow: 0px 0px 1px #D16D6D;
		color: #FFFFFF;
		-webkit-box-shadow: 0px 0px 1px #D16D6D;
		cursor:not-allowed;
	
}
		
		
/*---- SUBMENU ----*/
#prod:hover > #subMenuProd{
	display:block;
}

#subMenuProd{
	background-color: rgba(255,255,255,0.85);
	min-height: 100px;
	position:absolute;
	width:150px;
	top:-1em;
	left:180px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	border-radius: 7px;
	z-index: 10;
	border-color: rgba(219,14,14,1.00);
	border-left-style: double;
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-bottom-style: solid; */
	border-top-style: double;
	border-width: medium thin thin medium;
	display:none;
}
	
	
.menuText{
	text-align: center;
	line-height: 40px;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: overlock-sc, sans-serif;
  /*font-style: normal;*/
	/*font-weight: bold;*/
	/*font-variant: small-caps;*/
	font-size: 16px;

}

#menuDeco{
	position:absolute;
	top:-90px;
	left:-2px;
	background-image:url(../imgs/menuDeco.png);
	background-position:top;
	background-size:contain;
	background-repeat:no-repeat;
	width:200px;
	height:180px;
	
	z-index:-1;
	
}


/* Facebook e Email */

#socialMenu{
	position:absolute;
	bottom:10px;;
	left: 22px;
	height:80px;
	width:155px;
	background-color: rgba(255,255,255,0.85);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	border-radius: 7px;
	z-index: 2;
	border-color: rgba(219,14,14,1.00);
	border-left-style: double;
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-bottom-style: solid; */
	border-top-style: double;
	border-width: medium thin thin medium;
}

#socialMenu img{
	position:relative;
	margin:10px;
	margin-right:0px;
	width:60px;
	height:60px;
	border-radius:10px;
	background-color:rgba(61,89,146,1.00);
	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	padding:0;
}

#socialMenu img:hover{
	/*border-color: rgba(219,14,14,1.00);
	border-style:double inset;
	border-width: thin;*/
}
/* ------------------------------------------------------- */


/* ---- other --*/
#altText {
	position: absolute;
	height: inherit;
	width: 800px;
	z-index: -6;
	top: 0;
	left: 200px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: rgba(200,200,200,0.43);*/
	font-size: small;
	line-height: 9pt;
	
	}

#copyrightText{
	position:absolute;
	width:155px;
	text-align:center;
	margin-top:-5px;
	margin-left:auto;
	margin-right:auto;
	font-size:small;
	
}