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

body { background-color: #e1e1e1; }
header { height: 130px; box-shadow: inset 0px 25px 0 #222222, inset 0px 26px 0 #ffffff, 0px 1px 1px #aaaaaa; }
#path { margin-bottom: 40px; height: 20px; background-color: #ffffff; box-shadow: 0px 1px 1px #aaaaaa; }
#path p { padding-top: 5px; font: normal normal normal 10px Arial, sans-serif; line-height: 10px; color: #333333; }
#path a { text-decoration: none; color: #333333; }
#path a:hover { text-decoration: underline; }

.titulo { margin: 0px; padding: 20px 30px; background-color: #990000; box-shadow: inset 0px 0px 0px 10px #990000, inset 10px 10px 1px 1px #ffffff, inset -10px -10px 1px 1px #ffffff, 0px 1px 2px #aaaaaa; }
.titulo h1 { padding-left: 25px; font: normal normal normal 20px "Times New Roman", Times, serif; color: #ffffff; letter-spacing: 1.2px; background: url("/img/icon01.png") 0px 5px no-repeat; }
.titulo h1 span { font-size: 12px; }

.informacao { margin: 30px 0px; font: normal normal normal 14px Arial, sans-serif; letter-spacing: 1.2px; color: #555555; background-color: #ffffff; box-shadow: 0px 1px 2px #aaaaaa; }
.informacao h2 { padding: 20px 0; color: #000000; }
.informacao ul { margin-left: 20px; }
.informacao ul li { margin: 15px 0; list-style-type: disc; line-height: 1.2; }
.informacao a { text-decoration: none; font-style: italic; font-weight: 600; color: #354b62; }
.informacao a:hover { text-decoration: underline; }

.urna { margin: 30px 0px; padding: 10px 0; font: normal normal normal 14px Arial, sans-serif; letter-spacing: 1.2px; color: #555555; background-color: #ffffff; box-shadow: 0px 1px 2px #aaaaaa; }
.urna h2 { padding: 20px 0; color: #000000; }
.urna p {}
.urna form { margin: 50px 0; }
.urna form fieldset { margin-bottom: 15px; padding: 20px 20px; border: 2px solid #e5e5e5; }
.urna form legend { padding: 3px 20px; background: #e5e5e5; color: #333333; }
.urna form label { float: left; margin: 15px 8px 0px 0px; }
.urna input[type=text] { display: block; padding: 5px; height: 30px; border: solid 1px #666666; transition: box-shadow 0.3s, border 0.3s; }
.urna input[type=radio], .urna input[type=checkbox] { margin-right: 15px; cursor: pointer;}
.urna button { padding: 5px 14px; width: 150px; height: 50px; border: 2px solid #333333; font-size: 14px; text-align: center; text-decoration: none; background-color: #333333; color: #ffffff;  transition-duration: 0.4s; cursor: pointer; }
.urna button:hover { background-color: #555555; color: #ffffff; cursor: pointer;}
.urna ul { padding: 0px; background-color: #990000; color: #ffffff; font-size: 12px;} 
.urna ul li { margin-bottom: 10px; padding: 20px 15px; height: auto; line-height: auto; }
.urna ul li label { float: none; cursor: pointer;}
.urna ul li:hover { background-color: red; transition-duration: 0.4s;}
.urna ol { margin: 20px 20px; }
.urna ol li { margin: 10px 0; list-style-type: disc; line-height: 1.2; }

.msg { margin: 30px 0px; background-color: none;}
.msg ul { margin-left: 20px; list-style-image: url(/img/btnInformacao.png); font: normal normal bold 14px Arial, sans-serif; color: #000000; background-color: transparent; }
.msg ul li { margin-bottom: auto; padding: 5px 0px; }
.msg ul li:hover { background-color: #ffffff; transition-duration: none; }

#edtMatricula {width: 200px;}
#edtDtNascimento {width: 200px; }
#tabs {margin: 30px 0; }
#tabs ul li a { font-size: 12px; }
#bt1nVotar { margin: auto 0; width: 150px; height: 50px; font: normal normal bolder 16px Tahoma, sans-serif; color: #ffffff; border: 1px solid #cccccc; background-color: #333333; transition: box-shadow 0.3s, border 0.3s;}

header, footer, #menu-principal-container {  }

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

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

}

@media only screen and (min-width: 768px) {
.titulo { margin: 0 50px; padding: 20px 30px; }
.titulo h1 { margin-top: -5px; font: normal normal normal 26px "Times New Roman", Times, serif; letter-spacing: 1.2px; color: #ffffff; }
.titulo h1 span { font-size: 16px; }

.informacao, .urna { margin: 30px 50px; padding: 20px;}

#tabs ul li a {font-size: 14px; }
#edtMatricula {width: 200px;}
#edtDtNascimento {width: 300px; }
#obs {margin-top: 30px; font-size: 12px; color: #cccccc; font-style: italic; }
}

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

}

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

}

@media print {
  /* Oculta elementos desnecessários */
  body * {
    visibility: hidden;
  }

  /* Torna visível apenas o que você quer imprimir */
  .container * {
    visibility: visible;
  }

  /* Se usar uma classe para esconder o que não quer na página inteira */
  header, footer, .titulo, #btnVoltar, #obs {
    display: none !important;
  }
  
}