/*
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-jul-2020, 19:24:26
    Author     : Sandra
*/




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

    .telf {
        color:#fff;
    }

    .telf:hover {
      color:#fff;
    }
    .telf:link, .telf:visited, .telf:active {
        color:#fff;
    }
    .tit_header_1 {
        margin-top:0px;
        padding-top: 2%;
        padding-bottom: 1%;
    }
    .tit-producto {
        color:red;
        text-transform: uppercase;
    } 
    .linia-producto {
        border-top: 2px solid #FF0000;
    }
  #cajacookies {
    box-shadow: 0px 0px 5px 5px #808080;
    background-color: #fff;
    color: #000;
    padding: 10px;
    margin-left: 0px;
    margin-right: -15px;
    margin-bottom: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
}

.c-img-catalogo {
    width:75%;
}
#cajacookies button {
  color: #ffff;
	background-color: #a6c9b1;
	padding: 4px;
	
}  

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

	
    .logo {
        margin-left: auto;
	margin-right: auto;
	width: 23%;
    }
	body {
   
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
        color: #1E2941;
		
}
.menu {
	background-color: #fff;
	border-color: #fff;
	margin-bottom: 0px;
	margin-top: 0%;
	}
	
        .dest-productos {
            width: 70%;
            margin-bottom: 1%;
        }
        
        .col-producto {
            margin-bottom: 1.5%;
        }
.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: 80%;
    margin-left: 9%;
}

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

	.destacat-home {
	text-align: center;
	background-color: red;
	padding-top: 1px;
	padding-bottom: 10px;
        border-radius: 0px!important;

}
    .destacat-home h2 {
        font-size: 20px;
        color: #000;
        font-family: 'Raleway';
        margin-bottom: 0px;	
        font-style: italic;
    }		
	.destacat-home h3 {
		font-size: 28px;
		font-family: 'Raleway', sans-serif;		
		background-color: #fff;
		padding: 0.5%;                
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;

}	

        .botons-jumbo {
            width: 50%;
        }
	.d-contacta h3{
	background-color: #b09bc4;
        color:#fff;
        width: 80%;
        }	

	.d-contacta-2 h3{
	background-color: #fff;
        color:#b09bc4;   
        width: 91%;
        }   
        .d-contacta-2 a {
        color: #b09bc4;
        text-decoration: none;
        }
        
	.destacat-home .vacances {
		width: 40%;
		color: #fff !important;	
		background-color: #a6c9b1;	
	}
	
	.footer .container {
	width: 70%;
	
	}
	.footer {
	background-color: #000;
	padding-top: 1%;
	padding-bottom: 1%;
	font-family: 'Raleway', sans-serif;
	color: #FFFFFF;	
	font-size: 16px;	
}
	
	 .fcbk {
	margin-right: 1%;
}
	.contingut-pagina {
	width: 78%;
}
	.contingut-pagina h3 {
	background-color: red;
	color: #000000;
	padding-top: 1%;
	padding-bottom: 0.5%;
	font-weight: normal;
	font-size: 22px;
	font-variant: normal;	
	padding-left: 1%;
	text-transform:uppercase;
		margin-top: 2%;
}
	
	.navbar-nav > .active > a {
    background-color: #FFFFFF!important;
    color: #a1c2ac!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 {
    background-color: #a6c9b1;
}

.r-contacto {
    margin-top:3%;
}
.login-box-body, .register-box-body, .contact-box-body {
	padding: 0px;
	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: 'Raleway', sans-serif;
	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: 'Raleway', sans-serif;
	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;
	
}
.r-comprar {
    width: 100%;
    margin-left: 0px;
}
.precio {
    width: 82%;
    padding-left: 0px;
}
.c-comprar {
    margin-left: 8%;
    width: 10%;
    padding-right: 0px; 
    margin-bottom: 1%;
}
.l-ninyos {
    margin-left: 1%;
}
.check-menu-inf {
    width: 4%;
}
.calendario-show {
    width: 10%;
    float:left!important;
}
.btn-comprar {
    color:#fff;
    background-color: #000000;
    border-color: #000000; 
    padding: 0px 0px!important;
    font-size:25px; 
    width: 60%!important;
    float:right;
}

