/* gerais */

.container-cursos {
	width:600px;
	height: auto;
	/*font-family: 'Titillium Web', sans-serif;*/
	position:relative;
	margin: 0 auto;
	}
.texto {
	font-size:13px;
	font-weight: 400;
	padding: 0 !important;
	}
.clear {
	clear:both;
	}
h2 .titulo {
	font-size: 28px;
	font-weight:200;
	}
#like-bt {
	position:absolute;
	right: 0;
	top: 49px;
	}

/* Photoshop CC */

.vidpscc {
	position:absolute;
	top: 157px;
	left: 72px;
	float:left;
	}
.bgpscc {
	background:url('http://www.webtutores.com.br/arquivos/photoshopcc/bgpscc.jpg') no-repeat; 
	height: 1204px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #0c3053;
	}
	
#infospscc {
	position:relative;
	clear:left;
	}
#sobrepscc {
	position:absolute;
	top: 499px;
	left: 58px;
	width: 230px;
	}
#topicospscc {
	color:#2ecbf5 !important;
	position:absolute;
	top: 777px;
	left: 370px;
	}
#aproveitepscc {
	position:absolute;
	top: 1038px;
	left: 58px;
	width: 485px;
	}

/* Illustrator CC */

.vidilcc {
	position:absolute;
	top: 157px;
	left: 72px;
	float:left;
	}
.bgilcc {
	background:url('http://www.webtutores.com.br/arquivos/illustratorcc/bgilcc.jpg') no-repeat; 
	height: 1313px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #0c3053;
	}
	
#infosilcc {
	position:relative;
	clear:left;
	}
#sobreilcc {
	position:absolute;
	top: 560px;
	left: 58px;
	width: 288px;
	}
#topicosilcc {
	position:absolute;
	top: 912px;
	left: 346px;
	}
#aproveiteilcc {
	position:absolute;
	top: 1175px;
	left: 58px;
	width: 485px;
	}
	
/* After Effects CC */

.vidafcc {
	position:absolute;
	top: 157px;
	left: 72px;
	float:left;
	}
.bgafcc {
	background:url('http://www.webtutores.com.br/arquivos/aftereffectscc/bgafcc.jpg') no-repeat; 
	height: 1422px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #85e5e8;
	}
	
#infosafcc {
	position:relative;
	clear:left;
	}
#sobreafcc {
	position:absolute;
	top: 560px;
	left: 58px;
	width: 288px;
	}
#topicosafcc {
	position:absolute;
	top: 912px;
	left: 346px;
	}
#aproveiteafcc {
	position:absolute;
	top:  1246px;
	left: 58px;
	width: 485px;
	}
/* Photoshop CC - Pintura */

.vidpsccp {
	position:absolute;
	top: 157px;
	left: 68px;
	float:left;
	}
.bgpsccp {
	background:url('http://www.webtutores.com.br/arquivos/photoshopcc/bgpsccp.jpg') no-repeat; 
	height: 1247px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #2c3020;
	}
	
#infospsccp {
	position:relative;
	clear:left;
	}
#sobrepsccp {
	position:absolute;
	top: 560px;
	left: 58px;
	width: 244px;
	}
#topicospsccp {
	position:absolute;
	top: 736px;
	left: 346px;
	}
#aproveitepsccp {
	position:absolute;
	top: 1042px;
	left: 345px;
	width: 191px;
	}
/* After Efects CC - 3D E COMPOSIÇÃO AVANÇADOS */

.vidafcc3d {
	position:absolute;
	top: 157px;
	left: 68px;
	float:left;
	}
.bgafcc3d {
	background:url('http://www.webtutores.com.br/arquivos/aftereffectscc/bgafcc3d.jpg') no-repeat; 
	height: 1251px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #fff;
	}
	
#infosafcc3d {
	position:relative;
	clear:left;
	}
#sobreafcc3d {
	position:absolute;
	top: 505px;
	left: 58px;
	width: 244px;
	}
#topicosafcc3d {
	position:absolute;
	top: 633px;
	left: 346px;
	}
#aproveiteafcc3d {
	position:absolute;
	top: 1042px;
	left: 345px;
	width: 191px;
	}
/* Photoshop CC - Engenharia da Imagem */

