*{ 	margin:auto; 
	padding:0;
 } /*Codigo que mantiene centrada la pagina en la pantalla*/

/*DEFINICION DE ETIQUETAS HTML5 PARA NAVEGADORES ANTIGUOS*/
contenedor, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, section_obras, section_publicar, recibido, nav_inicio, contenido_inicio, section_inicio, image, noticias, areaservicios1, areaservicios2, contenido_subirdatos, section_subirdatos, prop {display: block;} 
/*QUITA BORDE AZUL EN LOS ENLACES DE ALGUNOS NAVEGADORES COMO I.E.*/
img     { border-style: none }

/*DEFINICION DE FUENTES GENERALES (NO USAR LA UNIDAD "em" YA QUE ALGUNOS NAVEGADORES NO LA INTERPRETAN CORRECTAMENTE*/
h1		{font-size: 32px; color:black ; font-weight: bold ; text-decoration: none ; 
		text-align: ; font-family: "Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial; margin: 5px 0px 5px 0px;text-indent:0px}

h2 		{font-size: 18px; color:black ; font-weight: none ; text-decoration: none ; 
		text-align: left; font-family: "Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial; margin: 4px 2px 0px 2px;text-indent:10px}

h3 		{font-size: 16px; color:black ; font-weight: none ; text-decoration: none ; text-indent:5px;
		text-align: left; font-family:"Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial; margin: 4px 2px 0px 2px; padding-left:0px;}

h4 		{font-size: 14px; color:black ; font-weight: none ; text-decoration: none ; text-indent:10px;
		text-align: left; font-family:"Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial; margin: 3px 0px 0px 0px;padding-left:5px; padding-right:5px;}	

h5		{font-size: 12px; color:black ; font-weight: bold; text-decoration: none ; text-indent:5px;
		text-align: left; font-family: "Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial; margin: 4px 0px 4px 4px; padding-right:5px; padding-top:0px;}

h6		{font-size: 10px; color:#848484 ; font-weight: bold; text-decoration: none ;  display:inline; text-indent:10px; padding-left:5px;
		text-align: left; font-family: "Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial; margin: 3px 0px 0px 0px;}
	
p 		{font-size: 12px; color:black ; font-weight:  ; text-decoration: none ; text-indent:20px;
		text-align: left; font-family: "Arial Narrow", "Sans Serif 3", verdana, arial; margin: 3px 0px 0px 0px; padding-left:5px;padding-right:5px;}

.txt_apagado{
	color:#BDBDBD;
}

						#cuadroResul h2{
							color:white;
							font-weight: bold ;	
						}
						
						#cuadroResul #cuadroColumna100r{
							background:#2C3E50;
						}
						
/*LINEA PUNTEADA*/
.separadorM {
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorCO{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorCA{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorREVO{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorREVE{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorRYCIE{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorRYTAB{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.separadorRYREV{
			border-top: 2px dashed;
			border-bottom:0px;
			color:silver;
			display:none;
}
.flotante {
			float:left;
			display:scroll;
			position:fixed;
			bottom:60px;
			right:40px;
			box-shadow:0px 0px 0px ;
}
.imagen_flot{
			width:50px;
			height:auto;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid;
			border-bottom: 0px silver solid; 
			position: relative;
			box-shadow:2px 2px black;
			opacity: 0.25;
}

img:hover{
			box-shadow:0px 0px ;
			opacity: 1;
}
img:active{
			box-shadow:-2px -2px black;
}

/*DEFINICION DE LOS LINKS
a				{font-size: 0.9em; color:white ; font-weight: none ; text-decoration: none ; 
				text-align: center; font-family:Century Gothic, Trebuchet MS, verdana, arial; margin: 5px 0px 0px 0px;}
a:visited		{ ;}
a:link			{ ;}
a:hover			{color:white ; text-decoration:underline; FONT-WEIGHT: bold; background-color:;}
a:active		{text-decoration: none ;-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); }			
*/
/*DEFINICION DE ETIQUETAS*/


label{
	font-size: 16px; 
	color:white ;
	text-align: left;
	float:left;
}

/*DEFINICION DEL CUERPO DE LA PAGINA*/		
body 	{width: 100%; text-align: center;  float:center ; background-color:white}  /*Con width: 800px definimos el ancho de nuestra pagina*/

/*DEFINICION DEL FONDO DEL CUERPO DE PAGINA DEGRADADO PARA LOS DIFERENTES NAVEGADORES*/	
body       	{ background: white; /* Old browsers */
		 background: -moz-linear-gradient(top, white 0%, white 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,white)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, white 0%,white 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, white 0%,white 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, white 0%,white 100%); /* IE10+ */
		background: linear-gradient(top, white 0%,white 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='white',GradientType=0 ); /* IE6-9 */
}

			/*--------------------------INICIO HEAD-------------------------------*/				 
			header	{ 
					width: 100%; 
					height:auto; 
					float:left;
					background-color: white; 
					margin-top:0px;
					margin-bottom:0px;
					margin-left:0%;
					/*background-image:url("objetos/encabezado6.jpg"); */
					border-left: 0px silver solid; 
					border-top: 0px silver solid; 
					border-right:0px silver solid;
					border-bottom: 0px silver solid; 
					
					padding-bottom:3px;


					-moz-border-radius-topleft: 0px;
					-moz-border-radius-topright: 0px;
					-moz-border-radius-bottomright: 0px;
					-moz-border-radius-bottomleft: 0px;
					-webkit-border-radius: 0px 0px 0px 0px;
					border-radius: 0px 0px 0px 0px;

					-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
					-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
					box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
					
					position: fixed;
						z-index: 100;
			}


				/*CABECERA IZQUIERDA
				#cabI	{
						float:left; 
						background-color:RED; 
						border: 0px ; 
						width:41%; 
						height:auto; 
						margin-top: 5px; 
						margin-left:18%;
						margin-right:0%;
						margin-bottom:0px;		
				}*/
				/*clase logo*/
				.logo 	{
						position:absolute;
						float:left; 
						background-color:; 
						border: 0px; 
						width:77%; 
						height:auto; 
						top: 5px; 
						left:18%;
						margin-right:0%;
						z-index:-1;
				}
				
				/*clase botones inicio y registro*/
				.registro 	{
							float:right; 
							background-color:; 
							border: 0px; 
							width:12%; 
							height:auto; 
							margin-top: 0%; 
							margin-left:0%;
							margin-right:1%;
				}
				/*FIN CABECERA IZQUIERDA*/
				
				/*CABECERA DERECHA*/			
				#cabD	{
						float:RIGHT; 
						background-color:; 
						text-align:right;
						border: 0px; 
						width:36%; 
						height:auto; 
						margin-top: 5px; 
						margin-left:0%;
						margin-right:5%;
						}
				#cabD h3 {
						text-align: right; 
						padding-right:0%;
						}	
				/*FIN CABECERA DERECHA*/

						/*DIV PARA INICIO DE SESION ver si se usa*/			
						#sesion	{	
								width: 100%; 
								height:auto; 
								float:right;
								background-color:; 
								margin-top:0px; 
								margin-bottom:0px;
								border: 0px solid;
						}
						
						#sesion img:active	{
											box-shadow:0px 0px white;
						}
						
						#reg	{	
								width: 100%; 
								height:auto; 
								float:right;
								background-color:; 
								margin-top:0px; 
								margin-bottom:0px;
								border: 0px solid;
						}
						
						#sesion h4{
									text-align:right;
									margin-right:0px;
						}
						
						/*DIV PARA cafecito	*/	

						#contenedorCafecito	{
							/*habilitar en pntallas chicas*/
						}

						/*clase boton cafecito*/
						.cafecitobtnInf 	{
											width:16.5%;
											height:auto;
											float:right; 
											margin-left:0px;
											margin-bottom:0px;
											margin-top:1px;
											margin-right:1px;
											background-color:; 
											padding:5px;
											border: 0px; 
						}
						
						.cafecitobtnSup 	{
											width:35%;
											height:auto;
											float:right; 
											margin-left:0px;
											margin-bottom:0px;
											margin-top:1px;
											margin-right:1px;
											background-color:; 
											padding:5px;
											border: 0px; 
						}
										
/*-------------------FIN HEAD---------------------------*/		

/*----------------INICIO DEFINICION DE LA BARRA DE NAVEGACION-----------------*/		 
				nav		{
						width: 12%;
						height:auto;
						float:left;
						margin-left:5%;
						margin-top:5px;
						background-color: white;
						font:;
						overflow-Y: hidden;
						overflow-X: hidden;
						position: fixed;
						z-index: 100;
				}
				nav ul			{list-style:none;
								margin-left:0px;
								}			
				nav ul li a 			{float:left; font-size: 17px; color:black ; font-weight: none ; text-decoration: none ; float:left; display:block;
								 font-family:Arial Narrow, Century Gothic, Trebuchet MS, verdana, arial; margin: 0px 0px 0px 0px; }
				nav ul li a:link 		{ ;}
				nav ul li a:visited 	{ ;}
				nav ul li a:hover 		{color:black ; text-decoration:none; FONT-WEIGHT: bold; background-color:white;}
				nav ul li a:active 		{text-decoration: none ;-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); }			



				.imgnav		{
								width: 60%;
								height:auto;
								float: left;
								margin-left:0%;
								margin-top:0%;
								margin-bottom:2%;
								background-color:white;
								font:;
							}
							
				.botonmenu		{
									width:100%;  
									float: left; 
									background:white;  
									text-align: left; 
									font-size: 17px; 
								}
								
				.botontitulo	{
									width:100%;  
									float: left; 
									background:white;  
									text-align: left; 
									font-size: 17px; 
								}	
								
				.botonmenuvacio	{
									width:100%;
									height:10px;  
									float: left; 
									background:white;  
									text-align: left;  
								}


/*Navegador alternativo para dispositivos moviles*/

				.box{
					display:flex;
					flex-direction:row;
					flex-wrap:no-wrap;/*cuando no entran salta de linea*/
					align-items:center;
					justify-content: center;
				}
				#navh		{ width:100%; 
					height:auto;
					float:left;
					background:white;
					margin-top:2px; 
					margin-left:0px;
					padding: ;
					display:none;
				}

				/*Caracteristicas de los botones de navegación*/		
				.imagen_boton 	{
								float:center; 
								width:90%;
								margin-left:10%;
								margin-bottom:0.5%;
								background-color:  ; 
								border: black 1px  solid ;
								box-shadow:3px 3px black;
								flex: 1 1 auto;
				}
				.imagen_boton_activo 	{
								float:center; 
								width:90%;
								margin-left:10%;
								margin-bottom:0.5%;
								background-color:  ; 
								border: black 1px  solid ;
								box-shadow:0px 0px black;
								flex: 1 1 auto;
				}
				.imagen_boton_i 	{
								float:center; 
								background-color:  ; 
								border: black 1px  solid ;
								box-shadow:3px 3px black;
								width:190px;
								margin-bottom:7px;
								margin-top:7px;
				}
				.imagen_boton_i_activo 	{
								float:center; 
								background-color:  ; 
								border: black 1px  solid ;
								box-shadow:0px 0px black;
								width:190px;
								margin-bottom:7px;
								margin-top:7px;
				}		
				.txtmenu	{
							/*OCULTO EL TEXTO AL LADO DEL ICONO EN EL MENU PARA PANTALLAS GRANDES*/
							display:none;
				}
				/*index*/
				.txtmenu_i	{
							/*OCULTO EL TEXTO AL LADO DEL ICONO EN EL MENU PARA PANTALLAS GRANDES*/
							display:none;
				}
				
				
				
				
				
				
								
								
/*-----------------INICIO DEFINICION DE LAS CARACTERISTICAS DE "SECTION"----------------*/				
				section	{ 	
							width: 77%; 
							height:auto; 
							float: left;
							margin-left: 18%;
							margin-top:10%;
							background-color: white;
							border-left: 0px silver solid; 
							border-top: 0px silver solid; 
							border-right:0px silver solid;
							border-bottom: 0px silver solid;
							
							-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
							-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
							box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
						}										
/*----------------FIN DEFINICION DE LAS CARACTERISTICAS DE "SECTION"--------------------*/

						/*	#contenidoI	{
										width: 98%;  
										float:left;
										background-color:#0B4C5F; 
										margin-top:10px; 
										margin-left:0px; 
										padding-bottom:10px
							}
								*/					
							#cuadroIng		{
											width: 100%;  
											float:left;
											background-color:white; 
											margin-top:5px; 
											margin-bottom:5px;
											margin-left:0px; 
											padding:0px;
							}
							
													/*-------------estilosha3-----------------*/
													#cuadroIngMUR		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
														
													#cuadroIngCON		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngCAR		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngRVQ		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngRVE		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngTPY		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngCPY		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngRPY		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngBAS		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngPIL		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngCOL		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngVIG		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngLHA		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													
													#cuadroIngLHP		{
																	width: 100%;  
																	float:left;
																	background-color:white; 
																	margin-top:5px; 
																	margin-bottom:5px;
																	margin-left:0px; 
																	padding:0px;
													}
													/*-------------estilosha3-----------------*/
							
							
							
							#cuadroResul		{
											width: 100%;  
											float:left;
											background-color:white; 
											margin-top:15px; 
											margin-bottom:5px;
											margin-left:0px; 
											padding:0px;
							}
							
							#cuadroCostos		{
											width: 100%;  
											float:left;
											background-color:white; 
											margin-top:5px; 
											margin-bottom:5px;
											margin-left:0px; 
											padding:0px;
							}
							
							#cuadroRendi		{
											width: 100%;  
											float:left;
											background-color:white; 
											margin-top:5px; 
											margin-bottom:5px;
											margin-left:0px; 
											padding:0px;
							}
							
							
							/*CUADRO CONTENEDOR DEL TITULO (barra superior del cuadro con botones)*/
							#cuadroTitulo	{
											width: 100%;  
											float:left;
											background-color:#FA6D03; 
											color:white;
											margin:0px; 					
							}		
							form {
								background-color:white;
							}
							
							#imagenIng50	{
										width: 50%;  
										float:left;
										background-color:black; 
										color:;
										margin-top:2px; 
										z-index:0;
							}
							
							#imagenIng50ha	{
											width: 50%;  
											float:left;
											background-color:black; 
											color:;
											margin-top:2px; 
											z-index:0;
							}

							.img50 	{
										float:left; 
										background-color:  ; 
										border: black 0px  solid ; 
										width:46%; 
										height:auto; 
										margin-top: 0px; 
										margin-left:2%;
										margin-right:2%;
							}
							
							.img100 	{
										position:;
										float:left; 
										background-color:  ; 
										border: black 0px  solid ; 
										width:96%; 
										height:auto; 
										margin-top: 0px; 
										margin-left:2%;
										margin-right:2%;
										
							}
							
							#img
							{
								position:;
								left:0px;
								top:0px;
								z-index:0;
								}
							
							#img1
							{
								position:absolute;
								left:10px;
								top:10px;
								z-index:1;
								}
								 
							#img2
							{
								position:absolute;
								left:20px;
								top:20px;
								z-index:1;
							}
							
							#datosIng25	{
										width: 25%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
							
							#datosIng25ha	{
											width: 25%;  
											float:left;
											background-color:white; 
											color:white;
											margin-top:2px; 
							}
							
							#datosIng33ha	{
											width: 33%;  
											float:left;
											background-color:white; 
											color:white;
											margin-top:2px; 
							}
							
							#datosIng25i	{
										width: 35%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
							
							#datosIng25i_2	{
										width: 35%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
							
							#datosIng25d	{
										width: 15%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
							
							#datosIng50	{
										width: 50%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
							
							#datosIng50_1	{
										width: 50%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
							
							#datosIng50_2	{
										width: 50%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:0px; 
							}
							
							#datosIng50_3	{
										width: 50%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:0px; 
							}
							
							#datosIng50_4	{
										width: 50%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:0px; 
							}
							
							#datosIng50_5	{
										width: 100%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:0px; 
							}
							
							#datosIng50ha	{
											width: 50%;  
											float:left;
											background-color:white; 
											color:white;
											margin-top:2px; 
							}
							
							#datosIng100	{
										width: 100%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
							}
																		/*estiloha3*/
																		#datosIng100ais	{
																					width: 100%;  
																					float:left;
																					background-color:white; 
																					color:white;
																					margin-top:2px; 
																		}
																		
																		#datosIng100jun	{
																					width: 100%;  
																					float:left;
																					background-color:white; 
																					color:white;
																					margin-top:2px; 
																		}

							#datosIng100caballetes	{
										width: 100%;  
										float:left;
										background-color:white; 
										color:white;
										margin-top:2px; 
										display:none;
							}



									