.btn-comprar:visited {
    background-color: red;
    color:#000;
}  

.btn-confirmar {
    margin-bottom: 1%;
}
.botones-compra {
    margin-top:2%;
}
.btn-fcomprar {
    background-color: red;
    color:#fff;
    font-weight: bold;
}
.btn-fcomprar:hover{
    background-color: #000;
    color:#fff;
}    


.sel-prod {
    padding-right: 5px;
    padding-left: 0px;
    width: 7%;
}
.b-eliminar {
    width: 10%;
}
.frase-compra {
    margin-bottom: 1%;
    font-weight: bolder;
}
.btn-comprar:hover {
    color: #000000;
    background-color: red;
    border-color: red;
}
	.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: 'Raleway', sans-serif;
	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: 'Raleway', sans-serif;
	font-size: 17px;
	color: #1E2941;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 2%;
}

	.r-producte {
		
		width: 82%;
		font-family: 'Raleway', sans-serif;
		margin-bottom: 4%;
}
	.r-producte h4 {
	font-family: 'Raleway', sans-serif;
	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: #fff;
    padding-left: 1%;
    position: relative;
    left: -31px;
    top: -12px;
    font-size: 20px;
}
	
	.capsalera {
		
		margin-bottom: 1%;
		text-transform: uppercase;	
		font-family: 'Raleway', sans-serif;
		color: #FF6060;
		font-size: 17px;
}
	.total {
		font-weight: bold;
}
	.carousel-caption { 
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;	
	
	
}

	.confirmar .conf-cart,.imprimir { 
	background-color: #1E2941;
	color:#FFF;
	border: none;
	font-family: 'Raleway', sans-serif;
	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: 100%;
}

	.seccion-2 {
	background-color: #b09bc4;
		padding-left: 10%;
			padding-right: 10%;
		padding-bottom: 2%;
		padding-top: 2%;
		color: #FFF;
	
}
	.seccion-1 {
            padding-left:  10%;
            padding-right:  10%;
            padding-bottom: 2%;
            padding-top: 2%;
            color:#fff;
            background-color: red;
}
	.seccion-3 {
	background-color: #a6c9b1;
		padding-left:  10%;
			padding-right:  10%;
		padding-bottom: 2%;
		padding-top: 2%;
		color: #FFF;
}
	.seccion-4 ,.seccion-6{
	
		padding-left:  10%;
		padding-right: 10%;
		padding-bottom: 2%;
		padding-top: 2%;
		color: #b09bc4;
}
	.seccion-6 {
            margin-top:10%;
            clear: both;
        }    
	h3  {
		margin-top: 2%;		
		font-size: 33px;
}
	.seccion-1 p {
		padding-bottom: 1%;
	}
	.mapa {
		margin-left: auto;
		margin-right: auto;
		padding-left: 2%;
	}

       
	h5 {
		margin-top: 2px;
		font-family: 'Raleway', sans-serif;
		font-size: 25px;
		color: #B09BC4;
}
	

	.lleft {
		width: 60%;
}
	.lleft p {
		color: #7C7C7C;
}
		.icono {
		margin-right: 1%;
			margin-bottom: 3%;
}	
		.vip {
		margin-top: 2%;
}	
		.r-equipo {
			margin-top: 1%;
	}
	.d-contacta:hover {
		text-decoration: none;
		color: #b09bc4;
		
	}
	
	
	.f-contacta {
			text-transform: uppercase;
		color: #719E7E !important;
		background-color: #a6c9b1 !important;
		width: 100% !important;
		
		}
	.servicios {
		margin-left: 0px;
	}
	.navbar-inverse .navbar-toggle {
    border-color: red;
		background-color: red;
}
	.navbar-inverse .navbar-toggle:hover {
        border-color: red;
		background-color: red;
}
	inverse .navbar-form {
     border-color: #a6c9b1;
}
		
	.pagines .active,.idiomes .active {
    	color: red!important;
        font-style: italic;
}       
	.comer-l {
    	width: 45%;
padding-top: 2%;
}	
		.contingut-comercio-s {
    	
		padding-left: 10%;
			padding-bottom: 2%;
		padding-right: 10%;
		padding-top: 2%;
			
}	
	h1 {
    	
	font-size: 70px;
		
}	
.tit_header_1 a{
    color: red!important;    
    font-size: 40px;
}
.tit_header_2 {
    color: #fff!important;
    font-style: italic; 
}
a {
    color:#000;
    text-decoration: none;
}
a:link, a:visited, a:active {
    text-decoration:none;
}
.header-fl {
    background-color: #000;
}
		.contingut-comercio {
    	
		padding-left: 10%;
			padding-bottom: 2%;
		padding-right: 10%;
		padding-top: 2%;
			color: #7C7C7C;
}	
	.comer-l h3 {
		font-family: 'Raleway', sans-serif;
		color: #b09bc4;
		text-transform: uppercase;

}	
	 	.btn-default {
		font-family: 'Raleway', sans-serif;
		background-color: #b09bc4;
		text-transform: uppercase;
		color: #FFF;
		border-color: #b09bc4;
                padding-right: 6%;
                padding-left: 3%;
                padding-bottom: 4%;
                padding-top: 4%;
                width: 8%;

}	
		
	.select-barri select.input-sm  {
   
    text-transform: uppercase;
		background-color: #b09bc4;
		color: #FFF;
		font-size: 15px;
                margin-bottom: 2%;
}
	.select-tipus select.input-sm  {
   
    text-transform: uppercase;
		background-color: #a6c9b1;;
		color: #FFF;
		font-size: 15px;
}
	.btn-default:hover {
    color: #FFF;
    background-color: #a6c9b1;
    border-color: #a6c9b1;
}
	.contingut-detall-comer{
    	
		padding-left: 10%;
			padding-bottom: 2%;
		padding-right: 10%;
		padding-top: 2%;
		
}	
	.r-detall {
	
		
		margin-bottom: 2%;
		color: #7C7C7C;
		
}	
	.r-selector {
	margin-bottom: 2%;
		
}	

	.nombre {
	margin-top: 0px;
        font-family: 'Raleway', sans-serif;
		
        }
        .t-horario{
            font-family: 'Raleway', sans-serif;
            font-size: 28px;
        }
