﻿
/*
Esto es para que las imagenes no tengan borde
*/
IMG { border: 0px; }
/*Este es el estilo para cambiar los estilos generales de body
*/

table {margin:auto;} 

BODY{ 
	background: #CFCFCF;
	margin:auto;
	
	scrollbar-arrow-color: #FFFFFF;  
	scrollbar-base-color: #FFFFFF;  
	scrollbar-dark-shadow-color: #CFCFCF; 
	scrollbar-track-color: #CFCFCF; 
	scrollbar-face-color: #CFCFCF;   
	scrollbar-shadow-color: #CFCFCF; 
	scrollbar-highlight-color: #CFCFCF;
}

/*estos son los estilos para los enlaces, PARA TODOS LOS ENLACES.
De izquierda a derecha son:
	-text-decoration: esto es para que aparezca subrayado o no el link, NO LO TOQUES
	-color: esto es para el color de la letra
	-font-size: esto es para el tamaño de la letra
	-font-family: este es el tipo de letra
	-size: tamaño de la letra
	-font-weight: para poner si es en negrita, cursiva, etc*/

a:link{text-decoration:none; color:#6C701B; font-family:verdana; font-size:9pt; font-weight: bold;}
a:hover{text-decoration:none; color:#0E202E; font-family:verdana; font-size:9pt; }
a:visited{text-decoration:none; color:#6C701B; font-family:verdana; font-size:9pt; font-weight: bold; }
a:active{text-decoration:none; color:#0E202E; font-family:verdana; font-size:9pt; font-weight: bold;}

a.menuSECUNDARIO:link{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#6C701B;}
a.menuSECUNDARIO:hover{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#0E202E;}
a.menuSECUNDARIO:visited{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#6C701B;}
a.menuSECUNDARIO:active{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#0E202E;}

a.menuPRINCIPAL:link{text-decoration:none; color:#FFFFFF; font-family:verdana; font-size:9pt; font-weight: bold; margin-left:12px; margin-right:12px;}
a.menuPRINCIPAL:hover{text-decoration:none; color:#0E202E; font-family:verdana; font-size:9pt; font-weight: bold; margin-left:12px; margin-right:12px;}
a.menuPRINCIPAL:visited{text-decoration:none; color:#FFFFFF; font-family:verdana; font-size:9pt; font-weight: bold; margin-left:12px; margin-right:12px;}
a.menuPRINCIPAL:active{text-decoration:none; color:#0E202E; font-family:verdana; font-size:9pt; font-weight: bold; margin-left:12px; margin-right:12px;}

a.menuabajo:link{text-decoration:none; color:#6C701B; font-family:verdana; font-size:7pt; font-weight: normal;}
a.menuabajo:hover{text-decoration:none; color:#0E202E; font-family:verdana; font-size:7pt; font-weight: normal;}
a.menuabajo:visited{text-decoration:none; color:#6C701B; font-family:verdana; font-size:7pt; font-weight: normal; }
a.menuabajo:active{text-decoration:none; color:#0E202E; font-family:verdana; font-size:7pt; font-weight: normal;}

a.menuCONTROL:link{text-decoration:none; color:#0E202E; font-family:verdana; font-size:8pt; font-weight: normal;}
a.menuCONTROL:hover{text-decoration:none; color:#0E202E; font-family:verdana; font-size:8pt; font-weight: normal;}
a.menuCONTROL:visited{text-decoration:none; color:#0E202E; font-family:verdana; font-size:8pt; font-weight: normal; }
a.menuCONTROL:active{text-decoration:none; color:#0E202E; font-family:verdana; font-size:8pt; font-weight: normal;}

a.menuBUSCAR:link{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#6C701B; text-align:right; margin-right:8px; }
a.menuBUSCAR:hover{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#0E202E; text-align:right; margin-right:8px; }
a.menuBUSCAR:visited{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#6C701B; text-align:right; margin-right:8px; }
a.menuBUSCAR:active{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#0E202E; text-align:right; margin-right:8px; }


/*									
vale, como veo que empiezas a comprender como se crea un css, vamos a pasar al siguiente nivel.
lo de arriba es para los estilos en todos los enlaces, es decir, los estilos por defecto de los enlaces. 
Pero si aun asi quieres crear otros estilos para los enlaces, tienes que hacerlo como en el siguiente ejemplo.
las caracteristicas son las mismas, con la diferencia de que en la etiqueta <a> tienes que escribir class="nombre del estilo"
*/

.tablageneral{
	background-color: #FFFFFF;
	border: 0;
	width:960px;
	margin:auto;
}

.tablageneral2{
	background-color: #FFFFFF;
	border: 0;
	border-spacing: 0;
	border-collapse: 0;
	width:99%;
	margin:auto;
}

.tablaencabezado{
	background-color: #FFFFFF;
	border: 0;
	border-spacing: 0;
	border-collapse: 0;
	width:100%;
	height:67px;
	margin:auto;
}

.tablaiconos{
	width: 950px;
	border: 0;
	border-spacing: 0;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 8pt;
	border-collapse: 0;
	text-align: center;
	margin:auto;
}

.celdaiconos{
	background-color: #0E202E;
	width:100%;

}

.celdaiconos{
	border: 0;
	width:18px;
	height:14px;
	text-align:center;
	}

.celdafecha{
	border:0;
	width:855px;
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	text-align:left;
	margin-left:5px;
}

.tablamenuSECUNDARIO{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	left: auto;
	border-spacing: 0;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
}

.celdasmenuSECUNDARIO{
	border: 0;
	width:0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	background-color: #6C701B;
}

.celdasmenuSECUNDARIO2{
	border: 0;
	width:0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	background-color: #0E202E;
}


.tablamenuPRINCIPAL{ 
    border: 0;
    border-spacing:0;
    width: 100%;
    background-color:#6C701B;
    text-align:center;
}


.rebordeazulvertical{
	border: 0;
	border-spacing: 0;
	width: 5px;
	background: #0E202E;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.rebordeazulhorizontal{
	border: 0;
	border-spacing: 0;
	height:0;
	width: 100%;
	background: #0E202E;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.rebordeazulhorizontal2{
	border: 0;
	border-spacing: 0;
	height:4px;
	width: 958px;
	background: #0E202E;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
}

.tablaflash{
	border: 0;
	border-spacing: 0;
	width: 694px;
	height:154px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: left;
	vertical-align: top;
}

.tablasubmenu{
	border: 0;
	border-spacing: 0;
	width: 694px;
	height:154px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: left;
	vertical-align: top;
}

.celdaimagenSUBMENU{
	border: 0;
	border-spacing: 0;
	width: 462px;
	height: 154px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: right;
	letter-spacing: 0;
	vertical-align: top;
}

.celdaimagenSUBMENUpeq{
	border: 0;
	border-spacing: 0;
	width: 323px;
	height: 154px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: right;
	letter-spacing: 0;
	vertical-align: top;
}

.celdaFRASES{
	border: 0;
	border-spacing: 0;
	width: 160px;
	height: 154px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: right;
	letter-spacing: 0;
	vertical-align: top;
}

.celdaSUBMENUfrases{
	border: 0;
	border-spacing: 0;
	width: 202px;
	height:4px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: left;
	vertical-align: top;
}


.celdaSUBMENU{
	border: 0;
	border-spacing: 0;
	width: 232px;
	height:4px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: left;
	vertical-align: top;
}

.tablaFICHAtitulo{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width:100%;
    float:left;
    }

.celdaFICHA{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 456px;
    vertical-align: top;
    }

.celdaFICHAtitulo{
	text-align: left;
	margin: 0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: #700926;
	padding-bottom: 4px;
	padding-top: 5px;

}

.celdaFICHAvinculo{
	text-align: right;
	margin: 0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 8pt;
    font-weight:normal;
	font-style: normal;
	padding-bottom:15px;
}

.celdaFICHAtexto{
	text-align:justify;
	vertical-align:top;
	margin: 0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9pt;
    font-weight:normal;
	font-style: normal;
	color: #000000;
	width: 77%;
}

.celdaFICHAimagen{
	vertical-align: top;
	margin: 0;
    text-align:center;
	width: 120px;
}


.tablaabajo{
	border: 0;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align:center;
	text-decoration:none;
}

.celdaFORO{
	width: 605px;
	height: 67px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding:0;
	border-collapse:collapse;
	border: none;
}

.celdaESCUELA{
	border: 0;
	width: 95px;
	height: 35px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align:left;
	padding:0;
	border-collapse:collapse;
	border: none;
	}

.celdaFERIAVIRTU{
	border: 0;
	width: 95px;
	height: 32px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding:0;
	border-collapse:collapse;
	border: none;
}

.celdaASEM{
	border: 0;
	width: 215px;
	height: 67px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding:0;
	border-collapse:collapse;
	border: none;
	}

.celdaANUNCIOS {
	border: 0;
	width: 234px;
	height: 78px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	vertical-align:top;
	text-align:right;
	border-collapse:collapse;
	border: none;
	padding: 0;
}

.tablaTEXTO{
	border: 0;
	border-spacing: 0;
	width: 694px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align:left;
	text-decoration:none;
}

.celdaTITULO{
	border: 0;
	text-align: left;
	text-decoration: none;
	color: #6C701B;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 0;
	width: 118px;
	vertical-align: top;
	border-collapse:collapse;
	border: none;
	padding: 0;

	
}

.celdaRECURSOS{
	width:100%;
	height:47px;
	vertical-align: top;
	text-align:left;
	

}
.tablaTITULO2{
	border: 0;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0;
	width: 100px;
	vertical-align: top;
	border-collapse:collapse;
	border: none;
	padding: 0;

}

.celdaTITULOdos{
	border: 0;
	text-align: left;
	text-decoration: none;
	color: #6C701B;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 0;
	width: 150px;
	vertical-align: top;
}

.celdaTEXTO{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width:576px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: left;
}

.celdasubimagenes{
	border: 0;
	line-height: 9px;
	text-align: center;
	text-decoration: none;
	color: #0E202E;
	font-family: verdana;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	width: 100%;
	vertical-align: top;
}

.celdasubimagenes2{
	border: 0;
	line-height: 9px;
	text-align: center;
	text-decoration: none;
	color: #6C701B;
	font-family: verdana;
	font-size: 7pt;
	font-style: bold;
	font-weight: normal;
	letter-spacing: 0;
	width: 100%;
	vertical-align: top;
}


.celdaTEXTOpeq{
	border: 0;
	text-align: left;
	text-decoration: none;
	color: #0E202E;
	font-family: verdana;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
}

.celdasSEPARA{
	border: 0;
	height:4px;
	width:100%;
}

.celdaGENERAL{
	border: 0;
	width: 694px;
	vertical-align:top;
}

.celdaGENERAL2{
	border: 0;
	width: 234px;
	height: 154px;
	vertical-align:top;
}

.celdaBUSCADOR{
	text-align:right;
	width:568px;
	height:15px;
	}
	

/*	ENCABEZADO.asp */

.tablaENCABEZADO_{
	width:959px;
	border-collapse:collapse;
	border: none;
}

.celdaENCABEZADOiconos{
	border-collapse:collapse;
	border: none;
	font-family: verdana;
	width:950px;
	font-size: 8pt;
	color: #FFFFFF;
	text-align:left;
	background-color: #0E202E;
	vertical-align:middle;
	}

.tablaICONOS_{
	width: 950px;
	height:16px;
	border-collapse:collapse;
	border: none;
}

.celdaICONOSfecha{
	width:855px;
	margin-left:5px;
	font-family: verdana;
	color: #FFFFFF;
	text-align:left;
	font-size: 8pt;
	margin-left:10px;
	vertical-align:middle;
}

.celdaICONOSiconos{
	width:18px;
	height:14px;
	text-align:center;
	}


.tablaLOGOS_{
	width:100%;
	height:67px;
	border-collapse:collapse;
	border: none;
	background-color: #FFFFFF;
}

.celdaREBORDEencabezado{
	border-collapse:collapse;
	border: none;
	height:4px;
	width: 958px;
	background: #0E202E;
}

.tablaMENUencabezado{
	border-collapse:collapse;
	border: none;
	width:957px;
	text-align: center;
	background-color:#FFF;
}

.celdaMENUsepara{
	border-collapse:collapse;
	border: none;
	width:2px;
	text-align: center;
	background-color: #6C701B;
}

.celdaENCABEZADObuscador{
	text-align:right;
	width:520px;
	height:15px;
	}

.tablaMENU2encabezado{
	border-collapse:collapse;
	border: none;
	width:100%;
	height: 22px;
	text-align: center;
    background-color:#6C701B;
}

.celdaENCABEZADOsepara{
	border-collapse:collapse;
	border: none;
	height:4px;
	width:100%;
	background-color:#FFF;
}

/* Piepagina.asp */

.celdaPIEPAGINA{
	width:100%;
	vertical-align:top;
	text-align:center;
	
}

.tablaPIEPAGINA{
	width:100%;
	vertical-align:top;
	text-align:center;
	border: none;
	border-collapse:collapse;
}

.celdaPIEPAGINAlegal{
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
}

.celdaPIEPAGINAdireccion{
	vertical-align:middle;
	text-align:center;
}

.celdaPIEPAGINAferiaonline{
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
