@import url(box.css);
@import url(carrinho.css);
@import url(headertop.css);
@import url(fotos.css);
@import url(slider.css);
@import url(caixas.css);
@import url(jquery.lightbox-0.5.css);
/* reset  básico */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;  
}
h1{margin:0 0 0px 0; font-size:1.8em; font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; font-weight:normal; padding: 0px 0px 10px; line-height:normal;}
h2{margin:0 0 5px 0; font-size:1.6em; color: #585858; font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; font-weight:normal; padding: 0px 0px 10px; line-height:normal;}
h3{margin:0 0 5px 0; font-size:1.4em; color: #585858; font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; font-weight:normal; padding: 0px 0px 10px; line-height:normal;}
h4{margin:0 0 5px 0; font-size:1.5em; color: #585858; font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; font-weight:normal; padding: 0px 0px 10px; line-height:normal;}
h5, h6{margin:0 0 5px 0; font-size:1.2em; font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; font-weight:normal; padding: 10px 0px 10px; line-height:normal;}
/* centrliza o site */
.capa{
  width:90%;
  margin:auto;
  overflow:hidden;
}
p {
	color: #585858;
	line-height: 1.4;
	font-size: 1rem;
	margin-bottom: 0.5rem;
	text-align: left;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.texto-basico {
	margin: 10px 10px 20px 10px;
}
/* link específico */
.fone a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.fone a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

a:link {
	color: #585858;
	text-decoration:none;
}
a:visited {
	color: #585858;
	text-decoration:none;
}
a:hover {
	opacity: 1;
}
.cap {text-transform: capitalize;}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.btn {
  border: none; /* Remove borders */
  color: white; /* Add a text color */
  padding: 14px 28px; /* Add some padding */
  cursor: pointer; /* Add a pointer cursor on mouse-over */
}
.btverde {background-color: #4CAF50;} /* Green */
.btverde:hover {background-color: #46a049;}

.btazul {background-color: #2196F3;} /* Blue */
.btazul:hover {background: #0b7dda;}

.btlaranja {background-color: #ff9800;} /* Orange */
.btlaranja:hover {background: #e68a00;}

.btvermelho {background-color: #f44336;} /* Red */ 
.btvermelho:hover {background: #da190b;}

.bcinza {background-color: #e7e7e7; color: black;} /* Gray */ 
.bcinza:hover {background: #ddd;}


.mais-descricao {
    color: #585858;
    padding: 10px;
    text-align: left;
    margin: 10px 10px 10px 10px;
	font-size:1.8em;
}
/* ####   #### */
.titulo-branco {
	margin:0 0 5px 0; 
	font-size:1.3em; 
	color: #FFFFFF; 
	font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	padding: 0px 0px 5px; 
	line-height:normal; 
	text-transform:capitalize;}

.barra-escura {
    padding: 5px;
    text-align: center;
    background: #454545;
    color: white;
}
	/* Header/logo Title */
.header {
    padding: 20px;
    text-align: center;
    background: #484A4D;
    color: white;
}
.header2 {
    padding: 0px 0 px 0px 3px;
    text-align: center;
    background: #A2A2A2;
    color: white;
}
.header3 {
    padding: 5px;
    text-align: center;
    background: #FFFFFF;
    color: #585858;
}
.faixa {
    padding: 40px;
    text-align: center;
    background: #FDCCAB;
    color: #000000;
}

/* Increase the font size of the heading */
.header h1 {
    font-size: 40px;
}
/*----------------------------------------------Header-------------------------------------*/
.empresa { 
        color: #FFFFFF;	
        text-align: center;
		font-size:1.8em;
}

.txtcelular a { 
        color: #FFFFFF;	
        text-align: center;
        text-decoration:none;
		font-size:1.5em;
}
.cor-branco { 
        color: #FFFFFF;	
		}	
.branco a { 
        color: #FFFFFF;	
        text-align: center;
        text-decoration:none;
		}
.branco a:visited{ 
        color: #FFFFFF;	
        text-align: center;
        text-decoration:none;
		}
		
/* Botao com link */    
.botao {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.botao:hover {
  background: #0B700B;
  color: #FFFFFF;
  font-size:1.5em;
  text-align: center;
}
.botao:link {
	color: #FFFFFF;
	text-decoration:none;
        font-size:1.8em;
}
.botao:visited {
	color: #FFFFFF;
	text-decoration:none;
}

	/* Footer */
.footer {
    padding: 20px;
    text-align: center;
    background: #ddd;
}
.footer2 {
	color: #FFFFFF;	
    padding: 10px;
    text-align: center;
    background: #424246;
}
/* linha */
.linha {
    margin-left: -5px;
    margin-right: -5px;
}
    .linha:before,
    .linha:after {
        content: "";
        display: table;
    }
    .linha:after {
        clear: both;
    }

/*------------------------------------Galeia-----------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.row-col {margin: 0 -5px;}

/* Clear floats after the columns */
.row-col:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: #f1f1f1;
}
.btn {
  display: inline-block;
  background: #0B670B;
  color: #FFFFFF;
  text-decoration: none;
  padding: 1em 2em;
  border: 1px solid #666;
  margin: 0.5em 0;
}

.btn:hover {
  background: #06CA06;
  color: #FFFFFF;
}	
#showcase {
  min-height: 450px;
  color: #fff;
  text-align: center;
}

#showcase .bg-image {
  position: absolute;
  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../imagens/1250x625.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
  background-attachment: fixed;
  z-index: -1;
  opacity: 0.9;
}

#showcase h1 {
  padding-top: 70px;
  padding-bottom: 0;
  font-family: 'lato', sans-serif;
  	color: #FFF;
	font-size: 2.7rem;
	font-weight: 700;
	margin: 0 0 1.5rem;
}

#showcase .content-wrap,
#section-a .content-wrap {
  padding: 0 1.5em;
}

/* Section A */

#section-a {
  background: #eaeaea;
  color: #333;
  padding-bottom: 2em;
}

/* Section B */

#section-b {
  padding: 2em 1em 1em;
  background: #667379;
}

#section-b ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#section-b li {
  margin-bottom: 1em;
  background: #fff;
  color: #333;
}

.card-content {
  padding: 1.5em;
}

/* Section C */

#section-c {
  background: #FFF;
  color: #333;
  padding: 2em;
}

/* Section D / Boxes */

#section-d .box {
  padding: 2em;
  color: #fff;
  background: #47A8F5;
}

#section-d .box:first-child {
  background: #F44236;
}

#section-e {
  background: #FFF;
  color: #333;
  padding: 2em;
}
#section-f .box {
  padding: 2em;
  color: #404040;
  background: #EEEEEE;
}

#section-f .box:first-child {
  background: #EEEEEE;
}

/* Footer */

#main-footer {
  padding: 2em;
  background: #647486;
  color: #fff;
  text-align: center;
}

