/*********** Estrutura Template ***********/
body {overflow: hidden;/* */}
.wrap {position: relative; }

/*********** Substituir fonte ***********/
@font-face {font-family: "Myriad Pro"; src: url("../fonts/lucida_grande-webfont.eot"); /* .eot para o IE*/ }
@font-face {font-family: "Myriad Pro";	src: url("../fonts/lucida_grande-webfont.ttf") format("truetype"); }

/***********slide images***********/
#slideshow { text-align: center; overflow: hidden; width: 100%; position:relative; height:408px;}
#slideshow img { margin-left: -800px; text-align: center; left: 50%; position:absolute; z-index:8; opacity:0.0;}
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}

/***********Layout***********/
.internas { background: url(../images/bgInternas.jpg) center bottom repeat-x !important;  }
.conteudo {	width: 950px; height: 408px; margin: 0 auto; }
.rodape { margin: 0 auto; max-width: 1600px; height: 440px; background: url(../images/bgRodape.jpg) center top no-repeat; position: relative; z-index: 10;  /*overflow: hidden; */}
.logoMenu { width: 950px; height: 70px; margin: 0 auto; }
.logoMenu h1 a { background: url("../images/logo.png") no-repeat scroll 0 0 transparent; clear: left; float: left; height: 86px; margin: 10px 0 0 40px; width: 271px;}
.logoMilFrutas { display: block; overflow: hidden; text-indent: -9999px;}

/***********Páginas Internas***********/
.imgInterna { float: left; margin: 10px 80px 0 40px;}
.contentInterna {	float: left; width: 450px; height: 390px;}
.conteudoTexto { width: 450px; height: 390px; margin-top: 15px; font: normal 14px arial;/*  */ color: #464646;}
.conteudoTextoGrande { width: 800px !important; }
.conteudoTexto p{ text-align:justify; font: 14px 'Myriad Pro',Arial,Helvetica,sans-serif; line-height: 30px;}
.conteudoTexto p span{color: #00423c; font: 20px 'Myriad Pro',Arial,Helvetica,sans-serif;}
.titulo { color: #00423c; font: normal 30px 'Myriad Pro',Arial,Helvetica,sans-serif; margin-bottom: 10px; }

/***********Top Level Menu ***********/
#header ul { float: left; /* margin-top: 80px; */ margin: 40px 0 0 30px;}
#header ul li {float: left; margin-right: 20px;}
#header ul li a { color: #fff; font: bold 14px arial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

/***********Sub Level Nav ***********/
#header ul li ul { background: url(../images/bgMenuDrop.png) no-repeat; border: 0px solid #000;	margin: -212px 0 0 -34px;	padding: 13px 10px 0; position: absolute;	width: 130px; height: 195px;}
#header ul li ul li {display: block; float: none;	text-align: left;	height: 22px;	margin: 0;	color: #fff;	font: bold 12px arial; }
#header ul li ul li a {	color: #66918d; font: bold 12px arial;	padding: 2px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
#header ul li ul li a:hover {	color: #fff;}
/* #header ul li ul li:last-child:not(li.arrow) {border: 0;} */

/************ Menu :: Phillip *************/
.facebook, .instagram { margin-right: 5px !important; margin-top: -10px; }


#scrollpane p {text-align: justify; margin-bottom: 18px; margin-right: 15px;}
#scrollpane .red {color: #9d0039;}
#scrollpane .green {
	color: #00423c;
	line-height: 17px;
}

#scrollpane p.thumb {margin-bottom:0;}
#scrollpane ul li.clippingClass {float:left; margin-right: 46px;}
#scrollpane ul li.clippingClass p {line-height: 12px; font: normal 11px arial;}

.materia { margin-bottom:0;	}
.materia span.strong{font: normal 12px arial;	}

.mapa {color: #9D0039;}

#quadrado fieldset {margin:5px 0 0 0;  border: 0 none;}
#quadrado fieldset label{text-align:justify;font-size:13px;line-height:16px;color:#00423C;margin:0 10px 10px 0px;font-weight:bold;font-family:arial;}
#quadrado fieldset input#nome{margin:4px 32px; margin-left: 32px;}
#quadrado fieldset input#email{margin:4px 31px; margin-left: 33px;}
#quadrado fieldset input#telefone{margin:4px 12px; width:100px; margin-left: 13px;}
#quadrado fieldset input{background:#e1e1e1;width:380px;height:12px;padding:3px;font-size:12px;border:none;margin:8px 0}
#quadrado fieldset textarea{background:#e1e1e1;width:380px;height:75px;padding:3px;font-size:12px;border:none;margin:4px 0;vertical-align:top;}
#quadrado fieldset .bt{color:#818181;width:50px;padding:0 0 3px 0;height:16px;font-weight:bold;margin:4px 0 0 428px}

.imgInterna2 {
	float: left;
	margin-top: 45px;
	margin-right: 80px;
	margin-bottom: 0;
	margin-left: 40px;
}
.titulo2 {
	color: #00423c;
	font: normal 30px 'Myriad Pro',Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
	padding-top: 30px;
}
.mapa2 {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
}
.conteudoTexto2 {
	width: 450px;
	height: 390px;
	margin-top: 40px;
	font: normal 14px arial;/*  */
	color: #464646;
}



/*     MOBILE      */


/* ----------- Smartphones ----------- */


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

.rodape {
   height: 100%;
}

.rodape {
   display: block;
   background-image: url(../images/bg02moblie2.jpg);
   background-repeat: repeat-y;
   margin:0 auto;
   min-height: 780px;
}

.rodape img {
    width: 100%;
    height: 50px;
}

#header ul li {
   float: none;
   margin: 25px auto;
   font-size: 38px;

}

#header a {
   font: bold 22px arial;
   margin: 0 auto;
}

.logoMenu h1 a {
   margin: 0 auto;
   float: none;
   background-image: url(../images/logo_mobile.png);
   width: 320px;
   height: 123px;

}

#header ul {
   margin: 0 auto;
   width: 170px;
   text-align: center;
   float: none;
}