.l-detall, .r-detall {
    width: 50%;
    margin-bottom: 2%;
}
	.fesc {
    width: 60%;
    margin-bottom: 15%;
		color: #7C7C7C;
		margin-left: 5%;
		margin-top: 1%;
}
	.dreta-fesc {
    
    margin-bottom: 2%;
	margin-right: 5%;
	margin-top: 1%;
		
}
	.video-mercedes {
    width: 1920px;
    height: 422px;
}
	
	.xarxes-comer {
    margin-top: 2%;
    width: 80%;
    margin-bottom: 2%;
}
	
	.logos-comer-s {
  margin-top: 1%;
	margin-bottom: 1%;
		
}
	.seccion-5 {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2%;
    padding-top: 2%;
    color: #a6c9b1;
    clear: both;
		
}
	.desc-prod {
		font-size: 15px;
		margin-top: 2%;
		margin-bottom: 2%;
		width: 64%;
		margin-left: 0%;
	}
	 .nom-prod h4 {
		font-size: 15px;
		color: #b09bc4;
		text-transform: uppercase;
	}
		.compra {
		width: 24%;
			padding-bottom: 2%;
			padding-top: 2%;
			padding-right: 3%;
			margin-bottom: 3%;
			
	}
	.compra a {
		color: #FFFFFF;
			
	}
	.productos p {
		font-size: 15px;
		margin-left: 1%;
			
	}
        .cform-control {
	width: 90%;
        border-color: #b09bc4;
        font-size: 16px;
			
	}
    .cbtn-primary {
	width: 60%;
        background-color: #b09bc4;
        color: #ffff;
			
	}
         .r-pedidos {
	width: 70%;
        background-color: #b09bc4;
        color: #ffff;
        padding: 2%;
        margin-bottom: 2%;
			 margin-left: auto;
			 margin-right: auto;
			
	}
        .b-pedidos{
	width: 80%;
	}
        label {
    
    font-size: 14px;
}
    .parada-extra {
    font-size: 14px;
    padding-left: 4px !important;
    padding-right: 10px !important;
}
	#parada, #factura {
            margin-left: 8px;
	}
        .btn-pedidos:hover {
    color: #fff;
    background-color: #a6c9b1;
   
}
	strong {
    color: #b09bc4;
	font-weight: normal;
}
	h6 {
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    background-color: #fff;
    width: 25%;
    padding-top: 1%;
    padding-left: 1%;
    color: #b09bc4;
}
	.resum-comanda .precio {
		color: #a6c9b1!important;
	}
	.resum-comanda hr {
		border-top: 2px solid #a6c9b1;
		
	}
	.ped {
		width: 70%;
		
	}
	.contingut-pagina .b-pedidos h3 {
		font-size: 30px !important;
		
	}
	}
