﻿/* Move down content because we have a fixed navbar that is 50px tall */


body {
    padding-bottom: 20px;
	background-color: #68D50A;
    font-family: 'Open Sans', sans-serif;
    position:relative;
}

h1, h2, h3, h4 {
	font-family: 'Francois One', sans-serif;
}

h1.titulo {
	font-size: 20px;
}

.top-menu a.revenda {
    background-color: #808080 !important;
    color: #fff !important;
}


.buy_button {
    background-color: #0092EE;
    color: #fff ;
}
	.buy_button:hover {
    background-color: #0092EE;
    color: #fff ;
}

a {
	color: #0092EE;
}
/*helpers*/
.clr {
    clear: both;
}

/*.form-group span {
	color: #DF3F42;
	font-weight: bold;
}*/
/*end helpers*/
/*Bootstrap fix*/
.navbar-default {
    background: none;
    border: 0;
    margin:0;
    margin:0 0 2px 0;
}

.navbar-nav {
	width: 100%;
}

.form-control {
	background-color: #ffffff;
    border: 1px solid #adadad;
    border-radius: 0px;
    box-shadow:none;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
	.form-control:focus {
		border-color:#adadad;
	}
.btn-default {
    background-color: #0092EE;
    border-color: #adadad;
    color: #fff;
}

.btn-primary {
	background-color: #808080;
    border-color: #adadad;
    color: #fff;
}

.btn {
    border: 0px;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.42857;
	height: 34px;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	font-family:"Francois One",sans-serif;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color:#fff;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	background: #F8F8F8!important;
	color: #DCDCDC!important;
	opacity: 1;
}

.dl-horizontal dt {
	width: auto;
	margin-right: 5px;
}
.dl-horizontal dd {
	margin-left: auto;
}

.well {
	border-radius: 0;
}
/*end Bootstrap fix*/
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
   /* max-width: 280px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Header */
.header {
	background: #FFF;
	padding: 15px 0;
}

.header .apoio {
	margin-top: 15px;
	line-height: 36px;
}

.header .apoio i {
	margin-right: 5px;
	display: inline-block;
	width: 10px;
}
.header .apoio:before {
	font-family: "FontAwesome";
	content: "\f0e5";
	float: left;
	font-size: 26px;
	line-height: 36px;
	margin-right: 2px;
}
.header .apoio p {
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
}

/*
h1.logo, h1.logo a, h1.logo a:hover  {
	color: #68D50A;
	margin: 0;
	text-decoration: none;
}
h1.logo a:before {
	content: url(/images/logo-consumiveis.png);
	margin-right: 10px;
	float: left;
}
*/

#logo h4 {
	padding: 10px 10px 10px 45px;
	font-size:15px;
	background: #F3BD00;
	color: #FFF;
	max-width: 400px;
	
}
.top-menu li a {
    padding: 5px 3px;
    background:#EFEFEF;
    color: #333;
    border-radius:0;
    font-size:12px;
    margin-left:0;
}
    ul.top-menu {
        margin-top:-15px;
    }
        .top-menu li {
            border-right:solid 2px #FFF;
        }
            .top-menu li:last-child {
               border-right:none;
            }

.area_utilizador, .area_carrinho {
	padding:30px 15px 0px 15px;
	position:relative;
}

	.area_utilizador i, .area_carrinho i {
		font-size:22px;
		line-height:34px;
		padding-left:2px;
	}
	.area_utilizador a {
		font-size:12px;
		padding-top:5px;
		color:#adadad;
	}
	.area_carrinho .btn {
		background-color: #0092ee;
    	color: #fff;
	}
	.area_utilizador .btn {
		background-color: #68D50A;
    	color: #fff;
	}

.area_utilizador .loggedin {
	height: 34px;
	padding: 0 3px;
}
.area_utilizador .loggedin a {
	font-size: 15px;
	font-family: 'Francois One', sans-serif;
	color: #333;
}
.area_utilizador .logoff {
	padding: 0;
	height: 34px;
}
.area_utilizador .logoff a {
	text-align: left;
	color: #808080;
}
.area_carrinho .count {
	position:absolute;
	top:22px;
	left:30px;
	background:#EFEFEF;
	font-family:"Francois One",sans-serif;
	font-size:12px;
	color: #333333;
	display:block;
	width:22px;
	height:22px;
	text-align:center;
	line-height:22px;
	border-radius:11px;
	z-index:999;
}


