/************** Styles Generales *************/
/* Tamanos (Por defecto el tamaņo de la fuente es 16px = 1em, entonces si cambiamos a 68.75% el tamaņo de la fuente del body, queda por defecto 11px=1em)*/
body{font-size: 68.75%;}
h1{font-size: 1.9em;}
h2{font-size: 1.7em;}
h3{font-size: 1.3em;}
p, th{font-size: 1.1em;}
/* el td usa tamaņo por defecto 1.0em, para que no se vean afectados cuando ponemos una tabla dentro de otra */
/* Links */
a.boton:link {color:transparent}      /* unvisited link */
a.boton:visited {color:transparent}  /* visited link */
a.boton:hover {color:transparent}  /* mouse over link */
a.boton:active {color:transparent}  /* selected link */
caption{font-size: 1.7em;}
/**********************************************/

/*********** Styles Clases Particulares ***********/
.ui-tabs {display:table;} /*Para que los displaytag queden dentro del tab*/
.ui-tabs-nav a span {font-size: 1.3em;}/* Tamano de los titulos de los tabs */
.mySubMenu {/* white-space: nowrap; */}/* Para que los submenu se ajusten al largo del texto, hay que ponerle esta clase a cada <ul> de los submenus */
.ui-menu .ui-menu-item a {
	/* font-weight: bold; */
	/* font-size: 1.1em; */
  	white-space: nowrap;
}
span.ui-menu-icon.ui-icon.ui-icon-carat-1-e {margin: 0 0 0 135px;}/*Para que las flechas de los submenu no pise el texto*/
/* .menuitem {display:block;} */
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {font-weight: bold;}
/* .ui-button,  .ui-button-text .ui-button{font-size: 13px !important;} *//* Para los botones, ya que el texto es sencible al font-size, entonces para que no aparezcan botones de diferentes tamaņos lo dejo fijo */
.auto_complete {z-index: 1;}/*Para que aparesca arriba de los botones jquery*/
.startsUgly { display: none; } /* mejora el flash of unstyled content before jquery ready event */
/* Para el boton de ayuda */
.myTooltip {
	display:block;
	float:right;
	cursor: help;
	color: #fff;
	background: #0078c9;
	border: 3px solid #fff;
	text-align: center;
	border-radius: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 1.8em;
	height: 1.8em;
}
.myTooltip:hover {
	background: #fff !important;
	color: #5d6365;
	border: 3px solid #5d6365 !important;
}
.myHeaders{
	font-size: 1.9em;
	padding: 3px;
}
/***************************************************/