*{font-family:text,sans-serif}
html{height:100%}
body{height:100%;margin:0;font-size: 13px;background:#fafafa}
a{font-weight: 400;font-size: 14px;*text-decoration: none;color:#444;margin-left: 30px}
h1 a{font-family: 'title',sans-serif;font-size: 20px;margin-left: 0;word-wrap: break-word;text-decoration: none}
h1{margin-left: 30px;}
h2{font-size: 26px;color:#dd2c00;font-family: 'subtitle',sans-serif;}
h3{font-family: 'subtitle',sans-serif;font-size: 20px;color: #313131}
h4{font-size: 13px;font-weight: 400;color:#555}
hr{height:1px;border:none;background:#666}
.links{margin-top: -46px;float: right;margin-right: 30px}
.centermain {height:100%;max-width: 1230px;margin: auto;}
.corpo{height:100%;margin-left:30px;margin-top: 50px;*text-align:justify;}
/*.corpo:after {content:'';width:100%;display:inline-block;font-size:0px;line-height:0px;}*/
.card{min-width:250px;max-width:320px;margin-right:80px;height:300px;float:left}
.submenu {display: none}
.imagens {width:180px;height:180px;float:left;overflow: hidden;}
.imagens img {width: 99%;border:solid 1px #aaa}
.info {min-width:200px;*max-width: 320px;*padding:0 28px 0 0;height:340px;line-height:19px;text-align:justify}
.info a {margin:0;color:#dd2c00}
.info h3 {margin-bottom:0px;line-height:35px}
.sobre {*height:100%;*margin-top:100vh}
.sobre div {width:260px;float:left;margin-left: 0px;margin-right:20px;margin-top:20px;margin-bottom:20px;padding: 0 20px 0 0;
  line-height:19px;text-align:justify}
.sobre a {color:#dd2c00;font-size: 12px}
.sobre h3 {line-height:25px}
.page {display:none;}
#contato {display:block}

@media (max-width:670px){
  a {font-size:12px;margin-left:10px}
  .links {margin-top:0px;float:left;line-height:25px;margin-left:22px}
  h2 {margin-top:80px}
  .card {margin-right:40px}
}


/* ADMIN */
.center {width:800px;margin:auto;margin-top:30px}
.edit_imagens {width:300px;height:300px;float:left;margin-top:40px;border: 1px solid #aaa;}
.edit_imagens img {width: 100%;border-radius: 2px;}
.edit_imagens input {float:left;width:100%;border-radius: 2px;}
.edit_info {height:310px; width: 340px;float:left;margin-top:50px;margin-left: 50px;margin-bottom: 220px}
.edit_info textarea {width: 100%;height: 100%;border:solid 1px #aaa;border-radius: 2px;margin-top:4px;font-size: 13px;
	background:none;}
.edit_info input[type=file] {width: 100%;color: #555;border-bottom: 1px solid #aaa;margin-bottom: 4px}
.excluir {float:right;background:#a45;color:#eee;font-size: 14px;border-radius: 2px;
  border:#a45 solid 10px;border-left:16px solid #a45;border-right: 16px solid #a45;margin-top: 2px;}
.edit_info input[type=submit] {float:left;color:#333;background:#ddd;font-size: 14px;border-radius: 2px;
  border:#ccc solid 1px;margin-top:2px;margin-bottom: 2px;height: 40px;width:100px}
.newbar {height: 80px}
.newbar a {color:#eee;background:#666;font-size: 18px;border:#666 solid 6px;margin-top:10px;
  display:block;float:left;border-radius: 2px;margin-left: 0}
.login {width: 300px;margin: auto;;margin-top: 100px;height: 140px;color:#777;
  padding: 10px;font-size: 12px}
.login input{width: 260px;margin: auto;display: block;border:none;border-bottom: 1px solid #aaa;
  margin-top: 2px;margin-bottom: 14px;  text-align: center;background:none;}
.login span{text-align: center;;width: 100%;display: block;}
.login input[type='submit'] {background: #666;color:#eee;border-radius: 2px;width: 264px;height:30px;margin-top: 20px}
.submenu {display:none;}
.id {display:none}


/* CHECKBOX */

.squaredThree { width: 20px; position: relative; margin-left: 6px ;float:right;}
.squaredThree label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0;
  left: 0; background: -webkit-linear-gradient(top, #222222 0%, #222222 100%);
  background: linear-gradient(to bottom, #a45 0%, #934 100%);
  border-radius: 2px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after { content: ''; width: 9px; height: 5px; position: absolute;
  top: 4px; left: 4px; border: 3px solid #fff; border-top: none; border-right: none;
  background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
.squaredThree label:hover::after { opacity: 0.1; }
.squaredThree input[type=checkbox] { visibility: hidden; }
.squaredThree input[type=checkbox]:checked+label:after { opacity: 1;}