html{
    font-family: 'Open Sans', sans-serif !important; 
    
}

body{
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif !important; 
    background-color: rgba(156, 203, 250, 0.959); 
    
    
}

a{
    text-decoration: none;
}

a:link, a:visited, a:active {
    text-decoration:none;
}

.contenedor_principal{
    width: 93%;
    margin: 0 auto; 
    padding-bottom: 5px;
    box-shadow: 1px 5px 5px 8px rgba(59, 59, 59, 0.55);
    padding-top: 10px;
    background-color: #fff;
    
}

.encabezado{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgb(2,0,36);
    background: linear-gradient(61deg, rgba(2,0,36,1) 0%, rgba(9,105,121,1) 88%, rgba(0,212,255,1) 99%);
    /* background-color: cornflowerblue; */
    border-radius: 1em;
    padding: 1em;
    font-family: 'Open Sans', sans-serif !important; 
    /* font-family: 'Oswald', sans-serif !important; */
    margin-left: 30px;
    margin-right: 30px;
    
}

.error_faltadatos{
    margin: 20px 30px;
}
.encabezado1{
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* margin-left: 30px;
    margin-right: 30px; */
   
    
}

.boton{
    padding: 10px;
    background-color: #213F8F;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border-radius: 5px;
    border: none;
    
}

.boton:hover{
    background-color: rgb(95, 143, 51);
}

.logo{
    display: flex;
    align-items: center;
}

.nombrelaboratorio{
    margin-left: 10px;
    color: whitesmoke;
    font-size: 1em !important;
    font-style: italic !important;
}

.titulo{
    color: whitesmoke;
    font-size: 1.5em !important;
    font-weight: bold !important;
    
}

.fecha{
    border: solid;
    border-color: darkblue;
}

.membrete{
    display: flex;
    padding: .8em;
    font-family: 'Open Sans', sans-serif !important; 
}

.opciones_principal{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px;
    
}

.cuadro_opcion{
    /* width: 33.3%; */
    
    padding: 20px;
    text-align: center;
    
}

.cuadro_opcion a{
    text-align: center;
}

.cuadro_opcion img{
    width: 280px;
    height: 200px;
    border: solid;
    border-color: lightseagreen;
    
}

/*  */

ul.lista-precios>li{
    padding: 10px;
    }
@media only screen and (min-width: 768px) {
ul.lista-precios>li{
    float: left;
    width: 33.3%;
    }
}


div.tabla-precio{
    border:1px solid lightseagreen;
    border-radius: 20px;
    background: #ffffff;
    padding: 40px 0;
    text-align: center;
    transition: all 0.5s ease;
}
div.tabla-precio:hover{
    transform: scale(1.1);
    /* border: 2px solid lightseagreen; */
    box-shadow: 0 0 50px #666;
}
div.tabla-precio ul li{
    
    /* font-size: 14px; */
    margin-bottom: 20px;
    
    color: #868686;
    line-height: 26px;
}


div.tabla-precio img{
    
    width: 280px;
    height: 200px;
    border-top: solid;
    border-bottom: solid;
    border-color: lightseagreen;
    margin-bottom: 5px;
}


div.tabla-precio h3{
    font-size: 1.4em;
}

div.tabla-precio p{
    font-size: .9em;
}



/*  */

.cuadro_opcion h3{
    font-size: 1.6em;
}

.contenedor_opciones{
    margin-top: 95px;
}

.cuadro{
    background-color: rgb(187, 214, 240);
    width: 33.3%;
    height: 170px;
    /* padding: 1em; */
    margin: 1em 1em 1em 1em;
    
}


.cuadro h5{
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: solid;
    border-color: darkcyan;
    padding: 5px;


}

.paciente{
    padding: 10px;
}

.zoom{
    
    transition: all .3s ease;
}
.zoom:hover{
    transform: scale(1.1);
    /* border: solid;
    border-color: mediumturquoise; */
    background-color: rgb(228, 255, 253);
    box-shadow: 0 0 50px #666;
 } 

/*  .zoom{
     -webkit-transform: scale(1,1);
     -webkit-transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     -moz-transform: scale(1,1);
     -moz-transition-timing-function: ease-out;
     -moz-transition-duration: 250ms;
 }

 .zoom:hover{
    -webkit-transform: scale(1.12,1.12);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 100ms;
    -moz-transform: scale(1.12,1.12);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 100ms;

    border: solid;
    border-width: .1em;
    border-color: mediumturquoise;
    background-color: rgb(228, 255, 253);
    
 } */


 
.linea{ 
    color: rgb(6, 79, 138);
    width: 50%;
    /* border: none; */
    height: 10px;
    
    margin: 0 auto;
    text-align: center;
}

.titulo_cuadro{
    font-size: 1em;
    font-weight: bold; 
    color: whitesmoke;
    text-align: center;
    border-bottom: solid;
    border-width: .1em ;
    margin-top: 0;
    background-color: teal;
}

.dato_paciente{
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border: solid;
    border-color: darkcyan;
    border-width: .1em;
}

