html { font-size: 62.5%; font-family:arial; color:#555555; }
body { width:100%; min-height:100%; font-size:1.5rem; overflow-x:hidden; background:#FFF; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; display: flex; flex-direction: column; min-height: 100vh;}
#cuerpo { width:100%; margin:0 auto; left:0 auto; background:#FFF; }
#header { width:100%; height:72px; text-align:left; background:#000; padding:5px; }
#header .txt { width:1260px; height:115px; left:0 auto; background: #eeeeee; margin:0 auto; }
#menu { width:100%; height:20px; text-align:center; background:#828282; padding:15px; }
#content { flex: 1; width:100%; height:100%; margin:0 auto; left:0 auto; padding-top:10px; text-align:center; font-size:1.6rem; line-height:24px;  }
/*#bloque { width:100%; font-size:1.6rem; line-height:24px; text-align:center; padding:20px; background:#FF0000; }*/
#footer { position:relative; bottom:0; width:100%; left:0px; background:#EEEEEE; height:30px; text-align:center; margin-top:40px; color:#000; padding:20px 0px; }
#footer .marco { margin:0 auto; left:0 auto; max-width:1000px; }
#footer a { color:#000; text-decoration:underline; }
#footer a:hover { color:#FF0000; text-decoration: underline; }
#marco1 { border:1px solid #555; padding:20px; width:320px; background:#EEEEEE; margin: 0 auto; left: 0 auto; margin-bottom:5px; border-radius:10px; }
#box_news { width:1630px; min-height:230px; margin:0 auto; left:0 auto; padding:6px; background:#EEE; }
#box_10 { width:1000px; margin:0 auto; left:0 auto; }
#box_news .news { margin:4px 8px; color:#000000; font-size:14px; }
#box_banners { width:1690px; height:50px; margin:0 auto; left:0 auto; }
#box_home { float:left; width:500px; min-height:450px; text-align:left; background:#FFF; padding:10px; margin:20px 20px; border:1px solid #555; color:#111; font-size:1.4rem; }
#box_banner { float:left; width:500px; min-height:620px; text-align:left; background:#FFF; padding:10px; margin:20px 20px; border:1px solid #555; color:#111; font-size:1.4rem; }
#zum { clear:both; height:20px; }
#menuToggle { display: none; }
#table1 TD { padding:3px 3px; font-size:1.2rem; }
#table2 TD { padding:4px 4px; font-size:1.4rem; }

.alerta { color:#FF0000; font-size:16px; }
.title1 { color: #E10002; font-size: 2.5rem; }
.mini1 { color:#555; font-size:1.2rem; }
A.mini1 { color:#FFF; font-size:1.2rem; text-decoration: none; }
A.mini1:hover { color: gold; }
A.mini2 { color:#000; font-size:1.2rem; text-decoration: none; }
A.mini2:hover { color:#FF0000; }
.gold { color:#FFF; }
.box_programas { width:700px; margin:0 auto; left:0 auto; }
.neuquina { float:left; }
.empresa { float:right; margin-right:20px; }


A.btn-0 { background:#EEEEEE; border:1px solid #555555; color:#5C5C5C; font-family:arial; width:230px; text-decoration:none; padding:10px 16px; border-radius:4px; margin:5px 8px; box-shadow: inset 0 5px 30px rgba(0,0,0,.2);  font-weight:bold;}
A.btn-0:hover { background:#FFF; color:#000; border:1px solid #555555; }

A.btn-1, A.btn-2 { color:#FFF; font-family:arial; font-size:12px; text-decoration:none; padding:3px 10px; margin-right:5px; border-radius:5px; }
A.btn-1 { background:#4876FF; border:1px solid #4169E1;  }
A.btn-2 { background:#FF0000; border:1px solid #FF0000;  }
A.btn-1:hover, A.btn-2:hover { background:#FFF; color:#000;  }
A.btn-1:hover { border:1px solid #4876FF; }
A.btn-2:hover { border:1px solid #FF0000; }
A.btn-3 { background:#4876FF; color:#FFF; border:1px solid #191970; font-family:arial; font-size:16px; text-decoration:none; padding:3px 10px; margin-right:5px; border-radius:5px; }
A.btn-3:hover { background:#000; color:#FFF; border:1px solid #000; padding:6px 10px; }
A.btn-4 { display:inline-block; width:230px; text-align:left; background:#FF0000; color:#FFF; border:1px solid #555; font-family:arial; font-size:14px; text-decoration:none; padding:3px 10px; margin-bottom:5px; border-radius:5px; }
A.btn-4:hover { background:#000; color:#FFF; border:1px solid #000; }
A.btn-5 { background:#FF0000; color:#FFF; border:1px solid #FF0000; font-family:arial; font-size:16px; text-decoration:none; padding:3px 10px; margin-right:5px; border-radius:5px; }
A.btn-5:hover { background:#000; color:#FFF; border:1px solid #000; padding:3px 10px; }
A.btn-big { background:#CAE1FF; color:#000; border:1px solid #000; font-family:arial; font-size:16px; font-weight:bold; text-decoration:none; padding:20px; margin-right:5px; border-radius:5px; }
A.btn-big:hover { background:#000; color:#FFF; border:1px solid #000;  }

.form { background: #FFF; border:1px solid #6E7B8B; padding:5px; font-family:arial; font-size: 1.6rem; color: #000; width:330px; height:20px; }
.formtextarea{ background: #FFF; border:1px solid #6E7B8B; padding:5px; font-family:arial; font-size: 1.6rem; color: #000; width:510px; height:220px; }
.form_select { font-size:1.6rem; height:30px; }
INPUT.boton1 { background:#104E8B; color:#FFF; border:1px solid #3A5FCD; font-family:arial; font-size:16px; text-decoration:none; padding:4px 12px; margin-right:5px; border-radius:6px; }
INPUT.boton1:hover { background:#FFF; color:#000; border:1px solid #000; }

.formX { background:#E0FFFF; border:1px solid #33A1C9; padding:4px 2px; font-size: 1.3rem; font-weight:bold; color:#111; }
.formX:focus { background:#FFF; }

/* Colapsable */
.collapsible { background-color:#777; display:block; color:white; cursor:pointer; padding:4px 8px; width:100%; border:none; text-align:left; outline:none; font-size:15px; /*margin-bottom:50px;*/ }
.active, .collapsible:hover { background-color:#FF0000; }
.contento { padding:0 5px; max-height:0; overflow:hidden; transition:max-height 0.5s ease-out; background-color:#fff; margin-bottom:10px; }

h1 { color:#47A746; font: bold 30px/100% Arial; }
img { max-width: 100%; }
a { color:#000; text-decoration: underline; }
a:hover { color:#000; }

.password-wrapper { position: relative; width:270px; }
.toggle-button { display: inline-flex; position: absolute; top: 50%; transform: translateY(-50%); left: unset; right: 12px; cursor: pointer; }
.eye-icon { width: 20px; height: 20px; }


/*nav {float:left;}*/
nav ul {list-style-type: none; z-index:5; display:inline; margin: 0 auto; left: 0 auto;  }
nav ul li:hover {position: relative; }
nav ul li a:hover, nav ul li:hover a { /*background-color: #020202; color: #e12e2e; position: relative;*/ }
nav ul li a {display: block!important; display: none; /*position: relative;*/ width:154px; margin-bottom:2px; } 
nav ul li ul {display: none; }

nav ul li a:hover ul, nav ul li:hover ul {display: block; position: absolute; left: -40px; }
nav ul li ul li a {/*line-height:40px; background-color:#020202; border-bottom:3px solid #020202; display:block; color:#f8f8f8; padding-right:6px; padding-left:6px; min-width:100px;*/}
nav ul li ul li a:hover {/*color:#e12e2e; border-bottom:3px solid #d72323;*/}

nav li{float:left; /*padding-right:2px; text-align:center; font-size:20px;*/ margin-bottom:2px;}
nav li a{ text-decoration: none; /*line-height:40px; background-color:#020202; border-bottom:3px solid #020202; display:block; color:#f8f8f8; padding-right:6px; padding-left:6px; min-width:100px;*/}
nav li a:hover, nav li a.active{/*color:#e12e2e; border-bottom:3px solid #d72323;*/ }
nav li.mobile{display:none;}










/* iPhone 13 Pro Max - 430px para Moto 50 Edge */
@media screen and (max-width: 440px) {
	/*@media screen and (max-width: 540px) {*/
	body { background:#CCC; }
	#cuerpo { width:440px; }
	#header { padding:2px; height:122px; margin:0 auto; left:0 auto; }
	#header .txt { width:100%; height:122px; }
	#marco1 { margin:0 auto; left:0 auto; border:1px solid #555; padding:10px; width:300px; background:#FFF; margin-bottom:5px; border-radius:10px; }
	#footer { height:90px; margin-top:40px; padding:20px 0px; margin:0 auto; left:0 auto; }
	#footer .marco { max-width:420px; }
	#box_news { width:100%; height:210px; padding:0px; }
	#box_news .news { width:420px; margin:4px 8px; color:#000000; font-size:14px; }
	#box_banners { width:100%; height:20px; margin:0 auto; left:0 auto; }
	#box_home { width:400px; min-height:450px; padding:10px; margin:10px; font-size:1.4rem; }
	#box_banner { width:400px; min-height:620px; padding:10px; margin:10px; font-size:1.4rem; }
	#box_10 { width:380px; }
	.box_programas { width:420px; }
	.neuquina { display: none; }
	.empresa { float:left; margin-left:5px; }
	.form_select { font-size:1.4rem; height:30px; }
	#table2 TD { padding:2px 2px; font-size:1.1rem; }
	#menu { display: none; }
	#menuToggle { display: block; position: absolute; top:15px; right:40px; z-index: 1; -webkit-user-select: none; user-select: none; }
	#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
	#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background:#ff0000; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
	#menuToggle span:first-child { transform-origin: 0% 0%; }
	#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
	#menuToggle input:checked ~ span {  opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background:#232323; }
	#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
	#menuToggle input:checked ~ span:nth-last-child(2) { opacity: 1; transform: rotate(-45deg) translate(0, -1px); }
	#menu2 { position: absolute; width: 320px; margin: -150px 0 0 0; padding:40px; padding-top: 125px; right: -100px; background:#575757; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
	#menu2 li { padding:5px 0; font-size:18px; color:#FFFFFF; }
	#menu2 A { text-decoration: none; }
	#menu2 A:hover { color: #000; }
	#menuToggle input:checked ~ ul { transform: scale(1.0, 1.0); opacity: 1; }
}


/* iPhone 6, 7, 8 PLUS y XS - Max Samsung A32 A24 */
@media screen and (max-width: 414px) {
	#header { padding:2px; }
	#header .txt { width:414px; height:115px; }
	#marco1 { border:1px solid #555; padding:10px; width:300px; background:#FFF; margin: 0 auto; left: 0 auto; margin-bottom:5px; border-radius:10px; }
	#footer { width:100%; height:110px; margin-top:40px; padding:20px 0px; }
	#footer .marco { max-width:414px; }
		
	.box_programas { width:400px; }
}

/* iPhone 13 */
@media screen and (max-width: 390px) {
	#header { padding:2px; }
	#header .txt { width:390px; height:115px; }
	#marco1 { border:1px solid #555; padding:10px; width:300px; background:#FFF; margin: 0 auto; left: 0 auto; margin-bottom:5px; border-radius:10px; }
	#footer { width:100%; height:110px; margin-top:40px; padding:20px 0px; }
	#footer .marco { max-width:390px; }
	.box_programas { width:380px; }
}

/* iPhone 13 mini, 6, 7, 8 y X */
@media screen and (max-width: 375px) {
	#header { padding:2px; }
	#header .txt { width:375px; height:115px; }
	#marco1 { border:1px solid #555; padding:10px; width:300px; background:#FFF; margin: 0 auto; left: 0 auto; margin-bottom:5px; border-radius:10px; }
	#footer { width:100%; height:110px; margin-top:40px; padding:20px 0px; }
	#footer .marco { max-width:375px; }
	.box_programas { width:360px; }
}

/* Samsung Galaxy J y S7 edge */
@media screen and (max-width: 360px) {
	#header { padding:2px; }
	#header .txt { width:360px; height:115px; }
	#marco1 { border:1px solid #555; padding:10px; width:300px; background:#FFF; margin: 0 auto; left: 0 auto; margin-bottom:5px; border-radius:10px; }
	#footer { width:100%; height:110px; margin-top:40px; padding:20px 0px; }
	#footer .marco { max-width:360px; }
}