/* 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:#00b4fe;
text-decoration:none;
} /* Estilo General de los enlaces*/

a:visited {
color:#00b4fe;
text-decoration:none;
}

a:hover {
color:#00b4fe;
text-decoration:underline;
}
hr {} /* L?nea horizontal en su plantilla*/
hr.separator {}
 
/* AJUSTES DE FORMAS */ 

.button {
font-size:11px;
color:#ffffff;
background-color:#2791b9;
border:1px solid #ffffff;
}

.button:hover {
font-size:11px;
color:#ffffff;
background-color:#00b4fe;
border:1px solid #ffffff;
}

.inputbox {
border:1px solid #00b4fe;
}

.search {} /*El Formateo de <div> que sostiene art?culos de b?squeda: inputbox, 
bot?n search...*/
 
 
/* NAVIGACION/AJUSTES DEL MENU */
 
a.mainlevelmm{
width:134px;
height:21px;
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
padding-left:3px;
//padding-top:7px;
padding-top:5px;
padding-right:3px;
color:#0070ba;
background-color:#f2f2f2;
font-size:16px;
text-decoration:none;
text-align:center;
font-weight:bold;
background-image: url("../images/fmenusup.jpg");
background-position: top center;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif, Verdana;
} /* Este estilo aplica para los elementos del MAIN en el menu */


a.mainlevelmm:link {
width:134px;
height:21px;
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
padding-left:3px;
//padding-top:7px;
padding-top:5px;
padding-right:3px;
color:#0070ba;
background-color:#f2f2f2;
font-size:16px;
text-decoration:none;
text-align:center;
font-weight:bold;
background-image: url("../images/fmenusup.jpg");
background-position: top center;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif, Verdana;
}

a.mainlevelmm:visited {
width:134px;
height:21px;
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
padding-left:3px;
//padding-top:7px;
padding-top:5px;
padding-right:3px;
color:#0070ba;
background-color:#f2f2f2;
font-size:16px;
text-decoration:none;
text-align:center;
font-weight:bold;
background-image: url("../images/fmenusup.jpg");
background-position: top center;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif, Verdana;
}

a.mainlevelmm:hover {
width:134px;
height:21px;
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
padding-left:3px;
//padding-top:7px;
padding-top:5px;
padding-right:3px;
color:#073a5c;
background-color:#f2f2f2;
font-size:16px;
text-decoration:none;
text-align:center;
font-weight:bold;
background-image: url("../images/fmenusup.jpg");
background-position: top center;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif, Verdana;
}
 
#active_menumm {
width:134px;
height:21px;
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
padding-left:3px;
//padding-top:7px;
padding-top:5px;
padding-right:3px;
color:#073a5c;
background-color:#f2f2f2;
font-size:16px;
text-decoration:none;
text-align:center;
font-weight:bold;
background-image: url("../images/fmenusup.jpg");
background-position: top center;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif, Verdana;
} /* 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 {
padding-top:8px;
padding-bottom:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
color:#0080a2;
line-height:29px;
}/* T?tulo del componente usado para desplegar el contenido.*/

