@charset "utf-8";
/* CSS Document */

/*Reset */

* { margin: 0; padding: 0; }
body { 	font-size: 14px; color: #aaa; font-family: Arial, Verdana, sans-serif; margin-top:20px; background-image:url(../img/fundo.gif); margin: 0; padding: 0; background-color:#edeef2; }

img{border:none\9;}

a { color: #fff; text-decoration:none;}
h1 { font-weight: normal; }
h1 a { text-decoration: none; }
h2 { font-weight: normal; color: #777; }

ol, ul { list-style: none; text-align:left; }

.cleaner { clear: both; }

.topo { background-image:url(../img/textura.jpg); background-repeat:repeat-x;}
.geral {background-image:url(../img/fundohome.jpg); background-repeat:no-repeat; background-position:center top; }
.conteudo { position: relative;width:980px; text-align:left;}
.esquerdo { width:272px; float:left;}
.centro { float:left; width:685px; margin-left:20px;}
.principal {background-color:#1a1f2b;}
.banner { background-image:url(../img/bannerCima.png); height:175px; background-repeat:no-repeat; margin-top:-20px; z-index:-1000;}
.linkHome{z-index:1000; position:absolute; top:60px; left:30px; width:210px; height:95px; cursor:pointer;}
#click{position:relative; top:135px; left:305px; font-size:12px; color:#fff; font-weight:bold;}
.menubanner { width:220px; margin-top:148px; float:right;  font-weight:bold; }
.menubanner a {color:#333333;}
.menubanner a:hover {color:#4a6491;}
.menubanner span { color:#fff; }
.txt { line-height:18px; margin-top:10px; text-align:justify; margin-right:25px; font-size:12px;}
.txt p {margin-bottom: 15px;}
.txt .alt {color: rgb(133, 165, 204);}
.txt ul li {margin-bottom: 5px;text-indent:10px;}

.titulo { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#85a5cc; font-weight:bold; background-image:url(../img/borda.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-top:10px; clear:both;}
.titulo span { color:#4a6491;}

.aviso{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#85a5cc; font-weight:bold; background-image:url(../img/borda.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-top:10px; color:#F00;}

.miniBottons{margin-left:30px;}
.miniBottons img{margin-left:45px; cursor:pointer;}
.miniBottons2{margin-left:90px;}
.miniBottons2 img{margin-left:50px;}

.titulosb { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4a6491; font-weight:bold; padding-bottom:5px; margin-top:10px; margin-left:10px; border-bottom:1px solid #475f8c; margin-bottom:10px;}
#menu {position: absolute;width:170px; height:33px; margin:20px 0 0 0; padding:0px; right: 0;}
#menu ul { width:300px; height:33px; float:left; margin:0px; padding:0px; display:block; }
#menu ul li { width:50px; height:33px; float:left; margin:0 1px 0 0; padding:0px; display:block;}
#menu ul li a.menu { width:50px; height:26px; float:left; margin:0px; padding:7px 0 0 0; font-family:Arial; font-size:13px; font-weight:bold; color:#fff; text-shadow: 0px 1px 0px #000; text-align:center; text-decoration:none; }	
#menu ul li a.menu:hover { margin:0px; color:#DDD; }

/***************************************************
		Login
***************************************************/

.login{height:40px; width:250px; position:relative; z-index:5; float:right; top:125px; border-top-left-radius:3px; border-top-right-radius:3px; padding-top:5px; background-color:#4a6491;}
.campo{color:white; padding:0 5px 0 5px; font-weight:bold; margin-top:3px; font-size:12px; float:left;}
.campo div{width:35px;}
.campo input{width:98px; height:15px; border:none; float:left; border-radius:3px; margin-top:0px; color:#1a1f2b; font-size:11px;}
#botaok{float:left; position:relative; left:4px; height:15px; background-color:#1a1f2b; font-size:12px; color:white; margin-top:3px; width:25px; text-align:center; border-radius:3px; cursor:pointer; font-weight:bold;}
#botaologout{float:right; margin-right:10px; width:80px; background-color:#1a1f2b; font-size:10px; color:white; margin-top:3px; text-align:center; border-radius:3px; height:15px; cursor:pointer;}
#botaologout:hover{border:1px solid white;}
#divisao{background-image:url(../img/divLogin.jpg); background-repeat:repeat-x; height:6px; width:179px; margin-top:25px; margin-left:6px;}
#recuperacao{font-size:10px; font-weight:bold; color:#fff; font-size:13px; position:absolute; top:27px; left:20px;}
#recuperacao a:hover{text-decoration:underline;}
.logar{margin-top:30px; background-color:#3c517c; padding:5px; border-radius:3px; margin-bottom:15px; border:1px solid white; color:#fff;}

.boxAcesso{background-color:#586873; width:305px; float:left; margin-right:20px; padding:1px; height:150px; border-radius:3px;}

label, input[type="text"]{
    float:left;
    display:block;
}
label
{
    margin-right: 5px;
}
.field{
    width:100%;
    overflow:auto;
    margin:10px 10px;
}

.botoesAcesso{margin-right:15px;}

.botoesAcesso input{background:#1a1f2b; border:none; border-radius:3px; color:#fff; padding:1px; padding:3px\9;}

@media screen and (-webkit-min-device-pixel-ratio:0) { .botoesAcesso input{padding:3px;} }

.botoesAcesso input:hover{border:1px solid #fff; cursor:pointer;}

.esquerda{float:left;}

.direita{float:right;}

.alerta-info{background-color:#feebab; padding:5px; border-radius:3px; margin-bottom:15px; border:1px solid #f8ca30;}

.alerta-info img{position:relative; top:2px; margin:0 5px 0 5px;}

.emailDados{clear:both; background-color:#3c517c; padding:10px; border-radius:3px;}

/***************************************************
		Menu Vertical
***************************************************/

.menuv { width:250px; float:left; margin-left:15px;} 


.menuvertical{width:245px;float:left;display:table;}
.menuvertical ul{padding-top:5px;padding-right:10px;}
.menuvertical ul li{background:url(../img/seta.gif) center left no-repeat;padding-bottom:2px;margin-bottom:2px;padding-top:8px;}
.menuvertical ul li a{color:#85a5cc;margin-left:5px;font-size:14px;text-shadow:0px 1px 0px #000;}
.menuvertical ul li a:hover{color:#fff;	}

.icones {float:left; width:168px; margin-right:10px; }
.tituloicones { width:168px;  background-image:url(../img/iconefundo.png); background-repeat:repeat-x; padding-top:7px; margin-bottom:5px;  color:#586873; font-weight:bold; text-shadow: 0px 1px 0px #fff; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

/***************************************************
		Rodape
***************************************************/

.rodape { text-align:center; padding-top:15px; background-color:#1a1f2b;}
.subrodape { background-image:url(../img/rodapef.jpg); background-repeat:repeat-x; padding-top:15px; padding-bottom:10px; font-size:14px; font-style:italic; color:#fff; text-shadow: 0px 1px 0px #000;}
.instituicoes{background-image:url(../img/rodapef.jpg); background-repeat:repeat-x; padding-top:15px; padding-bottom:10px; font-size:14px; color:#fff; text-shadow: 0px 1px 0px #000; width:550px; padding-left:15px;}
.links{color:#85a5cc; line-height:30px; margin-left:30px; font-size:12px;}
.links a:hover{text-decoration:underline;}
.conteudorodape { background-image:url(../img/rodape.png); background-repeat:repeat-x; padding:15px; height:170px;}
.copyr { font-size:12px; color:#2b3a52; margin-top:3px; padding-bottom:5px;}
.txtrodpe { float:left; width:270px; text-align:left;}
.txtrodpc { float:left; width:400px; text-align:left;}
.txtr { color:#FFFFFF; text-align:justify; line-height:18px; margin-right:10px; margin-left:10px; font-size:11px;}
.rinst { margin-left:10px; float:left; width:180px;}
.rinst div{ border-bottom:1px solid #243453; padding-bottom:5px; font-size:12px;}
.rinst a {color:#618dd0; }
.rinst a:hover {color:#fff; }
.rcont { margin-left:10px; float:left; width:260px;}
.rcont div{ border-bottom:1px solid #243453; padding-bottom:5px; font-size:12px;}
.rcont a {color:#618dd0; }
	
/***************************************************
		Slider
***************************************************/
#slideshow-holder {
	float: left;
	margin: 0px;
	padding: 0px;

}
#slideshow-center {
	position: relative;
	width: 676px;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	
		
}
#slideshow {
	width: 676px;
	height: 230px;
	overflow: hidden;

	}
	
#slideshow img {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;

	
}
#box-nav-slider {
	width:650px;
	height:17px;
	position: absolute;
	z-index: 9;
	bottom: 35px;
	left: 0px;
	z-index:2000;
	
	}
#slideshow-navigation a {
	display:block;
	float:left;
	font-size:0px;
	width:15px;
	height:15px;
	margin:4px;
	outline-style:none;
	outline-width:medium;
	background-image: url(../img/slider_inactive.png);
	background-repeat: no-repeat;
	color: #000000;
	background-position: left top;
	text-indent: -999px;
}

.imgs{position:absolute; z-index:0;}

#slideshow-navigation a:hover {
	background-image: url(../img/slider_hover.png);
	background-repeat: no-repeat;
}
#slideshow-navigation{float:right; padding-right:10px;}
#slideshow-navigation .activeSlide {
	background-image: url(../img/slider_active.png);
	background-repeat: no-repeat;
}
.slide-text {
	position: relative;
	background-color: transparent;
	margin-top: 5px;
	margin-left: 3px;
}
.slide-text .desc {
	position: absolute;
	top: 0px;
	height: 175px;
	width: 270px;
	padding: 20px;
	background-color:#000000;
    filter:alpha(opacity=70); /* IE's opacity*/
    opacity: 0.70;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	left: 382px;
	text-align:left;
	color:#fff;
	z-index:5;
}

.slide-text h1 {
	color:#FFF;
	font-size:16px;
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.slide-text h1 span {
	color:#85a5cc;
	font-size:18px;
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.slide-text p {
	font-size:12px;
	font-weight:normal;
	margin-top:5px; 
	color:#FFFFFF;
	z-index: 999;
	top: 0px;
	right: 0px;
	padding-bottom: 25px;
}
.slide-text a.read_more {
	font-weight: bold; 
	color:#85a5cc;
	font-size:12px;
}

.t {color: #ffffff;font-weight: bold;background-color:#4a6491;padding:1% ;width:98%; font-size:12px;}

.inst{float:left;margin-top:40px;margin-left:10px;}

.menuRodape{float:left;width:780px;margin-top:10px;}
.menuRodape li{display:inline-block;margin-left:10px;padding:16px;font-size:10px;text-align:center;width:150px;text-transform:uppercase;}
.menuRodape li a{color:#85a5cc;text-shadow:0px 1px 0px #000;}
.menuRodape li a:hover{color:#fff;}
#logoInf{float:left;width:150px;margin-top:10px;margin-left:10px;}
.mct{margin-top:15px;}
.contato{border:none; margin-bottom:15px; color:#4a6491; font-family:Verdana, Geneva, sans-serif;}
.lbl{color:#85a5cc; font-weight:bold;}
.btn{height:25px; padding:2px; width:70px; color:#fff; background-image:url(../img/rodapef2.jpg); background-repeat:repeat-x; border:none; cursor:pointer;}
.bandIdioma{position:absolute;top:145px;cursor:pointer;z-index:1;}
#br{left:800px; top:45px; position:absolute;}
#en{left:840px; top:45px; position:absolute;}
#link{position:absolute;height:148px;width:350px;left:260px;top:35px;z-index:0;cursor:pointer;}
#linksos{font-size:12px; float:right; color:#fff;}
#linksos a{color:#FF0;}
#linksos a:hover{text-decoration:underline;}
#outros{font-size:14px; cursor:pointer; font-weight:bold; color:yellow;}
.atencao{color:#FF0; padding:5px; font-weight:bold; font-size:14px;}
.red{color:#fd0c00;}
.campos{width:80px; float:left; height:20px; margin-bottom:10px;}
#noticia{width:700px; color:#fff;}
img{margin:0; padding:0;}

/******************************************Formulario de Pedido************************************************/

.tituloFormulario{
	background-color:#9fa3a6;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	width:170px;
	text-align:center;
	font-weight:bold;
	position:relative;
	top:18px;
	border-top:3px solid #4a6491;
	border-left:3px solid #4a6491;
	border-right:3px solid #4a6491;
	color:#fff;
	padding:5px;
	z-index:1;
}

#conteudo{
	width:660px;
	height:auto;
	margin-top:15px;
}

#conteudoForm2{
	z-index:0;
	font-family: Arial, Verdana, sans-serif;
	width:auto;	
	display:table;
	margin-top:15px;
	background-color:#9fa3a6;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;
	border-bottom:3px solid #4a6491;
	border-top:3px solid #4a6491;
	border-left:3px solid #4a6491;
	border-right:3px solid #4a6491;
	padding-bottom:10px;
}

.form {
	margin:10px 10px 0;
	text-align: left;
	min-width:100px;
	
}

.form div {
	float: left;
	width: 120px;
	color:white;
	font-size: 12px;
	font-weight: bold;
}

#coluna{
	float:left;
	margin-left:30px;
}

#coluna label{float:none;}

#idSitio{max-width:150px;}

.imgCalend{position:relative; top:4px;}

.help{
	position: relative;
	top: 3px;
	cursor: pointer;
}

div label {
	color: #fff;
}

#botao {
	float:right;
	margin-top:15px;
	margin-right:128px;
	border:1px solid black;
	background-image:url(../img/rodapef2.jpg);
	color:#fff;
	background-repeat:repeat-x;
}

.ui-state-default{padding:1px; padding:1px\9;  font: 85% "Trebuchet MS", sans-serif; }

.imgClicavel{
	cursor: pointer;
}

.logar a{color:yellow;}
.logar a:hover{text-decoration:underline;}

.cadastro{margin-top:10px;}
label {font-weight:bold;}
.links{width:150px; float:left;}
.cinza{color:#fff; font-weight:bold;}
.yellow{color:#FF0; font-weight:bold;}
li span{font-size:12px;}
.botao{background-image:url(http://mogyb.cptec.inpe.br/portal/br/img/rodapef2.jpg); background-repeat:repeat-x; width:75px; height:20px; margin-bottom:15px; color:white; border:1px solid #1a1f2b;}
.sobre a:hover{text-decoration:underline;}
login{margin-top:10px;}
.corpoTexto{padding:10px;font-size: 12px;}
.boxes{border:1px solid #586873; width:200px; margin-right:22px; background-color:#586873; height:100px; margin-bottom:15px; float:left; border-radius:3px;}
.boxes img{margin-top:15px;}
.texto-box{padding:10px; text-align:justify;}
.rotulo{background-color:#3c517c; height:20px; padding-top:5px; color:white; text-transform:uppercase; font-weight:bold; border-radius:3px 3px 0 0;}
.divFundo{border:1px solid #586873; width:400px; margin-left:70px; background-color:#586873;}
.divFundoResize{width:450px;}
.fundoLogin{width:430px;}
.divIp{position:absolute; top:282px; left:315px; font-size:12px;}
.divUser{position:absolute; top:299px; left:315px; font-size:12px;}
.divPass{position:absolute; top:317px; left:315px; font-size:12px;}
.titulo{margin-right:25px; margin-bottom:15px;}
.resize{width:50px;}
.botoesTermo{background-image:url(http://mogyb.cptec.inpe.br/portal/br/img/rodapef2.jpg); background-repeat:repeat-x; width:80px; height:20px; margin-bottom:15px; color:white; border:1px solid #1a1f2b;}
.divWinscp{width:626px; background-color:#586873; color:white; margin-bottom:15px; clear:both; border-radius:0 0 3px 3px;}
#divErros{padding-left:15px;font: 14 italic;color: red; background-color: #CCC; padding-left:15px; font: 14 italic;color: red; background-color: #CCC; display:none;}

#voltar{background-color:#fff; float:right; position:relative; bottom:55px; right:5px; background-color:#4a6491; border:1px solid #85a5cc; width:215px; padding:2px; margin-top:10px; margin-bottom:05px; border-radius:5px; height:auto; text-align:center;}
#voltar img{float:left; position:relative; top:1px;}
#voltar a{color:#fff;}
#voltar a:hover{text-decoration:underline;}


.divDiretorio{width:490px; float:left;}
#demo1{background:#586873; max-width:480px; padding:5px;}
#demo1 ul li a{color:#fff; font-size:11px;}
.tituloDiretorio{width:480px; font-size:12px;}

#diretorioHelp{float:left; width:150px; margin-left:10px; background:#586873; height:113px; border-radius:3px;}
#diretorioHelp ul{list-style:none;}
#diretorioHelp ul li{text-align:center; padding:3px; margin-top:2px;}
#diretorioHelp ul li:hover{background:#85a5cc; cursor:pointer;}
#diretorioHelp ul li a{font-size:12px;}
#diretorioHelp ul li img{position:relative; top:3px; left:3px;}