﻿/***********************************************************************************
*                                                                                  *
*  Reiniciar.css                                                                   *
*  Versión: 1.0 (30/06/07)                                                         *
*                                                                                  *
*  Reinicia los estilos que por defecto 'afean' la apariencia general de las webs  *
*  Incluye algunas definiciones básicas usuales                                    *
*                                                                                  *
***********************************************************************************/

/* tamaño de letras
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.82em
 * 11px				0.71em
 * 10px				0.71em
 *  9px				0.59em
 * Atención : por debajo de 0.71em el texto de tamaño 'smallest' se vuelve ilegible en M.S.I.Explorer
*/


/*** NEUTRALIZANDO ESTILOS: elementos que queremos limpiar completamente: ***/
* {
	margin: 0;
	padding: 0;
	border: none;
}
html {
	font: 85% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}


/*** NEUTRALIZANDO ESTILOS: elementos con margen vertical: ***/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}


/*** Algunos ajustes basicos: ***/
sup {
position: relative;
bottom: 0.3em;
vertical-align: baseline;
}
sub {
position: relative;
bottom: -0.2em;
vertical-align: baseline;
}
li, dd, blockquote {
margin-left: 1em;
}


/*** ENLACES: recuerda utilizar siempre la regla del LoVe-HAte 
 (L-V-H-A es el orden correcto) ***/
a, a:link, a:visited, a:hover, a:active {
/*
Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
outline: 0;
Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
*/
text-decoration: none;
}
a img {
border: none;
text-decoration: none;
}
img {
border: none;
text-decoration: none;
/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}


/*** FORMULARIOS: ***/
label, button {
cursor:pointer;
}
input, select, textarea {
font-size: 100%;
}
input:focus, select:focus, textarea:focus {
background-color: #FFF;
}
fieldset {
border: none;
}


/*** Algunas clases útiles: ***/
.limpiar {
clear: both;
}
.flotar-izq {
float: left;
}
.flotar-dcha {
float: right;
}
.helvetica {
font-family: Arial, Helvetica, Geneva, sans-serif;
}
/* clase para el tooltip (bodillos sobre los enlaces) personalizado */
div.tooltip {
position: absolute;
display: none;
padding: 3px;
border: 1px solid #feba02;
background-color: #fff9e7;
z-index: 99;
}
