body {
    text-align: center;
}


div.logo {
    position: relative;
    background: url(../images/layout_images/logo_centro.png) no-repeat;
    overflow: hidden;
}

.alterar-senha {
    max-width: 600px;
    text-align: center;
    margin: auto;
}

.table-city {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    height:auto !important;
    height:500px;
}

.hideIt {
    display: none;
}

.spinner { 
    height: 497px;
    width: 41.4%;
    background-color: rgba(0,0,0, 0.6);
    position: absolute;
    z-index: 9;
}

.spin{
    text-align: center;
    /*padding-top: 230px;*/
}

.progress {
    position: absolute;
    bottom: 0;
    left: 34%;
}

.shadow {
    margin-top: -30px;
}

.navigation {
    overflow: visible;
    position: relative;
    height: 80px;
}

.nav-left {
    background: url("../images/layout_images/lateral_esq_barra1.png");
    background-repeat: no-repeat;
    margin-left: 10px;
    height: 80px;
    overflow: visible;
    position: relative;
}
.nav-middle {
    position: relative;
    overflow: visible;
    background: url(../images/layout_images/alargador_barra1.png);
    width: 95%;
    background-repeat: repeat-x;
}
.nav-right {
    background: url(../images/layout_images/lateral_dir_barra1.png) no-repeat;
    background-repeat: no-repeat;
    overflow: visible;
    position: relative;
    height: 80px;
    margin-right: 10px;
}

.mylabel {
    color: #b8b8b8;
    font-family: 'sans-serif';
    width: 100%!important;
}


.form-actions {
    background: transparent;
}
 .form-horizontal .form-actions {
     padding-left: 0px;
}

.logo {
    text-indent: -999999px;
}

.box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 800px;
    height: 110px;
}
.box * {
    vertical-align: middle;
}

