/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-ene-2017, 19:24:26
    Author     : Sandra
*/

/*PC gran resolucio i MAC!*/
@media screen and (max-width: 2560px) {
	.logo {
    width: 13%;
}
	body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #1E2941;
}
.menu {
	background-color: #1E2941;
	border-color: #1E2941;
	margin-bottom: 0px;
	margin-top: 1%;
	}
	
	
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
	.dest-home {
	width: 53%;
	margin-bottom: 2%;
}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none;
    width: 70%;
    margin-left: 15%;
}

	.menu .navbar-nav li a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: 'PetitaLight';
	font-size: 17px;
}

	.menu .navbar-nav li a:hover {
	color: #FF6060;
	
}

	.destacat-home {
	font-family: 'PetitaLight';
	text-align: center;
	background-color: #FFF;
	border-bottom: #1E2941 2px solid;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #1E2941;	

}
	.destacat-home h2 {
		font-size: 39px;
		
}		
	.destacat-home h3 {
		font-size: 28px;
		
}	
	.footer .container {
	width: 70%;
	
	}
	.footer {
	background-color: #1E2941;
	padding-top: 1%;
	padding-bottom: 1%;
	font-family: 'PetitaLight';
	color: #FFFFFF;	
	font-size: 16px;	
}
	
	 .fcbk {
	margin-right: 1%;
}
	.contingut-pagina {
	width: 70%;
}
	.contingut-pagina h3, .r-productes h3 {
	background-color: #1E2941;
	font-family: 'PetitaLight';
	color: #FFFFFF;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	font-weight: normal;
	font-size: 19px;
	font-variant: normal;	
	padding-left: 1%;
	text-transform:uppercase;
}
	.navbar-nav > .active > a {
    background-color: #1E2941 !important;
    color: #FF6060 !important;
}
	.img-nosotros {
	margin-bottom: 2%;

}
.login-box {
    width: 360px;
    margin: 7% auto;
    background-color: #1E2941;
}
.register-box {
    width: 460px;
    margin: 7% auto;
    background-color: #1E2941;
}
.contact-box {
    width: 494px;
    margin: 3% auto;
    background-color: #1E2941;
}

