/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    background-color: #111;
    position: absolute;
	padding-top: 15px;
    left: 0;
    right: 0;
    width: 100%;
	
}

.dark-bg {
	background-color: #222;	
	color: #fff;
}

.mycontent-left {
  border-right: 1px solid #666;
  text-align:center;
}

h6{font-size:16px; color:#999;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
.footer-above
{background-color:#000;
	}
hr {
	border-color: #333;
	border-style:dotted; 
	}
	
.background { background-color:#666161;}

h4 {color:#d90303; text-transform: uppercase; font-weight:bold; font-size:18px;}

.link a {
    color: #d90303;
	font-weight:600;
}

.link a:hover {
    color: #999;
	text-decoration:none;
}

.link a:active {
    color: #d90303;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Style the active class (and buttons on mouse-over) */
.active {
  background-color: #333;
  color: white;
}

.margemesquerda { padding-left: 10px; padding-bottom: 10px;}
.fonttitulo { font-stretch:normal;}

/*cena do read more*/

.btn1 {
  display: inline-block;
  padding: 0px 0px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn2 {
	margin-bottom: 3px;
	}

.button {
   background: red;
   padding: 5px 10px;
   border-radius: 6px;
   color: white;
   text-decoration: none;
   vertical-align: middle;
}
.button:hover {
   background: gray;
   color: white;
   text-decoration: none;
}
.button:active {
   background: gray;
}

p { 
   margin: 0 0 15px 0; 
}

.sidebar-box { 
   max-height: 400px;
   position: relative;
   overflow: hidden;
}

.sidebar-box .read-more { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; 
	padding: 30px 0 30px 0; 	
	/* "transparent" only works here because == rgba(0,0,0,0) */ 
	background-image: -moz-linear-gradient(top, transparent, white);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
}

.google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.panel-heading1 { padding: 0px; }
.panel-default1 {border: thin solid rgba(142,142,142,1.00); border-radius: 0px;} 

.numberCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 5px;

    background: #E7AF0D;
    color: #fff;
    text-align: center;

}

 .box{
        width: 300px;
        height: 58px;
        opacity: 0.9;
		float:right;
    }
    .red{
        background: #ff0000;
        z-index: 1;
    }

/* Destaque*/

.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:25%;
  width:5%;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  width:70%;
  text-align: left;
  vertical-align: middle;
}
.img_modal {
	width: 100%;
	height: 100%;
	}
.bold {
	font-weight: bold;
	font-size: 16px;	
}
iframe {
  border: 0px;
  width: 100%;
  overflow: hidden;
}

.bt {
   text-decoration: none;
   vertical-align: middle;
}

.eixos-vis {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color: blue;
  border-radius: 6px;
  color: white;
}

.eixos-rec {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color: green;
  border-radius: 6px;
  color: white;
}

.eixos-ori {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color: red;
  border-radius: 6px;
  color: white;
}

.eixos-soc {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color: orange;
  border-radius: 6px;
  color: white;
}

.eixos-fam {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color: #0F758A;
  border-radius: 6px;
  color: white;
}
.eixos-cid {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:mediumvioletred;
  border-radius: 6px;
  color: white;
}
.eixos-sl {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:cadetblue;
  border-radius: 6px;
  color: white;
}
.eixos-lfe {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:blueviolet;
  border-radius: 6px;
  color: white;
}
.abril1 {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:#eb5457;
  border-radius: 6px;
  color: white;
}
.abril2 {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:#f8c3b9;
  border-radius: 6px;
  color: white;
}
.camoes1 {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:#eb5457;
  border-radius: 6px;
  color: white;
}
.camoes2 {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:#f8c3b9;
  border-radius: 6px;
  color: white;
}

.internet1 {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:darkturquoise;
  border-radius: 6px;
  color: white;
}
.internet2 {
  border: none;
  outline: none;
  padding: 5px 8px;
  background-color:darkcyan;
  border-radius: 6px;
  color: white;
}