@import url(../styles/fonts.css);

html, body
	{
	height:100%;
	padding:0;
	margin:0;
	}
	
img
	{
	border:0px;
	}
	
* {max-width:100%;}	

a:link{outline:none;border:0; text-decoration:none;}
a:visited{outline:none;border:0; text-decoration:none;}
a:hover{outline:none;border:0; text-decoration:none;}
a:active{outline:none;border:0; text-decoration:none;}	

	
.divTopo
	{
		background-color:#fff;
		top:0;
		padding-top:10px;
		padding-bottom:10px;
		height:40px;
		width:1000px;
		max-width:100%;
		text-align:right;
		margin-bottom:20px;
	}

.backLogosCC
	{
		height:180px;
		background-color:#dde6ef;
	}
	
.logosCC
	{
		width:1100px;
		max-width:100%;
		padding-top:20px;
	}
	
.logos
	{
		width:50%;
		text-align:left;
		float:left;	
	}
	
.callCenter
	{
		width:50%;
		text-align:right;
		float:left;
		padding-top:30px;
		padding-right:30px;	
	}

.titulos
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	color: #2e3192;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
	margin: 36px 0 20px 0;
	}

.divHomeCTA
	{
		height:auto;
		background:rgba(17,153,72,0.5);
		/*background-color:#119948;*/
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:500;
		color:#fff;
		margin-top:25px;
		margin-bottom:25px;
		padding:40px 0 40px 0;
	}
	
.divHomeCTA .titulos
	{
		margin:0;
	}

