.body{
	width: 800px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
}

.titulo1   
	{
	font-family: Trebuchet MS, Arial;
	font-size:20pt;
	color="#FF9966";
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	letter-spacing:1px;
	}

.boton-enviar {
  background-color: #00A4BD;
  border: 2px solid #0099CC;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 40px ; 
  cursor: pointer;
}
.boton-enviar:hover{
	color: #FFFFFF;
	background-color: #00A4BD;
	border: 2px solid #00FFAA;
    outline: 0;
    transition: background-color 2s ease-out;
  }


.contenedor {
  max-width: 1170px;
  margin: 0 auto 1rem;
  padding: 1.5rem;
}

.formulario {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.25rem;

  label {
    display: block;
  }

  button,
  input,
  textarea {
    width: 100%;
    padding: 1rem;
    border: 1px solid ;
  }

  textarea {
    resize: none;
  }
}

.full {
  grid-column: 1 / 3;
}

.tabla
	{
	font-family: Verdana;
	font-size:8pt;
	font-weight:normal;
	color:#335533;
	background-color: rgb(199,226,154);
	border-bottom: 3px solid #009966;
	}
	
.ref1
	{
	a:hover;
	color:red;
}

.ref2
	{
	a:hover;
	color:#ff3333;
}

.ref3
	{
	a:hover;
	color:green;
}

.dropdown {            /* creo un menu desplegable */
  display: inline-block;  /* ORIENTACION DEL DESPLEGABLE => inline-block */
  position: relative;
}
.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  overflow: auto;
  background-color: #00A6cf;     /*rgb(199,226,154);  color de fondo */
  border-radius: 6px;                 /* Añadir esquinas curvadas */
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
}
.dropdown-content a:hover {
  color: #FFFFFF;
  background-color: #00A4BD;
}


.btn {    /* creo el boton */

	color: #1099CC; 					/* Color del texo */
	background: #00A4BD; /*green+white;/*transparent;            /* Eliminar color de fondo */
	border: 2px solid #0099CC;          /* Grosor del borde, estilo de línea y color */
	border-radius: 6px;                 /* Añadir esquinas curvadas */
	border: none;                       /* Poner texto en mayúsculas */
    color: black;						/*color de letra*/
    padding: 10px 40px ;          /*16px 32px;*/
	width: 200px;					/* ANCHO DE LOS BOTONES */
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}
.btn:hover {   /* Al poner el curso encima (hover) */
      background-color: #008CBA;
      color: white;
 }


.btn1 {   /* creo otro tipo de boton  */
      background-color: white; 
      color: black; 
	  padding: 10px 40px;
	  width: 100px;
      border: 2px solid #008CBA;
}

.btn1:hover {   /* Al poner el curso encima (hover) */
      background-color: #008CBA;
      color: white;
 }
 
/*  probando funcion de dialogo   */


.divcentrado {
            position: fixed;
            left:50%;
            top:50%;
            margin-left: -200px;
            margin-top: -100;
            width: 400px;
            height: 200px;
            background-color: antiquewhite;
            box-shadow: 5px 10px;
            border-style: double;
            border-color: #255c80;
        }
.btn2 {
            margin-right:30px; 
            width:80px;
            height: 30px;
            cursor: pointer;
            background: antiquewhite;
            font-weight: bold;
            border: 1px solid #73A5C5;
            border-radius: 5px;
        }
        
.btn2:hover{
            color:antiquewhite;
            background-color: #73A5C5;
            border: 1px solid #fff
        }