/*
#menu_i	{
		float:right; 
		background-color: red; 
		border: ; 
		width:100%; 
		height:180px; 
		margin-top: 5px; 
		margin-left:0%;
		margin-right:0%;
}*/
/*Caracteristicas de los botones de navegación*/		

/**/
/*----------------FIN DEFINICION DE LA BARRA DE NAVEGACION-----------------*/	

/****DEFINICION DE ARTICLE (NO USADO)***************************************/	
article{
		width: 80%; 
		height:auto; 
		float:left;
		
		background-color:; 
		background: #0B4C5F; /* Old browsers */
		background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
		background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

		margin-left:10%;
		margin-top:5px;
		border-left: 0px silver solid; 
		border-top: 0px silver solid; 
		border-right:0px silver solid; 
		border-bottom: 0px silver solid;
		/*overflow-Y: scroll;*/
	
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;

		-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/**********FIN DE DEFINICION DE ARTICULO*************************************************/


/*----------INICIO DEFINICION DE LAS CARACTERISTICAS DE "CONTENIDO"--------*/	
#contenido	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoM	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoCO	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoCA	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoREVO	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoREVE	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoPYC	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoPYR	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#contenidoPYT	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}

#contenidoHAB	{
			width: 96%; 
			height:auto; 
			float:left;
			background-color:; 
			background: #0B4C5F; /* Old browsers */
			background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
			background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

			margin-left:2%;
			margin-top:2px;
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid; 
			border-bottom: 0px silver solid;
			/*overflow-Y: scroll;*/
		
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
			border-radius: 0px 0px 0px 0px;
	
			-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
			box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/*CONTENIDO DE GRAFICOS (SOLO PARA INDEX)*/
#contenidoCL	{
				width: 96%; 
				height:auto; 
				float:left;
				
				background-color:; 
				background: #0B4C5F; /* Old browsers */
				background: -moz-linear-gradient(top, #0B4C5F 0%, #0B4C5F 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B4C5F), color-stop(100%,#0B4C5F)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* IE10+ */
				background: linear-gradient(top, #0B4C5F 0%,#0B4C5F 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B4C5F', endColorstr='#0B4C5F',GradientType=0 ); /* IE6-9 */

				margin-left:2%;
				margin-top:2px;
				border-left: 0px silver solid; 
				border-top: 0px silver solid; 
				border-right:0px silver solid; 
				border-bottom: 2px silver solid;
				/*overflow-Y: scroll;*/
			
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 0px 0px 0px 0px;
				border-radius: 0px 0px 0px 0px;
		
				-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
				-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
				box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/*CONTENEDOR LADO IZQUIERDO*/		


							
							
							
							
/*CONTENEDOR LADO DERECHO(publicidad)*/			
#contenidoD	{
			width: 24%;  
			float:left;
			background-color:#0B4C5F; 
			margin-top:10px; 
			margin-left:1%; 
			padding-bottom:5px
}
/*CARACTERISTICAS DEL TEXTO LADO IZQUIERDO(Index)*/
#contenidoItxt		{
					width: 30%;  
					float:left;
					background-color:#0B4C5F; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:5px
}
/*CARACTERISTICAS DE LOS GRAFICOS LADO IZQUIERDO (Index)*/
#contenidoIgraf		{
					width: 70%;  
					float:left;
					background-color:#0B4C5F; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:5px
}
/*CONTENEDORES DE PUBLICIDAD*/
							#publi_1	 {
											width: 33%; 
											height:auto; 
											float:left;
											padding:0px;
											background-color: ; 
											margin-bottom:0px; 
											margin-right:.33%;
											display:block;											
							}	
							#publi_2	 {
											width: 33%; 
											height:auto; 
											float:left;
											padding:0px;
											background-color: ; 
											margin-bottom:0px; 
											margin-right:.33%;
											display:block;
							}			
							#publi_3	 {
											width: 33%; 
											height:auto; 
											float:left;
											padding:0px;
											background-color: ; 
											margin-bottom:0px; 
											margin-right:.33%; 
											display:block;
							}				
/*#publi_4	 {
				width: 100%; 
				height:auto; 
				float:left;
				padding:0px;
				background-color:; 
				margin-bottom:5px; 
				margin-top:0px; 
				margin-right:0px;
}
#publi_5	 {
				width: 100%; 
				height:auto; 
				float:left;
				padding:0px;
				background-color:; 
				margin-bottom:5px; 
				margin-top:0px; 
				margin-right:0px;
}
#publi_6	 {
				width: 100%; 
				height:auto; 
				float:left;
				padding:0px;
				background-color:; 
				margin-bottom:5px; 
				margin-top:0px; 
				margin-right:0px;
}	*/		
							#publi_1h	 {
											width: 100%; 
											height:auto; 
											float:left;
											padding:0px;
											background-color:; 
											margin-bottom:0px; 
											margin-right:0px; 
											display:block;
							}	
							#publi_2h	 {
											width: 100%; 
											height:auto; 
											float:left;
											padding:0px;
											background-color:; 
											margin-bottom:5px; 
											margin-right:0px; 
											display:none;
							}			
/*#publi_3h	 {
				width: 100%; 
				height:auto; 
				float:left;
				padding:0px;
				background-color:; 
				margin-bottom:5px; 
				margin-right:0px; 
				display:none;
}			
#publi_4h	 {
				width: 100%; 
				height:auto; 
				float:left;
				padding:0px;
				background-color:; 
				margin-bottom:5px; 
				margin-top:0px; 
				margin-right:0px;
				display:none;
}*/
/*CLASE PARA LOS GRAFICOS DEL TUTORIAL(index)*/
.miniaturas 	{
			float:left; 
			background-color:  ; 
			border: black 2px  solid ; 
			width:94%; 
			height:auto; 
			margin-top: 10px; 
			margin-left:2%;
			margin-right:2%;
}
/*DIFERENTES DIV QUE OCUPAN DISTINTOS ANCHOS Y CON BACKGROUND DIFERENTES*/
#div50		{ 
			width: 50%;  
			float:left;
			background-color:; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:0px;
}			
#div50_2	{ 
			width: 50%;  
			float:left;
			background-color:#666666; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:0px;
}		
#div75		{ 
			width: 75%;  
			float:left;
			background-color:; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:0px;
}			
#div75_2	{ 
			width: 75%;  
			float:left;
			background-color:#666666; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:0px;
}
#div100		{ 
			width: 100%;  
			float:left;
			background-color:; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:0px;
}

										#divlosahueca		{ 
													width: 50%;  
													float:left;
													background-color:; 
													margin-top:0px; 
													margin-left:0px; 
													padding-bottom:0px;
										}

										#divvigueta		{ 
													width: 50%;  
													float:left;
													background-color:; 
													margin-top:0px; 
													margin-left:0px; 
													padding-bottom:0px;
													display:none;
										}

#div100_intro	{ 
				/*SOLO UTILIZADO PARA LA INTRODUCCION EN EL INDEX (SE APAGA EN MOVILES Y TABLETS)*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}
#div100_prox	{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}	
#div100_ais		{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}
#div100_vanos	{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}							
#div100_dimcalc	{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}		
#div100_piezas	{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}				
#div100_I1	{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}	
#div100_I2	{ 
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}		
#div100_2		{ 
			width: 100%;  
			float:left;
			background-color:#666666; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:0px;
}						
#div100concos	{ 
				/*DIV PARA COSTOS*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
				display:none;
}						
#div100conpres	{
				/*DIV PARA PRESENTACIONES COMERCIALES*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
				display:none;
}				
#div100conmat	{ 
				/*DIV PARA MATERILES*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}		
#div100concar	{ 
				/*DIV PARA....*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}

#div100habases	{ 
				/*DIV PARA....*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
}
					
#div100conrend	{ 
				/*DIV PARA RENDIMIENTO DE MATERIALES*/
				width: 100%;  
				float:left;
				background-color:; 
				margin-top:0px; 
				margin-left:0px; 
				padding-bottom:0px;
				display:none;
}		
/*----------FIN DEFINICION DE LAS CARACTERISTICAS DE "CONTENIDO"--------*/	

/*----------INICIO DE CONTENEDORES PARA DATOS---------------------------*/
/*CONTENIDO RESULTADOS*/
#cuadroResul	{
				width: 100%;  
				float:left;
				background-color:#848484; 
				margin-top:5px; 
				margin-left:0px; 
}
/*CONTENIDO RENDIMIENTO DE MATERIALES*/
#cuadroRendi	{
				width: 100%;  
				float:left;
				background-color:#848484; 
				margin-top:10px; 
				margin-left:0px; 
}
/*CONTENIDO PRESENTACION COMERCIAL*/
#cuadroPresCom	{
				width: 100%;  
				float:left;
				background-color:#848484; 
				margin-top:10px; 
				margin-left:0px; 
}
/*CONTENIDO COSTOS DE LOS MATERIALES*/
#cuadroCostos	{
				width: 100%;  
				float:left;
				background-color:#848484; 
				margin-top:10px; 
				margin-left:0px; 
}


/*CLASE PARA LOS BOTONES ABRIR, CERRAR Y AYUDA*/
.btn 	{
		float:right; 
		background-color: :#424242 ; 
		border: black 1px  solid ; 
		width:90%; 
		height:auto; 
		margin-left:0%; 
		margin-right:8%;
		margin-top: 2px; 
		margin-bottom:0px;
		padding:;
			
		-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
		box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
/*CARACTERISTICAS DEL TEXTO DEL TITULO*/
						#cuadroTitulo h3 	{
											font-size: 22px; 
											color:white ; 
											font-weight: bold ; 
											text-decoration: none ; 
											text-indent:5px;
											text-align: center; 
											font-family:"Arial narrow", "Century Gothic", "Trebuchet MS", verdana, arial; 
											margin: 5px 0px 5px 0px; 
											padding-left:
											}
/*DIFERENTES ANCHOS DE LAS COLUMNAS DE LAS TABLAS CON DOS COLORES DE FONDO*/
#cuadroColumna20a	{
					width: 20%;  
					float:left;
					background-color:#848484; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
