@charset "UTF-8";
/* CSS Document */

.header-fondo{
	width: 100%;
	height: auto;
	background-color:#004c94;
	text-align: center;
	padding-top:10px; 
	}


	.estilo-spa {
		padding: 10px;
		width: 450px;
		margin-top: 1rem !important;
		text-align: center;
	}


/*slide*/
#slide{ background-image:url("../img/slide-rpogramacion.jpg"); background-position:center; background-repeat:no-repeat; background-color:#025191; background-size:cover; color:#fff; width:100%; height:auto;}

#slide h1{margin-top: 80px; font-size: 3em;}
#slide p{font-size: 1em;}


.formulario{ padding-top:20px; padding-bottom: 30px; background-color: rgb(1 76 148 / 60%);}
.formulario h3{color:#fff;}

.form-control {

    color: #022d53;
    border: 1px solid #022d53;
   
}

#btnEnviar{
	background-color: #004c94;
	border-color: #fff;
	color:#fff;
	width: 100%;
}

#btnEnviar:hover{
	background-color: #032f5a;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #fff;
}
/*seccion-1*/
#seccion-1{ padding:50px;}
/*seccion-2*/
#seccion-2{ padding:50px; color: #333; background: rgba(196, 196, 196, 0.2);}
#seccion-2 h1{ margin-bottom: 60px; font-weight: 100; color: #025191; text-align: center;}
.azul{background: #015191; color: #fff; padding:30px 30px;}
.azul h2{ text-align:center;}
.gris{background:#9A9A9D; color: #fff; padding:30px 30px;}
.gris h2{ text-align:center;}
/*.titulo{ border-left: 1px solid #fff;}*/


/*seccion-3*/
#seccion-3{ padding:50px; color: #fff; background: #015191; text-align: center;}
#seccion-3 ul{ text-align: left;}
#seccion-3 h2{ text-align: center; padding-bottom: 20px;}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
 th{text-align: center; border: 1px solid #333; padding: 8px; background-color: #333;}
td {
  border: 1px solid #333;
  text-align: left;
  padding: 8px;
}



/*footer*/
footer{ text-align: center; color: #fff; background-color: #333; padding: 30px;}


@media screen and (max-width:1200px) {
	

	#slide { height:515px;}
	#slide h1 {margin-top: 30px;   font-size: 3em;}
	
}
@media screen and (max-width: 780px) {
	
#slide { background-position:20% top;
	height:auto;
	background-size:1500px;
	padding-bottom:40px;
	
	background-color:#025191 ;
	
	}
	#slide h1 {margin-top: 115px;}
}
   
@media screen and (max-width: 780px) {
	
#slide {background-position: 30% top;}
	
}

@media screen and (max-width: 580px) {
	
	#slide h1 { margin-top: 140px;}
	
}

@media screen and (max-width: 480px) {
	
/*slide*/
#slide{ background-position: center top; height: auto; }
#slide h1 { margin-top: 255px; font-size: 2em;}

}