/********************************************************************************************/
/* AJAX Simple Tabs by developersnippets, This code is intended for practice purposes.      */
/* You may use these functions as you wish, for commercial or non-commercial applications,  */
/* but please note that the author offers no guarantees to their usefulness, suitability or */
/* correctness, and accepts no liability for any losses caused by their use.                */
/********************************************************************************************/

pre {
	text-indent: 30px;
	}

#tabmenu {
	color: #000;
	border-bottom: 1px solid #99CCFF;
	margin: 0px;
	margin-bottom: 0.2rem; /*GOTSPOTS*/
	padding: 0px;
	z-index: 1;
	padding-left: 0px;
	padding-right: 0px;
	}
#tabmenu ul {
	display: block;
}
#tabmenu li {
	/*display: inline;*/
	display: inline-flex;
	overflow: hidden;
	margin: 0px;
	list-style:none;
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-right:1px;
	
	}

#tabmenu a, a.active {
	
	color: #003366;
	background: #99CCFF;
	/*GOTSPOTS*/
	/*font: normal 10px verdana;*/
	font: normal 0.75rem verdana;
	border:none;
	text-align:center;
	/*padding: 6px 6px 2px 6px;*/
	padding: 0.25rem;
	/*margin: 0px;*/
	margin: 0.05rem;
	text-decoration: none;
	font-weight:bold;
	cursor: default;
}

#tabmenu a.active {
	background: #64B1FF;
	}

#tabmenu a:hover {
	background: #006B9F; 
	color:#84BEFF;
	cursor:pointer;
	}

#tabmenu a:visited {
	color: #006B9F;
	}

#tabmenu a.active:hover {
	background: #006B9F;
	color:#84BEFF;
	}

.content {
	/*font: 10px verdana;*/
	font: 1rem verdana;
	color:#006699;
	text-align:left;
	background: #FFFFFF; /*E8E9BE b2cbec*/
	border: 1px solid #99CCFF;
	border-top: none;
	z-index: 2;
	}

.content a {
	text-decoration: none;
	color:#0066CC;	/*color: #b2cbec; //E8E9BE*/
	}

.content a:hover {
	background: #666666;
	color:#CCCCFF;
	}
	


.titularpopularpar{
	/*GOTSPOTS*/
	/*font-size:10px;*/
	font-size:1rem;
	color:#006699;
	background-color:#FFFFFF;

	/*GOTSPOTS*/
/*padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	margin-top:0px;
	margin-bottom:2px;	*/

	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;

	padding-bottom:3px;

}
.titularpopularpar a{
	/*GOTSPOTS*/
	/*font-size:10px;*/
	font-size:1rem;
	color:#006699;
	background-color:#FFFFFF;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:2px;
}
.titularpopularpar a:hover{
	/*GOTSPOTS*/
	/*font-size:10px;*/
	font-size:1rem;
	color:#CC0000;
	background-color:#FFFFFF;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:2px;

}

.titularpopularimpar{
	/*GOTSPOTS*/
	/*font-size:10px;*/
	font-size:1rem;

	color:#006699;
	background-color:#ECF5FF;

	/*GOTSPOTS*/
/*padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	margin-top:0px;
	margin-bottom:2px;	*/

	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;

	padding-bottom:3px;
}
.titularpopularimpar a{
	/*GOTSPOTS*/
	/*font-size:10px;*/
	font-size:1rem;
	color:#006699;
	background-color:#ECF5FF;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:2px;

}
.titularpopularimpar a:hover{
	/*GOTSPOTS*/
	/*font-size:10px;*/
	font-size:1rem;
	color:#CC0000;
	background-color:#ECF5FF;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:2px;
	
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

}