/* modificacions genériques als estils de bootstrap */
html { font-size: calc(1em + 1vw); }
body {
    overflow-x: hidden;
    line-height: 1em;
	font-size: calc( 10px + (42 - 10) * (100vw - 320px) / (1900 - 320) );
}
* {
	outline: none !important;
}
img {
	height: auto;
}
a {
    color: inherit;
	text-decoration: underline;
}
a:hover, a:focus {
    color: inherit;
}

.help-block { /* per a evitar que al fer validacions incrementi l'espai vertical */
    margin-bottom: 0px;
    margin-top: 0px;
}

/* menus laterals (INI) */
nav.menu-pral-small,
nav.side {
	display: none !important;
	visibility: hidden !important;
}


.navbar-nav {
    float: left;
    margin: 0;
}

@media (max-width: 991px) {
	/* menus laterals (funcionalitat) */
	nav.menu-pral-small .navbar-brand {
		padding: 0px;
		/* position: absolute; */
		display: inline-block;
		background-color: inherit;
		margin: 0 !important;
	}
	nav.menu-pral-small .navbar-brand > img  {
		height: inherit;
	}
	nav .navbar-btn-cmd {
		background-color: inherit;
		border: none;
		float: left;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		font-size: 14px;
	}
	nav .navbar-btn-cmd.main {
		width: 40px;
	}
	nav .navbar-btn-cmd.second {
		margin: 0;
		padding: 0;
		width: 33px;
	}
	nav .navbar-btn-cmd img {
		width: 100%;
	}
	nav.menu-pral-small .navbar-left {
		position: absolute;
		z-index: 9999;
		left: 0;	
	}
	nav.menu-pral-small .navbar-right, 
	.side .navbar-right {
		float: right !important;
		height: 50px;
		margin: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		width: auto;
		z-index: 9998;
	}
	/* menus laterals (funcionalitat del desplaçament dels menus) */
	body {
		padding-top: 50px;
	}
	nav.menu-pral-small, 
	nav.side {
		display: block !important;
		visibility: visible !important;
	}
	body > main,
	body > footer,
	nav.menu-pral-small {
		left: 0;
		right: 0;
		top: 0;
		position: relative;
		transition-delay: 0s;
		transition-duration: 150ms;
		transition-property: left;
		transition-timing-function: ease;
	}
	nav.menu-pral-small {
		position: fixed;
	}
	nav.side {
		height: 100%;
		position: fixed;
		top: 0;
		transition-delay: 0s;
		transition-duration: 150ms;
		transition-property: left, right;
		transition-timing-function: ease;
		z-index: 9999;
		color: white;
	}
	nav.side-right {
		top: 50px;
	}
	/* menus laterals (amplades dels menus) */
	body.menu-visible main,
	body.menu-visible footer,
	body.menu-visible .menu-pral-small {
		left: 200px;
	}
	nav.menu-nav {
		width: 200px;
		left: -200px;
	}
	nav.info-nav {
		width: 240px;
		right: -240px;
	}
	nav.filter-nav {
		width: 240px;
		right: -240px;
	}
	nav.profile-nav {
		width: 240px;
		right: -240px;
	}
	nav.basket-nav {
		width: 240px;
		right: -240px;
	}
	body.menu-visible .menu-nav {
		left: 0;
	}
	body.info-visible .info-nav,
	body.basket-visible .basket-nav,
	body.profile-visible .profile-nav,
	body.filter-visible .filter-nav {
		right: 0;
	}
	/* menus laterals (estètica) */
	nav.navbar.navbar-inverse.navbar-fixed-top.menu-pral-small,
	nav.menu-pral-small .navbar-left, 
	nav.menu-pral-small .navbar-brand > img  {
		background-color: #1B1B1F;
	}
	nav.navbar.navbar-inverse.navbar-fixed-top.menu-pral-small,
	nav.menu-pral-small .navbar-left {
		border-color: #1B1B1F;
		border-width: 0 0 1px;
	}
	nav.menu-pral-small .navbar-brand > img  {
		padding: 5px;
		/* position: fixed; */
	}
	nav.side .navbar-btn-cmd {
		color: #fff;
	}
	nav .navbar-btn-cmd {
		color: #fff;
	}
	nav.side-left {
		border-right: 1px solid #666;
	}
	nav.side-right {
		border-left: 1px solid #333;
		border-top: 1px solid #333;
	}
	nav.side {
		background-color: #1B1B1F;
		font-size: 16px;
	}
	nav.side ul li {
		padding: 0.3em 0;
		float: none;
	}
	nav.side ul li a {
		text-decoration: none;
		color: white;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	nav.side ul li a:hover,
	nav.side ul li a:focus {
		background-color: transparent;
		color: white;
	}
	ul.navbar-nav.list-unstyled > li:not(.dropdown):before {
		content: "- ";		
	}
	ul.navbar-nav.list-unstyled > li.dropdown.open a:before {
		content: "- ";		
	}
	ul.navbar-nav.list-unstyled > li.dropdown a:before {
		content: "+ ";		
	}
	nav.side header {
		border-bottom: 1px solid #333;
		height: 60px;
		padding-bottom: 20px;
		padding-top: 20px;
		top: 0;
	}
	nav.side section {
		bottom: 50px;
		overflow-y: auto;
		padding-bottom: 0;
		padding-top: 0;
		top: 50px;
	}
	nav.side header, nav.side footer, nav.side section {
		left: 0;
		padding: 0.5em 1em;
		position: absolute;
		right: 0;
	}
	nav.side footer {
		border-top: 1px solid #333;
		bottom: 0;
		height: 40px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
}
/* menus laterals (END) */





/*-------------------------------*/
.page.fluid,
section.fluid {
    margin-left: -15px;
    margin-right: -15px;
	text-align: center;
}
.ptb100 {
	padding-bottom: 1.3em;
	padding-left: 1.9em;
	padding-right: 1.9em;
	padding-top: 1.3em;
}

.page {
    margin-left: 4em;
    margin-right: 4em;	
	text-align: center;
}

.mostra-01 {
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 1190px;
	z-index: 9999;
	left: 5px;
}
.logo-big {
	float: left;
	position: relative;
	top: 0.4em;
	width: 2.9em;
	left: 1em;
}
.menu-pral {
    font-family: "Proza Libre";
    font-weight: 700;
}
.menu-pral .row {
    height: 4em
}
.menu-pral .options {
	position: relative;
	top: 1.2em;
	left: -.5em;
}
.menu-pral .menuOpt {
	font-size: .45em;
	line-height: 3.6em;
	margin-left: 0em;
	margin-right: 1.75em;
	text-align: center;
	height: 3.6em;
	padding: 0 15px;
}
.menu-pral .menuOpt:hover, 
.menu-pral .menuOpt.active {
    background-color: transparent;
    background-image: url("../img/icons/overMenu.png");
    background-position: center center;
    background-repeat: no-repeat;
}
a.menuOpt {
	text-decoration: none;
    line-height: 3em;	
}
.menu-pral:not(.affix) .logo-big {
	display: none;
}
.menu-pral:not(.affix) .menuOptRounded {
	display: none;
}
.menu-pral:not(.affix) .optionsWrap {
    display: table;
    margin: 0 auto;
}

.menuOptRounded {
	background-color: #91c4a6;
	border-radius: 50%;
	height: 2.7em;
	margin-right: 2em;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: -0.7em;
	width: 2.7em;
}
.menuOptRounded a {
	display: block;
	font-size: .38em;
	line-height: 1.2em;
	padding-top: 1.9em;
	text-decoration: none;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.telefono {
	left: -.5em;
	position: relative;
	top: .4em;
	width: .71em;
}
.tel {
	line-height: 1.2em !important;
	padding: 0 !important;
}
.header {
	position: relative;
}
.header img {
	width: 100%;
}
.navbar.affix {
	top: 0px; 
	z-index: 9999;
	width: 100%;
}
.affix + main {
	padding-top: 4em;
}
.font1 {
    font-family: "Proza Libre";
}
.font2 { /* CheltenhamITCb */
    font-family: "Vesper Libre";
	font-weight: 700;
}
.font3 { /* ClearfaceLT */
    font-family: "Vesper Libre";
	font-weight: 900;
}

#mainHeader .logo {
	margin: 0 auto;
	width: 3em;
	margin-bottom: 1.2em;
	margin-top: .3em;
}
#mainHeader .menuOptRounded {
	background-color: rgba(255,255,255,.5);
	border-radius: 50%;
	display: inline-block;
	height: 3.5em;
	margin-right: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 3.5em;
	margin-top: 2.9em;
}
#mainHeader .menuOptRounded a {
	font-size: .45em;
	display: block;
	line-height: 1.4em;
	padding-top: 2em;
	text-decoration: none;
	letter-spacing: .1em;
	font-weight: 700;
}

