@charset "utf-8";
/**/
.hidden {
	opacity: 1;
}
.visible {
	opacity: 1;
}
/**/
img {
	border:none;
}
@font-face {
	font-family: font1;
	src: url(calibril.ttf);
}
h1 {
	color: #333333;
	font-family: "font1", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.fontMax {
	font-size: 25px;
	margin-bottom: 15px;
}
.fontMed {
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 30px;
	font-style: italic;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.root {
	max-width: 990px;
	margin: auto;
}
.box {
	float: left;
	width: 100%;
}
#pg-sup {
	background-image: url(img/f-pg-sup.jpg);
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-color: #FFF;
}
#pg-sup-int {
	background-image: url(img/f-pg-sup-int.jpg);
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-color: #FFF;
}
#logo {
	float: left;
	width: 30%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#pg-sup-esq {
	width: 70%;
	float: left;
}
#tel {
	float: left;
	width: 100%;
	color: #FFF;
	font-family: "font1", Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
}
#anima2 {
	float: left;
	width: 100%;
	height: 200px;
	position: relative;
}
#animaInfo2 img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.34);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.34);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.34);
	}
	.mostra{ z-index:0;}
#anima {
	float: left;
	width: 100%;
	position: relative;
	height: 448px;
}
#animaInfo span {
	position: relative;
	left: 66px;
	bottom: 105px;
	background-image: url(img/f-sapn.png);
	color: #FFF;
	padding: 5px;
	font-family: "font1", Arial, Helvetica, sans-serif;
	float: left;
}
#animaInfo{
	height: 448px;
}
#animaInfo h1 {
	color: #FFF;
	font-weight: normal;
	margin: 0px;
	font-style: italic;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	font-family: "font1", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
}
#animaBt1 {
	z-index: 999999;
	position: absolute;
	right: 62px;
	bottom: 32px;
}
#animaBt2 {
	z-index: 999999;
	position: absolute;
	right: 135px;
	bottom: 9px;
}