@media screen and (max-width: 1920px) {
	
	.count-prod {
    font-weight: normal;
    color: #fff;
    padding-left: 1%;
    position: relative;
    left: -31px;
    top: -14px;
    font-size: 22px;
}
	.dreta-fesc {
    
    margin-bottom: 2%;
	margin-right: 5%;
	margin-top: 1%;
		
}

}
/* resolucio estandard!*/
@media screen and (max-width: 1680px) {
.cart {
    margin-top: -6.5%;
   
}
.c-img-catalogo {
    width:100%;
}    
	.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: #fff;
    padding-left: 1%;
    position: relative;
    left: -25px;
    top: -7px;
    font-size: 16px;
		
}
	.lleft {
		width: 48%;
}
	.icono {
    margin-right: 1%;
    margin-bottom: 6%;
}
	.comer-l {
    width: 41%;
    padding-top: 2%;
}
	
}
@media screen and (max-width: 1600px) {
    #Services, #Serveis, #Servicios {
    margin-left: 28%;
}
} 
/*PC baixa resolucio */
@media screen and (max-width: 1440px) {

    .c-afegir, .c-fcompra  {
        width: 12%;
    }   
    .btn-default {
        padding-top: 7%;
        width: 12%;
        padding-bottom: 3%;
        padding-left: 7%;
    }
    .lleft {
        width: 45%;
    }    
	.dest-home {
    width: 69%;
    margin-bottom: 2%;
}
	.r-producte {
    width: 78%;
}
	.count-prod {
    font-weight: normal;
    color: #fff;
    padding-left: 1%;
    position: relative;
    left: -18px;
    top: 10px;
    font-size: 16px;
}
	.cart {
    margin-top: -6.3%;
    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: 100%;
    margin-bottom: 2%;
}

.xarxes {
    padding-left: 2%;
}

.r-xarxes {
    width: 100%;
}

	.contingut-pagina {
    width: 71%;
}
	.icono {
    margin-right: 1%;
    margin-bottom: 12%;
}
    .contingut-comercio {
    padding-left: 9%;
    padding-bottom: 2%;
    padding-right: 9%;
    padding-top: 2%;
    color: #7C7C7C;
}
	.comer-l {
    width: 39%;
    padding-top: 2%;
}
		.compra {
		width: 35%;
			padding-bottom: 2%;
			padding-top: 2%;
			padding-right: 3%;
			margin-bottom: 3%;
			
	}
	.compra a {
		color: #FFFFFF;
			
	}
	h6 {

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

	.r-producte {
    width: 76%;
}
	.cart {
    margin-top: -6.1%;
    margin-right: 1%;
}
.count-prod {
    font-weight: normal;
    color: #fff;
    padding-left: 1%;
    position: relative;
    left: -18px;
    top: 17px;
    font-size: 16px;
}
	.r-producte .col-xs-2 {
		width: 22%;
}
	.lleft {
    width: 45%;
}
}
@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%;
}
	.lleft {
    width: 44%;
}
}

/*tablet horizontal!*/
@media screen and (max-width: 1024px) {
	.logo {
    width: 45%;
    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: #fff;
    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%;
}
	.lleft {
    width: 100%;
		margin-bottom: 1%;
}
	.estel {
		margin-right: 15%;
		margin-bottom: 1%;
}
	.icono {
    margin-right: 1%;
		margin-bottom: 3%;
}
	.comer-l {
    width: 98%;
    padding-top: 2%;
}
	.fesc {
    width: 54%;
    margin-bottom: 15%;
    color: #7C7C7C;
    margin-left: 5%;
    margin-top: 1%;
}
		.compra {
		width: 36%;
		padding-bottom: 2%;
		padding-top: 2%;
		padding-right: 3%;
		margin-bottom: 3%;		
	}
	.compra a {
		color: #FFFFFF;
			
	}
	
	}

