@charset "utf-8";
/* CSS Document */
 
body{
	margin:0;
	padding:0;
	background:url(../compartilhada/layout/overlay.png) fixed center;
	background-repeat:repeat-x repeat-y;	
	}
#tudo
{
	width:745px;
	min-height:600px;
	height:auto !important;
	height:768px;
	margin:0px auto;
}
#topo
{
	width:745px;
	height:203px;
	background-image:url(imgs/topo.png);
	margin-left:0px;
}
#meio
{
	width:745px;
	min-height:19px;
	height:auto !important;
	height:19px;
	background-image:url(imgs/meio.png);
	background-repeat:repeat-y;
	margin-left: 0px;
}
#conteudo 
{
	width:630px;
	min-height:265px;
	height:auto !important;
	height:265px;
	background-position:top;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:45px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:11px;
	line-height:18px;
	margin-top:-12px;
}

#conteudo2
{
	width:745px;
	min-height:265px;
	height:auto !important;
	height:265px;
	background-position:top;
	background-repeat:no-repeat;
	padding-left:0px;
	padding-right:0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:11px;
	line-height:18px;
	margin-top:-12px;
}
#rodape
{
	width:745px;
	height:67px;
	background-image:url(imgs/rodape.png);
	background-repeat:no-repeat;
	clear:both;
	
}



.observacao
{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#000;
}

.citacao
{
	font-size:11px;
	font-family:Verdana, Geneva, sans-seri;
	padding-left:40px;
}

hr
{
color:#066;
margin-left:10px;
margin-top:10px;
margin-bottom:6px;
  
}

a
{
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:underline;
	font-size:11px;
}

strong
{

	font-weight:normal;
	font-weight:bold;
}


em{
	font-size:11px;
}

sup{
	color:#000;
	font-size:10px;
	font-weight:bold;
}
	

ul li { 
	list-style-position:outside;
	list-style-image:url(imgs/bullet01.jpg);
	margin-right:10px;
	line-height:20px;
	vertical-align:top;
	padding-left:2px;
}

ol li {
	list-style-position:outside;
	margin-right:10px;
	line-height:15px;
	vertical-align:top;
	padding-left:0px;
	font-size:11px;
	color:#000;
	font-style:normal;
}


.video
{
	width:640px;
	float:left;
	margin-left:10px;
	font-weight:bold;
	text-align:center;
	padding:1px;
	border:solid #039 2px;
	margin-bottom:10px;
	
}

.video2
{
	width:400px;
	float:left;
	margin-left:120px;
	font-weight:bold;
	text-align:center;
	padding:5px;
	border:solid #039 2px;
	margin-bottom:10px;
	
}

.video3
{
	width:400px;
	float:left;
	margin-left:0px;
	font-weight:bold;
	text-align:center;
	padding:3px;
	border:solid #039 2px;
	margin-bottom:0px;
	
}

.video4
{
	width:300px;
	float:left;
	margin-left:0px;
	font-weight:bold;
	text-align:center;
	padding:1px;
	border:solid #039 2px;
	margin-bottom:0px;
}
	

.youtubeIconLeft {
	margin:10px 20px;
	float:left;
}

.youtubeIconLeft:hover, .thumb:hover {
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.1,1.1);
	-webkit-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	cursor:pointer;
}




.centro
{
	width:600px;
	float:left;
	margin-left:20px;
}

.centro2
{
	width:700px;
	float:left;
	margin-left:23px;
}

.esquerda
{
	width:300px;
	float:left;
	margin-left:10px;
	margin-right:20px;
}

.esquerda2
{
	width:400px;
	float:left;
	margin-left:20px;
}

.direita
{
	width:300px;
	float:right;
	
}

.direita2
{
	width:220px;
	float:right;
}

.direita_com_video{
	width:400px;
	height:auto;
	float:right;
	margin-right:30px;
	
	}

.esquerda_sem_video{
	width:270px;
	height:auto;
	float:left;
	margin-left:30px;
	}
.direita_sem_video{
	width:270px;
	height:auto;
	float:right;
	margin-right:30px;
	}