.area_carrinho .total {
	margin-top:-8px;
	margin-left: -5px;
	background:#EFEFEF;
	font-family:"Francois One",sans-serif;
	font-size:12px;
	color: #333333;
	display:inline;
	height:22px;
	text-align:center;
	line-height:22px;
	border-radius:11px;
	z-index:999;
	padding:0 2px;
	margin-right: 5px;
}

@media (max-width:768px) {

}
/* end Header */

/* Search */
.search {
	background: #FFF;
	padding: 15px 0;
	margin-top: 15px;
}

.search .modelo {
	text-align:right;
	position: relative;
}

.search .pesquisa .btn {
	background:#68D50A;
}

.search .modelo .btn {
	background:#F3BD00;
}

/* end Search */

/*Categories*/
.categories {
    background: #FFF;
    padding: 15px;
    margin-top: 15px;
}
    .categories #navbar {
        padding: 0;
    }

    .categories ul li {
        padding: 0;
    }


.category_menu {
    font-size:13px;
    text-align:center;
}
    .category_menu a {
        text-decoration: none;
        font-weight: 300;
        line-height: 34px;
        display: block;
		color: #333;
    }
	.category_menu a:hover {
		background: #EFEFEF;
	}

.navbar-toggle {
	width: 100%;
	float: none;
}
.navbar-default .navbar-toggle {
	padding: 0;
}

/*categoria selecionada*/
.category_menu_c {
    font-size:13px;
    text-align:center;
}
    .category_menu_c a {
        text-decoration: none;
        font-weight: 300;
        line-height: 34px;
        display: block;
		color: #fff;
		background: #68D50A;
    }
	.category_menu_c a:hover {
		color: #fff;
		background: #68D50A;
	}

/*end Categories*/

/*Banner*/
.banner-wrapper {

}

.banner-wrapper img {
	width: 100%;
	height: auto;
}

.banner_top_left, .banner_top_right {
	padding:0;
	margin:15px 0;
	overflow: hidden;
}

.banner_top_left img, .banner_top_right img {
	width: 100%;
	height: auto;
}
.banner_top_right {
	padding-left:15px;
}
.banner_top_left {
	padding-right:15px;
}

.banner_bottom_left, .banner_bottom_right {
	padding:0;
	margin:15px 0;
	overflow: hidden;
}
.banner_bottom_left img, .banner_bottom_right img {
	width: 100%;
	height: auto;
}
.banner_bottom_right {

}

/*end Banner*/


/*subfamilia*/

.menu-subfamilia {
	text-align: center;
	margin-bottom: 20px;
}

.menu-subfamilia .imagem {
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	overflow: hidden;
}

.menu-subfamilia .nome_marca {
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	margin-top: 5px;
}

.menu-subfamilia .nome_marca a {
	color: #333;
}


.menu-subfamilia .imagem input {
	width: 100px;
	height: auto !important;
	line-height: 100px;
}

/*end subfamilia*/

/*Body Content*/
.content-container {
    background: #FFF;
}
	.content-container.home {
    background: #FFF;
}
/*end Body Content*/

/*Footer*/
.footer {
    background-color: #fff;
    padding-top:30px;
}
    .footer .item {
        margin: 20px 0;
        text-align: center;
        font-size:13px;
    }
        .footer .item i {
            font-size:45px;
        }
        .footer .item h3 {
            margin-top: 5px;
        }
    .footer .disclaimer {
        font-size: 10px;
        margin: 25px 0 15px 0;
        display:block;
        clear:both;
        color:#ADADAD;
    }

.copyright {
    font-size: 10px;
    text-align: right;
    margin-top:20px;
}

    .copyright a {
        text-decoration: none;
        color:#fff;
    }
/*end Footer*/

/*Produto*/
.produto_wrapper {
    border: solid 1px #ADADAD;
    padding:15px 0;
	min-height:359px;
	overflow: hidden;
	margin-bottom:25px;
}