.dato_paciente h6{
    font-weight: bold;
}

ul{
    list-style: none;    
}

.ref_login{
    font-size: 1em;
    
}

.ref_login1{
    font-size: 1.2em;
    color: #2e4570;
    margin-top: 80px;
    
}

.ref_login1 a{
    font-size: 1em;
    margin-bottom: 5px;
    color: white;
    text-decoration: none;
}



.ref_login a{
    font-size: 1em;
    margin-bottom: 5px;
    color: white;
}


.trabajo_solicitado{
    display: block;
    justify-content: space-evenly;
    align-items: center; 
    padding: .5em;
} 

.superior {
	display: flex;
	justify-content: center;
}

.inferior {
	display: flex;
	justify-content: center;
}


.seccion_ts{
    border-top: solid;
    border-bottom: solid;
    border-width: .3em;
    border-color: rgb(9, 98, 126);
    margin: 0;
    /* background-color: rgb(187, 214, 240); */

    /* background: rgb(187, 214, 240); */
    /* background: rgb(216, 234, 252); */

     /* background-image: url('../img/boca.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%; */

    background-image: linear-gradient(to bottom, #7bdff9, #64c8e4, #4db2cf, #349cba, #1287a6);

    /* background-image: linear-gradient(180deg, #00ffff 0, #41f5ff 25%, #53bcf2 50%, #5087ab 75%, #425a6e 100%); */
    
    /* background-image: linear-gradient(255deg, #00ffff 0, #00f0ff 25%, #3cb5f2 50%, #3f7ea7 75%, #344f67 100%); */
    /* background-image: linear-gradient(180deg, #ffffb1 0, #ffeca7 25%, #f2d59d 50%, #dcbf93 75%, #c7ac8a 100%); */
}


.uno{
    display: flex;
    /* justify-content: space-around;  */
	padding: 1em;
    border-bottom: solid;
    border-right: solid;
    border-width: .3em;
    margin: 0;
} 

.dos{
    display: flex; 
    padding: 1em; 
    border-bottom: solid;
    border-left: solid;
    border-width: .3em;
    margin: 0;
} 

.tres{
    display: flex;
    padding: 1em;
    border-top: solid;
    border-left: solid;
    border-width: .3em;
    margin: 0;
} 

.cuatro{
    display: flex;
    padding: 1em;
    border-top: solid;
    border-right: solid;
    border-width: .3em;
    margin: 0;
} 


.cuadro_pieza{
    border: solid;
    border-width: .1em;
    width: 40px;
    height: 40px;
}

.pieza{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 20px;
    
}

.numero{
    margin-left: 20px;
    margin-right: 10px;
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important; 
}



.subtitulo{
    font-size: 1.2em;
    font-weight: bold; 
    margin: 30px 10px 10px 30px;
    border-bottom: solid;
    width: 50%;
    
    border-color: rgb(4, 70, 70);
    
    /* background-color: teal; */

    background: rgb(27,65,97);
    background: linear-gradient(90deg, rgba(27,65,97,1) 0%, rgba(109,204,242,1) 100%);

    color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.referencias_ts{
    font-family: 'Open Sans', sans-serif !important; 
     display: flex;
   
    justify-content: right; 
    font-size: 1em; 
    padding: 30px;    
    
}

.refe1{
    
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid;
    border-width: .1em;
    font-size: .8em;
    font-style: normal;
    padding: 10px;
    background-color: white;
    

    /* display: flex;
    align-items: center;
    justify-content: inherit;
    
    flex-wrap: wrap; */

    
    
    
    
}

.nombre_refe{
    margin: 3px;
    font-size: 1em;
}

.refe_12{
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    margin: 0 ;
   
}

.refe{
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.4em;
    font-weight: bold;
    
}

.refe2{
    border: solid;
    border-width: .1em;
}

.refe3{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0;
}

 .referencia{
     align-items: center;
    margin-right: 10px; 
    font-size: 1em;
    border: solid;
    border-color: sienna;
    padding: 5px;
    margin: 0;
    font-weight: bold;
    background-color: tan;
    
} 

.sel_trabajo{
    width: 35px;
    height: 35px;
    
}

.tratamiento{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background-color: #9ba8ca;
    padding: 30px;
}

.tabla-tratamiento{
    text-align: center;
    width: 100%;
    padding: 30px;
}

.tabla-vertratamiento{
    text-align: center;
    width: 100%;
    padding: 30px;
}


.span-agregar{
    margin-left: 5px;
    
}

.mapa{
    background-color: rgb(98, 187, 199);
    width: 100%;
    padding: 30px;
    
}

.obligatorio{
    /* border: solid;
    border-radius: .5em;
    border-width: .1em;
    border-color: darkred;
    background-color: rgb(190, 150, 150); */
    color: darkred;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-top: 0px;
    margin-left: 110px;
    margin-bottom: 0px;
    
}

.obli{
    font-size: 2em;
    color: rgb(182, 28, 28);
}

.margen_i{
    margin-left: 5px;
    margin-top: 10px;
}

.observa{
    background-color: wheat;
    padding: 30px;
}

.botonera{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid;
    border-radius: 20px;
    border-color: steelblue;
    margin: 20px;
    margin-bottom: 50px;

}


.ancho{
    width: 50%;
    text-align: center;
    margin: 10px
}

.site-footer{
    width: 100%;
    margin-top: 30px;
    
    background-color: rgb(66, 66, 66);
}

p.copyright{
    padding: 10px;
    
    font-size: .9em;
    background-color: #1b1b1b;
    color: #ffffff;
    /* padding: 10px 0; */
    margin: 0;
    text-align: center;
}

.footer-informacion{
    margin: 30px;
    padding: 20px;
    color: seashell;

}

.footer-informacion p{
    color: rgb(254, 255, 211);
    
    
}

.footer-informacion span{
    color: #fff;
    font-weight: normal;
}
.sobre{
    border-bottom: solid;
    border-color: steelblue;
}



/* DESDE ACA ES EL EJEMPLO */
.tit{
	margin: 0;
	text-align: center;
    font-size: 1em;
}

a {
	text-decoration: none;
}

.contenedor {
	/* width: 10%; */
    /* width: 50%; */

    
	 /* background-color: cadetblue;  */
     /* background-color: lightslategrey; */
     background-color: rgb(187, 214, 240);
     border-top: solid;
     border-bottom: solid;
     border-color: teal;

     border-width: .3em;
     
    width: 68px;
    /* width: 10%; */
	/* max-width: 100%; */
	margin: 0;
	/* padding: 20px 20px 20px 20px;  */
	padding: 14px;
	
}

.contenedorpdf {
	/* width: 10%; */
    /* width: 50%; */

    
	 /* background-color: cadetblue;  */
     /* background-color: lightslategrey; */
     background-color: rgb(187, 214, 240);
     border-top: solid;
     border-bottom: solid;
     border-color: teal;

     border-width: .3em;
     
    width: 68px;
    
    /* width: 10%; */
	/* max-width: 100%; */
	margin: 0;
	/* padding: 20px 20px 20px 20px;  */
	padding: 14px;
	
}

.selectbox18, .selectbox17, .selectbox16, .selectbox15, .selectbox14, .selectbox13, .selectbox12, .selectbox11,
.selectbox28, .selectbox27, .selectbox26, .selectbox25, .selectbox24, .selectbox23, .selectbox22, .selectbox21,
.selectbox38, .selectbox37, .selectbox36, .selectbox35, .selectbox34, .selectbox33, .selectbox32, .selectbox31,
.selectbox48, .selectbox47, .selectbox46, .selectbox45, .selectbox44, .selectbox43, .selectbox42, .selectbox41 {

	width: 100%;
	/* margin: auto; */
	position: relative;
}


.select18, .select17, .select16, .select15, .select14, .select13, .select12, .select11,
.select28, .select27, .select26, .select25, .select24, .select23, .select22, .select21,
.select38, .select37, .select36, .select35, .select34, .select33, .select32, .select31,
.select48, .select47, .select46, .select45, .select44, .select43, .select42, .select41 {
	background: #fff;
	width: 100%;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, .16);
	border-radius: 10px;
	cursor: pointer;
	display: flex;
	/* justify-content: space-between; */
	/* align-items: center; */
	transition: .2s ease all;
	margin-bottom: 10px;
	padding: 10px;  
	position: relative; 
	z-index: 200;
	border: 2px solid;
}

.select18.active, .select18:hover,
.select17.active, .select17:hover,
.select16.active, .select16:hover,
.select15.active, .select15:hover,
.select14.active, .select14:hover,
.select13.active, .select13:hover,
.select12.active, .select12:hover,
.select11.active, .select11:hover,
.select28.active, .select28:hover,
.select27.active, .select27:hover,
.select26.active, .select26:hover,
.select25.active, .select25:hover,
.select24.active, .select24:hover,
.select23.active, .select23:hover,
.select22.active, .select22:hover,
.select21.active, .select21:hover,
.select38.active, .select38:hover,
.select37.active, .select37:hover,
.select36.active, .select36:hover,
.select35.active, .select35:hover,
.select34.active, .select34:hover,
.select33.active, .select33:hover,
.select32.active, .select32:hover,
.select31.active, .select31:hover,
.select48.active, .select48:hover,
.select47.active, .select47:hover,
.select46.active, .select46:hover,
.select45.active, .select45:hover,
.select44.active, .select44:hover,
.select43.active, .select43:hover,
.select42.active, .select42:hover,
.select41.active, .select41:hover{

	box-shadow: 0px 5px 10px rgba(0, 0, 0, .16);
	border: 2px solid #213f8f;
}


.select18.active:before,
.select17.active:before,
.select16.active:before,
.select15.active:before,
.select14.active:before,
.select13.active:before,
.select12.active:before,
.select11.active:before,
.select28.active:before,
.select27.active:before,
.select26.active:before,
.select25.active:before,
.select24.active:before,
.select23.active:before,
.select22.active:before,
.select21.active:before,
.select38.active:before,
.select37.active:before,
.select36.active:before,
.select35.active:before,
.select34.active:before,
.select33.active:before,
.select32.active:before,
.select31.active:before,
.select48.active:before,
.select47.active:before,
.select46.active:before,
.select45.active:before,
.select44.active:before,
.select43.active:before,
.select42.active:before,
.select41.active:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-top: 15px solid #213f8f;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute; 
	/* bottom: -30px;
	left: calc(50% - 15px); */
}


