* {
  
  	padding:0;
 	margin:0;
}


a.open{
	
	padding: 5px 0px;
	text-decoration: none;
	text-shadow: 2px 2px 0px #000;
	transition:all .5s ease-in-out;
	-moz-transition:background-color 1s;
	-webkit-transition:background-color 1s;
	-o-transition:background-color 1s;
	-ms-transition:background-color 1s;

}



section.modalDialog{
	background-color: rgba(0,0,0,.5);
	bottom: 0;
	top:0;
	left: 0;
	right: 0;
	opacity: 0;
	position: fixed;
	display: none;
	z-index: 11;
	
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;


}

section.modalDialog:target{
	opacity: 1;
	display: block;
	

	
}

a.close{
	background-color: red;
	
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	position: absolute;
	right: 5px;
	top:5px;
	text-align: center;
	text-decoration: none;
	width: 28px;
	
}

a.close:hover{
	background-color: #000;
}

section.modal{
	background-color:#343434;
	box-shadow: 0px 0px 10px white;
	border-radius: 5px;
	margin: 1.5% auto;
	padding: 20px;
	position: relative;
	width: 80%;
	height: 610px;
	overflow-y: scroll;



}
.tablas{
	
border-collapse: collapse;
  text-align: center;
  background: rgba(112,111,111,111);
  float: inherit;
   font-size: 16px;
   font-weight: bolder;
   width: 100%;
 	
  border-radius: 10px 10px 10px 10px;
}
.tablas tr{
	 
	 text-align: center;
    border-top: 3px solid rgba(240,240,240,240);  
     color: white;
}

.tablas td {   
	 padding: 8px; 
	 font-size: 16px;
	 border-bottom: 1px solid #fff;
     border-top: 1px solid transparent;
}


 #titulosTab {
	
	background: orange;
	
	font-weight: bold;
	
	


}
#imagenes{
		width: 100%;
		
		filter: saturate(180%);

}
#imagenes1{
		width: 100%;
		filter: saturate(150%);

}
#im_pe{
	width: 49%;
	height: 500px;
}


/*modal contacto formulario*/

a.open{
	color:white;
	padding: 5px 0px;
	text-decoration: none;
	text-shadow: 2px 2px 0px #000;
	transition:all .5s ease-in-out;
	-moz-transition:background-color 1s;
	-webkit-transition:background-color 1s;
	-o-transition:background-color 1s;
	-ms-transition:background-color 1s;


}



section.modalF{
	background-color: rgba(0,0,0,.5);
	bottom: 0;
	top:0;
	left: 0;
	right: 0;
	opacity: 0;
	position: fixed;
	display: none;
	
	
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;


}

section.modalF:target{
	opacity: 1;
	display: block;
	z-index: 2;
	padding-top: 46px;	
}

a.close{
	background-color: red;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	position: fixed;
	right: 5px;
	top:5px;
	text-align: center;
	text-decoration: none;
	width: 28px;
	
}

a.close:hover{
	background-color: #000;
}

section.modalForm{
	background-color:#ff9529;
	box-shadow: 0px 0px 10px #fff;
	margin-top: 3%;
	margin-left: 20%;
	border-radius: 5px;
	
	width: 900px;
	height: auto;
	position: absolute;
}

@media screen and (max-width:390px)  {
		
		.tablas tr{
			font-size: 11px;
			padding: 0;
		}

		.tablas td {   
			 
			 font-size: 11px;
			 padding: 0;
			 
		}
		#im_pe{
			width: 49%;
			height: 200px;
		}
}
@media screen and (max-width:480px) and (min-width: 391px){
	.tablas tr{
			font-size: 11px;
			padding: 0;
		}

		.tablas td {   
			 
			 font-size: 11px;
			 padding: 0;
			 
		}
		#im_pe{
			
			height: 200px;
		}
}
@media screen and (max-width:760px) and (min-width: 481px){
	.tablas tr{
			font-size: 13px;
			padding: 0;
		}

		.tablas td {   
			 
			 font-size: 13px;
			 padding: 0;
			 
		}
		#im_pe{
			
			height: 200px;
		}
}


@media screen and (max-width: 1024px) and (min-width: 761px){
		.tablas tr{
			font-size: 15px;
			padding: 0;
		}

		.tablas td {   
			 
			 font-size: 15px;
			 padding: 0;
			 
		}
		#im_pe{
			
			height: 300px;
		}
}
@media screen and (max-width: 1200px) and (min-width: 1025px){
	.tablas tr{
			font-size: 17px;
			font-weight: normal;
		}

		.tablas td {   
			 
			 font-size: 17px;
			 padding: 0;
			 
		}
}