/* ExtraSmall devices (tablets, <768px and up)   .col-xs-  */

/* Small devices (tablets, >=768px and up)   .col-sm-  */

/* Medium devices (desktops, >=992px and up) .col-md-  */

/* Large devices (large desktops, >=1200px and up) .col-lg-  */

/*
@font-face {
font-family:"Orbitron";
src:url("/fonts/orbitron-medium.eot?") format("eot"),url("/fonts/orbitron-medium.woff") format("woff"),url("/fonts/orbitron-medium.ttf") format("truetype"),url("/fonts/orbitron-medium.svg#/fonts/orbitron-medium") format("svg");font-weight:normal;font-style:normal;}
*/

/*glyph icons s2b */
@font-face {
  font-family: "s2b";
  src:url("/consola/fonts/s2b.eot");
  src:url("/consola/fonts/s2b.eot?#iefix") format("embedded-opentype"),
    url("/consola/fonts/s2b.woff") format("woff"),
    url("/consola/fonts/s2b.ttf") format("truetype"),
    url("/consola/fonts/s2b.svg#s2b") format("svg");
  font-weight: normal;
  font-style: normal;
}



.navbar-collapse, .dropdown-menu { background-color:#efefef; max-height:600px}
.dropdown-menu .divider, .divider {
height:1px;
margin:4px 0;
overflow:hidden;
background-color:#e5e5e5;
}

fields {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1.2em;
  border-left: 5px solid #eee;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

fields footer {
  margin-top:0.4em;
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

.schm {
	padding: 5px;
	vertical-align: middle;
	border-radius: 0.4em;
}

.cparagem {
background-color:#255883; color:#ffffff;
border-radius: 0.4em;
}
.czona {
border-radius: 0.4em;
background-color:#3681be; color:#ffffff;
}
.clinha {
border-radius: 0.4em;
padding-left:0.2em;
padding-right:0.3em;
background-color:#77add9; color:#000000;
}
.chorario {
border-radius: 0.4em;
background-color:#bd770d; color:#ffffff;
}
.caluguer {
border-radius: 0.4em;
background-color:#8A5709; color:#ffffff;
}
.cchapa {
background-color: #f09f26;
border-radius: 0.4em;
}
.cordem {
background-color: #fadbad;
border-radius: 0.4em;
}
.cplano {
background-color: #fdf2e1;
border-radius: 0.4em;
}


.cPrecoTar { 
                /* Preço tarifa */
	background-color: #88b995;
	border-radius: 0.4em;
}
.cPrecoReal {
                /* Preço Kms Real */
	background-color: #cfe2d5;
	border-radius: 0.4em;
}
.cPrecoExc {
                /* Preço Exceção */
	background-color: #579366;
	border-radius: 0.4em;
}

.Area {
	background-color: #d5ebbc;
	border-radius: 0.4em;
}
.Seccao {
	background-color: #fdc877;
	border-radius: 0.4em;
}
.Divisao {
	background-color: #d9edf7;
	border-radius: 0.4em;
}
.Grupo {
	background-color: #fcf8e3;
	border-radius: 0.4em;
}


/*  butão valorizaço LIM e ILI   */
.btnval {
width:3em;
padding:0px;
font-weight:800;

font-size:1.2em;
}
.bili, .bili:active, .bili:hover , .bili:focus {
font-family: "Consolas","Lucida Console" ;
 background-color:#c8b7a7;
 background-color:#777777;
 color:white;
 border:1px solid #777777;
}
.blim, .blim:active {
font-family: "Consolas","Lucida Console" ;
background-color:#8bacbd;
background-color:white;
 color:#777777;
 border:1px solid #777777;
}

/* usado em destaques como anos escolares   */
.cbadge, .cdivbadge span {
border-radius: 0.4em;
padding-left:0.25em;
padding-right:0.3em;
background-color:white;
 color:#777777;
 border:1px solid #777777;
}


@media print {
	html,
	body,
	container,
	row,
	xbody {
		overflow: hidden;
	}
}
blueA1 {background-color:#b8d0de}
blueA2 {background-color:#9fc2d6}
blueA3 {background-color:#86b4cf}
blueA4 {background-color:#73a2bd}
blueA5 {background-color:#6792ab}
blueB1 {background-color:#51779e;color:white}
blueB2 {background-color:#33608f;color:white}
blueB3 {background-color:#205082;color:white}
blueB4 {background-color:#1b4775;color:white}
blueB5 {background-color:#0c3663;color:white}

html {
	background: url(/Images/consola/back1.jpg) no-repeat left center fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
min-height: 100%;
}

html,
html a {
	width: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
                position: relative;

}
body {
height: 100%;	
background: transparent;
	font-weight: 300;
	font-size: 1em;
	font-family:'Comfortaa';'Raleway','Roboto', 'Rajdhani', sans-serif;
	/*font-family: 'Titillium Web', sans-serif;*/
	line-height: 1.3em;
  /* Margin bottom by footer height - 6em;*/
  margin-bottom: 270px;
}

.navbar {min-height:50px;}

.headerlogo {display:inline-block; height:35px;width:65px;background-repeat: no-repeat; background-position: center center; background-image: url('/consola/4Ticketing-2_icon.svg');}
/*.headerlogo {display:inline-block; height:35px;width:65px;background-repeat: no-repeat; background-position: center center; background-image: url('/consola/S2B_Full_letters_H30.png');}    S2B_Full_WHITE-W315.png*/

.fotterlogo {min-width:300px;min-height:250px; position:absolute;z-index:4;;background-repeat: no-repeat;background-image: url('/consola/4ticketing_Logo_white.svg');opacity:0.6;}

.fotterfirstcol {margin-left:330px;}

.footer {
  /* Set the fixed height of the footer here */
 height: 250px;
	font-size: 0.8em;

	margin-top: 1.5em;
	padding-top: 0.3em;
	padding-bottom: 0.4em;

  position: absolute;
  bottom: 0;
  width: 100%;
}

/*.fcolumn {background-color: #777777;}*/
.flist {list-style-type:none ; margin-top:0px; margin-left:-30px; list-style-position:inside; line }
.flist a {color:white;}
.ftitule {color:white; text-transform:uppercase; margin-left:auto;margin-right:auto;border-bottom:thin dotted #a8a8a8;line-height:25px; padding-left:0.5em;margin-bottom:0em}

#pagnav {
 margin-top: 1.6em;
 margin-bottom: 1.6em;
}
/* botões das páginas  */

.pagination li a {
	width: 30px;
}

a {cursor:pointer;}

a:hover,
a:active,
a:focus {
	outline: 0;
	color: #2F3238;
	text-decoration: none;
}
a img {
	border: none;
}
a > img {
	vertical-align: bottom;
}
.slideshemaleft {
	position: absolute;
	/* z-index: 2;*/ 
	left: 0.5em;
	padding: 2em;
	top: 1em;
	width: 187px;
	height: 293px;
	background-image: url('/Images/consola/HR-esqSlideBack.png');
}
.slideshemaright2 {
	position: absolute;
	/* z-index: 2;*/ 
	right: 1em;
	padding: 2em;
	top: 1em;
	width: 187px;
	height: 287px;
	background-image: url('/Images/consola/HR-esqSlideBack.png');
	background-repeat: no-repeat;
}
.slideshemaright {
	position: absolute;
	/* z-index: 2;*/ 
	right: 0.5em;
	padding: 2em;
	top: 1em;
	width: 80px;
	height: 287px;
	background-image: url('/Images/consola/HR-dirSlideBack.png');
	background-repeat: no-repeat;
}
.starmargin {
	margin-top: 3.5em;
}
#xbody img {
  max-width: 100%;
	width: auto;
	height: auto;
	border-radius: 0.5em;
}
.navbar-brand img {
	height: 1.3em;
}
.titulopagina {
	padding: 5px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bolder;
	border-bottom: 1px solid #e7e7e7;
}
#titpagina {
	margin-bottom: 0.8em;
}
#titulostring {
	margin-left: 0.8em;
	margin-right: 0.8em;
}
#about {
	border-top: 0px
}
/* Para Search no Lotus*/

.searchline {
 width: 100%;
 display: table-cell;
 border-bottom: 1px dotted #91c4e3;
}
.searchrow {
	width: 100%;
}
.searchtitle {
	float: left
}
.searchtitgrupo {
	float: right;
	margin-right: 10px;
}

#posIndice ul{margin-top:0; margin-bottom:0}

#contact {}

#posIndice {
	border-bottom: 1px solid #e7e7e7;
                cursor:pointer;
}
#posIndice li {min-height:1.6em; font-size:0.9em;}
.titidx {
	border-bottom: 1px solid;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 3px;
	margin-left: 0px;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bolder;
	color: rgb(0, 96, 150);
	text-decoration: none;
}
.idxh1 {
	list-style-image: url("/images/Bullet1.gif");
}
.idxh2 {
	margin-left: 10px;
	list-style-image: url("/images/Bullet2.gif");
}
.idxh3 {
	margin-left: 20px;
	list-style-image: url("/images/Bullet3.gif");
}
.idxh4 {
	margin-left: 30px;
	list-style-image: url("/images/Bullet4.gif");
}
.idxh5 {
	margin-left: 40px;
	list-style-image: url("/images/Bullet5.gif");
}
.idxh6 {
	margin-left: 50px;
}
/* Tabelas */

table {
	border-collapse: collapse;
	border: 0px;
}
td,
th {
	padding: 0.3em;
	vertical-align: center;
}
.tnormal tr th {
background-color:#808080;
color:white;
}
.tsimples tr td,
.tsimples tr th {
	border: 1px solid #e7e7e7;
	border: 1px dotted #428bca;
}
.tsimples tr th {
	background-color: #428bca;
	color: white;
	border-bottom: 0px dotted white;
}
.pagebreak {
	page-break-before: always;
}
.printheader {
	page-break-before: always;
	border-bottom: 1px solid #b0c8e0;
	margin-top: 8px;
	margin-bottom: 25px;
	font-size: 7pt;
}
@media print {
	.noprint {
		display: none;
	}
}
/* bootstrap - alteracoes >>>> */

/*
.panel-default > .panel-heading {
	color: #333;
	background-color: #ffb100;
	border-color: #ddd;
}
*/
/* bootstrap - alterações <<<< */

/*
.backz {
    z-index: -30;
}
*/

.menuInsideTitule {
	border-bottom: 1px dotted #e7e7e7;
	font-weight: bold;
	padding-left: 1em;
	line-height: 1.5em;
}
.page {
	border-top: 1px dotted #2F3238;
	margin-bottom: 2em;
}
.panel-body {
	font-size: 0.8em;
}
/* para IE11 ver http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-image-example-using-css3-js/ */

.iconmaps {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(/css/svgeffects.svg#greyscale);
	filter: gray;
	transition: 1s;
}
.iconmaps:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}
#map_canvas {
	border-radius: 0.5em;
	/*height: 400px;*/
}
#MapsModalin {
	width: 97%;
	margin: 10px auto;
}



.row {
}

.align_left {
	float: left;
	margin: 0 25px 0 0px!important;
}
.align_right {
	float: right;
	margin: 0 0 0 25px!important;
}
.text_align_left {
	text-align: left;
}
.text_align_center {
	text-align: center;
}
.text_align_right {
	text-align: right;
}
/* ==================================================
   Code and Pre
================================================== */

.hljs { background-color: transparent; padding:0px;}

code p {padding:0px; margin:0px;}

pre {
	display: block;
	margin: 0.8em 1em;
	padding: 0.8em;
	border: 1px solid #dde4e9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FCFCFC;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}
pre code {
	padding: 0;
	border: 0;
	background-color: transparent;
}

.pre-scrollable {
	overflow-y: scroll;
	max-height: 340px;
}

/* ==================================================
   Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0.3em;
	color: #2F3238;
	font-weight: 300;
	line-height: 1.3em;
	border-radius: 0.3em;
	margin: 0px;
margin:0.2em 0em;
}
h1 {
	font-size: 1.8em;
	border-top: 1px solid #e8e8e8;
	background-color: #f8f8f8;/
}
h2 {
	font-size: 1.6em;
	border-top: 1px solid #f8f8f8;
	color: #383838;
}
h3 {	font-size: 1.4em;
	padding-left:0.4em;
                color: #6f6f6f;
}
h3 a {
    color: #6f6f6f;
}

h4 {
	font-size: 1em;
	color: #7f7f7f;
                padding-left:1em;
}
h4 a {
  color: #7f7f7f;
}

h5 {
	font-size: 0.9em;
}
h6 {
	font-size: 0.9em;
}
h3.spec {
	color: #FFFFFF;
	/*    font-size: 1.8em;*/
	font-weight: 300;
	line-height: 1em;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.alert {margin: 0px;}
dt, dd {line-height:1.3em; margin-bottom:0.6em;}
dd {border-bottom: 1px dotted grey;}

/* ==================================================
   CUSTOMIZE THE CAROUSEL - parte do em bootstrap
================================================== */

.xslidelogo {
	position:absolute;
	margin-top:2em;
	height:300px;
	z-index: 3;
}

.carousel {
	margin-bottom: 10px;
	margin-top: -0.3em;
}
/*next e previous*/

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
font-size: 4em;
}


.carousel-caption1 {

/*
width:16em;
min-height:0em !important;right:auto !important;bottom:auto !important;top:3em !important;
 margin-left:22em !important;z-index:11;
*/
 }

.carousel-control {
	margin-top: 0px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	background-color: transparent;
	/*height: 400px;*/
}


.carousel .back {
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slidelogo {height:500px; max-width:95%;position:absolute}

.carousel .item {
	height: 500px;
}

.carousel img {} .carousel-caption {
	background-color: rgba(4, 114, 159, .6);
	position: relative;
	margin-left: -5em;
	margin-top: 0.5em;
	max-width: 24em;
	/*min-height: 15em;*/
	padding: 1em 1em;
	border-radius: 1em;
}

.carousel-caption h1,
.carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #04729f;
	text-shadow: 0 1px 1px rgba(247, 155, 4, .7);
}
.carousel-caption .btn {
	margin-top: 10px;
}


@media print
{    
    .noprint, .noprint *
    {
        display: none !important;
    }

   .hrdw { 
       padding-top:3em; min-height:13em;
    }

    .avoidprintbreak {
       page-break-inside:avoid !important; 
    }

  a[href]:after {
    content: "";
  }

}


/* ==================================================
   for debug color
================================================== */

.bred {
	background-color: blue;
}
.bblue {
	background-color: red;
}


#load_screen {

        opacity: 0.9;
        background: #000;
        position: fixed;
        z-index: 1040;
        top: 0px;
        width: 100%;
        height: 100%;
    }

#load_screen > #loading {
        font-family: Sans-Serif;
        padding: 1em;
        min-height: 2em;
        border-radius: 1em;
        text-align: center;
        font-size: 2em;
        color: #FFF;
        width: 400px;
        margin: 4em auto;
        border: 3px solid white;
}

@page{orphans:4; widows:2;}


@media (max-width: 1400px) {
	html {
		background: transparent;
	}
}
@media (max-width: 1200px) {
	.slideshemaleft {
		background-image: none;
	}
	.slideshemaright2 {display:none}

  .carousel .item, .slidelogo{
	height: 400px;
  }
}
@media (max-width: 1000px) {
	body {
		font-size: 1em;
	}
	.slideshemaright {
		background-image: none;
	}

}
@media (max-width: 768px) {
	body {
		font-size: 0.9em;
	}
	.starmargin {
		margin-top: 4em;
	}
	.navbar-brand {
		display: none;
	}
	.menuInsideTitule {
		background-color: #e7e7e7;
	}

.slidelogo {
    height: 350px;
    margin-left:-15px;
  }
  .carousel .item {
    height: 350px;
  }
	.carousel-caption1 {margin-left:3em !important;margin-top: 226px;width:20em}
	/* .xslidelogo {margin:-1.1em;z-index:5;height:auto !important;max-width:90%;max-height:300px} */

.fotterlogo {min-width:0px;min-height:0px;display:none;}

.fotterfirstcol {margin-left:0px;}

}
@media (max-width: 400px) {
	body {
		font-size: 0.8em;
	}
.carousel-caption1 {margin-left:2em !important;margin-top: 185px;width:20em}

.carousel .item {
	height: 250px;
 }

}

.securelabel  {margin-bottom:0.4em; line-height:1.5em; padding-bottom:1.5em;}

big {2em;}