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

html {
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family: lato, sans serif;
	font-weight:300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
p, h3 { cursor:default;}
a { text-decoration:none;}
a:active,
a:hover {
  outline: 0;
  color:#ffffff;
}

/*  drop menu 
.teste {
	position:fixed;
	top:20px;
	left:20px;
	padding: 20px 0 50px 0;
	z-index:20;
}
.teste p {
	margin:0 auto;
	color:#ffffff;
	font-family: kaushan-script, cursive;
	font-style: normal;
	font-size:22px;
	line-height: none;
	font-weight:100;
	text-align: center;
	letter-spacing:normal;   
	text-shadow: 2px 2px #000000;
}
.teste a {
	text-decoration: none;
	color:#ffffff;
	background-color:#4051bf;
	transition-property: background-color;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;
	transition-delay: 0.1s;
	padding: 9px 20px; 
	border-radius: 50px;	
}
.teste a:hover{
	background-color:#c90d03;
	text-decoration: none;
}
*/

/*  drop menu */
.dropmenu {
	position:fixed;
	float: letf;
	top:0;
	left: 0;
	margin:0;
	padding:0;
	z-index:13;
}
ul.menu, .menu li, .menu a {
	margin:0;
	padding:0; 
	list-style:none; 
	text-decoration:none;
}
ul.menu ul {
	position:absolute;
	display:none;}

/* Configurações menu */
ul.menu {
	float:left;
	padding:0;
	font-family: lato, sans-serif;
	font-size:16px;
	font-weight: 900;
	font-style:normal;
	text-align:left;
	letter-spacing: 1px;
}
.menu li {
	float:left;
	width:100vw;
	position:relative;
}
.menu li a {
	display:block;
	padding:0 20px;
	line-height:45px;
	height:45px;
	float:left;
	cursor:pointer;
}
.menu{ background: rgba(42,54,127,0.90);}
.menu a {
	color:#ffffff;
	background: none;
	transition-property: color;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0.0s;
}
.menu li:hover > a {
	color:#ffffff;
}

/* Configurações submenu */
.menu li:hover > ul.submenu {
	display:block;
	top:45px;
	left:0;
	padding:0;
	width:200px;
}
.menu ul.submenu a {
	width:100vw;
	padding:0 40px;
}
.submenu {
	background-color: transparent !important;
}
.submenu a {
	color:#ffffff;
	font-size:12px;
	font-weight:600;
	font-style: normal;
	text-transform:uppercase;
}
.submenu li > a {
	background-color: rgba(42,54,127,0.90);
	color:#ffffff;
	transition-property: background-color, color;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;
	transition-delay: 0.0;
}
.submenu li:hover > a { background-color: rgba(185,17,15,1.00); color:#ffffff;}

/* facebook */
.face {
	position: fixed;
	margin: 0;
	padding: 0;
	width: auto;
	height:auto;
	top:1%;
	right: 1%;
	/* 
	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	*/
	z-index:14;
}
.face img {
	width:30px;
	height:auto;
}

/* logotipo */
.titulo img {
	position:absolute;
	top:45%;
	left:35%;
	margin-top: -75px;
	margin-left: -150px;
	width:300px;
	height:150px;
	z-index:2;	
}

/* cambridge */
.cambridge {
	position: absolute;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	bottom:70px;
	z-index:10;
	background-color:rgba(255,255,255,0.00)
}
.cambridge img {
	width:200px;
	height:auto;
	padding:20px;
}
/* imagem topo */
.bigimage {
	background: url(../imagens/gg.jpg) top center no-repeat  ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	padding:0;
	height:100vh;
	width:100%;
	max-width:1980px;
	position:relative;
}
/* linguas */
.linguas {
	position: absolute;
	width:100%;
	margin: 0 auto;
	padding:20px 0;
	bottom:0;
	background-color: rgba(255,255,255,0.70);
}
.linguas p {
	width: 90%;
	margin:0 auto;
	color:#2A367F;
	font-family: lato, sans-serif;
	font-style: normal;
	font-size:14px;
	line-height: 22px;
	font-weight: 900;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 1px;
}

/* principal */
.principal {
	position:relative;
	max-width:100%;
	margin:0 auto;
	background: none;
	background-color:#ffffff;
}
.wrap {
       overflow: hidden;
	   margin:0;
	   padding:0;
    }
    .boxImage {
       float: left;
       position: relative;
       width: 33%;
       padding-bottom:25%;
	   margin:0;
	   background-color: #2A367F;
    }
	.boxImage img {
       width: 100%;
	   height:auto;
	   min-height:100%;
	   position: absolute;
	   margin:0;
	   top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
    }
	.boxText {
       float: left;
       position: relative;
       width: 67%;
       padding-bottom:25%;
	   margin:0;
	   background-color: #2A367F;
    }
	.boxText p {
		position: absolute;
		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		font-size:14px;
		font-weight: normal;
		line-height:normal;
		letter-spacing:1px;
		padding:0 6%;
		margin:0; 
		color:#ffffff;
    }
	.boxText p span { font-weight:700; text-transform:uppercase;}
	.boxText a{
		text-decoration: underline;
		color:#ffffff;
}
	.boxText a:hover{
		text-decoration: underline;
		color:#ffffff;
}
    .boxInner {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       overflow: hidden;
	   margin:0;
    }

	#boxText1 {background-color: #2A367F;}
	#boxText2 {background-color: #334199;}
	#boxText3 {background-color: #4051bf;}

/* acordeao */
.cursos {
	   margin:0;
	   padding:0;
    }
	.boxCursos {
       position: relative;
       width: 80%;
       padding:5% 10%;
	   margin:0;
	   background-color: #2A367F;
    }
	.boxCursos p {
		font-size:14px;
		font-weight: normal;
		line-height:normal;
		letter-spacing:1px;
		padding:0 6%;
		margin:0; 
		color:#ffffff;
    }
	.boxCursos p span {font-size:24px; font-weight:700; text-transform:uppercase;}

.boxCursos a{ 
	text-decoration: underline;
	color:#ffffff;
}
	.boxCursos a:hover{
	text-decoration: underline;
	color:#ffffff;
}
	.boxCursos h4 {
		font-size:14px;
		font-weight: normal;
		line-height:normal;
		letter-spacing:1px;
		padding:0 6%;
		color:#ffffff;
		-webkit-column-count: 3;
    	-moz-column-count: 3;
    	column-count: 3;
		-webkit-column-gap: 2%;
    	-moz-column-gap: 2%;
    	column-gap: 2%;
	}
	#boxCursos1 {background-color: #2A367F;}
	#boxCursos2 {background-color: #3A3273;}
	#boxCursos3 {background-color: #4A2E66;}
	#boxCursos4 {background-color: #5A2A5A;}
	#boxCursos5 {background-color: #6A264D;}
	#boxCursos6 {background-color: #7A2241;}
	#boxCursos7 {background-color: #891D35;}
	#boxCursos8 {background-color: #991928;}
	#boxCursos9 {background-color: #A9151C;}
	#boxCursos10 {background-color: #B9110F;}
	
	#panel1 {background-color: #2A367F;}
	#panel2 {background-color: #3A3273;}
	#panel3 {background-color: #4A2E66;}
	#panel4 {background-color: #5A2A5A;}
	#panel5 {background-color: #6A264D;}
	#panel6 {background-color: #7A2241;}
	#panel7 {background-color: #891D35;}
	#panel8 {background-color: #991928;}
	#panel9 {background-color: #A9151C;}
	#panel10 {background-color: #B9110F;}

.bigimageee {
		 background: url(../imagens/ll.jpg) top center no-repeat;
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 margin: 0 auto; 
		 padding:0;
		 height:70vh;
		 width:100%;
		 max-width:1980px;
		 position:relative;
}
/* contacto */
.contacto {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	padding: 100px 0;
	background-color:#c90d03;
}
.contacto h3 {
	width: 70%;
	margin:0 auto;
	padding:10px 0 30px 0;
	text-align: center; 
	text-transform: none;
	font-size:16px;
	font-weight:600;
	font-style: normal;
	line-height:22px;
	letter-spacing:1px;
	color:#ffffff;
}
.contactoInner {width:33.33%; float:left;}
.contactoInner h3 {
	width: 70%;
	margin:0 auto;
	padding:10px 0 10px 0;
	color:#ffffff;
	font-family: lato, sans-serif;
	font-style: normal; 
	font-size:14px;
	line-height: none;
	font-weight:700;
	text-align: left;
	letter-spacing: 1px;
}
.contactoInner p {
	width: 70%;
	margin:0 auto;
	padding:0;
	color:#ffffff;
	font-family: lato, sans-serif;
	font-style: normal;
	font-size:12px;
	line-height: 20px;
	font-weight:400;
	text-align: left;
	letter-spacing: 1px;
}
.contactoInner a{ 
	text-decoration: none;
	color:#ffffff;
	transition-property: color;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0.1s;
}
.contactoInner a:hover{
	color:#4c0501;
	text-decoration: none;
}

/* franchising */
.franchising {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	padding: 25px 0;
	background-color:#2A367F;
}
.franchisingTitulo {
	width: 92%;
	margin:0 auto;
	margin-left:4%;
	padding:0;
	text-align: left; 
	text-transform: uppercase;
	font-size:14px;
	font-weight:600;
	font-style: normal;
	line-height: normal;
	letter-spacing:1px;
	color:#ffffff;
}
.franchisingInner {width:50%;float:left; padding: 10px 0;}
.franchisingInner p {
		font-size:11px ;
		font-weight: normal;
		line-height:19px;
		letter-spacing:1px;
		padding:0 8%;
		margin:0; 
		color:#ffffff;
}
.franchisingInner p span {font-weight:700; text-transform:uppercase;}

.franchisingInfo {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	padding: 10px 0;
	background-color:#334199;
}
.franchisingInfoInner {width:90%; margin-left:5%; margin-right:5%; float:left; padding-bottom:50px;}
.franchisingInfoInner p {
	width: 100%;
	margin:0 auto;
	color:#ffffff;
	font-family: lato, sans-serif;
	font-style: normal;
	font-size:12px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	letter-spacing: 1px;
	
}
.franchisingInfoInner a{ 
	text-decoration: none;
	color:#ffffff;
	transition-property: color;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;
	transition-delay: 0.1s;
}
.franchisingInfoInner a:hover{
	color:#19204d;
	text-decoration: none;
}