/* -----------------------------------------------------------------------

   mnml (v4) 

   Carlos Elias
   hola@carloselias.cl
   Copyright 2010 Carlos Elias

----------------------------------------------------------------------- */

/* Meyer Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}


/* Link styles */

a img {
	border:none;
	cursor: pointer;
	outline: none;
}

a:link, a:visited {
	cursor: pointer;
	outline: none;
	padding: 2px 5px;
}

a:hover {
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

a:active {
	cursor: pointer;
	outline: none;
}

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #222; }
code, pre { color: #c33; }

/* Body elements */

body {
	font: 90%/160% Helvetica, "Liberation Sans", Arial, sans-serif;
	padding: 0;
	color: #222;
}

p, li, dt, dd {
	font-size: 105%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
}

strong, th, thead td, dt, label {
	font-weight: bold;
}

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

abbr, acronym {
	border-bottom: 1px dotted #999;
}

address, cite, em {
	font-style: italic;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}

del {
	text-decoration: line-through;
	color: #666;
}

/* FORMS */
fieldset { 
	margin: 0 0 18px 0; 
	padding: 9px;
	border: 1px solid #ccc; 
}

legend { 
	color: #333;
	padding: 0;
}

label { 
	float: left; 
	width: 100px; 
	display: block; 
	margin: 0 12px 0 0; 
	text-align: left;  
	cursor: pointer;
	color: #333;
}

.form-item { 
	margin: 0 0 11px 0;
}

input, select, textarea {
	margin: 0 20px 10px 0;
	color: #6A6969;
	font: bold 14px Helvetica, Arial, sans-serif;
	padding: 4px;
	border: solid #ddd;
	border-width: 1px 1px 2px 1px;
}
select:focus, 
textarea:focus,
input:focus { 
	background: #f9f9f9;
	border: solid #666;
	border-width: 1px 1px 2px 1px;
}

input.form-error,
textarea.form-error {
	border-style: solid;
	border-color: #FBC2C4 #FBC2C4 #ee9b9e #FBC2C4;
	border-width: 1px 1px 2px 1px;
	background: #FBE3E4;
	color: #8A1F11;
}

input.form-notice,
textarea.form-notice {
	border-style: solid;
	border-color: #FFD324 #FFD324 #e3bb1b #FFD324;
	border-width: 1px 1px 2px 1px;
	background: #FFF6BF;
	color: #514721;
}

input[type="checkbox"],
input[type="radio"] { 
	margin: 3px 4px 0 0;
}

input[type="checkbox"] { 
	color: #000; 
}

input[type="radio"] {  
	background-color: #fff; 
	color: #000;
}

option { 	
	background: #fff; 
	color: #000; 
}

optgroup { 
	background: #f2f2f2; 
	color: #111; 
}

/* Headings */

h1 {
	font: bold 2.2em Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}
h2 {
	font: bold 1.7em Helvetica, Arial, sans-serif;
}
h3 {
	font: bold 1.5em Helvetica, Arial, sans-serif;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}

/* List styles */

ol {
	list-style-type: decimal;
	margin:0 1.5em 1.5em 1.5em;
	list-style-position: inside;
}

ul {
	margin:0 1.5em 1.5em 1.7em;
	list-style-position: outside;
	list-style-type: disc;
}
ul ul {
	list-style-type: square;
}
ul ul ul {
	list-style-type: circle;
}
ul li {
	margin-left: .85em;
}
dl {
 	margin: 0 0 1.5em 0;
	font-weight: bold;
}
dd {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 3px 20px;
	padding-bottom: 5px;
}

/* MARGINS & PADDINGS */

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
/* Horizontal Menu default CSS */
.h-menu {
	margin:0;
	padding:0;
	float:left;
}
.h-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.h-menu li a {
	margin-right:10px;
	text-decoration:none;
}
.h-menu li a:hover, .h-menu-active {
	background: #222;
	color:#fff !important;
	text-shadow:0 1px 1px #4F2700;
}
/* Vertical Menu default CSS */
.v-menu {
	margin:0;
	padding:0;
}
.v-menu li {
	list-style:none;
	margin:0;
	padding:0;
}
.v-menu li a {
	display:block;
	padding:0 10px;
	text-decoration:none;
}
.v-menu li a:hover, .v-menu-active {
	background: #222;
	color:#fff !important;
	text-shadow:0 1px 1px #4F2700;
}
/* Tab Menu default CSS */
.t-menu {
	margin:0;
	padding:0;
	float:left;
}
.t-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.t-menu li a {
	display:block;
	padding:5px 20px;
	text-decoration:none;
}
.t-menu li a:hover, .t-menu-active {
	background: #222;
	color:#fff;
	text-shadow:0 1px 1px #4F2700;
}
/* Form 'Menu' (estructura) default CSS */
.f-menu, .f-menu li {
	margin:0;
	padding:0;
	list-style:none;
}
/*16 columns, 40 pixels each, with 20 pixel gutter */

.grid-1 { width:40px; }
.grid-2 { width:100px; }
.grid-3 { width:160px; }
.grid-4 { width:220px; }
.grid-5 { width:280px; }
.grid-6 { width:340px; }
.grid-7 { width:400px; }
.grid-8 { width:460px; }
.grid-9 { width:520px; }
.grid-10 { width:580px; }
.grid-11 { width:640px; }
.grid-12 { width:700px; }
.grid-13 { width:760px; }
.grid-14 { width:820px; }
.grid-15 { width:880px; }
.grid-16 { width:940px; }

.column {
	margin:0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
.border {
	border-right: 1px solid #999;
}

/* Success, error & notice boxes for messages and errors. */

.error, .notice, .success {
	padding: .9em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}

.error a {
	color: #D12F19 !important;
}

.notice a {
	color: #817134 !important;
}

.success a {
	color: #529214 !important;
}
/*
 Fancy Table - plugin
*/

.ft table {
	color: #7F7F7F;
	border-collapse: collapse;
}

.ft table {
	margin: 0 auto;
}

.ft caption, .ft th, .ft td {
	padding: 3px;
}

.ft caption {
	margin:0 2px;
}

.ft caption, .ft thead th, .ft tfoot th, .ft tfoot td {
	background-color: #666;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.ft thead th {
	background-color: #333;
	color: #eee;
	text-align: center
}

.ft tbody th {
	padding: 10px 5px
}

.ft thead, .ft tfoot {
	font-size: 70% !important;
}
.ft tbody {
	font-size: 80% !important;
}
.ftodd {
	background-color: #F7F7F7;
	color: #666;
}

.ft tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666
}

.ft tbody a:active, .ft tbody a:hover, .ft tbody a:focus, .ft tbody a:visited {
	color: #666
}

.ft tbody tr:hover {
	background-color: #EEE;
	color: #333
}

.ft tbody td+td+td+td a {
	color: #333;
	font-weight: bold;
	border-bottom: 0;
}

.ft tbody td+td+td+td a:active, .ft tbody td+td+td+td a:hover, .ft tbody td+td+td+td a:focus, .ft tbody td+td+td+td a:visited {
	color: #666
}

.ft tbody a:visited:after {
	font-family: Verdana,sans-serif;
	content: "\00A0\221A"
}
/* Botones de accion: <a href="#" class="btn"> */
.btn, input[type="submit"] {
/*	background: #222 url(../images/overlay.png) repeat-x;*/
	background: #222;
	display: inline-block;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	padding: 8px 14px 6px !important;
	margin:10px auto;
}
.btn:hover {
/*	background: #666 url(../images/overlay.png) repeat-x;*/
	background: #666;
}
button.btn, input[type="submit"] {
	border-top:none;
	border-left:none;
	border-right:none;
}
input[type="submit"]:focus {
/*	background: #666 url(../images/overlay.png) repeat-x;*/
	background: #666;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}