@charset "utf-8";
/* 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 {
color:#0c3f76;
font-weight:bold;
}

a:visited {
color:#0c3f76;
font-weight:bold;
}

a:hover {
color:#2fadfa;
font-weight:bold;
}

.inputbox{
border:1px solid #2fadfa;
}

.button{
  color:#ffffff;
  background-color:#30aaf7;
  border:1px solid #2cf8f9;
  font-weight:bold;
  text-transform: uppercase;
  }


.button:hover{
  color:#ffffff;
  background-color:#114376;
  border:1px solid #31abf8;
  font-weight:bold;
  text-transform: uppercase;
  }
  
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: 12px;
font-family: Arial, Sans-Serif, Tahoma, Verdana; 
font-weight:normal;
padding:0px;
margin:0px;
color: #000000;
text-align:left;
background-color:#ffffff;
background-image: url("https://scontent-b-iad.xx.fbcdn.net/hphotos-xpf1/t31.0-8/10258523_907693859256102_3841384427142123830_o.jpg");
background-position:center top;
background-attachment:fixed;
}

#header{
width: 100%;
height:199px;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
background-image: url("../images/header.png");
background-position:center top;
background-repeat:no-repeat;
} 

#contenedorheader{
width: 980px;
height:auto;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
} 

#redessociales{
width: 980px;
height:40px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
} 

#redessociales2{
width: 246px;
height:30px;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
margin-top:8px;
} 

.facebook{
width: 123px;
height:30px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/face.png");
background-position:center top;
background-repeat:no-repeat;
} 

.twitter{
width: 123px;
height:30px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/twitter.png");
background-position:center top;
background-repeat:no-repeat;
} 


.facebook:hover{
width: 123px;
height:30px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/facesobre.png");
background-position:center top;
background-repeat:no-repeat;
} 

.twitter:hover{
width: 123px;
height:30px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/twittersobre.png");
background-position:center top;
background-repeat:no-repeat;
} 


#menu{
width: 980px;
height:75px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
margin-top:2px;
} 

#menu2{
width: 720px;
height:64px;
margin:0px;
padding:0px;
text-align:left;
display:inline;
float:right;
} 

#search{
width: 980px;
height:50px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
margin-top:2px;
} 

#search2{
width: auto;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
margin-right:36px;
margin-top:15px;
} 

#search2 #inputString.inputbox{
border:none;
background-color:transparent;
font-size:12px;
} 


#contenedormayor{
width: 980px;
height:auto;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
} 

#contenedormenor{
width: 980px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
} 

#colizquierda{
width: 711px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
}

#latestresults{
width: 711px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;  
}

#latestresults h3{
text-transform:uppercase;
font-size:20px;
font-weight:normal;
color:#ffffff;
background-image: url("../images/lineabottom.jpg");
background-position:center bottom;
background-repeat:no-repeat;
padding-bottom:6px;
margin-bottom:-3px;
margin-top:0px;
}

#latestnews{
width: 711px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
}

#latestnews h3{
text-transform:uppercase;
font-size:20px;
font-weight:normal;
color:#ffffff;
background-image: url("../images/lineabottom.jpg");
background-position:center bottom;
background-repeat:no-repeat;
padding-bottom:6px;
margin-bottom:-3px;
margin-top:0px;
}

#latestnews .nspTopInterface{
padding-top:3px;
padding-bottom:0px;
}

#latestnews2 .moduletable .nspArtPage .nspArt{
height:263px;
margin-bottom:18px;
background-image: url("../images/flatestnews.png");
color:#ffffff;
}

#latestnews .nspText{
width:670px;
}

#latestnews .nspImage{
border:10px solid #31adf7;
margin-left:20px;
}


#latestnews .nspArt h4 a{
color:#f1f407;
font-size:20px;
font-family: Arial, Sans-Serif, Tahoma, Verdana; 
font-weight:normal;
margin-left:13px;
background-image: url("../images/flechatitulo.png");
background-position:left center;
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:5px;
padding-left:50px;
}

#latestnews .nspInfo{
font-size:2px;
font-family: Arial, Sans-Serif, Tahoma, Verdana; 
font-weight:normal;
margin-left:20px;
font-style:italic;
color:#134578;
}

#latestnews .readon{
color:#ffffff;
font-size:12px;
font-family: Arial, Sans-Serif, Tahoma, Verdana; 
font-weight:bold;
background-image: url("../images/freadmore.png");
background-position:left center;
background-repeat:no-repeat;
padding-left:25px;
padding-right:100px;
padding-top:15px;
padding-bottom:14px;
text-transform:uppercase;
margin-left:-29px;
text-decoration:none;
}

#latestnews .readon:hover{
color:#ffffff;
font-size:12px;
font-family: Arial, Sans-Serif, Tahoma, Verdana; 
font-weight:bold;
background-image: url("../images/freadmoresobre.png");
background-position:left center;
background-repeat:no-repeat;
padding-left:25px;
padding-right:100px;
padding-top:15px;
padding-bottom:14px;
text-transform:uppercase;
margin-left:-29px;
text-decoration:none;
}


#latestnews .nspLinks{
background-image: url("../images/fmaintop.png");
background-position:left top;
background-repeat:no-repeat;
padding-left:25px;
padding-right:25px;
padding-top:6px;
padding-bottom:26px;
}

#main{
width: 725px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/fmaintop.png");
background-position:center top;
background-repeat:no-repeat;
padding-bottom:20px;
}

#main .item-page{
padding-left:25px;
padding-right:25px;
padding-top:6px;
padding-bottom:26px;
}

#main .gallery{
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:25px;
}

#main .blog{
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:25px;
}

#main .search{
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:25px;
}

#main .contact{
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:25px;
}


#main .ev_navigation{
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:25px;
}

#main ul.actions{
margin-right:25px;
}

#main h2.contentheading{
margin-left:25px;
margin-right:25px;
}

#latestnews .nspLinks h4 a{
font-size:18px;
font-weight:normal;
color:#0c3f76;
padding-bottom:6px;
margin-bottom:-3px;
margin-top:0px;
}

#latestnews .nspLinks h4 a:hover{
font-size:18px;
font-weight:normal;
color:#3366FF;
padding-bottom:6px;
margin-bottom:-3px;
margin-top:0px;
}

#latestnews .nspLinks h4{
background-image: url("../images/puntitos.png");
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:6px;
}

#main2 h2{
font-size:20px;
font-family: Arial, Sans-Serif, Tahoma, Verdana; 
font-weight:normal;
padding-bottom:5px;
background-image: url("../images/puntitos.png");
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:6px;
}

#main2 .item{
width:100%;
float:left;
}

#main2 img{
border:none;
}

#main2 h2 a{
color:#0c3f76;
font-size:20px;
text-decoration:none;
}

#main2 h2 a:hover{
color:#2fadfa;
font-size:20px;
text-decoration:none;
}

#colderecha{
width: 250px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
} 

#banner{
width: 250px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
margin-bottom:7px;
} 

#banner2 .bannergroup img{
border:none;
} 

#nextevents{
width: 250px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/nextevents.png");
background-position:center top;
background-repeat:no-repeat;
margin-top:13px;
} 

#nextevents .moduletable{
width: 230px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
margin-top:80px;
margin-left:11px;
} 

#nexteventsbottom{
width: 250px;
height:65px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/nexteventsbottom.png");
background-position:center top;
background-repeat:no-repeat;
margin-bottom:7px;
} 

#lastalbumtop{
width: 250px;
height:60px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/lastalbumtop.png");
background-position:center top;
background-repeat:no-repeat;
}

#lastalbum{
width: 250px;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/lastalbumbottom.png");
background-position:center bottom;
background-repeat:no-repeat;
padding-bottom:38px;
padding-top:6px;
}

#lastalbum .moduletable{
margin-left:1px;
}

#lastalbum .moduletable .slideshow{
border:1px solid #92d6ff;
}

#bottom{
width: 980px;
height:65px;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
background-image: url("../images/lineabottom.jpg");
background-position:center top;
background-repeat:no-repeat;
margin-top:25px;
} 

#bottom2{
width: auto;
height:auto;
margin:0px;
padding:0px;
text-align:left;
float:left;
display:inline;
margin-top:14px;
line-height:19px;
} 

#main2 .blog .pagination li{
list-style:none;
floaT:left;
}

#main2 .blog .pagination li .pagenav{
padding-right:8px;
padding-bottom:30px;
}

#main2 .blog{}


#main2 .item-page ul.pagenav li{
list-style:none;
floaT:left;
padding-right:10px;
padding-bottom:20px;
}

#main2 .item-page ul{
list-style:none;
floaT:left;
width:100%;
}

#jevents_body.contentpaneopen{
margin-left:25px;
padding-bottom:30px;
}

#jevents_body.contentpaneopen #cal_title{
font-size:17px;
color:#30aaf4;
}


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