/*****************************************Enlaces



**********************************************************



**********************************************************



***********************************************************/

body {

	margin-left: 0px;

	margin-top: 0px;

}





a {



	font-family: tahoma;



	font-weight: bold;



	font-size: 12px;



	text-decoration: none



}



a:link {



	font-weight: bold;



	color: #3E596E;



	text-decoration: none



}



a:visited {



	text-decoration: none;



	font-weight: bold;



	color: #0000EA;



	text-decoration: none



}



a:hover {



	font-weight: bold;



	color: #FF0000;



	text-decoration: none



}



a:active {



	text-decoration: none;



}







/*****************************************Fondo - Rallitas



**********************************************************



**********************************************************



***********************************************************/



.background {



	background-repeat: no-repeat;



	background-position: left top;



	background-color: #FFFFFF;



}



/*****************************************Letras



**********************************************************



**********************************************************



***********************************************************/



.Letra01 {

	font-family: tahoma;

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	color: #000000;

}



.Letra02 {



	font-size: 11px;



	color: #FFFFFF;



	font-family: tahoma;



}



.titulo01 {



}







.pie-pag {



	font-family: tahoma;



	font-size: 10px;



	color: #000000;



	font-style: normal;



	font-weight: bold;



}



.titulo01 {



	font-family: tahoma;



	font-size: 14px;



	font-style: normal;



	font-weight: bold;



	color: #000000;



	line-height: normal;



}



/*****************************************Botones



**********************************************************



**********************************************************



***********************************************************/







a.ovalbutton{



	display: block;



	float: left; /* Change 13px as desired */



	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */



	height: 24px; /* Height of button background height */



	padding-left: 11px; /* Width of left menu image */



	text-decoration: none;



	background-color: transparent;



	background-image: url(../gif/oval-blue-left.png);



	background-repeat: no-repeat;



	background-position: left top;



	page-break-after: auto;



	font-family: Tahoma;



	font-size: 13px;



	font-style: normal;



	font-weight: bold;



	font-variant: normal;



}



a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{



color: #494949; /*button text color*/



}



a.ovalbutton span{



	display: block;



	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/



	background-color: transparent;



	background-image: url(../gif/oval-blue-right.png);



	background-repeat: no-repeat;



	background-position: right top;



	font-weight: bold;



}



a.ovalbutton:hover{ /* Hover state CSS */



background-position: bottom left;



}



a.ovalbutton:hover span{ /* Hover state CSS */



background-position: bottom right;



color: black;



}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */



overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */



width: 100%;



}







/* Botones para las pestañas



*******************************************



*******************************************



*******************************************/



.animatedtabs{



border-bottom: 1px solid gray;



overflow: hidden;



width: 100%;



font-size: 14px; /*font of menu text*/



}



.animatedtabs ul{



list-style-type: none;



margin: 0;



margin-left: 10px; /*offset of first tab relative to page left edge*/



padding: 0;



}



.animatedtabs li{



float: left;



margin: 0;



padding: 0;



}



.animatedtabs a{



	float: left;



	position: relative;



	top: 5px;



	margin: 0;



	margin-right: 3px; /*Spacing between each tab*/



	padding: 0 0 0 9px;



	text-decoration: none;



	background-image: url(../gif/tab-blue-left.png);



	background-repeat: no-repeat;



	background-position: left top;



}



.animatedtabs a span{



	float: left;



	position: relative;



	display: block;



	padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */



	font-weight: bold;



	color: black;



	background-image: url(../gif/tab-blue-right.png);



	background-repeat: no-repeat;



	background-position: right top;



}







/* Commented Backslash Hack hides rule from IE5-Mac \*/



.animatedtabs a span {float:none;}



/* End IE5-Mac hack */



.animatedtabs .selected a{



background-position: 0 -125px;



top: 0;



}



.animatedtabs .selected a span{



background-position: 100% -125px;



color: black;



padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */



top: 0;



}



.animatedtabs a:hover{



background-position: 0% -125px;



top: 0;



}



.animatedtabs a:hover span{



background-position: 100% -125px;



padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */



top: 0;



}







/*****************************************Pestañas



**********************************************************



**********************************************************



***********************************************************/



/*********************************************************



Pestañas 01



**********************************************************/



.glossymenu{



	position: relative;



	padding: 0 0 0 04px;



	margin: 0 0 0 0; /*tab background image path*/



	height: 46px;



	list-style: none;



	background-image: url(../gif/menub_bg.gif);



	background-repeat: repeat-x;



}



.glossymenu li{



	float:left;



}



