/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
/*  height: 100%;*/ /*FIX OPERA HEIGHT ISSUE*/
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}

a:active, a:focus, a:hover, :focus, :active {
    border: 0 none;
    outline: 0 none;
}
input::-moz-focus-inner {
    border: 0 none;
}

/* --- split --- */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 300px;
	height:90px;
  float:left;
  margin:10px 0 0
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable > div {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollable > div div {float:left;cursor:pointer}

.about .widget .prev, .about .widget .next {margin-top:25px}

#image_wrap img {border:3px solid #fff; margin:0 auto; display:block; cursor:pointer}

/* --- split --- */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
    background:url(../../images/bg-fancybox.png) repeat scroll!important;
    opacity:0.9!important;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
    padding:0 0 30px;
     -webkit-border-radius:0 0 30px 30px!important;-moz-border-radius: 0 0 30px 30px!important;border-radius: 0 0 30px 30px!important; behavior: url(/PIE.htc)
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 50px;
	height: 50px;
	background: transparent url('../fancybox/fancybox.png') -45px -126px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-close:hover {background-position: -45px -176px}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
/*
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */
/*
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
/*
.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
*/
/* --- split --- */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background:url(../../../../images/scroll-bar-vert.png) -1px center repeat-y scroll;
	position: relative;
}

.jspDrag
{
	background: url(../../../../images/scroll-drag-vert.png) center top repeat-y scroll;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(/PIE.htc);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}


.jspVerticalBar .jspArrowUp, .jspVerticalBar .jspArrowUp.jspDisabled {
background:url(../../../../images/scroll-up.png) center top no-repeat scroll;
}

.jspVerticalBar .jspArrowDown, .jspVerticalBar .jspArrowDown.jspDisabled {
background:url(../../../../images/scroll-down.png) center top no-repeat scroll;
}


.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	/*background: #50506d;*/
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspHorizontalBar .jspArrowLeft, .jspHorizontalBar .jspArrowLeft.jspDisabled {background:url(../../../../images/scroll-left.png) right center no-repeat scroll;}
.jspHorizontalBar .jspArrowRight, .jspHorizontalBar .jspArrowRight.jspDisabled {background:url(../../../../images/scroll-right.png) right center no-repeat scroll;}
.jspHorizontalBar .jspTrack {background:url(../../../../images/scroll-bar.png) right center repeat-x scroll;}
.jspHorizontalBar .jspDrag {background:url(../../../../images/scroll-drag.png) right center repeat-x scroll;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(/PIE.htc)
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* --- split --- */

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; behavior: url(/PIE.htc);}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; behavior: url(/PIE.htc);}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; behavior: url(/PIE.htc);}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; behavior: url(/PIE.htc);}

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
/* --- split --- */

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }
/* --- split --- */