.r-contacto {
    margin-top:3%;
}
.login-box-body, .register-box-body, .contact-box-body {
	padding: 20px;
	border-top: 0;
	
}
	.login-box-msg, .register-box-msg, .contact-box-msg {
		color: #FFFFFF;  
	}
	.login-logo, .login-logo b, .register-logo, .register-logo b,.contact-logo, .contact-logo b  {
	font-family: 'PetitaLight';
	text-transform: uppercase;
	color: #FF6060;
	padding-left: 1%;
	padding-top: 3%;
	font-size: 18px;
	
				
}

	.login-logo a, .register-logo a, .contact-logo a  {
	font-family: 'PetitaLight';
	text-transform: uppercase;
	color: #FFFFFF;  
	padding: 3%;
	font-size: 18px;
	text-decoration: none;
				
}

	.checkbox.icheck a {
		color: #FFFFFF; 
		text-decoration: none; 
}

	.glyphicon {
	color: #777; 

}
	.has-feedback a, .recordar {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
	.btn-primary {
    color: #1E2941;
    background-color: #fff;
    border-color: #fff;
	text-transform: uppercase;
	font-family: 'PetitaLight';
}
	.btn-primary:hover {
    color: #fff;
    background-color: #FF6060;
    border-color: #FF6060;
}
	.r-productes {
		width: 70%;
		margin-bottom: 3%;
}
	.c-productes {
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 5%;
}
	.c-productes img {
		margin-bottom: 2%;
}
	.c-productes p {
	margin-bottom: 0%;
	font-family: 'PetitaLight';
	font-size: 14px;
	font-weight: 530;
}
	.c-productes a:hover {
	text-decoration: none;
	}
		
	.img-cat {
		margin-bottom: 3%;
		text-align: center;
		padding-left: 5%;
}
	.c-img-catalogo p {
	font-family: 'PetitaLight';
	font-size: 17px;
	color: #1E2941;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 2%;
}

	.r-producte {
		
		width: 82%;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 4%;
}
	.r-producte h4 {
	font-family: 'PetitaLight';
	font-size: 17px;
	padding: 0.5%;
	color: #1E2941;
	border: #1E2941 solid 1px;		
		
		
}
	.l-producte {
		margin-right: 3%;
}

	h3 img {
		margin-top: -5%;
}
.shopping-cart-box {
    display: none;
}
.cart {
    margin-top:-3.7%;
}

	.add-cart {
	color: #FF6060;
}
	.add-cart:hover {
	color: #FF6060;
}
	.r-producte .control-label {
	font-weight: normal;	
	text-transform: uppercase;
	width: auto;	
	padding-right: 1px;
	margin-top: 1.2%;
}
	.go-cart img{
		position:relative;
		left: -1px;
                top: -7px;		
        }
        .go-cart {
            float:right;
        }
	.s-comprando {
		color: #337ab7;
		margin-left: -5%;
}
	.s-comprando:hover {
	color: #1E2941;;
	text-decoration: none;
}
	.cart {
    margin-top: -3%;
    margin-right: 2%;
	width: 4%;
}
	.r-producte hr {
		border-top: 1px solid #1E2941;
	
}
	.r-producte .input-sm {
    height: 27px;
        padding-top: 0px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-left: 3px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -31px;
    top: -5px;
    font-size: 16px;
}
	
	.capsalera {
		
		margin-bottom: 1%;
		text-transform: uppercase;	
		font-family: 'PetitaLight';
		color: #FF6060;
		font-size: 17px;
}
	.total {
		font-weight: bold;
}
	.carousel-caption { 
	font-family: 'PetitaLight';
	text-transform: uppercase;	
	
	
}

	.confirmar .conf-cart,.imprimir { 
	background-color: #1E2941;
	color:#FFF;
	border: none;
	font-family: 'PetitaLight';
	padding-top: 1%;
	padding-left: 1%;
	padding-bottom: 1%;
	font-size: 16px;
}
	.conf-cart:hover { 
	background-color: #FF6060;
}
	.nota-iva { 
	padding-top: 2%;
}
select:invalid { color: gray; }
	
	.idiomes .login { 
	background-image: url("../img/login.png");
	background-repeat: no-repeat;
	margin-top: 5px;
	background-position: bottom;
	
}
	.idiomes .logout { 
	background-image: url("../img/logout.png");
	background-repeat: no-repeat;
	margin-top: 5px;
	background-position: bottom;
	
}
	.carousel-indicators li {
   
    width: 6px;
    height: 6px;
}
	.carousel-indicators .active {
    width: 8px;
    height: 8px;
}

	.client {
		width: 100%;
}
	.form-inline .form-group {
    display: inline-block;
    margin-bottom: 2%;
    width: 33%;
}
}

