/*
* @Project ASSESP
* @author  FABIANO KUERTEN <fabiano@3fk.com.br>
*/

main { background-color: #e1e1e1; }
.grid article form { margin: 10px; }
.grid article form fieldset { margin: 0px; padding: 20px 20px; border: 1px solid #000000; }
.grid article form legend { padding: 3px 20px; background: none; color: #000000; }
.grid article form label { float: left; margin: 15px 8px 0px 0px; }
.grid article label span { font-style: italic; font-size: 0.8em; }
.grid article input { display: block; padding: 5px; border: solid 1px #666666; transition: box-shadow 0.3s, border 0.3s; }
.grid article input:required, article select:required, article textarea:required { background-color: #eeeeee; }
.grid article textarea{ display: block; padding: 5px; border: solid 1px #666666; transition: box-shadow 0.3s, border 0.3s; }
.grid article select { display: block; padding: 4px; border: solid 1px #666666; transition: box-shadow 0.3s, border 0.3s; }
.grid article button { padding: 5px 16px; border: 2px solid #333333; font-size: 14px; text-align: center; text-decoration: none; background-color: #333333; color: #ffffff;  transition-duration: 0.4s; cursor: pointer; }
.grid article button:hover { background-color: #555555; color: #ffffff; }
.lista { margin: 30px 0px; display: grid; grid-template-columns: 1fr; grid-gap: 20px; align-content: stretch; }
.lista div { padding: 15px; border: 10px solid #ffffff; box-shadow: 0px 1px 1px #aaaaaa; background-color: #ffffff; color: #666666; }
.lista div img { width: 100%; }
.lista div h2 { margin: 0px; padding: 0px; text-align: center; font: bold 13px Arial, sans-serif; color: #333333; }
.lista div p { margin: 20px 0; font: normal 14px Arial, sans-serif; color: #666666;  line-height: 1.2; word-spacing: 3px; }
.lista div a { }
.lista div a:hover { }
.lista div dl { margin: 5px 0; padding: 0px; width: 100%; font: normal normal normal 13px "Times New Roman", Times, serif; }
.lista div dt { font-weight: bold; text-align: left;}
.lista div dd { margin-left: 10px; font-style: italic; }
.lista div ul, .lista div ol { margin-left: 10px; font: normal normal normal 13px "Times New Roman", Times, serif; }
.lista div li { font-style: italic; }

@media only screen and (min-width: 320px) {}

@media only screen and (min-width: 481px) {}

@media only screen and (min-width: 768px) {
.grid form label[for="cbbCategoria"] {  }
}

@media only screen and (min-width: 1025px) {
.lista { grid-template-columns: 1fr 1fr; }
}

@media only screen and (min-width: 1500px) {
.lista { grid-template-columns: 1fr 1fr 1fr; }
}