.box img {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.logbutton {
    height: 28px;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}


.login {
    margin-right: 1.2%;
    text-align: right;
    padding-top: 2px;
    vertical-align: baseline;
}
.login input[type="text"], .login input[type="password"] {
    height: 30px;
    margin-left: 1%;
}

.langs {
    margin-top: 0%;
    margin-right: 27%;
    /*margin-right: 1.4%;*/
}

.header_menu_main {
	/*margin: 5px 15px 15px 0px;
	width: 100%;
	height:46px;*/
	margin: 200px auto;
	width:auto;
	
	height:40px;
	background-color:#FFF;
}
.header_menu_ext {
	/*margin: 0 auto;
	width: 100%;
	height:45px;
	background-color:#336699;*/
	margin:0px auto;
	width:100%;
	height:50px;
	float:left;
	background-color:#003366;
}
.header_menu {
	/*margin: 0 auto;
	width: 100%;
	height:40px;
	background-color:#F89833;*/
	margin:1px auto;
	float:left;
	width:100%;
	height:40px;
	background-color:#ff9900;
}

.navbar {
	border: none;
    background-image: -webkit-linear-gradient(top, #e0e0e0, #ffffff);
    margin: 5px 15px 15px 15px;
}

.navbar-inner {
    min-height: 32px;
    border: none;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, #e0e0e0 , #ffffff);
    /*-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;*/
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: grey;
}

.navbar .nav > li > a {
    text-shadow: none;
    line-height: 11px;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid black;
}



select {
    border-color: #000;
}

.table-bordered {
    border: 1px solid #000;
    font-size: small;
}

.hero-unit {
    //margin-bottom: 30px;
    //margin-left: 15px;
    //margin-right: 15px;
    margin-top: -170px;
    padding: 5px 20px;
    width:auto;
}

.footer_ext {
    /*margin: 0 auto;
	width: 100%;
	height:70px;
	background-color:#336699;*/
	margin:0px auto;
	width:100%;
	height:70px;
	background-color:#FF9900;
}

.footer_main {
    /* margin: -30px auto;
	width: 1260px;
	height:46px;*/
	//margin:16px auto;
	float:left;
	width:100%;
	height:auto;
	background-color:#003366;
	margin-top: -5px;
}

.footer_in {
	/*margin: 5px;
	width: 1300px;
	height:65px;
	background-color:#F89833;*/
	margin:0px auto;
	width:100%;
	height:70px;
	background-color:#ff9900;
}

.footer_txt {
	margin: 5px;
	//width:1300px;
	//float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#003366;
	text-align:center;
}
.footer_txt2 {
	margin: 0px;
	//width:1300px;
	//float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#003366;
	text-align:center;
}

.content_main {
	margin: 50px auto;
	width: 1366px;
	height:458px;
}

.content {
	/*margin: 0 auto;
	width: 1250px;
	height:458px;
	background-color:#E1E4ED;*/
	//margin:-17px auto;
	width:100%;
	min-width:1024px;
	height:620px;
	//background-color:#336699;
	background-color:#E1E4ED;
}

.content_mapa {
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	width: 524px;
	height: 459px;
}

.content_protocolo {
	margin-top: 45px;
	margin-left: 100px;
	float: left;
	width: 478px;
	height: 126px;
}

.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

.centralize {
    /*text-align: center;*/
    /*margin: 10px;*/
    margin-right: 1.2%;
    text-align: right;
    padding-top: 2px;
    vertical-align: baseline;
    color: #fff;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
    float:right;
}

.logos img {
    max-height: 48px;
}

.message {
    margin-right: 10px;
    vertical-align: middle;
}

.container {
	/*margin-left: 5%;
	margin-right: 5%;
	width: 1300px;*/
	font: 83% Verdana, Geneva, sans-serif;
	line-height: 150%;
	color: #666;
}

.topo {
	/*margin: 0 auto;
	width: 1300px;
	height:140px;*/
	height:140px;
	width: 100%;
    background-image:url(../images/topo.png);
    background-size:cover;
	position: absolute;
}z

body {
    max-width: 100%;
    max-height: 100%;
}
.mainlogo {
    margin-top: 20px;
	margin-left: 10px;
	float: left;
	width: 275px;
	height: 89px;
}
 .responsive {
           max-width: 500px;
           width: 100%;
           height: auto;
  }
  .responsive  img{
          min-width: 200px;
          max-width: 500px;   /* Máximo da largura da imagem */
          width: 100%;
          max-height: 300px;  /* Máximo da altura da imagem */
          min-height: auto;      /* Mínimo da altura, por padrão “auto” */
  }
  .responsive2 {
           max-width: 400px;
           width: 100%;
           height: auto;
  }
  .responsive2  img{
          min-width: 50px;
          max-width: 400px;   /* Máximo da largura da imagem */
          width: 100%;
          max-height: 300px;  /* Máximo da altura da imagem */
          min-height: auto;      /* Mínimo da altura, por padrão “auto” */
  }
.ommlogo {
    margin-top: 0px;
	margin-right: 5px;
	float: right;
	width: 82px;
	height: 89px;
	
}

.icon-measure-length {
    background: url(../images/geosilk/ruler.png) no-repeat 0 0 !important;
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.icon-measure-area {
    background: url(../images/geosilk/ruler_square.png) no-repeat 0 0 !important;
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.x-btn .icon-layer-switcher {
   background-image: url(../images/silk/layers.png);
}

.x-btn .icon-zoom-in { 
    background-image: url(../images/silk/magnifier_zoom_in.png);
}

.x-btn .icon-zoom-out { 
    background-image: url(../images/silk/magnifier_zoom_out.png);
}

.x-btn .icon-zoom-previous { 
    background-image: url(../images/silk/arrow_left.png);
}

.x-btn .icon-zoom-next { 
    background-image: url(../images/silk/arrow_right.png);
}

.x-btn .icon-zoom-visible { 
    background-image: url(../images/silk/arrow_out.png);
}

.x-btn .icon-pan { 
    background-image: url(../images/geosilk/pan.png);
}

/*.x-btn .icon-city-info { 
    background-image: url(../images/geosilk/marker.png);
}*/

.x-btn .icon-city-info { 
    background-image: url(../images/silk/information.png);
}

.x-btn .icon-city-marker { 
    background-image: url(../images/geosilk/marker.png);
}

.x-btn .icon-border {
    background-image: url(../images/geosilk/border.png);
}

.x-btn .icon-find {
    background-image: url(../images/silk/find.png);
}

.x-btn .icon-escala {
    background-image: url(../images/silk/palette.png);
}

button.icon-info {
    background: url(../images/silk/date.png) no-repeat;
}

.simeparLogo {
    height: 30px;
    width: 120px;
    background: url('../images/logo_site/simepar1.png') no-repeat;
}
.simeparLogo:hover {
    background: url('../images/logo_site/simepar2.png') no-repeat;
}

.chmLogo {
    display: table-cell;
    height: 100px;
    width: 79px;
    background: url('../images/logo_site/chm1.png') no-repeat;
}
.chmLogo:hover {
    background: url('../images/logo_site/chm2.png') no-repeat;
}

.cptecLogo {
    height: 30px;
    width: 120px;
    background: url('../images/logo_site/cptec1.png') no-repeat;
}
.cptecLogo:hover {
    background: url('../images/logo_site/cptec2.png') no-repeat;
}

.deceaLogo {
    height: 30px;
    width: 120px;
    background: url('../images/logo_site/decea1.png') no-repeat;
}
.deceaLogo:hover {
    background: url('../images/logo_site/decea2.png') no-repeat;
}

.epagriLogo {
    height: 30px;
    width: 120px;
    background: url('../images/logo_site/epagri1.jpg') no-repeat;
}
.epagriLogo:hover {
    background: url('../images/logo_site/epagri2.jpg') no-repeat;
}

.iicaLogo {
    height: 30px;
    width: 120px;
    background: url('../images/logo_site/iica1.jpg') no-repeat;
}
.iicaLogo:hover {
    background: url('../images/logo_site/iica2.jpg') no-repeat;
}

.inmetLogo {

}

.inmetLogo img:hover {
    visibility: hidden;
}
.inmetLogo:hover {
    background: url('../images/logo_site/inmet2.jpg') no-repeat;
}

.box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 800px;
    height: 110px;
}
.box * {
    vertical-align: middle;
}

.box img {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.hero-unit {
    padding-top: 10px;
}

.logbutton {
    height: 30px;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.insideToolbar {
    margin-top: 5px;
    padding-top: 8px!important;

}
.x-form-arrow-trigger {
    margin-top: 5px;
    padding-top: 8px!important;   
    height: 11px!important;
}

.escala {
    width: 100%;
}

.riscos {
    text-align: center;
    margin: 0px;
    line-height: 30px;
    padding-top: 70px;
}

.span4-nopadding {
    width: 33.33333334%!important;
}

.nopadding {
    padding: 0px!important;
    margin: 0px!important;
}

.span-escala-empty {
    width: 17.40%!important;
}

.span-escala6-empty {
    width: 11%!important;
    text-align: right;

}

.span-escala6-text {
    width: 11%!important;
    text-align: right;
    font-weight: bold;
}
.span-escala6-init {
    width: 12%!important;      
}

.span-escala6-textinit {
    width: 11%!important;
    text-align: right;
    font-weight: bold;
    margin-right: 0.9%!important;
}

.span-escala {
    height: 30px;
    width: 18%!important;
}

.span-escala6 {
    height: 30px;
    width: 11%!important;
}

.span-escala-text {
    width: 18%!important;
    text-align: right;
    font-weight: bold;
    /*margin-right: 0.9%!important;   */
}
.span-escala-textinit {
    width: 18%!important;
    text-align: right;
    font-weight: bold;
    margin-left: -0.5%!important;   
}

 
.span-escala-unidade {
    width: 18%!important;
    text-align: left;
    margin-left: 5%!important;
    font-weight: bold;
}   


.span-escala-init {
    width: 2%!important;
}


.span-escala-init-big {
    width: 19.5%!important;
}




.escala .red {
    background-color: #FF0000;
    vertical-align: middle;
    margin: inherit;    
}

.escala .orange {
    background-color: orange;
    margin: inherit;
}

.escala .yellow {
    background-color: yellow;
    margin: inherit;
}

dt {
    width: 190px!important;
}

.risco {
    font-weight: normal!important;
}

.risco1 {
    background-color: #00FF00;
    float: right!important;
    margin-left: 0px!important;
    width: 50px;
    height: 15px;
}

.risco2 {
    background-color: #FFFF00;
    float: right!important;
    margin-left: 0px!important;
    width: 50px;
    height: 15px;
}

.risco3 {
    background-color: #FF7F00;
    float: right!important;
    margin-left: 0px!important;
    width: 50px;
    height: 15px;
}

.risco4 {
    background-color: #FF0000;
    float: right!important;
    margin-left: 0px!important;
    width: 50px;
    height: 15px;
}

.dl-horizontal dd {
    margin-left: 200px;
}

.dl-horizontal {
    
    text-align: center;
}

.property-list {
    width: 50%;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.triangle-left {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 
    border-right:15px solid yellow; 
}
.triangle-left-red {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 
    border-right:15px solid red; 
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid red;
}  

.triangle-right-yellow {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid yellow;
}  



.triangle-left-goes {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 
    border-right:15px solid #FC6414; 
}
  
.triangle-right-goes {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}


.escala .white {
    background-color: white;
    margin: inherit;
}

.goes1 {
    background-color: #FC6414;
    margin: inherit;
}

.goes2 {
    background-color: #FC9907;
    margin: inherit;
}

.goes3 {
    background-color: #FADC0A;
    margin: inherit;
}

.goes4 {
    background-color: #5ADCAA;
    margin: inherit;
}

.goes5 {
    background-color: #AAE8FA;
    margin: inherit;
}

.goes6 {
    background-color: #193CFA;
    margin: inherit;
}

.goes7 {
    background-color: transparent;
    /*border: 1px solid black;*/
    margin: inherit;
}

#table-city {
    font-size: small;
}

.text-area {
    width: 94.5%!important;
}

.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.label-small {
    width: 50px!important;
}

.control-small {
    margin-left: 0px!important;
}

.status_protocolo {
    min-height: 18px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}





/**************** MAIN ********************/
#legenda_main {
	margin:-17px auto;
	width:100%;
	height:600px;
	background-color:#336699;
}
/**************** QUADRO 3 - LEGENDAS ********************/

#legenda_quadro2_titulo_txt {
   margin-left: 0px;
   margin-top: 5px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
   text-align:center;
   width:100%;
}
#legenda_quadro3_main {
	margin:0px auto;
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	/*background-color:#fff;*/
}
#legenda_quadro3_legenda {
	margin-top:11px;
	margin-left:2%;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
#legenda_quadro3_icon_legenda {
	margin-top:7px;
	margin-left:5px;
	float:left;
	width:130px;
	height:50px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_verde {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_amarelo {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_laranja {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_vermelho {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert_main {
	margin-top:7px;
	margin-right:3%;
	float:right;
	width:auto;
	height:50px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-1 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-2 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-3 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-4 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-5 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-6 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-7 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-8 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-9 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-10 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-11 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-12 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-13 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-14 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-15 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-16 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-17 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-18 {
    margin-top:12px;
    margin-left:5px;
    float:left;
    width:27px;
    height:26px;
    /*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-19 {
    margin-top:12px;
    margin-left:5px;
    float:left;
    width:27px;
    height:26px;
    /*background-color:#0F0;*/
}
#legenda_quadro3_icon_alert-20 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais-traco {
	margin:22px auto;
	float:left;
	width:100%;
	height:5px;
	background-color:#003366;
}

/**************** ZERAR FLOAT ********************/
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
/**************** BODY ********************/
body,html {	
	margin: 0;
	padding: 0;
    width: 100%;
    height: 100%;
}
/**************** MAIN ********************/
#content_main {
	margin:-17px auto;
	width:100%;
	min-width:1024px;
	height:620px;
	background-color:#336699;
}
/**************** QUADROS ********************/
#content_quadro1_main {
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:35%;
	height:557px;
	background-color:#b1cffe;
}
#content_quadro1_mapa {
	margin:20px auto;
	float:left;
	width:100%;
	height:524px;
	text-align:center;
}
#content_quadro2_main {
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:62%;
	height:487px;
	background-color:#fff;
}
#content_quadro2_titulo {
    background-color: #ccc;
    float: left;
    height: 45px;
    margin-left: 20px;
    margin-top: 20px;
    width: 96%;
}
/**************** QUADRO DOS PAISES - LADO ESQUERDO ********************/
#content_quadro2_barra_main1 {
    /*background-color:#0F0;*/
    float: left;
    height: 390px;
    margin-left: 20px;
    margin-top: 20px;
    width: 46%;
}
/**************** QUADRO DOS PAISES - LADO DIREITO ********************/
#content_quadro2_barra_main2 {
    /*background-color:#0F0;*/
    float: left;
    height: 390px;
    margin-left: 52%;
    margin-top: -390px;
    width: 46%;
}
/**************** QUADRO DOS PAISES - LINHAS CINZAS ********************/
#content_quadro2_barra_cinza1 {
    background-color: #e6e6e6;
    float: left;
    height: 48px;
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}
#content_quadro2_barra_cinza2 {
    background-color: #cccccc;
    float: left;
    height: 48px;
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}
/**************** QUADRO DOS PAISES - ICONES DOS PAISES ********************/
#content_quadro2_icon_paises {
    float: left;
    height: 35px;
    margin-left: 5px;
    margin-top: 8px;
    width: 52px;
}
#content_quadro2_nome_paises {
    float: left;
    margin-left: 7px;
    margin-top: 7px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