/*tablet!*/
@media screen and (max-width: 768px) {
    .c-suport {
        width: 100%;

    }    
.flota-col {
    width: 100%;
    margin-left: 0%;
    margin-top: 1%;
    margin-bottom: 1%;
}  
.btn-default {
    padding-top: 4%;
    padding-left: 3%;
    margin-top: 2%;
}    
    .l-detall, .r-detall {
        width: 100%;
        margin-top: 2%;
    }    
	.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: 90%;
    margin-bottom: 2%;
}
	.idiomes li a {
		padding-right: 10px;

}
	.dest-home {
    width: 100%;
    margin-bottom: 2%;
}

	.destacat-home {
    text-align: center;
    background-color: red;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #1E2941;

	}
        .botons-jumbo {
            width: 100%;
        } 
        .d-contacta, .d-contacta-2 {
            width: 50%!important;
        }
	.destacat-home h2 {
    font-size: 64px;

}
.d-contacta h3,.d-contacta-2  h3 {
    width: 100%;
}
	.destacat-home h3 {
    font-size: 23px;	
}	
	.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: #fff;
    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: 3%;
    padding-bottom: 1%;
    padding-left: 3%;
}
.btn-pagos {
    padding-left: 0px;
    margin-bottom:3%;
}

	.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%;
}
	.lleft {
    width: 97%;
}
	.c-equipo {
    width: 27%;
    padding-bottom: 2%;
}
	.col-xs-1 {
    width: 35%;
}
	.fesc {
    width: 85%;
    margin-bottom: 3%;
    color: #7C7C7C;
    margin-left: 5%;
    margin-top: 1%;
}
	.dreta-fesc {
    margin-bottom: 2%;
    margin-right: 33%;
    margin-top: 1%;
}
	
		.compra {
		width: 32%;
		padding-bottom: 2%;
		padding-top: 2%;
		padding-right: 3%;
		margin-bottom: 3%;		
	}
	.compra a {
		color: #FFFFFF;
			
	}
	.productos p {
    font-size: 15px;
    margin-left: 3%;
    width: 90%;
}
	.menu .navbar-nav li a {
    color: red;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
}
	.r-pedidos {
    width: 100%;
}
	.b-pedidos {
    width: 90%;
}
	.resum-comanda .col-xs-2 {
   width: 18.666667%;
}
	.contacto {
    margin-bottom: 2%;
}
	.contingut-pagina h3 {
   
    margin-top: 4%;
}
	.ped {
    width: 100%;
}
	.destacat-home .vacances {
    width: 90%;
}	
	}
