/* CSS Document */

body {background-color:white; padding: 0; margin: 0;font-size: 17px; font-family: Arial , "Arial"; width: 100%; }
input, button, select {padding: 10px; margin: 0;}
table, caption, tbody, tfoot, thead, tr, td, th{margin: 0;padding: 0;border: 0;font-size: 100%;font:inherit;vertical-align: baseline;font-family: Arial , "Arial";}
table{border-collapse: collapse; border-spacing: 0;font-family: Arial , "Arial"; }
input:hover, button:hover,  select:hover {box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 20px, rgba(0, 0, 0, 0.12) 0px -12px 15px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}


#alertas {padding: 0; margin: 0; width: 100%; z-index: 50; position: fixed; top: 100px; }
#alertas button { padding: 15px; margin: 5px;}
#alertas #alertasDiv01{ box-shadow: 0 0 10px #e0e; position: relative; width: 90%; max-width: 600px;  padding: 10px; border: 5px solid red; border-radius: 5px; background-color: white;}
.botaoSairDoAlert{ position: absolute ; right: 5px; top: 5px; border-radius: 17px; height: 35px; width: 35px; background-color: red; }
.botaoSairDoAlert:hover{background-color: darkred;}



.centralizarDiv {width: 100%;margin: 0;	padding: 0;	display: -moz-box;	-moz-box-pack: center;	-moz-box-align: center;	/* Safari and hrome */	display: -webkit-box;	-webkit-box-pack: center;	-webkit-box-align: center;	/* W3C */	box-pack: center;	box-align: center;	margin-left: auto;	margin-right: auto;	display: flex;	flex-direction: row;	flex-wrap: wrap;	justify-content: center;}


#divPainel{ width: 100%; text-align: center; overflow: hidden; }
#divPainel #Painel{ width: 100%; overflow: hidden; }
#divPainel #Painel #flayers{display: flex; }
#divPainel #Painel #flayers img {width: 400px; height: 350px;}
.classF{ background-color: #222;}

#Cabecalho{padding-top: 40px; }
.cab_02_a{ text-align: center;padding: 10px; width: 100%;}
.cab_02_a h2{  padding: 0px; margin: 0px; color: darkviolet; }
.cab_02_a img{  height: 60px ; width: auto; }
.cab_02{ text-align: center;padding: 20px; }
.cab_02:hover{ background-color: #eee; cursor: pointer; }
.cab_02 img{ width: 30px; height: 30px; background-color: #111; border-radius: 50%; padding: 5px;}
.cab_02 p{ padding: 0px; margin: 0px; color: darkviolet;font-family: FreeMono, monospace}


#video {padding-top: 40px;}
.video_02 { padding: 0px; border: 2px solid darkviolet;  }
.video_03 { padding: 0px;  }
.video_03 p{ padding: 10px; padding-left: 20px; margin: 0px ; font-style: italic ; text-overflow: ellipsis; }
.video_03 p:hover{ color: white; background-color: darkviolet; cursor: pointer; }
.videoSelecionado{ color: white; background-color: darkviolet;}

.divKits{width: 100%; padding-top: 60px;padding-bottom: 20px; text-align: center;}
.divKits_01{width: 100%; max-width: 800px;}
.divKits_01 .tit_divKits{ padding: 20px 0px;}
.divKits_01 h3 { color: darkviolet; padding: 0; margin: 0; font-family: Didot, serif; text-shadow: 1px 0px 13px rgba(108, 8, 128, 0.52);}
.divKits_01 h3 a { padding-left: 30px; font-size: 14px; text-shadow:none;color:blue ;font-family: FreeMono, monospace}
.servicos{ width: 250px; padding: 5px; color: #444; padding-bottom: 20px; }
.servicos img { width: 230px; height: 230px;}
.servicos img :hover { border: 1px solid darkviolet; cursor: pointer; }
.servicos h4 { font-weight: 100; position: relative; text-align: left; padding: 5px; padding-left: 10px; margin: 0px;text-shadow: 1px 0px 13px rgba(108, 8, 128, 0.52);}
.servicos h4 button { position: absolute; right: 15px; top: 10px; font-family: FreeMono, monospace; padding:0px; background-color: transparent; border: none;text-shadow: 1px 0px 13px rgba(108, 8, 128, 0.52);}
.servicos h4 button:hover { text-shadow: none;}
.servicos p { text-align: left; font-size: 14px; padding: 5px; padding-left: 10px; margin: 0px; text-height: 17px; text-overflow: ellipsis;}
.servicos a { font-size: 14px; font-weight: 100; color:blue ;font-family: FreeMono, monospace}
.servicos .divKits_01 a :hover , .servicos .divKits_01 h3 a :hover { background-color: #eee; cursor: pointer; }


#Porque { background-color: #eee; padding: 20px 0px;}
#Porque h1{ color: #DCFFD3; text-shadow: 3px 1px 3px rgba(108, 8, 128, 0.97);}
.servicos2{ width: 100%; padding: 30px 0px; color: #444; padding-bottom: 10px; }
.servicos2 img { width: 400px; height: 400px;}
.servicos2 h3 { font-weight: 100; font-size: 95%; text-align: left; padding: 10px; padding-left: 30px; margin: 0px;text-shadow: 1px 0px 13px rgba(108, 8, 128, 0.52);}
.servicos2 p { width:350px; text-align: left; font-size: 18px; padding: 5px; padding-left: 30px; margin: 0px;font-family: initial }

#enderecos{background-color: darkviolet; color: #ddd; width: 100%; padding: 40px 0px; }
#enderecos p {text-align: left; }
.iinfo button{ width: 150px; color: darkviolet; font-size: 18px;}


@media screen and (max-width : 755px){
    .divKits_01 h3 { font-size: 90%; }
    .servicos2 img {width: 100%; height: 100%; min-width: 350px; min-height: 350px;}

}