#content_quadro2_titulo_txt {
   margin-left: 0px;
   margin-top: 8px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:16px;
   color:#000;
   text-align:center;
   width:100%;
}
#content_quadro3_main {
	margin-top:9px;
	margin-left:20px;
	float:left;
	width:62%;
	height:auto;
	background-color:#fff;
}
#content_quadro3_legenda {
	margin-top:6px;
	margin-left:15px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
#content_quadro3_icon_legenda {
	margin-top:0px;
	margin-left:5px;
	float:left;
	width:207px;
	height:50px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_verde {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_amarelo {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_laranja {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_vermelho {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert_main {
	margin-top:0px;
	margin-left:-25px;
	float:left;
	width:500px;
	height:50px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-1 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-2 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-3 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-4 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-5 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-6 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-7 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-8 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-9 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-10 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-11 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-12 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-13 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-14 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#content_quadro3_icon_alert-15 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}

#content-traco_vert1 {
	margin-top:-384px;
	margin-left:125px;
	float:left;
	width:3px;
	height:384px;
	background-color:#BDBFC1;
}
#content-traco_vert2 {
	margin-top:-384px;
	margin-left:125px;
	float:left;
	width:3px;
	height:384px;
	background-color:#BDBFC1;
}

/**************** QUADRO DOS PAISES - ICONES DAS PREVISÕES ********************/
#content_quadro2_barra_icone_cor {
    margin-left: 55px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_barra_icone_img {
    margin-left: -27px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_barra_icone2_cor {
    margin-left: 3px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_barra_icone2_img {
    margin-left: -27px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
/**************** QUADRO DOS PAISES - ICONES DAS PREVISÕES NO MAPA ********************/
#content_quadro2_mapa_icone_cor {
    margin-left: 118px;
    margin-top: -390px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone_img {
    margin-left: 119px;
    margin-top: -390px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone2_cor {
    margin-left:325px;
    margin-top: -300px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone2_img {
    margin-left: 325px;
    margin-top: -300px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone3_cor {
    margin-left:338px;
    margin-top: -400px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone3_img {
    margin-left: 338px;
    margin-top: -400px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone4_cor {
    margin-left:366px;
    margin-top: -400px;
    float: left;
	width:28px;
    height:26px;
}
#content_quadro2_mapa_icone4_img {
    margin-left: 366px;
    margin-top: -400px;
    float: left;
	width:28px;
    height:26px;
}

/**************** ZERAR FLOAT ********************/
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
/**************** BODY ********************/
body,html {	
	margin: 0;
	padding: 0;
    width: 100%;
    height: 100%;
}
/**************** MAIN ********************/
#capitais_main {
	margin:-17px auto;
	width:100%;
	min-width:1024px;
	height:600px;
	background-color:#336699;
}
/**************** QUADROS ********************/
#capitais_quadro1_main {
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:35%;
	height:557px;
	background-color:#b1cffe;
}
#capitais_quadro1_mapa {
	margin:0px auto;
	float:left;
	width:100%;
	height:524px;
	text-align:right;
}
#capitais_quadro2_main {
	margin-top: 0;
	margin-left:20px;
	float:left;
	width:60%;
	height:auto;
	background-color:#fff;
	padding-bottom:30px;
}
#capitais_quadro2_titulo {
    background-color: #ccc;
    float: left;
    height: 45px;
    margin-left: 20px;
    margin-top: 10px;
    padding-top: 10px;
    width: 95%;
}
#capitais_quadro2_loading {
    background-color: #ccc;
    float: left;
    height: 45px;
    margin-left: 20px;
    margin-top: 10px;
    padding-top: 10px;
    width: 95%;
    text-align:center;
}
/**************** QUADRO DOS DADOS ********************/
#capitais_quadro2_barra_main1 {
    background-color:#E6E6E6;
    float: left;
    height: auto;
    margin-left: 20px;
    margin-top: 15px;
    width: 95%;
    padding-bottom: 20px;
}
#capitais_quadro2_box1 {
   	/*background-color:#0F0;*/
    height: auto;
    margin: 10px;
    width: auto;
    display: block;
	border: 1px;
	border-color:#999;
	border-style:solid;
    padding: 10px;
}
#capitais_quadro2_box1_txt1 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
   line-height:150%;
}
#capitais_quadro2_box1_txt2 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
}
#capitais_quadro2_box1_txt3 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
}
#capitais_quadro2_box1_txt4 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
}
#capitais_quadro2_box1_txt5 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
}
#capitais_quadro2_box1_txt6 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
}