.produto_imagem_container {
    width:100%;
    height:130px;
    position: relative;
}

.detalhe_imagem_container {
border: solid 1px #ADADAD;
text-align: center;
width: 100%; 
margin-bottom: 20px;
}
.detalhe_imagem_container img {
	max-width: 100%;
	padding: 15px;
}


.detalhe table {
	width: 100%;
}

.detalhe .produto_alerta {
	position: relative;
	padding: 0;
	width: 100%;
}

.detalhe .produto_alerta span.alerta {
	background: none;
	color: #F3BD00;
	text-align: right;
	width: 100%;
	padding:0 25px;
	position: relative;
	display: block; 
	margin: 15px 0;
	
}

    .produto_imagem_container input { 
     max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
    }

.produto_codigo {
    padding: 0 15px;
    line-height:20px;
}
    .produto_codigo a, .produto_codigo {
        color: #adadad;
        text-decoration: none;
        font-size:12px;
    }

h4.produto_designacao, h2.produto_designacao {
    padding:0 15px;
    line-height:30px;
    margin: 25px 0 20px 0;
	height:60px;
	overflow:hidden;
}
.produto_designacao a, .produto_designacao {
    color: #0092EE;
    text-decoration: none;
}

.detalhe .produto_designacao {
	line-height:30px; 
	height: auto;
	word-break: break-all;
    word-wrap: break-word;
}

.detalhe .produto_caracteristicas {
	height: auto;
}

.produto_caracteristicas {
    margin: 10px 15px;
    font-size: 12px;
    line-height:15px;
	height:30px;
	overflow:hidden;
}

.produto_caracteristicas a {
	color: #F44AD1;
}
.produto_preco {
	max-height: 76px;
}
.produto_preco span.final {
    font-size: 25px;
    font-family: 'Francois One', sans-serif;
}

.produto_preco span.sem_iva {
    font-size: 12px;
    line-height:15px;
	color:#adadad;
}

.produto_preco_anterior {
    width:100%;
	height:21px;
}
.produto_preco_anterior span {
    text-decoration: line-through;
    font-size:15px;
    line-height:15px;
    padding-bottom:6px;
    border-bottom:30px solid #F3BD00; 
    width:100%;
    margin-left:-5px;
    padding-left:5px;
	margin-right:-5px;
    padding-right:5px;
    display:inline-block;
    margin-bottom:-33px;
}

.produto_botao {
margin-top:23px;
}

.pedido_contacto, .pedido_contacto:hover {
	background: #F3BD00;
	color: #fff;
	margin-top: 23px;
}

.form-pedido_contacto {
	border-radius: 0;
}
input.quantidade_box {
    border: 1px solid #adadad;
    height:34px;
    line-height:34px;
}

.produto_alerta span.alerta {
	position:absolute;
	top:10px;
	left:10px;
	background:#F3BD00;
	color:#FFF;
	font-family: 'Francois One', sans-serif;
	padding:3px 15px;
	font-size:18px;
}

.produto_tipo span.original {
	position:absolute;
	top:10px;
	right:10px;
	background:#F44AD1;
	color:#FFF;
	font-family: 'Francois One', sans-serif;
	padding:3px 15px;
	font-size:18px;
}

.produto_tipo span.compativel {
	position:absolute;
	top:10px;
	right:10px;
	background:#68D50A;
	color:#FFF;
	font-family: 'Francois One', sans-serif;
	padding:3px 15px;
	font-size:18px;
}


.detalhe .produto_tipo span.original, .detalhe .produto_tipo span.original {
	top:-10px;
	right: 30px;
}

.produto_qtmin {
    font-size: 12px;
    line-height:15px;
	color:#adadad;
	padding: 15px;
}

/*Lista produto*/
.list .produto_wrapper {
	min-height: 235px;
}

.list .lista_imagem_container {
	text-align: center;
	margin-top: 20px;
}
    .list .lista_imagem_container input { 
   	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto; 
    }

.relacionados {
	height: 34px;
}

