/****** CONTENEDORES ******/

div.titulo_sujeto_obligado{
	border-bottom: 1px solid #d9d9d9;
	font-family: Georgia, serif; 
	color: #0f4295;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.info_sujeto_obligado{
	background: #f4f4f4;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #dfdfdf;
}


div.bnr_costa,div.bnr_canada,div.bnr_mixteca,div.bnr_istmo,div.bnr_sierrasur,div.bnr_valles,div.bnr_sierranorte,div.bnr_papaloapan{
	padding: 90px 0px 1px 20px; 
	 
	color:#000000;
	font-size: 12px;	
}

div.bnr_papaloapan{
	background:#FFFFFF url(img/bnr_papaloapan.jpg) no-repeat;
}

div.bnr_sierranorte{
	background:#FFFFFF url(img/bnr_sierranorte.jpg) no-repeat;
}

div.bnr_valles{
	background:#FFFFFF url(img/bnr_valles.jpg) no-repeat;
}

div.bnr_istmo{
	background:#FFFFFF url(img/bnr_istmo.jpg) no-repeat;
}

div.bnr_sierrasur{
	background:#FFFFFF url(img/bnr_sierrasur.jpg) no-repeat;
}

div.bnr_costa{
	background:#FFFFFF url(img/bnr_costa.jpg) no-repeat;
}

div.bnr_canada{
	background:#FFFFFF url(img/bnr_canada.jpg) no-repeat;
}

div.bnr_mixteca{
	background:#FFFFFF url(img/bnr_mixteca.jpg) no-repeat;
}

div.text{
	margin: 10px 10px 10px 10px;	
}

div.aviso{	
	position: absolute;
	padding: 15px 15px 15px 15px;
	top:  3em; 
  	left: 15em;
  	width: 620px;  	
  	background: #fffff4;
  	border: 1px solid #d0d0af;
  	font-family: Tahoma;
  	font-size: 14px;
}

div.anuncio{
	
	background: #FFFFFF;
	text-align: justify;
	float: none;
	color: #000000;
	border: 1px solid #b4c7db; 
	width: 600px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 5px 5px 5px;
	padding: 10px;
}

div.portal_sujetos{
	background: #eef8ff;
	text-align: justify;
	float: none;
	color: #000000;
	border: 1px solid #b5c8da; 
	width: 500px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 5px 5px 0px;
	padding: 10px;
}

div.informe_semanal{
	background: #eef8ff;
	text-align: center;
	
	color: #000000;
	border: 1px solid #b5c8da; 
	margin: 0px 0px 15px 0px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	
	padding: 15px 15px 15px 15px;
}

/*********/

/************************** ENLACES Subcontenido 3   *****************************/

a.normal_portal:link, a.normal_portal:active, a.normal_portal:visited, a.normal_portal:hover{	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;	
	color: #1c1f25;
}
a.normal_portal:link, a.normal_portal:active, a.normal_portal:visited{
	text-decoration: none;
}

a.normal_portal:hover{
	text-decoration: underline;
}

a.search:link, a.search:active, a.search:visited, a.search:hover{
	background: #dee9f1;
	padding: 3px 5px 3px 5px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 14px;	
	color: #34353a;
}
a.search:link, a.search:active, a.search:visited{
	text-decoration: none;
}

a.search:hover{
	text-decoration: underline;
}


.subtitulo_azul{	
	font-family: Georgia, serif;
	font-size: 12px;
	color: #084da1;
}

.titulo-sub{	
	font-family: Georgia, serif;
	font-size: 16px;
	color: #084da1;
}

a.enlace-sub:visited{
	font-family: Georgia, serif;
	text-decoration: none;
	font-size: 16px;
	color: #084da1;
}

a.enlace-sub:link{
	font-family: Georgia, serif;
	text-decoration: none;
	font-size: 16px;
	color: #084da1;
}

a.enlace-sub:active{
	font-family: Georgia, serif;
	text-decoration: none;
	font-size: 16px;
	color: #084da1;
}

a.enlace-sub:hover{
	font-family: Georgia, serif;
	text-decoration: underline;
	font-size: 16px;
	color: #084da1;
}

div.close,div.close:hover{
	font-family: Tahoma;
	font-size: 10px;
	color: #f50c0c;
	cursor: pointer;
	float: right;
}
div.close:hover{
	text-decoration: underline;
}

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



/****** SOLICITUD DE INFORMACION *******/

.informacion_titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

.informacion_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a.informacion:visited{
	color: #24730e;
	text-decoration: none;
}

a.informacion:link{
	color: #24730e;
	text-decoration: none;
}

a.informacion:active{
	color: #24730e;
	text-decoration: none;
}

a.informacion:hover{
	color: #3bc017;
	text-decoration: underline;
}

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

