@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
body {  background: #f0f5f8;}
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*{border-radius:0px !important;}
h4 {color: red;}

    #form fieldset {
      margin-bottom: 35px;
    }

    #form legend {
      font-size: 22px;
    }
    small{color:red; font-size:14px !important;}

.morris-hover {position:absolute; z-index:1000;}
.morris-hover.morris-default-style {     border-radius:10px;  padding:6px; color:#666;  background:rgba(255, 255, 255, 0.8);
border:solid 2px rgba(230, 230, 230, 0.8);
font-family:sans-serif; font-size:12px; text-align:center;}

.morris-hover.morris-default-style .morris-hover-row-label {font-weight:bold; margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap; margin:0.1em 0;}
svg { width: 100%; }
.btn-block {display: block; width: 100%; margin-bottom: 8px;}
.bordainterna {position: relative; float: left;}
.bordainterna:before {content: ''; position: absolute; border: solid 8px #7ab1c6; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.bordainterna:hover:before {position: absolute; border: solid 8px #fc6a03; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.img100 img {width: 100%}

/* iframe responsivo */	  
  .intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 130%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 130%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

main {
  min-width: 320px;
  width: 100%;
  padding: 20px 10px;
  margin: 20px auto;
  background: #fff;
  display: table;
}

section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
.resolve input {
  display: inherit;
}

.resolve label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 0px;
  font-weight: 600;
  text-align: inherit;
  color: #000;
  border: 1px solid transparent;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
	font-size: 18px;	
}

label[for*='1']:before {
  content: '\f0a1';
}

label[for*='2']:before {
  content: '\f19c';
}

label[for*='3']:before {
  content: '\f002';
}

label[for*='4']:before {
  content: '\f1fe';
}
label[for*='5']:before {
  content: '\f128';
}

/* Ver lista em http://astronautweb.co/snippet/font-awesome/ */

label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #ff5722;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}

@media screen and (max-width: 1020px) {
  label {font-size: 0;}
  label:before { margin: 0; font-size: 20px;}
.resolve label {font-size: inherit;}  
}
@media screen and (max-width: 600px) {
.container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto;}
main { padding: 10px;}  

.titcidade{margin-right: 10px;}
}
@media screen and (max-width: 400px) {
  label {padding: 15px;}
}