/* @override 
	http://www.avic.pt/transportes/css/website.css?rand=1346886686
	http://www.avic.pt/transportes/css/website.css?rand=874701300
*/

/***************************************************/
/********************** GERAL **********************/
/***************************************************/
@import url("custom.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@font-face		{ font-family: 'fontello'; src: local(fontello), url('../fonts/fontello/font/fontello.woff') format('woff'); }

@font-face		{ font-family: 'BebasKai'; src: local(BebasKai), url('../fonts/BebasKai-Regular.woff') format('woff'); }
@font-face		{ font-family: 'AktivGrotesk'; src: local(AktivGrotesk), url('../fonts/AktivGrotesk-Regular.woff') format('woff'); }
@font-face		{ font-family: 'AktivGrotesk'; src: local(AktivGrotesk), url('../fonts/AktivGrotesk-Medium.woff') format('woff'); font-weight: bold;}
.icon-avic										{    font-family: AVIC;font-style: normal;
    font-weight: normal; text-transform: lowercase;}
body											{ margin:0; color:#000; height: 100%; background:#fff; font-weight: 400; }
html											{ height: 100%; }

*												{ outline:none; -webkit-font-smoothing: antialiased; font-size: 14px; font-family: 'AktivGrotesk'; }
img												{ border:0px; }
form											{ margin:0px; padding:0px; }

.l												{ float:left; }
.r												{ float:right; }
.b,b,strong										{ font-weight: bold; }
.hide											{ display:none; }
.clear											{ clear:both; }
.clear.spacer									{ height: 60px; }
.clear.minSpacer								{ height: 30px; }
.color											{ color:#00afef; }
.warningBox										{ padding: 50px; background: #f1f1f1; text-align: center; text-transform: uppercase; letter-spacing: 2px; }
.forceSquare									{ width: 100%; height: auto; }
.marginSide										{ padding: 0 20px; }
.submitmyform									{ cursor: pointer; }
.pointer										{ cursor: pointer; }


.fifth											{ position: relative; width: 20%; }
.quarter										{ position: relative; width: 25%; }
.thirth											{ position: relative; width: 33%; }
.thirth.middle									{ position: relative; width: 33%; margin: 0 0.5%; }
.twothirth										{ position: relative; width: 67%; }
.half											{ position: relative; width: 50%; }
.threequarter									{ position: relative; width: 75%; }
.full											{ position: relative; width: 100%; }


a:link											{ text-decoration: none; color:#000; transition: color 0.2s; }
a:visited										{ text-decoration: none; color:#000; transition: color 0.2s; }
a:hover											{ text-decoration: none; color:#000; transition: color 0.2s; }
a:active										{ text-decoration: none; color:#000; transition: color 0.2s; }

.groupinput .innerpadding											{ background: #999; padding: 2px; }
.groupinput .innerpadding .input									{ background: none; border: 0; outline: none; resize: none; padding: 0; margin: 0; width: 100%; background: none; font-size: 12px; }
.groupinput .innerpadding .input:focus								{  }
.groupinput .innerpadding .input::-webkit-input-placeholder			{ color:#666; }
.groupinput .innerpadding .input:focus::-webkit-input-placeholder	{ color:#444; }
.groupinput .innerpadding .select									{ background: url('../img/bg-select-arrow.png') no-repeat right 5px center; border: none; line-height: 1; -webkit-appearance: none; cursor: pointer; border-radius: 0; }


.button,a.button								{ background: none; border: 0; color: #fff; margin: 0; padding: 0; transition:border 0.2s; border-radius: 0; }
.button .innerpadding,a.button .innerpadding	{ padding: 5px 10px; border: 1px solid #fff; }
.button:hover,a.button:hover					{ border-color: #000; cursor: pointer; transition:border 0.2s; }


/***************************************************/
/********************** ANIMATIONS *****************/
/***************************************************/

.animateTop										{ -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0; }
.animateTop.animateMe							{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; }
.animateLeft									{ -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); opacity: 0; }
.animateLeft.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.animateBottom									{ -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0; }
.animateBottom.animateMe						{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; }
.animateRight									{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px); opacity: 0; }
.animateRight.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.animatePaddTop									{ padding-top: 30px; opacity: 0; }
.animatePaddTop.animateMe						{ padding-top: 0; opacity: 1; transition: all 0.3s; }
.animateFade									{ opacity: 0; }
.animateFade.animateMe							{ opacity: 1; transition: all 1s; }


/***************************************************/
/********************** MENUS **********************/
/***************************************************/

.mainmenu										{ position: relative; width: 100%; overflow: hidden; z-index: 0; transition: width 0.2s linear 1s; }
.mainmenu>.link									{ position: relative; float: left; width: 20%; text-transform: uppercase; transition: all 1s; }
.mainmenu>.link .innerpadding					{ padding: 0 10px; color: #fff; text-align: center; border-right: 1px solid #fff; transition: background 0.2s; height: 60px; }
.mainmenu>.link .innerpadding .absmiddle		{ top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-family: 'BebasKai'; font-size: 19px; }
.mainmenu>.link.current .innerpadding			{ background: #ED1C24; }
.mainmenu>a.link .innerpadding:hover				{ background: #ED1C24; transition: background 0.2s; }
.mainmenu>a.link:nth-of-type(1) .innerpadding	{ border-left: 1px solid #fff; }
.mainmenu>div.link a							{ color: #fff; font-family: 'BebasKai'; font-size: 20px; line-height: 30px; }

.mainmenu>.link .icon-avic,.mainmenu>.link .icon-avic *		{ font-weight: bold; font-size: 18px; padding: 0 4px; }



.submenu										{ border-bottom: 8px solid #A4C404; }
.submenu .title									{ text-transform: uppercase; color: #A4C404; margin-top: 4px; font-size: 18px; }
.submenu .link									{ padding: 6px 0; font-size: 16px; }


/*
.openMenu										{ position:relative; float:right; width:33px; height:33px; cursor:pointer; }
.openMenu .path									{ position:absolute; left:4px; right:4px; height:3px; background:#fff; }
.openMenu .path:nth-of-type(1)					{ top:8px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu .path:nth-of-type(2)					{ top:15px; opacity:1; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu .path:nth-of-type(3)					{ bottom:8px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu.open .path:nth-of-type(1)				{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top:15px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }
.openMenu.open .path:nth-of-type(2)				{ opacity:0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu.open .path:nth-of-type(3)				{ transform: rotate(4-5deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }
*/


/***************************************************/
/********************* CONTENT *********************/
/***************************************************/

.rainbow										{ float: left; width: 100%; height: 2px; margin: 1px 0; }
.colorDarkblue									{ background: #007EFF; }
.colorBlue										{ background: #00A8F6; }
.colorRed										{ background: #ED1C24; }
.colorYellow									{ background: #FFF200; }
.colorGreen										{ background: #A4C404; }
.colorGreenOpa									{ background: rgba(164,197,4,.2); }
.colorWhite										{ background: #fff; }
.colorBlack										{ background: #000; }
.colorGrey										{ background: #dcdcdc; }
.colorMenu										{ background: #4d4d4d; }

.absmiddle										{ position: relative; }
.aligncenter									{ position: relative; width: 100%; max-width: 1240px; margin: 0 auto; }
.innerpadding									{ padding: 20px; }
.innerpadding.removesides						{ padding-left: 0; padding-right: 0; }
.innerpadding.removetops						{ padding-top: 0; padding-bottom: 0; }


.topbar											{ position: relative; width: 100%; display: none; }
.topbar>.innerpadding							{ padding-top: 5px; padding-bottom: 5px; }
.topbar i										{ font-size: 20px; color: #fff; }


.header											{ background: #fff; padding-bottom: 4px; }
.header .degrade								{ background: url('../img/site/bg-header.png') repeat-x left top; background-size: auto 175px; margin-bottom: 2px; }
.header .pagename								{ position: absolute; top: 50%; left: 20px; font-size: 35px; font-weight: 800; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color: #fff; text-transform: uppercase; font-family: 'BebasKai'; }
.header .logo									{ width: 100%; max-width: 340px; }
.header .logo img								{ max-width: 100%; height: auto; }
.header .menuspacer								{ height: 15px; margin: 2px 0; background: rgba(0,167,245,0.4); }
.header .menu									{ margin-top: 4px; }


.newsletter										{ padding-top: 2px; color: #fff; text-transform: uppercase; }
.newsletter>.innerpadding						{ padding-top: 10px; padding-bottom: 10px; }
.newsletter .absmiddle .l						{ margin-right: 20px; }
.newsletter .groupinput .input					{ width: 200px; }
.newsletter .button .innerpadding				{ padding: 2px 0; border: 0; }

.footer>.aligncenter>.innerpadding				{ padding-left: 10px; padding-right: 10px; }
.footer .fifth .innerpadding					{ padding: 20px 10px; }
.footer .fifth .border							{ position: relative; width: 100%; height: 5px; background: #000; margin-bottom: 10px; }
.footer .fifth a								{ float: left; width: 100%; font-size: 12px; padding: 1px 0; text-transform: uppercase; color: #fff; font-weight: 600; transition: color 0.2s; }
.footer .fifth a:hover							{ color: #000; transition: color 0.2s; }

.brand											{ color: #fff; text-align: center; text-transform: uppercase; }
.brand .innerpadding							{ padding-top: 15px; padding-bottom: 15px; }
.brand img										{ vertical-align: middle; }

h1												{ font-family: 'BebasKai'; }
h1.title										{ font-size: 30px; font-weight: normal; margin: 0;
	width: 200%;
}

.colorGrey h1.title								{ color: #666; }


.mimislideshow									{ position: relative; z-index: 0; }
.mimislideshow .elem							{ position: relative; width: 100%; background: #000; }
.mimislideshow .elem .image						{ position: relative; z-index: 0; opacity: 0.6; }
.mimislideshow .elem .info						{ position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index: 1; color: #fff; text-align: center; }
.mimislideshow .elem .info i					{ font-size: 50px; }
.mimislideshow .elem .info h1					{ text-transform: uppercase; font-size: 30px; }

.minislidenav									{ position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 1; text-align: center; padding: 7px 0; }
.minislidenav a									{ display: inline-block; width: 6px; height: 6px; border: 2px solid #000; border-radius: 10px; margin: 0 2px; transition: background 0.2s; }
.minislidenav a.cycle-pager-active				{ background: #fff; transition: background 0.2s; }


/* HOMEPAGE */
.groupslide										{ position: relative; width: 100%; }
.groupslide .mainslideshow						{ position: relative; width: 100%; z-index: 0; }
.groupslide .mainslideshow .elem				{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
.groupslide .mainslideshow .elem .image			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.4; }
/* .groupslide .mainslideshow .elem .aligncenter			{ background: #000; height: 600px; } */
.groupslide .mainslideshow .elem .aligncenter			{ background: #000; height: 200px; }
.groupslide .mainslideshow .elem .aligncenter .image	{ opacity: 0.8; }
.groupslide .mainslideshow .elem .slidenav				{ position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; }
.groupslide .mainslideshow .elem .info					{ position: absolute; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color: #fff; }
.groupslide .mainslideshow .elem .info.l				{ left: 0; }
.groupslide .mainslideshow .elem .info.r				{ right: 0; text-align: right; }
/* .groupslide .mainslideshow .elem .info h1.title			{ font-size: 50px; font-weight: bold; margin-bottom: 20px; } */
.groupslide .mainslideshow .elem .info h1.title			{ font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.groupslide .mainslideshow .elem .info p				{ margin: 0; font-size: 20px; }
.groupslide .mainslideshow .elem .info i				{ font-size: 60px; color: #fff; }
.groupslide .mainslideshow .elem .info .innerpadding	{ padding: 20px 75px; }
.groupslide .mainslideshow .elem.cycle-slide-active .animateRight	{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.groupslide .mainslidenav						{ position: absolute; bottom: 8px; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: 1; }
.groupslide .mainslidenav a						{ float: left; width: 8px; height: 8px; border: 2px solid #000; border-radius: 10px; margin: 0 4px; transition: background 0.2s; }
.groupslide .mainslidenav a.cycle-pager-active	{ background: #fff; transition: background 0.2s; }
.groupslide .mainslidearrow						{ position: absolute; cursor: pointer; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index: 1; }
.groupslide .mainslidearrow i					{ color: #fff; font-size: 40px; }
.groupslide .mainslidearrow.prev				{ left: 0; }
.groupslide .mainslidearrow.next				{ right: 0; }
.groupslide .mainslidearrow .innerpadding				{ transition: padding 0.2s; }
.groupslide .mainslidearrow.prev:hover .innerpadding	{ padding-left: 10px; padding-right: 30px; transition: padding 0.2s; }
.groupslide .mainslidearrow.next:hover .innerpadding	{ padding-right: 10px; padding-left: 30px; transition: padding 0.2s; }


.listvalences									{ margin: 0 -10px; }
.listvalences .elem>.innerpadding				{ padding: 10px; }
.listvalences .elem .groupinfo					{ position: relative; width: 100%; overflow: hidden; }
.listvalences .elem .groupinfo .image			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: all 0.2s; }
.listvalences .elem .groupinfo video			{ position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: 0; }
.listvalences .elem .groupinfo .image.filter	{ z-index: 1; opacity: 0.6; }
.listvalences .elem .groupinfo .border			{ border: 2px solid #fff; }
.listvalences .elem .groupinfo>.innerpadding	{ position: relative; z-index: 2; }
.listvalences .elem .groupinfo .title			{ position: absolute; left: 40px; top: 50%; right: 40px; text-align: center; font-size: 34px; text-transform: uppercase; color: #fff; font-weight: bold; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-family: 'BebasKai'; }
.listvalences .elem .groupinfo:hover .image		{ transform: scale(1.03,1.03); transition: all 0.2s; }


/* .onlineservices .degrade						{ height: 175px; background: url('../img/site/bg-header.png') repeat-x left top; background-size: auto 175px; } */
.onlineservices .degrade						{ height: 150px; background: rgba(0,168,246,0.5); margin-bottom: 70px; }
.onlineservices .degrade>.aligncenter>.innerpadding	{ padding-top: 40px; }
.onlineservices .degrade .title					{ font-size: 40px; font-weight: bold; color: #fff; text-transform: uppercase; }
.onlineservices .groupservices					{ position: relative; margin-top: -70px; }
.onlineservices .groupservices.bluebg			{ padding-bottom: 90px; background: rgba(0,168,246,0.5); }
.onlineservices .groupservices .abs				{ position: absolute; width: 100%; top: 90px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) }
.onlineservices .groupservices .elem			{ position: relative; }
.onlineservices .groupservices .elem>.innerpadding	{ padding: 20px 80px; padding-bottom: 0; }
.onlineservices .groupservices .elem a			{ position: relative; width: 100%; border-radius: 320px; background: #fff; box-shadow: 0 0 10px #333; }
.onlineservices .groupservices .elem a .icon	{ position: absolute; left: 0; top: 50%; right: 0; text-align: center; font-size: 28px; /* text-transform: uppercase; */ color: #fff; font-weight: bold; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.onlineservices .groupservices .elem a .icon i	{ color: #00A8F6; font-size: 80px; }
.onlineservices .groupservices .elem a .title	{ position: absolute; left: 0; top: 100%; right: 0; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; text-shadow: 0 0 5px #000; margin-top: 20px; }


.listnews										{ position: relative; }
.listnews .elem .rainbow						{ margin-top: 0; }
.listnews .elem .image							{ background-repeat: no-repeat; }
.listnews .elem .title							{ color: #A4C404; font-size: 24px; font-family: 'BebasKai'; }
.opennews *										{ color: #fff; }

.colorGreenOpa .bxcontrol i						{ color: #A4C404; }


/* TRANSPORTES */
.onlineservices .groupservices .elem.openform a			{ background: #666; box-shadow: none; width: 50%; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); transition: background 0.2s; cursor: pointer; }
.onlineservices .groupservices .elem.openform a:hover	{ background: #A4C404; transition: background 0.2s; }
.onlineservices .groupservices .elem.openform a.current	{ background: #A4C404; }
.onlineservices .groupservices .elem.openform a .icon i	{ color: #fff; font-size: 60px; }
.onlineservices .groupservices .elem.openform .title	{ position: relative; width: 100%; text-shadow: none; color: #A4C404; font-size: 24px; text-align: center; text-transform: uppercase; margin-top: 20px; font-family: 'BebasKai'; }
.onlineservices .groupservices .elem.openform .title p	{ font-family: 'AktivGrotesk'; text-transform: none; color: #000; font-size: 14px; }

.form											{ padding-bottom: 20px; }
.form .arrow									{ position: relative; text-align: center; color: #666; z-index: 0; height: 55px; overflow: hidden; }
.form .arrow i									{ font-size: 80px; margin: 0; }
.form .arrow i:before							{ margin: 0; }
.form .title									{ position: relative; background: #666; border-radius: 10px 10px 0 0; text-transform: uppercase; color: #fff; font-weight: bold; z-index: 1; }
.form .title .innerpadding						{ padding: 15px 20px; }
.form .title .innerpadding h1					{ font-size: 20px; margin: 0; }

.form .title.listtitle							{ border-radius: 10px; margin-top: 10px; transition: background 0.2s; }
.form .title.listtitle:hover					{ background: #555; transition: background 0.2s; }
.form .title.listtitle .innerpadding			{ padding: 10px 20px; }
.form .title.listtitle .innerpadding h1			{ font-weight: normal; }
.form .title.listtitle .icon					{ border-radius: 32px; width: 32px; height: 32px; text-align: center; }
.form .title.listtitle .icon i					{ font-size: 18px; }
.form .title.listtitle .icon i:before			{ margin: 0; margin-top: 7px; }

.form .content									{ position: relative; background: #ccc; border-radius: 0 0 10px 10px; z-index: 1; }
.form .content .onlineservices .groupservices	{ margin-top: 0; }
.form .content .onlineservices .groupservices .elem.openform a			{ width: 100%; background: #fff; }
.form .content .onlineservices .groupservices .elem.openform a .icon i	{ color: #A4C404; }
.form .content .newinput>.innerpadding						{ padding-top: 10px; padding-bottom: 10px; }
.form .content .newinput.removepadd_l>.innerpadding			{ padding-left: 0; }
.form .content .newinput.removepadd_r>.innerpadding			{ padding-right: 0; }
.form .content .newinput p									{ margin: 0; margin-bottom: 5px; }
.form .content .newinput .groupinput						{ position: relative; border-radius: 5px; background: #A4C404; overflow: hidden; }
.form .content .newinput .groupinput .textarea				{ height: 100px; }
.form .content .newinput .groupinput .select				{ width: 100%; }
.form .content .newinput.removepadd_l .groupinput			{ border-radius: 0 5px 5px 0; }
.form .content .newinput.removepadd_r .groupinput			{ border-radius: 5px 0 0 5px; }
.form .content .newinput .groupinput .icon					{ position: absolute; left: 0; top: 0; width: 32px; text-align: center; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.form .content .newinput .groupinput .icon .icon-demo						{ color: #fff; font-size: 20px; }
.form .content .newinput .groupinput .icon .icon-demo:before				{ margin: 0; margin-left: 3px; }
.form .content .newinput.noiconmargin .groupinput .icon .icon-demo:before	{ margin-left: 0; }
.form .content .newinput .groupinput .innerpadding				{ padding: 8px; margin-left: 32px; background: #fff; }
.form .content .newinput .groupinput .innerpadding a			{ color: #A4C404; font-weight: bold; }
.form .content .newinput .groupinput.submitmyform				{ background: #FF0000; text-transform: uppercase; font-weight: bold; color: #fff; }
.form .content .newinput .groupinput.submitmyform .innerpadding	{ background: #000; padding-right: 20px; padding-left: 20px; }
.form .content .groupcheckbox .txt				{ padding: 8px 0; margin-right: 20px; }
.form .content .groupcheckbox .box				{ background: #fff; width: 32px; height: 27px; padding-top: 5px; cursor: pointer; text-align: center; }
.form .content .groupcheckbox .box i			{ font-size: 24px; color: #A4C404; }


.opentravelhours								{ position: relative; width: 100%; background: #666; margin-top: 5px; color: #fff; text-transform: uppercase; transition: background 0.2s; }
.opentravelhours.current						{ background: #231F20; transition: background 0.2s; }
.opentravelhours .innerpadding					{ padding-top: 15px; padding-bottom: 15px; }
.opentravelhours .txt							{ padding-top: 4px; font-family: 'BebasKai'; font-size: 18px; font-weight: normal; }
.travelhours									{ background-image: url("../img/mosaico.png"); }
.travelhours .choosedaylimit					{ position: relative; width: 100%; height: 5px; background: #A4C404; }
.travelhours .chooseday							{ background: #666; transition: background 0.2s; color: #fff; margin-right: 10px; }
.travelhours .chooseday:hover					{ background: #333; transition: background 0.2s; }
.travelhours .chooseday.current					{ background: #A4C404; color: #000; }
.travelhours .chooseday .innerpadding			{ padding: 10px 20px; }
.travelhours .tripoptions a .innerpadding		{ padding: 8px; }
.travelhours .tripoptions a i					{ font-size: 18px; }
.travelhours .grouptrip							{ position: relative; background: #A4C404; border-radius: 20px; overflow: hidden; text-align: center; }
.travelhours .grouptrip .gif					{ position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); padding: 6px 0; }
.travelhours .grouptrip .gif .icon-demo			{ font-size: 24px; }
.travelhours .grouptrip .gif .icon-demo.icon-bus{ margin: 0 100px; }
.travelhours .grouptrip .gif .icon-demo:before	{ margin: 0; }
.travelhours .grouptrip .station				{ background: #000; color: #fff; border-radius: 20px; font-weight: bold; text-transform: uppercase; }
.travelhours .grouptrip .station .innerpadding	{ padding: 10px 20px; }
.travelhours .tblhours							{ table-layout: fixed; border-collapse: collapse; width: 100%; }
.travelhours .tblhours td						{ text-align: center; padding: 5px 0; }
.travelhours .tblhours tr.stations td				{ background: #fff; font-weight: bold; }
.travelhours .tblhours tr.hours td					{ border-top: 1px solid #ccc; }
.travelhours .tblhours tr.hours:nth-child(odd) td	{ background: #ededed; }
.travelhours .tblhours tr.hours:nth-child(even) td	{ background: #fff; }
.travelhours .tblhours tr td.highlight							{ background: #FFFFCC; }
.travelhours .tblhours tr.hours:nth-child(odd) td.highlight		{ background: #E9E6BF; }
.travelhours .tblhours tr.hours:nth-child(even) td.highlight	{ background: #FFFFCC; }
.travelhours .tblhours tr.dots td div				{ background: #A4C404; width: 100%; padding: 5px 0; margin-bottom: 20px; }
.travelhours .tblhours tr.dots td div i				{ color: #fff; }
.travelhours .tblhours tr.dots td:nth-child(2) div	{ border-radius: 20px 0 0 20px; }
.travelhours .tblhours tr.dots td:last-child div	{ border-radius: 0 20px 20px 0; }
.travelhours .legend								{ background: #E6E6E6; }
.travelhours .legend .icon .innerpadding			{ padding-top: 35px; padding-right: 40px; }
.travelhours .legend .icon i						{ font-size: 50px; }
.travelhours .legend .icon i:before					{ margin: 0; }


.searchresult									{ position: relative; background: #ccc; }
.searchresult .title							{ background: #231F20; color: #fff; text-transform: uppercase; }
.searchresult .title *							{ font-size: 20px; }
.searchresult .title .l							{ padding-top: 4px; }
.searchresult .title .button *					{ font-size: 14px; }

.searchresult .travelhours .title				{ margin-bottom: 20px; }
.searchresult .travelhours .title .innerpadding	{ padding: 15px 20px; }
.searchresult .travelhours .title *				{ font-size: 14px; text-transform: none; }



.searchresult .transhipment						{ position: relative; text-align: center; width: 100%; }
.searchresult .transhipment i					{ font-size: 70px; }
.searchresult .transhipment i.icon2middle		{ position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size: 20px; }



/* HISTORY */
.history										{ position: relative; }
.history .historyguide							{ position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background: #7f7f7f; margin-left: -1px; z-index: 0; }
.history .newyear								{ position: relative; z-index: 1; }
.history .newyear span							{ padding: 5px 15px; border: 2px solid #7f7f7f; background: #fff; color: #000; font-size: 26px; font-family: 'BebasKai'; }
.history .historycontent						{ position: relative; z-index: 1; }
.history .historycontent .dot					{ position: absolute; top: 25%; margin-top: -10px; width: 20px; height: 20px; border-radius: 20px; }
.history .historycontent .dot div				{ position: absolute; top: 50%; margin-top: -1px; width: 50px; height: 2px; }
.history .historycontent.l .dot					{ right: -10px; }
.history .historycontent.r .dot					{ top: 75%; left: -10px; }
.history .historycontent.l .dot div				{ right: 100%; margin-right: 20px; }
.history .historycontent.r .dot div				{ left: 100%; margin-left: 20px; }
.history .historycontent>.innerpadding			{ padding: 0; }
.history .historycontent>.innerpadding .bg		{ padding: 20px; border-radius: 10px; background: rgba(164,197,4,0.2); }
.history .historycontent>.innerpadding .bg p	{ margin-bottom: 0; }
.history .historycontent>.innerpadding .bg .files .innerpadding	{ margin: 5px; padding: 0; border: 1px solid #333; }
.history .historycontent.l>.innerpadding		{ padding-right: 100px; }
.history .historycontent.r>.innerpadding		{ padding-left: 100px; }




/* CONTACTS */
.map											{ position: relative; width: 100%; height: 500px; z-index: 0; }
.contactform .dialog							{ margin-bottom: 10px; }
.contactform .groupinput						{ margin-bottom: 10px; }
.contactform .groupinput .innerpadding			{ border: 2px solid #000; padding: 10px; }
.contactform .groupinput.l .innerpadding		{ margin-right: 5px; }
.contactform .groupinput.r .innerpadding		{ margin-left: 5px; }
.contactform .groupinput.textarea .input		{ height: 200px; }

.listtitle										{ position: relative; background: #666; }



/* LOGIN AREA */
.loginform .newregist .groupinput.l .innerpadding		{ margin-right: 5px; }
.loginform .newregist .groupinput.r .innerpadding		{ margin-left: 5px; }
.loginform .newregist .half.l .groupinput .innerpadding	{ margin-right: 5px; }
.loginform .newregist .half.r .groupinput .innerpadding	{ margin-left: 5px; }
.loginform .newregist .groupinput .select				{ width: 100%; padding: 3px 0; padding-right: 25px; background-color: #fff; }
.loginform .dialog										{ margin-bottom: 10px; }
.loginform .button										{ border-width: 2px; margin: 0; }


/* SCROLL */
.jspContainer									{ overflow:hidden; position:relative; }
.jspPane										{ position:absolute; }
.jspVerticalBar									{ position: absolute; top: 0; right: 0; width: 6px; height: 100%; padding: 2px; }
.jspHorizontalBar								{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; }
.jspVerticalBar *,
.jspHorizontalBar *								{ margin: 0; padding: 0; }
.jspCap											{ display: none; }
.jspHorizontalBar .jspCap						{ float: left; }
.jspTrack										{ background:none; position: relative;  }
.jspDrag										{ background:#1c1c1c; position: relative; box-shadow: 0 0 3px #000; top: 0; left: 0; cursor: pointer; }
.jspDrag:hover									{ background-position:center right; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag						{ float: left; height: 100%; }
.jspArrow										{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled							{ cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow						{ height: 5px; }
.jspHorizontalBar .jspArrow						{ width: 5px; 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; }




/* Tooltips */
.tipsy { padding: 5px; font-size:13px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/* Messages */
.dialog						{ color: #000; font-size: 14px; }
.dialog .innerpadding		{ padding: 10px; }
.dialog.done .innerpadding	{ border: 2px solid #ceef73; background: rgba(206,239,115,0); }
.dialog.error .innerpadding	{ border: 2px solid #ef7373; background: rgba(239,155,115,0); }
.dialog.notes .innerpadding	{ border: 2px solid #73b3ef; background: rgba(115,179,239,0); }
.dialog li					{ margin-left: 20px; }
.dialog p					{ margin-left: 0; }


/* Parallax */
.parallaxImage									{ position: relative; width: 100% !important; height: 330px; margin: 0; padding: 0; overflow: hidden; z-index: 2; }
.parallaxImage .randomImage						{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-attachment:fixed; background-position:50% 0; opacity: 1; }



.bx-wrapper										{ position: relative; }
.bx-wrapper .bx-pager							{ text-align: center; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a		{ background: #f01; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a.active	{ background: #333; }

.bxcontrol i									{ font-size: 25px; color: #00A8F6; }


#ui-datepicker-div *							{ font-size: 12px; }