* { margin: 0; padding: 0; }

.spacer {
	clear:both;
}

body {
	background-image: url(../images/main-bak.jpg);
	background-repeat: repeat-x;
	background-color: #16222e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	text-align: center;
}

#mainbody {
	width: 878px;
	height: auto;
	margin: 0 auto;
	background-color: #285278;
	background-image: url(../images/body-bak.jpg);
	background-repeat: repeat-x;
	background-position: 0 69px;
}

#mainbody h1 {
	clear: both;
	display: block;
	font-size: 20px;
	letter-spacing: 10px;
	color: #d5b77a;
	margin: 0 auto;
	background-color: #1d3c51;
	margin: -16px 0 0 0 !important;
	width: 100%;
	float: left;
	font-weight: normal;
}

#middle {
	border: solid #132333;
	border-width: 0 1px 0 1px;
	width: 876px;
	height: auto;
}

#misc-area {
	background-image: url(../images/toparea-bak.jpg);
	width: 878px;
	height: 69px;
}

#misc-area a, #misc-area h1, #misc-area strong {
	color: #244b68;
	font-size: 2px;
	width: 400px;
	float: left;
	text-decoration: none;
	display: block;
}

#misc-area a{
	height: 69px;
}

#misc-area h1, #misc-area strong {
	height: 2px;
}

#mainmenu {
	background-color: #1d1d21;
	width: 864px;
	height: 53px;
	margin: 0 auto;
	border: solid 1px #525561;
	float: left;
	position: relative;
	z-index: 900;
	left: 4px;
}

#misc-menu {
	float: left;
	position: relative;
	top: -117px;
	left: 430px;
	height: 20px;
	width:440px;
}

#misc-menu li {
	float: left;
	display: block;
	width: 103px;
	margin: 0 4px 0 0;
}

#misc-menu li a{
	width:103px;
	height: 16px;
	background-image: none;
	display: block;
	text-decoration: none;
	padding: 2px 0 0 0;
}

#misc-menu li a:hover {
	background-image: url(../images/misc-menu-hover.jpg);
	color: #1d1d21;
}

#misc-menu .link1 a {
	color: #ebc568;
}

#misc-menu .link2 a {
	color: #b6d1eb;
}

#topbanners {
	clear: both;
	margin: -10px 0 0 0;
	float: left;
	position: relative;
	z-index: 0;
	width: 100%;
}



#footer {
	background-color: #1d1d21;
	width: 864px;
	height: 53px;
	margin: 20px auto 0 auto;
	border: solid 1px #525561;
	float: left;
	position: relative;
	z-index: 900;
	left: 4px;
}

*html #footer{
	margin: 5px auto 0 auto;
}

#footer h3 {
	font-size: 10px;
	display: block;
	color: #71a8db;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px;
}

#footer h3 strong {
	color: #91bbe3 !important;
}

#footer h4 {
	font-size: 8px;
	display: block;
	color: #5d6f7f;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px;
	letter-spacing: 2px;
}

#footer h4 strong {
	color: #d6b393 !important;
}

#footer h4 a, #footer h3 a {
	color: #1186ed;
	text-decoration: none;
}

#mainbodymiddle {
	clear: both;
	width: 100%;
	text-align: center;
}

h5 {
	width: 90%;
	display: block;
	height: 14px;
	font-size: 14px;
	padding: 5px 0 0 18px;
	color: #c5d7e6;
	clear: both;
	position: relative;
	float: left;
	top: -23px;
	text-align: left;
}

h5 a {
	color: #5aa5ed;
	text-decoration: none;
}

h5 a:hover {
	color: #a3cdf5;
}

h5 strong {
	color: #dfc897;
}

#mainbodymiddle {
	height: auto;
	background-repeat: no-repeat;
	background-position: 20px 200px;
}

.bak-3d-design {
	background-image: url(../images/internalpageback-3d-design.jpg);
}

.bak-scroll{
	background-image: url(../images/scroll.gif);
}

#mainbodymiddle ul {
	float:left;
	position: relative;
	top: 28px;
	left: 15px;
   width: 222px;
	clear: both;
	margin: 0 0 20px 0;
}

#mainbodymiddle li {
	display: block;
	height: 32px;
	margin: 0 0 10px 0;
}

#mainbodymiddle li a h3 {
	display: block;
	width: 220px;
	font-size: 12px !important;
}

#mainbodymiddle li a {
	display: block;
	width: 220px;
	height: 25px;
	padding: 7px 0 0 0;
	background-color: #385f86;
	color: #e4ecf4;
	border: solid #132332 1px;
	text-decoration: none;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	font-size: 12px !important;
}

#mainbodymiddle li a:hover {
	background-color: #709bc5;
	color: #1d1d21;
}

#mainbodymiddle p {
	width: 580px;
	padding: 10px;
	border: dashed 1px #6093bf;
	background-color: #316593;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: justify;
	margin: 30px 20px 0 0;
	float: right;
	line-height: 22px;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#mainbodymiddle p a {
	text-decoration: none;
	color: #a1ccf5;
	text-transform: uppercase;
}

#mainbodymiddle p a:hover {
	color: #072541;
}

#mainbodymiddle span {
	font-size: 12px;
	font-weight: bold;
	color: #fcbf07;
	width: 100%;
	display: block;
	letter-spacing: normal;
	text-transform: uppercase;
}

#sidescroller {
	width: 580px;
	padding: 10px;
	border: dashed 1px #6093bf;
	background-color: #316593;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: justify;
	margin: 30px 20px 0 0;
	float: right;
	text-indent: 15px;
	height: 620px;
	overflow: auto;
	position: relative;
}

