/* *
 * Bienvenido a la hoja de estilos para FCK 
 * Los estilos pueden ser utilizados de manera genérica y contarán con una descripción
 * */
 
/* FORMATO DE LA PAGINA */

 /* El formato de la página consiste en los márgenes, este estilo tiene 0 de margen */
 body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #000000;
}

 /* El formato para los nombres de estilo es .nombre_tamaño */

/* TITULARES */

 /* Este estilo sirve es para Titulares: tipo de letra Arial, tamaño 24, negrilla, color negro */
.titulo_24 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

 /* Este estilo sirve es para Titulares: tipo de letra Arial, tamaño 20, negrilla, color negro */
.titulo_20 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
 
 /* Este estilo sirve es para Titulares: tipo de letra Arial, tamaño 18, negrilla, color negro */
.titulo_18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

 /* Este estilo sirve es para Titulares: tipo de letra Arial, tamaño 16, negrilla, color negro */
.titulo_16 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FF0000;
}

 /* Este estilo sirve es para Titulares: tipo de letra Arial, tamaño 14, negrilla, color negro */
.titulo_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

 /* Este estilo sirve es para Titulares: tipo de letra Arial, tamaño 12, negrilla, color negro */
.titulo_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/* TEXTOS */

 /* Este estilo sirve es para Textos: tipo de letra Arial, tamaño 14, color negro */
.text_14 {
	font: italic normal 14px Arial, Helvetica, sans-serif;
	color: #000066;
}

 /* Estos estilos sirven para Textos: tipo de letra Arial, tamaño 12, varios colores */
.text_12 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000066;
}
.text_12-2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #006600;
}
.text_12-3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FF0000;
}


 /* Este estilo sirve es para Textos: tipo de letra Arial, tamaño 10, color negro */
.text_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* PIES DE PAGINA */

 /* Este estilo sirve es para Pies de página: tipo de letra Arial, tamaño 18, negrilla, color negro */
.pie_18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

 /* Este estilo sirve es para Pies de página: tipo de letra Arial, tamaño 16, negrilla, color negro */
.pie_16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

 /* Este estilo sirve es para Pies de página: tipo de letra Arial, tamaño 14, negrilla, color negro */
.pie14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

 /* Este estilo sirve es para Pies de página: tipo de letra Arial, tamaño 12, negrilla, color blanco, cuenta con posibilidad de tener enlace */
.pie12 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.pie12 a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.pie12 a:hover{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}



/* ENLACES */

 /* Este estilo sirve es para Enlaces: tipo de letra Arial, tamaño 12, color negro */
.enlaces {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
 /* Este estilo sirve es para Enlaces: tipo de letra Arial, tamaño 12, color negro, cuando el texto esta enlazado */
.enlaces a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
 /* Este estilo sirve es para Enlaces: tipo de letra Arial, tamaño 12, color negro, cuando pasa el mouse se subraya */
.enlaces a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

 /* Este estilo sirve es para Enlaces o Menus: tipo de letra Arial, tamaño 12, color blanco, con padding de 30 pixeles */
.enlaces2 {
	font: bold 12px "Comic Sans MS";
	color: #FFFFFF;
	padding-left: 30px;
}
 /* Este estilo sirve es para Enlaces o Menus: tipo de letra Arial, tamaño 12, color blanco, con padding de 30 pixeles, cuando el texto esta enlazado */
.enlaces2 a {
	font: bold 12px "Comic Sans MS";
	color: #FFFFFF;
	padding-left: 0px;
	text-decoration: none;
}
 /* Este estilo sirve es para Enlaces o Menus: tipo de letra Arial, tamaño 12, color blanco, con padding de 30 pixeles, cuando pasa el mouse */
.enlaces2 a:hover {
	font: bold 12px "Comic Sans MS";
	color: #FFFFFF;
	padding-left: 0px;
	text-decoration: none;
}

 /* Este estilo sirve es para Enlaces: tipo de letra Arial, tamaño 12, color negro */
.enlace_tabla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
 /* Este estilo sirve es para Enlaces: tipo de letra Arial, tamaño 12, color negro, cuando el texto esta enlazado cambia su color de fondo*/

.enlace_tabla a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	width: 100%;
}
 /* Este estilo sirve es para Enlaces: tipo de letra Arial, tamaño 12, color negro, cuando el texto esta enlazado cambia su color de fondo mas oscuro*/
.enlace_tabla a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	width: 100%;
}


/* BORDES DE TABLA */

 /* Este estilo sirve es para dar forma a las tablas: un borde grueso color negro */
.borde_tabla {
	border: ridge #000000;
}

 /* Este estilo sirve es para dar forma a las tablas: un fondo y borde de color negro  */
.background_borde_tabla {
	background-color: #CCCCCC;
	border: thin solid #000000;
}

 /* Este estilo sirve es para dar forma a las tablas: un fondo de color negro */
.background_tabla {
	background-color: #CCCCCC;
	border: #000000;
}

 /* Este estilo sirve es para dar forma a las tablas: un margen de doble linea negro */
.tabla_margen_doble {
	border: double #000000;
}

 /* Este estilo sirve es para dar forma a las tablas: un margen punteado negro */
.tabla_margen_dotted {
	border: dotted #000000;
}


/* VIÑETAS, LISTAS ORDENADAS */

 /* Este estilo sirve es para las listas: un circulo blanco con borde negro */
.viñeta_circular {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	list-style-type: circle;
	list-style-position: outside;
}

 /* Este estilo sirve es para las listas: un cuadrado negro */
.viñeta_cuadrada {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	list-style-type: square;
	list-style-position: outside;
}

/* FORMULARIOS */

 /* Este estilo sirve es para los textos que escriben los usuarios en los formularios: tipo de letra Arial, tamaño 12, color negro */
.text_field_area_boton_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

 /* Este estilo sirve es para los textos que escriben los usuarios en los formularios: tipo de letra Arial, tamaño 12, color negro, con color de fondo */
.text_field_area_boton_background_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;
}

/* BORDES DE IMAGEN */

 /* Este estilo sirve es para dar formato a los bordes de las imágenes: borde de color negro */
.borde_imagen {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #000000;
}

 /* Este estilo sirve es para dar formato a los bordes de las imágenes: borde de color negro doble */
.imagen_margen_doble {
	border: double #000000;
}

 /* Este estilo sirve es para dar formato a los bordes de las imágenes: borde de color negro punteado */
.imagen_margen_dotted {
	border: dotted #000000;
}

/* FOONDOS DE PANTALLA */

.fondo_menu {
	background: url(images/bg_menu.jpg) no-repeat top;
}
.fondo_text1 {

	background: url(images/bg_noticias.jpg) no-repeat right top;
}
.fondo_text2 {
	background-image: url(images/bg_destinos.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.fondo_pie {
	background-image: url(images/bg_pie.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.fondo_menu_int {

	background: url(images/bg_menu2.jpg) no-repeat top;
}