*{margin:0px; padding:0px;}

body{
background:#000000;
}

img{ border:0 }

div#topo{
	width:100%;
	height:200px;
	background:#000000;
	margin:1px auto;
	
}
div#topo2{
	width:972px;
	height:200px;
	background:#000000;
	margin:1px auto;
	
}

.desenvolvido{
	position:relative;
	left:55px;
	top:145px;
}

.direitos{
	font:12px arial;
	color:#27889F;
	text-align:center;
	position:relative;
	top:117px;
}
.lin{
	font:bold 16px arial;
	color:#CCCCCC;
	text-decoration:none;
}
.lin:hover{
	font:bold 16px arial;
	color:#9F9F9F;
}
object#home{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}

object#lentes{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}
object#progressivas{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}

object#cr39{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}
object#digital{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}
object#simples{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}
object#ultex{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}

object#kriptock{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}

object#contato{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}

object#empresa{
	width:977px;
	height:300px;
	position:relative;
	top:-45px;
	*top:0px;
}

div#barra1{
	width:1255px;
	height:4px;
	background:url(../images/barra.png);
	_background:none;
	
}

div#barra2{
	width:1255px;
	height:4px;
	background:url(../images/barra.png);
	_background:none;
	position:relative;
	top:103px;
}

div#textgabarito{
	width:336px;
	height:54px;
	position:relative;
	top:16px;
	left:470px;
}

p.gabarito{
	font:20px arial;
	color:#0A3E61;
	text-align:center;
	position:relative;
	top:-2px;
	left:-327px;
}

div#gaba{
	width:364px;
	height:216px;
	background:url(../images/gabarito.png);
	position:relative;
	top:24px;
	left:117px;
}

div#textnumeros{
	width:364px;
	height:265px;
	margin:-196px 36px 0px 0px;
	_margin:-203px 22px 0px 0px;
	float:right;
}

.numeros{
	font:17px arial;
	color:#0A3E61;
	position:relative;
	top:-54px;
	
}

.position{
	position:relative;
	top:-100px!important
	/*\**/top:-47px; /*hack para IE8*/
	_top:0px;
}

/*div com lightbox*/

h3.fotos{
	font:18px arial;
	color:#82C5D4;
	
}

.f1{
	position:relative;
	top:60px;
	*top:70px;
	left:65px;
	*left:70px;
}
.f2{
	position:relative;
	top:-70px;
	*top:70px;
	left:241px;
	*left:70px;
}
.f3{
	position:relative;
	top:-70px;
	*top:70px;
	left:241px;
	*left:70px;
}
div#foto{
	width:1206px;
	height:319px;
	background:url(../images/fundofoto.jpg);
	position:relative;
	top:21px;
	left:24px;
}
div#feira{
	width:367px;
	height:19px;
	position:relative;
	left:493px;
	top:3px;
}

div#video1{
	width:112px;
	height:29px;
	position:relative;
	left:270px;
	top:-34px;
	*top:100px;
}
div#video2{
	width:112px;
	height:29px;
	position:relative;
	left:445px;
	top:-62px;
	*top:71px;
	*left:445px;
	
	
}
div#video3{
	width:112px;
	height:29px;
	position:relative;
	left:622px;
	top:-90px;
	*top:42px;
}
div#video4{
	width:112px;
	height:29px;
	position:relative;
	left:825px;
	top:-61px;
	*top:99px;
	_top:80px;
}
div#feira2{
	width:112px;
	height:29px;
	position:relative;
	left:825px;
	top:-122px;
	*top:12px;
}

div#video5{
	width:112px;
	height:29px;
	position:relative;
	left:65px;
	top:-87px;
	*top:66px;
	_top:60px;
}
div#base{
	width:100%;
	height:271px;
	background:#000000;
	margin: 1px auto;
	
	
}
div#base2{
	width:925px;
	*width:935px;
	height:271px;
	background:#002e3a;
	margin:1px auto;
}

div#logo{
	width:211px;
	height:200px;
	background:url(../images/logo.png);
	margin:0px 0 0 23px;
	*margin:0px 0 0 17px;
}
div#barras{
	width:211px;
	height:300px;
	background:#FFFFFF;
	float:left;
	position:relative;
	left:26px;

	
	
}

div#funciona{
	width:600px;
	height:100px;
	float:left;
	position:relative;
	top:90px!important;
	/*\**/top:100px;
	_top:60px;
	left:105px;
	
}

.sun{
	position:relative;
	top:10px;
	left:44px;
	outline:none;
}
.nuvem{
	position:relative;
	top:10px;
	left:109px;
	outline:none;
}
.casa{
	position:relative;
	top:10px;
	left:178px;
	outline:none;
}