.calendario{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #400404;
}

#vineta li {	
	list-style: square;
}

#vineta ul, li {
	list-style-type: square;
	
}

#vineta li {	
	list-style: square;
}


ul.vineta3, li.vineta3{
	list-style-type:square;
}

li.vineta3{
	list-style:square;
}

#vineta2 ul, li {
	list-style-type: square;
	
	
}

#vineta2 li {	
	list-style: square;
}


#numeros ol, li {
	list-style-type: decimal;
	list-style: decimal;
}

#numeros li {	
	list-style: decimal;
}

#romanos ol, li {
	list-style-type: upper-roman;
	list-style: upper-roman;
}

#romanos li {	
	list-style: upper-roman;
}

img.foto{
	margin-right: 1em;
	
}

img.foto2{
	margin-left: 1em;
	
}

.rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #400404;
	text-decoration: none;
}

.blanco{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}



.titulo_azul,.title{
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #0f4295;
	text-decoration: none;
}
.title{
	font-size: 25px;
}

.titulo_azul{
	font-size: 18px;
}

.blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0f4295;
	text-decoration: none;
}

.caracteres{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a8a8a;
	text-decoration: none;
}

.contador{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #c4cf18;
	text-decoration: none;
}

.footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.verde {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #163e0b;
	text-decoration: none;
}


.lugfec{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1d4d99;
	text-decoration: none;
}

.veinte{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
}

.dieciocho{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}

.doce{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

td.comunicacion {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}


a.verde:visited{
	color: #163e0b;
	text-decoration: none;
}

a.verde:link{
	color: #163e0b;
	text-decoration: none;
}

a.verde:active{
	color: #163e0b;
	text-decoration: none;
}

a.verde:hover{
	color: #239206;
	text-decoration: none;
}

a.azul:visited{
	color: #0768c1;
	font-size: 12px;
	text-decoration: none;
}

a.azul:link{
	color: #0768c1;
	font-size: 12px;
	text-decoration: none;
}

a.azul:active{
	color: #0768c1;
	font-size: 12px;
	text-decoration: none;
}

a.azul:hover{
	color: #087ce7;
	font-size: 12px;
	text-decoration: underline;
}

a.mun:visited,a.mun:link,a.mun:active,a.mun:hover{
	color: #000000;
	font-size: 14px;	
}

a.mun:visited,a.mun:link,a.mun:active{
	text-decoration: none;		
}

a.mun:hover{
	text-decoration: underline;
}

<!--
a.footer:visited{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a.footer:link{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a.footer:active{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a.footer:hover{
	color: #bef909;
	font-size: 12px;
	text-decoration: none;
}


-->
/*
a:visited{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a:hover{
	color: #F29B0F;
	font-size: 12px;
	text-decoration: none;
}

a:active{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}


a:link{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
*/

a.calendario:visited{
	color: #207efe;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.calendario:hover{
	color: #207efe;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.calendario:active{
	color: #207efe;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}


a.calendario:link{
	color: #207efe;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}


a.comunicacion:visited{
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

a.comunicacion:hover{
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

a.comunicacion:active{
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}


a.comunicacion:link{
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

.mapa{
	font-weight: bold;
	font-size: 18px;
	color: #207efe;
	text-decoration: none;
}

a.lineamientos:visited{
	font-weight: bold;
	font-size: 16px;
	color: #207efe;
	text-decoration: none;
}

a.lineamientos:hover{
	font-weight: bold;
	font-size: 16px;
	color: #0e63d6;
	text-decoration: none;
}

a.lineamientos:active{
	font-weight: bold;
	font-size: 16px;
	color: #207efe;
	text-decoration: none;
}


a.lineamientos:link{
	font-weight: bold;
	font-size: 16px;
	color: #207efe;
	text-decoration: none;
}


a.mapa:visited{
	font-weight: bold;
	font-size: 18px;
	color: #207efe;
	text-decoration: none;
}

a.mapa:hover{
	font-weight: bold;
	font-size: 18px;
	color: #0e63d6;
	text-decoration: none;
}

a.mapa:active{
	font-weight: bold;
	font-size: 18px;
	color: #207efe;
	text-decoration: none;
}


a.mapa:link{
	font-weight: bold;
	font-size: 18px;
	color: #207efe;
	text-decoration: none;
}

a.mapa2:visited{
	color: #0768c1;
	font-size: 14px;
	text-decoration: none;
}

a.mapa2:link{
	color: #0768c1;
	font-size: 14px;
	text-decoration: none;
}

a.mapa2:active{
	color: #0768c1;
	font-size: 14px;
	text-decoration: none;
}

a.mapa2:hover{
	color: #087ce7;
	font-size: 14px;
	text-decoration: underline;
}





/* MENU VERTICAL */

#menuv {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 250px;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}

#menuv li {
	border-bottom: 1px solid #ACCFE8;
}

#menuv a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 6px;
	width: 248px;
}

#menuv a:hover {
	background: #DBEBF6;
}


/*******/

#lista {
	list-style-image:url(img/vineta.gif);
}

/* ARRIBA ^ */

#arriba {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 625px;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#arriba ul, li {
	list-style-type: none;
}

#arriba ul {
	margin: 0;
	padding: 0;
}

#arriba li {
	border-bottom: 1px solid #ACCFE8;
}

#arriba a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 6px;
	width: 633px;
}

#arriba a:hover {
	background: #DBEBF6;
}