@media screen and (max-width: 1920px) {
	
	.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -31px;
    top: -5px;
    font-size: 16px;
}

}
/* resolucio estandard!*/
@media screen and (max-width: 1680px) {
	.dest-home {
    width: 64%;
    margin-bottom: 2%;
}
	.cart {
    margin-top: -3.3%;
    margin-right: 2%;
}
	.r-producte {
		width: 80%;
		
}
.count-prod {
    font-weight: normal;
    color:#FFFFFF;
	padding-left: 1%;
		position:relative;
		left: -21px;
		top: -5px;
		font-size: 16px;
		
}
}
@media screen and (max-width: 1600px) {

} 
/*PC baixa resolucio */
@media screen and (max-width: 1440px) {
	.dest-home {
    width: 69%;
    margin-bottom: 2%;
}
	.r-producte {
    width: 78%;
}
	.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -18px;
    top: -5px;
    font-size: 16px;
}
	.cart {
    margin-top: -3.8%;
    margin-right: 1%;
}
	.r-producte .col-xs-2 {
    width: 22%;
}
	.r-productes {
    width: 73%;
    margin-bottom: 3%;
}
	.confirmar {
		width: 19%;

}
.contact-box {
    width: 41%;
	
}
	.r-contacto {
    margin-top: 3%;
    width: 58%;
}
	.contingut-pagina {
    width: 71%;
}

	
}
@media screen and (max-width: 1366px) {

	.r-producte {
    width: 76%;
}
	.cart {
    margin-top: -6.1%;
    margin-right: 1%;
}
.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -18px;
    top: 17px;
    font-size: 16px;
}
	.r-producte .col-xs-2 {
		width: 22%;
}
}
@media screen and (max-width: 1280px) {
	.dest-home {
    width: 73%;
    margin-bottom: 2%;
}
	.cart {
    margin-top: -6.5%;
    margin-right: 1%;
}
	.r-producte .col-xs-2 {
    width: 23%;
}
}

/*tablet horizontal!*/
@media screen and (max-width: 1024px) {
	.logo {
    width: 19%;
    margin-bottom: 2%;
}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none;
    width: 90%;
    margin-left: 4%;
}

	.dest-home {
    width: 93%;
    margin-bottom: 2%;
}
	.footer .container {
    width: 92%;
}
	.contingut-pagina {
    width: 87%;
}

	.contact-box {
    width: 70%;
    margin: 3%;
    background-color: #1E2941;
    padding: 10px;
    margin-left: 15%;
}
	.r-contacto {
    margin-top: 3%;
    margin-right: 25.5%;
}

	.r-productes {
    width: 86%;
    margin-bottom: 3%;
}
	.r-producte {
    width: 75%;
}
	.cart {
    margin-top: -6.7%;
    margin-right: 1%;
}
	.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -14px;
    top: 17px;
    font-size: 16px;
}
	.r-producte .col-xs-2 {
    width: 22%;
}
	.c-productes {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 1%;
}
	.confirmar {
		width: 23%;

}
	.form-inline .form-group {
    display: inline-block;
    margin-bottom: 2%;
    width: 80%;
}
}

/*tablet!*/
@media screen and (max-width: 768px) {
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none;
    width: 100%;
    margin-left: 0%;
}
	.navbar-collapse {
    padding-right: 3px;
    padding-left: 3px;
}
	.logo {
    width: 29%;
    margin-bottom: 2%;
}
	.idiomes li a {
		padding-right: 10px;

}
	.dest-home {
    width: 100%;
    margin-bottom: 2%;
}
	.destacat-home {
    font-family: 'PetitaLight';
    text-align: center;
    background-color: #FFF;
    border-bottom: #1E2941 2px solid;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #1E2941;
}
	.contact-box {
    width: 80%;
    margin: 3%;
    background-color: #1E2941;
    padding: 10px;
    margin-left: 9%;
}
	.r-contacto {
    margin-top: 3%;
    margin-right: 39%;
	margin-bottom: 1%;
}
	.r-productes {
    width: 90%;
    margin-bottom: 3%;
}
	.r-producte {
    width: 69%;
}
  .count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -6px;
    top: 17px;
    font-size: 16px;
}
	.cart {
    margin-top: -8.4%;
    margin-right: 2%;
}
	.r-producte .input-sm {
    height: 27px;
    padding-top: 2px;
    padding-right: 18px;
    padding-bottom: 2px;
    padding-left: 18px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
	width: 60px;
}
	.r-producte .col-xs-2 {
    width: 33%;
}
	.contingut-pagina h3, .r-productes h3 {
	padding-top: 1%;
	padding-bottom: 1%;

}
	.r-producte .col-xs-2 {
    width: 31%;
    margin-top: 2%;
}
	.idiomes {
	margin-right: 1px !important;

}
	.menu > li > a {
		padding-right: 10px;
		padding-left: 10px;
}
	.form-inline .form-group {
    display: inline-block;
    margin-bottom: 1%;
    width: 80%;
}
}
/*Mòvil hortitzontal i grans*/
@media screen and (max-width: 667px) {
	.destacado {
		width: 33%;

  }
  .r-producte {
    width: 65%;
}
.cart {
    margin-top: -10%;
    margin-right: 3%;
}
.r-producte .control-label {
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
    padding-right: 15px;
    margin-top: 5PX;
    margin-left: 0px;
}
	.r-producte hr {
    border-top: 1px solid #1E2941;
    margin-top: 52px;
    margin-bottom: 20px;
  }
	.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: -2px;
    top: 17px;
    font-size: 16px;
}
	.r-producte .col-xs-2 {
    width: 38%;
	margin-top: 0;
}
	.idiomes .login, .idiomes .logout {
    background-repeat: no-repeat;
    margin-top: 0px;
    background-position: left;
    padding-top: 2%;
    margin-left: 3%;
}

  }