/* menu::base */
div#menu {
    height: 46px;
    padding-left: 10px;
    background: url(../images/left.png) no-repeat;
    _background-image: url(../images/left.gif);
    width:-moz-max-content;
	position:relative;
	left:-33px;
	_left:-38px;
	top:-188px;
	_top:-190px;
	float:right;
	
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 10px;
    background: url(../images/right.png) no-repeat right 0;
    _background-image: url(../images/right.gif);
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}

div#menu ul ul li {
    z-index: 9;
}

div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 36px;
    left: 0;
    visibility: hidden;
    width: 187px;
    padding: 0 0 11px 7px;
    background: url(../images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(../images/submenu-bottom.gif);
    margin: 0px 0 0 -4px;
}

div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right: 5px;
    text-align: center;
	outline:none;
}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 30px 0 0;
    line-height: 40px;
    height: 46px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
}
div#menu span {
    margin-top: 2px;
    padding-left: 30px;
    color: #fff;
    font: bold 11px Trebuchet MS,Arial,san-serif;
    background: none;
    line-height: 40px;
}
div#menu a:hover,
div#menu a.over {
    background:  url(../images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(../images/selected-right-sub.gif);
}
div#menu a:hover span,
div#menu a.over span {
    background: url(../images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images/selected-left-sub.gif);
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(../images/selected-right-sub.png) no-repeat right -1px;
    _background-image: url(../images/selected-right-sub.gif);
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(../images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images/selected-left-sub.gif);
}
div#menu ul.menu>li:hover>a span {
    color: #043454;
}
div#menu li {  }
div#menu li.last { background: none; }

div#menu li.current a,
div#menu li.current a span,
div#menu.js-active a:hover,
div#menu.js-active a:hover span,
div#menu.js-active a,
div#menu.js-active span {
    background:none;
}
div#menu.js-active ul.menu>li:hover>a,
div#menu.js-active ul.menu>li:hover>a span {
    background:none;
}
div#menu li.current a.over {
    background: url(../images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(../images/selected-right-sub.gif);
}
div#menu li.current a.over span {
    background: url(../images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images/selected-left-sub.gif);
}
div#menu a.over span {
    color: #043454;
}

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul {
    padding-top: 10px;
}
div#menu ul ul a {
    padding: 0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 11px;
    color: #ffffff;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 160px;
    margin: 0 5px;
    text-transform: none;
}
    
div#menu ul ul a span {
    padding: 0 15px;
    line-height: 26px;
    font-size: 11px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
    background: url(../images/submenu-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a:hover span {
    background: url(../images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent {
    background: url(../images/submenu-pointer-bottom.gif) no-repeat 5px bottom;
}
div#menu ul ul a.parent span {
    background: url(../images/submenu-pointer-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent:hover {
    background: url(../images/submenu-pointer-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a.parent:hover span {
    background: url(../images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 15px 0px 8px 0px;
    margin: -44px 0 0 169px !important;
    background: url(../images/subsubmenu-top.png) no-repeat 0px 0;
    _background-image: url(../images/subsubmenu-top.gif);
}
*+html div#menu ul ul div { height:10px }
*+html div#menu.ie7 ul ul div { height:auto }
div#menu ul ul ul {
    padding: 0 4px 5px 1px;
    background: url(../images/submenu-bottom.png) no-repeat 0px bottom;
    _background-image: url(../images/submenu-bottom.gif);
}
div#menu ul ul div li {
    position:relative;
    top:-5px;
}

/* lava lamp */
div#menu li.back {
    background: url(../images/lavalamp-left.png) no-repeat 0 0;
    _background-image: url(../images/lavalamp-left.gif);
    width: 10px;
    height: 46px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(../images/lavalamp-right.png) no-repeat right 0;
    _background-image: url(../images/lavalamp-right.gif);
    height: 46px;
    margin: 0 5px 0 10px;
    _margin-right: 2px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

div#copyright{
	display:none;
}

div#fundo{
	width:928px;
	*width:934px;
	height:200px;
	background:#002E3A;
	margin:1px auto;
}

div#animacao{
	width:100%;
	height:300px;
	background:#000000;
	_margin:-50px 0 0 0px;
	
}
div#objeto{
	width:977px;
	height:300px;
	margin:auto;
	
	
}
div#objeto2{
	width:977px;
	height:300px;
	margin:auto;
	
	
}
div#objeto3{
	width:977px;
	height:300px;
	margin:auto;
	
	
}

div#fundo{
	width:100%;
	height:315px;
	background:#000000;
	
	
}

div#base{
	width:977px;
	height:300px;
	background:#002E3A;
	margin:auto;
}

div#animacaofeira{
	width:977px;
	height:300px;
	background:url(../images/fundo_animacaofeira.png);
	margin:auto;
	_position:relative-absolute;
	
	
}
div#gabarito{
	width:977px;
	height:300px;
	background:#FFFFFF;
	margin:auto;
	_position:relative-absolute;
	
	
}

div#mais{
	width:300px;
	height:400px;
	background:green;
	margin:auto;
}