﻿/*
Nombre Tema: CSS inicial
Author: Alberto Salido
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.
*/

/*** NEUTRALIZANDO ESTILOS:
elementos que queremos limpiar completamente: ***/

body,form,div,p,img,table,tr,td,ul,li
{
  border          : 0;
  margin          : 0;
	padding         : 0;	  	  
}

table
{
  empty-cells     : show;
  border-collapse : collapse;
}

/* Se utiliza al final de bloques float:left para que el div contenedor se adapte a ellos.*/
div.clear {
  clear:both;
}

/* LISTAS: eliminamos el estilo de las listas */
ul{
  margin:0;
  list-style:none;
}

li{}

h1 {
  font-size : 1.1em;  
  margin    : 0;
  padding   : 0;
}

h2 {  
  font-size : 1em;  
  margin    : 0;
  padding   : 0;

}

h3 {  
  font-size : 0.9em;  
  margin    : 0;
  padding   : 0;

}

h4 {  
  font-size : 0.8em;  
  margin    : 0;
  padding   : 0;  

}

/* LINKS: es importante declararlos en este orden debido al efecto en cascada de las hojas de estilo.*/
/* Links: por defecto quitamos el subrayado */ 
a {  

}

/* Links no visitados.*/ 
a:link
{

}

/* Links visitados.*/ 
a:visited
{

}

/* Links con el cursor sobre ellos.*/ 
a:hover
{
	/*border-bottom:dotted 1px;*/
}

/* Links que actualmente esta pulsado.*/ 
a:active
{
	border:0;
}


/*
  ESTILOS PROPIOS DEL PORTAL
*/

/*
  Ponemos de fondo una imagen al body.
*/
input,textarea
{
  border        : solid 1px #7C777B;
  /*font-family   : Verdana,Arial,Helvetica,sans;*/
  padding       : 2px 5px;
  vertical-align: text-bottom; /* Establecemos el mismo atributo que los "button" para que se alineen entre ellos.*/
}

.lbl
{
  border        : solid 1px #7C777B;
  height        : 1.5em;
  padding       : 1px 5px;
  vertical-align: text-bottom;
}

button
{
  background    : #ece9d8;  
  border        : solid 1px #7C777B; 
  vertical-align: text-bottom; /* Establecemos el mismo atributo que los "input" para que se alineen entre ellos.*/
}

input:focus
{
  background-color: #FFFFD4;
  border          :  dotted 1px #6B9DD2;
}

textarea:focus
{
  background-color: #FFFFD4;
  border          : dotted 1px #6B9DD2;
  border-collapse : collapse
}
