@charset "utf-8";
/* CSS Document */
:root {
    --color-1: #c0c0c0;  /*celeste*/
	 --color-2: #55c5f1;   /* turquesa oscuro*/
}
*{
  margin:0;
  padding:0;
	/* box-sizing: border-box;*/
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	background: #e8e8e8;
	 	
}
footer{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:100%;
	
	 height: 1.5rem;  
	 background-color: #6dcff6;
	 display: flex;
   justify-content: center;
  /* align-items: left;  */ 
	 font-size: 0.7rem; 
	align: center;
	margin: 0 auto; 
	color: white;
  }


ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: left;
		}
li {
			padding: 10px;
		}

   .contenidos{
	vertical-align:middle;
 width: 95%; 
/*max-width: 1000px; */

/*align: center */
	background-color: white;
	   margin: 0 auto;
	   height: 100%; 
  }



.contenedorPadre {
  display: flex;
  justify-content: center;
	background-color:red;
}
.contenedorHijo {
  align-self: center;
	 width: 95%;
}

input[type=»number»]
{
-webkit-appearance: textfield !important;
margin: 0;
-moz-appearance:textfield !important;
}

.bordesolidoredondo{  
border: 3px solid #58a3c1;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
padding: 0.4rem;
align: center;
	max-width: 600px;
	text-align: center;
	float: center;
	background-color: white;
	height: 100%; 
	 
}
.div-form{
	width: 100%; 
	 font-family: arial;
/* border-style: solid;*/
     font-size: 1rem; 
	 color: #58a3c1;
    background-color:white;
	align: center;
	max-width: 400px;
	text-align: left;
  }
/* ------------------------   BOTONES ------------------------------------ */
 .bot_ver{
    text-decoration: none;
    border: none;

    font-family: arial;
     padding-left: 10px;
    padding-right: 10px;
     width: 5rem;
	 hight: 3rem;
    font-size: 0.8rem;
    color: white;
    background-color: #58a3c1;
	align: center;
  }
  .boton_ver:hover{
     color: #9b0e0e;
    background-color: #6dcff6;
    text-decoration: none;
	    border: none;
  }	 
.bot_1-form{
	   border-color: rgb(64, 143, 143);
    box-shadow: 0 1px 1px rgba(88, 163, 193, 0.075)inset, 0 0 8px rgba(88,163,193,0.6);
    outline: 0 none;
        font-family:Verdana,Helvetica;
       /* font-weight:bold;*/
        color:#58a3c1;
        border:2px;
	 background-color: white;
        width:100%;
        height:2rem; 
	 font-size: 1.3rem; 
	align: center;
	max-width: 400px;
	align: center;
  }
 .boton1{
	  
        font-family:Verdana,Helvetica;
        color:white;
        border:0px;
		 background-color: var(--color-1);
        width:100%;
        height:4rem; 
	 font-size: 1.4rem; 
	align: center;
	max-width: 400px;
	
	
  }
  .boton1:hover{
    color: #9b0e0e;
    background-color: gray;
    text-decoration: none;
	    border: none;
  }
   .boton2{
	  
        font-family:Verdana,Helvetica;
        color:white;
        border:0px;
		 background-color: var(--color-2);
        width:100%;
        height:4rem; 
	 font-size: 1.4rem; 
	align: center;
	max-width: 400px;
	align: center;
  }
 .bot_1{
	  
        font-family:Verdana,Helvetica;
        color:white;
        border:0px;
		 background-color: #6d99aa;
        width:100%;
        height:4rem; 
	 font-size: 1.4rem; 
	align: center;
	max-width: 400px;
	
	
  }
  .bot_1:hover{
    color: #9b0e0e;
    background-color: gray;
    text-decoration: none;
	    border: none;
  }
   .bot_2{
	  
        font-family:Verdana,Helvetica;
        color:white;
        border:0px;
		 background-color: #58a3c1;
        width:100%;
        height:4rem; 
	 font-size: 1.4rem; 
	align: center;
	max-width: 400px;
	align: center;
  }

.boton2:hover{
    color: #9b0e0e;
    background-color: gray;
    text-decoration: none;
	    border: none;
  }
.bot_3{
	  
        font-family:Verdana,Helvetica;
        color:white;
        border:0px;
		 background-color: var(--color-2);
        width:100%;
        height:2rem; 
	 font-size: 1rem; 
	align: center;
	max-width: 200px;
	
  }

