/* CSS Document */
/* CSS ESTANDAR PARA MAMBO 4.5.X PLANTILLAS */
/* Por Dinh Viet Hung (C) http://www.joomlart.com: Plantillas Gratis y Club 
profesional de plantillas */
 
 
/* AJUSTES POR DEFECTO */ 
/* Abajo puedes observar los ajustes que trae por defecto Mambo y que son usados 
cuando ningún otro estilo ha sido definido.*/
 
body {}/* Estilo para la etiqueta del body de su sitio Web, controla la familia 
fonts de su página, el background, etc.*/
p {} /*formateo de todos los artículos con <div> (division).  Esto es un cath-all 
que sólo se aplica cuando ningún otro 
estilo ha sido definido.*/
td {} /*formateo de todos los artículos con la etiqueta <td>. Este ajuste por defecto 
es usado cuando ningún otro 
estilo ha sido definido.*/
tr {} /*formateo de todos los artículos con la etiqueta <tr>.  Este ajuste por defecto 
es usado cuando ningún otro 
estilo ha sido definido.*/
ul {} /*formateo de todos los artículos (lista no solicitada) con la etiqueta <UL>. 
Este ajuste por defecto es usado
 cuando ningún otro estilo ha sido definido.*/
A:link {} /* Estilo General de los enlaces*/
a:visited {}
a:hover {}
hr {} /* Línea horizontal en su plantilla*/
hr.separator {}
 
/* AJUSTES DE FORMAS */ 
.button {}
.inputbox {}
.search {} /*El Formateo de <div> que sostiene artículos de búsqueda: inputbox, 
botón search...*/
 
 
/* NAVIGACION/AJUSTES DEL MENU */
 
a.mainlevel{} /* Este estilo aplica para los elementos del MAIN en el menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
 
#active_menu {} /* Este estilo es para el elemento del menú cuando este está ACTIVO, 
hasta en una subposición 
en el main*/
 
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
a.sublevel{} /* Esta estilización es para elementos del menu que tienen a un PADRE 
(elemento subnivel) */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.pagenavbar {} /*Coloca el estilo para la navegación en el footer (pie de página) 
("<< Start < Prev Next > End >>") 
cuando ellos no aparecen como hipervínculos (cuando solo existan unos artículos).*/
.pagenavbar:link {} /*Estilo para el footer de  navegación; pie de página 
("<< Start < Prev Next > End >>") cuando 
ellos hacen de hyper enlaces */
.pagenavbar:visited {}
 
.pagenav {} /* es el nombre implicado, esto es para formatear textos para aquellos 
"<< Start < Previous 1 Next > End >>" 
enlaces */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Estilo para el "Read More" (Leer Más?) Es el enlace que despliega 
en una página nueva los 
contenidos extensos de los artículos */
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Estilo para el botón ?Atrás?("BACK" button)*/
.pagenav_prev {} /*Estilo para el  botón PREV*/
.pagenav_next {} /*Estilo para el botón NEXT*/
 
.latestnews ul {} /*Estilo para la lista de las últimas noticias (latest news) ? por defecto, 
latest news es 
el modulo user1.*/
.latestnews li {}
 
.mostread ul{} /*Estilo para la lista de ?más visto? ? por defecto, más visto (most popular)
 es el modulo user2*/
.mostread li{}
 
/* AJUSTE DE PAGINA REFERENTE A LOS CONTENIDOS*/
a.Category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formateo de los enlaces en Blog Section */
.blog_more {} /*El "Más" (More) texto en blog section*/
a.blogsection:link {} /* Pone el formato del enlace*/
a.blogsection:visited {} /* mismo como encima, para poner el formato del enlace visitado*/
a.blogsection:hover {} /* mismo como encima, para poner el formato a los enlaces cuando 
el puntero del 
mouse pase sobre este*/
 
.componentheading {}/* Título del componente usado para desplegar el contenido.*/
.contentheading {} /* Título del contenido, artículo, etc. para ser mostrado.*/
.contentpane {} /* Tabla que sostiene toda la información que no son artículos 
(componentes, lista de 
categorías, formularios de contacto, etc).*/
.contentpaneopen {} /* Tabla que sostiene el texto actual para un artículo.*/
.contentpagetitle {} /*Título de los artículos*/
 
a.contentpagetitle:hover {} /*Título de los artículos cuando aparecen como enlaces */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formateo de la "DESCRIPCION" de secciones, categorías 
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formatea la tabla, de las tablas de contenidos para páginas 
múltiples de contenido o artículos */
table.contenttoc td {} /* mismo como encima, usado para formatear el td y la tabla, 
como celdas */
table.contenttoc th {} /* mismo como encima, usado para formatear el  th de 
"Tablas de Contenido" ( Artículos normales del Index)*/
table.contenttoc td.toclink {} /* mismo como encima, usado para formatear 
texto toc link texts*/
a.toclink:link {} /* mismo como encima, usado para formatear el estado del
 texto enlazado (toc link text status)*/
