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

#masters {
	height: 1400px;
	width: 980px;
	margin-top: -8px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}

.topo {
	float: left;
	height: 120px;
	width: 980px;
	background-image: url(imgs/topo.png);

}

.projetos {
	float: left;
	height: 23px;
	width: 330px;
	margin-top: 10px;
	margin-left: 650px;

}


.menu {
	background-color: #333333;
	float: left;
	height: 35px;
	width: 980px;

}

.banner {
	float: left;
	height: 350px;
	width: 980px;

}

.assunto {
	background-color: #666666;
	float: left;
	height: 350px;
	width: 380px;
	margin-left: 20px;

}



.titulo {
	background-color: #CCCCCC;
	height: 40px;
	width: 980px;
	float: left;
	margin-top: 10px;

}

.base {
	float: left;
	height: 570px;
	width: 580px;
	margin-top: 10px;


}

.conteudo {
	float: left;
	height: 360px;
	width: 580px;

}


.con1 {
	float: left;
	height: 70px;
	width: 580px;
	margin-top: 2px;

}

.con2 {
	float: left;
	height: 70px;
	width: 580px;
	margin-top: 10px;

}


.con3 {
	float: left;
	height: 70px;
	width: 580px;
	margin-top: 15px;

}

.con4 {
	float: left;
	height: 70px;
	width: 580px;
	margin-top: 20px;

}

.coluna1 {
	float: left;
	height: 70px;
	width: 250px;
	margin-left: 40px;

}

.coluna2 {
	float: left;
	height: 70px;
	width: 250px;
	margin-left: 40px;

}


.marcas {
	float: left;
	height: 40px;
	width: 580px;

}


.logomarcas {
	float: left;
	height: 100px;
	width: 540px;
	margin-top: 20px;
	margin-left: 10px;

}



.barra {
	float: left;
	height: 570px;
	width: 400px;
	margin-top: 10px;

}

.video {
	float: left;
	height: 40px;
	width: 400px;

}


.menusevicos {
	background-color: #FFFFFF;
	float: left;
	height: 36px;
	width: 380px;
	margin-top: 15px;
	margin-left: 10px;

}


.menuserv {
	float: left;
	height: 20px;
	width: 370px;
	margin-top: 6px;
	margin-left: 10px;

}

.clientes {
	background-color: #FFFFFF;
	float: left;
	height: 150px;
	width: 210px;
	margin-top: 10px;
	margin-left: 10px;

}

.seta {
	background-color: #FFFFFF;
	float: left;
	height: 28px;
	width: 27px;
	margin-top: 5px;
	margin-left: 8px;

}

.orcamento {
	background-color: #FFFFFF;
	float: left;
	height: 28px;
	width: 160px;
	margin-top: 8px;
	margin-left: 10px;

}

.orcamentorede {
	float: left;
	height: 15px;
	width: 200px;
	margin-top: 10px;
	margin-left: 10px;

}





.news {
	background-color: #FFFFFF;
	float: left;
	height: 150px;
	width: 160px;
	margin-top: 10px;
	margin-left: 10px;

}

.rodape {
	float: left;
	height: 280px;
	width: inherit;
	background-color: #FFFFFF;
	margin-top: 10px;

}

.links {
	float: left;
	height: 260px;
	width: 980px;

}


.cat {
	float: left;
	height: 30px;
	width: 180px;

}


.link1 {
	float: left;
	height: 230px;
	width: 180px;
	margin-top: 25px;
	margin-left: 12px;

}


.link2 {
	float: left;
	height: 200px;
	width: 180px;
}

.valido {
	float: left;
	height: 200px;
	width: 180px;
	margin-top: 10px;
	margin-left: 15px;
}

.desenvolvedor {
	background-color: #FFFFFF;
	float: left;
	height: 20px;
	width: 980px;

}


/*____________________________________________________________________________________________________________*/


/*____________________________________________________________________________________________________________*/



.menu ul{
	background:#cccccc;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;

	}

	.menu li{

		float:left;

		padding:0px;

		}

	.menu li a{
	background:#cccccc url("images/seperator.gif") bottom right no-repeat;
	color:#333333;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;

		}

		.menu li a:hover, .menu ul li:hover a{
	background: #DCE2E7 url("images/hover.gif") bottom center no-repeat;
	color:#333333;
	text-decoration:none;

			}

	.menu li ul{
	background:#cccccc;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;

		/*top:1em;

		/*left:0;*/

		}

	.menu li:hover ul{

		display:block;

		

		}

	.menu li li {

		background:url('images/sub_sep.gif') bottom left no-repeat;

		display:block;

		float:none;

		margin:0px;

		padding:0px;

		width:225px;

		}

	.menu li:hover li a{

		background:none;

		

		}

	.menu li ul a{

		display:block;

		height:35px;

		font-size:12px;

		font-style:normal;

		margin:0px;

		padding:0px 10px 0px 15px;

		text-align:left;

		}

		.menu li ul a:hover, .menu li ul li:hover a{
	background:#DCE2E7 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#333333;
	text-decoration:none;

			}

	.menu p{

		clear:left;

		}