.divHomeCTA a:link { color: #2e3192; }
.divHomeCTA a:visited { color: #2e3192; }
.divHomeCTA a:hover { color: #000; text-decoration:underline; }
.divHomeCTA a:active { color: #2e3192; }


.homeBanners {
	width: 32%;
	float: left;
	margin-right: 1.7%;
}

.newsFundoGrey1
	{
		padding:14px;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:500;
		color:#428d60;
		transition: background-color 0.5s ease;
		background-color: #efefef;
		text-align:left;
		margin-top:10px;
		max-width:100%;
		height:auto;
	}
	
.newsFundoGrey1 .text
	{
		width:700px;
		max-width:100%;
		float:left;
	}

.newsFundoGrey1 .icon
	{
		width:300px;
		max-width:100%;
	}


.newsFundoGrey1:hover
	{
		background-color: #fdfdfd;
		border:thin solid #005394;
		padding:13px;
		color:#000;

	}

.newsFundoGrey2
	{
		padding:14px;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:500;
		color:#428d60;
		transition: background-color 0.5s ease;
		background-color: #fafafa;
		text-align:left;
		margin-top:10px;
		max-width:100%;
		height:auto;
	}
	
.newsFundoGrey2 .text
	{
		width:700px;
		max-width:100%;
		float:left;
	}

.newsFundoGrey2 .icon
	{
		width:300px;
		max-width:100%;
	}


.newsFundoGrey2:hover
	{
		background-color: #efefef;
		border:thin solid #005394;
		padding:13px;
		color:#000;

	}

.subTitulos
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #0cb179;
	text-align:left;
	margin: 20px 0 20px 0;
	}

.txt
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #999;
	text-align:left;
	margin: 24px 0 20px 0;
	}

.txt a:link { color: #faa62f; }
.txt a:visited { color: #faa62f; }
.txt a:hover { color: #000; text-decoration:underline; }
.txt a:active { color: #faa62f; }


.txt2
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #333;
	text-align:left;
	}

.txt2 a:link { color: #333; }
.txt2 a:visited { color: #333; }
.txt2 a:hover { color: #faa62f; text-decoration:underline; }
.txt2 a:active { color: #333; }

	
.btnAzul
	{
		padding:14px;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:500;
		color:#005394;
		text-transform:uppercase;
		transition: background-color 0.5s ease;
		background-color: #fff;
		text-align:center;
		margin-top:10px;
		border:thin solid #005394;
		text-wrap:none;
		width:auto;
		max-width:300px;
	}

.btnAzul:hover
	{
		color:#fff;
		background-color: #005394;
		border:thin solid #005394;
	}

			

.footerTitulos
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #002369;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
	padding: 20px 0 14px 0;
	}

.footer a:link { color: #faa62f; }
.footer a:visited { color: #faa62f; }
.footer a:hover { color: #000; text-decoration:underline; }
.footer a:active { color: #faa62f; }



/* STICKY FOOTER */

    * {
    margin: 0;
    }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -400px;
    }
    
.footer{
    height: 400px;
	background-color:#dde6ef;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #999;
    }

.push
	{
		height:400px;
	}

@media screen and (max-width: 1000px){.wrapper{margin: 0 auto -500px;}
									  .footer{height:500px; text-align:center; background-image:none; background-color:#fff;}
									  .push{height:500px;}
									  .footerTitulos {color:#000;}
									  .footer img {float:left; clear:both;}
									  }
		

<!-- FIM STICKY FOOTER -->

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
} 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

.slider-wrapper { 
	width: 100%; 
	margin: 100px auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/* FIM NIVO SLIDER */

.frotaThumbs
	{
		width:350px;
		float:left;
		border:solid #dadada thin;
		padding:8px;
		margin-right:15px;
		margin-bottom:15px;
	}
	
.formLabels
	{
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	float:left;
	margin-right:10px;
	padding-top:10px;
	width:22%;
	}

.formLabelsPesquisa
	{
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	float:left;
	margin-right:10px;
	padding-top:10px;
	}
	
.formCampos
	{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding:14px;
	border:solid thin #ababab;
	color: #999;
	width:70%;
	max-width:100%;
	margin-bottom:12px;
	float:left;
	}

.formBtn
	{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding:14px;
	border:solid thin #002369;
	background-color:#00a9d7;
	color: #fff;
	max-width:100%;
	margin-left:260px;
	}
	
#tooltip {
	position:absolute;
	z-index:9999;
	color:#000;
	font-size:11px;
	
}

#tooltip .tipHeader {
	height:8px;
}


#tooltip .tipBody {
	background-color:#c7d9e7;
	padding:10px 10px 10px 10px;
}

#tooltip .tipFooter {
	height:8px;
}	

/* PESQUISA HORARIOS */

.divPesquisaHorarios
	{
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border: solid thin #999;
		background-color:#efefef;
		width:466px;
		max-width:100%;
		text-align:left;
		padding:12px;
		float:left;
	}

.formPesquisa1
	{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding:10px;
	border:solid thin #ababab;
	color: #999;
	width:100%;
	max-width:100%;
	float:left;
	}


.divPesquisaLocal
	{
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border: solid thin #999;
		background-color:#dfdfdf;
		width:466px;
		max-width:100%;
		text-align:left;
		padding:12px 12px 15px 12px;
		float:left;
	}


.RouteName
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	Font-Size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #363335;
	line-height: 20px;
        text-align:left;
}
.StopNameInitial
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	Font-Size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #363335;
	line-height: 18px;
     text-align:left;
}
.StopName
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	Font-Size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #363335;
	line-height: 18px;
    text-align:left;
}
.StopNameSelected
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	Font-Size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #de0029;
	line-height: 18px;
     text-align:left;
}

.footerZOPS select
	{
		display:none;
		width:100%;
		padding:5px;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #000;
		border:thin solid #999;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;

	}	

/* COLORBOX */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}




	
@media screen and (max-width: 1000px){
										.idiomasConteudo {text-align:center;}
										.frotaThumbs {width:100%;}
										.divPesquisaHorarios{width:100%; float:none; margin-bottom:20px;}
										.divPesquisaLocal{width:100%; float:none; margin-bottom:20px;}
										.backLogosCC {height:auto; clear:both; width:100%; padding-bottom:20px;}
										.logos {width:100%; float:none; text-align:center;}
										.logos img {width:30%;}
										.callCenter {width:100%; float:none; text-align:center;}
										.callCenter img {100%;}
										.footerLogos img {margin-bottom:30px;}
										#rodapeSimbolos {display:none;}
									    .footerLogos {display:none;}
										.footerZOPS select {display: inline-block;}
										.formLabels {width:100%;}
										.formCampos {width:100%;}
										.formBtn {margin-left:0; text-align:center;}
										#tabelaIndicadores {width:400px; max-width:100%;}
										#tabelaPriv {width:400px; max-width:100%;}
										.homeBanners {width:100%; margin-bottom:15px;}
									 }