.contentheading {
padding-top:8px;
padding-bottom:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
color:#0080a2;
line-height:29px;
} /* 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 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
} /* 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-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 18px;
padding:0px;
margin:0px;
background-color:#ffffff;
text-align:center;
background-image: url("../images/bg.jpg");
background-position: top center;
background-repeat: repeat-x;
}

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

#header{
width: 998px;
height:90px;
margin:0px;
padding:0px;
text-align:left;
background-image: url("../images/header.jpg");
background-position: top left;
background-repeat: no-repeat;
}

#header2{
width: 770px;
height:90px;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
}

#fila1{
width: 770px;
height:25px;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
}

#menutop{
width:300px;
height:25px;
margin:0px;
padding:0px;
text-align:right;
float:right;





display:inline;
}

#menutop .moduletable{
width:auto;
margin-right:50px;
margin-top:6px;
}


#menutop a.mainlevel{
color:#4e4e4e;
font-size:10px;
}

#menutop a.mainlevel:visited{
color:#4e4e4e;
font-size:10px;
}


#menutop a.mainlevel:hover{
color:#000000;
font-size:10px;
}


#search{
width: 160px;
height:25px;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
margin-right:15px;
}

#search2.moduletable{
}

#search2 #mod_search_searchword.inputbox{
width:130px;
font-size:11px;
border:none;
background:transparent;
margin-left:8px;
margin-top:8px;
}

#menu{
width: 770px;
height:30px;
margin:0px;
padding:0px;
text-align:left;
float:right;
display:inline;
margin-top:15px;
}

#menu #menu.ddmx a{
margin:0px;
padding:0px;
}

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

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

#photoheader2 .moduletable img{
border:none;
}
#right_inner .moduletable img{
border:none;
}

#sombra{
width: 998px;
height:17px;
margin:0px;
padding:0px;
text-align:left;
background-image: url("../images/sombra.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-color:#FFFFFF;
}

#contenedormenor{
width: 998px;
height:auto;
margin:0px;
padding:0px;
float:left;
displaY:inline;
text-align:left;
}

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

#right_inner .moduletable{
width: 210px;
height:auto;
background-image: url("../images/divisor.jpg");
background-position: bottom left;
background-repeat:repeat-x;
padding-bottom:15px;
margin-bottom:20px;
}


#right_inner .moduletable h3{
color:#6b6c6c;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-size: 15px;
font-weight:normal;
padding-bottom:2px;
border-bottom:1px solid #dfdfdf;
}

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

#columnaizq #menuleft h3{
font-size:18px;
color:#666666;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-weight:bold;
}

#menuleft{
position:relative;
margin-top:6px;
float:left;
}

#left_inner .moduletable{
width: 198px;
margin:0px;
padding:0px;
float:left;
display:inline;
text-align:left;
margin-right:10px;
}

#left_inner a.mainlevel-nav{
width: 180px;
float:left;
display:inline;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf;
font-size:11px;
color:#007baf;
padding-left:13px;
background-image: url("../images/flechitamenu.gif");
background-position: center left;
background-repeat:no-repeat;
}

#left_inner a.mainlevel-nav:hover{
width: 180px;
float:left;
display:inline;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf;
font-size:11px;
color:#007baf;
padding-left:13px;
background-image: url("../images/flechitamenu.gif");
background-position: center left;
background-repeat:no-repeat;
text-decoration:underline;
}

a#active_menu-nav.mainlevel-nav{
width: 180px;
float:left;
display:inline;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf;
font-size:11px;
color:#007baf;
padding-left:13px;
background-image: url("../images/flechaabajo.gif");
background-position: center left;
background-repeat:no-repeat;
background-color:#d4f1fc;
}

a#active_menu-nav.mainlevel-nav:hover{
width: 180px;
float:left;
display:inline;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf;
font-size:11px;
color:#007baf;
padding-left:13px;
background-image: url("../images/flechaabajo.gif");
background-position: center left;
background-repeat:no-repeat;
background-color:#d4f1fc;
}

#left_inner a.sublevel-nav{
width: 180px;
float:left;
display:inline;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf;
font-size:11px;
color:#007baf;
padding-left:10px;
background-image: url("../images/vineta.gif");
background-position: center left;
background-repeat:no-repeat;
background-color:#edfaff;
}


#left_inner a.sublevel-nav:hover{
width: 180px;
float:left;
display:inline;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf;
font-size:11px;
color:#007baf;
padding-left:10px;
background-image: url("../images/vineta.gif");
background-position: center left;
background-repeat:no-repeat;
background-color:#edfaff;
}

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

#columnacentral{
height:auto;
margin:0px;
padding:0px;
}

#main{
border-left:1px dotted #2791b9;
border-right:1px dotted #2791b9;
margin-left:15px;
margin-right:15px;
padding-left:15px;
padding-right:15px;
}

#bottom{
height:102px;
clear:both;
background-image: url("../images/bottom.jpg");
background-position: top center;
background-repeat:repeat-x;
}

#bottom2{
width:998px;
height:40px;
margin:0px auto 0px auto;
}


#bottom3{
width:210px;
height:auto;
margin:0px auto 0px auto;

}

#texto{
width:150px;
height:30px;
float:right;
text-align:left;
display:inline;
margin-top:20px;
font-size:10px;
padding-top:6px;
}

#logo{
width:35px;
height:40px;
float:right;
display:inline;
margin-top:20px;
margin-right:4px;
}

a.logobottom{
width:35px;
height:34px;
float:left;
display:inline;
background-image: url("../images/logo_roullier.jpg");
background-position: top center;
background-repeat:no-repeat;
}

.buttonheading{
width:auto;
}

.buttonheading img{
border:none;
}

#menu2 #menu.ddmx{
width:auto;
float:right;
display:inline;
margin:0px;
padding:0px;
margin-top:17px;
background-repeat:no-repeat;
}

#menu2 #menu.ddmx a{
background-repeat:no-repeat;
background-position:top center;
position:
}
 
 
#wrapper {
	max-width: 1200px;
	min-width: 998px;
	margin: 0 auto;
	background-color: transparent;
}
#container {
	text-align:left;
	padding: 0;
	margin:auto;
	background-image : url(../images/container.jpg);
	background-position:center top;	
}
#page_content {
	padding: 0px;
	margin: 3px 0 0 0;
	width: 100%;
}
#left_outer {
	float : left;
	width : 200px;
	margin : 0;
	padding : 0;
}
#left_inner {
	float : none;
	font-size : 11px;
	padding: 2px 8px 2px 2px;
	width : 190px;
}
#left_inner_float {
	width : 200px;
	float : left;
	background-image : url(../images/left.gif);
	background-repeat : repeat-y;
	background-position:right top;
}
#right_outer {
	float : right;
	width : 200px;
	padding : 0;
	margin : 0;
}
#right_inner {
	float : none;
	font-size : 11px;
	padding: 2px 2px 2px 8px;
	width : 190px;
}
#right_inner_float {
	width : 200px;
	float : left;
	background-image : url(../images/right.gif);
	background-repeat : repeat-y;
}
#content_outer {	
}
#content_outleft {
	margin: 0 0 0 210px;
}
#content_outmiddle {
	margin: 0 210px;
}
#content_outright {
	margin: 0 210px 0 0;
}
#user_modules1 {
	width: 100%;
	float:left;
	margin: 0;
	padding:0;
	height: auto;
	background-color: transparent;
	border:none;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content {
	float:left;
	padding: 10px;
	padding-bottom: 30px;
	min-height: 400px;
	background-image : url(../images/content.jpg);
	background-position:center top;
	width: 98%;
border-right:1px dotted #66afcf;
border-left:1px dotted #66afcf;
}
#content_down {
	width: 100%;
	height: 25px;
	margin:0;
	padding:0;
}
/* Fecha de elaboraci?n: 18/12/2005 
/* Traducci?n Proyecto Hispano
/* Aportaci?n Alicante
/* CSS Document */