#capitais_quadro2_box1_txt6 b{
   display: block;
   font-weight: bold;
   margin-top: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-top: 1px solid #999;
   font-size: 14px;
   text-transform: capitalize;
}

#capitais_quadro2_box1_txt6 #instruction{
    font-weight: bold;
    text-align: justify;
    display: block;
}

#capitais_quadro2_box2 {
   	/*background-color:#0F0;*/
    width: auto;
    display: block;
    height: auto;
    padding: 20px;
    margin: 10px;
	border: 1px;
	border-color:#999;
	border-style:solid;
    padding: 10px;
}
#capitais_quadro2_box2_txt1 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:14px;
   color:#000;
}
#capitais_quadro2_box2_txt2 {
   margin-left: 10px;
   margin-top: 5px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
   text-align:justify;
   width:97%;
   line-height:150%;
}
#capitais_quadro2_box3 {
   	/*background-color:#0F0;*/
    width: auto;
    display: block;
    height: auto;
    margin: 10px;
	border: 1px;
	border-color:#999;
	border-style:solid;
    padding: 10px;
}

#capitais_quadro2_box3_txt1 {
   margin-left: 10px;
   margin-top: 0px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:14px;
   color:#000;
}
#capitais_quadro2_box3_txt2 {
   margin-left: 10px;
   margin-top: 5px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000;
   text-align:justify;
   display: block;
   line-height:150%;
}

