@charset "utf-8";
/* CSS Document */
body{
	/*color:#3666CC;*/
	color:#108664;
	font-weight: normal;
	/*background:rgba(231,231,231,1.00);*/
	  	/*font-family: 'verdana';*/
}
.azul{
	background: #3366CC;
	height: 34px;
	width: 100%;
}
.verde{
	/*background: #33A584;*/
	background: #9AC32A;
	height: 29px;
	width: 100%;
	
}
.azul2{
	background: #3366CC;
	/*height: 34px;*/
	width: 100%;
}
.verde2{
	background: #33A584;
	/*height: 29px;*/
	width: 100%;
	
}
.verdM{
	background: #008E65;
	/*background:rgba(0,47,34,0.8);*/
	color: #FFF;
	width: 100%;
	border-bottom: solid 1px #008E65;
	
}
.verdM:hover{
	background:rgba(0,47,34,1.0);
	
}
.verdM2{
	/*background: #fff; */
	background:rgba(0,47,34,0.8);
	color: #108664;
	width: 100%;
	border-bottom: solid 1px  #108664;
	cursor: pointer;
	
}
.verdM2:hover{
	/*background:rgba(0,47,34,1.0);*/
	background:#EAF8E8;
	
	
}
.tituloDentro{
	background: #037E8D;
	color:#FFF;
	font-weight: bold;
}
.opcionDentro{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: solid 1px #EAF8E8;/* #E8E8E8;/* #DDDBDB;/* #108664;*/
	cursor: pointer;

}
.opcionDentro:hover{
	color: rgba(0,47,34,1.0);
	font-weight: bold;
	
}
a{
	text-decoration: none;
	text-decoration-line: none;
	text-decoration-color: darkgray;
	color: #777788;
}
a:hover{
	text-decoration: none;
	text-decoration-line: none;
	text-decoration-color: darkgray;
	color: #777788;
	}
