@font-face {
     font-family: facebook;
     src: url('../fontes/FACEBOLF.ttf');
}

html, body{
	height:100%;
	margin:0px;
	font-family:'Open Sans', sans-serif;
}

.input, textarea{
	font-family:'Open Sans', sans-serif;
}

.input[radio]{
	color:#333;
	background:#333;
}

.slide{
	height:70%;
	background-image:url('../img/wall.jpg');
	background-size:cover;
	background-attachment: fixed;
	background-position:center center;
}

.slide2{
	height:300px;
	background-image:url('../img/wall.jpg');
	background-size:cover;
	background-attachment: fixed;
	background-position:center center;
}

#target, #cursor{
	color:#FFF;
	font-size:40px;
	font-family: facebook;
}

.target{
	color:#FFF;
	font-size:40px;
	font-family: facebook;
}

.area_escreve{
	padding:10px;
	border:1px solid rgba(255,255,255,0.0);
	display:table;
	border-radius:3px;
}

.baixo1{
	border:1px solid #B19A76;
	display: table;
	padding:10px 4px 4px 4px;
	cursor:pointer;
	margin-top:30px;
	border-radius:3px;
}

.nome{
	font-size:24px;
	color:#FFF;
	margin-top:-20px;
	margin-bottom:20px;
}

.menu{
	background:#282F35;
	display:table;
	width:100%;
}

.menu_opt{
	padding:10px 20px;
	color:rgba(255,255,255,0.4);
	font-size:13px;
	float:left;
}

.menu_opt:hover{
	cursor:pointer;
	color:#FFF;
	background:#1E2429;
}

.dados{
	width:90%;
	max-width:900px;
	margin:0 auto;
	height:560px;
}

.area{
	width:90%;
	max-width:900px;
	margin:0 auto;
	min-height:560px;
}

.agenda{
	margin:0 auto;
	height:160px;
	background-image:url('../img/wall2.jpg');
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
}

.title1{
	font-family: facebook;
	font-size:20px;
	color:#222;
}

.line{
	height:1px;
	width:60px;
	background:#B19A76;
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;
}

.bot{
	padding:10px 20px;
	background:rgba(177,154,118,0.5);
	display: table;
	margin:0 auto;
	border-radius:3px;
	color:#FFF;
	cursor:pointer;
	font-size:20px;
	-webkit-transition : background 0.5s ease-out; 
 -moz-transition : background 0.5s ease-out;
 -o-transition : background 0.5s ease-out;
}

.bot:hover{
	background:#B19A76;
}

.bot2{
	padding:10px 20px;
	background:#AAA;
	display: table;
	margin:0 auto;
	border-radius:3px;
	color:#FFF;
	cursor:pointer;
	margin-top:20px;
	margin-bottom:40px;
		-webkit-transition : background 1s ease-out; 
 -moz-transition : background 1s ease-out;
 -o-transition : background 1s ease-out;
}

.bot2:hover{
	background:#282F35;
}

.acesso{
	width:31.0%;
	margin:1%;
	border:1px solid #CCC;
	float:left;
	box-shadow:2px 2px #FFF;
	border-radius:3px;
 	 -webkit-transition : border 1s ease-out; 
 -moz-transition : border 1s ease-out;
 -o-transition : border 1s ease-out;
}

.acesso:hover{  
	cursor:pointer;
	border:1px solid #666;
}

.acesso:hover .circle{
	opacity: 1;
}

.acesso h1{
	font-size:20px;
	font-family: facebook;
	font-weight: normal;
	color:#333;
	margin:10px;
}

.pad{
	padding:10px;
	color:#666;
	font-size:14px;
}

.circle{
	width:80px;
	height:80px;
	margin:0 auto;
	background-size:cover;
	border-radius:50%;
	box-shadow: 2px 2px #CCC;
	margin-top:40px;
	margin-bottom:30px;
	opacity: 0.5;

-webkit-transition : opacity 1s ease-out; 
 -moz-transition : opacity 1s ease-out;
 -o-transition : opacity 1s ease-out;
}

.contato{
	background:#282F35;
}

.max{
	width:80%;
	padding:20px;
	max-width:900px;
	margin:0 auto;
	color:#FFF;
	display: table;
	padding-top:100px;
	padding-bottom:100px;
}
.max2{
	width:80%;
	max-width:900px;
	margin:0 auto;
	color:#FFF;
}

.rod{
	background:#B19A76;
	height:10px;
}

.a25{
	float:left;
	width:25%;
}

.a70{
	float:right;
	width:66%;
}

h2{
	font-size:20px;
	font-weight: normal;
	margin-top:0px;
}

h3{
	font-size:14px;
	font-weight: normal;
}

.campo{
	border-top:4px solid #1E2429;
	border-left:none;
	border-right:none;
	border-bottom:none;
	background:#1E2429;
	width:42%;
	float:left;
	padding:10px;
	outline:none;
	color:#FFF;
	font-size:14px;
	margin:1%;
	border-radius:4px;
}

.campo:focus{
	border-top:4px solid #B19A76;
}

.campo2{
	border-top:4px solid #1E2429;
	border-left:none;
	border-right:none;
	border-bottom:none;
	background:#1E2429;
	width:89.5%;
	float:left;
	padding:10px;
	outline:none;
	color:#FFF;
	font-size:14px;
	margin:1%;
	border-radius:4px;
}