#cuadroColumna20b	{
					width: 20%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
							#cuadroColumna25a	{
												width: 25%;  
												float:left;
												background-color:white; 
												margin-top:0px; 
												margin-left:0px; 
												padding-bottom:6px;
												border-bottom:0px silver solid;
							}
							
							#cuadroColumna25r	{
												width: 25%;  
												float:left;
												background-color:silver; 
												margin-top:0px; 
												margin-left:0px; 
												padding-bottom:2px;
												border-bottom:0px white solid;
							}
							
							#cuadroColumna25s	{
												width: 25%;  
												float:left;
												background-color:#F0F0F0; 
												margin-top:0px; 
												margin-left:0px; 
												padding-bottom:2px;
												border-bottom:0px white solid;
							}

							#cuadroColumna25a030	{
													width: 50%;  
													float:left;
													background-color:white; 
													margin-top:0px; 
													margin-left:0px; 
													padding-bottom:6px;
													border-bottom:0px silver solid;
													display:block;
							}

							#cuadroColumna25a060	{
													width: 50%;  
													float:left;
													background-color:white; 
													margin-top:0px; 
													margin-left:0px; 
													padding-bottom:6px;
													border-bottom:0px silver solid;
													display:none;
							}

							#cuadroColumna25a120	{
													width: 50%;  
													float:left;
													background-color:white; 
													margin-top:0px; 
													margin-left:0px; 
													padding-bottom:6px;
													border-bottom:0px silver solid;
													display:none;
							}

#cuadroColumna25abc	{
						width: 25%;  
						float:left;
						background-color:#848484; 
						margin-top:0px; 
						margin-left:0px; 
						padding-bottom:6px;
						border-bottom:0px silver solid;
						display:block;
}

#cuadroColumna25abpe	{
						width: 25%;  
						float:left;
						background-color:#848484; 
						margin-top:0px; 
						margin-left:0px; 
						padding-bottom:6px;
						border-bottom:0px silver solid;
						display:none;
}


#cuadroColumna25b	{
					width: 25%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
#cuadroColumna25asl	{
					width: 25%;  
					float:left;
					background-color:#848484; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}

#cuadroColumna25bsl	{
					width: 25%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
						#cuadroColumna33a	{
											width: 33.33%;  
											float:left;
											background-color:white; 
											margin-top:0px; 
											margin-left:0px; 
											padding-bottom:6px;
											border-bottom:0px silver solid;
						}	
#cuadroColumna33b	{
					width: 33.33%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
#cuadroColumna33bsl	{
					width: 33.33%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
						#cuadroColumna50a	{
											width: 50%;  
											float:left;
											background-color:white; 
											margin-top:0px; 
											margin-left:0px; 
											padding-bottom:6px;
											border-bottom:0px silver solid;
						}	
						
						#cuadroColumna50r	{
											width: 50%;  
											float:left;
											background-color:silver; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:2px;
											border-bottom:0px white solid;
						}	
						
						#cuadroColumna50s	{
											width: 50%;  
											float:left;
											background-color:#F0F0F0; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:2px;
											border-bottom:0px white solid;
						}
						
						#cuadroColumna50sD	{
											width: 50%;  
											float:left;
											background-color:#F0F0F0; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:2px;
											border-bottom:0px white solid;
						}
						
						#cuadroColumna50sPIE	{
												width: 50%;  
												float:left;
												background-color:#F0F0F0; 
												margin-top:1px; 
												margin-left:0px; 
												padding-bottom:2px;
												border-bottom:0px white solid;
						}
						
						#cuadroColumna50sPIE2	{
												width: 50%;  
												float:left;
												background-color:#F0F0F0; 
												margin-top:1px; 
												margin-left:0px; 
												padding-bottom:2px;
												border-bottom:0px white solid;
						}
						
						
#cuadroColumna50b	{
					width: 50%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}	
#cuadroColumna50asl	{
					width: 50%;  
					float:left;
					background-color:#848484; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}	
#cuadroColumna50bsl	{
					width: 50%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}	
						#cuadroColumna66a	{
											width: 66.66%;  
											float:left;
											background-color:white; 
											margin-top:0px; 
											margin-left:0px; 
											padding-bottom:6px;
											border-bottom:0px silver solid;
						}	
#cuadroColumna66b	{
					width: 66.66%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
						#cuadroColumna75a	{
											width: 75%;  
											float:left;
											background-color:white; 
											margin-top:0px; 
											margin-left:0px; 
											padding-bottom:6px;
											border-bottom:0px silver solid;
								}	
		
#cuadroColumna75b	{
					width: 75%;  
					float:left;
					background-color:#666666; 
					margin-top:0px; 
					margin-left:0px; 
					padding-bottom:6px;
					border-bottom:0px silver solid;
}
						#cuadroColumna100a	{
											width: 100%;  
											float:left;
											background-color:white; 
											margin-top:0px; 
											margin-left:0px; 
											padding-bottom:6px;
											border-bottom:0px silver solid;
						}	
						
						#cuadroColumna100b	{
											width: 100%;  
											float:left;
											background-color:white; 
											margin-top:0px; 
											margin-left:0px; 
											padding-bottom:6px;
											border-bottom:0px silver solid;
						}	
						
						#cuadroColumna100r	{
											width: 100%;  
											float:left;
											background-color:silver; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:4px;
											border-bottom:0px white solid;
						}
						
						#cuadroColumna100s	{
											width: 100%;  
											float:left;
											background-color:#F0F0F0; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:4px;
											border-bottom:0px white solid;
						}
						
						#cuadroResulR #cuadroColumna100s	{
											width: 100%;  
											float:left;
											background-color:#F0F0F0; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:4px;
											border-bottom:1px silver solid;
						}
						
						#cuadroColumna100sCAB	{
												width: 100%;  
												float:left;
												background-color:#F0F0F0; 
												margin-top:1px; 
												margin-left:0px; 
												padding-bottom:4px;
												border-bottom:0px white solid;
						}
						
						#cuadroResulID	{
											width: 100%;  
											float:left;
											background-color:#F0F0F0; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:4px;
											border-bottom:0px white solid;
						}
						
						#cuadroResulR	{
											width: 100%;  
											float:left;
											background-color:#F0F0F0; 
											margin-top:1px; 
											margin-left:0px; 
											padding-bottom:4px;
											border-bottom:0px white solid;
						}
						
						
						
#cuadroColumna100bsl	{
						width: 100%;  
						float:left;
						background-color:#666666; 
						margin-top:0px; 
						margin-left:0px; 
						padding-bottom:6px;
						border-bottom:0px silver solid;
}	
/*----------FIN DE CONTENEDORES PARA DATOS------------------------------*/
/*----------CUADRO AYUDA PARA LOS HTML EMERGENTES-----------------------*/
#cuadroColumna100ayuda	{
						width: 100%;  
						float:left;
						background-color:#; 
						margin-top:15px; 
						margin-left:0px; 
						padding-bottom:6px;
						border-bottom:0px silver solid;
}
#cuadroColumna100ayuda h2	{
							font-size: 16px; color:white ; font-weight: none ; text-decoration: none ; 
							text-align: left; font-family: "Century Gothic", "Trebuchet MS", verdana, arial; margin: 4px 2px 0px 5px;text-indent:10px				
}
#cuadroColumna100ayuda h3{
						font-size: 14px; color:white ; font-weight: bold ; text-decoration: none ; 
						text-align: left; font-family: "Century Gothic", "Trebuchet MS", verdana, arial; margin: 4px 2px 0px 3px;text-indent:5px						
}

/*----------------------------FIN CUADROS AYUDA-------------------------*/

/*----------INICIO DEFINICION DE LINEAS DIVISORIAS----------------------*/	
/*LINEA DIVISORIA DE CUADROS*/
							hr	{
								border:1px solid #FA6D03;
								text-align: center;
							}

/*linea de 95% de ancho */
#linea95	{
			width: 95%; 
			height:3px;
			float:center;
			background-color:;
			margin-top: 3px;
		 
			border-left: 0px silver solid; 
			border-top: 0px silver solid; 
			border-right:0px silver solid;
			border-bottom: 0px silver solid;
		 
			-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
			box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
}			
							/*Linea de 100% de ancho #08298A*/												
							#linea100	{
										width:100%; 
										height:2px;
										float:center;
										background-color:#FA6D03;
										margin-top: 1px;
										margin-bottom:1px;
							}	
/*----------FIN DEFINICION DE LINEAS DIVISORIAS----------------------*/

							/*----------INICIO DE SUBINDICE Y SUPERINDICE------------------------*/
							.sup 		{
										vertical-align:super;font-size: 10px;font-weight: bold ;
										font-family:"Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial;
							} 	
							.sub		{
										vertical-align:sub;font-size: 10px;font-weight: bold ;
										font-family:"Arial Narrow", "Century Gothic", "Trebuchet MS", verdana, arial;
							}
							/*----------FIN DE SUBINDICE Y SUPERINDICE---------------------------*/

/*----------INICIO COLUMNAS DE TABLAS----------------------*/
/*usado en los formularios*/
#dimI	{
			width: 50%;  
			float:left;
			background-color:; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:10px
}						
#dimD	{
			width: 50%;  
			float:right;
			background-color:; 
			margin-top:0px; 
			margin-left:0px; 
			padding-bottom:10px
}
/*----------FIN COLUMNAS DE TABLAS---------------------------*/

							/*----------INICIO SPAN PARA BOTONES-------------------------*/
							
												
							input#calcular:hover		{background-color:#424242; color:white;}
							input#calcular:active	 {-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); border-bottom-color:white;}
													
							input#borrar:hover		{background-color:#424242; color:white;}
							input#borrar:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#editar:hover		{background-color:#424242; color:white;}
							input#editar:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#guardar:hover		{background-color:#424242; color:white;}
							input#guardar:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#home:hover		{background-color:#424242; color:white;}
							input#home:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#rendimientos:hover		{background-color:#424242; color:white;}
							input#rendimientos:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#costos2:hover		{background-color:#424242; color:white;}
							input#costos2:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#cargar:hover		{background-color:#424242; color:white;}
							input#cargar:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#cerrar:hover		{background-color:#424242; color:white;}
							input#cerrar:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							input#imprimir:hover		{background-color:#424242; color:white;}
							input#imprimir:active		{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);}

							
							input#moneda:hover		{background-color:white; color:black; text-align:center;}
							
							.boton_izquierda	{
												width:12%;
												height:auto;
												float: left; 
												margin-left:1%;
												margin-bottom:6px;
												margin-top:6px;
												background-color:#666666; 
												color:white;
												padding:5px;
												font-size: 14px; 
												font-weight: bold;  
												text-decoration: none; 
												text-align: center; 
												font-family: arial narrow; 
							}	

							.boton_izquierdaOff	{
												width:12%;
												height:auto;
												float: left; 
												margin-left:1%;
												margin-bottom:6px;
												margin-top:6px;
												background-color:#BFBFBF; 
												color:white;
												padding:5px;
												font-size: 14px; 
												font-weight: bold;  
												text-decoration: none; 
												text-align: center; 
												font-family: arial narrow; 
												
							}
										
							.boton_derecha		{
												width:20%;
												height:auto;
												float: right; 
												margin-right:2%;
												margin-bottom:6px;
												margin-top:6px;
												margin-left:0%;
												background-color:#666666; 
												color:white;
												padding:5px;
												font-size: 14px; 
												font-weight: bold;  
												text-decoration: none; 
												text-align: center; 
												font-family: arial narrow;  
							}	
							
							.boton_derechaOff		{
												width:20%;
												height:auto;
												float: right; 
												margin-right:2%;
												margin-bottom:6px;
												margin-top:6px;
												margin-left:0%;
												background-color:#BFBFBF; 
												color:white;
												padding:5px;
												font-size: 14px; 
												font-weight: bold;  
												text-decoration: none; 
												text-align: center; 
												font-family: arial narrow;  
							}	
							
							.input_moneda		{
												width:6%;
												height:auto;
												float: right; 
												margin-right:2%;
												margin-bottom:6px;
												margin-top:6px;
												background-color:white; 
												color:black;
												padding:4px;
												font-size: 14px; 
												font-weight: bold;  
												text-decoration: none; 
												text-align:center;
												font-family: arial; 
							}
							

							/*input hover	{
												background-color:#424242;
											}*/
					
input#enviar:hover	{
					background-color:#424242;
}


input#enviar:active	{
					-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5); 
					box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}
.iconoLinkCalc 	{	width: 40px; height:40px; float:left;
					-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
					-moz-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
					box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);	
}
/*----------FIN SPAN PARA BOTONES----------------------------*/	

/*----------INICIO DEFINICION DE LAS CARACTERISTICAS GENERALES DE LOS ELEMENTOS IMPUT-----*/		
						input	{
							float:left;
							margin-left: 30px;
							margin-top:3px; 
							padding-bottom:1px;
							padding-top:1px;
							border: 1px silver solid; 
							font-family: "arial narrow", Century Gothic, Trebuchet MS, verdana, arial; 
							font-size: 13px; 
							text-indent:5px; 
							text-decoration: none ;  
							text-align: left; 
							color:black; 
							/*overflow:visible;*/

							-moz-border-radius-topleft: 5px;
							-moz-border-radius-topright: 5px;
							-moz-border-radius-bottomright: 5px;
							-moz-border-radius-bottomleft: 5px;
							-webkit-border-radius: 5px 5px 5px 5px;
							border-radius: 5px 5px 5px 5px;
							
							-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
							-moz-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
							box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
						}		
						select 	{	
								float:left;
								margin-left: 30px; 
								margin-top:3px; 
								border: 1px silver solid; 
								font-family: "arial narrow", Century Gothic, Trebuchet MS, verdana, arial; 
								font-size: 13px; 
								/*font-weight: bold; 
								 text-indent:5px; text-decoration: none ;  text-align: left; color:black; 
								 overflow:visible;*/
								-moz-border-radius-topleft: 5px;
								-moz-border-radius-topright: 5px;
								-moz-border-radius-bottomright: 5px;
								-moz-border-radius-bottomleft: 5px;
								-webkit-border-radius: 5px 5px 5px 5px;
								border-radius: 5px 5px 5px 5px;
								
								-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
								-moz-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
								box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
						}	
						
		
						.ancho_caja_100	{
										width:95%; 
										height:auto; 
										float: left;    
										background:#FCF9B4;
										margin-left:10px; 
										margin-top:2px;
										font-weight: bold; 
										text-decoration: none;
						}
						
						.ancho_caja_90	{
										width:90%; 
										height:auto; 
										float: left;    
										background:#FCF9B4;
										margin-left:10px; 
										margin-top:2px;
										font-weight: bold; 
										text-decoration: none;
						}
						
						.ancho_caja_75	{
										width:75%; 
										height:auto; 
										float: left;    
										background:#FCF9B4;
										margin-left:10px; 
										margin-top:2px;
										font-weight: bold; 
										text-decoration: none;
						}										
					.ancho_caja_50		{
										width:50%; 
										height:auto; 
										float: left;    
										background:#FCF9B4;
										margin-left:10px; 
										margin-top:2px;
										font-weight: bold; 
										text-decoration: none;
							}					