.esquerda_com_video{
	width:400px;
	min-height:300px;
	height:auto !important;
	height:300px;
	float:left;
	margin-left:30px;
	}	


.img_box
{
	width:150px;
	height:185px;
	float:left;
	margin-right:10px;
}
.img_box p
{
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
}

/*tabela*/

table
{
	border:solid #000 1px;
	clear:both;
}
.tabela_titulo td
{
	background-color:#036;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	padding: 5px;
	vertical-align:top;
	line-height:20px;
	font-weight:bold;
}

.tabela_conteudo01 
{
	background-color:#E5E5E5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	padding: 10px;
	line-height:15px;
}

.tabela_conteudo02 
{
	
	background-color:#EAF4FF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	padding-left: 6px;
	line-height:15px;
}


.tabela_conteudo03 
{
	background-color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	padding: 10px;
	line-height:15px;
	font-weight:bold;
}

.tabela_conteudo04 
{
	background-color:#E5E5E5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	padding: 10px;
	line-height:15px;
	font-style:italic;
}
/*imagem*/



.depois_img
{
	clear:both
}

.legenda
{
	clear:both;
	font-size: 10px;
	font-style:italic;
	color:#333;
}

.img_esq
{
	float:left;
	margin-right:10px;
}
.img_dir
{
	float:right;
	margin-left:10px;
}

.img_box
{
	width:150px;
	min-height:160px;
	height:auto !important;
	height:160px;
	float:left;
	margin-right:10px;
}
.img_box p
{
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
}


/*caixas de vídeos*/

.video_esquerda
{
width:400px;

	float:left;
	padding:0px;
	margin-left:20px;
	
}
.comentario
{
	width:200px;
	
	float:right;
	padding:0px;
	
}

.video_youtube
{
	width:425px;
	float:left;
	padding:0px;
	margin-left:15px;
}

.comentario_youtube
{
	width:205px;
	float:right;
	padding:0px;
}


/*h*/

h1
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-shadow:0px 2px 3px #F5F5F5;
	color:#333;
	padding-bottom:5px;
	padding-top:0px;
	font-weight:bold;

}

h2
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-shadow:0px 2px 3px #F5F5F5;
	color:#666;
	margin-top:0px;
}

h3
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-shadow:0px 2px 3px #F5F5F5;
	margin-top:0px;
	color:#09F;
}

h4
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	text-shadow:0px 2px 3px #F5F5F5;
	color:#551a08;
	margin-top:0px;
	font-weight:normal;
	margin-left:0px;
}

#progressBar {
	height:20px;
	float:right;
	padding:5px;
	font-family:"Century Gothic", Arial, Verdana;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	width: 150px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:10px;
	position:relative;
}

/* ------ CONTAINERS IMAGENS --------- */
/* Quando houver número de imagem, utilizar container_imagem, mesmo se estiver dentro do imagem_left ou imagem_right */
.container_imagem{
	width:auto;
	height:auto;
	position:relative;
	margin:0px;
}

.imagem_left{
	float:left;
	width:53%;
	height:auto;
	position:relative;
	margin:0px 13px 0px 0px;
}

.imagem_right{
	float:right;
	width:53%;
	height:auto;
	position:relative;
	margin:0px 5px 0px 0px;
}

.container_imagem_menor{
	width:auto;
	height:auto;
	position:relative;
	margin:0px 20px 0px 0px;
}

/* ------ CONTAINERS IMAGENS --------- */

/* -------- CONTAINERS IMAGENS --------- */

.legenda_imagem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin-top:0px;
	margin-bottom:0px;
}

.credito_foto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #666;
	margin-top:0px;
	/*margin-bottom:10px;*/}

/* -------- CONTAINERS IMAGENS --------- */

	/*------Apostila------*/


#apostila {
	width:90px;
	height:30px;
	background-image:url(../compartilhada/layout/button.jpg);
	margin-left:50px;
	margin-top:15px;
	margin-bottom:10px;
	float:left;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-radius:6px;
	cursor:pointer;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}

#apostila:hover {
	background-image:url(../compartilhada/layout/buttonHover.jpg);
	color:#CCC;
}

	/*------Apostila------*/