@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&display=swap');

* { font-family:'Heebo', sans-serif; font-weight:300; }
.titulo { font-family: 'Montserrat', sans-serif; font-weight:500; }

p { margin:0px!important;}

.appbody {
	display:  			flex;
	flex-wrap:  		wrap;
	justify-content: 	center;
	width:  			100%;
	max-width:  		1200px;
	margin:  			auto;
}

.appbody a {
    display: 					inline-flex;
    background-color: 			transparent;
    padding: 					4px 10px;
    border-radius: 				100px;
	color: 						#007bff;
	-ms-transition: 			all ease-in-out .2s;
    -moz-transition: 			all ease-in-out .2s;	
    -webkit-transition: 		all ease-in-out .2s;
    transition: 				all ease-in-out .2s;
	text-decoration:  			none!important;
	margin: 					-4px 0px 0px 0px;
	text-align:  				center;
	line-height:  				1.2em;
}

.appbody a:hover {
    text-decoration: 			none;
    background-color: 			aliceblue;
    border-radius: 				100px;
	color: 						#007bff;
}

.appbody .appblock {
	display:  					flex;
	flex-wrap:  				wrap;
	justify-content: 			flex-start;
	width:  					100%;
	padding:  					10px 20px;
}

table.copys tr td {
	padding:  					0px 10px;
}

table.copys tr td a {
	color: 						#ca1c1e;
}

table.copys tr td a:hover {
	color: 						white;
	background-color: 			#ca1c1e;
}

.footimg {
	cursor:						pointer;
	width: 						54px;
	height:  					54px;
	margin:  					0px 4px;
	-ms-transition: 			all ease-in-out .2s;
    -moz-transition: 			all ease-in-out .2s;	
    -webkit-transition: 		all ease-in-out .2s;
    transition: 				all ease-in-out .2s;
}
.footimg:hover {
	opacity:  					0.6;
}

.activauser {
	height: 					120px;
    align-items: 				center;
    justify-content: 			center;
}

.cabecera {
	background-color:  			#777;	
}

.cabecera table {
	width:  					100%;
}

.subcabecera {
	justify-content:			center;
	background-color: 			#ddd;
	padding: 					10px 20px;
	color:  					#ca1c1e;
    font-size:  				2em;
    font-family: 'Montserrat', sans-serif; font-weight:500;
}

.subcabecera.menu {
	justify-content:			space-between;
	background-color: 			#eee;
	padding: 					0px;
}

.telefonos span {
	color: 						white;
	padding:  					16px;
}

.telefonos a {
	display:  					flex;
	width:  					100%;
	justify-content:  			flex-end;
	background-color:  			transparent;
	color: 						white;
	padding:  					6px;
	font-size:  				1.2em;
	font-weight:  				600;
}

.telefonos a:hover {
	background-color:  			transparent;
	color: 						#FFA7A8;
}

.contesubs {
	display:  					flex;
	flex-wrap:  				wrap;
}
.btn_subs {
	display:  					flex;
	flex-wrap:  				wrap;
	background-color:  			transparent;
	height: 					68px;
    padding: 					10px;
    align-items: 				center;
    justify-content: 			center;
    width: 						200px;
	cursor:  					pointer;	
	-ms-transition: 			all ease-in-out .2s;
    -moz-transition: 			all ease-in-out .2s;	
    -webkit-transition: 		all ease-in-out .2s;
    transition: 				all ease-in-out .2s;
	border-right: 				1px solid white;
}	
.contesubs:last-child .btn_subs:last-child {
	border-left: 				1px solid white;
	border-right: 				none;
}	
.btn_subs td {
	color:  					#ca1c1e;
	font-size:  				1em;
	line-height:  				1.2em;
	text-align:  				center;
}
.btn_subs td i {
	font-size:  				1.6em;			
	margin:  					0px 0px 2px 0px;
}

.btn_subs:hover, .btn_subs.actual {
	background-color:  			#ca1c1e;
}

.btn_subs:hover td, .btn_subs.actual td {
	color: 						white;
}
	
span.txtitulos {
	display: 					flex;
	flex-wrap:  				wrap;
	width:  					100%;
	padding:  					10px 0px;
	margin:  					0px;
	color: 						#ca1c1e;
    font-size: 					1.8em;
    font-family: 				'Montserrat', sans-serif;
    font-weight: 				500;
}

span.txtconte {
	display: 					flex;
	flex-wrap:  				wrap;
	width:  					100%;
	max-width:  				600px;
	padding:  					0px 0px 10px 0px;
	margin:  					0px;
}

table.ptech {
	width:  					100%;
	margin-bottom:  			100px;
	border-bottom: 				1px solid #eee;
}

table.ptech td {
	padding:  					8px;
}

table.ptech .titulo td {
	background-color: 			#ca1c1e;
	color: 						white;
	font-weight:  				400;
}

table.ptech tr:nth-child(even) {
    background-color: 			#f7f7f7;
}

@keyframes entrada {
  0%   {top: 					-64px;}
  100% {top: 					0px;}
}
.homepoint {
	position:  					fixed;
	left: 						calc(50% - 40px);
	width: 						80px;
	display: 					flex;
	justify-content:  			center;
	background-color: 			#ca1c1e;
	color: 						white;
	padding:  					10px 0px 14px 0px;
	border-radius:  			0px 0px 50px 50px;
	z-index:  					99999;
	cursor:  					pointer;
	-ms-transition: 			all ease-in-out .2s;
    -moz-transition: 			all ease-in-out .2s;	
    -webkit-transition: 		all ease-in-out .2s;
    transition: 				all ease-in-out .2s;
}
.homepoint:hover {
	background-color: 			#f00;
}
@media screen and (max-width: 767px) { .homepoint {	display: none; } }
.homepoint i {
	font-size:  				32px;
}
@media screen and (max-width: 500px) { .telefonos {font-size: 0.8em; } }