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

body{
	margin: 0px;
	background:url(../images/img_background.jpg);
}

div#backgroundtopo{ 
	background-image:url(../images/background_topo.jpg); 
	width: 100%; 
}

div#topo{
	margin: 0 auto;
	width: 850px;
	height: 131px;
}

div#topo_logotipo{
	margin-top: 5px;
	margin-left: 20px;
	width: 480px;
	float: left;
}

div#topo_endereco address{
	width: 300px;
	float: right;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	margin-top: 25px;
}

div#menu_principal{
	width: 800px;
	margin: 10px auto;
}

div#conteudo{
	width: 800px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background: url(../images/background_Content.png) repeat-y;
	line-height: 20px;
}

div#conteudo h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #f88181;
}

div#banner{
	width: 800px;
	margin: 0 auto;
}

div#content{
	width: 800px;
	margin-bottom: 10px;
}
div#content_1{
	width: 250px;
	float: left;
	line-height: 20px;
}
div#content_1 a {
	color: #FFFFFF;
	text-decoration: none;
}
div#content_1 a:hover{
	text-decoration: underline;
}
div#content_2{
	width: 315px;
	float: left;
	padding-left: 15px;
	padding-right: 5px;
	border-right: #584F52 1px solid;
	border-left: #584F52 1px solid;
	line-height: 20px;	
}
div#content_2 a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
div#content_2 a:hover {
	text-decoration: underline;
}
div#content_3{
	width: 200px;
	float: right;
	line-height: 20px;
}
div#content_3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6265de;
	text-decoration: none;
}
div#content_3 a:hover{
	text-decoration: underline;
}

div#destaque a{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
div#destaque a:hover{
	text-decoration: underline;
	}
	
div#google{
	width: 100%;
	border-top: 1px solid #584F52;
	border-bottom: 1px solid #584F52;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#clear{ clear:both; }

div#rodape{
	width: 800px;
	margin: 10px auto;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}

/* CONTEUDO INTERNAS */

div#continterna1{
	width: 27%;
	float: left;
	border-right: 1px #000 solid;
	line-height: 20px;
}
div#continterna1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6265de;
	text-decoration: none;
}
div#continterna1 a:hover{
	text-decoration: underline;
}

div#continterna1 li{
	padding: 5px;
	margin-top: 5px;
}

div#continterna2{
	width: 70%;
	float: right;
	line-height: 20px;
}
div#continterna2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6265de;
	text-decoration: none;
}
div#continterna2 a:hover{
	text-decoration: underline;
}

/* PORTFÓLIO */
div#portfolio1{
	width: 35%;
	float: left;
	border-right: 1px #000 solid;
	line-height: 20px;
}

div#portfolio2{
	width: 55%;
	float: right;
	line-height: 20px;
}

/* CLASSES */
.fundo_internas { background:url(../images/background_Conteudo.png); }
.menu li a{color:#FFF}
.menu li{display:inline;margin-right:50px;font-family:Verdana;font-size:16px;}
#destaque-video div{border:4px solid #CCC;margin-bottom:20px;width:640px;height:360px;}
#destaque-video em{color:#FFF;font-style:normal;text-decoration:underline;}
ul.tutoriais li{margin-bottom:5px;list-style-type:none;width:280px;height:160px;float:left;cursor:pointer;color:#FFF;}
.play{width:203px;height:120px;display:block;background-image:url("../images_site/play.png");z-index:9;position:absolute;}
ul.tutoriais li a{color:#FFF;text-decoration:none}
ul.tutoriais li a:hover{color:red;text-decoration:underline}