.ancho_caja_12-5-costo	{
						font-size: 18px; 
						color: red; 
						font-weight: bold;
						width:20%; 
						height:auto; 
						float: left;    
						background:;
						margin-left:10px; 
						margin-top:2px;
						font-weight: bold; 
						text-decoration: none;
}	
.ancho_caja_25-costo	{
						font-size: 18px; 
						color: red; 
						font-weight: bold;
						width:40%; 
						height:auto; 
						float: left;    
						background:;
						margin-left:10px; 
						margin-top:2px;
						font-weight: bold; 
						text-decoration: none;
}			
.costototal		{
				font-size: 18px; 
				color: red; 
				font-weight: bold;
}			
.ancho_caja_33	{
				width:33.33%; 
				height:auto; 
				float: left;    
				background:;
				margin-left:10px; 
				margin-top:2px;
				font-weight: bold; 
				text-decoration: none;
}						
						.ancho_caja_25	{
										width:25%; 
										height:auto; 
										float: left;    
										background:#FCF9B4;;
										margin-left:10px; 
										margin-top:2px;
										font-weight: bold; 
										text-decoration: none;
						}	
.ancho_caja_25d	{
				width:25%; 
				height:auto; 
				float: right;    
				background:;
				margin-right:10px; 
				margin-top:2px;
				font-weight: bold; 
				text-decoration: none;
}										
						.ancho_caja_12-5	{
											width:12.5%; 
											height:auto; 
											float: left;    
											background:#FCF9B4;
											margin-left:10px; 
											margin-top:2px;
											font-weight: bold; 
											text-decoration: none;
						}
.ancho_caja_12-5d	{
					width:12.5%; 
					height:auto; 
					float: right;    
					background:;
					margin-right:5%; 
					margin-top:2px;
					font-weight: bold; 
					text-decoration: none;
}	
/*----------FIN DEFINICION DE LAS CARACTERISTICAS GENERALES DE LOS ELEMENTOS IMPUT--------*/
/*DEFINICION DE LAS CARACTERISTICAS DE LAS AREAS DE TEXTO EN LAS HOJAS CONTACTOS Y PUBLICAR*/					
textarea 	{
		width:90%; 
		height: 140px; 
		float:left;
		background-color:white;
		margin-left: 10px; margin-top:10px;
		font-family: Century Gothic, Trebuchet MS, verdana, arial; font-size: 12px; color: grey; font-weight: bold; text-indent:10px; padding:2px;
		border:1px silver solid;

		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		
		-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
		box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
/*FIN DEFINICION DE AREAS DE TEXTO*/

/*DEFINICION DE CLASES GENERALES (varios usos)*/
							.completo	{
										width:100%; 
										height:auto; 
										float: left;    
										background:;
										margin-top:0px;
										margin-bottom:10px;
										font-weight: bold; 
										text-decoration: none;
							}			
.completo50	{
			width:50%; 
			height:auto; 
			float: left;    
			background:;
			margin-top:0px;
			margin-bottom:10px;
			font-weight: bold; 
			text-decoration: none;
}			
.completo50ha	{
			width:100%; 
			height:auto; 
			float: left;    
			background:;
			margin-top:4px;
			margin-bottom:1px;
			font-weight: bold; 
			text-decoration: none;
}				
/*DEFINICION DE LAS CARACTERISTICAS DE "FOOTER" (PIE DE PAGINA)*/			
							footer	{
									width: 77%; 
									height:auto; 
									float:left;
									margin-left:18%;
									margin-top:5px;
									background-color:; 
									border-left: 0px silver solid; 
									border-top: 0px black solid; 
									border-right:0px silver solid;
									border-bottom: 0px silver solid; 
									
									-moz-border-radius-topleft: 0px;
									-moz-border-radius-topright: 0px;
									-moz-border-radius-bottomright: 0px;
									-moz-border-radius-bottomleft: 0px;
									-webkit-border-radius: 0px 0px 0px 0px;
									border-radius: 0px 0px10px 0px;
									
									-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
									-moz-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
									box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
							}	
footer h4 	{
		font-size: 14px; 
		color:white ; 
		font-weight: none ;
		text-decoration: none ; 
		text-indent:10px;
		text-align: left; 
		font-family:"Century Gothic", "Trebuchet MS", verdana, arial; 
		margin: 3px 0px 0px 0px;
		padding-left:5px; 
		padding-right:5px;
}		
footer a 	{
		font-size: 0.9em; 
		color:silver ; 
		font-weight: none ; 
		text-decoration: none ; 
		text-align: center; 
		font-family:Century Gothic, Trebuchet MS, verdana, arial;
		margin: 5px 0px 0px 0px;
}	
footer a:hover 	{
				color:white ; 
				text-decoration:underline; 
				FONT-WEIGHT: bold;
				background-color:#0D39BF;
}
#divFooterI		{
				width: 20%; 
				height:auto; 
				float:left;
				background-color:; 
				margin-top:5px; 
				margin-bottom:5px;
}				
#divFooterI2		{
				width: 20%; 
				height:auto; 
				float:left;
				background-color:; 
				margin-top:5px; 
				margin-bottom:5px;
}							
#divFooterC		{
				width: 20%; 
				height:auto; 
				float:left;
				background-color:; 
				margin-top:5px; 
				margin-bottom:5px;
}	
											/*REDES SOCIALES EN PIE DE PAGINA*/
											#divRedesFooter		{
																width: 30%; 
																height:auto; 
																margin-left:70%;
																float: left;
																background-color:; 
																margin-top:5px; 
																margin-bottom:5px;
											}	
/*Barra para redes EN DESHUSO
#redes	{	
		width: 55%; 
		height:auto; 
		float:right;
		background-color:; 
		margin-top:10px; 
		margin-bottom:10px; 
}			*/					
/*DEFINICION DE LAS CLASES PARA LOS SPAM EN LAS HOJAS DE CONTACTOS Y PUBLICAR*/

/*															
.completo480			{width:480px; height:20px; float: left;    
					background:white;
					margin:10px;
					font-weight: bold; text-decoration: none;}

.completo_desplazado{width:550px; height:20px; float: left; 
					background:white;
					margin:0px 10px 15px 10px;
					font-weight: bold; text-decoration: none;}
					
.completo_full		{width:750px; height:30px; float: left; 
					background:white;
					margin:0px 10px 15px 10px;
					font-weight:; text-decoration: none;}					

.botones_desc		{width:550px; height:32px; float: left;    
					background:white;
					margin:180px 10px 15px 10px;
					font-weight: bold; text-decoration: none;}
*/
										

/*DEFINICION DE LAS CLASES PARA LOS SPAM EN LA HOJA SUBIRDATOS
.completo_subir			{width:760px; height:20px; float: left;    
					background:white; 
					margin:10px;
					font-weight: bold; text-decoration: none;}	
			
#completo_subir h3	{font-size: 14px; color:red ; font-weight: bold ; text-decoration: none ; text-indent:5px;
					text-align: left; font-family:"Century Gothic", "Trebuchet MS", verdana, arial; margin: 3px 0px 0px 0px; padding-left:5px;}
*/



/*********************************************************************************/
/*********************************************************************************/
/*****ACA COMIENZO A ADAPTAR LA PAGINA A RESPONSIVE 24/04/2017********************/
/*********************************************************************************/
/*********************************************************************************/


/************DISEÑO PARA Notebook (1366 x 768)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:1366px) and (max-height:768px){
}
/************DISEÑO PARA Galaxy Tab 2 10.1 (1280 x 800)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:1280px)
{
	/*ok	
							#registro	{	
										width: 100%; 
										height:auto; 
										float:right;
										background-color:red; 
										margin-top:0px; 
										margin-bottom:0px;
										border: 0px solid;
							}	*/
}

/************DISEÑO PARA  (1050 x 1680)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:1050px)
{
/*----------------INICIO DEFINICION DE LA BARRA DE NAVEGACION-----------------*/	

/*CABECERA IZQUIERDA
#cabI	{
		float:left; 
		background-color:; 
		border: 0px ; 
		width:42%; 
		height:auto; 
		margin-top: 0px; 
		margin-left:16%;
		margin-right:0%;
		margin-bottom:0px;		
}*/
/*clase logo


.logo 	{
		float:left; 
		background-color:  ; 
		border: 0px; 
		width:82%; 
		height:auto; 
		margin-top: 0%; 
		margin-left:0%;
		margin-right:0%;
}*/

						/*clase logo*/
						.logo 	{
						position:absolute;
						float:left; 
						background-color:; 
						border: 0px; 
						width:84%; 
						height:auto; 
						top: 5px; 
						left:16%;
						margin-right:0%;
						z-index:-1;
						}
/*FIN CABECERA IZQUIERDA*/

						/*CABECERA DERECHA		*/	
						#cabD	{
								float:right;
								margin-right: 1%;
								}
								
						.registro	{				
										width:14%; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:1%;
							}
		
#cabD h3 {
		text-align: right; 
		padding-right:0%;
		}	
/*FIN CABECERA DERECHA*/

nav		{
		width: 14%;
		height:auto;
		float:left;
		margin-left:1%;
		margin-top:5px;
}

nav ul li a 	{
	font-size: 15px;
}

#imgselec{
	float: center;
}

.imgnav		{
				width: 50%;
				float: center;
			}

.botonmenu		{
					font-size: 15px; 
				}
				
.botontitulo	{ 
					font-size: 15px; 
				}	
				
.botonmenuvacio	{
					width:100%;
					height:10px;  
					float: left; 
					background:white;  
					text-align: left;  
				}	
							section	
							{ 	
								width: 83%; 
								height:auto; 
								float: left;
								margin-left: 16%;
								margin-top:11%;
							}
	
	#cuadroColumna25a .ancho_caja_50{
		width:75%;
		
	}
	
#datosIng25i .ancho_caja_75{
	width:95%;
}

/*losa premoldeada*/
#divvigueta .ancho_caja_75{
	width:90%;
}
/******************/
/*----------INICIO SPAN PARA BOTONES-------------------------*/
.boton_izquierda	{
					width:15%;
					margin-left:1%;	
}	

.boton_izquierdaOff	{
					width:15%;
					margin-left:1%;					
}

	
footer	
	{
	width: 83%; 
	float:left;
	margin-left:16%;
	margin-top:5px;

}

/*REDES SOCIALES EN PIE DE PAGINA*/
#divRedesFooter
	{
		width: 35%; 
		margin-left:65%;
		margin-top:5px; 
		margin-bottom:5px;
}	
/*HORMIGON ARMADO----------------------*/
#datosIng50_5 #cuadroColumna25a .ancho_caja_50{
	width:50%;
}
/*HORMIGON ARMADO----------------------*/


							/*-------------estilosha3-----------------*/
							/*REGISTRO
							.registro	{				
										width:12%; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:1%;
							}*/
							
							/*MUROS*/		
							#cuadroIngMUR #datosIng50_3 #cuadroColumna25a .ancho_caja_50
							{
								width:50%;
							}
							
							
							/*REVOQUES*/
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna25a .ancho_caja_50
							{
								width:50%;
							}
							/*-------------estilosha3-----------------*/


}
/************DISEÑO PARA TABLETS (ipad landscape 1024 x 768)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:1024px)
{
	/*clase boton cafecito*/
	.cafecitobtnSup 	{
						width:42%;
						margin-top:1px;
						margin-right:1px; 
						padding:5px;
	}
	.cafecitobtnInf 	{
						width:19%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
	}

	footer	
	{
	width: 83%; 
	float:left;
	margin-left:16%;
	margin-top:5px;
}

/*REDES SOCIALES EN PIE DE PAGINA*/
#divRedesFooter
	{
		width: 40%; 
		margin-left:60%;
		margin-top:5px; 
		margin-bottom:5px;
}	
	
}
/************DISEÑO PARA NETBOOKS (netbook 1024x600)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:1024px) and (max-height:600px)
{
				
/*OK*/
}


/************DISEÑO PARA NETBOOKS (netbook 966x603)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:966px)
{
/*ok*/

							/*-------------estilosha3-----------------*/
							
							/*CONTRAPISOS*/
							/*tipo*/
							#cuadroIngCON #datosIng25i 
							{
								width:50%;
							}
							
							#cuadroIngCON #datosIng25d 
							{
								width:100%;
							}
							
							#cuadroIngCON #datosIng25d #cuadroColumna100a
							{
								width:25%;
							}
							/*-------------estilosha3-----------------*/

}

/************DISEÑO PARA NETBOOKS (netbook 960x640)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:960px)
{
/*ok*/
}