.boton5-form{
	   border-color: rgb(38, 126, 137);
    box-shadow: 0 3px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px rgba(255,144,0,0.6);
    outline: 0 none;
        font-family:Verdana,Helvetica;
       /* font-weight:bold;*/
        color:var(--color-19);
        border:2px;
	 background-color: white;
        width: 100%;
        height:2rem; 
	 font-size: 1.2rem; 
	align: center;
	max-width: 300px;
	
  } 

.bot-form1{
	   border-color: rgb(38, 126, 137);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px rgba(255,144,0,0.6);
    outline: 0 none;
        font-family:Verdana,Helvetica;
       /* font-weight:bold;*/
        color:var(--color-2);
        border:2px;
	 background-color: white;
        width:100%;
        height:4rem; 
	 font-size: 2rem; 
	align: center;
	max-width: 200px;
	
  }

.bot_2_corto{
	  
        font-family:Verdana,Helvetica;
        color:black;
        border:0px;
		 background-color: #e9e4e4;
        width:100%;
        height:3rem; 
	 font-size: 1.4rem; 
	align: center;
	max-width: 200px;
  }

.bot_2_corto:hover{
    color: #9b0e0e;
    background-color: #f9d8d4;
    text-decoration: none;
	    border: none;
  }
/* ------------------------- FIN BOTONES ---------------------------*/
/*   RECTANGULOS  */

.rectangulo1{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:95%;
	 height:0.6rem;  
	 background-color: #597682;
	 display: flex;
   justify-content: center;
   align-items: left;   
	 font-size: 0.5rem; 
	align: center;
	margin: 0 auto; 
  }
.rectangulo2{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:95%;
	 height: 1.5rem;  
	 background-color: #3199c2;
	 display: flex;
   justify-content: center;
   align-items: left;   
	 font-size: 1rem; 
	align: center;
	margin: 0 auto; 
}
	.rectangulo3{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: black;
	width:75%;
	 
	 background-color: #fff;
	 display: flex;
   justify-content: center;
     
	 font-size:1rem; 
	align: center;
	margin: 0 auto; 
		padding:20;
}

		.rectangulo4{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: black;
	width:95%;
	 
	 background-color:white;
	 display: flex;
   justify-content: center;
   
	 font-size:0.8rem; 
	align: center;
	margin: 0 auto;
			padding:20
  }

.rect_1{
	   
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:85%;
	max-width: 400px;
	 height:0.6rem;  
	 background-color:white;

   justify-content: center;
    
	 
	align: center;
	 
  }
.rect_2{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:95%;
	 height: 1.5rem;  
	 background-color: #3199c2;
	 display: flex;
   justify-content: center;
   align-items: left;   
	 font-size: 1rem; 
	align: center;
	margin: 0 auto; 
}
	.rect_3{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: black;
	width:75%;
	 
	 background-color: #fff;
	 display: flex;
   justify-content: center;
     
	 font-size:1rem; 
	align: center;
	margin: 0 auto; 
		padding:20;
}

.rectan1{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:95%;
	 height:0.8rem;  
	 background-color: #597682;
	 display: flex;
   justify-content: center;
   align-items: left;   
	 font-size: 0.7rem; 
	align: center;
	margin: 0 auto; 
  }
.rectan2{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:95%;
	 height: 1.5rem;  
	 background-color: #3199c2;
	 display: flex;
   justify-content: center;
   align-items: left;   
	 font-size: 1rem; 
	align: center;
	margin: 0 auto; 
}
	.rectan3{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: black;
	width:75%;
	 
	 background-color: #fff;
	 display: flex;
   justify-content: center;
     
	 font-size:1rem; 
	align: center;
	margin: 0 auto; 
		padding:20;
}

		.rectan4{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: black;
	width:95%;
	 
	 background-color:white;
	 display: flex;
   justify-content: center;
   
	 font-size:0.8rem; 
	align: center;
	margin: 0 auto;
			padding:20
  }

.rectan5{
	   display: flex;
   align-items: center;
	  font-family:Verdana,Helvetica;
		 color: white;
	width:95%;
	 height: 3rem;  
	 background-color: #3199c2;
	 
   justify-content: center;
  
	 font-size: 1.5rem; 
	align: center;
	margin: 0 auto; 
}