body {margin:0px; opacity:0; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#333333; line-height:24px; overflow-y: scroll}
html{width:100%; height:100%;}
*{}

#reg p{ font-size: 11px; line-height:14px }
header{background-image: url(img/bg-red.jpg); background-size:cover; text-align:center; position:relative; height:495px;}
header div{width:503px; margin: auto}
.head{background-color: #fff; width:100%; height:auto; text-align:center; position:relative;}
.head div{display:none; width:800px; height:auto; margin:auto; background-color:#3f7276; border:1px solid #c38e00; padding:50px; text-align:justify;}
#logo{width:177px; height:166px; position:fixed; top:0; z-index:99; }
p{margin: 20px;}
h1{color:#333333; font-size:35px; font-weight:lighter; margin: 20px; line-height:60px; text-align:center}
h2{color:#333333; font-size:30px; font-weight:lighter; text-align:center;}
h3{color:#333333; font-size:16px; margin-top: 0}
hr{border:none; border-top:1px dashed #CCC; margin:60px 0;}

.meio{width:45%; height:auto; margin-right:5%; float:left;}
.margin_0{margin:0;}
.clear{clear:both;}

a:link{color:#333333; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}
a:visited{color:#333333; text-decoration:none;}
a:active{color:#333333; text-decoration:none;}

#tela1{width: 375px; height:auto; position:relative; margin:50px auto; text-align:center; overflow:auto; float: left;}
#tela1 li{background: url(list.png) no-repeat; height:48px; list-style:none; padding:10px 0 0 65px; margin-top:10px;}
.tela1{width:750px; height:auto; margin:auto;}
.tela1_1{width:400px; height:auto; float:left;}
.tela1_2{width:350px; height:auto; float:left;}
#tela1 p{
    text-align: left;
    margin: 28px 0;
}
#tela1 img{
    float: left;
    margin-top: -10px;
}
#tela2{width:100%; height:auto; position:relative; overflow:auto; text-align:center;}
#tela2 div{background:url(carrinho.png) left center no-repeat; width:500px; height:auto; margin:auto; text-align:left !important; padding:70px 0 40px 180px;}

#tela3{width:100%; height:auto; position:relative; padding:50px 0; overflow:auto; text-align:left;}
#tela3_1{width:442px; height:auto; position:relative; margin:auto;}
#atualizacao{width:209px; float:left; margin-right:20px; height:auto; position:relative; overflow:auto; text-align:center; cursor:pointer;}
#form_atualizacao{display:none; width:300px; margin-left:15px; float:left;}
#conteudo{width:213px; float:left; margin:auto; height:auto; position:relative; overflow:auto; text-align:center; cursor:pointer;}
#form_conteudo{display:none; width:300px; margin-left:15px; float:left;}

.campo_a{width:220px; background:none; padding:12px; border:1px solid #000; color:#777;}
.campo_b{width:35px; background:none; padding:12px; border:1px solid #000; color:#777;}
.campo_c{width:150px; background:none; padding:12px; border:1px solid #000; color:#777;}
.enviar{width:242px; background-color: #a80941; padding:12px; border:none; text-align:center; color:#fff; cursor:pointer; border-radius:5px; margin-top:10px;}
.enviar:hover{background-color:#880835; color:#FFF;}
.presencial{
    margin-left: 15px;
}
#obs{
	font-size:11px;
	line-height:14px;
	text-align:left;
}

input[type=text], select{
  margin: 0 4px 10px 5px;
  padding: 0 10px;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
form{
    width: 300px;
    text-align: center;
    margin: auto;
}
header img{
    margin-top:1px;
}
#tela4{width:100%; height:auto; position:relative; padding-top:20px 0; overflow:auto; text-align:center; display:none; background: #ededed;}
#tela4 ul:nth-child(4n){clear:left;}
#tela4 ul{width:720px; float:left;}
#tela4 li{background-color:#ededed; padding:5px; padding-left:15px; margin:2px; list-style-type: none;}
.box{
    text-align: center;
    font-family: arial;
    padding: 10px 0;
    font-weight: bold;
}
#d4{
    color: #444444;
    margin-right: 10px;
}
#d5{
    color: #006AC7;
}
#dd{
    color: #666666;
}
#borbot{
    border-width: 0 0 25px 0;
    -webkit-border-image: 
        -webkit-gradient(linear, 80% 0, 0 0, from(#bbbbbb), to(rgba(0, 0, 0, 0))) 100% 1;
    -webkit-border-image: 
        -webkit-linear-gradient(top, #bbb, rgba(0, 0, 0, 0)) 80% 1;
    -o-border-image:
             -o-linear-gradient(top, #bbb, rgba(0, 0, 0, 0)) 100% 1;
    -moz-border-image:
           -moz-linear-gradient(top, black, rgba(0, 0, 0, 0)) 100% 1;
}
.container1{
    margin: 0 auto;
    width: 75%;
}
#crit{
  font-size: 12px;
  line-height: normal;
  margin:5px 0 !important;
  color: #666666;
}
#crit1{

}
#crit1 li{
  height: auto;
  margin:0;
  padding: 0;
  list-style-type: square;
  font-size: 12px;
  text-align: left;
  line-height: 13px;
  color: #666666;
}
.content{
	text-align:center;
}
.content p{
	color: #656565;
}
footer{background:url(sede.png) right bottom no-repeat #f3f3f3; width:95%; height:auto; position:relative; padding:2.5%; margin-bottom:0; overflow:hidden;}
footer li{width:24%; text-align:left; float:left; list-style:none;}

@media screen and (max-width: 960px) {
    body{
        overflow-y:scroll;
        overflow-x:hidden;
    }
#tela4{position:relative; clear:both;}
}
.circled{
	width: 166px; height: 166px; border-radius: 149px; float: left; margin: 40px 12px; text-align:center;
}
.circled h3{
font-size:15px;
color: #000;
margin-bottom: 0;
line-height:20px;
font-weight: normal;
margin-top: 15px;
}
.circled h3 big{
font-size:19px;
}
.circled p{
	text-align: center;
	color:#959595;
	font-size:12px;
	margin-top: 0;
	line-height: 16px;
}
.circled img{
	margin: 49px 45px;
}
.colorb{
	background-color: #a80941;
}
.colort{
	color: #959595;
}