#mainHeader .font1 {
    font-size: 0.6em;
	padding-top: 1em;
	font-weight: 700;
}
#menus-header,
#zumos-header {
	color: white;
}
#zumos-header .font1,
#menus-header .font1 {
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: normal;
}
#mainHeader .text-center, 
#menus-header .text-center, 
#zumos-header .text-center {
    padding: 0 calc( 14px + (400 - 14) * (100vw - 320px) / (1900 - 320) );
}
#mainHeader .caption, 
#menus-header .caption,
#zumos-header .caption {
	line-height: 1em;
	font-size: 2.5em;
	padding-bottom: .5em;
	padding-top: 1.5em;
}
#zumos-header .underline,
#menus-header .underline {
	margin-top: 1em;
}
.nota {
	font-size: .5em;
	padding: 0 7em;
}
#zumos .lema {
	font-weight: 400;
}
#zumos .ingredientes {
	padding: .5em 2em;
}
.headerOver {
	display: table;
	line-height: 1em;
	width: 100%;
	letter-spacing: .1em;
}
.imgOver img {
    width: 100%;
}
.imgOver {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.over {
    display: table-cell;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.text-center {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translate(0px, -50%);
}

.underline {
	text-decoration: underline;
}
.white {
	color: white;
}
.imgRoundedTxt {
    text-align: center;
}
.imgRoundedTxt img {
	margin: 0 auto;
	width: 75%;
}
.imgRoundedTxt .txt {
	font-size: 1.15em;
	letter-spacing: 0.25em;
	margin-top: 0.85em;	
}

.glv {
	padding: 0 3em;
}
.glv .col-sm-4 {
	padding: 0;
}
.glv .imgRoundedTxt {
    text-align: center;
}
.glv .imgRoundedTxt img {
	margin: 0 auto;
    width: 49%;
}
.glv .imgRoundedTxt .txt {
	font-size: 0.5em;
	letter-spacing: 0.05em;
	line-height: 1em;
}



.bg0 {
    background-color: #ffffff;
}
.bg1 {
    background-color: #7AA488;
}
.bg2 {
    background-color: #80A6B8; 
}
.bg3 {
    background-color: #D09C3D;
}
.bg4 {
    background-color: #f3f3dd;
}
.bg5 {
    background-color: #B4D6E0;
}
.c1 {
    color: #7AA488;
}
.c2 {
    color: #80A6B8;
}
.c3 {
	color: #D09C3D;
}
.c4 {
	color: #f3f3dd;
}

#intro {
	padding: 1em 2.5em 2.5em 2.5em;
}
#intro .mainTxt {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 2.6em 1.5em 2em;
}