.select18 i, 
.select17 i,
.select16 i,
.select15 i,
.select14 i,
.select13 i,
.select12 i,
.select11 i,
.select28 i, 
.select27 i,
.select26 i,
.select25 i,
.select24 i,
.select23 i,
.select22 i,
.select21 i,
.select38 i, 
.select37 i,
.select36 i,
.select35 i,
.select34 i,
.select33 i,
.select32 i,
.select31 i,
.select48 i, 
.select47 i,
.select46 i,
.select45 i,
.select44 i,
.select43 i,
.select42 i,
.select41 i {
	font-size: 10px;
	margin-left: 30px;
	color: #213f8f;
}


.titulo18, .titulo17, .titulo16, .titulo15, .titulo14, .titulo13, .titulo12, .titulo11,
.titulo28, .titulo27, .titulo26, .titulo25, .titulo24, .titulo23, .titulo22, .titulo21,
.titulo38, .titulo37, .titulo36, .titulo35, .titulo34, .titulo33, .titulo32, .titulo31,
.titulo48, .titulo47, .titulo46, .titulo45, .titulo44, .titulo43, .titulo42, .titulo41 {
	margin-bottom: 10px;
	color: #000;
	font-weight: 600;
	font-size: 10px;
    display: none;
}

/* .descripcion18 {
	font-size: 10px;
	color: #434343;
} */


