/***********************************
	ESTILOS PARA TABLA
***********************************/


#tabla { 
  font-family: Arial; 
  font-size: 11; 
  padding: 3px; 
  border: 1px solid #999; 
}

#tabla caption { 
  border: 0px; 
  font-size: 14px; 
  font-weight: bold; 
  color: #006699; 
  text-align: left; 
  padding-bottom: 5px; 
}

#tabla th, #tabla td { 
  padding: 2px 5px 2px 5px; 
}

#tabla th { 
  background-color: #ccc; 
  text-align: left;
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-right: 1px solid buttonshadow;
  border-bottom: 1px solid buttonshadow;
}

/***********************************
	BOTON
***********************************/

.boton {
  background-color: #e0e3e5; 
  float: left; 
  width: 80px; 
  border: 1px solid #666666; 
  text-align: center; 
  padding: 6px;
  display: block;
  margin: 0px 10px;
  padding: 0px;
}

.boton a {
  color: #4c5864;
  text-decoration:none; 
  display: block;
  width:80px !important;
  /*height:15px !important;*/
}
.boton:hover a {
  color: #000000; 
  text-decoration:none; 
}



/***********************************
	ESTILOS PARA BLOQUE
***********************************/

.bloque_contenido { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
}

.bloque_contenido .titulo { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-weight: bold; 
  color:#6F2222; 
  margin: 10px 0px;
  font-size: 16px;
}

.bloque_contenido .submenu { 
  margin: 0px 0px 20px 0px;
  padding:4px; 
  border: 1px solid #666666; 
  background-color: #f3f1e6;
  -moz-border-radius: 10px;
}

.bloque_contenido .submenu a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color: #b85b5a;
  text-decoration:underline; 
}
.bloque_contenido .submenu a:hover {
  color: #b85b5a; 
  text-decoration:none; 
}

.bloque_contenido p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  line-height: 20px; 
  text-align: justify;
}

.bloque_contenido a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color: #b85b5a;
  text-decoration:underline; 
}
.bloque_contenido a:hover {
  color: #b85b5a; 
  text-decoration:none; 
}

/***********************************
	ESTILOS PARA PROGRAMA
***********************************/

.programa { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px dotted #999999;
  padding: 0px 25px 10px 5px;
}

.programa .titulo { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-weight: bold;
  padding: 6px 0px 0px 7px;
  color:#416596; 
  margin: 10px 0px;
  font-size: 16px;
}

.programa h2 { 
  margin-left: 0px;
  padding-bottom: 5px;
  font-size: 14px;
  color: #7597b3;
  border-bottom: 1px dotted #7597b3;
}

.programa .seccion { 
  margin-top: 20px;
  background-image: url('../img/fondo_seccion.jpg');
  background-repeat: no-repeat;
  background-position: top right;
}


.programa .desc { 
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dotted #7597b3;
}

.programa a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color: #000066;
  text-decoration:underline; 
}
.programa a:hover {
  color: #000033; 
  text-decoration:none; 
}

.programa .texto {
  padding-left: 20px;
  color: #333333;
}

.programa p,li {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  line-height: 20px; 
  text-align: justify;
}


/***********************************
	ESTILOS PARA BLOQUE
***********************************/

.bloque { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin: 0px;
  padding: 0px;
}

.bloque .titulo { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-weight: bold; 
}

.bloque .contenido { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.bloque  ul {
  display: block;
  margin: 0px;
  padding: 0px;
}

.bloque  li {
  /*list-style-image: url('../img/lista.gif');*/
  list-style-type: none;
  padding: 5px 5px 5px 10px;
  margin: 10px 0px;
  display: block;
}

.bloque  li:hover {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  border-left: 5px solid #e0e3e5;
}


.bloque a {
  color: #4c5864;
  text-decoration:none; 
  display: block;
  width:170px !important;
  font-size: 13px !important;
  font-weight: bold;
  /*height:15px !important;*/
}
.bloque li:hover a {
  color: #000000; 
  text-decoration:none; 
}

.bloque  li .comentario {
  color: #888888;
  font-size: 10px;
  line-height: 10px; 
  border-top: 1px solid #eeeeee;
  padding-top: 3px;
}

.bloque li:hover .comentario {
  border-top: 1px solid #888888;
}


/***********************************
	ESTILOS PARA BLOQUE TRABAJO
***********************************/

.bloque_trabajo { 
  padding:5px; 
  margin-bottom: 20px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
}

.bloque_trabajo .titulo { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-weight: bold; 
  color:#6F2222; 
  margin-bottom: 10px;
  font-size: 16px;
}

.bloque_trabajo .contenido { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  padding-left: 20px;
  font-size: 12px;
}

.bloque_trabajo .contenido p { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  padding-left: 20px;
  font-size: 12px;
  text-align: justify;
  line-height: 20px; 
}

.bloque_trabajo .texto { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  text-align: justify;
  font-size: 12px;
  margin-bottom: 15px;
}

.bloque_trabajo td { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
}

.bloque_trabajo ul { 
	line-height: 20px; 
	margin: 0px;
}

.bloque_trabajo li { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  list-style-image: url('../img/lista2.gif');
  padding: 0px;
  margin: 5px 0px;
}
