@font-face {
    font-family:'Myriad Pro';
    src: url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Regular.ttf') format('truetype'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Regular.woff') format('woff'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Regular.svg#svgFontName') format('svg'), /* Legacy iOS */
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
    font-family:'Myriad Pro-Light';
    src: url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Light.ttf') format('truetype'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Light.eot'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Light.woff') format('woff'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Light.svg#svgFontName') format('svg'), /* Legacy iOS */
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/MyriadPro-Light.otf') format('opentype');
}

@font-face {
    font-family:'Lucida Grande';
    src: url('http://www.cfgallo.com/arquivos_meu_site/fonts/LucidaGrande.ttf') format('truetype'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/LucidaGrande.woff') format('woff'),
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/LucidaGrande.svg#svgFontName') format('svg'), /* Legacy iOS */
		 url('http://www.cfgallo.com/arquivos_meu_site/fonts/LucidaGrande.otf') format('opentype');
}

* {
	margin: 0;
	padding: 0;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bg { position:fixed; top: 0; left: 0; z-index:-100;  }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
#bg_fundo {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-50; background:#000; opacity:0.40;
-moz-opacity: 0.40;
filter: alpha(opacity=40); }

body { margin:0px; padding:0px; font-family:"Myriad Pro-Light", "Myriad Pro", "Trebuchet MS", Helvetica; font-size:1em; -webkit-text-size-adjust: none; color:#000; text-align:left; background:url(img_layout/bg_azulejo_c.jpg) repeat; overflow:auto;  min-height:589px; }

ul {list-style:none; margin:0px; padding:0px;}


#page {width:100%; height:600px; display:table; margin:0px 0px 0px 0px; padding:0px; text-align:center; }

#page #header {width:100%; height:80px; margin:0px; padding:0px; background:#fff; }

#page #header #m {height:80px; margin:0px; padding:0px; width:1000px; text-align:justify;}

#page #header #m ul {height:80px; width:1000px; margin:0px 0px 0px 0px; padding:0px; display:inline-block; text-align:justify;}
#page #header #m ul li {display:inline-block; padding:0px 7px 0px 7px; margin:0px; color:#000; width:auto; height:80px; }
#page #header #m ul li a {display:inline-block; padding:0px 0px 0px 0px; margin:0px; color:#000; text-transform:uppercase; text-decoration:none; font-size:0.8em; line-height:80px; height:80px; }
#page #header #m ul li a:hover { color:#C3122F;}
#page #header #m ul:after {
    content: "";
    width: 100%;
    display: inline-block;
}
#page #header #m ul li.stretch {
    display: inline-block;
    width: 100%;

    /* if you need IE6/7 support */
    *display: inline;
    zoom: 1
}
#page #header #m ul li a img {line-height:80px; }

#page #header #m ul li a#bt_home {background:url(img_layout/logo_p.png); display:block; height:51px; width:50px; overflow:hidden; text-indent:-30000px; margin-top:10px; }


#page #logo {margin:100px 0px 0px 0px; padding:0px; background:url(img_layout/logo_nova.png) no-repeat center; width:100%; height:300px; }

#page #home { width:1000px; height:400px; display:table; margin:0px 0px 50px 0px; padding:0px; text-align:left; }
#page #home img {max-height:606px; max-width:468px; margin:0px; padding:0px; border:none; }


/*Cont maior*/
#page .cont_m { background:#FFF; opacity:0.95; -moz-opacity: 0.95; filter: alpha(opacity=95); width:986px; height:500px; display:table; padding:10px; text-align:left; margin-top:10px;  }
#page .cont_m#quem {background:url(../img_layout/img2_b.png) no-repeat left top;}
#page .cont_m .texto {width:1000px; height:auto; display:table; padding:10px 0px 0px 0px; text-align:left; font-family: "Lucida Grande"; }
#page .cont_m img {max-width:1000px; border:none; margin:0px; padding:0px;}
#page .cont_m .texto h1 {color:#000; font-size:1em; text-transform:uppercase; margin-bottom:10px; }
#page .cont_m .texto p {color:#000; margin:5px 0px 15px 0px; text-align:justify; line-height:1.8em; font-family: "Lucida Grande"; width:730px;}
#page .cont_m .texto p a {color:#000; text-decoration:underline; font-family: "Lucida Grande";}
#page .cont_m .texto .txt_g {font-size:5em; font-weight:bold; display:block; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; font-family: "Lucida Grande";}