body {font-size:100%; background:#ededed;font-family: Arial, Helvetica, sans-serif;}

.left {float:left}
.right {float:right}
.clear {clear:both}
.nowrap { white-space: nowrap }

input[type="text"], input[type="password"], textarea, select {padding:2px; border:1px solid #bcbcbc; background:#f6f6f6}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border:1px solid #333;background:#fff}
input[type="submit"], input[type="button"], .a-submit, .a-submit:visited, .a-submit:active {text-align:center;font-size:70%;background:#ececec; color:#000; display:inline-block;text-decoration:none; padding:3px 15px; border:1px solid #bcbcbc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
input[type="submit"]:hover, input[type="button"]:hover, .a-submit:hover, .a-submit:active {background:#d6d6d6; cursor:pointer; border:1px solid #bcbcbc; color:#000}
input[type="reset"] {background:none; text-decoration: underline; color:#333; border:0}
input[type="reset"]:hover {background:none; text-decoration: none; cursor: pointer}

.bg-diag-01 {background:url(../../images/bg-diag-01.gif) left top repeat scroll}
.bg-diag-02 {background:url(../../images/bg-diag-02.gif) left top repeat scroll}

.round {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;behavior: url(/PIE.htc)}
.round-bottom {-webkit-border-radius:0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px; behavior: url(/PIE.htc)}
.round-top {-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; behavior: url(/PIE.htc)}
.round-tl {-webkit-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0; behavior: url(/PIE.htc)}
.round-tr {-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0; behavior: url(/PIE.htc)}
.round-bl {-webkit-border-radius:0 0 0 8px;-moz-border-radius:0 0 0 8px;border-radius:0 0 0 8px; behavior: url(/PIE.htc)}
.round-br {-webkit-border-radius:0 0 8px 0;-moz-border-radius:0 0 8px 0;border-radius:0 0 8px 0; behavior: url(/PIE.htc)}
.round-bl-60 {-webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(/PIE.htc)}
.width100 {width:100%; margin-left:auto; margin-right:auto;}
.width97 {width:97%; margin-left:auto; margin-right:auto;}
.width96 {width:96%; margin-left:auto; margin-right:auto;}
.width94 {width:94%; margin-left:auto; margin-right:auto;}
.width90 {width:90%; margin-left:auto; margin-right:auto;}
.width80 {width:80%; margin-left:auto; margin-right:auto;}
.width65 {width:65%; margin-left:auto; margin-right:auto;}
.width60 {width:60%; margin-left:auto; margin-right:auto;}
.width56 {width:56%; margin-left:auto; margin-right:auto;}
.width50 {width:50%; margin-left:auto; margin-right:auto;}
.width45 {width:45%; margin-left:auto; margin-right:auto;}
.width44 {width:44%; margin-left:auto; margin-right:auto;}
.width40 {width:40%; margin-left:auto; margin-right:auto;}
.width30 {width:30%; margin-left:auto; margin-right:auto;}
.width30-5 {width:30.5%; margin-left:auto; margin-right:auto;}
.width31 {width:31%; margin-left:auto; margin-right:auto;}
.width36 {width:36%; margin-left:auto; margin-right:auto;}
.width33 {width:33%; margin-left:auto; margin-right:auto;}
.width24 {width:24%; margin-left:auto; margin-right:auto;}

.width97.no-margin {margin:0}

.minh210 {min-height:210px; display: inline-block}

.margin0 {margin:0}
.margin-small-all {margin:10px}
.margin-small-top {margin-top:10px}
.margin-small-right {margin-right:10px}
.margin-small-left {margin-left:10px}
.margin-small-bottom {margin-bottom:10px}

.margin-medium-all {margin:20px}
.margin-medium-top {margin-top:20px}
.margin-medium-right {margin-right:40px}
.margin-medium-left {margin-left:20px}
.margin-medium-bottom {margin-bottom:20px}

.margin-big-all {margin:30px}
.margin-big-top {margin-top:30px}
.margin-big-right {margin-right:30px}
.margin-big-left {margin-left:30px}
.margin-big-bottom {margin-bottom:30px}

.margin-h-bottom {margin-bottom:60px}
.padding-h-bottom {padding-bottom:60px}
.padding-big-bottom {padding-bottom:40px}

.no-list li {list-style:none}

p {font-size:90%; margin:1em 0; }
div.grey p, p.grey {color:#878787}
ul.list li { font-size: 90%; list-style-position: inside }
ul.grey li { color: #878787 }
a.grey {font-size:90%}
p.info i {display:block; font-size: 80%}
p.no-margin {margin:0}

p .title {display: block; font-size: 140%; font-weight: bold; margin: 0 0 10px;}

p img.left {margin:0 5px 5px 0}
p img.right {margin:0 0 5px 5px}

h1 {font-size:150%; position:relative}
h2 {font-size:160%;}

h1.news, h1.comunity, h1.institutional, h1.transport, h1.accessibility, h1.schedule, h1.contact, h1.utilities, h2.faq, h1.intranet {
  color:#fff;
  padding:5px 0 5px 30px;
  -webkit-border-radius:0 0 0 30px;-moz-border-radius:0 0 0 30px;border-radius:0 0 0 30px; behavior: url(/PIE.htc);
  -moz-box-shadow: -1px 2px 4px #999;  -webkit-box-shadow: -1px 2px 4px #999;  box-shadow: -1px 2px 4px #999;
  margin:0 0 20px 0;
  font-family: "Arial Black", arial, sans-serif; font-weight: normal
}
h1.contact { -moz-box-shadow: -1px 2px 4px #333;  -webkit-box-shadow: -1px 2px 4px #333;  box-shadow: -1px 2px 4px #333;}

h1.news {background:url(../../images/bg-diag-03.gif) left top repeat scroll;}
h1.comunity {background:url(../../images/bg-diag-04.gif) left top repeat scroll;}
h1.institutional {background:url(../../images/bg-diag-02.gif) left top repeat scroll;}
h1.transport, .rightCol h3.transport {background:url(../../images/bg-diag-06.gif) left top repeat scroll;}
h1.accessibility {background:url(../../images/bg-diag-07.gif) left top repeat scroll;}
h1.schedule {background:url(../../images/bg-diag-08.gif) left top repeat scroll;}
h1.contact {background:url(../../images/bg-diag-14.gif) left top repeat scroll; color:#fe8c04}
h1.intranet {background:url(../../images/bg-diag-14.gif) left top repeat scroll; color:#fff}
h1.utilities, .rightCol h3.utilities {background:url(../../images/bg-diag-07.gif) left top repeat scroll; color: #fff}

a {color:#333}
a:hover {text-decoration:none}

a.more {font-weight:bold; color:#a8a8a8; font-size:90%; text-decoration:none; display:block}
a.more:hover {color:#000;text-decoration:underline}

a.see-all {font-weight:bold; color:#495164; font-size:100%; text-decoration:underline; display:block}
a.see-all:hover {color:#000;text-decoration:none}

a.grey-01 {color:#a7a9ac; font-weight:bold; text-decoration:none; display:inline-block; font-size:90%}
a.grey-01:hover {color:#000}

/*RSS*/
a.rss {color:#db730d; font-weight:bold; text-decoration:none; font-size:110%; width:245px; padding:20px 0 0; display:inline-block}
a.rss img {margin:-20px 0 0}
a.rss:hover {color:#db9a0d}

/*PRINT*/
a.print {background:url(../../images/sp-main.png) -143px -40px repeat scroll; display:inline-block; width:81px; height:22px}
a.print:hover {background-position:-143px -63px}

/*PDF*/
a.pdf {background:url(../../images/sp-main.png) -227px -40px repeat scroll; display:inline-block; width:94px; height:22px}
a.pdf:hover {background-position:-227px -63px}

/*TEXT*/
a.text {background:url(../../images/sp-main.png) -660px -40px repeat scroll; display:inline-block; width:67px; height:22px}
a.text:hover {background-position:-660px -63px}


/*DOWNLOAD*/
a.download {
    width: 64px;
    height: 23px;
    padding: 0px 10px !important;
}

#accordion div.ui-accordion-content table a.download,
a.download {
    background:url(../../images/sp-main.png) -439px -40px repeat scroll !important;
    display:inline-block;
    text-indent:-99999;
    text-transform: capitalize
}

#accordion div.ui-accordion-content table a.download:hover,
a.download:hover {background-position:-439px -63px}
#accordion div.ui-accordion-content table a { padding: 0; }

/*DOWNLOAD SIGN*/
a.sign-in-download {background:url(../../images/sp-sign-download.png) 0 0 repeat scroll; display:inline-block; width:119px; height:22px; text-indent:-99999; margin:-42px 16px 0 0}
a.sign-in-download:hover {background-position:0 -23px}

a.sign-up-download {background:url(../../images/sp-sign-download.png) -119px 0 repeat scroll; display:inline-block; width:147px; height:22px; text-indent:-99999; margin:-42px 16px 0 0}
a.sign-up-download:hover {background-position:-119px -23px}


/*PRINT 156*/
a.print-156 {background:url(../../images/sp-main.png) -525px -40px repeat scroll; display:inline-block; width:130px; height:22px; text-indent:-99999}
a.print-156:hover {background-position:-525px -63px}

/*ACCESS*/
#accordion div.ui-accordion-content table a.access,
a.access {background:url(../../images/sp-main.png) -736px -40px repeat scroll; display:inline-block; width:82px; height:22px; text-indent:-99999}
#accordion div.ui-accordion-content table a.access:hover,
a.access:hover {background-position:-736px -63px}

a.no-decoration {color:#333; text-decoration:none}
a.no-decoration:hover {text-decoration:underline}
a.grey {color:#878787; font-size:80%}
a.weather {color:#666; display:block; font-size:90%; font-weight:bold; margin:8px 0 0 25px; text-decoration:none}
a.weather:hover {color:#000}

span.grey3 { color: #333; }

hr, .top-border-dashed {border:0; height:0; margin:15px 0; border-top:1px dashed #888; clear:both}

.date {font-size:70%; font-weight:normal; line-height:250%; display:block; clear:both; text-align:right}
h3 +  .date {display:inline}

/*CONTAINER*/
#container {width:960px; margin:-5px auto 0; padding:0; position:relative}

/*MAIN*/
#main {margin:50px 0 0}
#main h2{color:#4f4f4f; font-family: "Arial Black", arial, sans-serif; font-weight: normal }
#main h2.comunity {color:#4259a5; font-size:150%; }
#main h2.institutional {color:#8aab48; font-size:150%; text-transform:none}
#main h2.transport {color:#bb2727; font-size:150%; text-transform:none}

#main h2.institutional.highlight,
#main h2.comunity.highlight,
#main h2.utilities.highlight{padding:10px 0; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; text-transform:capitalize}

#main h3.institutional {color:#8aab48; font-size:130%; text-transform:none}
#main h3.institutional span {color:#878787}
#main .highlight {color:#bf0000; padding:10px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:100%; margin:20px 0; font-size:170%; text-transform:capitalize; font-family: "Arial Black", arial, sans-serif; font-weight: normal; }

#main h2.utilities {color:#a55cb3;}
#main h3.utilities{color:#a55cb3; text-transform: none; font-size: 130%}
#main h3.transport {color:#bb2727; font-size:130%; text-transform:none}
#main h2.transport.highlight {text-transform:capitalize}
#main h3.comunity {color:#4259a5}

#main h2.schedule,
#main h3.schedule {color:#13937d}
#main h3.schedule span {color:#878787}

#main h2.faq {color:#fff; font-size: 130%}

#main h2.white {font-size:130%; color:#fff}

#main h3.size100 {font-size:100%}

/*HEADER TOP*/
#header-top {background:#EDEDED; width:100%;}
#header-top > div {width:960px; margin:0 auto}
#header-top .access {background:#45a963; color:#fff; padding:2px 2px 2px 10px; margin:10px 0; font-size:70%; border:0}

/*HEADER */
#header {margin:5px 0; position:relative; z-index:6}
#header input[type="text"] {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
#header > div {height:144px; width:739px; position:relative}
#header > div > span {position:absolute; bottom:-1px; left:0; width:59px; height:61px; background:url(../../images/bg-curve-01.png) left top no-repeat scroll}
#header > div .search {width:310px; height:23px; background:url(../../images/sp-main.png) 1px 0 no-repeat scroll; padding:6px 10px; margin:0 0 0 2px}
#header > div input[type="text"] {width:257px; margin:0 5px 0 15px; border-color:#891516; float:left}
#header > div input[type="submit"] {width:20px; height:25px; border:0; background:url(../../images/sp-main.png) 0 -45px no-repeat scroll; text-indent:-9999px; float:left}
#header > div input[type="submit"]:hover {background-position:-38px -45px; cursor:pointer}

  /*HEADER AUX*/
  #header > div .aux {height:35px; }
  #header > div .aux ul {width:407px;padding:0; font-size:70%; background:url(../../images/sp-main.png) -340px 0 no-repeat scroll; float:left}
  #header > div .aux li {padding:9px 8px 3px 7px; list-style:none; float:left; height:23px}
  /*#header > div .aux li ~ li {border-left:3px solid #767676;}*/
  #header > div .aux li a {color:#fff; text-decoration:none; font-weight:bold; margin:0 10px 0; display:inline-block}
  #header > div .aux li a:hover {text-decoration:underline}

  #header > div .aux li a.site-map span {width:15px; height:16px; background:url(../../images/sp-main.png) -77px -54px no-repeat scroll; display:inline-block; margin:0 5px 0 0; float:left}
  #header > div .aux li a.eng span,
  #header > div .aux li a.esp span {width:16px; height:15px; background:url(../../images/sp-main.png) -94px -57px no-repeat scroll; display:inline-block; margin:0 5px 0 0; float:left}
  #header > div .aux li a.esp span {background-position:-112px -57px}
  #header > div .aux li a.max-font {font-size:120%}

  #header .itinerary {background:#e2e2e2}
  #header > div .a-itinerary {display:block; margin:38px 0 0; float:right;text-decoration:none; text-align:center}

/*MAIN-NAV*/
#main-nav li a {
  font-family: "Arial Black", arial, sans-serif;
  text-decoration:none;
  font-size:80%;
  display:block;
  text-align:center;
  background:url(../../images/sp-main-nav.png) repeat-x scroll;height:37px; line-height:250%; color:#fff;
  margin:0 0 0 -18px;
  position:relative;
  text-indent:-10px;
  -webkit-border-radius: 0 0 0 20px;
  -moz-border-radius: 0 0 0 20px;
  border-radius: 0 0 0 20px;
  -moz-box-shadow: 0 -1px 6px #333;
  -webkit-box-shadow: 0 -1px 6px #333;
  box-shadow: 0 -1px 6px #333;
  behavior: url(/PIE.htc);
  cursor:pointer;
}

#main-nav {position:absolute; z-index:4; right:0; width:874px}
#main-nav > ul{padding:0; margin:-9px 0 10px; *margin:-10px 0 10px; width:874px; position:relative; float:left}
#main-nav li {list-style:none; float:left; height:40px}

#main-nav li a.ct {background-position:0 0; width:155px; margin:0}
#main-nav li a.ct:hover,
#main-nav li a.ct.active {background:#a35ab1;}

#main-nav li a.institucional {background-position:0 -37px; width:140px}
#main-nav li a.institucional:hover,
#main-nav li a.institucional.active {background:#88a946}

#main-nav li a.comunidade {background-position:0 -74px; width:135px}
#main-nav li a.comunidade:hover,
#main-nav li a.comunidade.active {background:#4258a4}

#main-nav li a.transporte {background-position:0 -111px; width:125px}
#main-nav li a.transporte:hover,
#main-nav li a.transporte.active {background:#ba2828}

#main-nav li a.utilidades {background-position:0 -148px; width:125px}
#main-nav li a.utilidades:hover,
#main-nav li a.utilidades.active {background:#00acec}

#main-nav li a.noticias {background-position:0 -185px; width:108px}
#main-nav li a.noticias:hover,
#main-nav li a.noticias.active {background:#e2aa00}

#main-nav li a.schedule {background-position: 0 -222px; line-height: 100%; width: 71px; padding:5px 25px 0; height:32px; text-align:left; text-indent:0;}
#main-nav li a.schedule:hover,
#main-nav li a.schedule.active {background:#169f87}

#main-nav li a.contact {background-position: 0 -259px; line-height: 100%; width: 59px; padding: 5px 16px 0; height:32px; text-align:left; text-indent:0;}
#main-nav li a.contact:hover,
#main-nav li a.contact.active {background:#d07115}

#main-nav li a.active { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height:45px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }

/*LI FIX*/
#main-nav li.fix {
  background: none repeat scroll 0 0 #ededed;
  height: 45px;
  margin: 0 0 0 15px;
  position: absolute;
  right: -15px;
  top: -5px;
  width: 15px;
}

/*SUB-NAV*/
#sub-nav-ct {background:#a35ab1}
#sub-nav-institucional {background:#88a946}
#sub-nav-comunidade {background:#4258a4}
#sub-nav-transporte {background:#ba2828}
#sub-nav-utilidades {background:#00acec}
#sub-nav-noticias {background:#e2aa00}
#sub-nav-schedule {background:#169f87}

.sub-nav {
  position:relative;
  top:-29px;
  width:874px;
  display:block;
  z-index:-2;
  padding:25px 0 1px;
  display:none;
  left:0;
  float:left;
  margin:0 0 -50px;
  -webkit-border-radius:0 0 0 80px; -moz-border-radius: 0 0 0 80px;border-radius: 0 0 0 80px; behavior: url(/PIE.htc);
  -moz-box-shadow: 0 -1px 6px #333; -webkit-box-shadow: 0 -1px 6px #333;
}
.sub-nav table {width:800px; margin:20px auto 20px; *margin:50px auto 20px}
.sub-nav table td {height:36px; vertical-align:top; padding:0 15px; *padding:0 15px 10px}
.sub-nav table td + td {background:url(../../images/divisor-vert.png) left top repeat-y scroll}
.sub-nav table tr.next-without-border + tr + tr span, .sub-nav table tr + tr span {background:url(../../images/divisor-hor.png) left top repeat-x scroll; width:100%; height:2px; display:block; margin:-9px 0 9px; *position:relative; *top:0}
.sub-nav table tr.next-without-border + tr span { background: none; }
.sub-nav table b { padding: 5px; }
.sub-nav table a {color:#fff; white-space:nowrap; text-decoration:none; padding:5px; font-size:75%}
.sub-nav table a:hover {background:url(../../images/bg-white-01.png) repeat scroll;}
.sub-nav table td > a { font-family: "Arial Black", arial, sans-serif; }
.sub-nav select { display: inline-block; vertical-align: bottom; width: 280px; margin-bottom: 10px }

#sub-nav-schedule.sub-nav {padding:0}

.sub-nav .ui-selectmenu {font-size:110%; color:#303030; font-weight:normal; padding:0; width:280px!important; *width:245px!important}
.sub-nav-schedule td {width:50%}
.sub-nav-schedule label {font-weight:bold; color:#fff; margin:0; font-size:90%}
.sub-nav-schedule td > div {margin:0 0 0 35px}
.sub-nav-schedule td input[type="submit"] {margin:0 48px 0 0; padding-top: 4px; padding-bottom: 4px; position:relative; top:-35px; right:-45px}
.ui-selectmenu-menu {z-index:4!important}
.sub-nav-schedule form { margin: 0; padding: 0 }

#sub-nav-institucional table {width:400px}
#sub-nav-institucional > div + div table td {background:url(../../images/divisor-vert.png) repeat-y scroll left top transparent}
#sub-nav-institucional th {font-size:90%; font-weight:bold; color:#abc27f;  padding-left:15px; padding-bottom: 8px }
.sub-nav .white { color: #fff }

#breadcrumb {border:1px solid #e8e8e8;margin:0 0 15px; clear:both; background:#fff; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; behavior: url(/PIE.htc);}
#breadcrumb li {
  list-style:none;
  float:left;
  font-size:70%;
  font-weight:bold;
  color:#000;
  padding: 10px 15px 14px 25px;
}
#breadcrumb li + li {background:url(../../images/divisor-breadcrumb.png) left top no-repeat scroll}
#breadcrumb a {color:#4f4f4f}
#breadcrumb a:hover {text-decoration:none}

/*BANNER FEATURE*/
.banner-feature-wrapper {width:665px; height:393px; position:relative; margin:0 auto}
.banner-feature {background:url(../../images/banner/banner-feature-01.png) no-repeat scroll; width:665px; height:393px }
.banner-feature + .banner-feature { display: none }
.banner-feature.round-bl,
.banner-feature-text.round-bl {-webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(/PIE.htc);}
.banner-feature-wrapper .nav {width:255px; position: absolute; left: 0; top: 0 }
.banner-feature-wrapper .nav a {
  display:inline-block;
  color:#fff;
  text-align:center;
  font-weight:bold;
  padding:10px 3px;
  width:30px;
  background:#000000;
  margin:0 1px 0 0;
  float:right;
  text-decoration:none;
  position:relative;
  font-size:95%;
  opacity: 0.8;
}
.banner-feature-wrapper .nav a:hover,
.banner-feature-wrapper .nav a.active {text-decoration:underline; cursor:pointer;}
.banner-feature-wrapper .nav a.active {cursor:default}

.banner-feature-text {
  background:url(../../images/bg-red-85.png) repeat scroll;
  padding:30px;
  position:absolute;
  right:0; top:0;
  width:350px;
  text-decoration:none;
  max-height:325px;
  overflow:hidden;
  float:right
}

.banner-feature-text:hover h2{text-decoration:underline }
.banner-feature-text h1 {color:#fff; text-transform:none; margin:0 0 10px }
#main .banner-feature-text h2 {color:#fff; font-size:90%; font-weight:normal; text-transform:none; font-family: arial, sans-serif; }

/*SHARE*/
.share {margin:2px 0; width:100%; display:block}
.share li {list-style:none; float:left}
.share li + li {margin:0 0 0 6px}

/*FOOTER*/
#footer {background:#555; color:#fff; width:100%; padding:0; clear:both; *clear:none; position:relative}
#footer > div {padding:20px}
#footer h4 {font-size:150%}
#footer .right h4 {text-align:right}
#footer form span {display:inline-block; margin:0 7px 0 0}
#footer form label {display:block; font-size:90%}
#footer form input[type="text"] {width:173px}
#footer form input[type="text"].warning {border:1px solid #ad2424; background:#f7e7e7}
#footer form input[type="submit"] {height:22px; width:65px; font-size:100%; padding:0}

#footer .social {padding:0; margin:10px 0 0; width:105px}
#footer .social li {list-style:none; float:right; margin-left: 5px;}
#footer .social a {background:url(../../images/sp-social.png) no-repeat scroll; display:block;width:30px; height:30px}
#footer .social a.facebook {background-position:0 0}
#footer .social a.facebook:hover {background-position:0 -30px}
#footer .social a.twitter {background-position:-30px 0}
#footer .social a.twitter:hover {background-position:-30px -30px}
#footer .social a.rss {background-position:-60px 0; padding:0}
#footer .social a.rss:hover {background-position:-60px -30px}

#footer .address {background:#333; display:block; width:100%; clear:both; padding:0; font-size:80%}
#footer .address img {margin:15px 0}
#footer .address p img {margin:3px 5px 0 0}
#footer .address p {width:470px; display:block; margin:12px 0 0 55px}
#footer .address p + p {margin:5px 0 0 55px}

#footer .privacy {margin:20px 0 0; padding:0}
#footer .privacy a {width:auto; color:#fff; display:inline-block; margin:11px 0 0}
#footer .privacy a:hover {text-decoration:none}
#footer .privacy img {margin:0px 10px 0 0}

#footer span.error {margin:0 15px}

/* ************************************************************************************************** */
/*ERROR MESSAGE FORM*/
.holder {position:relative}
.holder .message {color:#fff; display:none; position:absolute; padding:5px;background:#ad2424; font-size:11px; font-weight:normal}
.holder.error .message {display:block; text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; behavior: url(/PIE.htc)}
.holder.error input[type="text"],
.holder.error input[type="password"] {border:1px solid #ad2424; background:#f7e7e7}

/*ERROR MESSAGE RIGHT TOP*/
.holder .message.rt {right:0; top:-5px;}

/*ERROR MESSAGE LEFT TOP*/
.holder .message.lt {left:0; top:-5px}

/*ERROR MESSAGE RIGHT MIDDLE*/
.holder .message.rm {left:100%; top:15px; width:50%}

/* ************************************************************************************************** */
.highlight-2, .highlight-3, .highlight-4 {
    font-family: "Arial Black", arial, sans-serif;
    font-weight: normal;
    padding:8px 60px 10px 20px; font-size:140%; position:relative
}
.highlight-2 {
    color:#fff;
    background: #822727;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#8d2b2c) to(#7d2524)); /*old webkit*/
    background: -webkit-linear-gradient(#8d2b2c, #7d2524); /*new webkit*/
    background: -moz-linear-gradient(#8d2b2c, #7d2524); /*gecko*/
    background: -ms-linear-gradient(#8d2b2c, #7d2524); /*IE10*/
    background: -o-linear-gradient(#8d2b2c, #7d2524); /*opera 11.10+*/
    background: linear-gradient(#8d2b2c, #7d2524); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#8d2b2c, #7d2524); /*PIE*/
    behavior: url(PIE.htc);
}
.highlight-3 {
    color:#a90404;
    background-color:#afafaf;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#c5c5c5) to(#afafaf)); /*old webkit*/
    background: -webkit-linear-gradient(#c5c5c5, #afafaf); /*new webkit*/
    background: -moz-linear-gradient(#c5c5c5, #afafaf); /*gecko*/
    background: -ms-linear-gradient(#c5c5c5, #afafaf); /*IE10*/
    background: -o-linear-gradient(#c5c5c5, #afafaf); /*opera 11.10+*/
    background: linear-gradient(#c5c5c5, #afafaf); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#c5c5c5, #afafaf); /*PIE*/
    behavior: url(PIE.htc);
}
.highlight-4 {color:#fff; background-color:#a7b547}

.highlight-2.round-br, .highlight-3.round-br, .highlight-4.round-br {
  -webkit-border-radius:0 0 30px 0;
  -moz-border-radius:0 0 30px 0;
  border-radius:0 0 30px 0;
  behavior: url(/PIE.htc);
}
.highlight-2.round-bl, .highlight-3.round-bl, .rightCol .box-1 h4 ~ a, .bg-white.round-bl, .bg-orange.round-bl {
  padding:8px 40px 10px 40px;
  -webkit-border-radius:0 0 0 50px;
  -moz-border-radius:0 0 0 50px;
  border-radius:0 0 0 50px;
  behavior: url(/PIE.htc);
}
.highlight-4.round-bl {
  padding:8px 40px 10px 50px;
  -webkit-border-radius:0 0 0 30px;
  -moz-border-radius:0 0 0 30px;
  border-radius:0 0 0 30px;
  behavior: url(/PIE.htc);

}

/* ************************************************************************************************** */

/*BOX HORIZONTAL LIST*/
.box-2 {background:#f0f0f0}
.box-2 .date {/*display:block;*/ margin:0 0 5px; float:none; text-align:left}
.box-2.round-bl {-webkit-border-radius:0 0 0 30px;-moz-border-radius:0 0 0 30px;border-radius:0 0 0 30px; behavior: url(/PIE.htc);}

/*FULL PAGE*/
.fullPage {width:960px; margin:0 0 20px}

/*LEFT COLUMN*/
.leftCol {width:664px; float:left; margin:0 0 20px; padding-bottom:40px; -webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(/PIE.htc);}

/*RIGHT COLUMN*/
.rightCol {width:280px; float:right; margin-bottom:20px}

.leftCol.white,
.fullPage.white {background:#fff}
.leftCol.grey,
.fullPage.grey {background:#e2e2e2}
.leftCol h1,
.fullPage h1{position:relative; z-index:1}

h1.no-caps {text-transform:none}

.rightCol .wrap-1 {background:#fff}
.rightCol .wrap-2 {background:#dfdfdf}
.rightCol .wrap-3 {background:#d2d2d2}
.rightCol .wrap-4 {background:#585858}
.rightCol .wrap-5 {background:#008fa0}

.rightCol .box-1 {background:#bababa; position:relative; z-index:2}
.rightCol .box-1 {background:#bababa; position:relative; z-index:2}
.rightCol .box-1 > div {padding:10px}
.rightCol .box-1 > div.left-right-tab-content {padding:20px}

.rightCol .box-1 h4 {color:#5d5d5d; font-size:85%; float:left; display:inline-block; width:40%; margin:5px 0 0 15px}

.rightCol .box-1 h4 ~ a{
  background:#6d6f70;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  font-size:85%;
  padding:5px 25px;
  width:30%
}

.rightCol .box-1 h4 ~ a:hover {background:#852727}

.rightCol .box-2 {background:#dfdfdf; padding:0 0 20px 0; position:relative; z-index:2; clear:both; display:block}
.rightCol .box-2 h4 {color:#6f6f6f; font-size:120%}
.rightCol .box-2 > div {padding:10px 10px 10px 20px; font-size:75%}
.rightCol .box-2 > div img {margin:0 15px 0 0}
.rightCol .box-2 > div span {display:inline-block; width:75%}
.rightCol .box-2 > div span.ui-selectmenu-icon {width:17px}
.rightCol .box-2 .input, .rightCol .box-1 .input {text-align:center; clear:both}
.rightCol .box-2 .input input {font-size:100%}

.rightCol .entry-list-3 {font-size:70%; margin:0 0 10px; display:block}
.rightCol .entry-list-3 li {padding:13px 0}
.rightCol .entry-list-3 a {color:#303030; text-decoration:none; font-size:150%; }
.rightCol .entry-list-3 a:hover {text-decoration:underline}
.rightCol .entry-list-3 a:hover span {text-decoration:underline}

.rightCol h3, .rightCol h3.sub {
  background:url(../../images/bg-diag-05.gif) left top repeat scroll;
  font-size:100%;
  color:#fff;
  text-align:right;
  padding:10px 30px;
  position:relative;
  z-index:1;
  font-family: "Arial Black", arial, sans-serif;
  font-weight: normal;
}
.rightCol h3.round-bl {-webkit-border-radius:0 0 0 30px;-moz-border-radius:0 0 0 30px;border-radius:0 0 0 30px; behavior: url(/PIE.htc);}
.rightCol .box-1.round-bl,
.rightCol .box-2.round-bl,
.rightCol .wrap-1.round-bl,
.rightCol .wrap-2.round-bl,
.rightCol .wrap-3.round-bl {-webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(/PIE.htc);}
.rightCol .box-1.round-bl > div {padding-bottom:40px}

.rightCol h3.sub {padding-top:87px; margin-top:-80px; z-index:0; display:block}
.rightCol input[type="submit"] {width:140px}
.rightCol .a-submit {width:100px; font-size:11px}


/* ************************************************************************************************** */

.box-1.list li {list-style:none }
.box-1.list li + li {margin:8px 0; border-top:1px solid #929292; padding:8px 0 0}
.box-1.list li a {font-weight:bold; color:#707070; font-size:100%; text-decoration:none}
.box-1.list li a:hover {text-decoration:underline}

.box-1.list .tab-content + .tab-content { display: none }
.box-1.list.tabs .tab-content.grey p { color: #878787; }
.box-1.list.tabs .tab-content.grey h3 { color: #666666; }
.box-1.list.tabs .tab-content ul li { border: 0; color: #878787; list-style-type: square; margin-bottom: 1em; margin-left: 1.2em; margin-right: 0; margin-top: 1em; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }

/* ************************************************************************************************** */

/*NAV BOX*/
.box-1.list .nav-box li,
.box-1.list .nav-box li + li {float:left; border:0; margin:0; padding:0; width:50%}
.box-1.list .nav-box li a {
  background:#6d6f70;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  padding: 7px 13px 7px 23px;
  width:104px;
  display:block;
  font-size:80%;
  min-height:34px;
  text-align:left;
  position:relative;
}
.box-1.list .nav-box.margin {margin:-30px 0 0}
.box-1.list .nav-box.margin li a {padding-top: 36px}
.box-1.list .nav-box.margin li a.one-line {line-height: 400%; padding-bottom: 0; padding-top: 25px;}

.box-1.list .nav-box li a:hover {background:#999; cursor:pointer}
.box-1.list .nav-box li.active a {color:#6d6f70; background:none; cursor:default}
.box-1.list .nav-box li a.round-bl {-webkit-border-radius:0 0 0 30px;-moz-border-radius:0 0 0 30px;border-radius:0 0 0 30px; behavior: url(/PIE.htc);}

/*TABS NAV BOX*/
.box-1.list.tabs .nav-box {background:#c6c6c6}

/*GROUP 01*/
.box-1.list .nav-box.group1 li a,
.box-1.list .nav-box.group2 li a {
    padding:10px 0;
    text-align:center
}
.box-1.list .nav-box.group1 .li1 {width:100px;}
.box-1.list .nav-box.group1 .li2 {width:230px;}
.box-1.list .nav-box.group1 .li3 {width:267px;}

.box-1.list .nav-box.group1 .li1 a {
    line-height:240%;
    padding:10px 25px 10px 0
}
.box-1.list .nav-box.group1 .li2 a {
    line-height: 240%;
    padding: 10px 25px 10px 10px;
    width: 225px;
}
.box-1.list .nav-box.group1 .li3 a {
    line-height: 240%;
    width: 267px;
}

/*GROUP 02*/
.box-1.list .nav-box.group2 .li1 {width:160px}
.box-1.list .nav-box.group2 .li2 {width:166px}
.box-1.list .nav-box.group2 .li3 {width:120px}
.box-1.list .nav-box.group2 .li4 {width:141px}

.box-1.list .nav-box.group2 .li1 a {
    line-height: 240%;
    padding: 10px 25px 10px 10px;
    text-align: center;
    width: 153px;
}
.box-1.list .nav-box.group2 .li2 a {
    padding: 10px 39px 10px 10px;
    text-align: center;
    width: 158px;
}
.box-1.list .nav-box.group2 .li3 a {
    line-height: 240%;
    padding: 10px 30px 10px 10px;
    width:110px
}
.box-1.list .nav-box.group2 .li4 a {
    line-height: 240%;
    width:141px;
    padding:10px 5px
}

.box-1.list.tabs .nav-box.group1.active1 .li1 a,
.box-1.list.tabs .nav-box.group1.active2 .li2 a.round-bl,
.box-1.list.tabs .nav-box.group1.active3 .li3 a.round-bl,
.box-1.list.tabs .nav-box.group2.active1 .li1 a,
.box-1.list.tabs .nav-box.group2.active2 .li2 a,
.box-1.list.tabs .nav-box.group2.active3 .li3 a,
.box-1.list.tabs .nav-box.group2.active4 .li4 a {
    background:#c6c6c6;
    color:#666;
    -webkit-border-radius:0;-moz-border-radius:0; border-radius:0; behavior: url(/PIE.htc);
}

/* ************************************************************************************************** */
.sign-in {padding:20px 21px}
.sign-in h4 {color:#6F6F6F; font-size:90%}
.sign-in td {vertical-align:middle; position:relative}
.sign-in label {color:#666; font-style:italic; font-size:80%; margin:15px 0 0 7px; position:absolute; cursor:text}
.sign-in a {font-size:70%; color:#6f6f6f}
.sign-in input {border:2px solid #bcbcbc; font-size:90%; width:230px; margin:10px 0 0}
.sign-in input[type="password"] {padding:2px}
.sign-in input[type="button"] {width:auto; border-width:1px}

/* ************************************************************************************************** */

/*ENTRY 1*/ /*DESTAQUE, IMAGEM ESQUERDA, TEXTO DIREITA */
.entry-1 h3 {color:#4f4f4f; font-family: "Arial Black", arial, sans-serif; font-weight: normal }
.entry-1 li {list-style:none; float:left; width:100%}
.entry-1 img {float:left; margin:0 10px 0 0}
.entry-1 li + li {margin:0 0 0 17px}
.entry-1 p {font-size:90%; margin:15px 0 0; color:#888888}

/*ENTRY 1 CATEGORY*/ /*DESTAQUE, IMAGEM ESQUERDA, TEXTO DIREITA */
.entry-1.category, .entry-1.bg-white.category {padding:10px; width:92%; margin:15px auto}

/*ENTRY 1 LIST*/ /*3 DESTAQUES, COM T�TULO, DATA, FOTO, TEXTO E LINK, HORIZONTALMENTE*/
.entry-list-1 {margin:25px}
.entry-list-1 h3 {color:#4f4f4f;/* height:43px;*/ overflow:hidden; font-family: "Arial Black", arial, sans-serif; font-weight: normal}
.entry-list-1 li {list-style:none; float:left; width:31% }
.entry-list-1 li img {display:block}
.entry-list-1 li + li {margin:0 0 0 20px}
.entry-list-1 p {font-size:90%; margin:10px 0 0; color:#888}
.entry-list-1 .date {display:block; width:100%; margin:0}

/*THREE NEWS*/
.entry-list-1.three-news {margin:25px 14px}

/*SCROLLABLE SERVICES */
.scrollable { width: 550px; height:250px; margin:0 auto; float:none }
.scrollable a {text-decoration:none; text-align:center; background:#fff; height:225px; padding: 0; margin: 0 13px; width: 160px; display:inline-block; float:left}
.scrollable a p {overflow:hidden;font-size:75%; height:30px; color:#333}
.scrollable a:hover p {text-decoration:underline}
.scrollable h3 {
    color:#20a288; text-align:center; font-size:90%; margin: 10px 0;
    font-family: "Arial Black", arial, sans-serif; font-weight: normal;
}

a.prev, a.next {background:url(../../images/sp-arrow-nav-01.png) no-repeat scroll; width:15px; height:28px; display:block}
a.prev {background-position:0 0}
a.prev:hover {background-position:0 -28px; cursor:pointer}
a.next {background-position:-15px 0}
a.next:hover {background-position:-15px -28px; cursor:pointer}

h3 ~ a.prev {position:absolute; margin:150px 0 0 30px; *margin:150px 0 0 -140px}
h3 ~ a.next {position:absolute; margin:-135px 0 0 625px; *margin:-135px 0 0 630px}

a.prev {position:absolute; margin:65px 0 0 25px; *margin:4% 0 0 -25px}
a.next {position:absolute; margin:-155px 0 0 609px;}

/*SCROLLABLE ARCHIVES*/
.scrollable.archives {width:206px; position:relative; display:inline-block; height:40px; margin:0 0 0 27px; background:url(../../images/bg-archives-scrollable.png) repeat-x scroll; text-align:center}
.scrollable.archives > div > div {
  margin:0 10px;
  width:196px;
  line-height:200%;
  color:#707070;
  font-weight:bold;
  font-size:120%;
}
.scrollable.archives > div {position:absolute; left:0}

.prev.archive, .next.archive {background:url(../../images/sp-main.png) no-repeat scroll; width:27px; height:40px}
.prev.archive {background-position:-327px -40px; margin:0; *margin:0 0 0 -27px}
.prev.archive:hover {background-position:-381px -40px}
.next.archive {background-position:-354px -40px;margin:-40px 0 0 233px}
.next.archive:hover {background-position:-408px -40px}

/*VERTICAL SCROLLABLE IMAGES*/
.vert-scrollable a.up,
.vert-scrollable a.down {display:block; float:right; height:12px; width:25px; right:55px; position:relative; background:url(../../images/sp-arrow-up-down.png) no-repeat scroll}
.vert-scrollable a.down {background-position:left bottom}

.vert-scrollable .vert-scroll-wrap {position:relative; overflow:hidden; height:302px; right:-15px; float:right; width:155px}
.vert-scrollable .vert-scroll-container { position: absolute; top: 0; left: 0 }
.vert-scrollable .vert-scroll-wrap a {display:block; float:left; padding:10px }
.vert-scrollable .vert-scroll-wrap a + a { border-top:1px dashed #888888}

/*SEVICES GUIDE | DOCS*/
.services-guide ul{width:235px; margin-left:50px;font-size:80%; position:relative}
.services-guide ul + ul {margin-left:73px}
.services-guide li {list-style:none; margin:10px 0}
.services-guide li a {display: inline-block; vertical-align: middle; width: 228px; color:#333; text-decoration:none}
.services-guide li a:hover {text-decoration:underline}
.services-guide li span {position:relative; background:#83a344; color:#fff; text-align:center; font-size:120%; margin:0 10px 0 -35px; padding:3px; display:inline-block; vertical-align: middle; width:20px; font-weight:bold; -webkit-border-radius:80px;-moz-border-radius:80px;border-radius:80px; behavior: url(/PIE.htc);}

.services-guide .jspContainer {margin:0 auto ; height:215px!important; width:606px!important}
.services-guide .services-content {height:235px!important; overflow: hidden; }
.services-guide .scroll-pane {height:250px;}

.table-estructure .jspContainer {margin:0 auto ; height:415px!important; width:96%!important}
.table-estructure .table-content { width:94%}
.table-estructure h4 { color: #555 }
.table-estructure .scroll-pane { height:415px }

.docs ul {width:auto; font-size:80%}
.docs li {list-style:none; margin:10px 0}
.docs li span {background:#a55cb3;position:relative; top:-3px; color:#fff; text-align:center; font-size:120%; margin:0 10px 0 -35px; padding:3px; display:inline-block; width:20px; font-weight:bold; -webkit-border-radius:80px;-moz-border-radius:80px;border-radius:80px; behavior: url(/PIE.htc);}
.docs li p {line-height: 165%;  margin: -26px 0 0;}

/* FARES */
.fares h3 ~ a {font-size:100%; font-family: "Arial Black", arial, sans-serif; font-weight:normal; text-decoration:none; color:#535353; display:inline-block; margin-right:10px;float:right}
.fares h3 ~ a:hover {color:#4259A5}
.fares h3 ~ a img {margin-bottom:3px}
.fares li {list-style:none; float:left; text-align:center; margin:0 10px; height:200px; position:relative}
.fares li h3 {text-transform:uppercase; width:112px }
#main .fares li h3 { font-size: 80%; font-family: "Arial Black", arial, sans-serif; font-weight: normal; line-height: 100%; }
.fares li h3 span{color:#666; font-size:80%; text-transform:none; display:block; font-family: arial, sans-serif; font-weight:bold}
.fares li h4 {color:#666; font-size:130%; position:absolute; bottom: 30px; left:25px; font-family: "Arial Black", arial, sans-serif; font-weight: normal; }
.fares li h4 span {font-size:70%}
.fares li h4 sup {top:-0.40em; font-size: 60%}
.fares li img {position:absolute; bottom:60px; left:4px}

/*RIT DETAILS*/
#rit-detail #accordion p {font-size:130%}

/*COMPONENT FARE*/
#accordion .component-fare ul,
#accordion .component-fare i {font-size:130%;  line-height: 170%}

#rit-detail #accordion div.ui-accordion-content a {padding:0; display:inline}
#rit-detail #accordion div.ui-accordion-content > div{padding:0 }

.component-fare {width:597px; display:block; position:relative}
.component-fare .chart {background:url(../../images/bg-component-fare-chart.jpg) left bottom repeat-x scroll; cursor:default}
.component-fare .chart td {vertical-align:bottom; height:160px; width:75px; text-align:center; }
.component-fare .chart .col {background:url(../../images/bg-diag-06.gif) repeat scroll; margin:0 auto; width:66px; display:block;}

.component-fare .chart tfoot td {height:20px;}

.component-fare .chart .relative {position:relative; display:block; height:100%}
.component-fare .chart .value, #accordion .component-fare .chart .value {
    display:block;
    margin:0 auto;
    width:60px;
    padding:3px 3px;
    text-align:center;
    color:#fff;
    font-size:70%;
    overflow:hidden;
    background:url(../../images/bg-diag-16.gif) repeat scroll
}
#accordion .component-fare .chart .value {float:none; height:14px; line-height:140%; font-size:100%; text-align:left; padding-left:10px; width:53px; display:block; *font-size:78%}
.component-fare .chart .tooltip, #accordion .component-fare .chart .tooltip {
    position:absolute;
    top:-78px;
    left:-56%;
    background:url(../../images/bg-tooltip.png) left top no-repeat scroll;
    width:149px;
    height:52px;
    display:block;
    font-size:75%;
    overflow:hidden;
    padding:15px;
    text-align:center;
    z-index:20;
    display:none;
    float:none
}
.component-fare .chart img {display:none; position:absolute; bottom:-44px; left:27%}

.component-fare .chart .tooltip p {margin:5px 0 0;text-align:center}
#accordion .component-fare .chart .tooltip b {font-size:160%; color:#000}

#accordion .component-fare a, #accordion .component-fare div.ui-accordion-content {padding:0; display:inline}

.component-fare .chart td:hover .tooltip,
#accordion .component-fare .chart td:hover .tooltip,
.component-fare .chart td.active img,
.component-fare .chart td:hover img{display:block}
.component-fare .chart td:hover .col div {background:#901e1e; cursor:pointer}

/* reset da tabela de tarifas/componente */
.component-fare.tax .chart td { width: 99px; }
.component-fare.tax .chart td.c01 .col + .col { border-top: 1px dotted #fff }
.component-fare.tax .chart td:hover .tooltip,
.component-fare.tax .chart td:hover img{display:none !important}
.component-fare.tax .chart td:hover .col:hover .tooltip,
.component-fare.tax .chart td:hover .col:hover img{display:block !important}
.component-fare.tax .chart .col { position: relative; background: none; width: 86px; }
.component-fare.tax .chart .col div { position: relative; background:url(../../images/bg-diag-06.gif) repeat scroll; margin:0 auto; width:86px; display:inline-block;}
#accordion .component-fare.tax .chart .value { width: 73px; }


/*ESTATÍSTICAS TRANSPORTE*/

.component-fare.transport .chart td:hover img {display:none}


/*COMPONENT FARE TABLE*/
.component-fare-table td {vertical-align:middle}
.component-fare-table .col div {background:url(../../images/bg-diag-06.gif) repeat scroll; float:left; height:20px; margin:0 5px 0 0; display:inline-block}
.component-fare-table .col span {font-size:85%; float:left}
#accordion .component-fare-table {font-size:120%}
#accordion .ticket-evolution table td span,
#accordion .component-fare-table .col span {background:none; font-size:100%; margin-right:18px; display:block}
#accordion .ticket-evolution table td a {background:none; font-size: 100%; text-decoration: underline }
#accordion .ticket-evolution table td a:hover {color: #000 }

/*COMPONENT FARE CONTENT*/
.component-fare-content {padding:10px; border:2px solid #e3e3e3}
.component-fare-content + .component-fare-content { display: none } /* hide all items but the first */

/*TOURISM*/
.tourism {width:420px; position:relative}
.tourism h3 {position:absolute; right:0}
.tourism p {background:#fff; font-size:75%; padding:17px 10px; margin: 0}
.tourism a {text-decoration: none}
.tourism .see-more {
  position:absolute;
  right:0;
  top:44px;
  background:#a7a8aa;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  display:block;
  padding:3px 12px 3px 26px;
  font-size:90%;
}
.tourism a:hover .see-more {background:#a90404}
#tourism-detail div p { width: 240px; margin-top: 0 }


/*RIT SIDEBAR*/
.rit select {width:238px; margin:0 0 3px 2px}

/*ACCORDION RIHT COL */
#accordion.margin-big-bottom {margin-bottom:60px}
#accordion h3 {background:#d2d2d2; color:#707070; text-align:left; padding:10px; border:0; font-size:100% }
#accordion > div + div {border-top:1px solid #c5c5c5}
#accordion h3:hover {cursor:pointer; background:#dfdfdf}
#accordion a,
#accordion div.ui-accordion-content {background:#fff; padding:10px; font-size:70%; color:#878787; text-decoration:none; display:block; *overflow:hidden; }
#accordion div.ui-accordion-content.form-as-ul { font-size:100% }
#accordion a {font-size:100%}
#accordion a:hover {text-decoration:underline; cursor:pointer}
#accordion a + a {border-top:1px dashed #878787}
#accordion span {background:url(../../images/sp-arrow-up-down.png) 0 -12px no-repeat scroll; float:right; width:24px; height:12px}
#accordion .ui-state-active {background:#dfdfdf}
#accordion .ui-state-active span {background-position:0 0}
#accordion .ui-widget-content {border:0}
#accordion.faq.ui-widget {font-size:90%}

#accordion.accordion-right h3 {background:#dfdfdf}
#accordion.accordion-right h3:hover {cursor: pointer; background:#d2d2d2}
#accordion.accordion-right .ui-state-active {background:none}
#accordion.accordion-right .ui-state-active:hover {cursor:default; background:none}

#accordion h3.ui-corner-all {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; behavior: url(/PIE.htc);}

#accordion.accordion-right.closed .ui-state-active:hover {cursor:pointer; background:#e6e6e6}

/*ACCORDION FAQ(LEFT COL)*/
#accordion.faq h3 {background:#e3e3e3; font-size:120%; display:block; *width:96.8%; padding:10px}
#accordion.faq h3:hover {background:#ddd}
#accordion.faq h3.ui-state-active {background:#fff; color:#495164}
#accordion.faq > div + div {border-top:1px solid #ccc}
#accordion.faq > div {background:#fff; position: relative}
#accordion.faq > div > div { padding:0 10px 20px; }
#accordion.faq > div p, #accordion.faq > div ul {margin:0 0 10px 0; font-size:120%}
#accordion.faq > div ul {margin-left: 20px }
#accordion.faq > div div span {display: inline; background: none !important; float: none; width: auto; height: auto}

#accordion div.ui-accordion-content table i {line-height: 140% }

/*RIGHT BUSES SCHEDULE*/
.lines {display:none}
.lines select {width:232px; margin:0 0 3px 2px}

/*RIGHT TRANSPORT CARD*/
.purchase-spots {display:none; height:151px; background:url(../../images/bg-purchase-spots.jpg) left center no-repeat scroll; position:relative}
.rightCol .box-1 .purchase-spots h4 {font-size:130%; color:#696b6c; margin-left:75px; margin-top:30px; display:block; clear:both}
.rightCol .box-1 .purchase-spots h5 {font-size:100%; color:#fff; margin-left:75px; margin-top:85px; *margin-top:10px; display:block; clear:both}
.rightCol .box-1 .purchase-spots p {padding:0; display:block; color:#333; margin:.1em 0; float:left; width:72%; font-size:80%; margin-left:75px}
.rightCol .box-1 .purchase-spots a,
.rightCol .box-1 .purchase-spots a:hover {background:none; width:auto;padding:0;font-size:0}
.rightCol .box-1 .purchase-spots img {position:absolute; bottom:0; right:0}
.online-purchase {height:151px}

/*PAGINATION*/
#pagination b, .pagination b {color:#495164;display:block; margin:0 0 10px}
#pagination a, .pagination a {
  padding:4px 10px;
  background:#c5c5c5;
  color:#495164;
  text-decoration:none;
  font-weight:bold;
  float:left;
  -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; behavior: url(/PIE.htc);
}
#pagination a:hover, .pagination a:hover {background:#ddd}
#pagination a.active, .pagination a.active {background:#5d7295; color:#fff; cursor:default}
#pagination a ~ a, .pagination a ~ a {margin:0 0 0 3px}

/*ACCESSIBILITY SCHOOL*/
.school h2 {font-size:100%; text-transform:none; width:100%; border-bottom:1px solid #333; padding:0 0 10px}
.school h2 span {color:#00aeef}
.school p {color:#4f4f4f; margin:.5em 0}

/*CATEGORY BREADCRUMB*/
.category-breadcrumb a {text-decoration:underline; font-weight:normal; color:#333}
.category-breadcrumb a:hover {text-decoration:none}
#main .leftCol h1 + .category-breadcrumb,
#main .fullPage h1 + .category-breadcrumb{font-size:100%; position:relative; z-index:0; margin:-50px 0 20px; padding:40px 20px 15px; background:#ccc; color:#878787; font-family: "Arial Black", arial, sans-serif; font-weight: normal }

/*TABLE BIDDING (LICITACOES) /  CONCURSOS*/
#bidding p, #concursos p {color:#878787; margin: .1em 0 .5em}
#bidding li, #concursos li {list-style: none; padding:0 0 8px; width:100%}
#bidding li + li, #concursos li + li {border-top:1px dashed #999; padding:5px 0 8px;}
#bidding li a, #concursos li a {font-size:80%; display:inline-block; color:#8aab48}
#bidding li a.left, #concursos li a.left {margin:5px 0 0}
#bidding p b, #concursos p b {font-size:130%}
#bidding h3, #concursos h3 {font-size:100%; margin-right: 5px}
#concursos li a {color:#a55cb3}
#bidding li label.verde{float:right;display:table;margin-right:4px;font-size: 80%;color: #8AAB48;margin-top:5px;}

/*TABLE SHAREHOLDER (LICITACOES)*/
#shareholder {font-size: 90%}
#shareholder tr.odd {background:#d5d5d5}
#shareholder tr td {width:500px; padding:5px; vertical-align:middle}
#shareholder tr td + td {width:100px; text-align: right}
#shareholder.grey tr td { color: #878787 }

/*TABLE FARE (UTILIDADES)*/
#fare {font-size: 90%}
#accordion #fare {line-height:120%}
#accordion #fare tr td + td {font-size:120%}
#fare tr.odd {background:#d5d5d5}
#fare tr td {width:500px; padding:5px; vertical-align:middle; color:#464646}
#fare tr td + td {width:100px; text-align: right}
#fare p {font-size:80%}
#fare .eq {margin:10px 0}
#accordion #fare .eq {line-height:160%}
#fare .eq p {margin-top:0; margin-bottom:0;}

/*TABLE 01*/
.table-01 {color:#878787; position:relative; width:100%}
.table-01 td {padding:5px; font-size:80%; height:19px; vertical-align: middle}
.table-01.legal td { font-size:100% }
.table-01 td.center {text-align:center}
.table-01 tr.center td + td {text-align:center}
.table-01 th {background:#7d7f84; color:#fff; font-weight: bold; padding:10px}
.table-01 .last {text-align: right}
.table-01 .even {background:#d5d5d5}

/*TABLE 02*/
.table-02 {color:#878787; position:relative; width:100%}
.table-02 .title-small {font-size:70%; vertical-align:middel}
.table-02 td {padding:5px; font-size:80%; height:19px; vertical-align: middle; text-align: center}
.table-02 .last {text-align: right}
.table-02 .even {background:#e2e2e2}
.table-02 th,
.table-02 td.title {background:#fff; color:#7d7f84; font-weight: bold; padding:10px; font-size:90%; text-align: center}
.table-02 td.title {text-align:right}

/*TABLE 03*/
.table-03 {color:#878787}
.table-03 td {border:2px solid #fff;font-size:80%; padding:5px 10px}
.table-03 td.col {padding:5px 0}
.table-03 tr.even {background:#e3e3e3}
.table-03 th {background:#e3e3e3; text-align:center; border:3px solid #fff; padding:5px 10px; font-weight:bold; font-size:90%}
.table-03 tfoot td {background:#7e7f84; color:#fff; font-weight:bold}

/*SITE MAP*/
.table-sitemap td {vertical-align:top}
.table-sitemap, .table-sitemap th, .table-sitemap td.title {text-align:left}
.table-sitemap th a,
.table-sitemap .title a,
.table-sitemap .title a:hover {font-size:110%; color:#4f4f4f;text-decoration:none}
.table-sitemap .title a:hover,
.table-sitemap th a:hover {color:#999}
.table-sitemap .title a {display:block; margin:10px 0 0}
.table-sitemap .title a + a {margin:35px 0 }

.table-sitemap ul {width:90%}
.table-sitemap li {text-align:left;margin:0; padding:15px 0 20px; margin:0 0 5px}
.table-sitemap li b {font-size:110%}
.table-sitemap li a {color:#898989; text-decoration:none; font-size:110%}
.table-sitemap li a:hover {color:#333}


.table-border td {border:2px solid #fff}
/*FORM LIGHTBOX*/
.form-lightbox {width:550px}
.form-lightbox h2 {font-size:150%}
.form-lightbox h2.institutional {color:#8aab48}
.form-lightbox label,
.form-lightbox form > span > span {font-style: italic; font-size:70%}
.form-lightbox input[type="password"], .form-lightbox input[type="text"] {border:2px solid #bcbcbc; display:block; width: 400px; padding:6px 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;behavior: url(/PIE.htc)}
.form-lightbox .sign input[type="password"], .form-lightbox .sign input[type="text"] {width: 325px}
.form-lightbox .signup input[type="text"] {width: 452px}
.form-lightbox .download {margin-left:auto; margin-right:auto; display:block}
.form-lightbox form > span {margin:0 0 15px; display:block}
.form-lightbox form > span > span {display:block}
.form-lightbox form li {list-style:none}
.form-lightbox div.width96 {max-height:360px; overflow: auto}
.form-lightbox div.width90 {max-height:360px; overflow: auto}

/*LIGHTBOX*/
.services-guide-lightbox, .lightbox {width:550px}
.services-guide-lightbox p, .lightbox p {color:#888; width:95%}
.services-guide-lightbox h2, .lightbox h2 {color:#4F4F4F; width:90%}
.services-guide-lightbox div.width96, .lightbox div.width96 {max-height:360px; overflow: auto}

.lightbox {font-size:90%}
.lightbox img.border {border:4px solid #d6d6d6}
.lightbox p {clear:both}
.lightbox.width750 {width:750px}
.lightbox pre {font-family:'Helvetica','Arial',sans; font-size:80%}
.lightbox .description ul {margin:0 0 10px; font-weight: bold}
.lightbox .description ul ul {font-size:95%; margin-bottom:15px; margin-left:10px; font-weight: normal}
.terminal-lightbox .description ul { list-style: none }

/*SEARCH LIGHTBOX*/
.search-container h1 {color:#4f4f4f}
.search-container h2 {font-size:110%}
.search-container .filter a {text-decoration: none; background:#eee; color:#333; padding:3px 4px; display:inline-block;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; behavior: url(/PIE.htc);}
.search-container .filter a:hover {background:#d6d6d6}
.search-container .filter .active a {background:#3d5198; color:#fff}
.search-container .filter li {list-style: none; float:left; font-size:90%; }
.search-container .filter li + li {margin:0 0 0 5px}

.search-container .item {
    background:#EFF6FF;
    border: 1px solid #D7E5F6;
    margin: 0 0 5px;
    padding: 1px 21px;
    width: 92%;
    -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; behavior: url(/PIE.htc);
}
.search-container .item:hover {background:none; border:1px solid #EFF6FF}
.search-container .item p a:hover {text-decoration:none}

/*ENTRY 2 LIST*/ /*3 DESTAQUES, 1 DESTAQUE COM T�TULO/FOTO/TEXTO A ESQUERDA, 2 DESTAQUES A DIREITA SEM FOTO*/
.entry-list-2 h3 {color:#4f4f4f; font-family: "Arial Black", arial, sans-serif; font-weight: normal; }
.entry-list-2 li {list-style:none; float:left; width:45%; margin: 0 32px 0 0}
.entry-list-2 li .date { margin:2px 0; width:100%}
.entry-list-2 li + li {float:left; width:44%}
.entry-list-2 li + li + li {border-top:1px dashed #888; padding:10px 0 0}
.entry-list-2 p {font-size:90%; margin:10px 0 0; color:#888}

/*ENTRY 3 LIST*/ /*DESTAQUES VERTICAIS SEM IMAGEM*/
.entry-list-3 h3 {color:#4f4f4f; font-family: "Arial Black", arial, sans-serif; font-weight: normal; }
.entry-list-3 li {list-style:none; float:left; width:100%; padding:10px 0 }
.entry-list-3 li + li {border-top:1px dashed #888}
.entry-list-3 p {font-size:80%; margin:10px 0 0}

.entry-list-3.grey {color:#707070}
.entry-list-3.bold a {color:#707070; font-size:160%;display:block; width:90%; margin:0 auto}
.entry-list-3.bold a.download {background:url(../../images/sp-main.png) -439px -40px repeat scroll; display:inline-block; width:65px; height:22px; text-indent:-99999; margin:10px 0 0}
.entry-list-3.bold a.download:hover {background-position:-439px -63px}

/*LIST TAB VERTICAL*/
.entry-list-3.tab-vert li{padding:0; position:relative}
.entry-list-3.tab-vert li + li,
.entry-list-3.tab-vert li.round-bl-40 {border-top:1px solid #d9d9d9}
.entry-list-3.tab-vert li a {display: table-cell; vertical-align:middle; min-height: 40px;  /*padding: 12px 20px 12px 10px;*/ padding-left:10px; padding-right:20px; line-height:300%; width: 178px; border-right: 1px solid #d9d9d9 }
.entry-list-3.tab-vert.pad li a {display: table-cell; vertical-align:middle; padding: 13px 20px 13px 10px; width: 160px; border-right: 1px solid #d9d9d9; line-height:100% }
.entry-list-3.tab-vert li a + span {
        display:block;
        width:12px;
        height:42px;
        background:url(../../images/sp-arrow-tab-vert.gif) left top no-repeat scroll;
        float:right;
        position:absolute;
        right:-11px;
        top:0;
        *right:-9px;
        *top:0;
        *height:40px
}
.entry-list-3.tab-vert li.active {background:#f0f0f0}
.entry-list-3.tab-vert li.active a {color:#7F2626}
.entry-list-3.tab-vert li.active a + span {background-position:right top}

#rit-list.entry-list-3.tab-vert li a {width:245px}

/*CONTACT LOGIN*/
.contact-login {border-left:1px solid #e5e5e5}
.contact-login h3 {font-size:140%; color:#999}
.contact-login li { list-style: none }
.contact-login ul.error_list li { font-size: 80%; color: red }
.contact-login label {color:#ff8a00; display:block; font-size:80%; margin:5px 0 0}
.contact-login input[type="text"],
.contact-login input[type="password"]{width:98%; margin-bottom:5px}
.contact-login a {font-size:70%; color:#999}

/*SCHEDULE*/
table.schedule {font-size:90%; color:#666}
table.schedule td {text-align: center; background:#e2e2e2; padding:2px 0; vertical-align:middle}
table.schedule tr + tr {border-top:10px solid #fff}
table.schedule b {color:#13937d; text-decoration:underline}
ul.schedule {font-size:90%; color:#666; }
ul.schedule li { display: block; float: left; width: 81px; text-align: center; padding:2px 0; margin-bottom: 10px; background:#e2e2e2; }
ul.schedule li.bold {color:#13937d; text-decoration:underline}

.homepage .icon {display:inline-block; width:13px; height:10px; margin:0 5px 0 0; background:url(../../images/icon-homepage.png) center top no-repeat scroll}
.phone .icon {display:inline-block; width:13px; height:10px; margin:0 5px 0 0; background:url(../../images/icon-phone-02.png) center top no-repeat scroll}
.email .icon {display:inline-block; width:13px; height:10px; margin:0 5px 0 0; background:url(../../images/icon-mail.png) center top no-repeat scroll}

.right-contact {color:#fff}
.right-contact b {font-size:130%}

#main .contact-facebook a {color:#637bad; text-decoration: none}
#main .contact-facebook h2 {color:#637bad; font-size:120%}
#main .contact-twitter a {color:#54c7ed; text-decoration: none}
#main .contact-twitter h2 {color:#54c7ed; font-size:120%}

#main .contact-twitter a:hover,
#main .contact-facebook a:hover {text-decoration:underline}


/*SIMPLE LIST*/
.simple-list li, .simple-list li + li {border:0; list-style:disc; padding:3px; list-style-position:inside}
.simple-list li p {display:inline}

.list-grey {color:#878787; font-size:90%}

/*BUY*/
.buy,
.buy:active{text-decoration:none; padding:10px; font-size:100%; display:block; margin:0 auto; width:70%}

/*RIGHT TAB / LEFT TAB*/
.left-tab-content, .right-tab-content {display:none} /* they will be shown according the active item through js */
.right-tab-content label {font-size:90%; font-weight:bold; color:#808080; display:block; width:100%}

/* ************************************************************************************************** */

h3.diag-01, .diag-01 {background:url(../../images/bg-diag-01.gif) left top repeat scroll;}
h3.diag-02, .diag-02 {background:url(../../images/bg-diag-02.gif) left top repeat scroll;}
h3.diag-03, .diag-03 {background:url(../../images/bg-diag-03.gif) left top repeat scroll;}
h3.diag-04, .diag-04 {background:url(../../images/bg-diag-04.gif) left top repeat scroll;}
h3.diag-05, .diag-05 {background:url(../../images/bg-diag-05.gif) left top repeat scroll;}
h3.diag-06, .diag-06 {background:url(../../images/bg-diag-06.gif) left top repeat scroll;}
h3.diag-07, .diag-07 {background:url(../../images/bg-diag-07.gif) left top repeat scroll;}
h3.diag-08, .diag-08 {background:url(../../images/bg-diag-08.gif) left top repeat scroll;}
h3.diag-09, .diag-09 {background:url(../../images/bg-diag-09.gif) left top repeat scroll;}
h3.diag-10, .diag-10 {background:url(../../images/bg-diag-10.gif) left top repeat scroll;}
.bg-diag-11 {background:url(../../images/bg-diag-11.gif) left top repeat scroll;}
.bg-diag-12 {background:url(../../images/bg-diag-12.gif) left top repeat scroll;}
.bg-diag-13 {background:url(../../images/bg-diag-13.gif) left top repeat scroll;}
h3.bg-diag-14 {background:url(../../images/bg-diag-14.gif) left top repeat scroll;}
.bg-diag-05 {background:url(../../images/bg-diag-05.gif) left top repeat scroll;}
.bg-white {background:#fff}
.bg-white.round-bl, .bg-orange.round-bl {padding:0}
.bg-orange {background:#fe8c04}
.bg-grey {background:#f0f0f0}
.bg-grey-01 {background:#e3e3e3}
.bg-grey-02, .rightCol .box-1.bg-grey-02 {background:#dfdfdf}
.bg-grey-03 {background:#c6c6c6}
.red {color:#b92727}
.rightCol .box-1.bg-white {background:#fff}
h3.grey {color:#666}

.input input,.input .a-submit {display:block; margin:0 auto}

/* ************************************************************************************************** */
.round-bl-40 {-webkit-border-radius:0 0 0 40px;-moz-border-radius:0 0 0 40px;border-radius:0 0 0 40px; behavior: url(/PIE.htc);}
.round-bl-60 {-webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(/PIE.htc);}
.round-20 {-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; behavior: url(/PIE.htc);}

/*INSIDE CONTENT*/
.inside-content,
.inside-content.round-bl {padding:20px 20px 40px 20px }
.inside-content p img.left {margin:0 15px 10px 0}
.inside-content p img.right {margin:0 0 15px 15px}

.inside-content.padding-big-bottom { padding-bottom: 40px }

/* ************************************************************************************************** */
/*IMPRENSA*/
.press-register {width:70%; margin:15px 0 0}
.press-register td[colspan="2"] input {width:97%}
.press-register tr + tr td {padding:15px 0 0}
.press-register label {display:block; font-size:80%}
.press-register span {color:#a8a8a8; font-size:70%; width:200px}
.press-register span.info {position:absolute; margin:4px 0 0 7px}
.press-register input[type="text"],
.press-register input[type="password"]{width:80%;display:inline; font-size:80%; font-weight:normal}

/* Generic form */
.form-as-ul li { list-style: none; padding:15px 0 0}
.form-as-ul li label { display: block; font-size: 80% }
.form-as-ul li input[type="text"],
.form-as-ul li input[type="password"] { width: 80%; display: inline; font-size: 80%; font-weight: normal }
.form-as-ul li textarea { width: 80% }
.ui-selectmenu-menu .ui-widget-content li a { white-space: nowrap }
.form-as-ul .ui-selectmenu-status { white-space: nowrap }
.form-as-div .error_list,
.form-as-ul .error_list { color: red; font-size: 80%; list-style: none }
.form-as-ul .radio_list li input,
.form-as-ul .radio_list li label,
.form-as-ul .radio_list li { display: inline }

/*RIGHT ACESSO IMPRENSA*/
.right-press-register {width:90%; margin:15px auto; font-size:100%}
.right-press-register label {display:block; font-size:100%}
.right-press-register input[type="text"],
.right-press-register input[type="password"]{width:98%; margin:0 0 20px;font-size:100%; font-weight:normal}
.right-press-register input[type="submit"]{font-size:100%}
.right-press-register .ui-selectmenu .ui-selectmenu-status{font-size:100%}
.right-press-register .info {color:#a8a8a8; font-size:90%}

/* ************************************************************************************************** */

/*CUSTOM SELECTS*/
.ui-selectmenu {height:1.5em!important; color:#303030; margin:5px 0; display:block}
.ui-selectmenu .ui-selectmenu-status {font-size:70%}
.rightCol .box-2 > div .ui-selectmenu .ui-selectmenu-status {font-size:100%;}
.rightCol .box-2 > div .ui-selectmenu.ui-widget {padding:0 0 0.6em !important}
.ui-selectmenu.ui-state-hover {margin:1px}
.ui-selectmenu.ui-state-active {border:1px solid #bcbcbc}
.ui-selectmenu.ui-state-active.ui-selectmenu-focus.ui-state-hover,
.ui-selectmenu.ui-widget.ui-state-default.ui-selectmenu-dropdown.ui-corner-all.ui-selectmenu-focus.ui-state-hover,
.ui-selectmenu.ui-widget.ui-state-default.ui-selectmenu-dropdown.ui-corner-all {margin:5px 0; padding-right: 20px; border:1px solid #bcbcbc}
.ui-selectmenu-menu .ui-widget-content a {font-size:70%}

.ui-selectmenu.ui-state-default,
#accordion a.ui-selectmenu.ui-state-default {background:#fefefe url(../../images/bg-select.png) left bottom repeat-x scroll; padding-right: 20px }
.ui-selectmenu.ui-state-default:hover {background:#e0e0e0; padding-right: 20px }
.ui-state-default .ui-icon {background:url(../../images/icon-select.png) left center no-repeat scroll}
.ui-selectmenu-icon {width:18px; top:0; height:43px}

.ui-selectmenu-menu li.ui-state-hover {background:#e0e0e0; border-color:#aaa}

#accordion .accordion-select a.ui-selectmenu.ui-state-default {font-size:100%;color: #303030; display: block; height: 1.5em; padding:0; width:100%!important; border:1px solid #bcbcbc}
#accordion .accordion-select a.ui-selectmenu.ui-state-default:hover {text-decoration: none; background:#e0e0e0}
#accordion .accordion-select span.ui-selectmenu-status {background:none; float:none; height:auto; width:auto}
#accordion .ui-selectmenu-menu ul{width:100%!important}
#accordion .accordion-select span.ui-icon {background:url(../../images/icon-select.png) no-repeat scroll left center transparent; height: 41px; width: 18px}

#accordion .right-press-register .accordion-select .ui-selectmenu.ui-state-default {padding:0 0 9px;}
.check-newsletter label {width:87%}
/* ************************************************************************************************** */

/*CUSTOM THEME UI*/
.ui-widget {font-family: Arial, Helvetica, sans-serif}

/*CLEARFIX*/
.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  min-height:0
}

.clearfix:after { clear: both }
.clearfix {min-height:0}

/*TIMELINE*/
#timeline {
    overflow: hidden;
    margin: 40px auto;
    position: relative;
    display: none;
}
#dates { height: 62px; overflow: hidden }
#dates li {
    list-style: none;
    float: left;
    width: 78px;
    height: 45px;
    font-size: 24px;
    text-align: center;
    border-bottom:1px solid #dedede;
    position:relative
}
#dates li + li a {border-left:1px solid #dedede}
#dates a {position:relative;line-height: 35px; padding-bottom: 10px; font-size:16px; text-decoration:none; font-weight:bold; color:#425aa4; display:inline-block; width:100%}
#dates li img {display:none; position:absolute; bottom:-12px; left:17px}
#dates a:hover + img, #dates .selected + img {display:block}
#dates .selected {font-size: 20px}

#issues { width: 800px; min-height: 350px;  overflow: hidden; margin:0}
#issues li {
    width: 850px;
    min-height: 350px;
    list-style: none;
    float: left;
    margin:15px 0;
}

#issues li blockquote {
    float: left;
    margin: 10px 30px 10px 40px;
    background: transparent;
    font-size: 90%;
    color: #878787;
}
#issues li blockquote img {
    display: block;
    margin: 0 0 5px 0;
}
#issues li h1 {
    color: #435aa8;
    font-size: 22px;
    margin: 20px 0;
}
#issues li p {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 0 40px;
}

#grad_left,
#grad_right {
    width: 100px;
    height: 350px;
    position: absolute;
    top: 0;
}

#next,
#prev {
    position: absolute;
    top: 0;
    font-size: 70px;
    top: 170px;
    width: 22px;
    height: 38px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
#next:hover,
#prev:hover {
    background-position: 0 -76px;
}
#next {
    right: 0;
    background:url(../../images/sp-arrow-nav-01.png) right top no-repeat scroll; width:15px; height:28px; display:block
}
#next:hover {
    right: 0;
    background:url(../../images/sp-arrow-nav-01.png) right bottom no-repeat scroll; width:15px; height:28px; display:block
}
#prev {
    left: 0;
    background:url(../../images/sp-arrow-nav-01.png) no-repeat scroll; width:15px; height:28px; display:block
}
#prev:hover {
    left: 0;
    background:url(../../images/sp-arrow-nav-01.png) left bottom no-repeat scroll; width:15px; height:28px; display:block
}
#next.disabled,
#prev.disabled {
    opacity: 0.2;
}

#fancybox-title {
    left: 26px!important;
    position: relative!important;
    top: -33px!important;
}

.title-twitter-widget {
    font-weight:bold;
    font-family: "Arial Black",arial,sans-serif;
    color:#535353;
    padding:20px 0
}
.title-twitter-widget img {
    margin:0 5px 0 0
}

#twitter {
    color:#888;
    margin:0 0 20px;
    font-size:14px
}

.form-passe-escolar {
    display:block
}

.form-passe-escolar li {
    float:left;
    width:40%;
    margin-bottom:20px;
    padding:0
}
.form-passe-escolar label {
    font-weight:bold;
    color:#999
}
.form-passe-escolar .documentos ul li {
  width:90%
}
.form-passe-escolar .documentos ul li + li {
    width:10%
}
.form-passe-escolar .documentos2 ul {
    width:111%
}
.form-passe-escolar .documentos2 ul li {
  width:90%
}
.form-passe-escolar .documentos2 ul li + li {
    width:10%
}

/*CADASTRO PASSE ESCOLAR*/
.passe-escolar-cadastro p {text-align:left; margin:5px auto}
.passe-escolar-cadastro input[type="text"] {width:225px}
.passe-escolar-cadastro label {text-align:right; display:inline-block; width:250px}
.passe-escolar-cadastro button {margin-right:72px}

.form-escolar-warning {
    margin:0 auto 20px;
    display:block;
    width:80%;
    padding:10px;
    background:#fdfbdc;
    border:1px solid #f3efae;
    font-size:90%;
}

.passe-escolar-table .sign td {
   font-size: 90%;
    height: 50px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 25px;
    padding-top: 0;
    text-align: right;
    vertical-align: bottom;
}
.passe-escolar-table .signature td {
    height:50px;
    vertical-align: bottom
}

.form-escolar-info p,
.form-escolar-info li {
    color:#878787;
    font-size:90%
}
.form-escolar-info li {
    list-style-type:disc;
}

.botao.center {
    margin-left:auto;
    margin-right:auto;
    display:block
}

.imprensa-alteracao li {
    display: block;
    list-style: none;
    margin: 0 0 5px 0;
}
.imprensa-alteracao label {
    display: block;
    color: #555;
}
.imprensa-alteracao input {
    width: 98%;
}

/* --- split --- */

/* NEW LATOUT - AFTERSHOCK!*/

/* -- Wall buntons --*/
	.wall {
			color: #000;
			min-height: 20px;
			padding: 15px;
			margin: 10px 20px;
			background-color: #0000;
			border: 1px solid #000;
			border-radius: 6px;
			box-shadow: inset 0 1px 1px #0000000d;
			cursor: pointer;
		}
	a.wall:hover{text-decoration: none;}

	.wall:hover { color: #fff;  background-color: #aaa;}
	.wall.vermelho{ color: #a1a1a1; border: 1px solid #AA3939;}
	.wall.vermelho:hover{background-color: #AA3939; color: #fff !important;}
	.wall.verde{ color: #181818; border: 1px solid #236863; }
	.wall.verde:hover{background-color: #236863; color: #fff !important;}
	.wall.azul{ color: #181818; border: 1px solid #29506d; }
	.wall.azul:hover{background-color: #29506d; color: #fff !important;}
/**/

/* Open Window */
	#overlay{width:100%; height:100%;background-color:rgba(0,0,0,0.5);position:fixed;top:0;z-index:100;}
    #nwd_handle{top: 85px; position: fixed; z-index:101; background: #fff;}
    #img_close{ background: url(/css/fancybox/fancybox.png) -45px -126px rgba(0, 0, 0, 0);
                position: absolute; top: -20px; right: -20px; width: 50px; height: 50px;}
    #img_close:hover{ background: url(/css/fancybox/fancybox.png) -45px -176px rgba(0, 0, 0, 0); }
/**/


/*mini btstrp*/
.alert {
        padding: 8px 15px 8px 15px;
        margin-bottom: 20px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #fcf8e3;
        border: 1px solid #fbeed5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
.alert-success {  color: #468847;  background-color: #dff0d8;  border-color: #d6e9c6;}
.alert-success h4 {  color: #468847;}
.alert-danger,.alert-error {  color: #b94a48;  background-color: #f2dede;  border-color: #eed3d7;}
.alert-danger h4,.alert-error h4 {  color: #b94a48;}
.alert-info {  color: #3a87ad;  background-color: #d9edf7;  border-color: #bce8f1;}
.alert-info h4 {  color: #3a87ad;}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}