*html #sidescroller {
	height: 620px;
	margin: 30px 10px 0 0;
}

*:first-child+html #sidescroller {
	height: 620px;
	margin: 30px 10px 0 0;
}

.sidecrollercontainer {
	width: 3100px;
	height: 590px;
	float: left;
	position: relative;
}

.sidecrollercontainer1 {
	width: 3560px;
	height: 590px;
	float: left;
	position: relative;
}

.sidecrolleritem {
	width: 580px;
	height: 590px;
	border: dashed #76a1c7;
	border-width: 0 1px 0 0;
	float: left;
	clear: none !important;
	position: relative;
	padding: 0 0 0 5px;
	/*background-image: url(../images/usescroll-bottom.gif);
	background-repeat: no-repeat;
	background-position: 330px 0;*/
}

.sidecrolleritem p {
	width: 560px !important;
	margin: 10px 0 0 5px !important;
	border: 0 !important;
	padding: 10px;
	font-size: 11px !important;
	letter-spacing: 1px;
	text-align: justify;
	float: left;
	line-height: 15px !important;
	text-indent: 10px !important;
	background: transparent !important;
	height: 210px;
}

.sidecrolleritem span {
	font-size: 12px !important;
	font-weight: normal !important;
	letter-spacing: 1px;
	text-align: center;
	color: #ffe21c !important;
}


.multimedia-sampleimage {
	float: left;
	position: relative;
	clear: both;
	height: 320px;
	width: 106px;
	background-repeat: no-repeat;
}

*html .multimedia-sampleimage  {
	top: 270px;
}

*:first-child+html .multimedia-sampleimage {
	top: 270px;
}

.condoroble-image {
	background-image: url(../gallery/multimedia-design/condoroble/condoroble.jpg);
}

.rtc-image {
	background-image: url(../gallery/multimedia-design/rtc/rtc.jpg);
}

.redcom-image {
	background-image: url(../gallery/multimedia-design/redcom/redcom.jpg);
}

.uense-image {
	background-image: url(../gallery/multimedia-design/uense/uense.jpg);
}

.plataformas-image {
	background-image: url(../gallery/multimedia-design/plataformas/plataformas.jpg);
}

.media {
	float: left;
	border: dashed 1px #649ccb;
	width: 400px;
	height: 318px;
	margin: 0 0 0 25px;
	position: relative;
}

*:first-child+html .media {
	top:10px;
}

*html .media {
	top:10px;
}

.scrollplacement1 {
	color: #316593;
	height: 1px;
	width: 1px;
	display: block;
	float: left;
	position: relative;
}

.scrollposition{
	left: 130px;
}

.scrollposition1{
	left: 358px;
}

*:first-child+html scrollposition {
	left: -10px;
}

*:first-child+html scrollposition1 {
	left: -10px;
}

*html .scrollposition{
	left: 400px !important;
}

*html .scrollposition1{
	left: 628px !important;
}

.nextinteractive {
	color: #316593 !important;
	font-weight: normal !important;
	font-size: 0 !important ;
	text-decoration: none !important;
	display: block;
	height: 23px;
	width: 228px;
	float: left;
	position: relative;
}

.nextiteractiveposition1 {
	left: 352px;
}

.nextiteractiveposition2 {
	left: 127px;
}

.previousinteractive {
	color: #316593 !important;
	font-weight: normal !important;
	font-size: 0 !important ;
	text-decoration: none !important;
	display: block;
	height: 23px;
	width: 228px;
	float: left;
	position: relative;
}


.backforwardarea {
	width: 586px;
	height: 23px;
	float: left;
	position: relative;
	left: -5px;
	top: -10px;
}

.backforwardbutton {
	background-image: url(../images/back-foward-buttons1.gif);
}

.backforwardbutton1 {
	background-image: url(../images/back-foward-buttons.gif);
}

.backforwardbutton2 {
	background-image: url(../images/back-foward-buttons2.gif);
}

.backforwardbutton3 {
	background-image: url(../images/back-foward-buttons4.gif);
}

.backforwardbutton4 {
	background-image: url(../images/back-foward-buttons3.gif);
}

.backforwardbutton5 {
	background-image: url(../images/back-foward-buttons5.gif);
}

.backforwardbutton6 {
	background-image: url(../images/back-foward-buttons6.gif);
}

.backforwardbutton7 {
	background-image: url(../images/back-foward-buttons7.gif);
}

.backforwardbutton8 {
	background-image: url(../images/back-foward-buttons8.gif);
}

.internalbanners {
	margin: 2px auto;
	clear: both;
	width: 468px;
	height: auto;
	position: relative;
	left: 40px;
	float: left;
	top: -60px;
}

.suplitodo {
	margin: 2px auto;
	clear: both;
	width: 560px;
	height: 309px;
	position: relative;
	float: left;
	top: -60px;
	background-color: #ffffff;
}

.quicktour {
	margin: 2px auto;
	clear: both;
	width: 560px;
	height: 299px;
	position: relative;
	float: left;
	top: -60px;
	background-color: #316593;
}

.gun {
	margin: 2px auto;
	clear: both;
	width: 480px;
	height: 349px;
	position: relative;
	float: left;
	left: 40px;
	top: -100px;
	background-color: #316593;
}

.animations3d {
	float: left;
	border: dashed 1px #649ccb;
	width: 320px;
	height: 258px;
	margin: 0 0 0 120px;
	position: relative;
}