#main-footer a {
  color: #FFFFFF;
  text-decoration: none;
}

/* Media Queries */

@media (min-width: 700px) {
  .grid {
    display: grid;
    grid-template-columns: 1fr repeat(2, minmax(auto, 25em)) 1fr;
  }

  #section-a .content-text {
    columns: 4;
    column-gap: 2em;
  }

  #section-a .content-text p {
    padding-top: 0;
  }

  .content-wrap,
  #section-b ul {
    grid-column: 2/4;
  }

  .box,
  #main-footer div {
    grid-column: span 2;
  }

  #section-b ul {
    display: flex;
    justify-content: space-around;
  }

  #section-b li {
    width: 31%;
  }
}
/* colunas */
.col {
    display: inline-block;
    vertical-align: top;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    margin-right: -4px;
    *zoom: 1;
    *display: inline;
}
    /* duas colonas */
    @media (min-width: 480px) {
        .col-2 {
            width: 50%;
        }
    }

    /* tres colunas */
    @media (min-width: 728px) {
        .col-3 {
            width: 33.3333%;
        }
    }
	
		    /* quatro colunas */
    @media (min-width: 960px) {
        .col-4 {
            width: 25%;
        }
    }

    /* sidebar */
    @media (min-width: 992px) {
        .col-content {
            width: 70%;
        }

        .col-sidebar {
           width: 30%;
        }
    }