.campo2:focus{
	border-top:4px solid #B19A76;
}

.campo3{
	border:1px solid #CCC;
	border-top:4px solid #CCC;
	background:#FFF;
	width:89.5%;
	float:left;
	padding:10px;
	outline:none;
	color:#333;
	font-size:14px;
	margin:1%;
	border-radius:4px;
}

.campo3:focus{
	border-top:4px solid #282F35;
}

.campo4{
	border:1px solid #CCC;
	background:#FFF;
	width:48%;
	float:left;
	padding:10px;
	outline:none;
	color:#333;
	font-size:14px;
	margin:1%;
	border-radius:4px;
}

.campo5{
	border:1px solid #CCC;
	background:#FFF;
	width:94.5%;
	float:left;
	padding:10px;
	outline:none;
	color:#333;
	font-size:14px;
	margin:1%;
	border-radius:4px;
}

.submit{
	padding:8px 20px;
	color:#FFF;
	border:none;
	border-radius:4px;
	background:#B19A76;
	box-shadow: 0px 3px #7C6B52;
	margin:1%;
	text-shadow: 1px 1px rgba(0,0,0,0.5);
	cursor:pointer;
	outline:none;
}

.submit2{
	padding:8px 20px;
	color:#FFF;
	border:none;
	border-radius:4px;
	background:#282F35;
	box-shadow: 0px 3px #1E2429;
	margin:1%;
	cursor:pointer;
	outline:none;
}

.opt{
	padding:10px;
	color:rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.1);
}

.opt:hover{
	padding:10px;
	color:#FFF;
	cursor:pointer;
	background:rgba(255,255,255,0.1);
}

.asd{
	width:100%;
	height:60px;
	display:table;
}

.ar{
	width:80%;
	max-width:600px;
	margin:0 auto;
}

.mes{
	color:#FFF;
	background:#282F35;
	padding:10px;
	border-radius:4px;
}

select{
	outline:nonec;
}

.agd_title{
	background:#282F35;
	padding:5px;
	color:#FFF;
	border-radius:5px 5px 0px 0px;
}

.bottom{
	border-bottom:1px solid #D8CCBA;
}

.icon_menu{
	display:none;
}

.max2{
	display:block;
}

.meio{
	width:47.7%;
	border:1px solid #CCC;
	float:left;
	margin:1%;
	text-align:left;
	font-size:14px;
}

.ok{
	width:280px;
	padding:20px;
	border:1px solid #CCC;
	box-shadow:4px 4px rgba(0,0,0,0.2);
	background:#FFF;
	color:#666;
	margin:0 auto;
	text-align: center;
	border-radius:5px;
}

.style1{
	padding:10px 30px;
	color:rgba(255,255,255,0.4);
	float:left;
	cursor:pointer;
	font-size:13px;
}

.style1:hover{
	color:#FFF;
	background:rgba(0,0,0,0.2);
}

/************************************/

@media screen and (max-width: 920px) {

.max2{
	display:none;
}

.icon_menu{
	display:block;
	margin:10px;
	margin-left:30px;
	cursor:pointer;
}

.menu_opt{
	float:none;
}

.meio{
	width:auto;
	border:1px solid #CCC;
	float:none;
	margin:1%;
}

}

@media screen and (max-width: 700px) {

.campo5{
	border:1px solid #CCC;
	background:#FFF;
	width:90.5%;
	float:left;
	padding:10px;
	outline:none;
	color:#333;
	font-size:14px;
	margin:1%;
	border-radius:4px;
}

.as{
	width:100%;
	height:60px;
	display:table;
}

.slide{
	height:100%;
}

.area_escreve{
	max-width:80%;
}

.acesso{
	width:80%;
	margin:5% auto;
	border:1px solid #CCC;
	float:none;
}

.dados{
	width:90%;
	max-width:900px;
	margin:0 auto;
	height:auto;
}

.a25{
	float:none;
	width:90%;
	margin:0 auto;
}

.a70{
	float:none;
	width:90%;
	margin:0 auto;
}

.campo, .campo2{
	width:96%;
	float:none;
}

.menu_icon{
	position: fixed;
	top:30px;
	left:10px;
}

}



/************************************/

::-webkit-scrollbar-track {
    background-color: #111;
}
::-webkit-scrollbar {
    width: 6px;
    background: #111;
}
::-webkit-scrollbar-thumb {
    background: #333;
}

::-webkit-scrollbar-thumb:hover {
    background: #B19A76;
}

/************************************/

@-webkit-keyframes hover {
  0%   { border-color:#CCC; }
  100% { border-color:#333; }
}
@-moz-keyframes hover {
  0%   { border-color:#CCC; }
  100% { border-color:#333; }
}
@-o-keyframes hover {
  0%   { border-color:#CCC; }
  100% { border-color:#333; }
}
@keyframes hover {
  0%   { border-color:#CCC; }
  100% { border-color:#333; }
}



.niceform input[type=radio] {
visibility: hidden;
margin-right: 8px;
cursor: pointer;
}
.niceform input[type=radio]:before {
content: " ";
background-color: #ccc;
display: inline-block;
margin-right: 15px;
width: 6px;
height: 6px;
border: 3px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
visibility: visible;
box-shadow: 0 0 0px 2px #999;
}
.niceform input[type=radio]:checked:before {
background-color: #282F35;
box-shadow: 0 0 0px 2px #282F35;
}