body {
	margin:0;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form {
	margin:0;
}
input {
	border: solid 1px #333333;
}

.creditos {
	font-size: 65%;
	color: #666;
	text-align: center;
	padding-top:1em;
}

.creditos a {
	color: #C00;
	text-decoration: none;
}

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

/* MENU HORIZONTAL */
div.dUgly{
	/*border: 1px solid lime;*/
	height: 20px;
}
div.dMenu {
	border: none;
	float: left;
	padding-left: 10px;
}
div.dMenu {
	font-size: 80%;
	color: #C00;
	text-align: center;
}
div.dMenu a {
	color: #C00;
	text-decoration: none;
}
div.dMenu a:hover {
	text-decoration: underline;
}
div.dMenu a:active {
	text-decoration: underline;
}
div.dMenu a:focus {
	text-decoration: underline;
}
/* DIV HOME */
div.dHome{
	border: none;
	float: right;
	position: relative;
}
div.dHome {
	font-size: 70%;
}
div.dHome a {
	background-color: #e5e5e5;
	padding: 1px 5px 0px 5px;
	height: 18px;
	color: #999;
	text-decoration: none;
}
div.dHome a:hover {
	color: #666;
	background-color: #FFCCCC;
}
/* CLASE TABLA PRINCIPAL LATERAL IZDA */
.leftSide {
	border-collapse: collapse;
	border-spacing:0;
	border: 0;
}
.leftSide th, .leftSide td {
	border:0;
	padding:0;
}
/* TD LATERAL IZDA PORTAFOLIO+ALERTAS+EXTRANET*/
.fondoGRADIENT {
	background-color: #e5e5e5;
	border: 1px solid #666;
	height: 300px;
	width: 299px;
	padding:0;
}
/* TD LATERAL DCHO FLASH MOVIE*/
.fondoDCHO {
	background-color: #e5e5e5;
	border: 1px solid #666;
	border-left: none;
}
/*	CLASE PARA FORM ALERTAS */
.formBOLETIN {
	font-size: 65%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	background-color: #f5f5f5;
	width: 85%;
	margin-left:auto; margin-right:auto;
}
.formBOLETIN input {
	font-size: 100%;
}
.formBOLETIN td {
	border: none;
	padding:2px 0px 2px 0px;
	text-align: center;
}
.formBOLETIN td A {
	color: #cc0000;
	text-decoration: none;
}
.formBOLETIN td A:HOVER {
	text-decoration: underline;
}
/* CLASE PARA INTRO.HTML */
.tIntro {
	border-collapse: collapse;
	border:none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 85px;
}
.tIntro th {
	border-collapse: collapse;
	border:none;
	font-size: 140%;
	font-weight:normal;
	color: #666;
	padding: 10px 0px 10px 0px;
}
.tIntro td {
	border-collapse: collapse;
	border:none;
	font-size: 80%;
	color: #666;
	text-align: center;
	padding: 10px 0px 10px 0px;
}
.tIntro td a {
	color: #C00;
	text-decoration: none;
}
.tIntro td a:hover {
	text-decoration: underline;
}
/**/


textarea.formcontacto {
	font-size: 100%;
	border: solid 1px #333333;
	color: black;
	width: 220px;
	height: 120px;
	padding: 5px;
}
/*---------------------------*/
.contacto {
	font-size: 70%;
}
p.contacto  {
	padding: 0px 8px 0px 8px;
}
.contacto th {
	padding: 0px 3px 0px 3px;
	font-weight: bold;
}

.contacto td {
	padding: 0px 8px 0px 8px
}

.contacto td a {
	color: #C00;
	text-decoration: none;
	
}
.contacto td a:hover {
	text-decoration: underline;
}
/*-------------------------------*/
.contactoB {
	font-size: 70%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	background-color: #FFFFCC;
	margin-right: 5px;
}

div.dFloat1 {
	float: left;
	height: 20px;
}

div.dFloat2 {
	float: left;
	height: 18px;
	padding-top: 2px;
}

.contactoB input {
	font-size: 100%;
}

.contactoB th {
	padding: 2px 5px 2px 3px;
	font-weight: bold;
	text-align: left;
}

.contactoB td {
	padding: 2px 5px 2px 3px
}

.contactoB td a {
	color: #C00;
	text-decoration: none;
	
}
.contactoB td a:hover {
	text-decoration: underline;
}
/*-------------------------------*/
.operario {
	font-size: 80%;
}

.operario th {
	font-weight: bold;
	text-align: center;
}

.operario td {
	text-align: center;
}
/*------------------------------*/

select {
	font-size: 65%;
	border: solid 1px #333333;
	color: black;
}

.herramientas {
	font-size: 70%;
	padding-left: 6px;
	padding-right: 6px;
	margin:0;
	margin-bottom:1.5em;
}

.herramientas a {
	color: #C00;
	text-decoration: none;
}

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

.cabezaportafolio {
	font:100% Verdana;
}

.cabezaportafolio th{
	text-align: center;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666;
	background-color:#99CC66;
}
.cabezaportafolio th a {
	color: white;
	text-decoration: none;
}

.cabezaportafolio th a:hover {
	text-decoration: underline;
}

.cabezaportafolio th a.activo {
	color: white;
	font-weight: bold;
}
#listaEnlaces {
	font-size:70%;
}
/*-----------------------------*/