.descrip{
	text-decoration: none;
	text-decoration-line: none;
	text-decoration-color: none;
	color: #3366CC;
}
input[type="text"],[type="tel"],[type="date"]{
	color:#000000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
input[type="password"]{
	color:#000000;
	font-weight: bold;
	text-align: center;
}
input[type="radio"]{
	color:#000000;
	font-weight: bold;
	text-align: center;
}
select{
	color:#000000;
	font-weight: bold;
	text-align: left;
	}
option{
	/*font-weight: bold;*/
		text-align: center;
}
input[type="email"]{
	text-transform:lowercase;
}
input[type="number"] {
    color:#000000;
	font-weight: bold;
    -moz-appearance:textfield;
}
hr{
	/*border: 1px solid #FFF;*/
}
.mail{
	text-transform:lowercase;
	color:#000000;
	font-weight: bold;
}
.logocabeza{
   width: 405px;	
	height: 76px;
	/*height: 100px;*/
	
}
.unicor{
	width: 120px;
	height: 76px;
}
.choco{
	width: 200px;
	height: 76px;
}
.uagua{
	width: 235px;
	height: 76px;
}
.ulab{
	width: 130px;
	height: 76px
}
.titulo{
	font-size: 30px;
	font-weight: bold;
}
.cabecera{
	font-size: 26px;
	padding-top: 15px;
}
.menuG{
	
	
	z-index: 10;
	position: absolute;
	top: 210px;
	left:690px;
	width: 250px;;
    background: #008E65;
	color: #FFF;
	height: 0;
	overflow-x: hidden;
	 overflow-y: hidden;
    transition: 0.4s;
	}
.menuG2{
	/*display: none;*/
	height:0;
	
}
.menuG3{
	/*display: block;*/
	height: 130;
}
.menuG4{
	/*display: block;*/
	height: auto;
		
}
.verdM{
	background: #008E65;
	/*background:rgba(0,47,34,0.8);*/
	color: #FFF;
	width: 100%;
	border-bottom: solid 1px #149771;
	cursor: pointer;
}
.verdM:hover{
	background:rgba(0,47,34,1.0);
}
.MANA{
	display: block;
}
.MANA1{
	display: none;
}
.MANA11{
	display: block;
}
.MANAA{
	display: none;
}
.MANAA1{
	display: block;
}
.menu{
	background: #FFF;
	/*background:rgba(0,47,34,0.8);*/
	
}
.menuA{
	position: absolute;
	left: 1%;
	top:65px;
	/*background: #FFF;*/
	background:rgba(0,47,34,0.9);
	z-index: 100;
	border:solid 2px rgba(0,47,34,0.9);
	
}
.menuPri{
	color:#9BA0A0;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.menuPri:hover{
	color:#108664;
}
.menuPri div{

}
.menuPri li{
		list-style-type:none;
	}
.xsola, .subRes{
	cursor: pointer;
}
.textPlano{
	font-size: 16px;
	font-weight: normal;
}
.textPlano1{
	font-size: 14px;
	font-weight: normal;
}
.textPlanoP{
	/*font-size: 0.7rem;*/
	font-size: 11px;
	font-weight: normal;
}
.textPlanoInput{
	font-size: 18px;
}
.iconoAlert{
	font-size: 40;
}
.boton{
	background:rgba(54,102,204,0.8);/* #6CBE46;**/
	color:FFF;
	font-weight: bold;
	border-radius: 5px 5px 5px 5px;

	border: solid 2px #3666CC;
	cursor: pointer;
	align-content: center;
	text-align: center;
	align-items: center;
	}
.boton i{
	font-size:20px;
}
.boton:hover{
	background:rgba(54,102,204,1.0);
	
}
.boton1{
	background:rgba(216,127,0,0.8);
	color:FFF;
	font-weight: bold;
	border-radius: 5px 5px 5px 5px;

	border: solid 2px rgba(216,127,0,1.0);
	cursor: pointer;
	align-content: center;
	text-align: center;
	align-items: center;
 
	
}
.boton1 i{
	font-size:20px;
}
.boton1:hover{
	background:rgba(216,127,0,1.0);
	
}
.boton2{
	background:rgba(22,172,90,0.8);
	color:FFF;
	font-weight: bold;
	border-radius: 5px 5px 5px 5px;

	border: solid 2px rgba(22,172,90,1.0);
	cursor: pointer;
	align-content: center;
	text-align: center;
	align-items: center;
 
	
}
.boton2 i{
	font-size:20px;
}
.boton2:hover{
		background:rgba(22,172,90,1.0);
	
}
.botonE{
	background: rgba(227,7,11,0.8);
	color: #FFF;
	text-align: center;
	cursor: pointer;
	border: solid 2px rgba(227,7,11,1.0);
	border-radius: 5px 5px 5px 5px;

	 
	
}
.modalFuera{
	position: fixed;
	top:0px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	/*display: none;*/
	padding: 0px;
	margin: 0px;
	overflow-y:auto;
	/*background:rgba(0,0,0,0.6);  /* rgba(221,217,217,0.9);*/
	background:rgba(255,255,255,0.8);  /* rgba(221,217,217,0.9);*/
}
.modalDentro{
	width: 100%;
	height: auto;
	padding: 0px;
	background: #FFF;/*rgba(207,151,152,0.80);*/
	/*border: solid 2px #F05E61;*/
	border-radius: 5px 5px 5px 5px;

	 overflow-y:visible;
	
}
.munP{
	cursor: pointer;
}
.classAc, .elimina, .casaL, .responder{
	cursor: pointer;
}
.imgDiag{
	width: 700px;
	height: auto;
}
.barra1{
	background: #FFF;
	padding: 0px;
	border:hidden;
}
.barra{
	background:#3366CC;
	/*background: #33A584;*/
	padding: 0px;
	border:hidden;
}
.barra2{
	/*padding: 1px;*/
	background-color:#3366CC; 
	/*background: rgba(244,47,99,0.8);*/
	height: 1px; 
	width: 40%; 
}
.social{
	/*margin-top: 210px;*/
	margin-top: 10%;
position: fixed;
right: 0;
	z-index: 10;
}
.social > ul {
    display: inline-block;
    margin: 0;
        margin-top: 0px;
    vertical-align: top;
	list-style:none;
}
footer{
/* background-color: black;*/
  position: absolute;
  bottom: 0;
  width: 100%;
 } 
.logo-gobierno{
	width: 100%;
	height: auto;
}
.ulli{
	
  line-height:0.3;
  list-style:square;
}
.barraFooter{
	background: #E6AB2D;
	height: 10px;
}
.pres{
	color:#20427F;
	
}
.haci{
	color:#3F51B5;
}
.ambi{
	
	color:#4CAF4F;
}
.vice{
	color: #2296F3;
}
.mina{
	color: #CDDD39;
}
.tras{
	color: #8BC44A;
}
.just{
	color: #663AB7;
	
}
.come{
	color: #FF5723;
}
.vivi{
	color:#B52C57;
}
.defe{
	color: #607D8B;
}
.tic{
	color:#01BCD5;
	
}
.educ{
	color:#9B28B0;
	
}
.inte{
	color:#FF9802;
}
.cult{
	color:#FFC107;
}
.trab{
	color: #806751;
}
.rela{
	color: #08585D;
}
.agri{
	color: #009687;
	}
.salu{
	color: #04A9F4;
}
.verd{
	background: #002F22;
	color: #839CAC;
}
.titPie{
	
	border-bottom: dashed 1px #005E43;
	}
.dc{
	color:#839CAC;
}
.maila{
	color:#BBFBE7;
	text-decoration-line: underline;
	text-decoration-color:#BBFBE7;
	
}
.maila:hover{
	color:#BBFBE7;
	text-decoration-line: underline;
	text-decoration-color:#BBFBE7;
}
.menuVerA, .USSA, .SalirA, .fa-times-circle, .fa-edit, .inicio_admon, .fa-home{
	cursor: pointer;
}
.menuVerA .menuA:hover{
	display: block;
	
}
.Img_metal, .Doc_metal{
	opacity: 0;
	width: 90%;
}
.img-mapas{
	max-width: 800px;
	width: 100%;
	height: auto;
}
.muestraPez{
	position:relative;
	top: 0px;
	
	/*padding-left: 50%;*/
}
/*canvas {

max-width: 800;
width: 100%;	
height: auto;
}*/
.fuente{
	text-transform: lowercase;
}
#output, #outputDpto{
	position:absolute;
	padding:5px;
	opacity: 0.9;
	z-index: 100;
	
	
}
.VERMAS, .VERMAS2, .pasar,.foto{
cursor: pointer;
}
.docUss{
	color: #3366CC;
	cursor: pointer;
	text-decoration: underline;
}
.pasar{
	font-size: 4rem;
}
@media (max-width: 575px){
	body{
		/*background:rgba(223,128,129,1.00);*/
			
		
	}
	.logocabeza{
		width: 100%;
	   height: 46px;
}
	.titulo{
	font-size: 18px;
	
}
.cabecera{
	font-size: 14px;
	padding-top: 15px;
	
}
	.menuG{
		display: none;
	}
	.menuVer{
		font-size: 14px;
	font-weight: bold;
		
		color:#108664;
	}
	.menu{
	background:#189198/*#108664*/;
		width: 100%;
		height: 100%;
		position: fixed;
		top:0px;
		overflow-y: auto;
		z-index: 100;
		
}
	.MANA{
	display: none;
}
.MANA1{
	display: block;
}
.menuPri{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: solid 1px #3AA1A7;
	text-decoration: underline;
	
}
	.menuPri li{
		list-style-type:disc;
	}
	.menuPri:hover{
	color:#FFF;
}
.re{
	/*	padding-bottom: 4px;*/
		border-bottom: solid 1px #3AA1A7;

}
	
	
	.subRes{
		/*display: none;*/
		
	}
	.subRes li{
		list-style-type: circle;
		border-bottom: solid 1px #3AA1A7;
		
	}

.textPlano{
	font-size: 13px;
  font-weight: normal;
	
}
	.textPlano1{
	font-size: 11px;
	font-weight: normal;
	
}
		.textPlanoP{
	font-size: 12px;
	font-weight: normal;
	
}
	.textPlano4{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlanoInput{
	font-size: 14px;
}
	.imgDiag{
	width: 250px;
	height: auto;
}
	.choco{
		width: 98%;
	height: 36px;
	vertical-align: bottom;
	
}
	.barra{
	/*background: #F42F63;*/
	padding: 1px;
}
	.barra2{
	
	height: 1px; 
	width: 90%; 
	
}
	.ulli{
	
  line-height:0.1;
  list-style:square;
	

	
}
.social{
padding-right: 2;	
	top: 25%;
  display: none;
}
	
	.menuA{
	position: fixed;
	left: 0px;
	top:0px;
		width: 100%;
		height: 100%;
	/*background: #FFF;*/
	background:rgba(0,47,34,0.9);
	z-index: 100;
	border:solid 2px rgba(0,47,34,0.9);
	
}
	.menuMetales{
		
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(247,243,243,1.0);
		z-index: 10;
		overflow: auto;
	}
	.opcionDentro{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: solid 1px #108664;
	cursor: pointer;
		font-size: 14px;
	
	
}
	.tituloDentro{
	background: #037E8D;
	color:#FFF;
	font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 16px;
		
}
	.cerraMenuMetal{
		font-size: 18;
		color: #037E8D;
	}

	.pasar{
	font-size: 1.4rem;
}
	
}
@media (max-width: 767px) and (min-width: 576px){
	body{
		
		
	}
	.logocabeza{
		width: 100%;
	   height: 46px;
}
		.titulo{
	font-size: 18px;
	
}
.cabecera{
	font-size: 14px;
	padding-top: 15px;
	
}
	.menuG{
		display: none;
	}
	.menuVer{
		font-size: 14px;
	font-weight: bold;
		
		color:#108664;
	}
	.menu{
	background:#189198/*#108664*/;
		width: 100%;
		height: 100%;
		position: fixed;
		top:0px;
		overflow-y: auto;
		z-index: 100;
		
}
	
.menuPri{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: solid 1px #3AA1A7;
	text-decoration: underline;
	
}
	.menuPri li{
		list-style-type:disc;
	}
	.menuPri:hover{
	color:#FFF;
}
.re{
	/*	padding-bottom: 4px;*/
		border-bottom: solid 1px #3AA1A7;

}
	
	
	.subRes{
		/*display: none;*/
		
	}
	.subRes li{
		list-style-type: circle;
		border-bottom: solid 1px #3AA1A7;
		
	}

.textPlano{
	font-size: 14px;
  font-weight: normal;
	
}
	.textPlano1{
	font-size: 11px;
	font-weight: normal;
	
}
		.textPlanoP{
	font-size: 12px;
	font-weight: normal;
	
}
	.textPlano4{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlanoInput{
	font-size: 14px;
}
	.imgDiag{
	width: 250px;
	height: auto;
}
	
	.barra{
	/*background: #F42F63;*/
	padding: 1px;
}
	.barra2{
	
	height: 1px; 
	width: 90%; 
	
}
	.ulli{
	
  line-height:0.1;
  list-style:square;
	

	
}
.social{
padding-right: 5;	
	top: 10%;
	display: none;
}
	.MANA{
	display: none;
}
.MANA1{
	display: block;
}
	.menuMetales{
		
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(247,243,243,1.0);
		z-index: 10;
		overflow: auto;
	}
	.opcionDentro{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: solid 1px #108664;
	cursor: pointer;
		font-size: 14px;
	
	
}
	.tituloDentro{
	background: #037E8D;
	color:#FFF;
	font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 16px;
		
}
	.cerraMenuMetal{
		font-size: 18;
		color: #037E8D;
	}
	.logo-gobierno{
	width: 80%;
	height: auto;
}


}
@media (max-width: 991px) and (min-width: 768px){
	body{
		
	}
	.logocabeza{
		width: 100%;
		height: auto;
	   /*height: 46px;*/
}
	.unicor{
	/*width: 120px;*/
	width: 90%;
	height: 46px;
}
.choco{
	/*width: 200px;*/
	width: 100%;
	height: 46px;
}
.uagua{
	/*width: 235px;*/
	width: 100%;
	height: 46px;
}
.ulab{
	/*width: 130px;*/
	width: 100%;
	height: 46px
}

	.titulo{
	font-size: 18px;
	
}
.cabecera{
	font-size: 14px;
	padding-top: 15px;
	
}
	.menuG{
		display: none;
	}
	.menuVer{
		font-size: 14px;
	font-weight: bold;
		
		color:#108664;
	}
	.menu{
	background:#189198/*#108664*/;
		width: 100%;
		height: 100%;
		position: fixed;
		top:0px;
		overflow-y: auto;
		z-index: 100;
		
}
	
.menuPri{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: solid 1px #3AA1A7;
	text-decoration: underline;
	
}
	.menuPri li{
		list-style-type:disc;
	}
	.menuPri:hover{
	color:#FFF;
}
.re{
	/*	padding-bottom: 4px;*/
		border-bottom: solid 1px #3AA1A7;

}
	
	
	.subRes{
		/*display: none;*/
		
	}
	.subRes li{
		list-style-type: circle;
		border-bottom: solid 1px #3AA1A7;
		
	}

.textPlano{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlano1{
	font-size: 11px;
	font-weight: normal;
	
}
		.textPlanoP{
	font-size: 12px;
	font-weight: normal;
	
}
	.textPlano4{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlanoInput{
	font-size: 14px;
}
	.imgDiag{
	width: 250px;
	height: auto;
}
	.choco{
		width: 98%;
	height: 36px;
	vertical-align: bottom;
	
}
	.barra{
	/*background: #F42F63;*/
	padding: 1px;
}
	.barra2{
	
	height: 1px; 
	width: 90%; 
	
}
	.ulli{
	
  line-height:0.1;
  list-style:square;
	

	
}
.social{
padding-right: 2;	
top: 20%;
	display: none;
}
	.MANA{
	display: none;
}
.MANA1{
	display: block;
}
	.menuMetales{
		
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(247,243,243,1.0);
		z-index: 10;
		overflow: auto;
	}
	.opcionDentro{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: solid 1px #108664;
	cursor: pointer;
		font-size: 14px;
	
	
}
	.tituloDentro{
	background: #037E8D;
	color:#FFF;
	font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 16px;
		
}
	.cerraMenuMetal{
		font-size: 18;
		color: #037E8D;
	}

.pasar{
	font-size: 1.4rem;
}
	
}
@media (min-width: 992px) and (max-width: 1200px){
	.social{
padding-right: 10px;	
	top:15%;
	margin-top: 20%;
}
	.menuG{
	z-index: 10;
	position: absolute;
	top: 210px;
	left:320px;
	width: 250px;;
background: #008E65;
	color: #FFF;
	/*padding-left: 30px;*/
	
	
}

	/*canvas {
max-width: 100%;
height: auto;
}*/
/*.img-mapas{
	
	width:300px;
	height: 300px;
	max-width: 300px;
}*/
}
@media (max-width: 767px) and (min-width: 576px){
	body{
		
		
	}
	.logocabeza{
		width: 100%;
	   height: 46px;
}
		.titulo{
	font-size: 18px;
	
}
.cabecera{
	font-size: 14px;
	padding-top: 15px;
	
}
	.menuG{
		display: none;
	}
	.menuVer{
		font-size: 14px;
	font-weight: bold;
		
		color:#108664;
	}
	.menu{
	background:#189198/*#108664*/;
		width: 100%;
		height: 100%;
		position: fixed;
		top:0px;
		overflow-y: auto;
		z-index: 100;
		
}
	
.menuPri{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: solid 1px #3AA1A7;
	text-decoration: underline;
	
}
	.menuPri li{
		list-style-type:disc;
	}
	.menuPri:hover{
	color:#FFF;
}
.re{
	/*	padding-bottom: 4px;*/
		border-bottom: solid 1px #3AA1A7;

}
	
	
	.subRes{
		/*display: none;*/
		
	}
	.subRes li{
		list-style-type: circle;
		border-bottom: solid 1px #3AA1A7;
		
	}

.textPlano{
	font-size: 14px;
  font-weight: normal;
	
}
	.textPlano1{
	font-size: 11px;
	font-weight: normal;
	
}
		.textPlanoP{
	font-size: 12px;
	font-weight: normal;
	
}
	.textPlano4{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlanoInput{
	font-size: 14px;
}
	.imgDiag{
	width: 250px;
	height: auto;
}
	
	.barra{
	/*background: #F42F63;*/
	padding: 1px;
}
	.barra2{
	
	height: 1px; 
	width: 90%; 
	
}
	.ulli{
	
  line-height:0.1;
  list-style:square;
	

	
}
.social{
padding-right: 5;	
	top: 10%;
}
	.MANA{
	display: none;
}
.MANA1{
	display: block;
}
	.menuMetales{
		
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(247,243,243,1.0);
		z-index: 10;
		overflow: auto;
	}
	.opcionDentro{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: solid 1px #108664;
	cursor: pointer;
		font-size: 14px;
	
	
}
	.tituloDentro{
	background: #037E8D;
	color:#FFF;
	font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 16px;
		
}
	.cerraMenuMetal{
		font-size: 18;
		color: #037E8D;
	}
	.logo-gobierno{
	width: 80%;
	height: auto;
}


}
@media (max-width: 991px) and (min-width: 768px){
	body{
		
	}
	.logocabeza{
		width: 100%;
		height: auto;
	   /*height: 46px;*/
}
	.unicor{
	/*width: 120px;*/
	width: 90%;
	height: 46px;
}
.choco{
	/*width: 200px;*/
	width: 100%;
	height: 46px;
}
.uagua{
	/*width: 235px;*/
	width: 100%;
	height: 46px;
}
.ulab{
	/*width: 130px;*/
	width: 100%;
	height: 46px
}

	.titulo{
	font-size: 18px;
	
}
.cabecera{
	font-size: 14px;
	padding-top: 15px;
	
}
	.menuG{
		display: none;
	}
	.menuVer{
		font-size: 14px;
	font-weight: bold;
		
		color:#108664;
	}
	.menu{
	background:#189198/*#108664*/;
		width: 100%;
		height: 100%;
		position: fixed;
		top:0px;
		overflow-y: auto;
		z-index: 100;
		
}
	
.menuPri{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: solid 1px #3AA1A7;
	text-decoration: underline;
	
}
	.menuPri li{
		list-style-type:disc;
	}
	.menuPri:hover{
	color:#FFF;
}
.re{
	/*	padding-bottom: 4px;*/
		border-bottom: solid 1px #3AA1A7;

}
	
	
	.subRes{
		/*display: none;*/
		
	}
	.subRes li{
		list-style-type: circle;
		border-bottom: solid 1px #3AA1A7;
		
	}

.textPlano{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlano1{
	font-size: 11px;
	font-weight: normal;
	
}
		.textPlanoP{
	font-size: 12px;
	font-weight: normal;
	
}
	.textPlano4{
	font-size: 16px;
  font-weight: normal;
	
}
	.textPlanoInput{
	font-size: 14px;
}
	.imgDiag{
	width: 250px;
	height: auto;
}
	.choco{
		width: 98%;
	height: 36px;
	vertical-align: bottom;
	
}
	.barra{
	/*background: #F42F63;*/
	padding: 1px;
}
	.barra2{
	
	height: 1px; 
	width: 90%; 
	
}
	.ulli{
	
  line-height:0.1;
  list-style:square;
	

	
}
.social{
padding-right: 2;	
top: 20%;
}
	.MANA{
	display: none;
}
.MANA1{
	display: block;
}
	.menuMetales{
		
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(247,243,243,1.0);
		z-index: 10;
		overflow: auto;
	}
	.opcionDentro{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: solid 1px #108664;
	cursor: pointer;
		font-size: 14px;
	
	
}
	.tituloDentro{
	background: #037E8D;
	color:#FFF;
	font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 16px;
		
}
	.cerraMenuMetal{
		font-size: 18;
		color: #037E8D;
	}


	
}
@media (min-width: 992px) and (max-width: 1200px){
	.social{
padding-right: 10px;	
	top:15%;
	margin-top: 20%;
}
	.menuG{
	z-index: 10;
	position: absolute;
	top: 210px;
	left:320px;
	width: 250px;;
background: #008E65;
	color: #FFF;
	/*padding-left: 30px;*/
	
	
}
	
}
@media (min-width: 1201px) and (max-width: 1400px){
	.social{
padding-right: 10px;	
	top:15%;
	
}
	.menuG{
	z-index: 10;
	position: absolute;
	top: 210px;
	left:400px;
	width: 250px;;
background: #008E65;
	color: #FFF;
	/*padding-left: 30px;*/
	
	
}
	
}
/*@media (min-width: 1431px) and (max-width: 1600px){
	.social{
padding-right: 10px;	
	top:15%;
	
}
	.menuG{
	z-index: 10;
	position: absolute;
	top: 210px;
	left:480px;
	width: 250px;;
background: #008E65;
	color: #FFF;
	
	
	
}
	
}*/
/*@media (min-width: 1601px){
	.menuG{
	z-index: 10;
	position: absolute;
	top: 210px;
	left:690px;
	width: 250px;;
background: #008E65;
	color: #FFF;

	
	
}
}*/