a.toclink:visited {} 
a.toclink:hover {} 
 
/* LISTADO DE SECCIONES MAMBO */
.sectiontableheader {} /* Esto es para estilizar la cabecera de las tables 
de la sección en una SECTION'es de la página.
  Ejemplo: cabecera de la tabla "Date" (fecha), "Item Title" (
  título del artículo), "Author"(autor)   y "Hits" (vistas)*/
.sectiontableentry1 {} 
.sectiontableentry2 {}
 
 
/* FROMATEO DE LOS MODULOS DE MAMBO */
table.moduletable {} /* Formateo de la tabla del modulo */
table.moduletable th {} /* Formateo de la cabecera del modulo, 
y el título del modulo */
table.moduletable td {} /* Formateo de las celdas de la tabla, 
en la tabla del modulo */
 
 
/* MISCELANEOS */
 
/* Fechas , Autores*/
.createdate {} /* Para estilizar la fecha de creación del contenido /artículos, 
mostrado bajo 
el título del contenido */
.modifydate {} /* Formateo del texto "Last updated on" (?Ultima actualización en?)
 al final de los artículos/contenidos */
.small {} /* Formateo del texto "Written by:...." (Escrito por: ...)*/
.smalldark {}/*Encontrado en página de resultados de encuesta, para el 
formateo del texto 
" Number of Voters".. (Número de votos) */ 
/* Encuestas */
.poll {} /* formato del td de la tabla de encuesta */
.pollstableborder {} /* pone las propiedades del borde en la tabla de la
encuesta de votación */
 
 
/* Enlaces del Sitio */
.weblinks{} /* Para formatear los títulos enlazados bajo el "Weblinks" 
  Sección en el Frontend */
a.weblinks:hover {} /* mismo como encima, para los enlaces con el mouse 
encima del enlace */
 
/* Newsfeeds */
.newsfeedheading {} /* El título del Newsfeed. NOTA: Este no afectará el 
título de noticias del newsfeed! */
.newsfeeddate {} /* La fecha en la newsfeed */
.fase4rdf {} /* Esto es el cuerpo del texto de la newsfeed */
 
/* Buscar página */
table.searchintro {} /* Esto es para formatear la caja cuando "Buscar 
palabra: la prueba devuelve 4 tiempos" la caja que aparece después de que
 usted ha insertado un valor de búsqueda. Aparece en el mainbody con los 
resultados de búsqueda */
 
 
/* MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* El CSS de abajo define como el frontend la interface de administración 
cuando ha entrado al sistema */
 
.ontab {}/* Para estilizar los botones "Tab" (etiqueta) cuando sean editados
 los contenidos a través del front end como en la aministración. 
Este .ontab es la estilización para la etiqueta tab cuando esta esté activa o 
después de "pulsarse" */
.offtab {} /* mismo como encima,  usado para estilizar los botnoes de etiqueta
 "Tab" cuando sean editados los contenidos a través del frontend. 
Esta es la estilización para la etiqueta tab cuando esta sea ?No active? o 
cuando esta  no sea ?Pulsada? */
.tabpadding {} /* este estilo es usado poniendo el tamaño de la etiqueta en 
el susodicho*/ 
.tabheading {} /* No estoy seguro para cuando es usado. No he logrado encontrar 
nada relacionado con esto 
hasta el momento. */
.pagetext {} /* Este estilo es usado para estilizar el contenido de la edición 
de formas de contenido (cuando HTMLArea se instala y en todas sus formas + contenidos)
 en el frontend e Interface de Administración */
 
 
/*  ---------------BODY------------------- */ 

body{
font-size: 11px;
font-family: Sans-Serif, Tahoma, Arial, Verdana; 
font-weight:normal;
padding:0px;
margin:0px;
color: #ffffff;
background-color:#3e3e40;
background-image: url("../images/bg_fenec.jpg");
background-position:top left;
background-repeat:repeat-x;
text-align:center;
}

#contenedor{
width: 935px;
height:auto;
margin:0px auto 0px auto;
padding:0px;
clear:both;
text-align:left;
}

#contenedormenor{
width: 935px;
height:auto;
float:left;
display:inline;
}

#logofenec{
width: 935px;
height:206px;
float:left;
display:inline;
background-image: url("../images/logo_fenec.jpg");
background-position:center top;
background-repeat:no-repeat;
}


#menu{
width: 935px;
height:30px;
float:left;
display:inline;
}

#main{
width: 935px;
height:auto;
float:left;
display:inline;
margin-top:50px;
}



#bottom{
width: 935px;
height:auto;
float:left;
display:inline;
margin-top:35px;
}