/*---------------############## COMEÇO COLUNAS    ###############------------*/
/*---------------############## COMEÇO 5 COLUNAS    ###############------------*/
.colunas {
  float: left;
  width: 20%;
  padding: 0px;
}
    /* duas colonas */
   @media screen and (max-width: 600px) {
   .colunas {
    width: 50%;
  }
   }
.raio:after {
  content: "";
  display: table;
  clear: both;
}
/*---------------############## FINAL COLUNAS    ###############------------*/
.limpa{clear:left;}
	
/*---------------############## SISTEMA DE COLUNAS  PERCENTUAL  ###############------------*/
.linhacol::after {
  content: "";
  clear: both;
  display: table;
}

[class*="coluna-"] {
  float: left;
  padding: 15px;
  border: 1px solid red;
}
.coluna-1 {width: 8.33%;}
.coluna-2 {width: 16.66%;}
.coluna-3 {width: 25%;}
.coluna-4 {width: 33.33%;}
.coluna-5 {width: 41.66%;}
.coluna-6 {width: 50%;}
.coluna-7 {width: 58.33%;}
.coluna-8 {width: 66.66%;}
.coluna-9 {width: 75%;}
.coluna-10 {width: 83.33%;}
.coluna-11 {width: 91.66%;}
.coluna-12 {width: 100%;}
/*---------------##############     ###############------------*/
/* parte */
.parte {
    background: #C40000;
    padding: 20px;
    text-align: justify;
    margin: 2px 0;
    color: #fff;
}
.meio {
    background: #FFFFFF;
    padding: 20px;
    text-align: justify;
    margin: 2px 0;
    color: #000000;
}

.inicial {
    background: #FAFAFA;
    padding: 20px;
    text-align: center;
    margin: 2px 0;
    color: #585858;
}

.parte-sidebar {
    background: #EBEBEB;
    padding: 5px 0 20px 20px;
    text-align: left;
    margin: 2px 0;
    color: #585858;
}
.rodape-4 {
    background: #E9E9E9;
    padding: 20px;
    text-align: justify;
    margin: 2px 0;
    color: #585858;
}
.titulo-rodape {
    color: #585858;
    padding: 10px;
    text-align: left;
    margin: 2px 0;
}

.big {
    height: 50px;
}

/*----------------------- ############################################# ----------------------*/
/*  ---- Menu ---*/
ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
ul.menu li {float: left;}
ul.menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
ul.menu li a:hover {
	background-color: #6A6970;
	border: 1px solid #EFEEEE;
	color: #FFF;
	}