section#comoFunciona,
section#zumos {
	padding: 2em 2.5em;
}
#comoFunciona {
	color: white;
}

#comoFunciona .mainTxt,
#zumos .mainTxt {
	font-size: 1.4em;
	line-height: 1.2em;
	letter-spacing: .1em;
}
#comoFunciona .mainTxt
	margin-bottom: 1.4em;
}
#comoFunciona img
#zumos img {
	max-width: 90%;
	margin: 0 auto;
}


#siguenos {
	color: black;
	padding: 4em 4em 2em 4em;
	font-size: .6em;
	letter-spacing: .1em;
	font-weight: 400;
	line-height: 1.2em;
}
#siguenos .mainTxt {
	font-size: 2.2em;
	line-height: 1.1em;
	margin-bottom: -.1em;
	letter-spacing: .1em;
}
#siguenos .benef {
	color: #CEAA51;
	font-size: .8em;
	font-style: italic;
}
#siguenos .font1 {
	font-size: 0.8em !important;
	font-weight: 700;
}

.fs-p5 {
	font-size: .5em;
}

#zumos img.arroba-telefono {
	max-width: 90%;
}
#zumos .desc,
#menu .desc {
    font-size: .5em;
}
#zumos .desc img {
    padding: 2em 6.1em;
}
#menu .desc img {
    padding: .5em 3em;
}
#zumos .desc .underline,
#menu .desc .underline {
	padding-top: 1.5em;
	letter-spacing: normal;	
}
#zumos .underline {
	padding-top: 2.5em;
	font-size: 1.2em;
	letter-spacing: .14em;
}
#zumos .slogan1 {
	font-size: .9em;
	margin: 3.5em 0 0;
	letter-spacing: .1em;	
	line-height: 1.3em;	
}
#zumos .slogan2 {
	font-size: .7em;
	font-style: italic;
}
#zumos .slogan3 {
	font-size: .9em;
	letter-spacing: .1em;	
	margin-top: -1em;	
}

