/*
RETICULAS CSSFRAMEWORK
---------------------------------------------------------------------
Nombre del documento: tipografia.css

Copyright:            Copyright (C) 2009, www.sond3.com
Info:                 info@sond3.com

Descripcion:
Aporta aspecto basico para texto:
parrafos, listas, cuerpo, interlineado...

Valores por defecto de la letra: cuerpo, color y fuente 
Porcentaje del cuerpo 16px (0.75 * 16px = 12px)
---------------------------------------------------------------------
*/
body {
    font-size: 75%;
    color: #000000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Cabeceras
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 { font-size: 2.3333em; line-height: 1.25em;   margin-bottom: 0.5em;   }
h2 { font-size: 2em;      line-height: 1.35em;   margin-bottom: 0.4em;   }
h3 { font-size: 1.777em;  line-height: 1.2em;    margin-bottom: 0.4em;   }
h4 { font-size: 1.555em;  line-height: 1.1em;    margin-bottom: 0.4em;   }
h5 { font-size: 1.3333em; line-height: 1.1em;    margin-bottom: 0.4em;   }
h6 { font-size: 1.1667em; line-height: 1.2857em; margin-bottom: 1.2857em;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0;}

/* Elementos de texto
-------------------------------------------------------------- */
p           { margin: 0 0 1em 0;}
p img.iz    { margin: 0.32em 1.5em 1.2em 0; padding: 0; float: left; }
p img.de    { margin: 0.32em 0 1.2em 1.5em;             float: right;}

a:focus, 
a:hover     { color: #000; text-decoration:underline;}
a           { color: #09C; text-decoration: none;}

blockquote  { font-style: italic;margin: 1.31em; color: #666;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic;}
dfn         { font-weight: bold; }
sup, sub    { line-height: 0;    }

abbr, 
acronym     { border-bottom: 1px dotted #666;}
address     { margin: 0 0 1.5em 0; font-style: italic;}
del         { color:#666;}

pre         { margin: 1.3em 0; white-space: pre;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}

/* Listas
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em;}
ul, ol      { margin: 0 1.5em 1.5em 1.5em;}

ul          { list-style-type: disc;}
ol          { list-style-type: decimal;}

dl          { margin: 0 0 1.5em 0;}
dl dt       { font-weight: bold;}
dd          { margin-left: 1.5em;}

/* Tablas
-------------------------------------------------------------- */
table         { margin-bottom: 1em; width:100%;}

th            { font-weight: bold;}

thead th      { background: #CCCCCC;}

th,td,caption { padding: 4px 10px 4px 5px; border:1px solid #333333;}

tr.marcado td { background: #F0F0F0;}/* tr.marcado >> color concreto para tr */
tfoot         { font-style: italic;}
caption       { background: #333333; color:#FFFFFF; font-weight:bold;}

/* Cuerpo de letra
----------------------------------------------------------- */
.mini      { font-size: 0.8333em; line-height: 1.6em;    margin-bottom: 1.6em; }
.medio     { font-size: 1.1667em; line-height: 1.2857em; margin-bottom: 0.6em; }
.largo     { font-size: 1.3333em; line-height: 1.2857em; margin-bottom: 0.6em; }
.grande    { font-size: 1.6667em; line-height: 1.318em;  margin-bottom: 0.6em; }
.muygrande { font-size: 2em;      line-height: 1.5em;    margin-bottom: 0.75em;}
.enorme    { font-size: 3em;      line-height: 1em;      margin-bottom: 0.5em; }

/* Colores: escala de grises
----------------------------------------------------------- */
.blanco     { color:#FFFFFF;} 
.grisclaro  { color:#CCCCCC;}
.grismedio  { color:#999999;}
.grisoscuro { color:#666666;}
.casinegro  { color:#333333;}
.negro      { color:#000000;}

/* alineacion texto
----------------------------------------------------------- */
.alintextde    { text-align:right;  }
.alintextiz    { text-align:left;   }
.alintextjust  { text-align:justify;}
.alintextcentro{ text-align:center; }

/* Avisos
----------------------------------------------------------- */
.destacado  { background: #FF6; color: #000; padding:2px;}
.insertado  { background: #6C3; color: #fff; padding:2px;}
.borrado    { background: #F00; color: #fff; padding:2px;}

/* Variantes
----------------------------------------------------------- */
.oculta     { display: none;}

/* Flotacion y borra flotacion
----------------------------------------------------------- */
.flotade    { float: right;}
.flotaiz    { float:left;  }

.limpia     { clear:both;  }

/* Separador 
   OJO CON EXPLORER!! IMPLEMENTAR HACK |   CORE >> IE.CSS
----------------------------------------------------------- */
hr{
	clear:both;
	height: 1px;
	background-color:#666;
	border:none;
	margin: 0 0 1em;
	float: none;
	width: 100%;
}