body{ text-align:center; background-color:#F7F7F7; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #page{ margin:auto; width:940px; background-color:#FFF; text-align:left; padding:10px;} #logo{background:url(../images/logo_new.jpg) no-repeat 0px 10px; height:140px;} #logo #texto{font-size:15px; padding:113px 0px 0px 48px;} #logo #time{float:right; padding-top:10px; color:#666} #frase{background-color:#E53D7A; height:15px; color:#FFF; font-size:15px; padding:5px;} /* #menu{ background-color:#D7D7D6; padding:5px 3px;} #menu li{ float:left; list-style-type:none; font-size:13px; margin-left:15px; } #menu li a{ padding:7px 10px; text-decoration:none; color:#333;} #menu li a:hover{ color:#fff; background-color:#E53D7A;} */ #menu{background-color:#D7D7D6; height:25px; } #menu ul{padding:5px 0px; margin:0px; border:0px;} #menu li{ float:left; left:0px; list-style: none; font-size:13px; margin-right:11px} #menu li a{ text-decoration:none; color:#333; padding:5px 7px 4px 7px; height:25px; font-weight:bold;} #menu li a:hover{ color:#fff; background-color:#E53D7A;} #menu li ul{ display:none; position: absolute; background-color:#E53D7A; width:80px;} #menu li:hover ul{ display:block;position:absolute; top:200px;} #menu ul li ul li{ float:none} #menu ul li ul li a{ padding:0px 0px 0px 3px;} #menu li:hover, li:hover a{background-color:#E53D7A;} img{ border:0px; } /* div#menu ul { margin: 0px; padding: 0px; list-style: none; width:100%; background: #EEE; } div#menu ul li { margin: 0px; padding: 0px; float: left; display: inline; list-style: none; position: relative; } div#menu ul ul { margin: 0px; padding: 0px; list-style: none; display: none; position: absolute; top: 15px; left: 0;} div#menu ul ul:after{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0px; visibility: hidden;} div#menu ul ul li { width: 160px; float: left; display: block !important; display: inline;} div#menu ul a { padding: 0 6px; float: none !important; float: left; display: block; background: #EEE; color: #666; text-decoration: none; height: auto !important; height: 1%; } div#menu ul a:hover,div#menu ul li:hover a,div#menu ul li.iehover a { background: #CCC; color: #FFF;} div#menu ul li:hover li a,div#menu ul li.iehover li a { float: none; background: #EEE; color: #666;} div#menu ul li:hover li a:hover, div#menu ul li:hover li:hover a, div#menu ul li.iehover li a:hover, div#menu ul li.iehover li.iehover a { background: #CCC; color: #FFF;} div#menu ul ul ul,div#menu ul ul ul ul { display: none; position: absolute; top: 0; left: 160px;} div#menu ul li:hover ul ul,div#menu ul li:hover ul ul ul,div#menu ul li.iehover ul ul,div#menu ul li.iehover ul ul ul { display: none;} div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul,div#menu ul li.iehover ul,div#menu ul ul li.iehover ul,div#menu ul ul ul li.iehover ul { display: block;} */ #content{ clear:both; padding-top:15px;} #content #col1{ float:left; width:297px; margin-right:7px; padding:0px 5px;} #content #col2{ float:left; width:297px; margin-right:7px; padding:0px 5px; background-color:#93AEC0;} #content #col3{ float:right; width:297px; padding:5px;} #content .new{ padding:10px 0px 10px 0px; border-bottom: dotted 1px #CCC; overflow:hidden;} #content .new img{ margin-bottom:2px;} #content .new .by{ font-size:10px; color:#999; margin-bottom:5px;} #content .new .title{ font-weight:bold; font-size:18px; font-family:Verdana, Geneva, sans-serif; } #content .new .title a{ text-decoration:none; color:#333} #content .new .title a.tit:hover{ text-decoration:underline; color:#E53D7A} #content .new a{ text-decoration:none; color:#E53D7A} #content .new a:hover{ text-decoration:underline;} #content .new .txt{ font-size:11px; color:#3A3A3A; text-align:justify;} #content .new2{ padding:10px 0px; border-bottom: dotted 1px #CCC; border:1px solid #F00} #content .new2 img{ margin-bottom:2px;} #content .new2 .by{ font-size:10px; color:#999; margin-bottom:5px;} #content .new2 .title{ font-weight:bold; color:#000; font-family:Verdana, Geneva, sans-serif; padding-bottom:5px;} #content .new2 .txt{ font-size:11px; color:#FFF; text-align:justify} /* NEW STYLE */ #content .preview{overflow:hidden; width:100%; clear:both; padding:10px 0px 10px 0px; border-bottom: dotted 1px #CCC;} #content .preview .title a{ font-weight:bold; font-size:18px; font-family:Verdana, Geneva, sans-serif;text-decoration:none; color:#333} #content .preview .title a:hover{ text-decoration:underline;} #content .preview .txt{ font-size:11px; font: Arial; text-align:justify; color:#3a3a3a} /****************/ h1{ margin:0px 0px 5px 5px} #footer{ font-size:11px; color:#666; padding:10px;} #diretorio{font-size:13px; background-color:#F2F2F2; padding:5px; letter-spacing:11px;} #diretorio a{ text-decoration:none; font-weight:bold} #diretorio a:hover{ text-decoration:underline} #vidaeconomica{font-size:10px;} #vidaeconomica a{ text-decoration:none; background-color:#FFF} #vidaeconomica a:hover{ text-decoration:underline} #archivador{height:240px; overflow-y: scroll; overflow-x:hidden;} #archivador a{ color:#333; text-decoration:none} #archivador a:hover{ text-decoration:underline; color:#000} #archivador2{height:300px; overflow-y: scroll; overflow-x:hidden;} #archivador2 a{ color:#333; text-decoration:none} #archivador2 a:hover{ text-decoration:underline; color:#000} .archivador3{height:105px; overflow-y: scroll; overflow-x:hidden; display:none} .archivador3 a{ color:#333; text-decoration:none} .archivador3 a:hover{ text-decoration:underline; color:#000} a.titlearquivo{ color:#000; text-decoration:none} a.titlearquivo:hover{ color:#E53D7A; text-decoration:none} .contenedor{width:180px; height:200px; float:left; margin:0px 5px 5px 0px; text-align:center;} .contenedor_imagen{background-color:#F8F8F8; border:#D7D7D7 1px solid; width:180px; height:120px; margin-bottom:10px;} .contenedor2{width:460px; height:415px; float:left; margin:0px 5px 5px 0px; text-align:center;} .contenedor_video{background-color:#F8F8F8; width:450px; height:340px; margin-bottom:10px;} /* NEW style arquivo */ .arquivomenu{height:40px; width:570px; background-color:#E5E5E5; padding:7px 0px 0px 7px; font-size:20px; overflow:hidden;} .arquivomenu .yearselected{background-color:#FFF; padding:9px; width:43px; float:left;} .arquivomenu .yearright{float:left; color:#999; padding:9px; width:43px; margin-left:5px;} .arquivomenu .yearleft{float:left; color:#999; padding:9px; width:43px; margin-right:5px;} .arquivomenu .year{float:left; color:#999; padding:9px; width:43px;} .object{float:left; width:197px;} .object .youtube{position:absolute; z-index:10; padding-left:133px; margin-top:-3px;} .object .content{width:170px; height:127px; border:1px solid #E9E9E9; padding:5px; text-align:center; overflow:hidden;} .object .title{width:170px; font-size:11px; padding-top:5px;}