body{
	background-image:url(../images/index_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Verdana,Arial, Helvetica, sans-serif; !important;
	padding:0px;
	margin:0px;
}
label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wraper{
	width:776px;
	margin:auto;
	border:solid 1px #000000;
}

#cabezal_barra{
	width:776px;
	margin-top:28px;
	height:28px;
	margin:auto;
	position:absolute;
	z-index:1;
}
#usuario {
	left:375px;
	position:absolute;
	z-index:3;
}
#links {
	left:710px;
	position:absolute;
	z-index:2;
}
#links img {
	top:5px;
}
#links a {
	border:none;
}

/*--------------------------------classes--------------------------*/
.separador
{
	clear:both;
}
div.oculta {
	display:none;
}
div.mostrada {
	display:block;
}
.input {
	border:1px solid #CCCCCC;
	height:12px;
	width:100px;
	margin-right:5px;
	margin-left:5px;
	margin-top:3px;
}
/*---------------------------parte de arriba (cabezal)-------------------------*/
#cabezal
{
	height:102px;
	width:776px;
	margin:auto;
	margin-top:0px;
	overflow:hidden;
	position:relative;
	/*background-image:url(../images/fondo_cabezal2.jpg);
	background-repeat:no-repeat;*/
}
#containerBotonera{
	text-align:center;
	width:626px;
	margin-left:150px;
}
#botonera
{
	height:33px;
	width:776px;
	margin:auto;
	background-image:url(../images/fondo_botonera2.jpg);
	background-repeat:no-repeat;
	text-align:right;
}
#botonera #tablaBotonera
{
	font-size:13px;
	/*margin-top:5px;*/
	/*margin-right:20px;*/	
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
}
#botonera #tablaBotonera a
{
	text-decoration:none;
	color:#FFFFFF;
}
#botonera #tablaBotonera a:hover
{
	text-decoration:none;
	color:#000000;
}
/*---------menu de la izquierda*/
#menu
{
	background:url(../images/fondoBotonera.gif) #95C059 repeat-x;
	width:151px;
	padding:20px 0px 0px 0px;
	margin:0px;
}
#menu ul
{
	list-style-image:url(../images/bullet.gif);
}
#menu li
{
	position:relative;
	left:-12px;
	color:#FFFFFF;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:2px;
}
#menu li a
{
	color:#FFFFFF;
	text-decoration:none;
}
#menu li a:hover
{
	color:#FF9900;
}
#menu h1
{
	margin-left:12px;
	display:inline;
	color:#FFFFFF;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/*********************************************************Contenidos [parte del centro]*/
#principal
{
	width:624px;
	float:left;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}
.icono
{
	float:left;
	margin-top:-5px;
	margin-left:10px;
	margin-right:20px;	
}
/*----------------------------el titulo--*/
#tituloContenidos
{
	margin:20px;
	background-color:#F5F6FA;
	font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
}
/*----------------------el contenido estático--*/
#estatico
{
	margin:15px;
	/*background-color:#F5F6FA;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	padding:10px;
}
/*#estatico img{
	margin-right:3px;
	margin-bottom:3px;
	padding:3px;
	background-color:#EEE;
	border:1px solid #CCC;
	float:left;
}*/
/*--------------------------el contenido dinámico--*/
#dinamico
{
	margin:15px;
/*	clear:both;
	margin-top:30px;
	margin:20px 20px;
	background-color:#F5F6FA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;*/
}
/***************************************************************parte de abajo (pie)*/
#pie
{
	text-align:center;
	width:776px;
	margin:auto;
/*	padding-top:8px;*/
	height:30px;
	background-color:#E0AC00;
	color:#FFFFFF;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:relative;
}
#pie a
{
	color:#FFFFFF;
	text-decoration:none;
}

#pie a:hover
{
	color:#FF9900;
	text-decoration:none;
}
/*.logoTTlogic
{
	margin-right:5px;
	float:right;
	border:none;
	margin-top:3px;
}*/

form label {
	text-align:right;
	display:block;
	float:left;
	width:100px;
	margin:5px;
	height:16px;
	font-size:12px;
}
form input {
	margin:3px;
	border:1px solid #006600;
	height:16px;
	width:200px;
}
form textarea{
	margin:3px;
	border:1px solid #006600;
}
#ventana_tarjeta{
	position:absolute;
	height:297px;
	width:326px;
	background-image:url(../images/tarjeta.jpg);
	background-repeat:no-repeat;
	right:0px;
	margin-top:-293px;
}
#tarjeta{
	text-align:right;
	padding:230px 28px 0px 0px;
}
#tarjeta a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
#bylogo{
	float:right;
	margin-right:12px;
	margin-top:4px;
}