/*menu*/
#contentMenu {
	width: 70%;
	float: left;
}
#menu {
	width: 90%;
	background-color: #9A8C7F;
	background: -moz-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9A8C7F), color-stop(100%, #695E4A));
	background: -webkit-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -o-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -ms-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 25px;
}
#menu-ho {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 60px;
	background-color:#9A8C7F;
	background: -moz-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9A8C7F), color-stop(100%, #695E4A));
	background: -webkit-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -o-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -ms-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	 border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;

}
/* menu horizontal-vertical by micox */
.menu-hv * {
	margin: 0;
	padding: 0;
}
.menu-hv ul {
	list-style-type: none;
	padding: 0;
	/*position: absolute;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 999999999999999999;
}
/*Create a horizontal list with spacing*/
.menu-hv li {
	display: inline-block;
	float: left;
}
.menu-hv li {
	list-style: none;
	float: left;
	height: 1%;
}
.menu-hv li a {
	display: block;
	color: #FFFFFF;
	font-family: "font1", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	background-color: #9A8C7F;
	background: -moz-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9A8C7F), color-stop(100%, #695E4A));
	background: -webkit-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -o-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -ms-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: linear-gradient(top, #9A8C7F 0, #695E4A 100%);
}
.menu-hv li ul {
	position: absolute;
	visibility: hidden;
}
.menu-hv li ul li {
	float: none;
	white-space: nowrap;
	display: inline; /* o inline é pro IE */
}
.menu-hv li ul li a {
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	background-color:#695E4A;
} /**SUBMENU */
.menu-hv li ul li a:hover {
	background-color: #695E4A;
} /**SUBMENU */
.menu-hv li ul li ul {
	position: absolute;
	left: 100%;
	top: 0;
}
.menu-hv li:hover ul, .menu-hv li.over ul {
	visibility: visible;
}
.menu-hv li:hover ul ul, .menu-hv li.over ul ul {
	visibility: hidden;
}
.menu-hv ul ul li:hover ul, .menu-hv ul ul li.over ul {
	visibility: visible;
}
/* visual */
.menu-hv li:hover a {
	background: #FFB351;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: opensans, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #776F67;
	text-align: center;
	padding: 10px 0;
	display: none;
}
/*Hide checkbox*/
input[type=checkbox] {
	display: none;
	-webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .menu-hv {
	display: block;
}
.arred-menu{
	-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
	}
/*menu fim*/

#pg-int {
	float: left;
	width: 86%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 2%;
	padding-right: 7%;
	padding-bottom: 2%;
	padding-left: 7%;
	line-height: 25px;
	text-align: justify;
}
#pg-int img {
	float: left;
	margin-right: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.34);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.34);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.34);
}
#pg {
	float: left;
	width: 86%;
	padding-right: 7%;
	padding-left: 7%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#pg ul {
	list-style-image: url(img/list.png);
	line-height: 30px;
}
#pg-int ul {
	list-style-image: url(img/list.png);
}
.col1 {
	float: left;
	width: 40%;
	line-height: 25px;
}
.col2 {
	float: left;
	width: 58%;
	padding-left: 2%;
}
#rodape {
	float: left;
	width: 100%;
	background-color: #66B562;
	background: -moz-linear-gradient(top, #9BCAA1 0, #66B562 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9BCAA1), color-stop(100%, #66B562));
	background: -webkit-linear-gradient(top, #9BCAA1 0, #66B562 100%);
	background: -o-linear-gradient(top, #9BCAA1 0, #66B562 100%);
	background: -ms-linear-gradient(top, #9BCAA1 0, #66B562 100%);
	background: linear-gradient(top, #9BCAA1 0, #66B562 100%);
	padding-bottom: 15px;
}
#rodape a {
	color: #66B562;
}
#direitos {
	width: 90%;
	font-family: font1, Arial, Helvetica, sans-serif;
	color: #7FBF80;
	font-size: 12px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#tags {
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#tags h1 {
	font-size: 10px;
	color: #DBECDD;
	margin: 0px;
	font-weight: normal;
}
.bt {
	font-family: "font1", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #9A8C7F;
	background: -moz-linear-gradient(top, #9BCAA1 0, #695E4A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9A8C7F), color-stop(100%, #695E4A));
	background: -webkit-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -o-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: -ms-linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	background: linear-gradient(top, #9A8C7F 0, #695E4A 100%);
	text-decoration: none;
	padding: 2px;
	width: 70px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	font-style: italic;
}
.input-class {
	border: 1px solid #CCC;
	height: 35px;
	width: 21%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
	padding-right: 6px;
	padding-left: 6px;
	color: #666;
	font-family: "font1", Arial, Helvetica, sans-serif;
}
.input-class2 {
	border: 1px solid #CCC;
	width: 93%;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 120px;
	padding-right: 6px;
	padding-left: 6px;
	font-family: "font1", Arial, Helvetica, sans-serif;
}

.enviaForm{
border-radius: 5px;
border: 1px solid #c2c2c2;
color: #d92738;
text-shadow: none;
font: 600 16px/1.2em 'font1', sans-serif;
text-transform: none;
padding: 10px 15px;
letter-spacing: 0;
height: auto;
box-shadow: none;
background: none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3s ease 0s;
background-color: #fbfbfb;
background-image: -moz-linear-gradient(top,#ffffff,#f4f4f4);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f4f4f4));
background-image: -webkit-linear-gradient(top,#ffffff,#f4f4f4);
background-image: -o-linear-gradient(top,#ffffff,#f4f4f4);
background-image: linear-gradient(to bottom,#ffffff,#f4f4f4);
background-repeat: repeat-x;
cursor:pointer;
}

.enviaForm:hover{ background-color: #FFF;}

/*redes sociais*/
.social {
	font-family: "font1", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	padding: 2px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:5px;
}
.social a {
	color:#FFF;
}
.social a:hover {
	color:#FFF;
}
.facebook {
    background-color: #3b5998;
    color: #f8f8f8;
}
.google {
    background-color: #dc4e41;
    color: #f8f8f8;
}
.twitter {
    background-color: #55acee;
    color: #f8f8f8;
}
.instagram {
    background-color: #3897f0;
    color: #f8f8f8;
}
/*redes sociais fim*/

@media screen and (max-width : 760px){
		html, body {
    max-width: 100%;
    overflow-x: hidden;
	}
	#menu-ho{ width:100%;}
	  .menu-hv li ul {float:left; position:relative; visibility:visible; width:90%; margin-left:5%; display:block;}
	.menu-hv li ul li { float: none; white-space: nowrap; display: inline; /* o inline é pro IE */}
  	.menu-hv li ul li a { width: 100%; float:left;} /**SUBMENU */
		/*Make dropdown links appear inline*/
	.menu-hv ul {
		position: static;
		display: none;
	}
	
	/*Create vertical spacing*/
	.menu-hv li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.menu-hv ul li, .menu-hv li a {
		width: 95%;
		
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		height:40px;
		line-height: 40px;
		background: #695E4A ;
		
	}
	#pg, #menu, .col1, #novidades, #pg-sup-esq, #pg-int{ width: 94%; padding:3%;}
	#logo{ width: 100%; text-align:center; position:relative;}
	#contentMenu{ width: 100%;}
	.input-class{ width: 93%; margin-top:10px;}
	#pg-int img{ width: 100%; height:auto;}
	#menu{border-radius:0px;}
	#rodape, #pg21, #pg22, #animaInfo2 img{width: 100%;}
	.arred-menu{ border-radius:0px;}
	.acesso { width: 94%; padding:3%; float:left; height:auto;}
	#anima, #tags , #pg-inf-dir, #pager{ display:none;}
	
}