.preu {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.3em;	
}

section#beneficios {
	padding: 2em 0 1em 0;
}
section#beneficios img {
	width: 100%;
}
section#beneficios .mainTxt {
	font-size: 2em;
	text-align: center;
	margin-top: .25em;
}
section#beneficios .tit {
	font-size: 1.05em;
	line-height: 1em;
	letter-spacing: .12em;
	padding-top: .4em;
}
section#beneficios .intro {
	font-weight: 700;
	font-size: .6em;
	line-height: 1.4em;	
}
section#beneficios .txt {
	font-size: .6em;
	line-height: 1.5em;	
}
section#beneficios .boton {
	border: 1px solid white;
	font-weight: 700;
	padding: 0em .5em;
	font-size: 0.6em;
	letter-spacing: .1em;
	text-decoration: none;
	margin-top: 1em;
	line-height: 4em;
}

#intro .txt a {
	text-decoration: none;
}

section#menu {
	padding: 2em 2.5em;	
}

#menu .mainTxt {
	font-size: 1.4em;
	line-height: 1.2em;
	letter-spacing: .1em;
}

#menu .tipo {
	margin-left: 3em;
	margin-top: 2em;
}
#menu .quadre {
	border: 3px solid;
	position: relative;
	min-height: 9em;
}
#menu .quadre .caption {
	margin-top: 1em;
}
#menu .quadre .txt {
	margin-top: 2.5em;
	margin-bottom: 1em;
	font-size: .6em;
	line-height: 1.2em;	
}
#menu .quadre .preu {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	position: absolute;
	top: 8em;
	width: 100%;
}
#menu .platos .col-sm-1 {
	width: 1px;
}
#menu .quadrePlat {
	border: 3px solid;
	position: relative;
	min-height: 6em;
	margin-left: .5em;
	margin-right: .5em;
}
#menu .quadrePlat .dia {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.6em;
	width: 100%;
	font-weight: normal;
	margin-top: 1em;
	text-decoration: underline;
}
#menu .quadrePlat .descripcion {
	margin-bottom: 1em;
	font-size: .6em;
	line-height: 1.2em;
}

#menu .slogan {
	font-size: .7em;
}
#menu .contactanos {
	padding-top: 2.5em;
	font-size: 1.2em;
	letter-spacing: .14em;
}
#menu .quadreZumo {
	border: 3px solid;
	position: relative;
	min-height: 6em;
	margin-right: .5em;
	padding: 0.3em;
}
#menu .quadreZumo .caption {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: .6em;
	line-height: 1.2em;
}
#menu .quadreZumo .txt {
	margin-bottom: 1em;
	font-size: .6em;
	line-height: 1.2em;	
}
#menu .quadreZumo .preu {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
	position: absolute;
	top: 5.7em;
	width: 100%;
	text-decoration: underline;
}
#menu .imgZumo {
	margin-right: .5em;
	padding: 0.3em;
	margin-top: 1em;	
}
#menu .imgZumo img {
	max-width: 28%;
	margin: 0 auto;
}

.beneficios1 {
	padding: 1em 7.5em;
	text-align: left;	
}
.beneficios2 {
	padding: 1em 1.5em 1em 6em;
	text-align: left;	
}
.beneficios3 {
	margin-top: 2em;
	text-align: left;
	padding: 0 7em;
}
.beneficios3 img {
	padding: .5em 7em 0 0;
}

.beneficios4 {
	padding: 2em 7em;
	text-align: left;
}

#nosotros-1 {
    padding: 0 5em 2em 5em;
    text-align: center;
}
#nosotros-1 .mainTxt {
	font-size: 1.4em;
	line-height: 1.2em;
	letter-spacing: .1em;
}
#nosotros-1 .caption {
	line-height: 1em;
	font-size: 1.8em;
	padding-bottom: 1em;
	padding-top: 1em;
	font-weight: 700;
}
#nosotros-1 .txt {
    font-size: 2em;
    line-height: 1.2em;
    text-align: center;
}
#nosotros-2 {
	padding: 2.5em 4em;
	text-align: left;
}
#nosotros-2 .tit {
	font-size: 1.1em;
	line-height: 1em;
	margin-bottom: 1em;
	letter-spacing: .12em;
}
#nosotros-2 .txt {
	font-size: .6em;
	line-height: 1.4em;
}
#nosotros-2 .intro {
	font-style: italic;
	font-weight: 700;
	padding-bottom: 1em;
	font-size: .6em;
}
#nosotros-2 .menuOpt {
    border: 1px solid white;
    font-weight: bold;
    padding: 0.5em;
}
#nosotros-2 img {
	width: 100%;
}

