* {margin: 0;padding: 0;font-family: 'Roboto Condensed', sans-serif;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);-webkit-font-smoothing: antialiased !important;font-weight:400}

a:link, a:visited, a:active {text-decoration: none;outline:0;color:#000}
a:hover {text-decoration: underline;}

body {color:#FFF;background:#000;overflow:hidden}

html, body { height: 100%;}


@media (min-width: 1281px)
{
	.header .intro {left:-99999em !important}
}

@media only screen and (min-width: 1025px)
{
	.contenedor {width: 100%;position:relative;height: 100vh;height: calc(var(--vh, 1vh) * 100);}
	
	.header {height: 40%;width:100%;overflow:hidden;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
		.logo {display:inline;float:left;padding:20px 70px;width:100%;position:relative;z-index:102;}
			.logo img {width:auto;height:60px;position:absolute;left:50%;transform:translate(-50%,0)}
		.header .intro {position:absolute;top:100px;left:0;bottom:0;width:100%;background:url(../images/imagen-acceso-ok.jpg) 50% 50% no-repeat;background-size:cover !important;z-index:101}
		
	.index {height:60%;width: 300px;overflow:hidden;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);}
		.index form {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}
			.index form label {display:block;font-size:15px;color:#FFF}
	
			.index select,.index input[type=text],.index input[type=password],.index input[type=number],.index input[type=tel],.index input[type=email]{height:30px;display:block;width:100%;background:none;border:1px solid #999;font-size:15px;outline:none;color:#999;margin:5px 0 20px 0;padding:0 10px;border-radius:6px}
			.index input[type=submit] {background:#FFF;color:#000;font-size:23px;text-transform:uppercase;height:40px;width:100%;border-radius:6px}

			input.requerido,select.requerido{border:1px solid #F00 !important;box-shadow:0 0 7px #F00}
			span.requerido{display:none !important}
			
	.headerint,.headerlog {display:inline;height:90px !important;width: 100%;float: left;overflow:hidden;position:relative;}
		.headerlog {background: #3c3c3c;background: linear-gradient(to bottom,  #3c3c3c 0%,#222222 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#222222',GradientType=0 );}
		.headerlog .logo {width: auto !important}
		.headerint img.logotipo,.headerlog .logo img {height:70px !important;width:auto;position:absolute;left:10px;top:10px;transform:translate(0,0)}
		.headerint img.iconotop {display:none !important}
		
		.user {display:inline;float:right;margin:20px;font-size:13px}
			.user a:link,.user a:visited,.user  a:active {text-decoration: none;outline:0;color:#FFF;}
			.user a:hover {text-decoration: none;}
			
	.indexlog,.desktop {color:#FFF;position:absolute;left:0;top:90px;transform:none !important;width:100% !important;background:#000}
		.botones {display:inline;float:left;width:200px;text-align:left;padding:20px 0;list-style:none}
			.botones li {width:100%;text-align:left;display:inline;float:left;height:50px;font-size:15px;opacity:0.85;transition:0.2s all linear;padding:10px 0 0 60px;margin:0 0 10px 0;border-top:1px solid #C6C6C6}
			.botones li:hover {opacity:1}
				.botones li img {height:40px;width:auto;display:block;margin:0 auto 0;position:absolute;left:10px}
				.botones li a:link,.botones li  a:visited,.botones li  a:active {text-decoration: none;outline:0;color:#FFF;line-height:40px}
				.botones li a:hover {text-decoration: none;}
			
		.footer {display:inline;float:left;width:200px;text-align:left;padding:20px 0;list-style:none}
			.footer h2 {display:none !important}
			
			.footerb {list-style:none;}
				.footerb li {width:100%;text-align:left;display:inline;float:left;height:50px;font-size:15px;opacity:0.85;transition:0.2s all linear;padding:10px 0 0 60px;margin:0 0 10px 0;border-top:1px solid #C6C6C6}
				.footerb li:hover {opacity:1}
					.footerb li img {height:40px;width:auto;display:block;margin:0 auto 0;position:absolute;left:10px}
					.footerb li a:link,.footerb li  a:visited,.footerb li  a:active {text-decoration: none;outline:0;color:#FFF;line-height:40px}
					.footerb li a:hover {text-decoration: none;}
			
	.notif {position:absolute;left:200px;right:0;background:#FFF;top:0;bottom:0;overflow:hidden}
		.notif h2,.scroll h1,.main h1,.desktop h1 {color:#000;padding:30px 20px;font-size:36px;text-align:left !important;background: #f5f5f5;background: linear-gradient(to bottom,  #f5f5f5 0%,#e8e8e8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0 );border-bottom:1px solid #C6C6C6;margin-bottom:30px}
		
		.ticker-container {width:100%;display:inline;float:left;padding:20px}
			.ticker-text{display:block;text-align:left;font-size:15px;width:100%;color:#999;margin-left:20px}
				.notif li a:link,.notif li  a:visited,.notif li  a:active {text-decoration: none;outline:0;color:#999;}
				.notif li a:hover {text-decoration: none;}
				
	.iconotop {display:none !important}
	
	.indexlog2,.desktop {left:200px !important;width:auto !important;background:#FFF !important;right:0 !important;color:#000;bottom:0;overflow-y:auto;height:auto !important}
	
	.scroll {display:inline;float:left;width:100%;height:100%;overflow-y:auto;padding:0}
			.scroll h3 {background:#4E4E4E;clear:both;padding:5px 10px;position:relative;font-size:16px;margin:0 20px 2px 20px;color:#FFF}
				.scroll h3 i {position:absolute;top:50%;right:10px;transform:translate(0,-50%);}
				
				.main input{margin:2px 0 15px 0 !important;height:34px !important;font-size:14px !important}
			
			.indexlog2 #registro {padding:50px;color:#000;display:inline;float:left;width:100%;clear:both;position:relative;transform:none !important;left:0}
				.indexlog2 #registro label {color:#000 !important}
				.indexlog2 #registro input[type=submit] {background:#000 !important;color:#FFF !important}
				.salir {display:none}
			
			.item {display:inline;float:left;width:100%;border-radius:4px;padding:10px 40px;font-size:14px;}
				.item h4 {font-size:16px;color:#9D9D9D;font-weight:bold}
				.item h5 {font-size:14px;color:#505050;}
				.itemb {width:48%;padding:4px 8px;color:#9D9D9D;background:#4E4E4E;margin:3px 0 0 0;text-align:center;display:inline-block;margin-right:1%}
				.item p {display:inline;float:left;width:100%;font-size:11px;margin:10px 0 0 0}
				.full {width:98% !important}
				
				.item a:link,.item  a:visited,.item  a:active {display:block;text-decoration: none;outline:0;color:#FFF;}
				.item a:hover {text-decoration: none;}
				
			.noticia {display:inline;float:left;width:100%;padding:30px;font-size:14px;position:relative}
			.noticiadet {display:inline;float:left;width:100%;padding:30px;font-size:14px;position:relative;}
			.noticia:last-child {border-bottom:2px solid #3F3F3F}
				.noticia h2 {color:#000;font-size:16px;margin:0 0 5px 0;}
				.noticia p {color:#9D9D9D;font-size:12px;line-height:135%;}
					.noticia p span,.noticiadet p span {color:#515151}
					
				.noticia a {position:absolute;top:0;left:0;width:100%;height:100%;transition:0.2s all linear}
				.noticia a:hover {background:rgba(0,0,0,0.15)}
				
				.noticiadet p {color:#9D9D9D;font-size:13px;line-height:135%;margin:5px 0 10px 0}
					.noticiadet p img {display:block;width:100%;height:auto}
					
					a.back {background:#FFF;color:#000;font-size:15px;text-transform:uppercase;height:40px;display:inline-block;padding:0 25px;border-radius:6px;line-height:40px;}
					
	.mapa {display:inline;float:left;width:100%;background:#9D9D9D;margin:0 0 20px 0}
	
	.contacto {display:block;margin:20px auto 0 auto;width:90%;border-radius:10px;padding:15px;background:#252525;clear:both}
		.contacto h2 {color:#FFF;font-size:22px;margin:0 0 5px 0;border-bottom:2px solid #3F3F3F}
		.contacto h3 {font-size:19px;color:#FFF;font-weight:bold;text-transform:uppercase;margin:10px 0}
		.contacto p {color:#9D9D9D;font-size:12px;line-height:135%;margin:0}
			.p2 {color:#FFF !important;font-size:14px !important}
			
		.h2folder {position:relative;color:#000;font-size:17px;margin:20px 0 5px 0;padding:5px 0 5px 34px;}
			.h2folder span {width:26px;height:26px;position:absolute;left:0;top:3px;background:url(../images/carpeta-cerrada.png) 50% 50% no-repeat;background-size:contain !important}
			.abierta,.simple-tree-opened > span {background:url(../images/carpeta-abierta.png) 50% 50% no-repeat !important;background-size:contain !important}
		.h4folder {clear:both;position:relative;color:#000;font-size:15px;margin:15px 0 0 0;padding:3px 0 3px 34px;line-height:20px}
			.h4folder span {width:20px;height:20px;position:absolute;left:0;top:3px;background:url(../images/file.png) 50% 50% no-repeat;background-size:contain !important;}
		
			.h4folder a {color:#000;text-decoration:underline;transition:0.2s all linear}
			.h4folder a:hover {background:rgba(0,0,0,0.15)}
			
	#arbol{padding:0 20px}
	#arbol ul ul {padding-left:0;}
	
	.simple-tree-icon {position:absolute;left:0;top:0;width:100%;height:26px;background:none;text-indent:-999em;z-index:102;margin:0 !important;padding:0 !important;}
			

}
@media only screen and (max-width: 1024px)
{
	a:link, a:visited, a:active {text-decoration: none;outline:0;color:#FFF}
	
	.contenedor {width: 100%;position:relative;height: 100vh;height: calc(var(--vh, 1vh) * 100);}
	
	.nrwd {display:none}
	
	.header {display:inline;height: 40%;width: 100%;float: left;overflow:hidden;position:relative;}
		.logo {display:inline;float:left;padding:20px 70px;width:100%;position:relative;z-index:102;background:#000}
			.logo img {width:auto;height:60px;position:absolute;left:50%;transform:translate(-50%,0)}
		.header .intro {position:absolute;top:100px;left:0;bottom:0;width:100%;background:url(../images/imagen-acceso-ok.jpg) 50% 100% no-repeat;background-size:cover !important;z-index:101}
		
	.headerint {display:inline;height:60px;width: 100%;float: left;overflow:hidden;position:relative;}
		.headerint img.logotipo {height:40px;width:auto;position:absolute;left:50%;transform:translate(-50%,0);top:10px}
		.headerint img.iconotop {height:40px;width:auto;position:absolute;left:10px;top:10px}
		
		
			.transp {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 25px;text-align:center;background:rgba(0,0,0,0.50)}
				.transp h2 {color:#FFF;font-size:25px;margin:0 0 5px 0;white-space:pre}
				.transp h3 {color:#999;font-size:15px;}
	
	.index {display:inline;height:60%;width: 100%;float: left;overflow:hidden;position:relative;}
		.index form {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%}
			.index form label {display:block;font-size:15px;color:#FFF}
	
			.index select,.index input[type=text],.index input[type=password],.index input[type=number],.index input[type=tel],.index input[type=email]{height:30px;display:block;width:100%;background:none;border:1px solid #999;font-size:15px;outline:none;color:#999;margin:5px 0 20px 0;padding:0 10px;border-radius:6px}
			.index input[type=submit] {background:#FFF;color:#000;font-size:23px;text-transform:uppercase;height:40px;width:100%;border-radius:6px}

			input.requerido,select.requerido{border:1px solid #F00 !important;box-shadow:0 0 7px #F00}
			span.requerido{display:none !important}
			
	.botones {position:absolute;top:20px;left:0;right:0;bottom:120px;}
		.botones li {width:33.33%;text-align:center;display:inline;float:left;height:50%;font-size:13px;opacity:0.85;transition:0.2s all linear}
		.botones li:hover {opacity:1}
			.botones li img {height:65%;width:auto;display:block;margin:0 auto 3px}
			.botones li a:link,.botones li  a:visited,.botones li  a:active {text-decoration: none;outline:0;color:#FFF;}
			.botones li a:hover {text-decoration: none;}
	
	.notif {position:absolute;bottom:20px;left:20px;right:20px;height:80px;background:#262626}
		.notif h2 {color:#FFF;font-size:20px;margin:0;line-height:40px;text-transform:uppercase}
		
		.ticker-container {width:100%;position:absolute;left:0;bottom:0 !important;height:40px;overflow:hidden;z-index:101;padding:0;}
			.ticker-text{height:40px;display:block;text-align:center;font-size:14px;width:100%;color:#999;list-style:none;overflow-y:auto}
				.notif li a:link,.notif li  a:visited,.notif li  a:active {text-decoration: none;outline:0;color:#FFF;}
				.notif li a:hover {text-decoration: none;}
			
	.footer {position:absolute;height:100px;left:0;right:0;bottom:0;}
		.footer h2 {color:#FFF;font-size:20px;margin:0;line-height:34px;background:#262626;text-align:center}
		
		.footerb {position:absolute;top:34px;left:0;right:0;bottom:0;}
			.footerb li {width:16.66%;text-align:center;display:inline;float:left;height:80%;font-size:13px;opacity:0.85;transition:0.2s all linear;}
			.footerb li:hover {opacity:1}
				.footerb li img {height:80%;width:auto;display:inline-block;margin-top:10px}
				.footerb li span {display:none}
				
	.main {position:fixed;left:20px;right:20px;background:#262626;border-radius:15px;top:80px;bottom:120px;padding:15px 15px}
		.nf {background:none !important}
		.scroll {display:inline;float:left;width:100%;height:100%;overflow-y:auto}
			
			.scroll h3 {background:#4E4E4E;display:inline;float:left;width:100%;clear:both;padding:5px 10px;position:relative;font-size:16px;margin-bottom:2px}
				.scroll h3 i {position:absolute;top:50%;right:10px;transform:translate(0,-50%);}
				
				.main input{margin:2px 0 15px 0 !important;height:34px !important;font-size:14px !important}
			
			/*.accordion,.accordion2 {display:none;}*/
			
			.item {display:inline;float:left;width:100%;border-radius:4px;padding:10px;font-size:14px;}
				.item h4 {font-size:16px;color:#9D9D9D;font-weight:bold}
				.item h5 {font-size:14px;color:#505050;}
				.itemb {width:48%;padding:4px 8px;color:#9D9D9D;background:#4E4E4E;margin:3px 0 0 0;text-align:center;display:inline-block;margin-right:1%}
				.item p {display:inline;float:left;width:100%;font-size:11px;margin:10px 0 0 0}
				.full {width:98% !important}
				
				.item a:link,.item  a:visited,.item  a:active {display:block;text-decoration: none;outline:0;color:#FFF;}
				.item a:hover {text-decoration: none;}
				
			.noticia {display:inline;float:left;width:100%;padding:10px 0;font-size:14px;border-top:2px solid #3F3F3F;position:relative}
			.noticiadet {display:inline;float:left;width:100%;padding:10px 0;font-size:14px;border-top:2px solid #3F3F3F;position:relative;border-bottom:2px solid #3F3F3F}
			.noticia:last-child {border-bottom:2px solid #3F3F3F}
				.noticia h2 {color:#FFF;font-size:16px;margin:0 0 5px 0;}
				.noticia p {color:#9D9D9D;font-size:12px;line-height:135%;}
					.noticia p span,.noticiadet p span {color:#515151}
					
				.noticia a {position:absolute;top:0;left:0;width:100%;height:100%;transition:0.2s all linear}
				.noticia a:hover {background:rgba(0,0,0,0.15)}
				
				.noticiadet p {color:#9D9D9D;font-size:13px;line-height:135%;margin:5px 0 10px 0}
					.noticiadet p img {display:block;width:100%;height:auto}
					
					a.back {background:#FFF;color:#000;font-size:15px;text-transform:uppercase;height:40px;display:inline-block;padding:0 25px;border-radius:6px;line-height:40px;}
					
	.mapa {display:inline;float:left;width:100%;height:150px;background:#9D9D9D;margin:0 0 20px 0}
	
	.contacto {display:block;margin:20px auto 0 auto;width:90%;border-radius:10px;padding:15px;background:#252525;clear:both}
		.contacto h2 {color:#FFF;font-size:22px;margin:0 0 5px 0;border-bottom:2px solid #3F3F3F}
		.contacto h3 {font-size:19px;color:#FFF;font-weight:bold;text-transform:uppercase;margin:10px 0}
		.contacto p {color:#9D9D9D;font-size:12px;line-height:135%;margin:0}
			.p2 {color:#FFF !important;font-size:14px !important}
		
		.h2folder {position:relative;color:#FFF;font-size:17px;margin:20px 0 5px 0;padding:5px 0 5px 34px;}
			.h2folder span {width:26px;height:26px;position:absolute;left:0;top:3px;background:url(../images/carpeta-cerrada-blanca.png) 50% 50% no-repeat;background-size:contain !important}
			.abierta,.simple-tree-opened > span {background:url(../images/carpeta-abierta-blanca.png) 50% 50% no-repeat !important;background-size:contain !important}
		.h4folder {clear:both;position:relative;color:#FFF;font-size:15px;margin:15px 0 0 0;padding:3px 0 3px 34px;line-height:20px}
			.h4folder span {width:20px;height:20px;position:absolute;left:0;top:3px;background:url(../images/file-blanca.png) 50% 50% no-repeat;background-size:contain !important;}
		
			.h4folder a {color:#FFF;text-decoration:underline;transition:0.2s all linear}
			.h4folder a:hover {background:rgba(255,255,255,0.15)}
			
	#arbol{padding:0 20px}
	#arbol ul ul {padding-left:0;}
	
	.simple-tree-icon {position:absolute;left:0;top:0;width:100%;height:26px;background:none;text-indent:-999em;z-index:102;margin:0 !important;padding:0 !important;}
			
	a.salir {text-decoration:none;font-size:12px;color:#FFF;text-align:right;float:right}
}


.clear{clear:both;}
.fd{float:right}
.fi{float:left}
.di{display:inline}
.db{display:block}
.izquierda{text-align:left !important}
.derecha{text-align:right !important}
.centrado{text-align:center !important}

.resultadoajax {width:100%;clear:both;display:inline;float:left;padding-left:35px;}
.resultadoajax2 {width:100%;clear:both;display:inline;float:left;padding-left:35px;}
	.resultadoajax h2,.resultadoajax2 h3 {margin-top:0}

	p.ok{font-weight:bold;color:#4f8a10 !important;background:#dff2bf;text-align:left;padding:10px !important;height:auto !important;position:relative;margin:0 0 20px 0;font-size:12px}
	p.error{font-weight:bold;color:#d8000c !important;background:#ffbaba;text-align:left;padding:10px !important;height:auto !important;position:relative;margin:0 0 20px 0;font-size:12px}
	p.alerta{font-weight:bold;color:#9f6000 !important;background:#feefb3;text-align:left;padding:10px !important;height:auto !important;position:relative;margin:0 0 20px 0;font-size:12px}
	p.info{font-weight:bold;color:#00529b !important;background:#bde5f8;text-align:left;padding:10px !important;height:auto !important;position:relative;margin:0 0 20px 0;font-size:12px}
	p.info2{font-weight:bold;color:#666 !important;background:#f2f2f2;text-align:left;padding:10px !important;height:auto !important;position:relative;margin:0 0 20px 0;font-size:12px}