/* Responsável: Marcos Peters Data: 12/01/2013 */ /*** DEFINIÇÕES INICIAIS ***/ * { font-size:12px; font-family: Verdana; margin:0; padding:0; outline:none; } img { border:none; } a { text-decoration:none; } /*** CONTEÚDO ***/ body {background: #F5F5F5;} #linha-topo {width: 100%; height: 30px; background:url('../i/bg-topo-linha.jpg') repeat-x; margin-bottom: 20px;} #meio-linha-topo {width: 960px; margin: auto;} #dia-topo {color: #1D4277; font-size: 11px; line-height: 30px; float: left;} #meio {width: 960px; margin: auto;} #publicidade {width: 960px; height: 110px; margin-bottom: 20px;} #meio-linha-topo-direita {float: right; color: #1D4277; font-size: 11px;} #meio-linha-topo-direita a {color: #1D4277; line-height: 30px; font-size: 11px;} #meio-linha-topo-direita a:hover{color: #1D4277; text-decoration: underline;} #linguas {float: left;margin-left: 42%; margin-top: 5px;} #linguas ul {list-style: none; } #linguas ul li {margin-left: 10px; float: left;} .bandeira {width: 20px; height: 20px; float: left;} #portugues {width: 20px; height: 20px; background:url('../i/bt-portugues.png') top;} #portugues:hover {background:url('../i/bt-portugues.png') bottom;} #ingles {width: 20px; height: 20px; background:url('../i/bt-ingles.png') top;} #ingles:hover {background:url('../i/bt-ingles.png') bottom;} #espanhol {width: 20px; height: 20px; background:url('../i/bt-espanhol.png') top;} #espanhol:hover {background:url('../i/bt-espanhol.png') bottom;} #italiano {width: 20px; height: 20px; background:url('../i/bt-italiano.png') top;} #italiano:hover {background:url('../i/bt-italiano.png') bottom;} #alemao {width: 20px; height: 20px; background:url('../i/bt-alemao.png') top;} #alemao:hover {background:url('../i/bt-alemao.png') bottom;} .menu { float: right; width: 960px;} .menu ul { list-style-type: none;display: table; background:#C10000; } .menu ul li { float: left;} .menu ul li a { width:120px; line-height: 39px; text-align: center; display:block; background:#1D4277; text-decoration:none; font-size: 12px; color: #fff; border-bottom: 1px solid #fff} .menu ul li a:hover { background:#16C5F2; border-bottom: 1px solid #fff;} .menu ul li ul {width: 120px; margin-top: 10px; z-index: 999999;} .menu ul li ul li {list-style-type: none; z-index: 999999999;} /*.menu ul li ul li+li {margin-top: 40px;}*/ .menu ul li ul li a {background: #1D4277; z-index: 999999999;} .menu ul li ul li a:hover {background: #16C5F2;} #banner {width:960px; height:400px; float: left; margin-bottom: 40px;} #imagem-jsprincipal { float: left; width: 960px; height: 400px;} #imagem-jsprincipal ul { list-style-type: none; min-height: 400px; min-width: 960px;} #nextprincipal a {position: relative; float: right; top: -239px; width: 50px; height: 50px; background: url('../i/bt-next.png') bottom; z-index: 999999; margin-right: 15px;} #nextprincipal a:hover {background: url('../i/bt-next.png') top;} #prevprincipal a {position: relative; float: left; margin-left: 15px; top: -239px; width: 50px; height: 50px; background: url('../i/bt-prev.png') bottom; z-index: 999999;} #prevprincipal a:hover {background: url('../i/bt-prev.png') top;} .menu-lateral { float: left; width: 160px; margin-bottom: 40px;} .menu-lateral ul { list-style-type: none;display: table; } .menu-lateral ul li { width: 160px;} .menu-lateral ul li a { padding-left: 10px; width:150px; line-height: 39px; text-align: left; display:block; text-decoration:none; font-size: 12px; color: #1D4277; border-bottom: 1px solid #1D4277;} .menu-lateral ul li a span { background:url('../i/bt-li.png'); width: 4px; height: 10px; float: right; margin-top: 15px; margin-right: 15px;} .menu-lateral ul li a:hover { background:#16C5F2; border-bottom: 1px solid #003C00; color: #FFF;} .menu-lateral ul li a:hover span { background:url('../i/bt-li-hover.png');} .menu-lateral ul li ul {width: 160px; margin-left: 160px; margin-top: -40px; z-index: 99999999;} .menu-lateral ul li ul li {list-style-type: none; } .menu-lateral ul li ul li a {background: #1D4277; color: #FFF; border-bottom: 1px solid #950000;} .menu-lateral ul li ul li a:hover {background: #16C5F2; border-bottom: 1px solid #16C5F2;} #meio-dinamico {width: 760px; margin: 0 0px 40px 40px; float: left;} #lateral-direita {width: 160px; float: right; } .busca { clear:both; margin-bottom: 10px;} .busca p { width:120px; font-size:13px; color:#fff; text-decoration:none;line-height:30px; color: #1D4277; } .form-barra-busca input { width:118px; height:38px; border: 1px solid #FFF; background:#FFF;color:#1D4277; text-indent:5px; font-size:14px; } .form-barra-busca input:hover { border: 1px solid #1D4277; } .form-barra-busca input:focus { border: 1px solid #1D4277; } .form-barra-busca .bt-enviar { float: right; position:absolute; width:40px; height:40px; background:url('../i/bt-ok.jpg') no-repeat; border:none!important; cursor:pointer; color:#fff; } .form-barra-busca .bt-enviar:hover { background:url('../i/bt-ok.jpg') no-repeat bottom; } .form-barra-busca .bt-enviar:focus { background:url('../i/bt-ok.jpg') no-repeat bottom; } .form-barra-busca .bt-enviar:active { background:url('../i/bt-ok.jpg') no-repeat bottom; } .publicidade-lateral {margin-top: 10px; width: 160px; } #rodape{width:100%; height:220px; float: left; background: #FFF;} #linha-rodape{width: 100%; height: 10px; background: #1D4277;} #meio-rodape{width: 960px; margin: auto; height: 210px; } #final-rodape{width:100%; height:30px; float: left; background: #16C5F2;} #rodape-menu1{text-align: center; float: left; margin-right: 60px;margin-left: 25px;} #rodape-menu2{text-align: center; float: left; margin-right: 60px;} #rodape-menu3{text-align: center; float: left; margin-right: 60px;} #titulo-rodape{font-size: 12px; color: #FFF; font-weight: bold; margin: 20px 0 10px 0;} .ul-rodape{} .ul-rodape li{list-style: none; } .ul-rodape li a{text-decoration: none; line-height: 25px; color: #FFF;} .ul-rodape li a:hover{text-decoration: underline;} #rodape-imagens ul {list-style: none; } #rodape-imagens ul li {margin-left: 80px; float: left; margin-top: 25px;} #governo-turismo {width: 178px; height: 154px; background:url('../i/governo-turismo.jpg') top;} #ministerio-turismo {width: 180px; height: 106px; background:url('../i/ministerio-turismo.jpg') top; margin-top: 55px;} #governo {width: 112px; height: 130px; background:url('../i/governo-sc.jpg') top; margin-top: 35px;} #santur {width: 96px; height: 97px; background:url('../i/santur.jpg'); margin-top: 50px;} #texto-rodape{text-align: center; line-height: 30px; color: #1D4277;font-size: 12px;} #texto-rodape a{color: #1D4277; font-size: 12px;} #texto-rodape a:hover{text-decoration: underline;} #rodape-meio{text-align: center; width: 960px; margin: auto;} #box-clima{ height:160px; margin:0; padding:0; border: none !important;} #box-clima li{height: 160px;display:block;background:#F5F5F5;border:none;} /* PAGINAÇÃO */ .pagination { display:table; margin:auto; width: 560px; text-align: center; margin-top: 10px; color: #1D4277;} .paginacao-ul ul { list-style-type:none; } .paginacao-ul { display:table; margin:auto; } .paginacao-ul ul li { float:left; margin-top: 5px; background:url('../i/bg-menu.jpg');} .paginacao-ul ul li + li { margin-left:5px; } .paginacao-ul ul li a { text-decoration: none; color: #950000; padding: 3px; } .paginacao-ul ul li a:hover { text-decoration: underline; } .paginacao-ul ul li span { text-decoration: none; padding: 3px; } .s { cursor: default; pointer-events:none; color: #950000 !important; font-weight: bold;} /* VALIDAÇÕES */ .validacao-js { color:blue !important; display:block; width:200px; margin:30px 0 0 0px !important; } .err { border:1px solid #333333; width:400px; margin:auto; margin-bottom:20px; } .err h4 { color:#FFF; font-size:12px; background:#00592B; padding:5px; } .err ul { color:#00592B; font-size:11px; padding:5px 5px 5px 20px; list-style-type:circle; } .err ul li { color:#00592B; font-size:11px; } /* MENSAGENS DE AVISO */ .msg_ok { background: #108B10; color: #fff; position: absolute; height: 50px; opacity:0.85; filter:alpha(opacity=85); width: 100%; display: block; top:0; left:0; z-index:9999; position:fixed; } .msg_err { background: #E73636; color: #fff; position: absolute; height: 50px;opacity:0.85;filter:alpha(opacity=85); width: 100%; display: block; top:0; left:0; z-index:9999; position:fixed; } .msg_int { position: absolute; text-align:center; width: 100%; display: block; color: #fff; font-weight: bold; font-size: 16px; padding-top: 15px; position:fixed; } /*ul.dropdown { position: relative; }*/ ul.dropdown li { width: 160px;} /*ul.dropdown a:active { color: #ffa500; }*/ ul.dropdown li:last-child a { } ul.dropdown li.hover, ul.dropdown li:hover {background:#16C5F2; position: relative; } ul.dropdown li:hover a span { background:url('../i/bt-li-hover.png');color: #FFF;} ul.dropdown li:hover a { border-bottom: 1px solid #fff;color: #FFF;} ul.dropdown ul { width: 160px; visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul li a { border-bottom: 1px solid #950000;}