* {
	margin: 0;
	padding: 0;	
	font-family: arial;
	text-decoration: none;	
}
.sombras{box-shadow: 10px 10px 8px #888888;}
.redireccion{color: red; box-shadow: 2px 2px 10px red;}
.manuales01{text-align: center; background: #FF8000; color: #FFF; font-weight: bold; padding: 4px;}

.precaucion{text-align: center; background: red; color: #FFF; font-weight: bold; padding: 4px;}
.precaucion1{border: red solid 2px;}


.BajarExcel{display: block; text-align: center; background: #298A08; padding: 6px; border: #848484 solid 3px;
	margin: 3px; width: 35%; color: #FFF;}
.BajarExcel:hover {border-color: black; font-weight: bold;}
.icon-file_download{font-size: 18px;}
.icon-picture_as_pdf{font-size: 28px;}
.enlaces{color: blue;font-weight: bold;	text-decoration: none; box-shadow: 10px 10px 8px #888888;}
.BajarPDF{display: block; text-align: left; background: #FA5858; margin: 4px; padding: 8px; color: #FFF;
	border: black solid 1px; border-radius: 3px;}
.BajarPDF:hover{background: #FF0000;}
/********************************** *******************************************************************************************/
/********************************************   ENCABEZADO y GENERAL DE PAGINA  **********************************************/
/*****************************************************************************************************************************/
header {background: #424242; color: #FFF; display: flex; justify-content: flex-start; z-index: 1;}
.tabla1{z-index: 0;	position: fixed;}
.tabla3{z-index: 0;	position: fixed;}
.icon-storage{color: #FF8000;}
.icon-arrow_drop_down{color: #FF8000;}
#btn-menu{display: none;}
.titu_responsive{display: none;}
h1{font-family: arial; font-size: 40px;	text-align: center;}
h2{font-family: arial; font-size: 20px;	}
header label{font-size: 40px; cursor: pointer; display: none; z-index: 1;}
.menu ul{background: #424242; display: flex; list-style: none; z-index: 1;}
.menu ul ul{display: none; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px;}
.menu a{display: block;	padding: 15px 20px;	color: #FFF;}
.menu ul ul a{border-top-color: black; border-top-style: solid;	border-top-width: 1px;}
.menu a:hover{ background: #FF8000;}
.menu a:hover .icon-arrow_drop_down{ color: #FFF;}
.menu a span{margin-left: 10px;}
.menu ul li:hover ul{display: block; position: absolute;}


								/**********   BOTON DE SUBIR    ***************/
.cm-up{display: none; position: fixed; background: #555 ; height: 40px; outline: none;
	cursor: pointer; border-radius: 50px; padding-top: 6px; right: 10px; bottom: 10px;}
.cm-up .cm-text-up{border: none; background: none; outline: none; cursor: pointer; color: white;
	float: left; padding: 0; font-size: 16px; line-height: 20px;	width: 0; transition: 0.4s;}
.cm-up .icon-navigation{background: black; color: #FF8000; font-size: 20px;	float: right; width: 40px;
	height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: 0.4s;}
.cm-up:hover > .cm-text-up{width: 120px; padding-top: 6px;}
.cm-up:hover > .icon-navigation{background: #FF8000; color: black;}
                               /**********  FIN de BOTON DE SUBIR    **********/

/****************************************************************************************************************************/
/*****************************************   FIN   ENCABEZADO y GENERAL DE PAGINA WEB     ***********************************/
/****************************************************************************************************************************/




/****************************************************************************************************************************/
/************************************************ RESOLUCIONES MAS PEQUEÑAS *************************************************/
/****************************************************************************************************************************/
@media (max-width: 600px){.peque{width: 20%}	}
@media (max-width: 600px){.peque2{width: 40%}	}
@media (max-width: 600px){.peque3{width: 60%}	}
@media (max-width: 600px){.peque4{width: 80%}	}

@media (max-width: 600px){
	                       /****************************     MENU   ****************************/	
	header label{display: block; background: black; z-index: 1;}
	header{background: black; z-index: 1;}
	h1{font-size: 25px; z-index: 1;}
	h2{font-size: 18px; z-index: 1;}
	.titu_responsive{position: relative; display: block; font-size: 20px; left: 30px; padding: auto; padding-top: 10px; z-index: 1;}
	.menu {position: absolute; top: 45px;left: 0; width: 70%; transform: translateX(-100%); transition: all 0.3s;
	 font-size: 14px; z-index: 1;}
	.menu ul{ display: block; background: #555; z-index: 1; z-index: 1;}		
	.menu a{padding: 10px; z-index: 1;}
	.menu ul li:hover ul{display: none; position: static; z-index: 1;}
	.menu a span{position: absolute; right: 5px; z-index: 1;}
	#btn-menu:checked ~ .menu{transform: translateX(0%); z-index: 1;}
	.menu ul ul{background: rgb(0,0,0,0.4); z-index: 1;}
	.menu ul ul a{padding: 7px 40px; z-index: 1;}	
	.menu ul ul a:hover{ color: black; font-weight: bold; z-index: 1;}
	.video_0 {height: 100%; width: 100%;}
	
	                      /*****************************  FIN DE MENU   *************************/

                          /****************************   BOTON SUBIR   *************************/

	.cm-up{height: 25px; padding-top: 6px;}
	.cm-up .cm-text-up{ font-size: 14px;}
	.cm-up .icon-navigation{height: 25px; width: 25px; font-size: 15px;}
	.cm-up:hover > .cm-text-up{padding-top: 0px;}
                         /**************************   FIN DE BOTON SUBIR  **********************/

	                     /***********************   TABLA DE TODO EL CUERPO  ********************/

	.img1{width: 0px; height: 0px; visibility: hidden;}	
	
	img{width: 100%;}	
	.sub-conceptos{padding: 2px;}	
	.sub-conceptos li > a{font-size: 14px; padding: 5px;}
	                   /***********************   ATAJOS  ********************/
	.flotar li > a{font-size: 14px;}                   
	.flotar{z-index: 0;}
	.flotarPSV{z-index: 0;}

	.flotar_psv{width: 65%;}
	.flotar_psv li > a{font-size: 14px;}                   
	.flotar_psv{z-index: 0;}
	.flotarPSV_psv{z-index: 0;}

	.flotar_brida{width: 46%;}
	.flotar_brida li > a{font-size: 14px;}                   
	.flotar_brida{z-index: 0;}
	.flotarPSV_brida{z-index: 0;}

	.tabla1_a{font-size: 14px;}
	.tabla2_a{font-size: 14px;}
	.tabla3_a{font-size: 12px;}
	.tabla4_a{font-size: 12px;}

	.flotar_anillo li > a{font-size: 14px;}

	.img_rj_min{width: 50%}
	
	.a2{font-size: 15px;}
	.a3{font-size: 14px;}

	.img_ampolla{width: 30%}

	.imgchicas{width: 5%}

}
@media (max-width: 900px){
	.fittings1 tr > td{font-size: 11px;}
	.fittings2 tr > td{font-size: 10px;}
	.tabla_1 tr > th {font-size: 11px;}
	.tabla_1 tr > td {font-size: 11px;}
	.tabla_2 tr > th {font-size: 11px;}
	.tabla_2 tr > td {font-size: 11px;}
	.tabla_3 tr > th {font-size: 11px;}
	.tabla_3 tr > td {font-size: 11px;}
}

@media (max-width: 634px){
	.tabla1{width: 0%;}
	.tabla2{width: 100%;}
	.tabla3{width: 0%;}


}
/****************************************************************************************************************************/
/********************************************* FIN RESOLUCIONES MAS PEQUEÑAS ************************************************/
/****************************************************************************************************************************/


                 /*********************************************   TEXTOS GENERALES  **********************************/
.titulosP{text-align: center; font-size: 30px;}
.titulosS{text-align: left; font-weight: bold;}
.tituloMedio{text-align: center; background: #424242; color: #FFF; padding: 4px;}

                 /*************************************   FIN DE TEXTOS GENERALES  ***********************************/

                 /**********************************   SUB MENU - CONCEPTOS    ***************************************/
.sub-conceptos{text-align: right; padding: 8px; border-radius: 5px;}
.sub-conceptos a{background: #424242; padding: 7px; color: #FFF; border: #848484 solid 3px; border-radius: 3px; 
	font-size: 16px;}
.sub-conceptos li{display: inline-block; padding: 4px;}
.sub-conceptos li:hover a{color: #FF8000; background:black;}

/*************  ATAJOS EN LA PAGINA  ****************/
.flotar{position: fixed; bottom: 1px; margin: 8px auto; background-color: rgba(116, 110, 110, 0.8); text-align: center; padding: 3px;
	border-radius: 5px;}
.flotar ul{list-style: none;}
.flotar a{font-size: 16px;}
.flotarPSV > li{position: relative;	padding: 2px; display: inline-block;}
.flotarPSV > li > a{border-radius: 4px;	background-color: #424242; display: block; padding: 5px; color: #FFF;
	font-family: arial;	text-decoration: none;}
.flotarPSV li a:hover{background: #FF8000; transition: .2s;}
.icon-low_priority{color: #FF8000; font-size: 22px;}

/*************** PSV ATAJOS *************/
.flotar_psv{position: fixed; bottom: 1px; margin: 8px auto; background-color: rgba(116, 110, 110, 0.8); text-align: center; padding: 3px;
	border-radius: 5px;}
.flotar_psv ul{list-style: none;}
.flotar_psv a{font-size: 16px;}
.flotarPSV_psv > li{position: relative;	padding: 2px; display: inline-block;}
.flotarPSV_psv > li > a{border-radius: 4px;	background-color: #424242; display: block; padding: 5px; color: #FFF;
	font-family: arial;	text-decoration: none;}
.flotarPSV_psv li a:hover{background: #FF8000; transition: .2s;}
.icon-low_priority{color: #FF8000; font-size: 22px;}

/************* BRIDA ATAJOS ****************/
.flotar_brida{position: fixed; bottom: 1px; margin: 8px auto; background-color: rgba(116, 110, 110, 0.8); text-align: center; padding: 3px;
	border-radius: 5px;}
.flotar_brida ul{list-style: none;}
.flotar_brida_brida a{font-size: 16px;}
.flotarPSV_brida > li{position: relative;	padding: 2px; display: inline-block;}
.flotarPSV_brida > li > a{border-radius: 4px;	background-color: #424242; display: block; padding: 5px; color: #FFF;
	font-family: arial;	text-decoration: none;}
.flotarPSV_brida li a:hover{background: #FF8000; transition: .2s;}
.icon-low_priority{color: #FF8000; font-size: 22px;}

/******************* ANILLO ATAJOS ******************/
.flotar_anillo{position: fixed; bottom: 1px; margin: 8px auto; background-color: rgba(116, 110, 110, 0.8); text-align: center; padding: 3px;
	border-radius: 5px; width: 60%}
.flotar_anillo ul{list-style: none;}
.flotar_anillo a{font-size: 16px;}
.flotarPSV_anillo > li{position: relative;	padding: 2px; display: inline-block;}
.flotarPSV_anillo > li > a{border-radius: 4px;	background-color: #424242; display: block; padding: 5px; color: #FFF;
	font-family: arial;	text-decoration: none;}
.flotarPSV_anillo li a:hover{background: #FF8000; transition: .2s;}
.icon-low_priority{color: #FF8000; font-size: 22px;}

/********** FIN DE ATAJOS EN LA PAGINA  *************/

                 /**********************************  FIN SUB MENU - CONCEPTOS    ************************************/

                 /************************************         TABLAS             ************************************/
.Tabla_Orificio td{border: black solid 2px; padding: 5px; text-align: center;}

/************************** TABLAS DE ANILLO *******************************/
.tabla1_a{width: 100%; text-align: center; color: #FFF;	border-width: 1px; background: #424242;}
.tabla2_a{width: 100%; text-align: center; border-width: 1px; font-weight: bold;}
.tabla2_a td{border-color: #424242;	border-style: solid; width: 33%; border-width: 1px;}
.tabla3_a{width: 100%; text-align: center; border-width: 1px; font-weight: bold;}
.tabla3_a td{border-color: #424242; border-style: solid; width: 16.6%; border-width: 1px;}
.tabla4_a{width: 100%; text-align: center; border-width: 1px;}
.tabla4_a td{border-color: #424242; border-style: solid; width: 16.6%; border-width: 1px;}
/************************* TABLAS PARA JUNTA *********************************/
.a1{width: 100%; text-align: center; color: #FFF; border-width: 1px; background: #424242;}
.a2{width: 100%; text-align: center; font-weight: bold;}

.a2 tr > td{ border-style: solid; border-width: 1px; border-color: #424242; font-weight: bold; text-align: center;}
.a3{width: 100%; text-align: center;}
.a3 td{border-style: solid; border-width: 1px; border-color: #424242;}

/************************** TABLA UNION A GOLPE **************************/
.golpe1{text-align: center;	width: 100%; border-style: solid; border-width: 1px; border-color: #424242;	background-color: #424242}
.golpe1 td{font-family: arial; color: #FFF;}
.golpe2{text-align: center;	width: 100%; border-style: solid; border-width: 1px; border-color: #424242;}
.golpe2 td{border-style: solid; border-width: 1px; border-color: #424242; font-family: arial;}
.golpe3{text-align: center;	border-style: solid; border-width: 1px;	border-color: #424242; background-color: #424242}
.golpe3 td{font-family: arial; color: #FFF;	width: 300px;}
.golpe4{text-align: center;	border-style: solid; border-width: 1px;	border-color: #424242;}
.golpe4 td{border-style: solid; border-width: 1px; border-color: #424242; width: 300px;	font-family: arial;}
/********************************************* TABLA PARA FITTINGS   *************************************************/
.fittings1{text-align: center; width: 100%;	border-style: solid; border-width: 1px;	border-color: #424242; background-color: #424242;}
.fittings1 td{text-align: center; color: #FFF; width: 16.5%; font-size: 14px;}
.fittings2{text-align: center; width: 100%;	border-style: solid; border-width: 1px;	border-color: #424242;}
.fittings2 td{padding: 4px;	border-style: solid; border-width: 1px;	border-color: #424242; width: 16.5%; font-size: 14px;}
.fit0{font-weight: bold;}

/********************************************* TABLA PARA RING JOINT   *************************************************/
.RingJoint td{text-align: center; background: #424242; color: #FFF; padding: 4px;}
.RingJoint_ {text-align: center;background: #424242; color: #FFF;}
.RingJoint_ td{}
.RingJoint_a {text-align: center;}
.RingJoint_a td{width: 14.28%; border: #424242 solid 1px;}

.RingJoint_B {width: 100%;}
.RingJoint_B td{text-align: center; background: #424242; color: #FFF; padding: 4px;}
.RingJoint_B1{width: 100%;background: #424242; color: #FFF; text-align: center;}
.RingJoint_B1 td{width: 25%}
.RingJoint_B2{width: 100%}
.RingJoint_B2 td{text-align: center; width: 25%;border: #424242 solid 1px;}

.R_RX {width: 100%;}
.R_RX td{text-align: center; background: #424242; color: #FFF; padding: 4px;}
.R_RX1{width: 100%;background: #424242; color: #FFF; text-align: center;}
.R_RX1 td{width: 33.3%}
.R_RX2{width: 100%}
.R_RX2 td{text-align: center; width: 33.3%;border: #424242 solid 1px;}

/********************************************* TABLA MEDICION DE GAS   *************************************************/
.tabla_1 {text-align: center; width: 100%; border-style: solid; border-width: 1px; border-color: #424242; font-size: 13px;}
.tabla_1 td{padding: 4px;	border-style: solid; border-width: 1px;	border-color: #424242; font-size: 13px;}
.tabla_1 th{text-align: center; background: #424242; color: #FFF; padding: 4px;}

.tabla_2 {text-align: center; width: 100%; border-style: solid; border-width: 1px; border-color: #424242; font-size: 13px;}
.tabla_2 td{padding: 4px;	border-style: solid; border-width: 1px;	border-color: #424242; font-size: 13px;}
.tabla_2 th{text-align: center; background: #424242; color: #FFF; padding: 4px;}

.tabla_3 {text-align: center; width: 100%; border-style: solid; border-width: 1px; border-color: #424242; font-size: 13px;}
.tabla_3 td{padding: 4px;	border-style: solid; border-width: 1px;	border-color: #424242; font-size: 13px;}
.tabla_3 th{text-align: center; background: #424242; color: #FFF; padding: 4px;}


@media (min-width: 300px) {
breakpoint  {max-width: 45%;}
}

/***************************Pantalla Index***********************************/
.contenedor_login_nuevo{
	font-family: 'arial';
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 380px;
	position: relative;
	
		
}
.uno_nuevo{
	font-family: 'arial';		
	padding: 5px 20px;
	margin: 10px;
	text-decoration: none;	
}
.contenedor_login_nuevo form{
	width: 100%;
	padding: 10px 10px;
	background: #FFF;		
	border: 2px solid black;
	
}
.contenedor_login_nuevo form H2{
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
	color: black;
}
.contenedor_login_nuevo form input{
	width: 100%;
	margin-top: 8px;
	padding: 5px;
	border: none;
	background: #F2F2F2;
	font-size: 16px;
	outline: none;
}
.contenedor_login_nuevo form button{
	padding: 10px 30px;
	margin-top: 10px;
	border: none;
	font-size: 14px;
	background: #655E5D;
	color: white;
	cursor: pointer; 
	outline: none;
}