/*
RETICULAS CSSFRAMEWORK: RETICULA 980-12-20
--------------------------------------------------------
Nombre del documento:   reticula 980_12_20
Fecha de creacion:      Copyright (c) 2009
Propietario/autor:      www.sond3.com
info:                   info@sond3.com

More info: http://www.fsf.org/licensing/licenses/agpl-3.0.html

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

Descripcion:
Modulos para constuir estructura basada en 
una reticula de 980 px de ancho y compuesta por
12 columnas con medianil y margen de 20px.
--------------------------------------------------------
*/

/* Para ver la reticula de fondo
----------------------------------------------------------*/
.vereticula { 
	background: url(980_12_20.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

/* Contenedor general: contiene todos los restantes
----------------------------------------------------------*/
.contnedorgneral {
	width: 940px;
	margin: 0 auto;
	padding:20px 20px 20px 20px;
	/*border:1px solid #04ffff;*/
}

/* modulos: diferentes anchos para modular
----------------------------------------------------------*/
div.modulo1, div.modulo2, div.modulo3, 
div.modulo4, div.modulo5, div.modulo6, 
div.modulo7, div.modulo8, div.modulo9, 
div.modulo10, div.modulo11, div.modulo12 {
	float:left;
}

.modulo1	{ width: 60px; }
.modulo2	{ width: 140px;}
.modulo3	{ width: 220px; }
.modulo4	{ width: 300px; }
.modulo5	{ width: 380px; }
.modulo6	{ width: 460px; }
.modulo7	{ width: 540px; }
.modulo8	{ width: 620px; }
.modulo9	{ width: 700px; }
.modulo10	{ width: 780px; }
.modulo11	{ width: 860px; }
.modulo12	{ width: 940px; }


/* Margenes
----------------------------------------------------------*/

/* ARRIBA */
.margentop5      { margin-top: 5px;}
.margentop10     { margin-top: 10px;}
.margentop15     { margin-top: 15px;}
.margentop20     { margin-top: 20px;}

/* DERECHOS */
.margende5       { margin-right: 5px;}
.margende10      { margin-right: 10px;}
.margende15      { margin-right: 15px;}
.margende20      { margin-right: 20px;}

/* ABAJO */
.margenbajo5     { margin-bottom: 5px;} 
.margenbajo10    { margin-bottom: 10px;}
.margenbajo15    { margin-bottom: 15px;}
.margenbajo20    { margin-bottom: 20px;}

/* IZQUIERDO */
.margeniz5       { margin-left: 5px;}
.margeniz10      { margin-left: 10px;}
.margeniz15      { margin-left: 15px;}
.margeniz20      { margin-left: 20px;}

/* TOTAL */
.margentotal5    { margin: 5px 5px 5px 5px;}
.margentotal10   { margin: 10px 10px 10px 10px;}
.margentotal15   { margin: 15px 15px 15px 15px;}
.margentotal20   { margin: 20px 20px 20px 20px;}


/* Rellenos
----------------------------------------------------------*/

/* SUPERIOR */
.rellenosup5     { padding-top:5px;}
.rellenosup10    { padding-top:10px;}
.rellenosup15    { padding-top:15px;}
.rellenosup20    { padding-top:20px;}

/* DERECHA */
.rellenode5      { padding-right:5px;}
.rellenode10     { padding-right:10px;}
.rellenode15     { padding-right:15px;}
.rellenode20     { padding-right:20px;}

/* BAJO */
.rellenobajo5    { padding-bottom:5px;}
.rellenobajo10   { padding-bottom:10px;}
.rellenobajo15   { padding-bottom:15px;}
.rellenobajo20   { padding-bottom:20px;}

/* IZQUIERDA */
.rellenoiz5      { padding-left:5px;}
.rellenoiz10     { padding-left:10px;}
.rellenoiz15     { padding-left:15px;}
.rellenoiz20     { padding-left:20px;}

/* TOTAL */
.rellenototal5   { padding: 5px 5px 5px 5px;}
.rellenototal10  { padding: 10px 10px 10px 10px;}
.rellenototal15  { padding: 15px 15px 15px 15px;}
.rellenototal20  { padding: 20px 20px 20px 20px;}


/* Colores de fondo escala grises
----------------------------------------------------------- */
.fondoblanco     { background-color:#FFFFFF; }
.fondogrisclaro1 { background-color:#F5F5F5; }
.fondogrisclaro2 { background-color:#CCCCCC; }
.fondogrismedio  { background-color:#999999; }
.fondogrisoscuro { background-color:#666666; }
.fondocasinegro  { background-color:#333333; }
.fondonegro      { background-color:#000000; }


/* Decoracion 
----------------------------------------------------------- */
.lineasolida { border:1px solid #000000; }