/************DISEÑO PARA NETBOOKS (netbook 853x533)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:853px)
{
/*inicio clase boton cafecito*/
	.cafecitobtnSup 	{
						width:42%;
						margin-top:1px;
						margin-right:1px; 
						padding:5px;
	}
	.cafecitobtnInf 	{
						width:19%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
	}
	
	#cabD h4 	{
				text-align: right; 
				padding-right:0%;
				font-size:12px;
				}
/*fin clase boton cafecito*/

/*modifico los divs del ingreso de datos al costado de la imagen*/	
/*lado izquierdo*/
#datosIng25i	{
width:50%;
}

#datosIng25i #cuadroColumna100a  {
	width:50%;
}

/*revestimientos*/
#datosIng25i #cuadroColumna100a .ancho_caja_25 {
	width:50%;
}
/***************/

#datosIng25i #cuadroColumna100b  {
	width:100%;
}

#datosIng25i .ancho_caja_75{
	width:75%;
}
	
/*lado derecho*/	
#datosIng25d	{
width:100%;
}

#datosIng25d #cuadroColumna100a  {
	width:25%;
}

/*REDES SOCIALES EN PIE DE PAGINA*/
#divRedesFooter{
		width: 45%; 
		margin-left:55%;
		margin-top:5px; 
		margin-bottom:5px;
}	

/*losa premoldeada----------------------*/
#divvigueta {
	width:100%;
}

#divvigueta .ancho_caja_75{
	width:50%;
}

#divlosahueca {
	width:100%;
}

#datosIng50_2 .ancho_caja_75{
	width:90%;
}

#datosIng50_2 .ancho_caja_50{
	width:75%;
}

#datosIng50_5 .ancho_caja_50{
	width:75%;
}
/*--------------------------------------*/

							/*-------------estilosha3-----------------*/
							/*REGISTRO Y LOGO*/
							.logo 	{
									float:left; 
									width:90%; 
									height:auto; 
									margin-top: 0%; 
									margin-left:0%;
									margin-right:0%;
							}
							.registro	{				
										width:16%; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:1%;
							}
				
							section{
								margin-top:12%;
							}
							
							/*IMAGEN AL 70%*/
							#imagenIng50	
							{
								width: 70%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							#imagenIng50ha	
							{
								width: 70%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							/*MUROS*/
							#cuadroIngMUR #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 95%;
							}
							
							#cuadroIngMUR #datosIng50_2{
								width: 100%;
							}
							
							#cuadroIngMUR #datosIng50_2 #cuadroColumna100b{
								width: 50%;
							}

							#cuadroIngMUR #datosIng50_3{
								width: 100%;
							}

							/*CONTRAPISOS*/
							/*EN CONTRAPISOS SE PONE LA IMAGEN AL 100% ACA*/
							#cuadroIngCON #imagenIng50	
							{
								width: 100%;  
							}
							#cuadroIngCON #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngCON #datosIng25i #cuadroColumna100a{
								width: 95%;
							}
							
							#cuadroIngCON #datosIng25i #cuadroColumna100a .ancho_caja_50{
								width: 50%;
							}

							#cuadroIngCON #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngCON #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:75%;
							}
							
							#cuadroIngCON #datosIng100ais #cuadroColumna33a .ancho_caja_50
							{
								width:75%;
							}
							
							#cuadroIngCON #datosIng100jun #cuadroColumna33a .ancho_caja_50
							{
								width:75%;
							}

							
							/*CARPETAS*/
							#cuadroIngCAR #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a .ancho_caja_50{
								width: 95%;
							}
							
							#datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}
							

							/*CARPETAS*/
							#cuadroIngCAR #datosIng100ais #cuadroColumna33a .ancho_caja_50
							{
								width:75%;
							}
							
							#cuadroIngCAR #datosIng100jun #cuadroColumna33a .ancho_caja_50
							{
								width:75%;
							}
							
							
							/*REVOQUES*/
							#cuadroIngRVQ #datosIng50_1{
								width: 25%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a{
								width: 100%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a .ancho_caja_75{
								width: 100%;
							}

							#cuadroIngRVQ #datosIng50_2 {
								width: 100%;
							}
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna25a{
								width: 25%;
							}
							
							
							/*REVESTIMIENTOS*/
							#cuadroIngRVE #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_75{
								width: 95%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25{
								width: 60%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}


							/*TABIQUES DE YESO*/
							#cuadroIngTPY #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100a .ancho_caja_75{
								width: 95%;
							}
							
							#cuadroIngTPY #datosIng25d{
								width: 100%;
							}
							
							#cuadroIngTPY #datosIng25d #cuadroColumna100a{
								width: 25%;
							}
							
							#cuadroIngTPY #datosIng25d #cuadroColumna100b{
								width: 25%;
							}


							/*CIELORRASOS DE YESO*/
							
							/*EN CIELORRASOS DE YESO SE PONE LA IMAGEN AL 100% ACA*/
							#cuadroIngCPY #imagenIng50	
							{
								width: 100%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							#cuadroIngCPY #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngCPY #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngCPY #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngCPY #datosIng25i #cuadroColumna100a .ancho_caja_75{
								width: 95%;
							}
							
							#cuadroIngCPY #datosIng25d{
								width: 100%;
							}
							
							#cuadroIngCPY #datosIng25d #cuadroColumna100a{
								width: 25%;
							}


							/*REVESTIMIENTOS DE YESO*/
							
							#cuadroIngRPY #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100a .ancho_caja_75{
								width: 95%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}


							/*HORMIGON ARMADO -BASES-*/
							
							#cuadroIngBAS #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngBAS #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngBAS #datosIng50_2{
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							
							#cuadroIngBAS #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_3{
								width: 50%;
							}
							#cuadroIngBAS #datosIng50_3 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_3 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}

							/*HORMIGON ARMADO -PILOTES-*/
							
							#cuadroIngPIL #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngPIL #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngPIL #datosIng50_2{
								width: 100%;
							}
							
							#cuadroIngPIL #datosIng50_2 #cuadroColumna50a{
								width: 25%;
							}
							
							#cuadroIngPIL #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -COLUMNAS-*/
							#cuadroIngCOL #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}

							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a .ancho_caja_75{
								width: 90%;
							}
							
							#cuadroIngCOL #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngCOL #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -VIGAS-*/
							#cuadroIngVIG #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngVIG #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngVIG #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngVIG #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON-*/
							#cuadroIngLHA #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngLHA #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*sobrepaso*/
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_3{
								width: 100%;
							}
							
							#cuadroIngLHA #datosIng50_3 #cuadroColumna25a{
								width: 25%;
							}
							
							#cuadroIngLHA #datosIng50_3 #cuadroColumna25a .ancho_caja_50{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_4{
								width: 100%;
							}
							
							#cuadroIngLHA #datosIng50_4 #cuadroColumna25a{
								width: 25%;
							}
							
							#cuadroIngLHA #datosIng50_4 #cuadroColumna25a .ancho_caja_50{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON PREMOLDEADO-*/
							#cuadroIngLHP #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}

							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngLHP #datosIng50_2{
								width: 30%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngLHP #datosIng50_3{
								width: 100%;
							}
							
							#cuadroIngLHP #divvigueta #cuadroColumna50a .ancho_caja_75{
								width: 75%;
							}
							
							#cuadroIngLHP #datosIng50_5 #cuadroColumna25a .ancho_caja_50{
								width: 75%;
							}
							
							/*---RESPUESTAS---*/
							/*CABECERA*/
							#cuadroResulID #cuadroColumna100sCAB{
								width: 100%;
								BACKGROUND:;
							}
							
							#cuadroResulID #cuadroColumna100sCAB #cuadroColumna50s{
								width: 50%;
								BACKGROUND:;
							}
							
							/*COSTADO DERECHO DE IMAGEN*/
							#cuadroResulID #cuadroColumna50sD{
								width: 30%;
								BACKGROUND:;
							}
							
							#cuadroResulID #cuadroColumna50sD #cuadroColumna50s{
								width: 100%;
								BACKGROUND:;
							}
							
							/*DEBAJO DE LA IMAGEN (PIE)*/
							#cuadroResulID #cuadroColumna50sPIE{
								width: 100%;
								BACKGROUND:;
							}
							
							#cuadroResulID #cuadroColumna50sPIE #cuadroColumna50s{
								width: 50%;
								BACKGROUND:;
							}
							/*
							#cuadroResulID #cuadroColumna50s #cuadroColumna100s{
								width: 100%;
								BACKGROUND:green;
							}*/
							
							#cuadroResulID #cuadroColumna50sPIE2 {
								width: 100%;
								BACKGROUND:;
							}
							
							/*RESULTADOS*/
							#cuadroResulR #cuadroColumna100sCAB #cuadroColumna50s{
								width: 50%;
								BACKGROUND:;
							}
							
							
							
							
							/*-------------estilosha3-----------------*/

							
							
							
							

}
/*-----------------------------------------*/

/************DISEÑO PARA TABLETAS (ipad portrait 800px x 1280px)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) 
{	
#cuadroResul #cuadroColumna25s {
								width:50%;
}
#cuadroResul #cuadroColumna50s {
								width:100%;
}

#divRedesFooter{
		width: 50%;  
		margin-left:50%;
		margin-top:5px; 
		margin-bottom:5px;
}
							/*estilosha3*/
							/*REGISTRO Y LOGO*/
							.logo 	{
									float:left; 
									width:90%; 
									height:auto; 
									margin-top: 0%; 
									margin-left:0%;
									margin-right:0%;
							}
							.registro	{				
										width:16%; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:1%;
							}
/*inicio clase boton cafecito*/
	.cafecitobtnSup 	{
						display:none;
	}
	.cafecitobtnInf 	{
						width:21%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
	}
	
/*fin clase boton cafecito*/
							/*PUBLICIDAD*/
							#publi_1h{
								display:none;
							}	

							#publi_2h{
								display:block;
								background:;
							}
							
							/*nav #publi_1h{
								display:block;
							}
							*/
							#publi_1{
								display:block;
								width:100%;

							}
							
							#publi_2{
								display:none;
							}	

							#publi_3{
								display:none;
							}
							
							
							
						
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*****************A PARTIR DE AQUI COMIENZA A CAMBIAR EL FORMATO DE LA PAGINA*********************/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/************DISEÑO PARA TABLETAS (ipad portrait 800px x 480px)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) and (max-height:480px) 
{

/*----------------INICIO DEFINICION DE LA BARRA DE NAVEGACION-----------------*/		 
nav		{
	display:none;
}



/*CABECERA IZQUIERDA
#cabI	{
		float:left;  
		width:49%; 
		margin-top: 5px; 
		margin-left:1%;
		margin-right:0%;
		margin-bottom:0px;		
}*/
							/*REGISTRO Y LOGO*/
							
							/*clase logo*/
							.logo 	{
									position:absolute;
									float:left; 
									background-color:; 
									border: 0px; 
									width:98%; 
									height:auto; 
									top: 5px; 
									left:1%;
									margin-right:0%;
									z-index:-1;
							}
							/*.logo 	{
									float:left; 
									width:90%; 
									height:auto; 
									margin-top: 0%; 
									margin-left:0%;
									margin-right:0%;
							}*/
							.registro	{				
										width:14%; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:1%;
							}
/*FIN CABECERA IZQUIERDA*/

/*CABECERA DERECHA*/			
#cabD	{
		float:right; 
		width:49%; 
		height:auto; 
		margin-top: 5px; 
		margin-left:0%;
		margin-right:1%;
		}
#cabD h4 {
		text-align: right; 
		padding-right:0%;
		font-size:16px;
		}	
/*FIN CABECERA DERECHA*/

							section	
							{ 	
								width: 98%; 
								height:auto; 
								float: left;
								margin-left: 1%;
								margin-top:14%;
							}
					
								

							

.box{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;/*cuando no entran salta de linea*/
	align-items:center;
	justify-content: center;
}
				
#navh		{ 
	width:100%; 
	height:auto;
	float:left;
	background:;
	margin-top:5px; 
	margin-left:0px;
	padding: ;
	display:block;
}

.imagen_boton 	{
				float:center; 
				width:5%;
				margin-left:0.25%;
				margin-bottom:0.5%;
				background-color:  ; 
				border: black 1px  solid ;
				box-shadow:3px 3px black;
				flex: 1 1 auto;
}
.imagen_boton_activo 	{
				float:center; 
				width:5%;
				margin-left:0.25%;
				margin-bottom:0.5%;
				background-color:  ; 
				border: black 1px  solid ;
				box-shadow:0px 0px black ;	
				flex: 1 1 auto;				
}

/*REDES SOCIALES EN PIE DE PAGINA*/
footer	
	{
	width: 98%; 
	float:left;
	margin-left:1%;
	margin-top:3px;

}

#divRedesFooter{
		width: 100%; 
		float:right;
		text-align:right;
		margin-right:1%;
		margin-top:5px; 
		margin-bottom:3px;
}

							/*PUBLICIDAD*/
							#publi_1h{
								display:none;
							}	

							#publi_2h{
								display:block;
								background:;
							}
							
							/*nav #publi_1h{
								display:block;
							}
							*/
							#publi_1{
								display:block;
								width:100%;

							}
							
							#publi_2{
								display:none;
							}	

							#publi_3{
								display:none;
							}		
}


/************DISEÑO PARA TABLETAS (ipad portrait 768px)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:768px)
{
	
/*continua con el formato de 800px	*/

/*inicio clase boton cafecito*/
	.cafecitobtnInf 	{
						width:40%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
						float:center;
	}
	#contenedorCafecito {
						width:55%;
						height:auto;
						background-color:red;
						margin-top:1px;
						margin-right:1px;
						margin-bottom:1px;
						margin-left:1px;
	}