/*******/


/*"""" FORMULARIO """"""*/

.myForm {
  width: 400px;
  margin:auto;
}

.myForm fieldset {
  background-color:#f7f7f7;
  border:1px solid #cfcfcf;
  padding: 10px;
  margin: 0;
}

.myForm fieldset legend {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
    color:#818181;

}

.myForm label {
    display: block;
    float: left;
    padding: 0;
    margin:0px 0px 5px 0px;
}

.myForm fieldset label:first-letter {
    color:#8a8a8a;
    font-weight: bold;
}
.myForm input, .myForm textarea {
    width:95%;
}

.myForm input.button {
    width:35%;
    background-color:#232222;
    border:1px solid #A0A0A0;
    padding:3px;
    color:#FFF;
}

textarea {
    height:90px;
    }

.myForm small {
    color:#CCC;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 350px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 240px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 240px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}



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

	MultiBox
	v1.3

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

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}



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



/****** FLOW PLAYER *****/


body {
		
	font-family:"trebuchet ms", verdana, "bitstream vera sans";
	padding:0;
	margin:0;
	margin-left:0px;
	text-align:center;
}

#page {
	width:600px;
	background-color:#fff;
	margin:0px auto;
	padding:20px 150px 20px 50px;
	min-height:600px;
	border:1px solid #000;
	border-width:0 1px 1px 1px;
	text-align:left;
}

h1 {
	font-size:22px;
	letter-spacing:-1px;
	color:#0d7b7a;
	font-weight:normal;
}

h1 em {
	font-style:normal;
	color:darkorange;	
}


h2 {
	font-size:18px;
	font-weight:normal;
}


.less {
	color:#999;
	font-size:12px;
}

/********** ACORDEON ************/

/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	border-bottom: 1px solid #d3d3d3;
}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #d3d3d3;
	border-bottom: none;
}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
	background: #e6e6e6 url(img/acordeon/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-accordion-header a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em .5em .5em 1.7em;
	color: #555555;
	background: url(img/acordeon/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
	background: url(img/acordeon/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #212121;
}
.ui-accordion-header:hover {
	background: #dadada url(img/acordeon/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #ffffff url(img/acordeon/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #222222;
	background: url(img/acordeon/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
	padding: 1.5em 1.7em;	
	background: #ffffff url(img/acordeon/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
	font-family: Georgia, serif;
	font-size: 14px;
}


.extra{	
	padding: 1.5em 1.7em;
	background: #fafafa;
	border-color: #cacaca;	
	border-left: 2px solid #e7e7e7;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	color: #000000;
}

.contenido-acordeon {
	background: #FFFFFF;			
	font-family: Georgia, serif;
	font-size: 14px;
}


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


/*******  TABLA CON JAVA  *****/


h1{
	font-size:140%;
	margin:0 20px;
	line-height:80px;	
}
h2{
	font-size:120%;
}
#container{
	margin:0 auto;
	width:680px;
	background:#fff;
	padding-bottom:20px;
}
#content{margin:0 20px;}
p.sig{	
	margin:0 auto;
	width:680px;
	padding:1em 0;
}

#cloth, td.cloth{
	font:100% Arial, Helvetica, sans-serif; 
}
#cloth{width:100%;border-collapse:collapse;margin:1em 0;}
th.cloth, td.cloth{
	text-align:left;padding:.5em;border:1px solid #fff;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
}

th.concluida, td.concluida{
	text-align:left;padding:.5em;border:1px solid #fff;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	color: #ffffff;
}

th.cloth{background:#328aa4 url(tablecloth/tr_back.gif) repeat-x;color:#fff;}
td.cloth{background:#e5f1f4;}

th.concluida{background:#328aa4 url(tablecloth/tr_back.gif) repeat-x;color:#fff;}
td.concluida{background:#316fb4;}


a.concluida:visited{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a.concluida:link{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a.concluida:active{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

a.concluida:hover{
	color: #363636;
	font-size: 12px;
	text-decoration: none;
}

/* tablecloth styles */

tr.even td{background:#e5f1f4;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

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