/*
Theme Name: Tema "Your Driver" | Powwwer
Theme URI: http://facebook.com/powwwer
Description: Tema "Your Driver" by Powwwer
Author: Pedro Santos
Author URI: 
Version: 1.0
Tags: responsive, white, bootstrap, clean

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
.
*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-theme.css');
@import url('bootstrap/css/landing-page.css');
@import url('bootstrap/font-awesome/css/font-awesome.css');

@import url(https://fonts.googleapis.com/css?family=OpenSans:400,300,600);

body {
	padding-top: 0px;
	padding-bottom: 20px;
    font-weight: 400;
    line-height: 1.75;
    font-size: 16px;
    color: #000;
}

a {
	color: #5739b2;
}

a:hover {
	color: #5739b2;
	text-decoration: none;
}

.navbar-primary {
  background-color:transparent;
}
.navbar-primary .navbar-brand {
  color: black;
}

.btn-principal {
    width: 200px;
    padding: 15px;
    background-color: #5739b2;
    border-radius: 0px;
    color: white;   
    font-size: 16px;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
}

.product-img {
    height: 270px;
    max-height: 275px;
    width: 100%;
}

.product-image {
    width: 100%;

	
}

.btn-principal a {
    color: white;
    text-decoration: none;
}

.btn-principal a:hover a:focus {
    color: white;
    text-decoration: none;
}

.promos_onsale {
    z-index: 10000;
    position: absolute;
    padding: 5px;
    margin: 10px;
    background-color: #b9d500;
    color: white;
    text-transform: uppercase;
}
.promos_title {
    background-color:  #09c6a2;
    padding: 15px;
    font-size: 16px;
    color: white;
    text-transform: uppercase;   
    text-align: center;
	margin-bottom: 25px;

}
.promos_price {
    background-color: white;
    padding: 15px;
    font-size: 18px;
    border: 1px solid #f1f1f1; 
    margin-bottom: 20px;
    color: #001f36;
    text-align: center;
}
.widgets-space {
    padding: 20px 0px;
}

.person-menu {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px;
    margin-bottom: 0px;
    z-index: 1000;
	background-color: white;
}

.person-menu a {
    color: #5739b2;
}

.person-menu li a:hover {
    color: #09c6a2;
    background-color: transparent;
    
}

.navbar-toggle .icon-bar {
    background-color:  #09c6a2;
}

.divider {
 margin-left: auto ;
  margin-right: auto ;  height: 4px;
  width:50px;
  display:block; /* for use on default inline elements like span */
  overflow: hidden;
  background-color: #b9d500;
  text-align:  center;
  margin-top: 20px;
  margin-bottom: 40px;

}

h1 {
    color:  #5739b2;
   font-size: 30px;
    line-height: 30px;
        text-align: center;
    font-weight: bold;

}

h2 {
    color:  #001F36;
    font-weight: 600;
}

h3 {
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    color: #00BCD5;
    font-weight: 400;

}

.white {
	color: #fff;
}

/* HEADER */

header {
    height: 100px;
}

.logo {
    width: 250px;
}

.menu {
    margin-top: 20px;
}

/* FIM HEADER */



/* FOOTER */

footer {
    background-color: #09c6a2;
    font-size: 16px;
}

footer a {
    color: white;
}


.redes-sociais {
    float: right;
    margin: 0px;
}

footer input, textarea {
    padding: 5px;
    width: 100%;
    margin: 2px 2px 2px 0px;
}

footer  textarea {
    padding: 5px;
    width: 100%;
    margin: 2px 2px 2px 0px;
    max-height: 150px;
}


footer .btn {
    padding: 10px;
    width: 100%;
    margin: 2px 2px 2px 0px;
    color:  #00bcd5;
    font-weight: bold;
    background-color: white;
    border-radius: 0px;
}

footer .btn:hover {
    color: white;
    background-color: #00bcd5;
}

.sub-footer {
    margin-top: 0px;
    color: white;
    background-color: #5739b2;
}


/* HOME */

.promocoes_home {
    padding: 15px;
    background-color: #001f36;
    color: white;
    text-align: center;
}

.promocoes_imagem {
    width: 100%;
}

.promocoes_list {
    border: 1px solid #f1f1f1; 
    background-color: #f9f9f9;
    text-align: center;
    color: #a4a4a4;
    font-size: 14px;
    line-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.fb-icon {
	width: 20px;
	padding: 10px;
	border-radius: 5px;
}

.promocoes_ver {
    padding: 15px; 
    background-color: #00bcd5;
    color: white;
    text-align: center;
}

.promocoes_ver a {
    color: white;
}


.destino_coluna_esq {
    background-color: #00bcd5;
    width: 50%;
    float: left;
    padding: 25px;
    color: white;
    text-align: center;
    max-height: 200px;
    height: 200px;
}

.destino_price {
    line-height: 80px;
    font-size: 32px; 
    font-weight: bold;
}

.destino_duration {
    font-size: 16px;
    margin-top: 10px;
}

.destino_divider {
    background-color: white;
    height: 2px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.destino_coluna_dir {
    width: 50%;
    float: left;
    position: relative;
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 25px;
    max-height: 200px;
    height: 200px;
}


.btn-pesq {
	background-color: #00bcd5;
	color: white;
	border: 0px;
	width: 40px;
	border-radius: 0px;
	float: left;
}

.btn-news {
	background-color: #00bcd5;
	color: white;
	border: 0px;
	border-radius: 0px;
	padding: 10px;
}

.form-control-news {
	border-radius: 0px;
	padding: 10px;
	border: 0px;
	}

.form-control-pesq {
	border-radius: 0px;
	float: left;
}



hr {
 margin-bottom: 5px;
    margin-top: 5px;
}

/* MENU MOBILE */

.navbar-toggle {
    margin-top: 40px;
}


.panel-row-style {
	padding: 0px;	
	}

@media (max-width: 767px) {
  .navbar-nav {
    overflow: hidden;
    background-color: white;
    padding-top: 10px;
    z-index: 1000;
  }
  
  .logo {
	  width: 220px;
	  }
	  
	  
	 a {
		color: #09c6a2; 
		} 
		
	.panel-row-style {
	padding: 20px;	
	}
}