@media screen and (max-width: 650px) {

}
@media screen and (max-width: 568px) {

}
@media screen and (max-width: 425px) {
	.contact-box {
    width: 99%;
    margin: 3%;
    background-color: #1E2941;
    padding: 4px;
    margin-left: 0%;
}
	.r-contacto iframe {
		width: 320px;
}

	.r-contacto {
    margin-top: 3%;
    margin-right: 41%;
    margin-bottom: 1%;
    width: 53%;
}
	.l-producte {
    margin-right: 0%;
    margin-left: 26%;
}
	.r-productes {
    width: 97%;
    margin-bottom: 3%;
}
	.r-producte {
    width: 97%;
	margin-right: 1%;
}
	.cart {
    margin-top: -14.3%;
    margin-right: 8%;
}
	.r-producte .col-xs-2 {
    width: 46%;
}
	.idiomes .login, .idiomes .logout {
    background-repeat: no-repeat;
    margin-top: 0px;
    background-position: left;
    padding-top: 3%;
    margin-left: 3%;
}
	.form-inline .form-group {

    width: 100%;
}
	.form-group label, .form-group select { 
	padding-right: 5px;
	padding-left: 5px;
}

}
@media screen and (max-width: 400px) {
	.img-cat {
		margin-bottom: 3%;
		text-align: center;
		padding-right: 6px;
		padding-left: 6px;
}
.logo {
    width: 45%;
	margin-bottom: 4%;
}
	.destacat-home h2 {
    font-size: 32px;
}
}
@media screen and (max-width: 375px) {

	.dest-home {
    width: 88%;
    margin-bottom: 2%;
}
	.destacado {
	margin-bottom: 3%;
	width: 100%;
}
	.r-contacto iframe {
		width: 310px;
}
	.count-prod {
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 1%;
    position: relative;
    left: 7px;
    top: 17px;
    font-size: 16px;
}
	.cart {
    margin-top: -15.7%;
    margin-right: 8%;
}
	.r-contacto {
    margin-top: 3%;
    margin-right: 45%;
    margin-bottom: 1%;
    width: 53%;
}

}
@media screen and (max-width: 350px) {
	.contact-logo a {
    font-family: 'PetitaLight';
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 3%;
    font-size: 15px;
    text-decoration: none;
}
.login-logo, .login-logo b, .register-logo, .register-logo b, .contact-logo, .contact-logo b {
    font-family: 'PetitaLight';
    text-transform: uppercase;
    color: #FF6060;
    padding-left: 1%;
    padding-top: 3%;
    font-size: 15px;
}
	.r-contacto iframe {
		width: 305px;
}
	.r-contacto {
    margin-top: 3%;
    margin-right: 52.5%;
    margin-bottom: 1%;
    width: 53%;
}

}