.relacionados a.btn, .relacionados a.btn:hover {
	background: #EFEFEF;
	color: #808080;
	margin-right: 15px;
}


.caminho_wrapper {
	/*width:920px;*/
	width:100%;
	/*border-bottom:dotted 1px #2B2B2B;*/
	padding-bottom:5px;
	margin-bottom:20px;
	margin-left:0 !important;
	/*float:right;*/
}
	.caminho_wrapper a {
		margin-right:10px;
		line-height:40px;
		height:40px;
		display:inline-block;
		text-decoration:none;
		font-size:13px;
		color:#333333;
		
	}
	.caminho_wrapper a.cat_caminho:before {
		font-family: 'FontAwesome';
		content: "\f105";
		padding-right:10px;
		font-size:15px;
	}
.caminho_wrapper .fa-home {
	font-size:20px;
	color:#333333;
	line-height:40px;
}

.cat_caminho {
	line-height:40px;
	font-family: "Francois One",sans-serif;
}
	.caminho_wrapper a:last-of-type {
	color:#ADADAD;
}

/*Artigo*/
nav.modelos .navbar-collapse {
	padding: 0;
}

nav.modelos .modelo a {
	color: #333;
	line-height: 20px;
}

nav.modelos .modelo a:hover {
	color: #68D50A;
}

/*end Artigo*/

/*Pesquisa por modelos*/
.pesquisamodelos {
	padding: 0;
}
.pesquisamodelos li {
	list-style: none;
}

.pesquisamodelos h4 a {
	background: #EFEFEF;
	display: block;
	padding: 10px;
	text-align: center;
	color: #333;
}

.pesquisamodelos h4 a:hover {
	color: #FFF;
	text-decoration: none;
	background: #68D50A;
}
/* end PEsquisa por modelos*/

/*formularios*/
.form-confirmar_encomenda span.disabled {
	background: none;
	border:none;
}

.form-confirmar_encomenda select.input-sm {
	line-height: 30px;
}

.form-confirmar_encomenda .dropdown {
	padding-top: 0;
	padding-bottom: 0;
}

.form-confirmar_encomenda .form-control option {
	font-size: 14px;
	line-height: 30px;
}
/*end formularios*/

.social {
	text-align: center;
}

.social a i {
	color: #fff;
	width: 34px;
	height: 34px;
	text-align:center;
	line-height: 34px;
	font-size: 15px;
	display: inline-block;
	margin: 0 7px;
	border-radius: 17px;
}

.social a i.fa-facebook {
	background: #3B5998;
}

.social a i.fa-youtube-play {
	background: #CC181E;
}


/*TR 08/03/2018*/

.modelo-pointer p {
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

.modelo-pointer {
	position: absolute;
background: #F44AD1;
top: -102px;
right: -30px;
display: block;
width: 100px;
height: 100px;
padding: 10px 12px;
border-radius: 50%;
z-index: 9;
transform: rotate(-10deg);
	/*
	position: absolute;
	background: #F44AD1;
	top: -10px;
	right: -118px;
	display: block;
	width: 120px;
	height: 120px;
	padding: 15px 20px;
	border-radius: 50%;
	z-index: 9;
	transform: rotate(-20deg);*/
}

.modelo-pointer:before {
	content: ".";
	display: block;
	width: 40px;
	height: 40px;
	background: #F44AD1;
	color: #F44AD1;
	position: absolute;
	left: 3px;
	top:59px;
	z-index: -8;
}

.header .about {
	margin-top:25px;
}
.about a, .about a:hover, .about a:focus, .about a h4 {
		color: #555555;
		font-size: 13px;
	text-decoration: none;
}
span.logo-md {
	color: #D83B01;
	font-size: 20px;
	display: inline-block;
	position: relative;
	margin: 0 5px;
}
span.logo-md .sub-logo {
	text-transform: uppercase;
	font-weight: 200;
	font-size: 10px;
	position: absolute;
	bottom:-10px;
	right: 0;
}

.apoio h5 {
	font-family: 'Francois One', sans-serif;
	font-size: 22px;
}


/*logo certificado*/

.comodo-logo {
	position: fixed;
	left: 0;
	bottom: 0;
}