.glossymenu li a{



	float: left;



	display: block;



	color:#000;



	text-decoration: none;



	font-family: sans-serif;



	font-size: 13px;



	font-weight: bold;



	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/



	height: 46px;



	line-height: 46px;



	text-align: center;



	cursor: pointer;	



}



.glossymenu li a b{



	float: left;



	display: block;



	padding: 0 16px 0 8px; /*Padding of menu items*/



}



.glossymenu li.current a, .glossymenu li a:hover{



	color: #fff; /*left tab image path*/



	background-position: left;



	background-image: url(../gif/menub_hover_left.gif);



	background-repeat: no-repeat;



}



.glossymenu li.current a b, .glossymenu li a:hover b{



	color: #fff;



	background: url(file:///C|/wamp/www/gif/menub_hover_right.gif) no-repeat right top; /*right tab image path*/



}



/*********************************************************



Pestañas 02



**********************************************************/



.pestanas{



	width: auto;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-style: normal;



	line-height: normal;



	font-weight: normal;



	font-variant: normal;



	text-transform: none;



	color: #000000;



	background-color: #FFFFFF;



}



.pestanas ul{



margin:0px;



padding:0px;



list-style: none;



}



.pestanas li{



	float:left;



	margin:0px 6px 0px 0px;



	padding:4px 6px 4px 6px;



	color: #000000;



	font-size:8pt;



	background-color: #CCCCCC;



}



li.pestanaseleccionada{



	color: #000000;



	font-weight: bold;



	background-color: #999999;



}



.cuerpopestanas{



	color: #000000;



	clear:both;



	margin:0px;



	padding:4px;



	height: 100%;



	overflow: auto;



	background-color: #FFFFFF;



	background-attachment: fixed;



	background-image: url(../jpg/logo_c_t.jpg);



	background-repeat: no-repeat;



	background-position: center top;



	font-size: 12px;



	font-family: Tahoma;



}



/*****************************************para posicionar



**********************************************************



**********************************************************



***********************************************************/



.tabla {



	position: absolute;



	visibility: visible;



	top: 0px;



	left: 0px;



	right: 0px;



}



/*****************************************Acorion



**********************************************************



**********************************************************



***********************************************************/







#accordion {



	margin:20px 0px;



}







h3.toggler {



	cursor: pointer;



	border: 1px solid #f5f5f5;



	border-right-color: #3E596E;



	border-bottom-color: #3E596E;



	font-family: 'Andale Mono', sans-serif;



	font-size: 12px;



	background: #cad5d9;



	color: #173B89;



	margin: 0 0 4px 0;



	padding: 3px 5px 1px;



}







div.element p, div.element h4 {



	margin:0px;



	padding:4px;



}







blockquote {



	padding:5px 20px;



}







/*******************************Noti_flash



**********************************************************



**********************************************************



***********************************************************/



@charset "utf-8";



/* CSS Document */











body {



	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;



	font-size:11px;



}



#NewsTicker{

	border:solid 1px #cccccc;

	width:676px;

	height:200px;

	margin:0;

}



	#NewsTicker h1{



	padding:6px;



	margin:0;



	border:0;



	background:#dfe7ed;



	color:#000000;



	font-size:11px;



	font-weight:bold;



	}



	#NewsVertical {

	width: 675px;

	height: 200px;

	display: block;

	overflow: hidden;

	position: relative;



	}



/* --------------- */



/* Ticker Vertical */



	#TickerVertical {

	width: 675px;

	height: 140px;

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

	}



	#TickerVertical li {

	width: 320px;

	color: #444444;

	text-align: left;

	font-size: 11px;

	margin: 0;

	padding: 6px 10px;

	float: left;

	height: 164px;

	display: inline;

	}



		#TickerVertical li .NewsTitle{



			display: block;



			color: #000000;



			font-size: 20px;



			margin-bottom:6px;



			font-family:Georgia, "Times New Roman", Times, serif;



		}



		#TickerVertical li .NewsTitle a:link,



		#TickerVertical li .NewsTitle a:Visited {



			display: block;



			color: #000000;



			margin-bottom:6px;



			text-decoration:underline;



		}



		#TickerVertical li .NewsTitle a:hover {



			text-decoration:none;



		}



		



		#TickerVertical li .NewsImg{



			float:left;



			margin-right:10px;



			border:solid 1px #DEDEDE;



		}



		#TickerVertical li .NewsFooter{



			display: block;



			font-size: 10px;



			margin:6px 0 14px 0;



			color:#000000



		}



		



		



/*////////////////////////////////////////////////*/



.titulo {
	font-family: Calibri;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../png/titulo.png);
	background-repeat:  repeat-x;
	line-height: 25px;

}
