/*
RETICULAS CSSFRAMEWORK / RETICULA
---------------------------------------------------------------------
Nombre del documento: 980_12_20.css

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

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-image: 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 */
.margensup0      { margin-top: 0px;}
.margensup5      { margin-top: 5px;}
.margensup10     { margin-top: 10px;}
.margensup15     { margin-top: 15px;}
.margensup20     { margin-top: 20px;}

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

/* ABAJO */
.margenbajo0     { margin-bottom: 0px;}
.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;}