.vidpscceng {
	position:absolute;
	top: 157px;
	left: 68px;
	float:left;
	}
.bgpscceng {
	background:url('http://www.webtutores.com.br/arquivos/photoshopcc/bgpscceng.jpg') no-repeat; 
	height: 1251px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #2c3020;
	}
	
#infospscceng {
	position:relative;
	clear:left;
	}
#sobrepscceng {
	position:absolute;
	top: 554px;
	left: 58px;
	width: 244px;
	}
#topicospscceng {
	position:absolute;
	top: 773px;
	left: 346px;
	}
#aproveitepscceng {
	position:absolute;
	top: 1030px;
	left: 345px;
	width: 191px;
	}
/* Photoshop CC - Avançado 3D */

.vidpscc3d {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bgpscc3d {
	background:url('http://www.webtutores.com.br/arquivos/photoshopcc/bgpscc3d.jpg') no-repeat; 
	height: 1251px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #2c3020;
	}

#sobrepscc3d {
	position:absolute;
	top: 473px;
	left: 58px;
	width: 244px;
	}
#topicospscc3d {
	position:absolute;
	top: 701px;
	left: 346px;
	}
#aproveitepscc3d {
	position:absolute;
	top: 1044px;
	left: 345px;
	width: 191px;
	}
/* Premiere CC - Colorização */

.vidprcccor {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bgprcccor {
	background:url('http://www.webtutores.com.br/arquivos/premierecc/bgprcccor.jpg') no-repeat; 
	height: 1345px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #2c3020;
	line-height: 18px !important;
	}

#sobreprcccor {
	position:absolute;
	top: 461px;
	left: 58px;
	width: 244px;
	}
#topicosprcccor {
	position:absolute;
	top: 804px;
	left: 346px;
	}
#aproveiteprcccor {
	position:absolute;
	top: 1126px;
	left: 345px;
	width: 191px;
	}
/* Premiere CC */

.vidprcc {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bgprcc {
	background:url('http://www.webtutores.com.br/arquivos/premierecc/bgprcc.jpg') no-repeat; 
	height: 1201px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #e4ab21;
	}

#sobreprcc {
	position:absolute;
	top: 461px;
	left: 58px;
	width: 244px;
	}
#topicosprcc {
	position:absolute;
	top: 625px;
	left: 335px;
	width: 205px;	
	}
#aproveiteprcc {
	position:absolute;
	top: 986px;
	left: 332px;
	width: 191px;
	color:#4c056b;
	}
	
/* Lightroom 5 */

.vidlig {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bglig {
	background:url('http://www.webtutores.com.br/arquivos/lightroom5/bglig.jpg') no-repeat; 
	height: 1201px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #c7eaff;
	}

#sobrelig {
	position:absolute;
	top: 461px;
	left: 58px;
	width: 244px;
	}
#topicoslig {
	position:absolute;
	top: 566px;
	left: 335px;
	width: 205px;	
	}
#aproveitelig {
	position: absolute;
	top: 1037px;
	text-align: center;
	left: 164px;
	width: 273px;
	color: #c7eaff;
	}	
/* Artisteer */

.vidart {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bgart {
	background:url('http://www.webtutores.com.br/arquivos/Artisteer/bgart.jpg') no-repeat; 
	height: 1432px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #323232;
	}

#sobreart {
	position:absolute;
	top: 447px;
	left: 58px;
	width: 281px;
	}
#topicosart {
	position:absolute;
	top: 797px;
	left: 335px;
	width: 205px;	
	}
#aproveiteart {
	position:absolute;
	top: 1291px;
	left: 41px;
	width: 523px;
	}
/* After Effects Motion Type */

.vidafccmt {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bgafccmt {
	background:url('http://www.webtutores.com.br/arquivos/aftereffectscc/bgafccmt.jpg') no-repeat; 
	height: 1201px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #000;
	}

#sobreafccmt {
	position:absolute;
	top: 461px;
	left: 58px;
	width: 244px;
	}
#topicosafccmt {
	position: absolute;
	top: 640px;
	left: 327px;
	width: 215px;
	}
#aproveiteafccmt {
	position: absolute;
	top: 956px;
	left: 327px;
	width: 211px;
	color: #fff;
	}	
/* Encore CC */

