@charset "utf-8";
.site {
	background-color: #006b94;
	height: 550px;
	width: 980px;
	border: 2px solid #f68d2d;
}
.site .left {
	height: 550px;
	width: 260px;
	float:left;
}
.site .left .menu {
	background-color: #f68d2d;
	float: left;
	height: 450px;
	width: 220px;
	margin-top:100px;
}
.site .left .logo {
	background-image: url(../imagens/logo_cc.png);
	float: left;
	height: 123px;
	width: 120px;
	margin-left:-90px;
	margin-top:10px;
}
.site .right {
	float: left;
	height: 550px;
	width: 720px;
}
.site .right .topo {
	float: left;
	height: 130px;
	width: 680px;
}
.site .right .corpo {
	background-color: #FFF;
	float: left;
	height: 390px;
	width: 680px;
	border: 2px solid #f68d2d;
overflow:auto;
}
.site .right .topo .monitor1 {
	float: left;
	height: 130px;
	width: 153px;
	margin-left:50px;
}
.site .right .topo .monitor2 {
	float: left;
	height: 130px;
	width: 153px;
	margin-left:50px;
}
.site .right .topo .monitor3 {
	float: left;
	height: 130px;
	width: 153px;
	margin-left:50px;
}
.site .right .corpo .texto {
	font-family: Tahoma;
	font-size: 12px;
	padding: 5px;
	color: #006b94;
	overflow:auto;
}

.site .right .corpo .texto .portfolio {
	float: left;
	width: 670px;
	height:215px;
	overflow:auto;
}

.site .right .corpo .texto .portfolio .ano {
	float: left;
	height: 120px;
	width: 230px;
}
.site .right .corpo .texto .portfolio .ano .site1 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:5px;
	margin-top:5px;
}
.site .right .corpo .texto .portfolio .ano .site2 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .texto .portfolio .ano2 {
	float: left;
	height: 120px;
	width: 480px;
	margin-top:15px;
}
.site .right .corpo .texto .portfolio .ano2 .site1 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:5px;
	margin-top:5px;
}
.site .right .corpo .texto .portfolio .ano2 .site2 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .texto .portfolio .ano2 .site3 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .texto .portfolio .ano2 .site4 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .texto .portfolio .ano2 .site5 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .left .menu ul li {
	float:left;
	margin-left:-40px;
	list-style-type:none;
}
.site .right .corpo .texto table {
	text-align: center;
}
.site .right .corpo .texto .esq {
	float: left;
}
.site .right .corpo .texto .drt {
	float: right;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .texto .esq .fomr {
	float: left;
	margin-top:-100px;
}
.site .right .corpo .site1 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .site2 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}
.site .right .corpo .site3 {
	float: left;
	height: 100px;
	width: 100px;
	border: 2px solid #f68d2d;
	margin-left:15px;
	margin-top:5px;
}