ul.menu li a.active {background-color: #A7A7A7;}
.menu li {
  float: left;
  border-right:1px solid #EFEEEE;
}
.menu li:last-child {
  border-right: none;
}
@media screen and (max-width: 600px) {
  ul.menu li.right, 
  ul.menu li {float: none;}
  ul.menu li a:hover {background-color: #6A6970;}
}
.menu li {
  border-bottom:1px solid #EFEEEE;
  border-right: none;
}
/*  ----###################### Final do Menu ######################---*/
ul.listalateral {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  list-style-position:inside;
}
.listalateral li{
	margin-top:4px; 
	padding-top:4px; 
	border-top:0 
	
}
li {
  list-style-type: none;
}
/*  ---- Começo lista rodapé ---*/
ul.rodapelista {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  list-style-position:inside;
}
.rodapelista li{
	margin-top:10px; 
	padding-top:18px; 
	border-top:1px solid #333333; 
	
}
/*  ---- Final lista rodapé ---*/

/* Services */
ul#servicos1 li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}
/* Services */
ul#servicos2 li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#F4F4F4;
}
.imgp{float:left; margin:0 15px 10px 0; clear:left;}
@media only screen and (max-width: 600px) {
  .imgp{float:center; margin:0 15px 10px 0; clear:center;}
}

/*----------------------- ############################################# ----------------------*/

/*----------------------------------------------------------------------------------*/

.rodape-credito{padding:20px 0; font-size:.85em;}
.rodape-credito p{margin:0; padding:0; color: #BDBDBE;}
.roda-esq {float:left;}
.roda-dir {float:right;}
/*----------------------------------------------Copyright-------------------------------------*/

/* Telefones do rodape */
.box-contact{
	position:fixed;
	bottom:0;
    right:10px;
    width:235px;
    background-color:#C40000;
    color:#FFF;
    font-size:20px;
    border-top-left-radius:7px;
	border-top-right-radius:7px;
    padding:10px;
    border:1px solid rgba(255,255,255,0.5);
	border-bottom:none}
.box-contact a{color:inherit;text-decoration:none}
.box-contact .more{display:none}
.box-contact .more span{margin-left:25px}
.box-contact:hover .more{display:block}
.alifone {margin-left:25px}
.alifone2 {text-align:left;}
.imgroda {
  width: 20px;
  height: 20px;
  float:right;
  margin-left:10px
}

/*---------------##############     ###############------------*/
/*---------------##############     ###############------------*/
/*----------------------------------------------Content Area-------------------------------------*/
.emphasise, #container .emphasise{font-size:2.8em; line-height:1.4em;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.boxholder{padding:9px; border:1px solid #D6D6D6;}
.imgl{float:left; margin:0 15px 10px 0; clear:left;}
.imgr{float:right; margin:0 0 10px 15px; clear:right;}
.push30{margin-bottom:30px;}

.button.small{font-size:.9em; padding:6px 15px 5px 15px;}
.button.medium{font-size:1.1em; padding:10px 20px 9px 20px;}
.button.large{font-size:1.4em; font-weight:normal; padding:18px 20px 17px 20px;}
.button.green{color:#FFFFFF; background-color:#008800; border-color:#CC7500;}
.button.green:hover{color:#FFFFFF; background-color:#A66000; border-color:#008800;}
.button.green.gradient{
	background:#A66000;
	background:-moz-linear-gradient(#FF9000 0%, #A66000 100%);
	background:-webkit-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-o-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-ms-linear-gradient(#FF9000 0%,#A66000 100%);
	background:linear-gradient(#FF9000 0%,#A66000 100%);
	}
	
.button.orange{color:#FFFFFF; background-color:#FF9900; border-color:#CC7500;}
.button.orange:hover{color:#FF9900; background-color:#A66000; border-color:#FF9900;}
.button.orange.gradient{
	background:#A66000;
	background:-moz-linear-gradient(#FF9000 0%, #A66000 100%);
	background:-webkit-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-o-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-ms-linear-gradient(#FF9000 0%,#A66000 100%);
	background:linear-gradient(#FF9000 0%,#A66000 100%);
	}
	
.emphasise, #container .emphasise{font-size:1.5em; line-height:1.4em;}

/*----------------------------------------------Testemonial-------------------------------------*/

.parte-sidebar aside{line-height:1.2em;}
.parte-sidebar aside h2{margin-bottom:10px; padding-bottom:8px; border-bottom:5px solid #E8E8E8; font-size:1.4em;}
.parte-sidebar aside ul.nospace li{margin-top:20px;}

/* formulario contato */

input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

input[type=submit] {
    background-color: #FF9900;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}


.example {
    padding: 10px;
    color: white;
	margin: 10px 10px 10px 10px;
	font-size:1.0em;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {background: rgb(34, 34, 36);}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example {background: #414142;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .example {background: #414142;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .example {background: #414142;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .example {background: #414142;}
}

/* ################################# Final da página 404 ###################################*/
#ft_gallery.spacing li{margin-bottom:15px;}
.one_third{width:30%;}
.one_third{display:inline; float:left; margin:0 0 0 5%; list-style:none;}
.one_third:first-child, {margin-left:0;}
.first{clear:left;}
.first, .nogutter{margin-left:0;}
.full_width{display:block; width:100%; clear:both;}
/* ##########################################################################################*/