.opciones18, .opciones17, .opciones16, .opciones15, .opciones14, .opciones13, .opciones12, .opciones11,
.opciones28, .opciones27, .opciones26, .opciones25, .opciones24, .opciones23, .opciones22, .opciones21,
.opciones38, .opciones37, .opciones36, .opciones35, .opciones34, .opciones33, .opciones32, .opciones31,
.opciones48, .opciones47, .opciones46, .opciones45, .opciones44, .opciones43, .opciones42, .opciones41 {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);
	max-height: 400px;
	overflow: auto;
	z-index: 100;
	width: 100%;
	display: none;
}


.opciones18.active, .opciones17.active, .opciones16.active, .opciones15.active, .opciones14.active, .opciones13.active, .opciones12.active, .opciones11.active,
.opciones28.active, .opciones27.active, .opciones26.active, .opciones25.active, .opciones24.active, .opciones23.active, .opciones22.active, .opciones21.active,
.opciones38.active, .opciones37.active, .opciones36.active, .opciones35.active, .opciones34.active, .opciones33.active, .opciones32.active, .opciones31.active,
.opciones48.active, .opciones47.active, .opciones46.active, .opciones45.active, .opciones44.active, .opciones43.active, .opciones42.active, .opciones41.active {
	display: block;
	animation: fadeIn .3s forwards;
}

@keyframes fadeIn {
	from {
		transform: translateY(-200px) scale(.5);
	}
	to {
		transform: translateY(0) scale(1);
	}
}


.contenido-opcion18, .contenido-opcion17, .contenido-opcion16, .contenido-opcion15, .contenido-opcion14, .contenido-opcion13, .contenido-opcion12, .contenido-opcion11,
.contenido-opcion28, .contenido-opcion27, .contenido-opcion26, .contenido-opcion25, .contenido-opcion24, .contenido-opcion23, .contenido-opcion22, .contenido-opcion21,
.contenido-opcion38, .contenido-opcion37, .contenido-opcion36, .contenido-opcion35, .contenido-opcion34, .contenido-opcion33, .contenido-opcion32, .contenido-opcion31,
.contenido-opcion48, .contenido-opcion47, .contenido-opcion46, .contenido-opcion45, .contenido-opcion44, .contenido-opcion43, .contenido-opcion42, .contenido-opcion41 {
	width: 80%;
	display: flex;
	/* align-items: center; */
	transition: .2s ease all;
}


