@charset "utf-8";
/* CSS Document */

/* CSS reset */
*{  margin:0; padding:0; list-style:none; vertical-align:baseline;}
body, html{ background:rgba(147,201,52,1.00); margin:0; padding:0; }
@media screen and (max-width: 1024px) { 
#box_banner { width:1000px; height:247px; background-image: url(imagens/box_banner_3.png); background-repeat:no-repeat; margin:0 auto;}
}
@media screen and (min-width: 1100px) and (max-width: 1600px) { 
#box_banner { width:1200px; height:290px; background-image: url(imagens/box_banner_4.png); background-repeat:no-repeat; margin:0 auto;}
}
.box_traco { border:1px solid #1F6C00; width:100%;}

#box_conteudo {width:75%; margin:0 auto; font-family:Arial, sans-serif; color:#000055;}

#conteudo {width:95%; margin:0 auto; font-family:Arial, sans-serif; color:#000055;}

#termo {width:70%; margin:0 auto; font-style:italic; font-family:Arial, sans-serif; color:#333; background:rgba(151,255,121,1.00); border:2px solid #083500; border-radius:10px; padding:20px}

#box_receita_S {width:70%; margin:0 auto; font-family:Arial, sans-serif; color:#000055;}

#box_esquerda { width:48%; float:left; margin-left:15px; text-align:right; background:rgba(255,210,211,1.00); text-align:center; }

#box_direita { width:48%; float:right; margin-right:15px; text-align:left; background:rgba(183,185,255,1.00); text-align:center; }

#Cad_pro { width:600px; height:350px; padding:50px; } 

.box_receita { width:220px; height:350px; display:inline-block; background:rgba(235,235,235,1.00); } 

.box_dicas { width:220px; height:350px; display:inline-block; background:rgba(235,235,235,1.00); } 

.image {width:200px; height:200px; padding:10px; }

.texto {width:210px; height:100px; padding:0 0 0 10px; text-align:left; }

#box_procura { float:right; margin-right:15%; height:25px; width:300px; border-radius:20px; margin-top:21%; background:rgba(151,255,121,1.00); padding:10px; }
.input_finder{ width:200px; border:1px solid rgba(151,255,121,1.00); background:rgba(151,255,121,1.00); outline:none } 
.Btn_cicle { -moz-border-radius: 10px; -webkit-border-radius: 10px; width:70px; height:25px; border:1px solid rgba(151,255,121,1.00); background:rgba(151,255,121,1.00); font-size:14px; font-weight:bold; color:rgba(0,79,4,1.00); cursor:pointer;}

#clear { clear:both;}
.clear_a { clear:both;}

#pesquisa_recta { float:right; width:300px; }


#rodape { width:99%; margin:0 auto; color:#FFFFFF}
#footer_a {background:#0DB400; text-decoration:none; color:#3B1600; height:30px; padding:5px; }
#footer_a a {text-decoration:none; color:#3B1600; cursor:pointer; }
#footer_a a:hover {color:#FFFFFF; }
/*---------------------------------------------------------------------------------------*/

#aba_left  { width:20%; margin-left:50px; display:inline-block; text-align:left; border-left:3px solid #033500; border-bottom:3px solid #033500; color:#FFFFFF; font-weight:bold; padding:5px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background:rgba(147,220,52,1.00) }
#aba_left a { text-decoration:none; color:#FFFFFF;}
#aba_left a:hover { color:#000;}

#aba_midle { width:20%; margin-left:5px; display:inline-block; text-align:left; border-left:3px solid #033500; border-bottom:3px solid #033500; color:#FFFFFF; font-weight:bold; padding:5px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background:rgba(147,220,52,1.00) }
#aba_midle a { text-decoration:none; color:#FFFFFF;}
#aba_midle a:hover { color:#000;}

#aba_right { width:20%; margin-right:50px; display:inline-block; text-align:left; border-left:3px solid #033500; border-bottom:3px solid #033500; color:#FFFFFF; font-weight:bold; padding:5px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background:rgba(147,220,52,1.00) }
#aba_right a { text-decoration:none; color:#FFFFFF; }
#aba_right a:hover { color:#000;}

/*------------- Classes de formularios ---------------------- */
.option { -moz-border-radius: 8px; -webkit-border-radius: 8px; width:258px; height:30px; background:#DDDDDD; border:2px solid #A7A7A7; color:#000055; font-weight:bold; padding:5px; }
.option2 { -moz-border-radius: 8px; -webkit-border-radius: 8px; width:358px; height:30px; background:#DDDDDD; border:2px solid #A7A7A7; color:#000055; font-weight:bold;}
.option3 { -moz-border-radius:8px; -webkit-border-radius:8px; width:150px; height:30px; background:#DDDDDD; border:2px solid #A7A7A7; text-align:center; color:#FF0004; font-weight:bold;} /*botão especifico para data em preventiva30*/
.Btn_arred_a { -moz-border-radius: 8px; -webkit-border-radius: 8px; width:120px; height:25px; border:1px solid #666;}
.Btn_arred_a:hover { color:#ffffff; background:#727272 }
.text_area { box-shadow: 3px 3px #585757; border-radius:8px; background:#DDDDDD; color:#000055; font-weight:bold;}


/*------------- MENU ---------------------- */
#box_menu_t {height:90px; background:rgba(85,46,41,1.00);}
#box_menu {height:40px; background:rgba(85,46,41,1.00); margin-left:10%;  }
#box_menu ul{ list-style:none; }
#box_menu ul li{ margin-top:0px; margin:1px; height:30px; width:90px; line-height:5px; text-align:center; float:left; position:relative; border-radius:8px; font-family:Arial, sans-serif; font-size:14px; font-weight:bold; z-index:1; }
#box_menu ul li a{ text-decoration:none; color:white; display:block; padding: 5px 5px; line-height:20px; }
#box_menu ul li a:hover{ border-radius:8px; color:#B10002; transition:all 0,5s; -moz-transition:all 0,5s; -o-transition:all 0,5s; -webkit-transition:all 0,5s; }
#box_menu ul ul{ position:absolute; display:none; transition:all 0,5s; }
#box_menu ul li:hover > ul{ display:block; }
/*------------- PAGINAÇÃO ---------------------- */
.paginacao{ float:left; height:50px; padding:5px; margin-bottom:10px; color:#3594F8; font-weight:bold; margin-left:10px; }
.paginacao a{ padding:3px 10px; border:1px solid #3594F8; font:Helvetica, Arial, sans-serif; color:#3594F8; margin-right:5px; text-decoration:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px;background:rgba(214,222,255,1.00); }
.paginacao a:hover{ background:#F3F3F3; cursor:pointer; color:#0044FF;}

/*<--------------------formulario contato--------------------------------->*/


.textContato{ width:90%; padding:3% 5%; float:left;}
.textContato p{ padding:0 0 20px 0;}

.formContato{ float:left; width:48%; margin:0 5% 0 5%; height:auto;}
.formContato input, .formContato textarea{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #CCCCCC; padding:5px 3% 5px 3%;}
.formContato label{ font-size:14px; color:#333; font-weight:bold; width:30%; display:inline-block; vertical-align:top; padding-top:5px;}

.campoGrande{ float:left; width:100%; min-height:35px; padding-bottom:5px;}
.campoGrande .inputText{ width:60%; height:24px; background:#333; color:#FFF; font-size:16px;}
.campoGrande .inputMesage{ width:60%; height:90px; background:#333; color:#FFF; font-size:16px;}
.campoGrande span.textfieldRequiredMsg, .campoGrande span.textareaRequiredMsg{ margin-left:32%;}
.FormSubmit{ -moz-border-radius: 8px; -webkit-border-radius: 8px; width:130px; height:25px; border:1px solid #666; margin-left:25px;}
.FormSubmit:hover{ color:#ffffff; background:#727272 }

#boxLogin{ width:400px; height:300px; margin:10px auto 0px auto; padding:5px;}
#boxLogin input{ width:300px; border:1px solid #FFF; font-size:18px;}
#boxLogin .btn{ background:#FF3300; width:120px; height:45px;}
#boxLogin .btn:hover{ cursor:pointer; background:#900;}

.infoContato{ float:left; width:34%; margin:0 2% 0 2%; height:auto; text-align:left; padding-top:10px;}
.infoContato p{ margin-bottom:5px; line-height:27px;}
.infoContato a{display:block; height:27px; padding-right:33px; color:#333; font-size:16px;}
.infoContato a:hover{ color:#FF3300;}
.contatoFacebook a{ background:url(images/contatos.png) no-repeat right 0; }
.contatoEmail a{ background:url(images/contatos.png) no-repeat right -54px;}

@media screen and (max-width: 884px) { 
.formContato{ float:left; width:90%; margin:0 5% 0 5%; height:auto;}
.infoContato{ float:left; width:84%; margin:0 8% 0 8%; height:auto; text-align:right; padding-top:20px;}
}
@media screen and (max-width: 500px) {.infoContato a{font-size:14px;}}
@media screen and (max-width: 360px) {
.infoContato{ display:none;}
.formContato label{ font-size:14px;}
}