/* *
 * 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;
}

 /* 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 15px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}
.titulo_16 a{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}
.titulo_16 a:hover{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}

 /* 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: #666666;
}

 /* 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: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.titulo_12 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.titulo_12 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* 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: 13px/34px "Arial Narrow";
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}
.text_12 a{
	font: 13px/34px "Arial Narrow";
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}
.text_12 a:hover{
	font: 13px/34px "Arial Narrow";
	text-decoration: underline;
	color: #FFFFFF;
	text-align: center;
}
.text_12-2 {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
}
.text_12-3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003366;
}


 /* 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: 9px;
	color: #000000;
}
.text_10 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.text_10 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

/* 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 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
 /* 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: #000000;
	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: #000000;
	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 */
.enlaces2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	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 Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 30px;
	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 Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 30px;
	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-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


/* 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;
}
/* FOTOS FLOTANTES*/
.float_foto {
	float: left;
	z-index: 1;
	/*height: 60px;
	width: 60px;    eliminado para q no cambie por defecto el tamaño de la foto*/
	position: relative;
	left: 0px;
	top: 0px;
	visibility: visible;
	right: auto;
	bottom: auto;
	padding: 5px;
}.float_foto2 {

	float: left;
	z-index: 1;
/*	height: 200px;
	width: 200px; eliminado para q no cambie por defecto el tamaño de la foto*/
	position: relative;
	left: 0px;
	top: 0px;
	visibility: visible;
	right: auto;
	bottom: auto;
	padding: 5px;
}