.opciones18 .contenido-opcion18,
.opciones17 .contenido-opcion17,
.opciones16 .contenido-opcion16,
.opciones15 .contenido-opcion15,
.opciones14 .contenido-opcion14,
.opciones13 .contenido-opcion13,
.opciones12 .contenido-opcion12,
.opciones11 .contenido-opcion11, 
.opciones28 .contenido-opcion28,
.opciones27 .contenido-opcion27,
.opciones26 .contenido-opcion26,
.opciones25 .contenido-opcion25,
.opciones24 .contenido-opcion24,
.opciones23 .contenido-opcion23,
.opciones22 .contenido-opcion22,
.opciones21 .contenido-opcion21, 
.opciones38 .contenido-opcion38,
.opciones37 .contenido-opcion37,
.opciones36 .contenido-opcion36,
.opciones35 .contenido-opcion35,
.opciones34 .contenido-opcion34,
.opciones33 .contenido-opcion33,
.opciones32 .contenido-opcion32,
.opciones31 .contenido-opcion31, 
.opciones48 .contenido-opcion48,
.opciones47 .contenido-opcion47,
.opciones46 .contenido-opcion46,
.opciones45 .contenido-opcion45,
.opciones44 .contenido-opcion44,
.opciones43 .contenido-opcion43,
.opciones42 .contenido-opcion42,
.opciones41 .contenido-opcion41 {
	padding: 8px; 
}


.contenido-opcion18 img,
.contenido-opcion17 img, 
.contenido-opcion16 img,
.contenido-opcion15 img,
.contenido-opcion14 img,
.contenido-opcion13 img,
.contenido-opcion12 img,
.contenido-opcion11 img,
.contenido-opcion28 img,
.contenido-opcion27 img, 
.contenido-opcion26 img,
.contenido-opcion25 img,
.contenido-opcion24 img,
.contenido-opcion23 img,
.contenido-opcion22 img,
.contenido-opcion21 img,
.contenido-opcion38 img,
.contenido-opcion37 img, 
.contenido-opcion36 img,
.contenido-opcion35 img,
.contenido-opcion34 img,
.contenido-opcion33 img,
.contenido-opcion32 img,
.contenido-opcion31 img,
.contenido-opcion48 img,
.contenido-opcion47 img, 
.contenido-opcion46 img,
.contenido-opcion45 img,
.contenido-opcion44 img,
.contenido-opcion43 img,
.contenido-opcion42 img,
.contenido-opcion41 img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
    
}


.opciones18 .contenido-opcion18:hover,
.opciones17 .contenido-opcion17:hover,
.opciones16 .contenido-opcion16:hover,
.opciones15 .contenido-opcion15:hover,
.opciones14 .contenido-opcion14:hover,
.opciones13 .contenido-opcion13:hover,
.opciones12 .contenido-opcion12:hover,
.opciones11 .contenido-opcion11:hover,
.opciones28 .contenido-opcion28:hover,
.opciones27 .contenido-opcion27:hover,
.opciones26 .contenido-opcion26:hover,
.opciones25 .contenido-opcion25:hover,
.opciones24 .contenido-opcion24:hover,
.opciones23 .contenido-opcion23:hover,
.opciones22 .contenido-opcion22:hover,
.opciones21 .contenido-opcion21:hover,
.opciones38 .contenido-opcion38:hover,
.opciones37 .contenido-opcion37:hover,
.opciones36 .contenido-opcion36:hover,
.opciones35 .contenido-opcion35:hover,
.opciones34 .contenido-opcion34:hover,
.opciones33 .contenido-opcion33:hover,
.opciones32 .contenido-opcion32:hover,
.opciones31 .contenido-opcion31:hover,
.opciones48 .contenido-opcion48:hover,
.opciones47 .contenido-opcion47:hover,
.opciones46 .contenido-opcion46:hover,
.opciones45 .contenido-opcion45:hover,
.opciones44 .contenido-opcion44:hover,
.opciones43 .contenido-opcion43:hover,
.opciones42 .contenido-opcion42:hover,
.opciones41 .contenido-opcion41:hover {
	background: #213F8F;
}


.opciones18 .contenido-opcion18:hover .titulo18, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones17 .contenido-opcion17:hover .titulo17, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones16 .contenido-opcion16:hover .titulo16, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones15 .contenido-opcion15:hover .titulo15, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones14 .contenido-opcion14:hover .titulo14, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones13 .contenido-opcion13:hover .titulo13, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones12 .contenido-opcion12:hover .titulo12, .opciones18 .contenido-opcion18:hover .descripcion18
.opciones11 .contenido-opcion11:hover .titulo11, .opciones18 .contenido-opcion18:hover .descripcion18 {
	color: #fff;
}

.opciones28 .contenido-opcion28:hover .titulo28, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones27 .contenido-opcion27:hover .titulo27, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones26 .contenido-opcion26:hover .titulo26, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones25 .contenido-opcion25:hover .titulo25, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones24 .contenido-opcion24:hover .titulo24, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones23 .contenido-opcion23:hover .titulo23, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones22 .contenido-opcion22:hover .titulo22, .opciones28 .contenido-opcion28:hover .descripcion28
.opciones21 .contenido-opcion21:hover .titulo21, .opciones28 .contenido-opcion28:hover .descripcion28 {
	color: #fff;
}

.opciones38 .contenido-opcion38:hover .titulo38, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones37 .contenido-opcion37:hover .titulo37, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones36 .contenido-opcion36:hover .titulo36, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones35 .contenido-opcion35:hover .titulo35, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones34 .contenido-opcion34:hover .titulo34, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones33 .contenido-opcion33:hover .titulo33, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones32 .contenido-opcion32:hover .titulo32, .opciones38 .contenido-opcion38:hover .descripcion38
.opciones31 .contenido-opcion31:hover .titulo31, .opciones38 .contenido-opcion38:hover .descripcion38 {
	color: #fff;
}