#page .cont_m h1 {color:#000; font-size:1em; text-transform:uppercase; }
#page .cont_m iframe {width:100%; height:500px; margin:0px; padding:0px; }
#page .cont_m p {color:#000; margin:5px 0px 5px 0px;}
#page .cont_m p a {color:#000; text-decoration:underline;}
#page .cont_m form {width:auto; height:auto; margin:0px; padding:0px;  }
#page .cont_m form fieldset {border:none; margin:0px; padding:5px 0px;}
#page .cont_m form fieldset input {border:none; font-size:1em; padding:6px 0px 6px 0px; width:100%; display:block;}
#page .cont_m form fieldset textarea {border:none; font-size:1em; padding:6px 0px 6px 0px; width:100%; height:100px; display:block;}
#page .cont_m form fieldset label {width:auto; color:#000; font-size:0.9em; padding:2px 0px 2px 0px; margin-bottom:3px;}
#page .cont_m form fieldset input.btn {
display: inline-block;
		margin: 25px 0 0;
		padding: 5px;
		clear: both;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		border: 2px solid #000;
		border-radius: 5px; width:70px; height:40px; cursor:pointer; background:none; }

#page .cont_m form fieldset input:hover.btn {color:#C3122F; border: 2px solid #C3122F;}



/*Esconde. só para mobile*/
#page nav#menu {display:none; }


		@media screen and ( max-width: 1260px ) /* 800 */
		{

			
			}
			
		
		@media (min-width: 769px)
		{
			
			
			}



/*MOBILE 768px*/
@media (min-width: 300px) and (max-width: 1018px) {
	body {-webkit-text-size-adjust: auto;}

/*#bg {display:none;}*/
#page {width:100%; height:600px; display:table; margin:0px 0px 0px 0px; padding:0px; text-align:center; }

#page #header { display:none;}

#page #header #m
{
	display: none;
}
nav:not(.mm-menu)
{
	display: none;
}

#page #logo {margin:50px 0px 0px 0px; padding:0px; background:url(img_layout/logo_nova.png) no-repeat center; width:100%; height:300px; }

#page .cont_m { background:#FFF; opacity:0.95; -moz-opacity: 0.95; filter: alpha(opacity=95); width:94%; height:auto; display:table; padding:10px; text-align:left; margin:55px 3% 0px 3%;   }
#page .cont_m .texto {width:100%; height:auto; display:table; padding:10px 0px 0px 0px; text-align:left;  font-family: "Lucida Grande"; }
#page .cont_m img {max-width:100%; border:none; margin:0px; padding:0px;}
#page .cont_m .texto h1 {color:#000; font-size:1em; text-transform:uppercase; }
#page .cont_m .texto p {color:#000; margin:5px 0px 15px 0px; text-align:justify; line-height:1.6em; width:96%;  font-family: "Lucida Grande";}
#page .cont_m .texto p a {color:#000; text-decoration:underline;}
#page .cont_m .texto .txt_g {font-size:3em; font-weight:bold; display:block; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;}

#page .cont_m form fieldset input {border:none; font-size:1em; padding:6px 5% 6px 0px; width:90%; display:block;}
#page .cont_m form fieldset textarea {border:none; font-size:1em; padding:6px 5% 6px 0px; width:90%; height:100px; display:block;}



/*Animação mmenu*/
nav:not(.mm-menu) {
	display: none;
}

/* Icon */

#nav-icon {
  width: 60px;
  height: 45px;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: block;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background:#DAD7C8;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon */

#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 13px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 26px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.mm-opening #nav-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.mm-opening #nav-icon span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.mm-opening #nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}



}