/**************** QUADRO 3 - LEGENDAS ********************/

#capitais_quadro2_titulo_txt {
   margin-left: 0px;
   margin-top: 8px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:16px;
   color:#000;
   text-align:center;
   width:100%;
}
#capitais_quadro3_main {
	margin-top:8px;
	margin-left:20px;
	float:left;
	width:60%;
	height:61px;
	background-color:#fff;
}
#capitais_quadro3_legenda {
	margin-top:6px;
	margin-left:15px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
#capitais_quadro3_icon_legenda {
	margin-top:0px;
	margin-left:5px;
	float:left;
	width:207px;
	height:50px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_verde {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_amarelo {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_laranja {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_vermelho {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert_main {
	margin-top:0px;
	margin-left:-25px;
	float:left;
	width:500px;
	height:50px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-1 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-2 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-3 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-4 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-5 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-6 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-7 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-8 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-9 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-10 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-11 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-12 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-13 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-14 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais_quadro3_icon_alert-15 {
	margin-top:12px;
	margin-left:5px;
	float:left;
	width:27px;
	height:26px;
	/*background-color:#0F0;*/
}
#capitais-traco {
	margin:22px auto;
	float:left;
	width:100%;
	height:5px;
	background-color:#003366;
}

/**************** ZERAR FLOAT ********************/
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
/**************** BODY ********************/
body,html {	
	margin: 0;
	padding: 0;
    width: 100%;
    height: 100%;
}
/***************** PAGE HEADER *******************/
.page-header{
	  margin: 10px 0;
}
/**************** MAIN ********************/
#estados_main {
	margin:-17px auto;
	width:100%;
	min-width:1024px;
	height:600px;
	background-color:#336699;
}
/**************** QUADROS ********************/
#estados_quadro1_main {
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:35%;
	height:557px;
	background-color:#b1cffe;
}
#estados_quadro1_mapa {
	margin:20px auto;
	float:left;
	width:100%;
	height:524px;
	text-align:center;
}
#estados_quadro2_main {
	margin-top:0px;
	margin-left:0;
	float:left;
	width:100%;
	height:auto;
	background-color:#fff;
	min-width:280px;
}
#estados_quadro2_titulo {
    background-color: #ccc;
    float: left;
    height: 45px;
    margin-left: 0px;
    margin-top: 20px;
    width: 100%;
}
#tabs_hoje_futuro{
	margin-left: 0px;
    margin-top: 5px;
    width: 98%;
}
/**************** QUADRO DOS PAISES - LADO ESQUERDO ********************/
#estados_quadro2_barra_main1 {
    /*background-color:#0F0;*/
    float: left;
    height: 390px;
    margin-left: 2%;
    margin-top: 20px;
    width: 30%;
}
/**************** QUADRO DOS PAISES - CENTRO ********************/
#estados_quadro2_barra_main2 {
   	/*background-color:#0F0;*/
    float: left;
    height: 390px;
    margin-left: 34%;
    margin-top: -390px;
    width: 30%;
}
/**************** QUADRO DOS PAISES - LADO DIREITO ********************/
#estados_quadro2_barra_main3 {
    /*background-color:#0F0;*/
    float: left;
    height: 390px;
    margin-left: 67%;
    margin-top: -390px;
    width: 30%;
}
/**************** QUADRO DOS PAISES - LINHAS CINZAS ********************/
#estados_quadro2_barra_cinza1 {
    background-color: #e6e6e6;
    float: left;
    height: 43px;
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}
#estados_quadro2_barra_cinza2 {
    background-color: #cccccc;
    float: left;
    height: 43px;
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}
/**************** QUADRO DOS PAISES - ICONES DOS PAISES ********************/
#estados_quadro2_icon_paises {
    float: left;
    height: 35px;
    margin-left: 5px;
    margin-top: 8px;
    width: 52px;
}
#estados_quadro2_nome_paises {
    float: left;
    margin-left: -8px;
    margin-top: 2px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#7f7f7f;
}
#estados_quadro2_nome_paises2 {
    float: left;
    margin-left: -8px;
    margin-top: -5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#7f7f7f;
}
#estados_quadro2_titulo_txt {
   margin-left: 0px;
   margin-top: 8px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:16px;
   color:#000;
   text-align:center;
   width:100%;
}
#estados_quadro2_loading {
   margin-left: 0px;
   margin-top: 8px;
   float: left;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:16px;
   color:#000;
   text-align:center;
   width:100%;
}
#estados_quadro3_main {
	margin-top:8px;
	margin-left:20px;
	float:left;
	width:60%;
	height:61px;
	background-color:#fff;
}
#estados-traco {
	margin:22px auto;
	float:left;
	width:100%;
	height:5px;
	background-color:#003366;
}
#estados-traco_vert1 {
	margin-top:-384px;
	margin-left:115px;
	float:left;
	width:3px;
	height:384px;
	background-color:#BDBFC1;
}
#estados-traco_vert2 {
	margin-top:-384px;
	margin-left:115px;
	float:left;
	width:3px;
	height:384px;
	background-color:#BDBFC1;
}
/**************** QUADRO DOS PAISES - ICONES DAS PREVISÕES ********************/
#estados_quadro2_barra_icone_cor {
    margin-left: 55px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
#estados_quadro2_barra_icone_img {
    margin-left: -29px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
#estados_quadro2_barra_icone2_cor {
    margin-left: 3px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}
#estados_quadro2_barra_icone2_img {
    margin-left: -27px;
    margin-top: 10px;
    float: left;
	width:28px;
    height:26px;
}



/**************** BUG FIXES - Guto ********************/

#map{
	position: relative;
}


.legenda_mapa{
	left: auto;
	right: 20px;
	bottom: -25px;
}

#hero.hero-unit{
	height: auto !important;
	padding-bottom: 20px;
}

.footer_main.left{
	padding-top: 5px;
}

.footer_ext{
    padding: 10px 20px;
    display: block;
    width: auto;
}


.footer_ext, .footer_in{
    height: auto;
}

.form-horizontal{
    padding-bottom: 30px;
}

#capWrapper{
    padding-bottom: 30px;
}





/**************** CAP Instructions - Guto ********************/

#instruction ul{
    margin-left: 17px;
    list-style: disc;
}


#instruction ul li{
    padding: 5px 5px 5px 0;
}