#bottommenu{
width: 935px;
height:20px;
text-align:center;
}

#bottommenu table.moduletable{
width: 935px;
height:auto;
text-align:center;
}

#bottommenu td{
text-align:center;
}

#bottommenu a.mainlevel-nav{
color:#686868;
margin-left:6px;
margin-right:6px;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#bottommenu a.mainlevel-nav:visited{
color:#686868;
margin-left:6px;
margin-right:6px;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#bottommenu a.mainlevel-nav:hover{
color:#b7b7b7;
margin-left:6px;
margin-right:6px;
text-decoration:none;
font-size:12px;
font-weight:bold;
}


#copyright{
width: 935px;
height:auto;
float:left;
display:inline;
text-align:center;
margin-top:5px;
padding-bottom:35px;
}

.contenedor_illustration{
width:935px;
height:auto;
float:left;
display:inline;
}

.illustration{
width:935px;
height:370px;
margin-left:0px;
float:left;
display:inline;
margin-top:10px;
padding-bottom:10px;
}

.imagen{
width:713px;
height:370px;
float:left;
display:inline;
}

.textos{
width:222px;
height:370px;
float:left;
display:inline;
background-color:#181818;
background-image: url("../images/fcontent2.jpg");
background-position:center bottom;
background-repeat:repeat-x;
}

.tituloimagen{
color:#ee1915;
margin-top:315px;
float:left;
display:inline;
width:190px;
margin-left:11px;
font-size:11px;
}

.aclaracion{
color:#ffffff;
font-size:10px;
float:left;
display:inline;
margin-left:10px;
}

.pagenavcounter{
font-size:1px;
color:#212123;
}

.pagenavbar{
color:#7f7f7f;
font-size:10px;
float:left;
margin-left:48px;
text-decoration:none;
}

#main #paginador_superior a:link{
color:#ffffff;
font-size:10px;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}

#main #paginador_superior a:visited{
color:#ffffff;
font-size:10px;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}

#main #paginador_superior a:hover{
background-color:#929292;
color:#ffffff;
font-size:10px;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}

#paginador_superior{
float:left;
display:inline;
height:15px;
margin-bottom:0px;
}

#paginador_inferior{
float:left;
display:inline;
height:15px;
margin-top:0px;
}

#main #paginador_inferior table a:link{
color:#ffffff;
font-size:10px;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}

#main #paginador_inferior table a:visited{
color:#ffffff;
font-size:10px;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}


#main #paginador_inferior table a:hover{
background-color:#929292;
color:#ffffff;
font-size:10px;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}

.contenedor_webs{
width:935px;
height:auto;
float:left;
display:inline;
display:inline;
margin-top:10px;
margin-top:10px;
}

.webs{
margin-left:5px;
margin-right:5px;
margin-bottom:25px;
float:left;
display:inline;
width:300px;
padding:0px;
background-color:#1b1b1b;
}

.textosweb{
padding-bottom:5px;
padding-top:6px;
padding-left:8px;
height:29px;
margin-top:0px;
//margin-top:-3px;
background-image: url("../images/fcontent1.jpg");
background-position:top left;
background-repeat:repeat-x;
}

.tituloimagenweb{
color:#ff0101;
font-size:11px;
}


#emailForm{
margin-top:-40px;
}


#emailForm .inputbox{
border:1px solid #ff0101;
margin-top:6px;
margin-bottom:10px;
background-color:#000000;
color:#ffffff;
font-size: 11px;
font-family: Sans-Serif, Tahoma, Arial, Verdana; 
font-weight:normal;
}

#emailForm .button{
border:none;
margin-top:6px;
margin-bottom:10px;
background-color:#ff0101;
color:#ffffff;
font-size: 11px;
font-family: Sans-Serif, Tahoma, Arial, Verdana; 
font-weight:bold;
}

#emailForm .button:hover{
border:none;
margin-top:6px;
margin-bottom:10px;
background-color:#000000;
color:#ffffff;
font-size: 11px;
font-family: Sans-Serif, Tahoma, Arial, Verdana; 
font-weight:bold;
}

#contact_name.inputbox{
width:300px;
}

#contact_email.inputbox{
width:300px;
}

#contact_subject.inputbox{
width:300px;
}

#contact_text.inputbox{
width:300px;
}

table.contentpanecontact{
margin-left:180px;
width:500px;
}

table.contentpanecontact td{
font-size:11px;
}

td.contactname
{
 color:red;
}

.imagenweb img{
border:none;
}

.imagen img{
border:none;
}


.aclaracionweb{
color:#ffffff;
text-decoration:none;
}

a{
text-decoration:none;
}


/* Fecha de elaboración: 18/12/2005 
/* Traducción Proyecto Hispano
/* Aportación Alicante
/* CSS Document */