section#contacto { 
	padding: 1em 2.5em 2.5em 2.5em;
}

#contacto .txt1 { 
	font-size: 1.9em;
	line-height: 1.1em;
	margin-bottom: 2em;
	margin-top: 1.5em;
}



body {
	font-family: "Proza Libre";
}    

.menu-pral.navbar {
    background-color: white;
    border-radius: 0;
    padding: 0 15px;
}

.navbar-fixed-top.menu-pral .navbar {
    border-radius: 0;
	min-height: 0;
}
.menu-pral .container {
	padding-bottom: .5em;
	padding-top: .5em;
}
.menu-pral .navbar {
    margin: 0;
    padding: 0;
}

.navbar-nav > li > p {
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 20px;
    display: block;
    position: relative;
	margin: 0 !important;
}

.navbar-nav > li .btn {
    font-size: inherit !important;
}

.menu-pral .navbar.languages {
    padding-top: 0.5em;
}
.menu-pral .navbar.menu-main {
    padding: 0.7em;
}
.menu-pral .navbar.menu-main ul {
    background-color: inherit;
}
.menu-pral .navbar.menu-main ul.nav.navbar-nav li {
    color: black;
    font-size: 0.95em;
    font-weight: 300;
    height: 2em;
    line-height: 2em;
    margin: 0 0.2em;
    padding: 0 0.2em;
    white-space: nowrap;
}
.menu-pral .navbar.menu-main ul.nav.navbar-nav li a:hover,
.menu-pral .navbar.menu-main ul.nav.navbar-nav li a:focus {
	background-color: transparent;
}
.menu-pral .navbar.menu-main ul.nav.navbar-nav li a {
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.menu-pral .navbar ul li.dropdown:hover ul.dropdown-menu {
    display: block;
}
.menu-pral .navbar ul li.dropdown ul.dropdown-menu li {
    border: medium none !important;
    margin: 0 !important;
}
	
p {
    margin: 0 0 .5em;
}

.maps div {
    pointer-events: none;
}


.botons-rodons-wrap {
}
.botons-rodons {
}
.botons-rodons img {
	border: 2px solid white;
	width: 8em;
	height: 8em;
	margin: 1em;	
}

.nav > li {
    display: inline-block;
    float: left;
}

.basket {
	font-size: .4em;
	margin-top: 1em;
}
.basket .control-label {
	padding-top: 8px;
	line-height: 1.2em;
	font-weight: 500;
}
.nuevo-cliente {
	min-height: 228px;
}
.basket p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;	
}
.basket .tc {
	text-align: center;
}
.basket .quadrePlat {
	border: 3px solid;
	padding: 1em;
	min-height: 30em;
	position: relative;
}
.basket .quadrePlat .caption {
	font-size: 1.2em;
	font-weight: 700;
}
.basket .quadrePlat .elige {
	font-size: .9em;
	margin-left: .5em;
}
.basket .quadrePlat .txt {
	font-weight: 700;
	font-size: .8em;	
}
.basket .quadrePlat .preu {
	font-family: "Courier New", Courier, monospace;
}
.basket .quadrePlat .zumo {
	font-size: .7em;
	line-height: 1em;
	padding-left: 2em;
	margin-bottom: .3em;
	font-weight: 600;
}
.basket .quadrePlat .dia {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.6em;
	width: 100%;
	font-weight: normal;
	margin-top: 1em;
	text-decoration: underline;
}
.basket .quadrePlat .descripcion {
	line-height: 1.2em;
	margin-bottom: 1em;
	font-weight: 700;
	background-color: #efefef;
	padding: .5em;
	margin-top: 1em;
}
.basket .quadrePlat .envio {
	font-size: .7em;
	margin-top: 1em;
	text-align: center;
}
.basket .quadrePlat .btn-anadir,
.basket .quadrePlat .btn-eliminar {
	line-height: 2em;
	margin-top: .7em;
}
.basket .quadrePlat a.btn-anadir,
.basket .quadrePlat a.btn-eliminar {
	text-decoration: none !important;
}
.basket .quadrePlat .bottom-div {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,-100%);
	width: 100%;
	padding: 0 1em 1em 1em;
}
.basket .radio input[type="radio"], .basket .radio-inline input[type="radio"] {
    top: -4px;
}
.basket input[type="checkbox"] {
    top: 2px;
    position: relative;
}
.cesta {
}
.cesta .caption {
	font-weight: bold;
	text-align: center;
}
.cesta .caption2 {
	text-align: center;
}
.cesta .fecha {
	border-bottom: 1px solid;
	margin-top: 1em;
}
.cesta .plato {
	font-style: italic;
}
.cesta .envio {
	font-style: italic;
}
.cesta .precio {
	text-align: right;
}
.cesta .total {
	text-align: right;
}
.listaCompra {
	font-family: "Courier New", Courier, monospace;
	font-size: .9em;
	line-height: 1em;
	background-color: white;
	color: black;
	overflow: hidden;
	padding: 1em;
	border: 1px solid;
}
div.disabled {
	pointer-events: none;
	/* for "disabled" effect */
	opacity: 0.5;
	background: #CCC;
}
.oculta { display: none; }