/*Mòvil hortitzontal i grans*/
@media screen and (max-width: 667px) {
	.destacado {
		width: 33%;

  }
  .r-producte {
    width: 65%;
}

.control-label {
    float:left;
}

.l-ninyos {
    margin-left: 0%;
}
.calendario-show {
    width: 46%;
    float: right!important;
    margin-top: 2%;
    margin-right: 4%;
}
.c-comprar {
    margin-left: 0%;
    width: 18%;
    padding-right: 0px;
    margin-bottom: 1%;
}

.sel-prod {
    width: 47%;
    margin-top:2%;
    float: right;
    margin-right: 3%;
}
.col-producto {
    margin-bottom: 3%;
}
.dest-productos {
    width: 85%;
    margin-bottom: 1%;
}
.cart {
    margin-top: -12%;
    margin-right: 5%;
}
.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: #fff;
    padding-left: 1%;
    position: relative;
    left: 3px;
    top: 16px;
    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%;
}
	.c-equipo {
    width: 24%;
    padding-bottom: 2%;
}
	.menu .navbar-nav li a {
 
    margin-left: 7%;
}
	h1 {
    
    font-size: 60px;
   
}
	.comer-l h3 {
    
    font-size: 28px;
}

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

}
@media screen and (max-width: 568px) {
 
    .datos-pers {
        width: 75%;
        float:right;
    }

    .datos-correo {
        width: 75%;
        float:right;
    }
    .datos-coment {
        width: 100%;
    }
    .b-eliminar {
         width: 34%; 
    }    
    .tresi {  
    margin-bottom: 4%;
    margin-top: 3%;
	   margin-left: 23%;
	   width: 77%;
}
	
	.c-equipo {
        width: 50%;
        padding-bottom: 5%;
    }

    .select-tipus select.input-sm {
        margin-bottom: 2%;
    }
	.logos-comer-s {
    margin-top: 2%;
    margin-bottom: 2%;
}
	.nombre {
    margin-top: 0px;
    font-family: 'Raleway', sans-serif;
    margin-top: 4%;
}
	.logos-comercios {
    margin-top: 30%;
    margin-left: 0px;
    width: 90%;
		margin-bottom: 2%;
}
	.xarxes-comer {
    margin-top: 6%;
    width: 80%;
    margin-bottom: 2%;
}
	.productos p {
    font-size: 15px;
    margin-left: 5%;
    width: 91%;
}
	.compra {
		width: 57%;
		padding-bottom: 2%;
		padding-top: 2%;
		padding-right: 3%;
		margin-bottom: 3%;		
	}
	.compra a {
		color: #FFFFFF;
			
	}
#cajacookies button {
    color: #ffff;
    background-color: #a6c9b1;
    padding: 1%;
    width: 98%;
    margin-bottom: 2%;
}     

        .botons-jumbo {
            width: 70%;
        } 
        .destacat-home {
            padding-bottom: 6%;
        }
        
.d-contacta, .d-contacta-2 {
    width: 100%!important;
}
	.b-pedidos {
    width: 87%;
}
	.r-pedidos {
    margin-bottom: 2%;
}
	.resum-comanda .col-xs-2 {
    width: 33.666667%;
}
	h6 {
    width: 51%
} 
}
@media screen and (max-width: 425px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
       border-color:#b09bc4;
    }    
 
.btn-default {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 4%;
    margin-top: 2%;
}    
	
		.compra {
		width: 57%;
		padding-bottom: 2%;
		padding-top: 2%;
		padding-right: 3%;
		margin-bottom: 3%;		
	}
	.compra a {
		color: #FFFFFF;
			
	}
	
   .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-bottom: 3%;
    width: 100%;
}
	.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: -17.9%;
    margin-right: 8%;
}

.count-prod {

    left: 10px;
    top: 16px;
}
	.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;
        padding-top: 4%;
}
.detalle-compra {
    margin-left: -6px;
}
	.logo {
    width: 90%;
	margin-bottom: 1%;
}
	.icono {
    margin-right: 0%;
    margin-bottom: 4%;
    width: 100%;
    padding-left: 0%;
}
	h3 {
    margin-top: 3%;
}
	h5 {
    margin-top: 6%;
   
}
	.dreta-fesc {
    margin-bottom: 5%;
    margin-right: 11%;
    margin-top: 1%;
}
    #Services, #Serveis, #Servicios {
    margin-left: 0%;
}
}
@media screen and (max-width: 400px) {
    
.cart {

    margin-top: -20%;
    margin-right: 8%;
}

.count-prod {

    left: 10px;
    top: 16px;
}    
	.img-cat {
		margin-bottom: 3%;
		text-align: center;
		padding-right: 6px;
		padding-left: 6px;
}
.logo {
    width: 90%;
	margin-bottom: 4%;
}
	.destacat-home h2 {
    font-size: 28px;
}
	.dreta-fesc {
    margin-bottom: 5%;
    margin-right: 5%;
    margin-top: 1%;
}
}
@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: #fff;
    padding-left: 1%;
    position: relative;
    left: 15px;
    top: 17px;
    font-size: 16px;
}
	.cart {
    margin-top: -20%;
    margin-right: 8%;
}

	.r-contacto {
    margin-top: 3%;
    margin-bottom: 1%;
    width: 100%;
}
}
@media screen and (max-width: 350px) {
	.contact-logo a {
    font-family: 'Raleway', sans-serif;
    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: 'Raleway', sans-serif;
    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%;
}
	.dreta-fesc {
    margin-bottom: 5%;
    margin-right: 2%;
    margin-top: 1%;
}

}