@import url("Style.css");
body {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height:100%;
	font-family: "Myriad Pro Regular", arial;
	font-size:9pt;
}
body.Landing {
	background-image:url(../images/v3/FondoHome.png);
	background-position:left top;
	background-size:100%;
}
div.ContenedorLogoHome {
	width:100%;
	position:relative;
	margin-top:3%
}
div.TopHome {
    margin-left: auto;
    width: 86%;
    margin-right: auto;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
    top: 0px;
	position:relative;
}
img.imgLogoTop {
	vertical-align:top;
	width:16.93%;
	height:auto;
	min-width:182px;
	margin-top:10px;
}
div.Redes {
    float: right;
    position: relative;
    margin-top:10px;
	text-align:right;
}
img.SocialesTop
{
	height:auto;
	width:100%;
}
div.icoFacebook {
	width:0.88%;
	min-width:10px;
	display:inline-block;
	margin-right:15px;
}
div.icoTwitter {
	width:1.67%;
	min-width:18px;
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
}
div.icoInstagram {
	width:1.72%;
	min-width:19px;
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
}
div.icoYouTube {
	width:1.58%;
	min-width:17px;
	display:inline-block;
	margin-left:15px;
}
div.ContenedorCentroHome {
	width:100%;
	position:relative;
	margin-top:1%;
	margin-bottom:2%;
}
div.CentroHome {
    margin-left: auto;
    width: 86%;
    margin-right: auto;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
    top: 0px;
	position:relative;
}
div.ContenedorBox {
	display: flex;
	flex-wrap:wrap;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	align-items: center;
    justify-content: center;
	margin-left:2%;
}
div.Box {
	margin-top:10px;
	margin-right:3%;
	width: 16.42%;
	min-width:160px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.imgBox {
	width:98%;
	height:auto;
	min-width:160px;
	vertical-align:top;
	margin-top:10px;
}
div.ContenedorFooter {
	width:100%;
	position:relative;
	font-size:0px;
	background-image:url(../images/v4/FooterBack.png);
    background-size:100%;
}
div.Footer {
    margin-left: auto;
    width: 86%;
    margin-right: auto;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
    top: 0px;
	position:relative;
}
img.imgFooterGob {
	width:35.02%;
	height:auto;
	min-width:376px;
}
img.imgFooterSL4 {
	width:20.70%;
	height:auto;
	min-width:222px;
	float:right;
}
div.ContenedorTop {
	width:100%;
	margin-top:3%;
	position:relative;
	margin-bottom:20px;
}
div.Top {
    margin-left: auto;
    width: 86%;
    margin-right: auto;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
    top: 0px;
	position:relative;
	font-size:0px;
	clear:left;
}
div.MenuTop {
	display:none;
}
div.Menu {
	display:inline-block;
	width:64%;
	font-size:0px;
}
div.MenuBox {
	display: flex;
	flex-wrap:wrap;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	align-items: center;
    justify-content: center;
	vertical-align:top;
	padding-top:5px;
	font-size:0px;
}
div.MenuBox div {
		margin-left:3.5%;
		margin-bottom:5px;
		vertical-align:top;
}
.imgMenu {
	height:auto;
	width:100%;
}
.BoxMaqueta {
	width:18.65%;
	min-width:200px;
}
.BoxSalud {
	width:4.98%;
	min-width:53px;
}
.BoxProgramadores {
	width:10.37%;
	min-width:111px;
}
.BoxSeguridad {
	width:7.44%;
	min-width:80px;
}
.BoxEducacion {
	width:7.40%;
	min-width:79px;
}
.BoxInfraestructura {
	width:10.05%;
	min-width:108px;
}
.BoxServicios {
	width:6.88%;
	min-width:74px;
}
.BoxCientificos {
	width:7.49%;
	min-width:80px;
}
.BoxAdultosMayores {
	width:10.88%;
	min-width:117px;
}
div.ContenedorCentro {
	width:100%;
	position:relative;
	margin-top:40px;
}
div.Centro {
    margin-left: auto;
    width: 86%;
    margin-right: auto;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:20px;
    top: 0px;
	position:relative;
	display: flex;
	flex-wrap:wrap;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	align-items:flex-start; 
    justify-content:  center;
}
div.Columna1 {
	margin-top:0px;
	margin-right:3%;
	width: 59.65%;
	text-align:left;
}
div.Columna2
{
	margin-top: 20px;
	width: 37.35%;
	text-align: left;
}
div.Columna3 {
	margin-top:0px;
	margin-left:1%;
	width: 82%;
	min-width:300px;
	text-align:left;
}
div.Columna4 {
	margin-top:0px;
	margin-left:0px;
	width: 47%;
	min-width:300px;
	text-align: left;
	background-image: url(../images/MarcaDeAgua.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.Columna5
{
	margin-top: 0px;
	width: 34%;
	margin-right:0px;
	min-width: 300px;
	text-align:right;
}
img.fotoPortadaPagina {
	width:100%;
	height:auto;
}
a.lnkCursoProgramacion {
	width:49.7%;
	margin-right:0.3%;
	margin-bottom:10px;
}
a.lnkCursoGoogle {
	width:49.7%;
	margin-left:0.3%;
	margin-bottom:10px;
}
img.imgBannerCursoProgramacion {
	width:100%;
	height:auto;
}
img.imgBannerCursoGoogle {
	width:100%;
	height:auto;
}
img.imgmBannerCursoProgramacion {
	width:100%;
	height:auto;
	display:none;
}
img.imgmBannerCursoGoogle {
	width:100%;
	height:auto;
	display:none;
}
img.fotoBanner {
	width:100%;
	height:auto;
}
img.imgTituloPagina {
	width:100%;
	height:auto;
	display:none;
}
div.Accesos {
	width:100%;
	text-align:center;
	font-size:0px;
	margin-top:5%;
	margin-bottom:5%;
}
div.BoxAcceso {
	margin-right:1.5%;
	margin-left:1.5%;
	display:inline-block;
	margin-bottom:15px;
}
img.imgAcceso {
	height:auto;
	width:100%;
}
div.BoxAlarmaPuntana {
	width:10.37%;
	min-width:111px;
}
div.BoxComisariaVirtual {
	width:12.33%;
	min-width:132px;
}
div.BoxVecinosEnAlerta {
	width:13.40%;
	min-width:144px;
}
div.BoxCentroControlCamaras {
	width:14.60%;
	min-width:157px;
}
div.BoxPuebloSinChagas {
	width:21.49%;
	min-width:231px;
}
div.BoxBarrioSinDengue {
	width:19.16%;
	min-width:206px;
}
div.BoxTelemedicina {
	width:28.23%;
	min-width:303px;
}
div.BoxRegistrosMedicos {
	width:15.21%;
	min-width:163px;
}
div.BoxRecetaDigital {
	width:18.37%;
	min-width:197px;
}
div.BoxRamonCarrillo {
	width:29.40%;
	min-width:316px;
}
div.BoxProgramadoresInt {
	width:9.95%;
	min-width:107px;
}
div.BoxPlataformaDeLectura {
	width:23.40%;
	min-width:251px;
}
div.BoxMentesLibres {
	width:17.72%;
	min-width:190px;
}
div.BoxBooktubers {
	width:13.16%;
	min-width:141px;
}
div.BoxMetaLectores {
	width:12.42%;
	min-width:133px;
}
div.BoxULPVirtual {
	width:10.84%;
	min-width:116px;
}
div.BoxMatematicos {
	width:18.98%;
	min-width:204px;
}
div.BoxMeLees {
	width:15.12%;
	min-width:162px;
}
div.BoxMerenderos {
	width:19.81%;
	min-width:213px;
}
div.BoxParcelaLectora {
	width:19.35%;
	min-width:208px;
}
div.BoxManosALlaCiencia {
	width:13.44%;
	min-width:144px;
}
div.BoxECE {
	width:17.07%;
	min-width:183px;
}
div.BoxMOOC {
	width:17.86%;
	min-width:192px;
}
img.LogoMaqueta {
	width:68.87%;
	height:auto;
	min-width:276px;
}
div.FotoPrincipal {
	width:100%;
	padding-top:0%;
	padding-right:0%;
	padding-left:0%;
	padding-bottom:0%;
	margin-bottom:10px;
}
.imgFormInscripcionTablets {
	width:80%;
	height:auto;
	vertical-align:top;
}
.imgTituloPaginaTablets {
	width:68.60%;
	height:auto;
	vertical-align:top;
}
div.TextoPagina {
	width:100%;
	text-align:justify;
	color:#000000;
}
.videoPrincipal {
	width:100%;
	height:500px;
	vertical-align:top;
}
.videoCientificos {
	width:80%;
	height:325px;
	vertical-align:top;
	margin-top:20px;
	margin-bottom:10px;
}
.imgDelCosmos {
	width:62%;
	height:auto;
	margin-top:20px;
}
p { 
	font-family: "Myriad Pro Regular", arial;
	font-size:11pt;
}
p.TituloPagina { 
	font-family: "Myriad Pro Regular", arial;
	font-size:13pt;
	font-weight:bold;
}
p.SubTituloPagina { 
	font-family: "Myriad Pro Regular", arial;
	font-size:11pt;
	font-weight:bold;
}
li { 
	font-family: "Myriad Pro Regular", arial;
	font-size:11pt;
}
img.imgBannerAdultosMayores {
	width:39.78%;
	height:auto;
	min-width:270px;
}
img.imgBannerProgramacion {
	width:19.19%;
	height:auto;
	min-width:130px;
	margin-left:1.5%;
}
img.imgBannerGoogle {
	width:19.93%;
	height:auto;
	min-width:135px;
	margin-left:1.5%;
}
img.fotoBannerCh {
	display:none;
}
/* Estilos para formularios*/
.LabelForm {
	font-family: "Myriad Pro Regular", arial;
	font-size:10pt;
	color: #000000;
}
.LabelFormBold {
    font-family: "Myriad Pro Regular", arial;
	font-size:10pt;
	color: #000000;
	font-weight:bold;
}
.InputForm {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #164176;
    border-top: solid 1px #164176;
    border-bottom: solid 1px #164176;
	border-left: solid 1px #164176;
    font-family: "Myriad Pro Regular", arial;
	padding:4px;
	font-size:10pt;
	margin-bottom:3px;
	color: #000000;
}
.InputFormErr {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px red;
    border-top: solid 1px red;
    border-bottom: solid 1px red;
	border-left: solid 1px red;
    font-family: "Myriad Pro Regular", arial;
	padding:4px;
	font-size:10pt;
	margin-bottom:3px;
	color: #000000;
}
.InputMini {
	width:70px;
}
.InputChico {
	width:150px;
}
.InputAncho {
	width:300px;
}
.AnchoLibre {
	width:auto;
	max-width:600px;
}
.Boton {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #164176;
    border-top: solid 1px #164176;
    border-bottom: solid 1px #164176;
	border-left: solid 1px #164176;
    font-family: "Myriad Pro Regular", arial;
	font-size:12pt;
	padding:4px;
	margin-bottom:3px;
	background-color:#ececee;
	color: #164176;
}
.Boton:hover {
	background-color: #164176;
	font-weight:bold;
	color:#ffffff;
}
div.Botonera {
	margin-top:10px;
	display:block;
}
div.CampoForm {
	width:auto;
	display:block;
	font-family: "Myriad Pro Regular", arial;
	font-size:10pt;
	color: #000000;
}
select {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #164176;
    border-top: solid 1px #164176;
    border-bottom: solid 1px #164176;
	border-left: solid 1px #164176;
    font-family: "Myriad Pro Regular", arial;
	font-size:10pt;
	padding:4px;
	width:300px;
}
option {
    font-family: "Myriad Pro Regular", arial;
}
@media screen and (max-width: 1300px) {
	div.Redes {
		width:170px;
	}
}
@media screen and (max-width: 1200px) {
	div.TopHome {
		margin-left: 3%;
		width: 94%;
		margin-right: 3%;
	}
	div.CentroHome {
		margin-left: 3%;
		width: 94%;
		margin-right: 3%;
	}
	div.Top {
		margin-left: 3%;
		width: 94%;
		margin-right: 3%;
	}
	div.Footer {
		margin-left: 3%;
		width: 94%;
		margin-right: 3%;
	}
	div.Centro {
		margin-left: 3%;
		width: 94%;
		margin-right: 3%;
	}
	div.ContenedorBox {
		margin-left:1%;
	}
}
@media screen and (max-width: 1130px) {
    div.ContenedorFooter {
        background-size:1250px;
    }
}
@media screen and (max-width: 1000px) {
	div.Menu {
		display:none;
	}
	div.MenuTop {
		display:inline-block;
		margin-top:10px;
		margin-right:10px
	}
	.BoxMaqueta {
		width:283px;
	}
	.BoxSalud {
		width:87px;
	}
	.BoxProgramadores {
		width:164px;
	}
	.BoxSeguridad {
		width:122px;
	}
	.BoxEducacion {
		width:122px;
	}
	.BoxInfraestructura {
		width:160px;
	}
	.BoxServicios {
		width:114px;
	}
	.BoxCientificos {
		width:123px;
	}
	.BoxAdultosMayores {
		width:172px;
	}
}
@media screen and (max-width: 950px) {
	.videoPrincipal {
		height:300px;
	}
	img.imgBannerCursoProgramacion {
		display:none;
	}
	img.imgBannerCursoGoogle {
		display:none;
	}
	img.imgmBannerCursoProgramacion {
		display:inline-block;
	}
	img.imgmBannerCursoGoogle {
		display:inline-block;
	}
}
@media screen and (max-width: 850px) {
	div.ContenedorBox {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	div.Columna1 {
		margin-top:0px;
		margin-right:0%;
		width: 100%;
		text-align:left;
		min-width:150px;
	}
	div.Columna2 {
		display:none;
	}
	img.imgTituloPagina {
		display:inline-block;
	}
	img.fotoPortadaPagina {
		display:none;
	}
	div.Columna3 {
		margin-top:0px;
		margin-right:0%;
		width: 100%;
		text-align:left;
		min-width:150px;
	}
	div.Columna4 {
		background-position: right top;
		background-image: url(../images/MarcaDeAgua.png);
		background-repeat: no-repeat;
		margin-top:0px;
		margin-right:0%;
		width: 100%;
		text-align:left;
		min-width:150px;
	}
	div.Columna5
	{
		margin-top: 0px;
		width: 100%;
		margin-right:0%;
		text-align: left;
		min-width:150px;
	}
	.fotoPrincipal {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	.imgFormInscripcionTablets {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	.videoCientificos {
		width:100%;
		vertical-align:top;
	}
	div.ContenedorCentro {
		margin-top:10px;
	}
	div.TextoPagina {
		width:100%;
	}
	img.fotoBannerCh {
		display:inline-block;
		width:100%;
		max-width:401px;
		height:auto;
		margin-bottom:10px;
	}
}

@media screen and (max-width: 650px) {
	img.imgFooterSL4 {
		display:none;
	}
    div.ContenedorFooter {
	    background-image:none;
        background-color:#682370;
    }
}
@media screen and (max-width: 450px) {
	div.Redes {
		display:none;
	}
	a.lnkCursoProgramacion {
		width:100%;
		margin-bottom:5px;
		margin-top:5px;
	}
	a.lnkCursoGoogle {
		width:100%;
		margin-bottom:5px;
	}
}
@media screen and (max-width: 410px) {
	img.imgFooterGob {
		width:100%;
		height:auto;
		min-width:0px;
		max-width:376px;
	}
}

@media screen and (max-width: 350px) {
	div.Box {
		margin-top:0px;
		padding-top:0px;
	}
}