/*fin clase boton cafecito*/
	
#cuadroResul #cuadroColumna25s {
								width:50%;
}
#cuadroResul #cuadroColumna50s {
								width:100%;
}

#divRedesFooter{
		width: 50%;  
		margin-left:50%;
		margin-top:5px; 
		margin-bottom:5px;
}
		
.boton_izquierda	{
					width:19%;
					margin-left:1%;	
}	

.boton_izquierdaOff	{
					width:19%;
					margin-left:1%;					
}
							/*estiloha3*/
							/*REGISTRO Y LOGO*/
							.logo 	{
									float:left; 
									width:84%; 
									height:auto; 
									top: 5px; 
									left:16%;
									margin-right:0%;
							}
							.registro	{				
										width:14%; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:1%;
							}
							/*
							section{
								margin-top:14%;
							}*/
							
							/*IMAGEN AL 100%*/
							
							#imagenIng50	
							{
								width: 100%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							#imagenIng50ha	
							{
								width: 100%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							/*MUROS*/
							#cuadroIngMUR #datosIng50_1{
								width: 100%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*CONTRAPISOS*/
							
							
							/*CARPETAS*/
							#cuadroIngCAR #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a{
								width: 25%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a .ancho_caja_50{
								width: 80%;
							}
							
							#datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}
							
							
							/*REVOQUES*/
							#cuadroIngRVQ #datosIng50_1{
								width: 100%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a{
								width: 33%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a .ancho_caja_75{
								width: 75%;
							}
							
							
							/*REVESTIMIENTOS*/
							#cuadroIngRVE #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25{
								width: 25%;
							}
							
							/*TABIQUES DE YESO*/
							#cuadroIngTPY #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							
							/*REVESTIMIENTOS DE YESO*/
							#cuadroIngRPY #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -BASES-*/
							#cuadroIngBAS #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -PILOTES-*/
							
							#cuadroIngPIL #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngPIL #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -COLUMNAS-*/
							#cuadroIngCOL #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}

							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a .ancho_caja_75{
								width: 93%;
							}
							
							/*HORMIGON ARMADO -VIGAS-*/
							#cuadroIngVIG #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngVIG #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON-*/
							#cuadroIngLHA #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}

							/*sobrepaso*/
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a .ancho_caja_50{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON PREMOLDEADO-*/
							#cuadroIngLHP #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*---RESPUESTAS---*/		
							/*COSTADO DERECHO DE IMAGEN*/
							#cuadroResulID #cuadroColumna50sD{
								width: 100%;
							}
							
							#cuadroResulID #cuadroColumna50sD #cuadroColumna50s{
								width: 50%;
							}
							
							#cuadroResulID #cuadroColumna50sPIE2 #cuadroColumna100s #cuadroColumna50s{
								width: 50%;
							}
							
}

/************DISEÑO PARA iphone 6 PLUMP landscape (736px x 414px)***************************/
/*-------------------------------------------------------------------------------*/
@media (max-width:736px)
{
	/*Adopto formato para moviles definido en 800 x 400*/
nav		{
	display:none;
}

/*CABECERA IZQUIERDA
#cabI	{
		float:left;  
		width:49%; 
		margin-top: 5px; 
		margin-left:1%;
		margin-right:0%;
		margin-bottom:0px;		
}*/

/*FIN CABECERA IZQUIERDA*/

/*CABECERA DERECHA*/			
#cabD	{
		float:right; 
		width:49%; 
		height:auto; 
		margin-top: 5px; 
		margin-left:0%;
		margin-right:1%;
		}
#cabD h4 {
		text-align: right; 
		padding-right:0%;
		font-size:16px;
		}	
/*FIN CABECERA DERECHA*/

							section	
							{ 	
									width: 98%; 
									height:auto; 
									float: left;
									margin-left: 1%;
									margin-top:13%;
								}
								
							.logo 	{
									float:left; 
									width:98%; 
									height:auto; 
									top: 5px; 
									left:1%;
									margin-right:0%;
							}	
	
/*#publi_1h{
	display:none;
}	*/

.box{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;/*cuando no entran salta de linea*/
	align-items:center;
	justify-content: center;
}
				
#navh		{ 
	width:100%; 
	height:auto;
	float:left;
	background:;
	margin-top:5px; 
	margin-left:0px;
	padding: ;
	display:block;
}

.imagen_boton 	{
				float:center; 
				width:5%;
				margin-left:0.25%;
				margin-bottom:0.5%;
				background-color:  ; 
				border: black 1px  solid ;
				box-shadow:3px 3px black;
				flex: 1 1 auto;
}
.imagen_boton_activo 	{
				float:center; 
				width:5%;
				margin-left:0.25%;
				margin-bottom:0.5%;
				background-color:  ; 
				border: black 1px  solid ;
				box-shadow:0px 0px black ;	
				flex: 1 1 auto;				
}

/*REDES SOCIALES EN PIE DE PAGINA*/
footer	
	{
	width: 98%; 
	float:left;
	margin-left:1%;
	margin-top:3px;

}

#divRedesFooter{
		width: 100%; 
		float:right;
		text-align:right;
		margin-right:1%;
		margin-top:5px; 
		margin-bottom:3px;
}

#datosIng100caballetes #datosIng50_4 {
	width:100%;
}
							/*estilosha3*/
							/*IMAGEN AL 70%*/
							/*REGISTRO Y LOGO
							.logo 	{
									float:left; 
									width:98%; 
									height:auto; 
									margin-top: 0%; 
									margin-left:1%;
									margin-right:0%;
							}
							.registro	{				
										width:14%; 
										margin-top: 0%; 
										margin-left:1%;
										margin-right:0%;
							}*/
							
							
							#imagenIng50	
							{
								width: 70%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							#imagenIng50ha	
							{
								width: 70%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							/*MUROS*/
							#cuadroIngMUR #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 95%;
							}
							
							/*CONTRAPISOS*/
							
							
							/*CARPETAS*/
							#cuadroIngCAR #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a .ancho_caja_50{
								width: 95%;
							}
							
							#datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}
							
							/*REVOQUES*/
							#cuadroIngRVQ #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a{
								width: 95%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a .ancho_caja_75{
								width: 95%;
							}
							
							
							/*REVESTIMIENTOS*/
							#cuadroIngRVE #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_75{
								width: 95%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25{
								width: 60%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}
							
							/*TABIQUES DE YESO*/
							#cuadroIngTPY #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							/*REVESTIMIENTOS DE YESO*/
							#cuadroIngRPY #datosIng25i{
								width: 30%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100a{
								width: 100%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b{
								width: 100%;
							}
							
							/*HORMIGON ARMADO -BASES-*/
							#cuadroIngBAS #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngBAS #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							/*HORMIGON ARMADO -PILOTES-*/
							#cuadroIngPIL #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngPIL #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							/*HORMIGON ARMADO -COLUMNAS-*/
							#cuadroIngCOL #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}

							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a .ancho_caja_75{
								width: 90%;
							}
							
							/*HORMIGON ARMADO -VIGAS-*/
							#cuadroIngVIG #datosIng50_1{
								width: 30%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON-*/
							#cuadroIngLHA #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}

							/*sobrepaso*/
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a .ancho_caja_50{
								width: 75%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON PREMOLDEADO-*/
							#cuadroIngLHP #datosIng50_1{
								width: 30%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}

							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngLHP #datosIng50_2{
								width: 30%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							/*---RESPUESTAS---*/		
							/*COSTADO DERECHO DE IMAGEN*/
							#cuadroResulID #cuadroColumna50sD{
								width: 30%;
							}
							
							#cuadroResulID #cuadroColumna50sD  #cuadroColumna50s{
								width: 100%;
							}
							


}

/************DISEÑO PARA iphone 6  land(667px x 375px)***************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:667px)
{
							/*estiloha3*/
							/*IMAGEN AL 100%*/
							
							#imagenIng50	
							{
								width: 100%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							#imagenIng50ha	
							{
								width: 100%;  
								float:left;
								background-color:black; 
								color:;
								margin-top:2px; 
								z-index:0;
							}
							
							/*MUROS*/
							#cuadroIngMUR #datosIng50_1{
								width: 100%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngMUR #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 90%;
							}
							
							/*CONTRAPISOS*/
							
							
							/*CARPETAS*/
							#cuadroIngCAR #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a{
								width: 25%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a .ancho_caja_50{
								width: 80%;
							}
							
							#datosIng25i #cuadroColumna100b .ancho_caja_75{
								width: 95%;
							}
							
							/*REVOQUES*/
							#cuadroIngRVQ #datosIng50_1{
								width: 100%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a{
								width: 33%;
							}
							
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a .ancho_caja_75{
								width: 95%;
							}

							
							/*REVESTIMIENTOS*/
							#cuadroIngRVE #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25{
								width: 25%;
							}
							
							
							/*TABIQUES DE YESO*/
							#cuadroIngTPY #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							#cuadroIngTPY #datosIng100 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							/*REVESTIMIENTOS DE YESO*/
							#cuadroIngRPY #datosIng25i{
								width: 100%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100a{
								width: 50%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -BASES-*/
							#cuadroIngBAS #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -PILOTES-*/
							#cuadroIngPIL #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngPIL #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -COLUMNAS-*/
							#cuadroIngCOL #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}

							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a .ancho_caja_75{
								width: 93%;
							}
							
							#cuadroIngCOL #datosIng50_2{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -VIGAS-*/
							#cuadroIngVIG #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngVIG #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngVIG #datosIng50_2{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON-*/
							#cuadroIngLHA #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}

							/*sobrepaso*/
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a{
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a .ancho_caja_50{
								width: 50%;
							}
							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON PREMOLDEADO-*/
							#cuadroIngLHP #datosIng50_1{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							/*---RESPUESTAS---*/		
							/*COSTADO DERECHO DE IMAGEN*/
							#cuadroResulID #cuadroColumna50sD{
								width: 100%;
							}
							
							#cuadroResulID #cuadroColumna50sD #cuadroColumna50s{
								width: 50%;
							}

}
/*----------------------------------------------*/
	
}

/************DISEÑO PARA CELULARES 640********************************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:640px)
{
				/*	.logo 	{
							float:left; 
							width:98%; 
							height:auto; 
							margin-top: 0%; 
							margin-left:1%;
							margin-right:0%;
					}*/
}
/************DISEÑO PARA CELULARES 600 (Android nexus 4 land 600x384)*************/
/*-------------------------------------------------------------------------------*/

@media only screen and (max-width:603px)
{
	
nav		{
	display:none;
}

/*inicio clase boton cafecito*/
	.cafecitobtnInf 	{
						width:50%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
						float:center;
	}
	#contenedorCafecito {
						width:55%;
						height:auto;
						background-color:red;
						margin-top:1px;
						margin-right:1px;
						margin-bottom:1px;
						margin-left:1px;
	}
/*fin clase boton cafecito*/

/*CABECERA IZQUIERDA
#cabI	{
		float:left;  
		width:49%; 
		margin-top: 0px; 
		margin-left:1%;
		margin-right:0%;
		margin-bottom:0px;		
}*/
/*clase logo
.logo 	{
		float:left; 
		width:70%; 
		height:auto; 
		margin-top: 0%; 
		margin-left:0%;
		margin-right:0%;
}*/
/*FIN CABECERA IZQUIERDA*/

/*CABECERA DERECHA*/			
#cabD	{
		float:RIGHT; 
		width:49%; 
		height:auto; 
		margin-top: 2px; 
		margin-left:0%;
		margin-right:1%;
		}
#cabD h4 {
		text-align: right; 
		padding-right:0%;
		font-size:14px;
		}	
/*FIN CABECERA DERECHA*/


	
/*Botones del navegador en dos filas*/	

.box{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;/*cuando no entran salta de linea*/
	align-items:center;
	justify-content: center;
}
				
#navh		{ 
	width:100%; 
	height:auto;
	float:left;
	background:;
	margin-top:5px; 
	margin-left:0px;
	padding: ;
	display:block;
}

.imagen_boton 	{
				float:center; 
				width:10%;
				margin-left:.5%;
				margin-bottom:1%;
				background-color:  ; 
				border: black 1px  solid ;
				box-shadow:3px 3px black;
				flex: 1 1 auto;
}
.imagen_boton_activo 	{
				float:center; 
				width:10%;
				margin-left:.5%;
				margin-bottom:1%;
				background-color:  ; 
				border: black 1px  solid ;
				box-shadow:0px 0px black ;	
				flex: 1 1 auto;				
}


#datosIng25i .ancho_caja_75{
	width:90%;
}

#datosIng25i .ancho_caja_50{
	width:80%;
}

#cuadroColumna33a .ancho_caja_50{
	width:75%;
}/*cerecita en revoques*/

#cuadroCostos .ancho_caja_25{
	width:35%;
}

#cuadroRendi .ancho_caja_25{
	width:50%;
}
/*Cuadros 50 r y s de rendimientos--------------*/
#cuadroRendi #cuadroColumna50r .ancho_caja_25{
	width:50%;
}

#cuadroRendi #cuadroColumna50s .ancho_caja_25{
	width:50%;
}
/*----------------------------------------------*/

/*REDES SOCIALES EN PIE DE PAGINA*/
footer	
	{
	width: 98%; 
	float:left;
	margin-left:1%;
	margin-top:3px;

}

#divRedesFooter{
		width: 100%; 
		float:right;
		text-align:right;
		margin-right:1%;
		margin-top:5px; 
		margin-bottom:3px;
}	
#datosIng100caballetes #datosIng50_1 #cuadroColumna25a{
	width:50%;
}

