/* CSS Document */

*{margin: 0 auto; padding: 0;}
.clear{clear: both; height: 30px;}
body{ font-family: arial; font-size: 12px;}

#geralPluguinIndex{ margin: 0 auto; padding: 0; border: 0px solid #000; width: 100%;}

.geralPluguin{ float:left; width: 100%; border-top: 3px solid #3A434A;  border-bottom: 1px solid #E9E9E9; overflow: hidden; margin: 20px 0 0 0; }
.content-pluguin{float: left; height: 250px; border: 0px solid; width: 70.833%;}
.fotoEmp{float: left; width: 27%; height: 250px; overflow: hidden;}
.fotoEmp .imagemPluguim{ min-width: 100%; max-width: 100%; max-height: 270px; min-height: 250px; overflow: hidden;}

.geralDescFrame{width: 71.875%; float: left; border: 0px solid; margin: 1% 0 0 0.5%;}
.titlePluguin{float: left; margin: 0 0 0 1.1em; height: auto; width: 95%; border: 0px solid; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 1.625em; color: #414141;}
.endPluguin{float: left; width: 95%; border: 0px solid; margin: 0.5em 0 0 1.5em; font-family: 'Roboto', sans-serif; font-size: 14px; font-style: italic; color: #000;}



.descPluguin{float: left; width: 95%; border: 0px solid; margin:  0.5em 0 0 1.5em; font-family: 'Roboto', sans-serif; font-size: 1.3em; color: #7F7F7F;}
.descPluguin .element{float: left; width: 47%; border:0px solid; margin: 8px 1% 0 0; font-family: 'Roboto', sans-serif; font-style: italic; color: #4a4a4a;}
.descGeral{float: right; width: 28.125%; height: 250px; border: 0px solid; /*overflow: hidden;*/}
.TextdescGeral {float: right; width: 83.33%; height: 250px; border: 0px solid; background-color: #eae9e9;  overflow: hidden; font-family: 'Roboto', sans-serif;}
.TextdescGeral .textP{float: left; width: 94%; border: 0px solid; color: #6a6a6a; background-color: #eae9e9; /*overflow: hidden;*/ font-family: 'Roboto', sans-serif; padding: 6px 6px 0 6px; text-align: justify; font-size: 14px; font-style: italic;} 
.TextdescGeral .textS{float: left; width: 97%; border: 0px solid; color: #6a6a6a; background-color: #eae9e9; /*overflow: hidden;*/ font-family: 'Roboto', sans-serif; padding: 6px; text-align: justify; font-size: 14px; font-style: italic;}
.TextdescGeral .textTit{float: left; width: 100%; border: 0px solid; color: #818181; font-weight: bold; background-color: #eae9e9; /*overflow: hidden;*/ font-family: 'Roboto', sans-serif; margin: 2px 0 0 0; padding: 6px; text-align: justify; font-size: 18px; font-style: italic;}

.opcoes{float: left; margin: 20px 0 0 0; width: 100%; height: 75px; border:0px solid; }
.gIcone{float: left; width: 20%; height: 85px; overflow: hidden; border: 0px solid;  cursor: pointer; }
.icone{float: left; width: 45px; height: 45px; overflow: hidden; margin: 0 0 0 25px;}
.acao{ position: relative; z-index: -1; width: 45px; height: 45px; top: -45px; left: 0; background-color:#813130;  }
.iconDes{ position: relative; z-index: -1; width: 45px; height: 45px; top: 0; left: 0; background-color: #234F8C;}
.iconAtiv{ position: relative; z-index: -1; width: 45px; height: 45px; top: 0px; left: 0; background-color: #3a434a;}
.acaotexto{ float: left; opacity: 0.5; width: 100%; text-align: center;  height: 45px; margin: 2px 0 0 0; font-family: 'Roboto', sans-serif; font-size: 1.2em; font-style: italic;}
.iconesPluguin{  cursor: pointer; z-index: 1000; margin: 0 0 0 0; width: 45px; height: 45px;  border:0px solid #000;  }

.btDetalhe{ float: right; border:0px solid; width: 16.666%; overflow: hidden;  height: 251px; }
.btBack{float: right; z-index: 1; width: 45px; height: 251px; border: 0px solid;}
.acaoDt{ position: relative; z-index: -1; top: -252px; width: 90px; }
.iconDesDt{float: left; z-index: -1; width: 45px; top:0;  height: 251px; background-color: #234F8C;}
.iconAtivDt{float: left;  z-index: -1; width: 45px; top:0; height: 251px;  background-color: #BE2B1F;}
.ocult{display: block;}

.window{
			display:none;			
			
			position:absolute;
			left:0;
			top:0;
			background:#FFF;
			z-index:9900;
			padding:10px;
			
		}
.window2{
			display:none;
			width:590px;
			
			position:absolute;
			left:0;
			top:0;
			background:#FFF;
			z-index:9900;
			padding:10px;
			
		}
		#mascara{
			position:absolute;
  			left:0;
  			top:0;
  			z-index:9000;
  			background-color:#000;
  			display:none;
		}

		.fechar{display:block; text-align:right;}

#janela1{width: 59%; height:485px;}
#janela2{width: 43%; height:400px;}

			.btDetMob{display: none;}
a.link-pluguin:link, a.link-pluguin:visited { text-decoration: none; color: #000000;}
a.link-pluguin:hover {text-decoration: none; }
a.link-pluguin:active {text-decoration: none; }

@media (max-width: 480px) {

	.geralPluguin{ float:left; width: 98%; overflow: hidden; margin: 3% 0 0 1%; }
	.fotoEmp{float: left; width: 25%; height: 250px; overflow: hidden;}
	.descGeral{float: right; width: 28.125%; height: 250px; border: 0px solid; display: none;}
	.btDetMob{display: block; float: right;  border-left: 1px solid #a2a1a1; height: 147px;}
	.geralDescFrame{width: 71.875%; float: left; border: 0px solid; margin: 1% 0 0 2%;}
	.content-pluguin{float: left; height: 145px; border: 0px solid; width: 100%; background-color: #ecebeb; }
	.ocult{display: none;}
	.ocult2{display: none;}
	.gIcone{float: left; width: 32%; height: 85px; overflow: hidden; border: 0px solid;  cursor: pointer; }
	.fotoEmp .imagemPluguim{ min-width: 100%; max-width: 100%; max-height: 145px !important; min-height: 145px; overflow: hidden;}
	.fotoEmp{float: left; width: 25%; height: 145px; overflow: hidden;  }

.descPluguin{float: left; width: 88%; border: 0px solid; margin:  0.5em 0 0 0; font-family: 'Roboto', sans-serif; font-size: 1.2em; color: #7F7F7F;}
.titlePluguin{float: left;  height: 25px; overflow: hidden; width: 86%; margin: 0; height: 20px; overflow: hidden; border: 0px solid; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 1.3em; font-weight: bold; color: #414141;}
.endPluguin{float: left; width:  88%; border: 0px solid; margin: 0.5em 0 0 0; font-family: 'Roboto', sans-serif; font-size: 14px; font-style: italic; color: #000;}




}

@media (min-width: 481px) and (max-width: 767px){ 

	.acaotexto{ float: left; display: none; opacity: 0.5; width: 100%; text-align: center;  height: 45px; margin: 2px 0 0 0; font-family: 'Roboto', sans-serif; font-size: 1.2em; font-style: italic;}
	.descPluguin{float: left; width: 95%; border: 0px solid; margin:  0.0em 0 0 1.5em; font-family: 'Roboto', sans-serif; font-size: 1.3em; color: #7F7F7F;}

	#textoTopo{display: none;}
	.geralPluguin{ float:left; width: 98%;  overflow: hidden; margin: 3% 0 0 1%; }
	.descGeral{float: right; width: 6.8%; height: 250px; border: 0px solid;}
	.btDetalhe{ float: right; border:0px solid; width: 100%; overflow: hidden;  height: 251px; }
	.TextdescGeral {float: right; width: 83.33%; height: 250px; border: 0px solid; background-color: #eae9e9; display: none; /*overflow: hidden;*/ font-family: 'Roboto', sans-serif;}
	.content-pluguin{float: left; height: 250px; border: 0px solid; width: 92.833%;}
	.ocult{display: none;}

	#janela1{width: 85%; overflow-x: scroll; top:10%!important; height:300px;}
	#janela2{width: 85%; overflow-x: scroll; top:10% !important; height:300px;}
	.titlePluguin{float: left; margin: 0 0 0 1.1em; height: 25px; overflow: hidden; width: 95%; border: 0px solid; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 1.625em; color: #414141;}


}

@media (min-width: 768px) and (max-width: 959px){ }