/*
Proyecto: nombre x
Descripcion: una breve reseña
Autor: tu nombre aqui
Version: 1 o el numero de version que sea
.
Comentarios en general/ espacio para dejar comentarios a otro programadores
.


[Tabla de contenidos] 

	0- Reset
	1- Global
	2- Links
	3- Texto
	4- border 
	----------------[continuan en el archivo layout.css] 
	5- Layout
	6- Formularios
	7- Header
	8- Contenido 
	9- Footer 
	10- Extras
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
html>body { font-size: 11px; } 

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font: normal 0.7em/1.2em Arial,Verdana,sans-serif; 
	text-transform: none;
	letter-spacing: normal;
	line-height: 1em;
	word-spacing:normal;
	vertical-align: top;
	background:#dadada;
	color: #000;
}
html,body {height:100%; /* needed for container min-height */}
.right {float: right;}
.left {float: left;}
.hide {display: none;}
.clear {clear: both;}
.absoluta {position:absolute; }
.relativa {position:relative; }

.underline {border-bottom:1px solid;}
.highlight {background:#ffc;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}


/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
:-moz-any-link {cursor:pointer;}
a {color:#009;text-decoration:underline;}
a:link, a:visited {color: #333;}
a:focus, a:hover {color: #111;}
a:active {color: #111;}

/* =3 Texto
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.justify {text-align:justify;}

.b { font-weight: bold; }
.i { font-style: italic; }
.n { font-weight: normal; }
.u { text-decoration:underline; }

.t9 { font-size: 0.9em; } 
.t10 { font-size: 1.0em; } 
.t11 { font-size: 1.1em; } 
.t12 { font-size: 1.2em; } 
.t13 { font-size: 1.3em; } 
.t14 { font-size: 1.4em; } 
.t15 { font-size: 1.5em; } 
.t16 { font-size: 1.6em; } 
.t17 { font-size: 1.7em; } 
.t18 { font-size: 1.8em; } 
.t19 { font-size: 1.9em; } 
.t20 { font-size: 2.0em; } 
.t30 { font-size: 3.0em; } 
.t40 { font-size: 4.0em; } 
.t50 { font-size: 5.0em; } 
.t60 { font-size: 6.0em; }
.t70 { font-size: 7.0em; } 
.t80 { font-size: 8.0em; } 
.t90 { font-size: 9.0em; } 
.t100 { font-size: 10em; } 

.lh80 { line-height: 80%; }
.lh90 { line-height: 90%; }
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }

p { margin: 1.2em  0; font-size: 1em; line-height: 1.2em;}
h1 { margin: 0.6em 0; font-size: 1.8em; line-height: 0.6em; font-weight:bold;}
h2 { margin: 0.7em 0; font-size: 1.6em; line-height: 0.7em; font-weight:bold;}
h3 { margin: 0.8em 0; font-size: 1.4em; line-height: 0.8em; font-weight:bold;}
h4 { margin: 0.9em 0; font-size: 1.2em; line-height: 0.9em; font-weight:bold;}
h5 { margin: 1.1em 0; font-size: 1.09em; line-height: 1.1em; font-weight:bold;}
h6 { margin: 1.2em 0; font-size: 1em; line-height: 1.2em; font-weight:bold;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.gris{color: gray;}
.naranja {color:#f60;}
.blanco {color: white;}
.negro {color:black;}
.aqua {color: aqua;}
.azul {color: blue;}
.fuchsia {color: fuchsia;}
.verde {color: green;}
.lima {color: lime;}
.marron {color: maroon;}
.marino {color:navy;}
.olivo {color: olive;}
.purpura {color: purple;}
.rojo {color: red;}
.platao {color: silver;}
.amarillo {color: yellow;}

/* =4 border
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.bo1 { border:solid 1px #EEE; }

.br5  {
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	}

.br10  {
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	}

.br15  {
	border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	}
	
.br20  {
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	}

.br25  {
	border-radius: 25px;
	-ms-border-radius: 25px;
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
	}
	
.br30  {
	border-radius: 30px;
	-ms-border-radius: 30px;
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	}