#datosIng100caballetes #datosIng50_2 {
	width:100%;
}
#datosIng100caballetes #datosIng50_3 {
	width:100%;
}
#datosIng100caballetes #datosIng50_4 {
	width:100%;
}	
/*losa pretensada***********************/
#datosIng50_2{
	width:100%;
}
/***************************************/
											/*-------------estilosha3-----------------*/
											section	
											{ 	
												width: 98%; 
												height:auto; 
												float: left;
												margin-left: 1%;
												margin-top:14%;
											}
											#cuadroIngRVE #datosIng100 #cuadroColumna33a .ancho_caja_75
											{
												width:90%;
											}
											
											/*HORMIGON ARMADO -LOSAS DE HORMIGON-*/
											#cuadroIngLHA #datosIng50_2 #cuadroColumna50a{
												width: 25%;
											}
											
											/*porcentaje*/
											#datosIng100 #cuadroColumna100a .ancho_caja_90
											{
												width:85%;
											}

}

/************DISEÑO PARA CELULARES 533 (Android nexus 4 land 600x384)*************/
/*-------------------------------------------------------------------------------*/

@media only screen and (max-width:533px)
{
	
/*inicio clase boton cafecito*/
	.cafecitobtnInf 	{
						width:45%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
						float:center;
	}
	#contenedorCafecito {
						width:66%;
						height:auto;
						background-color:red;
						margin-top:1px;
						margin-right:1px;
						margin-bottom:1px;
						margin-left:1px;
	}
/*fin clase boton cafecito*/

/*CABECERA IZQUIERDA
#cabI	{
		float:left;  
		width:49%; 
		margin-top: 5px; 
		margin-left:1%;
		margin-right:0%;
		margin-bottom:0px;		
}*/
/*clase logo
.logo 	{
		float:left; 
		width:100%; 
		height:auto; 
		margin-top: 0%; 
		margin-left:0%;
		margin-right:0%;
}

							.logo 	{
									float:left; 
									width:98%; 
									height:auto; 
									margin-top: 0%; 
									margin-left:1%;
									margin-right:0%;
							}*/
/*FIN CABECERA IZQUIERDA*/

/*CABECERA DERECHA			
#cabD	{
		float:left; 
		width:49%; 
		height:auto; 
		margin-top: 0px; 
		margin-left:0%;
		margin-right:0%;
		}
#sesion	{	
		width: 100%;  
		float:right; 
		margin-top:0px; 
		margin-bottom:10px;
		border: 0px solid;
}		*/
		
/*#cabD h4 {
		text-align: right; 
		padding-right:0%;
		font-size:16px;
		margin-top:3px;
		}	
FIN CABECERA DERECHA*/	
	
section	
{ 	
		width: 98%; 
		height:auto; 
		float: left;
		margin-left: 1%;
		margin-top:14%;
		/*background-color:black;*/
	}	

							.boton_izquierda	{
												width:23%;
												margin-left:2%;	
							}	

							.boton_izquierdaOff	{
												width:23%;
												margin-left:2%;					
							}
													
							#divRedesFooter{
											width: 100%; 
											float:right;
											text-align:center;
											margin-right:0%;
											margin-top:1px; 
											margin-bottom:1px;
							}	

#cuadroCostos .ancho_caja_50{
	width:90%;
}	
	
/*HORMIGON ARMADO----------------------*/
#imagenIng50ha	{
				width: 100%;  
				float:left;
				background-color:black; 
				color:;
				margin-top:2px; 
				z-index:0;
}


#datosIng50_1 .ancho_caja_50{
	width:75%;
}

#datosIng50_2 .ancho_caja_50{
	width:75%;
}

#datosIng50_3 .ancho_caja_50{
	width:75%;
}

#datosIng50_4 .ancho_caja_50{
	width:75%;
}

#datosIng50_5 #cuadroColumna25a .ancho_caja_50{
	width:75%;
}
/*HORMIGON ARMADO----------------------*/	


#datosIng100caballetes #datosIng50_1 {
	width:100%;
}	
#datosIng100caballetes #datosIng50_1 #cuadroColumna25a{
	width:25%;
}	

							/*-------------estilosha3-----------------*/

							/*MUROS*/
							#cuadroIngMUR #datosIng50_2 #cuadroColumna100b
							{
								width:100%;
							}
							
							#cuadroIngMUR #datosIng50_2 #cuadroColumna100b .ancho_caja_75
							{
								width:95%;
							}
					
							/*medidas*/
							#cuadroIngMUR #datosIng50_3 #cuadroColumna25a .ancho_caja_50
							{
								width:60%;
							}
							/*vanos*/
							#cuadroIngMUR #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}
							
							/*CONTRAPISOS*/
							#cuadroIngCON #datosIng25i #cuadroColumna100b .ancho_caja_75
							{
								width:95%;
							}
							
							#cuadroIngCON #datosIng25i
							{
								width:100%;
							}
							/*numero y tipo*/
							#cuadroIngCON #datosIng25i #cuadroColumna100a
							{
								width:50%;
							}
							/*bloques*/
							#cuadroIngCON #datosIng25i #cuadroColumna100b
							{
								width:75%;
							}
							
							#cuadroIngCON #datosIng25i .ancho_caja_50
							{
								width:95%;
							}
							/*medidas*/
							#cuadroIngCON #datosIng25d .ancho_caja_50
							{
								width:60%;
							}
							/*vanos*/
							#cuadroIngCON #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}
							/*aislaciones*/
							#cuadroIngCON #datosIng100ais #cuadroColumna33a .ancho_caja_50
							{
								width:90%;
							}
							
							/*juntas*/
							#cuadroIngCON #datosIng100jun #cuadroColumna33a 
							{
								width:50%;
							}
			
							/*CARPETAS*/
							#cuadroIngCAR #datosIng25i #cuadroColumna100a 
							{
								width:30%;
							}
							/**/
							#cuadroIngCAR #datosIng25i #cuadroColumna100b 
							{
								width:40%;
							}
							
							/*medidas*/
							#cuadroIngCAR #datosIng25d .ancho_caja_50
							{
								width:60%;
							}
							/*vanos*/
							#cuadroIngCAR #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}
							/*aislaciones*/
							#cuadroIngCAR #datosIng100ais #cuadroColumna33a .ancho_caja_50
							{
								width:90%;
							}
							
							/*juntas*/
							#cuadroIngCAR #datosIng100jun #cuadroColumna33a 
							{
								width:50%;
							}
							

							/*REVOQUES*/
							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a .ancho_caja_75{
								width: 80%;
							}
							
							/*vanos*/
							#cuadroIngRVQ #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}

							/*REVESTIMIENTOS*/
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25
							{
								width:30%;
							}

							/*medidas*/
							#cuadroIngRVE #datosIng25d .ancho_caja_50
							{
								width:60%;
							}
							/*vanos*/
							#cuadroIngRVE #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}

							
							/*TABIQUE DE YESO*/
							/*vanos*/
							#cuadroIngTPY #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}

							
							/*CIELORRASOS DE YESO*/
							/*vanos*/
							#cuadroIngCPY #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}

							
							/*RENDIMIENTO DE YESO*/
							/*vanos*/
							#cuadroIngRPY #datosIng100 #cuadroColumna33a .ancho_caja_50
							{
								width:60%;
							}

							
							/*HORMIGON ARMADO -BASES-*/
							#cuadroIngBAS #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngBAS #datosIng50_3 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}

							
							/*HORMIGON ARMADO -PILOTES-*/		
							#cuadroIngPIL #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							

							
							/*HORMIGON ARMADO -COLUMNAS-*/		
							#cuadroIngCOL #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							

							
							/*HORMIGON ARMADO -VIGAS-*/
							#cuadroIngVIG #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}	
							

							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON ARMADO-*/
							#cuadroIngLHA #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a .ancho_caja_50{
								width: 75%;
							}

							#cuadroIngLHA #datosIng50_3 #cuadroColumna25a .ancho_caja_50{
								width: 75%;
							}

							#cuadroIngLHA #datosIng50_4 #cuadroColumna25a .ancho_caja_50{
								width: 75%;
							}							

							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON PREMOLDEADO-*/
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}

							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							

							
							/*-------------estilosha3-----------------*/

}

/************DISEÑO PARA CELULARES 480 == iphone 6 PLUMP portrait ************+++++++Samsung S10***/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:480px)
{
								/*CABECERA IZQUIERDA
								#cabI	{
										float:;  
										width:69%; 
										margin-top: 5px; 
										margin-left:1%;
										margin-right:0%;
										margin-bottom:0px;		
								}*/
								/*clase logo
								.logo 	{
										float:; 
										width:100%; 
										height:auto; 
										margin-top: 0%; 
										margin-left:0%;
										margin-right:0%;
								}*/
								/*FIN CABECERA IZQUIERDA*/

								/*CABECERA DERECHA*/			
								#cabD	{
										float:right; 
										/*width:29%; */
										height:auto; 
										margin-top: 0px; 
										margin-left:0%;
										margin-right:1%;
										}
								#cabD h4 {
										text-align: right; 
										padding-right:0%;
										font-size:13px;
										}	
										
							/*	#sesion {
										float:right;
										width:100%; 
										}
										*/
								.registro	{		
											float:;
											width:20%; 
											margin-top: 0%; 
											margin-left:0%;
											margin-right:0%;
										}		
	/*FIN CABECERA DERECHA*/	
		
								section	
								{ 	
										width: 98%; 
										height:auto; 
										float: left;
										margin-left: 1%;
										margin-top:15%;
										/*background-color:blue;*/
									}	
									
									

	#cuadroIng #imagenIng50{
		width:100%;
	}	

	#cuadroIng #datosIng25i{
		width:100%;
	}

	#cuadroIng #datosIng25i #cuadroColumna100b {
		width:50%;
	}
		
	#cuadroIng #datosIng25i .ancho_caja_75{
		width:95%;
	}

	/*barra porcentaje muros*/
	#cuadroIng #datosIng100 #cuadroColumna100a .ancho_caja_50{
		width:85%;
	}

	#cuadroCostos #cuadroColumna50a{
		width:100%;
	}

	#cuadroCostos #cuadroColumna25a{
		width:50%;
	}

	#cuadroCostos #cuadroColumna50s{
		width:100%;
	}

	#cuadroCostos #cuadroColumna25s{
		width:50%;
	}

	#cuadroCostos #cuadroColumna50r{
		width:100%;
	}

	#cuadroCostos #cuadroColumna25r{
		width:50%;
	}

	#cuadroRendi #cuadroColumna50s{
		width:100%;
	}

	#cuadroRendi #cuadroColumna25s{
		width:50%;
	}

	#cuadroRendi #cuadroColumna50r{
		width:100%;
	}

	#cuadroRendi #cuadroColumna25r{
		width:50%;
	}

	/*Cuadros 50 r y s de rendimientos--------------*/
	#cuadroRendi #cuadroColumna50r .ancho_caja_25{
		width:25%;
	}

	#cuadroRendi #cuadroColumna50s .ancho_caja_25{
		width:25%;
	}
	/*----------------------------------------------*/
	#divvigueta .ancho_caja_75{
		width:90%;
	}

	#divvigueta .ancho_caja_50{
		width:90%;
	}

	#datosIng50_5 #cuadroColumna50a .ancho_caja_50{
		width:90%;
	}


							/*-------------estilosha3-----------------*/

							/*MUROS*/
							/*medidas*/
							#cuadroIngMUR #datosIng50_3 #cuadroColumna25a
							{
								width:50%;
							}
							
							#cuadroIngMUR #datosIng50_3 #cuadroColumna25a .ancho_caja_50
							{
								width:60%;
							}
							
							#cuadroIngMUR #datosIng50_3 #cuadroColumna25a .ancho_caja_75
							{
								width:60%;
							}

							/*vanos*/
							#cuadroIngMUR #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							
							
							/*CONTRAPISOS*/
							/*numero y tipo*/
							#cuadroIngCON #datosIng25i #cuadroColumna100a
							{
								width:50%;
							}
							#cuadroIngCON #datosIng25i #cuadroColumna100a .ancho_caja_50
							{
								width:90%;
							}
							/*bloques*/
							#cuadroIngCON #datosIng25i #cuadroColumna100b
							{
								width:100%;
							}
			
							/*medidas*/
							#cuadroIngCON #datosIng25d #cuadroColumna100a
							{
								width:50%;
							}
							/*vanos*/
							#cuadroIngCON #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							/*aislaciones*/
							#cuadroIngCON #datosIng100ais #cuadroColumna33a
							{
								width:50%;
							}


							/*CARPETAS*/
							/*numero y hidrof*/
							#cuadroIngCAR #datosIng25i 
							{
								width:100%;
							}
							#cuadroIngCAR #datosIng25i #cuadroColumna100a
							{
								width:50%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100a .ancho_caja_50
							{
								width:75%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100b
							{
								width:50%;
							}
							
							#cuadroIngCAR #datosIng25i #cuadroColumna100b .ancho_caja_75
							{
								width:90%;
							}

							
							
							
			
							/*medidas*/
							#cuadroIngCAR #datosIng25d #cuadroColumna100a
							{
								width:50%;
							}
							/*vanos*/
							#cuadroIngCAR #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							/*aislaciones*/
							#cuadroIngCAR #datosIng100ais #cuadroColumna33a
							{
								width:50%;
							}


							/*REVOQUES*/
							/*tipo*/

							#cuadroIngRVQ #datosIng50_1 #cuadroColumna33a 
							{
								width:50%;
							}
							
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna100a
							{
								width:100%;
							}
							
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna100a .ancho_caja_100
							{
								width:90%;
							}
							
							/*medidas*/
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna25a
							{
								width:50%;
							}
							
							#cuadroIngRVQ #datosIng50_2 #cuadroColumna25a .ancho_caja_50
							{
								width:60%;
							}
							
							/*vanos*/
							#cuadroIngRVQ #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							
							
							
							/*REVESTIMIENTOS*/
							/*numero y hidrof*/
							#cuadroIngRVE #datosIng25i #cuadroColumna100a
							{
								width:50%;
							}
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_75
							{
								width:90%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b
							{
								width:50%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100b .ancho_caja_75
							{
								width:90%;
							}
			
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25
							{
								width:50%;
							}
			
							/*medidas*/
							#cuadroIngRVE #datosIng25d #cuadroColumna100a 
							{
								width:50%;
							}
							
							#cuadroIngRVE #datosIng25d #cuadroColumna100a .ancho_caja_50
							{
								width:50%;
							}
							
							
							/*vanos*/
							#cuadroIngRVE #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							/*aislaciones*/
							#cuadroIngRVE #datosIng100ais #cuadroColumna33a
							{
								width:50%;
							}
							
							/*TABIQUE PLACA YESO*/
							#cuadroIngTPY #datosIng25i #cuadroColumna100a .ancho_caja_75
							{
								width:90%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100b .ancho_caja_75
							{
								width:90%;
							}
							
							#cuadroIngTPY #datosIng25d 
							{
								width:100%;
							}
							
							#cuadroIngTPY #datosIng25d #cuadroColumna100a 
							{
								width:50%;
							}
							
							#cuadroIngTPY #datosIng25d #cuadroColumna100b 
							{
								width:50%;
							}
							
							/*accesorios y aislaciones*/
							#cuadroIngTPY #datosIng100 #cuadroColumna50a .ancho_caja_50
							{
								width:90%;
							}
							
							/*vanos*/
							#cuadroIngTPY #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}


							/*CIELORRASOS PLACA YESO*/
							#cuadroIngCPY #datosIng25i #cuadroColumna100a .ancho_caja_75
							{
								width:90%;
							}
							
							#cuadroIngCPY #datosIng25i #cuadroColumna100b 
							{
								width:100%;
							}
							
							#cuadroIngCPY #datosIng25d 
							{
								width:100%;
							}
							
							#cuadroIngCPY #datosIng25d #cuadroColumna100a 
							{
								width:50%;
							}
							
							#cuadroIngCPY #datosIng25d #cuadroColumna100a .ancho_caja_50
							{
								width:60%;
							}
							
							#cuadroIngCPY #datosIng25d #cuadroColumna100b 
							{
								width:50%;
							}
							
							/*accesorios y aislaciones*/
							#cuadroIngCPY #datosIng100 #cuadroColumna50a .ancho_caja_50
							{
								width:90%;
							}
							
							/*vanos*/
							#cuadroIngCPY #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							
							
							/*REVESTIMIENTOS PLACA YESO*/
							#cuadroIngRPY #datosIng25i #cuadroColumna100a .ancho_caja_75
							{
								width:90%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b .ancho_caja_75
							{
								width:90%;
							}
							
							#cuadroIngRPY #datosIng25d 
							{
								width:100%;
							}
							
							#cuadroIngRPY #datosIng25d #cuadroColumna100a 
							{
								width:50%;
							}
							
							#cuadroIngRPY #datosIng25d #cuadroColumna100a .ancho_caja_50
							{
								width:60%;
							}
							
							#cuadroIngRPY #datosIng25d #cuadroColumna100a .ancho_caja_75
							{
								width:60%;
							}
							
							/*vanos*/
							#cuadroIngRPY #datosIng100 #cuadroColumna33a 
							{
								width:50%;
							}
							
							/*HORMIGON ARMADO -COLUMNAS-*/		
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}
							
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 50%;
							}
							
							
							/*RESULTADOS*/
							#cuadroResulR #cuadroColumna100sCAB #cuadroColumna50s{
								width: 100%;
							}


							/*-------------estilosha3-----------------*/



							
}
/************DISEÑO PARA CELULARES 414x736 == iphone 6 PLUMP portrait ****************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:414px)
{
/*inicio clase boton cafecito*/
	.cafecitobtnInf 	{
						width:60%;
						margin-top:1px;
						margin-right:1px;
						padding:5px;
						float:center;
	}
	#contenedorCafecito {
						width:70%;
						height:auto;
						background-color:red;
						margin-top:1px;
						margin-right:1px;
						margin-bottom:1px;
						margin-left:1px;
	}
/*fin clase boton cafecito*/
section {
	/*background-color:black;*/
}	
#cuadroIng #datosIng25i #cuadroColumna100b {
	width:100%;
}
	