.opciones48 .contenido-opcion48:hover .titulo48, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones47 .contenido-opcion47:hover .titulo47, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones46 .contenido-opcion46:hover .titulo46, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones45 .contenido-opcion45:hover .titulo45, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones44 .contenido-opcion44:hover .titulo44, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones43 .contenido-opcion43:hover .titulo43, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones42 .contenido-opcion42:hover .titulo42, .opciones48 .contenido-opcion48:hover .descripcion48
.opciones41 .contenido-opcion41:hover .titulo41, .opciones48 .contenido-opcion48:hover .descripcion48 {
	color: #fff;
}

@media screen and (max-width: 800px){
    
	.selectbox18, .selectbox17, .selectbox16, .selectbox15, .selectbox14, .selectbox13, .selectbox12, .selectbox11,
	.selectbox28, .selectbox27, .selectbox26, .selectbox25, .selectbox24, .selectbox23, .selectbox22, .selectbox21,
	.selectbox38, .selectbox37, .selectbox36, .selectbox35, .selectbox34, .selectbox33, .selectbox32, .selectbox31,
	.selectbox48, .selectbox47, .selectbox46, .selectbox45, .selectbox44, .selectbox43, .selectbox42, .selectbox41	{
		width: 100%;
	}
}



/* HASTA ACA */

.selec{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border-color: #213f8f;

}


/* EJEMPLO LOGIN */

/* *{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
} */

.body_login{
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    
} 

.wave{
	position: fixed;
	bottom: 0;
	left: 0;
    width: 100vw;
    height: 100vh;
	z-index: -1;
    
}


.container{
    /* width: 100vw;
    height: 100vh; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap :7rem;
    padding: 0 2rem; */
}



.img_login{
    margin-left: 20px;
    width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 20px;
    background-color: rgba(13, 39, 54, 0.897);
    
    
    box-shadow: 5px 5px 10px 5px rgb(27, 27, 27);

} 

.wave1{
	position: absolute;
	
	left: 0;
    width: 100vw;
    height: 300px;
	z-index: -1;
    
}


.container1{
    width: 100%;

    /*height: 100vh; */
    padding-top: 80px;
    padding-right: 40px;
    padding-left: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap :7rem;
    padding: 0 2rem; */
}

.enca .ref_login a{
    text-decoration: none;   
    font-size: 1.1em;
 
}

.enca .ref_login a:hover{
    color: rgb(16, 215, 255);
}

.enca .ref_login1 a{
    text-decoration: none;   
    font-size: 1.1em;
 
}

.enca .ref_login1 a:hover{
    color: rgb(8, 135, 160);
}


.enca{
    padding-right: 30px;
}
.img_login1{
    margin-left: 20px;
    margin-right: 20px;
    width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
    padding: 20px;
     background-color: rgba(13, 39, 54, 0.897); 
    
    box-shadow: 5px 5px 10px 5px rgb(27, 27, 27);

} 

.titulo_pag{
    width: 50%;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    border-bottom: solid;
    border-color: steelblue;
    border-width: .2em;
    padding: 10px;
    margin-left: 20px;
    font-size: 1.6em;

}

.nom_lab{
    background-color: rgb(216, 242, 247, 0.9);
    margin-left: 30px;
    border-bottom: solid;
    border-color: rgb(93, 196, 144);
    padding: 10px;
}
.nom_lab h3{
    font-family: 'Open Sans', sans-serif !important; 
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    color: rgb(177, 177, 177);
    margin-left: 10px;

}
.nom_lab h4{
    font-family: 'Open Sans', sans-serif !important; 
    color: rgb(24, 65, 90);
    font-size: 1.8em ;
    font-weight: bold;
    font-style: italic;
    text-align: right;
}
.login-content{
	/* display: flex; */
	/* justify-content: center;
	align-items: center; 
	text-align: center;*/
    padding: 40px;
    margin-top: 30px;
    margin-right: 10px;
    width: 450px;
    height: 550px;
    /* background: rgb(2,0,36); */
    /* background: linear-gradient(61deg, rgba(2,0,36,1) 49%, rgba(9,105,121,1) 65%, rgba(0,212,255,1) 99%); */
    background-color: rgba(13, 39, 54, 0.800);
}

.img_login img{
	width: 200px;
}

 .form_login{
	text-align: center;
} 

.form_login img{
    border-radius: 5em;
}

.login-content img{
    height: 100px;
}

.login-content h2{
	margin: 15px 0;
	color: honeydew;
	
	font-size: 2rem;
}

.login-content .input-div{
	position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
}

.login-content .input-div.one{
	margin-top: 0;
}

.i{
	color: #d9d9d9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.i i{
	transition: .3s;
}

.input-div > div{
    position: relative;
	height: 45px;
}

