H3 {
	FONT-SIZE: 28px; COLOR: #48025e; FONT-FAMILY: Arial, Helvetica, san-serif
}
H2 {
	FONT-SIZE: 28px; COLOR: #3b9561; FONT-FAMILY: Arial, Helvetica
}
A {
	COLOR: #5b0363; TEXT-DECORATION: none
}
A:visited{
	COLOR: #370357; TEXT-DECORATION: none
	}
A:hover {
	COLOR:#5b0363; TEXT-DECORATION: none
}

.boton {  /* botones de formas */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #601894;;
	}

	.boton:hover {  /* puntero sobre botones*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #a57bdb;
	}

.carta {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:  Arial
}
.combo2 {
	COLOR: #000000
}
.combo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	border-radius: 5px;

} 
.menugeneral {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Tahoma, Arial
}
/* .menugeneral A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menugeneral A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menugeneral A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menugeneral A:hover {
	COLOR: gold; TEXT-DECORATION: none
} */
.menu {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Tahoma, Arial
}

.encabezado {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana
}
.pie {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Tahoma, Arial
}
/* .pie A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.pie A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.pie A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.pie A:hover {
	COLOR: #e0bd89; TEXT-DECORATION: underline
} */
.nota {
	FONT-SIZE: 12px; COLOR: GRAY; FONT-FAMILY: Verdana,Tahoma,Arial
}
/* .nota A:link	{ COLOR: #4c4c4c; TEXT-DECORATION: none}
.nota A:visited { COLOR: #4c4c4c; TEXT-DECORATION: none}
.nota A:active    { COLOR: #4c4c4c; TEXT-DECORATION: none}
.nota A:hover    { COLOR: #4c4c4c; TEXT-DECORATION: none} */

.titulo{
		font:30px  Arial, Helvetica, sans-serif;
	 font-weight: bold;
			color:#601894;
	 /* line-height: 14px */
 }

 .subtitulo{
		 font:18px  Arial, Helvetica, sans-serif;
		font-weight: bold;
		color:#601894;
		/* line-height: 14px */
	}

	.subtitulo2{
 		 font:16px  Arial, Helvetica, sans-serif;
 		font-weight: bold;
 		color:#601894;
 		/* line-height: 14px */
 	}


	.diaCalendario{
		 font:18px  Arial, Helvetica, sans-serif;
		/* font-weight: bold; */
		color:black;
		/* line-height: 14px */
	}

	.diaCalendario a{
		color:black;
		padding: 2px;
	}
.tituloblanco {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff; LINE-HEIGHT: 14px; FONT-FAMILY: Georgia, Verdana, Tahoma, Arial
}
.informacion {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Georgia, Arial;
}
.links {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Georgia, Arial;
}
/* .links A:link {
	COLOR: #4c4c4c; TEXT-DECORATION: none
}
.links A:visited {
	COLOR: #4c4c4c; TEXT-DECORATION: none
}
.links A:active {
	COLOR: #4c4c4c; TEXT-DECORATION: none
}
.links A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
} */
.titabla {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Georgia, Arial;
}
.titulomenu {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Georgia, Arial; font-weigth: bold
}
/* .titulomenu A:link {
	COLOR: #990033; TEXT-DECORATION: none
}
.titulomenu A:visited {
	COLOR: #990033; TEXT-DECORATION: none
}
.titulomenu A:active {
	COLOR: #990033; TEXT-DECORATION: none
}
.titulomenu A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
} */
.indicador {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Georgia, Arial; font-weigth: regular
}
.menuoculto {
	BORDER-RIGHT: #c0a0ff 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c0a0ff 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #c0a0ff 1px solid; COLOR: #ffff00; PADDING-TOP: 1px; BORDER-BOTTOM: #c0a0ff 1px solid; FONT-FAMILY: "Times New Roman","arial", "helvetica"; POSITION: absolute; BACKGROUND-COLOR: #c0a0df; layer-background-color: #000000; font-color: RED
}
.menuVacio {
	VISIBILITY: hidden; COLOR: black; POSITION: absolute; BACKGROUND-COLOR: #e7cfce; layer-background-color: #E7CFCE
}

.mesactivo {
        BACKGROUND-color: #cccccc;
        FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}



.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.testClass {
	background-color:red;
}


/*boxover*/

abbr, acronym {
	background-color: #e5e5e5;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-bottom: dotted #000 1px;
}
.bubbleTooltip {
	width: 200px;
	color:#000;
	font: 0.8em sans-serif;
	text-decoration:none;
	text-align:center;FONT-WEIGHT: bold;
}
.bubbleTooltip span.top {
	padding: 30px 8px 0;
	background: url(http://ecarnet.uach.mx/images/bubble.png) no-repeat top;
}
.bubbleTooltip span.bottom {
	padding:3px 8px 15px;
	color: #000;
	background: url(http://ecarnet.uach.mx/images/bubble.png) no-repeat bottom;
}


/*TABS********************/
* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

		p { text-align: left; margin: 15px 0 }

		p, ul { font-size: 13px; line-height: 1.4em }

		p a, li a { color: #39c; text-decoration: none }

		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }

		p#cross-links { text-align: center }

		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }

		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }

		a:focus { outline:none }

		img { border: 0 }

		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }


		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}

		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden;
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 100%;
			clear: both;
			background: #fff;
		}

		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}

		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}

		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}

		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}

		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}

		.stripNav li.tab1 a { background: #e7cfce }
		.stripNav li.tab2 a { background: #e7cfce }
		.stripNav li.tab3 a { background: #e7cfce }
		.stripNav li.tab4 a { background: #e7cfce }
		.stripNav li.tab5 a { background: #e7cfce }

		.stripNav li a:hover {
			background: #48025e;
		}

		.stripNav li a.current {
			background: #000;
			color: white;
		}

		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}

		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}

		.stripNavL {
			left: 0;
		}

		.stripNavR {
			right: 0;
		}

		.stripNavL {
			background: url("pantallas/arrow-left.gif") no-repeat center;
		}

		.stripNavR {
			background: url("pantallas/arrow-right.gif") no-repeat center;
		}