/* -------------------------------------------------------------- 
UmFramework 2 12-2011
common.css
Core of umFremework
Foundation v2.1.4 http://foundation.zurb.com
Artfully Masterminded by ZURB
 ------------------------------------------------------------

----------------------------------------------------- 
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/
		
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0; font:inherit; vertical-align: baseline;font-size:100%; }
	html { font-size: 62.5%; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;	}
	body { line-height: 1.5; }
	ol, ul { list-style: none; }
	blockquote, q {	quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	table {	border-collapse: collapse;	border-spacing: 0; }
	/*body { background: #fff url(../images/bg/bg.png); font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }*/
	body { background: #FFF; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
	a img{border:none}
	a{outline:none}
/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { color: #2a85e8; text-decoration: none; line-height: inherit; }
	a:hover { color: #11639d; }
	a:focus { color: #cc4714; outline: none; }
	p a, p a:visited { line-height: inherit; }
	

/*	--------------------------------------------------
	:: Lists
	-------------------------------------------------- */
	ul, ol { margin-bottom: 18px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	li { margin-bottom: 12px; }
	

/* -------------------------------------------------- 
	:: Misc
---------------------------------------------------*/
	.left       { float: left; margin-right:20px;}
	.right      { float: right; margin-left:20px;}
	.hide     	{ display: none; }
	.highlight 	{ background: #ff0; }
	address{margin-top:1em; font-style:italic}
	del{color:#000}
	blockquote{margin:1em; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif}
	strong{font-weight:bold}
	em{font-style:italic}
	dfn{font-style:italic; font-family:"Courier New",Courier,monospace}
	pre, code{margin:1em 0; white-space:pre}
	pre, code, tt{font:1em monospace; line-height:1.5; overflow:auto;}
	tt{display:block; margin:1.5em 0; line-height:1.5}
	hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:1px; border:none; margin:0 0 1em}
	.small{font-size:.8em; line-height:1.875em}
	.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
	.quiet{color:#999}
	.hide{display:none}
	.highlight{background:#ffc}
	.separator{border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px;}
	

/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #0079be; font-weight: bold; line-height: 1.25; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 2.4em; margin-bottom: 12px; }
	h2 { font-size: 2em; margin-bottom: 9px; color:#005378;}
	h3 { font-size: 1.6em; margin-bottom: 10px; }
	h4 { font-size: 1.2em; margin-bottom: 6px; }
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 3px;  }
	h6 { font-weight: normal; }

	.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

	p { line-height: 17px; margin: 0 0 18px; text-align:justify}
	p img { margin: 0; }
	p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px;  }
	
	.align-center{text-align:center;}
	.align-left{text-align:left;}
	.align-right{text-align:right;}
	
	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
	/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */

	.container { padding: 0 20px; margin:0 auto;}
	.clear{clear:both}
	.box{padding:20px}
	
	.row { width: 100%; max-width: 980px; min-width: 979px; margin: 0 auto; }
	.row .row { min-width: 0; }
	
	.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
	.columns:first-child { margin-left: 0; }
	
	.row .one 		{ width: 4.3%; }
	.row .two		{ width: 13%; }
	.row .three 	{ width: 21.68%; }
	.row .four 		{ width: 30.37%; }
	.row .five		{ width: 39.1%; }
	.row .six		{ width: 47.8%; }
	.row .seven 	{ width: 56.5%; }
	.row .eight		{ width: 65.2%; }
	.row .nine		{ width: 73.9%; }
	.row .ten 		{ width: 82.6%; }
	.row .eleven	{ width: 91.3%; }
	.row .twelve 	{ width: 100%; }
	
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }


/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: botons
:: Alerts
:: Notices/Alerts
:: Tabs
:: Pagination
:: Lists
:: Panels
:: Nav
:: Video
:: Microformats
*/




/*	--------------------------------------------------
	botons
	-------------------------------------------------- */

	.boton { background: #00a6fc; display: inline-block; text-align: center; padding: 10px; margin-top:8px; color: #fff; text-decoration: none;	font-weight: bold; line-height: 1; font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; position: relative; cursor: pointer; border: none; }
  	/* Don't use native botons on iOS */
	input[type=submit].boton { -webkit-appearance: none; }
	.boton.nice { 
		background: #00a6fc url(../images/misc/boton-gloss.png) repeat-x 0 -34px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
		background: #00a6fc url(../images/misc/boton-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
		background: #00a6fc url(../images/misc/boton-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
		border: 1px solid #0593dc;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
	}
	.boton.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	
	/* Sizes ---------- */
	.small.boton 			{ font-size: 11px; padding: 8px 20px 10px; width: auto; }
	.medium.boton 			{ font-size: 13px; width: auto; }
	.large.boton 			{ font-size: 18px; padding: 11px 48px 13px; width: auto; }

	/* Nice Sizes ---------- */
	.nice.small.boton 		{ background-position: 0 -36px; }
	.nice.large.boton 		{ background-position: 0 -30px; }

	/* Colors ---------- */
	.blue.boton			{ background-color: #00a6fc;  }
	.blue1.boton			{ background-color: #00a6fc;  }
	.green1.boton			{ background-color: #00b828;  }
	.red.boton				{ background-color: #e91c21; }
	.white.boton			{ background-color: #e9e9e9; color: #333; }
	.black.boton			{ background-color: #141414; }
	
	/* Nice Colors ---------- */
	.nice.blue.boton		{ border: 1px solid #0593dc;  }
	.nice.blue1.boton, .nice.green1.boton		{ border: 1px solid #0593dc; text-shadow: none !important;
    top: -19px;
    left: 0px;
}
	.nice.red.boton		{ border: 1px solid #b90b0b;  }
	.nice.white.boton		{ border: 1px solid #cacaca; text-shadow: none !important;
    top: -19px;
    left: 0px;
}
	.nice.black.boton		{ border: 1px solid #000; }
	
	/* Hovers ---------- */
	.boton:hover, .boton:focus 				{ background-color: #0192dd; color: #fff; }
	.blue.boton:hover, .blue.boton:focus		{ background-color: #0192dd; 	}
	.blue1.boton:hover, .blue1.boton:focus, .green1.boton:hover, .green1.boton:focus		{ background-color: #0192dd; 	}
	.red.boton:hover, .red.boton:focus 		{ background-color: #d01217; 	}
	.white.boton:hover, .white.boton:focus	{ background-color: #dadada; color: #333; }
	.black.boton:hover, .black.boton:focus	{ background-color: #000; }
	
	/* Disabled ---------- */
	.boton.disabled, .boton[disabled] { opacity: 0.6; cursor: default; }
	/* -------------------------------------------------------------- 
	Fieldsets
	-------------------------------------------------------------- */
	fieldset{padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
	legend{font-weight:bold; font-size:1.2em}
	label{font-weight:bold}
	/* -------------------------------------------------------------- 
	Text fields
	-------------------------------------------------------------- */
	input{background:#F5F5F5; border:1px solid #D5D5D5; padding:2px; color:#929292}
	input:hover{border:1px solid #999; background-color:#FFF}
	/* -------------------------------------------------------------- 
	Textareas
	-------------------------------------------------------------- */
	textarea{margin:0.5em 0.5em 0.5em 0; color:#929292}
	textarea{border:1px solid #D5D5D5; background:#F5F5F5; padding:2px}
	textarea:focus, textarea:hover{border:1px solid #999; background:#FFF}
	/* -------------------------------------------------------------- 
	Select fields
	-------------------------------------------------------------- */
	select{border:1px solid #D5D5D5; background:#F5F5F5}
	select:focus{border:1px solid #999; background:#FFF}
/*	--------------------------------------------------
	Alerts
	-------------------------------------------------- */

	div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; }
	.alert-box.success { background: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
	.alert-box.warning { background: #c08c00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
	.alert-box.error { background: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
	
	.alert-box a{ color:#000 !important; text-decoration:underline;}
	
	.alert-box.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; }
	.alert-box.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }


 

	/* Mobile */


	
/* -------------------------------------------------- 
	:: Mobile Visibility Affordances
---------------------------------------------------*/
	
	
	.show-on-phones { display: none !important; }	
	.show-on-tablets { display: none !important; }
	.show-on-desktops { display: block !important; }
	
	.hide-on-phones { display: block !important; }	
	.hide-on-tablets { display: block !important; }
	.hide-on-desktops { display: none !important; }
	
	
	
	/* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px),  /*
	/* Keeping this in as a reminder to address support for other tablet devices like the Xoom in the future */
	
	/* Specific overrides for elements that require something other than display: block */
	
	table.show-on-desktops { display: table !important; }
	table.hide-on-phones { display: table !important; }	
	table.hide-on-tablets { display: table !important; }