#cuadroIng #datosIng25i .ancho_caja_75{
	width:75%;
}	

/*barra porcentaje revoques*/
#cuadroIng #datosIng100 #cuadroColumna66a {
	width:100%;
}

#cuadroIng #datosIng100 #cuadroColumna66a .ancho_caja_75{
	width:85%;
}
/*-------------------------*/
/*cerecita en revoques
#cuadroIng #datosIng100 #cuadroColumna100a #cuadroColumna33a {
	width:100%;
}*/

#cuadroIng #datosIng25d #cuadroColumna100a{
	width:50%;
}
	
#cuadroIng #datosIng100 #cuadroColumna33a{
	width:50%;
}

							.boton_izquierda	{
												width:46%;
												margin-left:2%;	
							}	

							.boton_izquierdaOff	{
												width:46%;
												margin-left:2%;					
							}
							


	
}

/************DISEÑO PARA CELULARES 384 == Nexus 4 Portland (384x600)**************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:384px)
{
/*CABECERA IZQUIERDA
#cabI	{
		float:left;  
		width:64%; 
		margin-top: 5px; 
		margin-left:1%;
		margin-right:0%;
		margin-bottom:0px;		
}*/
/*clase logo
.logo 	{
		float:left; 
		width:100%; 
		height:auto; 
		margin-top: 0%; 
		margin-left:0%;
		margin-right:0%;
}*/
/*FIN CABECERA IZQUIERDA*/

/*CABECERA DERECHA			
#cabD	{
		float:left; 
		width:34%; 
		height:auto; 
		margin-top: 0px; 
		margin-left:0%;
		margin-right:0%;
		}
#cabD h4 {
		text-align: right; 
		padding-right:0%;
		font-size:13px;
		}	*/
/*FIN CABECERA DERECHA	
section	
{ 	
		width: 98%; 
		height:auto; 
		float: left;
		margin-left: 1%;
		margin-top:18%;
	}	
	*/
								
}

/************DISEÑO PARA CELULARES 375 == iphone 6 Port (375x667)*MOTOROLA E2*/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:375px)
{
/*OK*/
section {
	
	/*background-color:green;*/
}

							/*-------------estilosha3-----------------*/
							/*section	
							{ 	
									width: 98%; 
									height:auto; 
									float: left;
									margin-left: 1%;
									margin-top:20%;
									background-color:blue;
								}	*/
							
							/*porcentaje*/
							#datosIng100 #cuadroColumna100a .ancho_caja_90
							{
								width:70%;
							}

							/*MUROS*/
							
							/*CONTRAPISOS*/
							/*juntas*/
							#cuadroIngCON #datosIng100jun #cuadroColumna33a 
							{
								width:100%;
							}
							
							
							/*CARPETAS*/
							#cuadroIngCAR #datosIng25i #cuadroColumna100b 
							{
								width:100%;
							}
							
							/*juntas*/
							#cuadroIngCAR #datosIng100jun #cuadroColumna33a 
							{
								width:100%;
							}

							
							/*REVESTIMIENTOS*/
							#cuadroIngRVE #datosIng25i #cuadroColumna100a 
							{
								width:100%;
							}

							#cuadroIngRVE #datosIng25i #cuadroColumna100b 
							{
								width:100%;
							}
							
							#cuadroIngRVE #datosIng25i #cuadroColumna100a .ancho_caja_25
							{
								width:25%;
							}
							
							
							/*TABIQUES PLACA YESO*/
							#cuadroIngTPY #datosIng25i #cuadroColumna100a 
							{
								width:100%;
							}
							
							#cuadroIngTPY #datosIng25i #cuadroColumna100b 
							{
								width:100%;
							}
							
							#cuadroIngTPY #datosIng100 #cuadroColumna50a 
							{
								width:100%;
							}


							/*CIELORRASOS PLACA YESO*/
							#cuadroIngCPY #datosIng25i #cuadroColumna100a 
							{
								width:100%;
							}
							
							#cuadroIngCPY #datosIng25i #cuadroColumna100b 
							{
								width:100%;
							}
							
							#cuadroIngCPY #datosIng100 #cuadroColumna50a 
							{
								width:100%;
							}
							
							
							/*REVESTIMIENTO PLACA YESO*/
							#cuadroIngRPY #datosIng25i #cuadroColumna100a 
							{
								width:100%;
							}
							
							#cuadroIngRPY #datosIng25i #cuadroColumna100b 
							{
								width:100%;
							}
			
							
							/*HORMIGON ARMADO -BASES-*/
							#cuadroIngBAS #datosIng50_1 {
								width: 100%;
							}
							
							#cuadroIngBAS #datosIng50_1 #cuadroColumna50a {
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_2 {
								width: 100%;
							}
							
							#cuadroIngBAS #datosIng50_2 #cuadroColumna50a {
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_3 {
								width: 100%;
							}
							
							#cuadroIngBAS #datosIng50_3 #cuadroColumna50a {
								width: 50%;
							}
							
							#cuadroIngBAS #datosIng50_5 {
								width: 100%;
							}
							
							#cuadroIngBAS #datosIng50_5 #cuadroColumna25a {
								width: 50%;
							}
							
							
							/*HORMIGON ARMADO -PILOTES-*/
							#cuadroIngPIL #datosIng50_1 #cuadroColumna50a{
								width: 100%;
							}

							#cuadroIngPIL #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}

							#cuadroIngPIL #datosIng50_5 #cuadroColumna25a{
								width: 50%;
							}
							
							
							/*HORMIGON ARMADO -COLUMNAS-*/
							#cuadroIngCOL #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngCOL #datosIng50_2 {
								width: 100%;
							}
							
							#cuadroIngCOL #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngCOL #datosIng50_5 #cuadroColumna25a{
								width: 50%;
							}
							
							
							/*HORMIGON ARMADO -VIGAS-*/
							#cuadroIngVIG #datosIng50_1 {
								width: 100%;
							}
							
							#cuadroIngVIG #datosIng50_1 #cuadroColumna50a {
								width: 50%;
							}

							#cuadroIngVIG #datosIng50_2 {
								width: 100%;
							}
							
							#cuadroIngVIG #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngVIG #datosIng50_5 #cuadroColumna25a{
								width: 50%;
							}

							
							/*HORMIGON ARMADO -LOSA DE HORMIGON ARMADO-*/
							#cuadroIngLHA #datosIng50_1 {
								width: 100%;
							}
							
							#cuadroIngLHA #datosIng50_1 #cuadroColumna50a {
								width: 50%;
							}

							#cuadroIngLHA #datosIng50_2 {
								width: 100%;
							}
							
							#cuadroIngLHA #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
														
							#cuadroIngLHA #datosIng50_1 #cuadroColumna25a {
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_3 #cuadroColumna25a {
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_4 #cuadroColumna25a {
								width: 50%;
							}
							
							#cuadroIngLHA #datosIng50_5 #cuadroColumna25a {
								width: 50%;
							}

							
							/*HORMIGON ARMADO -LOSAS DE HORMIGON PREMOLDEADO-*/
							#cuadroIngLHP #datosIng50_1{
								width: 100%;
							}
							
							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a{
								width: 50%;
							}

							#cuadroIngLHP #datosIng50_1 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngLHP #datosIng50_2{
								width: 100%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_2 #cuadroColumna50a .ancho_caja_50{
								width: 75%;
							}
							
							#cuadroIngLHP #datosIng50_3 #cuadroColumna50a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_3 #cuadroColumna50a .ancho_caja_75{
								width: 85%;
							}

							#cuadroIngLHP #divvigueta #cuadroColumna50a .ancho_caja_75{
								width: 85%;
							}
							
							#cuadroIngLHP #divlosahueca #cuadroColumna50a .ancho_caja_50{
								width: 85%;
							}
							
							#cuadroIngLHP #divlosahueca #cuadroColumna50a .ancho_caja_100{
								width: 85%;
							}
							
							#cuadroIngLHP #datosIng50_5 #cuadroColumna25a{
								width: 50%;
							}
							
							#cuadroIngLHP #datosIng50_5 #cuadroColumna50a{
								width: 100%;
							}
							
							/*RESPUESTAS*/
							#cuadroResulID #cuadroColumna50sD #cuadroColumna50s{
								width: 100%;
							}
							
							#cuadroResulID #cuadroColumna50sPIE #cuadroColumna50s{
								width: 100%;
							}
							
							
							
							
							
							
							
}



/************DISEÑO PARA CELULARES 320********************************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:320px)
{
#cabD h4 {
		text-align: right; 
		padding-right:0%;
		font-size:12px;
		}	
/*FIN CABECERA DERECHA*/	
	
/*section	
{ 	
		width: 98%; 
		height:auto; 
		float: left;
		margin-left: 1%;
		margin-top:20%;
		background-color:yellow;
	}*/
	



							
}

/************DISEÑO PARA CELULARES 240********************************************/
/*-------------------------------------------------------------------------------*/
@media only screen and (max-width:240px){

}