@charset "utf-8";
/* CSS Document */

/*...........................................................................
RESET: Le doy a todo un margen 0 y un padding cero y luego ya especificaré
lo que quiero en cada bloque.
.............................................................................
*/
* {
margin:0;
padding:0;
}

/*...........................................................................
BODY: Aquí se definen cosas que afectan a toda la pagina. Con background-color
se especifica el color de los laterales que se salen del wrap, se le dan las
fuentes a utilizar, una familia entera para en el caso de que la persona no 
tenga instalada esa fuente, pase a la siguiente. Con line-height se le da
el interlineado.
.............................................................................
*/
body {
text-align:center;
background-color:#000;
/*font-size:80%;*/
font-family: "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
line-height:1.3;
}
/*...........................................................................
WRAP: El wrap es el envoltorio donde se encuentra toda la página metida dentro.
Le doy una anchura mínima de 760 pixeles y una máxima de 1024 pixeles. Todo
lo que va desde width hasta margin es un truco para centrar toda la página en
navegadores que no cumplen el estandar como internet explorer.
.............................................................................
*/
#wrap {
width:1024px;

/*width:auto !important;*/
text-align:left;
margin:0 auto;
background-color:#f6ebde;
}

/*...........................................................................
HEADER: La parte más superior, donde irá el logotipo y el menu.
.............................................................................
*/
#header {
background-color: #f6ebde;
position:relative;
}

/*...........................................................................
CONTENT: Dentro de la extructura de la página, en content es donde se encuentra
el contenido de la página: los articulos y todas las cosas que se editan desde
joomla.
Le doy un padding de 50px para el margen, y hago que el contenido se ajuste al 
90% del ancho de la página. Con el overflow se controla lo que ocurre si el
contenido se saliera del bloque, quedaría oculto y no se vería.
.............................................................................
*/
#content {
width:90%;
overflow:hidden;
padding: 50px;
}

/*...........................................................................
FOOTER: Todo lo que se encuentra en el pie de página
.............................................................................
*/
#footer {
clear:both;
background-color:#de834f;
}

/*...........................................................................
.inside: En nuestro fichero index.php, el contenido dentro de cada parte de la
estructura (el contenido que vaya dentro del footer, el contenido que vaya dentro
			de content, el contenido que vaya dentro de todo).
.............................................................................
*/
.inside {
padding:10px;
}

/*...........................................................................
FORMATO DE LOS TITULOS: Los titulos en las páginas web se especifican con h1, 
h2, h3, h4 que se corresponden a los tags html <h1><h2>
.............................................................................
*/
h1,h2,h3,h4,h5,h6,p,blockquote, form,label,ul,ol,dl,fieldset,address {
margin:0.5em 0;
}

/*...........................................................................
FORMATO DE LAS LISTAS (li) Y DE LOS ITEMS DENTRO DE UNA LISTA (DD)
.............................................................................
*/
li,dd {
margin-left:1em;
}

/*...........................................................................
FIELDSET serían casillas o algo similar
.............................................................................
*/
fieldset {
padding:.5em;
}

a {
text-decoration:none;
color: #930;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

h1,.componentheading {
font-size:1.3em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#600;
font-weight:200;
}

h2,.contentheading {
font-size:1.3em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#600;
font-weight:200;
}

h3 {
font-size:1.3em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#600;
font-weight:200;
}

h4 {
font-size:1.3em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#600;
font-weight:200;
}

h5 {
font-size:1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#600;
font-weight:200;
}

h6 {
font-size:1em;
font-weight:700;
font-weight:200;
}

hr.clase1 {
  border: 0;
  width: 100%;
  color: #d7b8a1;
  background-color: #d7b8a1;
  height: 6px;
}

hr {
  border: 0;
  width: 100%;
  color: #C63;
  background-color: #C63;
  height: 2px;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption {
font:0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
text-align: center;
}

#header .moduletable_menu {
font:bold 1em Verdana, Geneva, Arial, Helvetica, sansserif; 
position:absolute;
top:50px;
right:20px;
}

.moduletable_menu ul {
list-style:none;
float:right;
width:100%;
margin:0;
padding:0;
}

.moduletable_menu li {
float:left;
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletable_menu a:link,.moduletable_menu a:visited {
float:left;
display:block;
color:#000;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;

}

 
.moduletable_menu ul li.current a{
     color:#000;
     background:url(../images/tabs.png) no-repeat 100% -84px;
 }

.moduletable_menu ul li.current {
     background:url(../images/tabs.png) no-repeat 0 -84px;
 }
 
#top {
background:#9c5100 url(../images/foto.png) no-repeat;
height: 200px;
padding:0px;
margin-left:22px;
margin-right:22px;
position:relative;

}

/*...........................................................................
CONFIGURACION DEL MENU LATERAL
.............................................................................
*/

#top .moduletablelateral {
font:bold 1em  Verdana, Geneva, Arial, Helvetica, sansserif; 
position:absolute;
top:68px;
right:780px;
}

.moduletablelateral ul {
list-style:none;
width:100%;
margin:0;
padding:0;
}

.moduletablelateral li {
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletablelateral a:link,.moduletablelateral a:visited {
display:block;
color:#000;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;

}


.moduletablelateral ul li.current a{
     color:#000;
     background:url(../images/tabs.png) no-repeat 100% -84px;
 }

.moduletablelateral ul li.current {
     background:url(../images/tabs.png) no-repeat 0 -84px;
 }
 
 
/*...........................................................................
CONFIGURACION DE FORMULARIOS
.............................................................................
*/

div.jform{
	margin-top:15px;
	padding:10px;
}

table.jform{
	width:100%;
}

div.jform img{
	float:none;
	border:0;
}

div.jform h2{
}

div.jform div.error-message
{
	color:red;
	font-weight:bold;
	float:right;
}
div.jform. div.label-error{
	color:red;
}
iv.jform. div.input-error{
	border:2px solid red;
}

div.jform form label{
	margin-bottom:15px;
	margin-right:5px;
	float:left;
}

div.jform form fieldset{
	margin-bottom:15px;
	padding:25px 10px 10px 10px;
}
div.jform form input,
div.jform form select,
div.jform form textarea,
div.jform form fieldset{
	margin-bottom:15px;
	float:left;
}

div.jform form input.radio,
div.jform form label.radio{
	float:none;
}


div.jform form div.clear{
	clear:left;
}