@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Roboto+Condensed|Roboto:100,300,400');

#mainDiv{
	width: 55%;
	margin: 0px auto;
	margin-top:2em;
	}
#buttonDiv{
	margin: 0px auto;
	padding: 1em;
	}
#contentDiv{
	width: 80%;
	margin: 0px auto;
	padding:1em;
	text-align:center;
	margin-top:1em;
	border-radius:3px;
	color:white;
	font-weight:300;
	clear:both;
	}
#contentDiv img {
	width:100%;
	border-radius:3px;
	margin-top:-1em;	}
#contentDiv p {
	width:100%;
	margin:0 auto;
	padding-top:3em;
	text-align:justify;
	font-size:100%;
	line-height:150%;}
#contentDiv #intro {
	width:55%;
	margin:0 auto;}	
#contentDiv #intro table {
    width: 90%;
    vertical-align: top;
    padding: 2em 0;
    margin: 0 auto;
}
#contentDiv #intro span {
	font-size: 70%;
    padding-top: 1em;
    display: block;
    line-height: 140%;
    width: 80%;
    margin: 0 auto;
    color: #aaa;
}
#contentDiv #intro table h3, #contentDiv a, #footer a {
	color:#ca866b;
	text-decoration:none;
}

#contentPesquisarDiv{
	width: 65%;
	margin: 0px auto;
	}
#footer{
	margin: 0px auto;
    text-align: center;
    padding: 1.5em 0em 3em 0em;
    color: white;
    font-size: 95%;}

body{
	background-color: #223465;
	font-family: 'Roboto', Helvetica, sans-serif;
	}
	
#pHeader, #subHeader	{
	font-size:2em;
	text-align:center;
	margin:auto;
	color:white;
	font-family: 'Oswald', sans-serif;
	}
#pHeader {
	color:#c79480;
	font-size:2.5em;
}
	
#span	{
	font-size:100%;
	text-align:left;
	}
	
#buttonDiv2 input {
	background-color: #e45b26;
    border: none;
    font-size: 1.1em;
    padding: .3em .8em;
    color: white;
    border-radius: 3px;
    margin-bottom: 1.5em;
}
#buttonDiv2 input:hover, #contentPesquisarDiv form input[type="submit"]:hover, input[name="inserir"]:hover  {
	background-color: #a74620;
	border-color: #a74620;
	}
 
input[type="button"] {
    background-color: transparent;
    border: 2px solid #ababab;
    font-size: 1.1em;
    padding: .3em .8em;
    border-radius:3px;
    color: white;	
    margin-right:3px;
    font-weight:300;
}
input[type="button"]:hover {
	background-color: #ababab;
	color:black;
   }
 
table#results {
	border:none;
	border-collapse:collapse;
	margin-top:2em !important;
	font-size:110%;
	font-weight:400;
}

table#results td, table#results th {
	padding:.25em .5em;
	border:none;
	font-size:.9em;
	}	
table#results th {
	background-color:#071435;
	color:#ca866b;
	border:1px solid #071435;
	border-radius:3px;
	padding:.6em .5em;
	}	
table#results tr:nth-child(even) {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
table#results td:nth-child(6) {
	font-size:2em;}
table#results td:nth-child(3) {
	font-style:italic;}	
table#results td:nth-child(1) {
	color:#666;}
table#results td:nth-child(2) {
	white-space:nowrap;
	}	
table#results a {color: #e06417;text-decoration:none;}
table#results a:visited,
table#results a:hover
	{color: #224463;}
	
form#CHCBD table {margin: 0 auto;}
form#CHCBD table + span {font-style:italic;font-size:.9em;display:inline-block;margin-bottom:1em;}
form#CHCBD span span:empty {display:none;}
form#CHCBD p img {margin:0 auto;display:block;}
form#CHCBD input,
form#CHCBD textarea,
form#CHCBD select,
#contentPesquisarDiv form input,
#contentPesquisarDiv form textarea,
#contentPesquisarDiv form select {
    background-color: #9fa0bb;
    border: 1px solid #9fa0bb;
    font-size: .8em;
    padding: .5em;
    font-family: 'Roboto', sans-serif;
    border-radius: 3px;
    color: black;
    max-width:500px;
}
form select[name="Topico1"],
form select[name="Topico2"],
form select[name="Topico3"] {
	font-size:100% !important;
	height:2.2em;
	vertical-align:top;
	}
form input[name="q1"],
form input[name="q2"],
form input[name="q3"] {
	background:white !important;
	font-size:100% !important;
	height:2em;
	border-radius:6px !important;
	border:1px solid white !important;
	vertical-align:top;
    height:2.2em;}
input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}	
#contentPesquisarDiv form {
	color: white;
	font-weight:300;}
#contentPesquisarDiv form input {margin-bottom:.3em;}
#contentPesquisarDiv form table#results {width:auto;}
#contentPesquisarDiv form table td:first-child {
    text-align: left;
    width: 10px;
    vertical-align: top;
}
#contentPesquisarDiv div#maispesquisa {
	text-align:left;
	margin:2em 0 0;}  
#contentPesquisarDiv div#maispesquisa div {
	width: 30%;
    float: left;
    margin: 0 1.6%;}
#contentPesquisarDiv div#maispesquisa h3 {
	font-size:1.1em;
	text-align:left;
	margin-left:25px;
    color:#bd9480;}  	
#pTextArea h3 {
    margin: 2em 0;
    color: #c79480;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 80%;
    }	
h3    	  {font-weight:400;}
#pTextArea	{
	padding: 2em 0;
    border: 1px solid #666;
   	width: 70%;
    margin: 0em auto;
    border-radius:3px;
	}

#pTextArea div#not	{
	font-size: 120%;
    text-align: left;
    width: 60%;
    margin: 0 auto;
    padding-top:2em;
	}    
#pTextArea div#not p {
    padding-top:0em;
    padding-bottom: 2em;
    font-size:100%;
	
}	
#pTextArea div#ref {
	margin: 0 auto;
	width: 60%;
	text-align:left;
	}	
#pTextArea .refurl {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
  }	
#contentPesquisarDiv form input[type="submit"],
#contentDiv form input[name="inserir"] {
	background-color: #e45b26;
    border: 1px solid #e45b26;
    font-size: 100%;
    padding: .3em .8em;
    color: white;
    border-radius: 6px;
    display:inline-block;
    margin:0 auto;
    text-decoration:none;
    font-weight:300;
    vertical-align:top;
    height:2.2em;
    font-family: 'Roboto', Helvetica, sans-serif;
	}
	
#contentPesquisarDiv form input {
    background-color: #9fa0bb;
    border: 1px solid #9fa0bb;
    font-size: .8em;
    padding: .5em;
    max-width: 300px;
    font-family: 'Roboto', sans-serif;
    border-radius: 3px;
    color: black;
}	
a#voltartopo, a#voltartopo:hover {
	font-size:200%;
	color:white;
	margin:1.5em 0 0em;
	display:inline-block;
	
	}
	
@media screen and (min-width: 120em) {
    body {
        font-size:140%;
    }
    #intro {
    width:50%;}
}