.videncc {
	position:absolute;
	top: 127px;
	left: 68px;
	float:left;
	}
.bgencc {
	background:url('http://www.webtutores.com.br/arquivos/encorecc/bgencc.jpg') no-repeat; 
	height: 1201px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #fff;
	}

#sobreencc {
	position:absolute;
	top: 461px;
	left: 58px;
	width: 244px;
	}
#topicosencc {
	position: absolute;
	top: 640px;
	left: 327px;
	width: 215px;
	}
#aproveiteencc {
	position: absolute;
	top: 956px;
	left: 327px;
	width: 211px;
	color: #fff;
	}	

/* Games para Facebook */

.like-bt-facebook-games {
	position: absolute;
	right: -33px;
	top: 9px;
}

.vidface {
	position: absolute;
	top: 147px;
	left: 68px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidface iframe {
	margin-left: -1px;
}
.bgface {
	background:url('http://www.webtutores.com.br/arquivos/gamesface/bgface.jpg') no-repeat; 
	height: 1684px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #fff;
	}

#sobreface {
	position:absolute;
	top: 461px;
	left: 58px;
	width: 244px;
	}
#topicosface1 {
	position: absolute;
	top: 675px;
	left: 340px;
	width: 215px;
	}
#topicosface2 {
	position: absolute;
	top: 1058px;
	left: 60px;
	width: 215px;
	}
#topicosface3 {
	position: absolute;
	top: 1330px;
	left: 327px;
	width: 215px;
	}
#aproveiteface {
	position: absolute;
	top: 956px;
	left: 327px;
	width: 211px;
	color: #fff;
	}	
	
/* Flash CC Para Jogos */


.vidflcc {
	position: absolute;
	top: 157px;
	left: 72px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidflcc iframe {
	margin-left: -1px;
}

.bgflcc p {
	padding: 0 !important;
	line-height: 18px !important;
	font-size: 13px !important;
}

.bgflcc {
	background:url('http://www.webtutores.com.br/arquivos/flash-cc/bgflcc.jpg') no-repeat; 
	height: 2002px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #fff;
	}
	
#infosflcc {
	position:relative;
	clear:left;
	}
#sobreflcc {
	position:absolute;
	top: 893px;
	left: 58px;
	width: 233px;
	}
#topicosflcc {
	position:absolute;
	top: 1065px;
	left: 343px;
	width: 200px;
	}
#aproveiteflcc {
	position:absolute;
	top: 1516px;
	left: 68px;
	width: 485px;
	text-align: center;
	}
	
/* Caricatura */


.vidcar {
	position: absolute;
	bottom: 62px;
	left: 94px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidcar iframe {
	margin-left: -1px;
}

.bgcar p {
	padding: 0 !important;
	line-height: 18px !important;
	font-size: 13px !important;
}

.bgcar {
	background: url('http://www.webtutores.com.br/arquivos/caricatura/bg.jpg') no-repeat;
	height: 1505px;
	color: #fff;
	overflow: hidden;
	}
	
/* Android */

.vidand {
	position: absolute;
	top: 155px;
	left: 75px;
	float: left;
	overflow: hidden;
	width: 449px;
	height: 250px;
	}
.vidand iframe {
	margin-left: -6px;
}
#sobreand {
	position: absolute;
	top: 410px;
	right: 71px;
	width: 262px;
}

.bgand p {
	padding: 0 !important;
	line-height: 18px !important;
	font-size: 13px !important;
}

.bgand center {
	position: absolute;
	bottom: 83px;
	left: 147px;
	font-size: 20px;
	color: #94c147;
}

.bgand {
	background: url('http://www.webtutores.com.br/arquivos/android/bg.png') no-repeat;
	height: 903px;
	color: #fff;
	overflow: hidden;
	}
	
/* Design Responsivo */


.vidresponsivo {
	position: absolute;
	top: 234px;
	left: 80px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidresponsivo iframe {
	margin-left: -1px;
	margin-top: -1px;
}

.bgresponsivo p {
	padding: 0 !important;
	line-height: 18px !important;
	font-size: 13px !important;
}

.bgresponsivo {
	background:url('http://www.webtutores.com.br/arquivos/design-responsivo/bg.jpg') no-repeat; 
	height: 2347px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #533a79 !important;
	}
#infosresponsivo {
	position:relative;
	clear:left;
	}