.input-div > div > h5{
	position: absolute;
	left: 10px;
	margin-top: 22px;
	transform: translateY(-50%);
	color: #999;
	font-size: 18px;
	transition: .3s;
}

.input-div:before, .input-div:after{
	content: '';
	position: absolute;
	bottom: -2px;
	width: 0%;
	height: 2px;
	background-color: #38d39f;
	transition: .4s;
}

.input-div:before{
	right: 50%;
}

.input-div:after{
	left: 50%;
}

.input-div.focus:before, .input-div.focus:after{
	width: 50%;
}

.input-div.focus > div > h5{
	top: -20px;
	font-size: 15px;
}

.input-div.focus > .i > i{
	color: #38d39f;
}

.title{
    font-size: 2em;
}

.input-div > div > .input{
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	height: 80%;
	border: none;
	outline: none;
    
	background: none;
    background-color: transparent;
	padding: 0.5rem 0.7rem;
	font-size: 1rem;
	color: #555;
	font-family: 'poppins', sans-serif;
}

.input-div.pass{
	margin-bottom: 4px;
}

a{
	display: block;
	text-align: right;
	text-decoration: none;
	color: #999;
	font-size: 0.9rem;
	transition: .3s;
}

a:hover{
	color: #38d39f;
}

 .btn_login{
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	outline: none;
	border: none;
	background-image: linear-gradient(to right, #32be8f, #38d39f, #32be8f);
	background-size: 200%;
	font-size: 1.2rem;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	margin: 1rem 0;
	cursor: pointer;
	transition: .5s;
}
.btn_login:hover{
	background-position: right;
} 


@media screen and (max-width: 1050px){
	.container{
		grid-gap: 5rem;
	}
}

@media screen and (max-width: 1000px){
	.form_login{
		width: 290px;
	}

	.login-content h2{
        font-size: 2.4rem;
        margin: 8px 0;
	}

	.img img{
		width: 400px;
	}
}

@media screen and (max-width: 900px){
	.container{
		grid-template-columns: 1fr;
	}

	.img{
		display: none;
	}

	.wave{
		display: none;
	}

	.login-content{
		justify-content: center;
	}
}

/* FIN EJEMPLO LOGIN */

/* COLOR */

.muestra_color{
    background-color: burlywood;
    padding: 20px;
    /* display: flex;
    justify-content: space-between;
     */

     display: flex;
    justify-content: space-between;
    
    flex-wrap: wrap;

}

.muestra_color img{
    width: 80px;
    height: 160px;
    border: solid;
    border-color: darkcyan;
    margin: 15px;
    
}

.seleccion_color{
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.odon_color{
   
    
    /* width: 48px;
    height: 93px;
    border: solid;
    border-width: .1em; */
    /* border-top-left-radius: 20px;
    border-top-right-radius: 20px;  */
    width: 52px;
    height: 110px;
    border: solid;
    border-width: .2em;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; 
    padding-top: 8px;
    background-color: burlywood;

}


.odon_color input{
    margin-left: 3px;
    /*  margin-top: 8px; */
    width: 40px;
}

.natu{
    margin-top: 5px;
}

.natu input{
    margin-left: 4px ;
    width: 45px;
    background-color: rgb(195, 219, 252);
}

.nota{
    color: rgb(182, 28, 28);
    margin-left: 160px;
}

.icono_check{
    font-size: 3em;
    color: white;
    padding: 10px;
    
}

.cuadro_check{
    border: solid;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: green;
    margin: 0px 30px 0px 30px;
    text-align: center;
}

.icono_correcta{
    margin: 30px 30px 0px 30px;
    text-align: center;
    background-color:green;
    
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.tit_norden{
    font-size: 1.4em;
    border: solid;
    border-color: rgba(9,105,121,1);
    background-color: rgb(209, 248, 240);
    width: 50%;
    margin: 20px auto;;
    padding: 20px;
}

.nro_orden{
    color: rgba(2,0,36,1);
    font-size: 1.2em;
    font-weight: bold;
}

.tit_opc{
    display: flex;
    justify-content: space-between;
}

.img_opc{
    border-radius: 150px;
    width: 130px;
    height: 130px;
    border: solid;
    border-color: rgba(0,212,255,1);
    margin-right: 40px;
    box-shadow: -1px -1px 6px 6px rgba(59, 59, 59, 0.55);
    
}

.imagenl{
    width: 160px;
    height: 160px;

    border: solid;
    border-width: .4em;
    border-color: #076b6b;
    border-radius: 150px;
    box-shadow: 1px 1px 10px 3px rgb(183, 245, 235);
} 

.imageng{
    width: 600px;
    height: 200px;

    border: solid;
    border-width: .4em;
    border-color: #076b6b;
    border-radius: 200px; 
    box-shadow: 1px 1px 10px 3px rgb(183, 245, 235);
} 

.enca_tabla{
    background-color: steelblue;
    color: rgb(255, 255, 255);
}

.bus{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
    
    background-color: rgb(147, 209, 233);
    
}

.num_o{
    font-weight: bold;
    border: solid;
    border-color: #076b6b;
    border-radius: 10px;
    background-color: darkslategrey;
    text-align: center;
    padding: 10px;
}

.stl{
    background-color: rgb(172, 228, 225);
    width: 100%;
    padding: 30px;
}

.reg_foto{
    background-color: rgb(191, 204, 231);
    width: 100%;
    padding: 30px;
}

.muestra_mc{
    background-color: burlywood;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    
    flex-wrap: wrap;
}

.muestra_mc img{
    width: 80px;
    height: 160px;
    border: solid;
    border-color: darkcyan;
    margin: 15px;
    
}

.ref_muestra_mc{
    width: 100%;
    margin-left: 30px;
    margin-bottom: 0px;
    

}

.mc{
    margin: 30px;
    background-color: rgb(127, 187, 187);
}

.mc_s{
    margin-left: 30px;
 }

  .galeria{
    
    background-color: burlywood;
    padding: 10px;
    /* text-align: center;  */
    margin-left: 0;
    display: flex;
    
} 

.galeria a{
    margin-left: 30px;
    margin-right: 30px;
    text-align: left !important;
    margin-bottom: 5px;
} 

.galeria img{
    width: 250px; 
    
    height: 200px;
    /* overflow: hidden;  */
    border: solid;
    border-color: #ffffff;
}

.descargar{
    width: 250px;
    background-color: #109999;
    color: #fff;
    font-size: 1.1em;
    padding: 5px;
    border-radius: 5px;
    text-align: center !important;
}
/* @media only screen and (min-width:768px){
.galeria img{
    width: 18%;
}}  */



.sel_cat{
    display: flex;
    justify-content: center;
    align-items: center;
}

.titu_gale{
    margin: 20px;
    text-align: center;
    font-size: 1.2em;
    border-bottom: solid;
    border-color: rgb(83, 127, 148);
    padding: 10px;
    border-width: .2em;
    

}

.info{
    border: solid;
}

.ver_ts{
    background-color: #fff;
    width: 50px;
    right: 4px;
    text-align: center;
    border: solid;
    border-color: rgb(179, 128, 70);
    margin-bottom: 5px;
    margin-top: 5px;
}

.pestado{
    color: white;
    margin-top: 10px;
    margin-left: 5px;
}

.esta{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 15px;
    height: 40px;

}

.esta_ter{
    background-color: rgb(0, 163, 0);
}

.esta_car{
    background-color: rgb(211, 0, 0);
}

.esta_rec{
    background-color: darkorange;
}

.esta_esp{
    background-color: rgb(84, 99, 236);
}


.estado{
    font-size: 1.8em !important;
    color: wheat;
}

.estaor{
    display: flex;
    justify-content: space-between;

}

.pes{

font-size: .8em !important;
font-weight: normal;


}

.card{
    margin: 10px 30px;
    border: solid;
    border-color:rgb(53, 197, 183);
    background-color: rgba(13, 39, 54, 0.897);
    box-shadow: 5px 5px 10px 5px rgb(27, 27, 27);
   
}

.subcard{
    padding: 3px; 
} 

.card_trabajo{
    border: solid;
    border-color: turquoise;
    border-width: .4em;
    padding: 10px;
    background-color: white;
    color: #258383;
    float: left;
    font-size: .7em;
    font-weight: bold;
    text-align: center;
    margin: 2px; 
}

.titu_card{
    color: rgb(255, 255, 255);
    font-size: 1em;
    
    text-align: center;
    margin-top: 3px;     
}

.p_cuadro{
    background-color: sienna;
    color: cornsilk;
    font-size: .9em;
    font-weight: bold;
    border-bottom: solid;
    border-color: wheat;
    margin: 0;
}

.p_cuadro1{
    background-color: rgb(224, 109, 15);
    color: cornsilk;
    font-size: .9em;
    font-weight: bold;
    border-bottom: solid;
    border-color: wheat;
    margin: 0;
}

.p_cuadro2{
    background-color: rgb(221, 137, 68);
    color: cornsilk;
    font-size: .9em;
    font-weight: bold;
    border-bottom: solid;
    border-color: wheat;
    margin: 0;
}

.bod{
    background-color: #fff !important;
}

.opciones_tipoOrden{
    display: flex;
    justify-content: center;
    
}

.ico_op{
    font-size: 8em;
    color: lightseagreen;
    
    
}

.op_to{
    text-align: center;
    
}


.a_op{
    border-radius: 10px;
    font-size: .9em;
    /* background-color: steelblue; */
    text-decoration: none !important;
    padding: 10px;
    /* color: ivory; */
    border-bottom: solid;
    
}

.a_op:hover{
    background-color: rgb(153, 226, 223);
    
}

.centrado{
    text-align: center;
}

.negrita{
    font-weight: bold;
    color: rgb(24, 65, 90);
}

.aglab{
    font-weight: bold;
    color: rgb(113, 173, 223);
    font-size: 1.2em;
}