.modal.in .modal-dialog {
    top: 20%;
}
.modal-body {
    max-height: 400px;
    overflow-y: scroll;
}
.ombra-full {
	-webkit-box-shadow: -1px -1px 7px rgba(0, 0, 0, 0.375);
	box-shadow: -1px -1px 7px rgba(0, 0, 0, 0.375);
	padding: 2em;
}
.nav-tabs > li > a {
    text-decoration: none;
}
.user-btn {
	font-size: .5em !important;
	margin-top: .5em;
}

@media (max-width: 991px) {
	.basket {
		font-size: .7em;
	}	
	.navbar.affix {
		color: white;
		z-index: -9999;
		visibility: hidden;		
	}
	.affix + main {
		padding-top: 0em;
	}	

	#zumos .desc img {
		padding: 2em 5.2em;
	}
	#menu .quadrePlat {
		margin-right: 0;
		padding: 0;
		margin: .5em;	
	}
	.navbar {
		margin-bottom: 0;
	}
	.nav > li {
		display: inline-block;
	}
	nav.side ul li {
		display: block;
	}
	body {
		font-size: calc( 14px + (42 - 14) * (100vw - 320px) / (1900 - 320) );
	}
	#mainHeader .menuOptRounded {
		margin-top: .9em;
	}
	#mainHeader .text-center, #menus-header .text-center, #zumos-header .text-center {
		padding: 0 1em;
	}
	#menu .tipo {
		margin-left: 0;
	}	
	.botons-rodons img {
		width: 6em;
		height: 6em;
		margin: 0;
	}	
}

@media (max-width: 500px) {
	.nav > li > a {
		padding: 10px 5px;
	}
	.menu-pral .menuOpt {
		margin-right: 0;
	}
	a.menuOpt {
		padding-left: .5em !important;
		padding-right: .5em !important;
	}
	.telefono {
		left: 0;	
	}
	#menu .tipo {
		margin-left: 0em;
	}
	.beneficios1, .beneficios2, .beneficios3, .beneficios4 {
		padding: 1em;	
	}
	.botons-rodons img {
		width: 4em;
		height: 4em;
		margin: 0;
	}	
}
@media (max-width: 767px) {
	.basket .quadrePlat {
		margin-bottom: 2em;
	}
	.basket .quadrePlat .bottom-div {
		position: relative;
		top: 0;
		left: 0%;
		transform: none;
		width: 100%;
		padding: 0 1em 1em 1em;
	}	
	.basket .quadrePlat {
		min-height: 0;
	}		
}
@media (min-width: 768px) {
	.basket .quadrePlat {
		min-height: 30em;
	}
}
@media (min-width: 992px) {
	.basket .quadrePlat {
		min-height: 39em;
	}
}
@media (min-width: 1401px) {
	.basket .quadrePlat {
		min-height: 35em;
	}
}
@media (min-width: 1701px) {
	.basket .quadrePlat {
		min-height: 30em;
	}
}
#footer {
	font-size: .7em;
}
input.unidades {
	line-height: 2em;
	margin-top: .7em;
	min-height: 3em;
}
.tab-pane.disabled{
	background: none;
}
.mt0 {
	margin-top: 0;
}
.p0 {
	padding: 0;
}
.oxh {
	overflow-x: hidden;
}