*{
	box-sizing: border-box;
	margin: 0;
	font-family: arial;
	scroll-behavior: smooth;
}

.contenedor_principal{
	width: 100%;
}
.seccion{
	width: 100%;
}
.img_fondo{
	/* The image used */
  background-image: url("../imagenes/portadalibre.png");

  /* Full height */
  height: 1024px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.title_inicio{
	width: 35%;
	position: absolute;
	top: 35%;
	left: 53%;
	text-align: center;

}
/*.title_inicio h1{
	font-size: 72px;
	text-align: left;
}
.title_inicio h2{
	font-size: 21px;
	padding-bottom: 5%;
}
.title_inicio h3{
	font-size: 24px;
	font-style: italic;
	font-family: animeace2_reg;
	padding: 2% 10% 8% 10%;
}*/
.title_inicio img{
	width: 100%;
	padding-bottom: 3.5%;
}
.title_inicio a{
	padding: 2% 16%;
	color: #2848d5;
	background-color: white;
	font-size: 20px;
	border-radius: 20px;
}
.title_inicio a:link{
	color: #2848d5;
	text-decoration: none;
}
.title_inicio a:visited{
	color: #2848d5;
	text-decoration: none;
}
.logos_gob{
	width: 50%;
	margin: 0 auto;
	padding: 1% 0%;
	overflow: auto;
}
.logo_g{
	width: 50%;
	float: left;
	padding: 0% 8%;
}
.logo_g img{
	width: 100%;
}


.bienvenidos{
	width: 100%;
	background-color: #2848d5;
	color: white;
	text-align: center;
	margin-top: -5px;
	padding: 2% 10%;
}
.bienvenidos h2{
	font-size: 14px;

}
.bienvenidos h2 span{
	font-size: 36px;
	color: yellow;
}



#s3{
	width: 100%;
	background-color: #D0D3D4;
}
.plantilla{
	width: 100%;
	text-align: center;
}
.plantilla h1{
	font-size: 36px;	
	padding-top: 3%;
}
.plantilla h2{
	font-size: 22px;
	padding-bottom: 2%;
	padding-top: 1%;

}
.plantilla a{
	font-size: 22px;
	border-radius: 20px;
	color: white;
	background-color: #2848d5;
	padding: 1% 8%;
	margin: 3% 0%;
}
.plantilla a:link{
	text-decoration: none;
}
.plantilla a:visited{
	text-decoration: none;
}


.pasos{
	width: 100%;
	color: white;	
	overflow: auto;
	padding: 1% 15%;
}
.paso{
	width: 25%;
	float: left;
	text-align: center;
	padding: 1%;
}
.paso h3{
	font-size: 20px;
	font-weight: 100;
	padding-bottom: 3%;
}
.paso img{
	width: 100%;
}

.titlo_g{}


.text_inscripcion{
	width: 100%;
	background-color: #F4F6F7;
	text-align: center;
	overflow: auto;
	padding: 2% 15%;
}

.registro{
	float: left;
	width: 60%;
	padding-top: 6%;
}
.registro h1{
	font-size: 36px;
	padding-bottom: 3%;
}
.registro h2{
	font-size: 18px;
	padding: 0% 10% 4% 10%; 
}
.registro a{
	font-size: 22px;
	padding: 2% 12%;
	background-color: #2848d5;
	color: white;
	border-radius: 15px;
}
.registro a:visited{
	background-color: #2848d5;
	color: white;
	text-decoration: none;
}
.registro a:link{
	background-color: #2848d5;
	color: white;
	text-decoration: none;
}
.img_registro{
	width: 30%;
	float: left;
}
.img_registro img{
	width: 100%;
}


.contenedor_g{
	width: 100%;
	background-color: #2848d5;
}
.contenedor_g h1{
	font-size: 36px;
	color: yellow;
	text-align: center;
	padding: 2% 0% 1% 0%;
}

.contenedor_g h2{
	font-size: 18px;
	color: white;
	text-align: center;
}