#header ul li ul {
   background-image: url(../images/bgMenuDrop_mobile.png);
   background-repeat: repeat;
   width: 210px;
   height: 390px;
   margin-left: 190px;
   margin-top: -155px;


}

 #header ul li ul li {
    height: 50px;
 }

#header ul li ul li a {
   font-size: 22px;
}

#header ul li a {
   margin: 0 auto;
   font-size: 34px;
}

}



@media  only screen
and (min-device-width : 120px)
and (max-device-width : 780px)
{

.rodape {
   display: block;
   background-image: url(../images/bg02moblie2.jpg);
   background-repeat: repeat-y;
   margin:0 auto;
   min-height: 780px;
}

.rodape img {
    width: 100%;
    height: 50px;
}

#header ul li {
   float: none;
   margin: 25px auto;
   font-size: 38px;

}

#header a {
   font: bold 22px arial;
   margin: 0 auto;
}

.logoMenu h1 a {
   margin: 0 auto;
   float: none;
   background-image: url(../images/logo_mobile.png);
   width: 320px;
   height: 123px;

}

#header ul {
   margin: 0 auto;
   width: 170px;
   text-align: center;
   float: none;
}

#header ul li ul {
   background-image: url(../images/bgMenuDrop_mobile.png);
   background-repeat: repeat;
   width: 210px;
   height: 390px;
   margin-left: 190px;
   margin-top: -155px;


}

 #header ul li ul li {
    height: 50px;
 }

#header ul li ul li a {
   font-size: 22px;
}

#header ul li a {
   margin: 0 auto;
   font-size: 34px;
}

}


/* ----------- TABLETS ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

.rodape {
   height: 750px;
   }


}