#sobreresponsivo {
	position: absolute;
	top: 591px;
	left: 78px;
	width: 445px;
	}
#topicosresponsivo {
	position:absolute;
	top: 1065px;
	left: 343px;
	width: 200px;
	}
#topicosresponsivo1 {
	position: absolute;
	top: 825px;
	right: 104px;
	width: 241px;
}
#topicosresponsivo2 {
	position:absolute;
	top: 1935px;
	left: 78px;
	width: 445px;
	}
#topicosresponsivo3 {
	position:absolute;
	bottom: 50px;
	left: 78px;
	width: 445px;
	}
#aproveiteresponsivo {
	position:absolute;
	top: 1516px;
	left: 68px;
	width: 485px;
	text-align: center;
	}
/* Modo */

.fundo-modo {
	position: relative;
	background: url('http://www.webtutores.com.br/arquivos/modo/fundo-modo.jpg') no-repeat;
	width:600px;
	height: 1298px;
	margin: 0 auto;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.vidmodo {
	position: absolute;
	top: 113px;
	left: 80px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidmodo iframe {
	margin-left: -5px;
	margin-top: -1px;
}
#sobremodo {
	width: 290px;
	color: #e1b645;
	position: absolute;
	top: 450px;
	right: 30px;
}
#sobremodo h2, #sobremodo strong {
	color: #e1b645;
}

#sobremodo .texto {
	color: #fff !important;
}

/* TOEFL */

.vidtoefl {
	position: absolute;
	top: 229px;
	left: 82px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidtoefl iframe {
	margin-left: -1px;
	}
.bgtoefl p {
	padding: 0 !important;
	line-height: 18px !important;
	}
.fundo-toefl {
	background:url('http://www.webtutores.com.br/arquivos/inglestoef/fundo-preparatorio.jpg') no-repeat; 
	height: 2469px;
	-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-o-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	-moz-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.27);
	color: #000;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
	
.fundo-toefl #like-bt {
	right: -38px;
	top: 17px;
}
#infostoefl {
	position:relative;
	clear:left;
	}
#sobretoefl {
	position:absolute;
	left: 58px;
	width: 233px;
	}
#sobretoefl .texto1, #sobretoefl .texto2, #sobretoefl .texto3, #sobretoefl .texto4, #sobretoefl .texto5 {
	font-size: 16px;
	position: absolute;
}
.texto1 {
	top: 724px;
	width: 500px;
}
.texto2 {
	top: 1103px;
	width: 371px;
	left: 130px;
}
.texto3 {
	top: 1435px;
	width: 410px;
}
.texto4 {
	top: 1820px;
	width: 367px;
	left: 124px;
}
.texto5 {
	top: 2096px;
	width: 352px;
}

/* Cenário */

.vidce {
	position: absolute;
	bottom: 62px;
	left: 94px;
	float: left;
	overflow: hidden;
	width: 450px;
	height: 250px;
	}
.vidce iframe {
	margin-left: -1px;
}

.bgce p {
	padding: 0 !important;
	line-height: 18px !important;
	font-size: 13px !important;
}

.bgce {
	background: url('http://www.webtutores.com.br/arquivos/cenario/fundo.jpg') no-repeat;
	height: 1256px;
	overflow: hidden;
	}

/* Animação 2D */

.bganimacao2d {
	position: relative;
	background: url('http://www.webtutores.com.br/arquivos/animacao2d/fundo.jpg') no-repeat top center;
	width: 600px;
	height: 1560px;
}
.bganimacao2d h2, .bganimacao2d p {
	color: #fff !important;
	font-weight: 100;
}

.vidanimacao2d {
	top: 134px;
	left: 58px;
}

.bganimacao2d .sobre1, .bganimacao2d .sobre2, .bganimacao2d .sobre3, .vidanimacao2d {
	position: absolute;
}
.bganimacao2d .sobre1 {
	top: 406px;
	left: 20px;
	width: 200px;
}

.bganimacao2d .sobre2 {
	top: 406px;
	right: -10px;
	width: 203px;
}

.bganimacao2d .sobre3 {
	top: 878px;
	width: 500px;
	left: 20px;
}