table.portafolio {
	border-collapse: collapse;
	border: none;

}
table.portafolio th {
	font-size: 70%;
	font-weight: bold;
	color: #333;
	text-align: left;
	background-color:#C5E4A8;
	padding-left: 10px;
	border: none;
}
table.portafolio td {
	font-size: 70%;
	padding-left: 10px;
}

table.portafolio td li {
	padding: 0px;
	margin: 0px;
}
/*----------------------------*/

div.PortafolioDV {
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: black;
	scrollbar-base-color: #f5f5f5;
	
	width:480px;
	height: 277px;
	overflow: auto;
}
table.portafolio {
	width:461px;
}
/*--------------------------28-07-03--*/
.quienes {
	font-size: 70%;
	padding-left: 6px;
	padding-right: 6px;
}

.quienes li {
	margin-bottom: 5px;
}

.quienes a{
	color: #C00;
	text-decoration: none;
}

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

.filosofia {
	font-size: 8pt;
	color: black;
	padding-left: 6px;
	padding-right: 6px;
}

h1.filoHEAD {
	font-size: 10pt;
	font-variant: small-caps;
	color: black;
	font-weight: bold;
	margin-bottom: -15px;
}
.creditos2 {
		color: #C00;
		font-size: 65%;
		text-align: center;
		vertical-align: middle;
}

.creditos2 a {
		color: #C00;
		text-decoration: none;
}

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

/*-ventanas flotantes FILOSOFIA & COMACTIVA-*/
table.mision {
	border-collapse: collapse;
	border: none;
	font-size: 70%;
	width: 590px;
	height: 407px;
}

table.mision th {
	border-collapse: collapse;
	border: none;
	width: 205px;
	vertical-align: top;
}


table.mision td {
	border-collapse: collapse;
	border: none;
	padding: 20px 10px 5px 10px;
	vertical-align: top;
}

table.mision td h3 {
	color: #C00;
	margin-bottom: -8px;
	font-size: 100%
}
table.mision td li {
	margin-bottom: 3px;
}
/*--*/
table.misionB {
	border-collapse: collapse;
	border: none;
	font-size: 100%;
	margin-top: 20px;
}

table.misionB th {
	border-collapse: collapse;
	border: none;
	padding-top: 10px;
}


table.misionB td {
	border-collapse: collapse;
	border: none;
	text-align: center;
	padding: 0;
}

.access {
	text-decoration:underline;
}
/* ROLLOVER DE NUESTRAS FOTOS */
a.foto {
	width: 80px;
	height: 100px;
	display:block;
	cursor:default;
}

div.alfonso a {
	background-image: url(../images/alfonso.gif);
}

div.alfonso a:hover {
	background-image: url(../images/alfonso2.gif);
}
/*--*/
div.gabriel a {
	background-image: url(../images/gabriel.gif);
}

div.gabriel a:hover {
	background-image: url(../images/gabriel2.gif);
}

/*--*/
div.omar a {
	background-image: url(../images/omarB.gif);
}

div.omar a:hover {
	background-image: url(../images/omarB2.gif);
}

/* en portada */
#datos {
	width:780px;
	border:0;
	margin-left:auto; margin-right:auto;
	border-spacing:0;
	border-collapse:collapse;
}

#contenedor {
	border:0;
	width:480px;
	height:300px;
	overflow:hidden;
	margin:0;
}
.menu {
	vertical-align:bottom;
}

.graciasContacto {
	text-align:center;
	font-size:100%;
	border:2px solid #e3e3e3;
	padding:1em 1em;
	margin:6em 3em;
}