.contenedor_ganadores{
	padding: 1% 15%;
	overflow: auto;
}
.ganador{
	width: 25%;
	float: left;
	padding: 1%;
	text-align: center;
	color: white;
}
.ganador img{
	width: 100%;
}
.ganador h2{
	font-size: 18px;
	padding: 1% 0%;
}
.ganador h3{
	font-size: 14px;
	padding: 1% 8%;
}

.video_file{
	width: 100%;
	overflow: auto;
}
.video{
	width: 50%;
	text-align: right;
	float: left;
	padding: 1.5% 4% 1.5% 2%;
}
.comic_file{
	width: 50%;
	text-align: center;
	float: left;
	padding: 2% 15% 2% 4%;
}
.comic_file h1{
	font-size: 32px;
	padding-bottom: 8%;
}
.comic_file .link_movil{
	background-color: #1e6c93;
	padding: 3% 8%;

	font-size: 22px;
	color: white;
	border-radius: 15px;
}
.comic_file a{
	background-color: #2848d5;
	padding: 3% 14%;

	font-size: 22px;
	color: white;
	border-radius: 15px;
}

.comic_file a:visited {
	text-decoration: none;
	background-color: #2848d5;
	color: white;
}
.comic_file a:link {
	text-decoration: none;
	background-color: #2848d5;
	color: white;
}

.contenedor_slider{
	width: 100%;
	overflow: auto;
	background-color: #F4F6F7;
	padding: 2% 12%;
}
.slider{
	width: 50%;
	float: left;
	text-align: center;
	box-sizing: border-box;
}
.texto_slider{
	width: 50%;
	float: left;
	text-align:center; 
	padding: 6% 8% 2% 4%;
}
.texto_slider h1{
	font-size: 42px;
	padding-bottom: 4%;
}
.texto_slider p{
	font-size: 22px;
}


.logos_empresas{
	width: 100%;
	overflow: auto;
	background-color: #F4F6F7;
	padding: 2% 15%;
}
.logo{
	width: 25%;
	float: left;
	padding: 1%;
	text-align: center;
}
.logo img{
	width: 100%;
}
.logo h2{
	font-size: 20px;
	padding: 2% 0%;
}
.logo h3{
	font-size: 16px;
	padding: 2% 0%;
}

/*---------------------------------------------------------------------------------------*/
/*---------------------------------css para monitores hd---------------------------------*/
@media screen and (max-width: 1366px){
.title_inicio{
	top: 31%;
	left: 51%;
	width: 40%;
}
.title_inicio h3{
	font-size: 20px;
	padding: 2% 10% 8% 10%;
}
.title_inicio a{
	padding: 2% 16%;
	font-size: 20px;
}
.img_fondo{
    /* Full height */
    height: 730px;
}
.comic_file{
	padding: 6% 8% 0% 0%;
}
}
/*---------------------------------------------------------------------------------------*/
/*---------------------------------css para monitores hd---------------------------------*/
@media screen and (max-width: 1280px){
.img_fondo{
	/* Full height */
	height: 720px;
}
.title_inicio{
	top: 31%;
	left: 51%;
	width: 40%;
}
.title_inicio h3{
	font-size: 20px;
	padding: 2% 8% 8% 8%;
}
.title_inicio a{
	padding: 2% 16%;
	font-size: 20px;
}

.pasos{
	padding: 1% 5%;
}
.text_inscripcion{
	padding: 2% 15%;
}

.contenedor_ganadores{
	padding: 1% 5%;
}

.contenedor_slider{
	
	padding: 2% 2%;
}

.comic_file{
	padding: 6% 8% 0% 0%;
}
.comic_file h1{
	font-size: 26px;
}
.comic_file .link_movil{
	background-color: #1e6c93;
	padding: 3% 8%;

	font-size: 22px;
	color: white;
	border-radius: 15px;
}
.texto_slider{
	padding: 10% 4% 2% 4%;
}
.texto_slider h1{
	font-size: 22px;
}
.logos_empresas{
	padding: 2% 5%;
}
}
/*---------------------------------------------------------------------------------------*/
/*------------------------------------css para mobil-------------------------------------*/
@media screen and (max-width: 330px){
.img_fondo{
	/* The image used */
    background-image: url("../imagenes/portadamovil.png");
	height: 500px;
}
.title_inicio{
	width: 100%;
	top: 65%;
	left: 0%;
	padding: 2%;
}

}
/*---------------------------------------------------------------------------------------*/
/*------------------------------------css para mobil-------------------------------------*/

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

.img_fondo{
	/* The image used */
    background-image: url("../imagenes/portadamovillibre.png");
	height: 700px;
}
.logos_gob{
	width: 100%;
	margin: 0 auto;
	padding: 4% 6%;
	overflow: auto;
}
.logo_g{
	width: 100%;
	float: left;
	padding: 2% 8%;
}
.title_inicio{
	width: 100%;
	top: 33%;
	left: 0%;
	padding: 2%;
}

.title_inicio h3{
	text-align: center;
	font-size: 18px;
	padding: 2% 1% 8% 1%;
}
.title_inicio a{
	padding: 2% 15%;

	background-color: white;
	font-size: 15px;
}


.bienvenidos{
	margin-top: 0px;
	padding: 10% 5%;
	line-height: 22px;
}
.bienvenidos h2{
	font-size: 14px;
}
.bienvenidos h2 span{
	font-size: 22px
}

.plantilla h1{
	font-size: 26px;
	padding: 2% 2%;
}
.plantilla h2{
	font-size: 18px;
	padding: 3% 3% 6% 3%;
}
.plantilla a{
	font-size: 16px;
	margin: 3.5% 0%;
	padding: 2% 15%;
}




.pasos{
	padding: 1% 2%;
}
.paso{
	width: 100%;
	float: none;
	padding: 10%;
}
.paso h3{
	font-size: 20px;
	padding-bottom: 3%;
}


.text_inscripcion{
	width: 100%;
	float:left;
	padding: 2% 6%;
}
.registro{
	width: 100%;
}
.registro h2{
	font-size: 18px;
	padding-bottom: 6%;
}
.registro a{
	font-size: 16px;
	padding: 2% 15%;
}
.img_registro{
	width: 100%;
	box-sizing: border-box;
	padding: 8% 6%;
}

.contenedor_g{
	width: 100%;
	padding-top: 15%;
}
.titlo_g{
	padding-top: 5%;
}
.titlo_g h1{
	font-size: 23px;
}
.titlo_g h2{
	font-size: 16px;
}
.contenedor_ganadores{
	padding: 2%;
}
.ganador{
	width: 100%;
	padding: 4% 10% 6% 10%;
}


.video{
	width: 100%;
	text-align: center;
	float: none;
	padding: 0;
}
.video iframe{
	width: 100%;
	padding: 3% 6%;
}
.comic_file{
	width: 100%;
	text-align: center;
	float: none;
	padding: 2%;
}
.comic_file h1{
	font-size: 22px;
	padding-bottom: 5%;
}
.comic_file a{
	padding: 2% 15%;
	font-size: 16px;
}


.slider{
	width: 100%;
	float: none;
	text-align: center;
	padding: 2%;
}
.slider img{
	width: 100%;
}
.texto_slider{
	width: 100%;
	float: none;
	text-align:center; 
	padding: 2% 2% 2% 4%;
}
.texto_slider h1{
	font-size: 20px;
	padding-bottom: 4%;
}
.texto_slider p{
	font-size: 15px;
}


.logos_empresas{
	padding: 2% 4%;
}
.logo{
	width: 100%;
	float: none;
	padding: 6%;
}
.logo h2{
	font-size: 20px;
	padding: 2% 0%;
}
.logo h3{
	font-size: 16px;
	padding: 2% 0%;
}
}