@charset "utf-8";
/* CSS Document */

/* --------------------------------------
CSS Europastry
http://www.europastry.com
Creat per Signia Technologies - Maig 2015
----------------------------------------- */



/* SMARTPHONES (portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* Styles */

.row 											{ min-width:none!important; max-width:62.5em!important; padding:0 20px; }
section header h3								{ margin:0 0 10px 0; }
h1#logotip										{ margin:20px 0 30px 0!important; }
a.masinfo										{ display:inline-block; margin:0 0 20px 0!important; }
aside#compra_online								{ background:none!important; border:none!important; display:inline-block; margin:40px 0 0 0!important; padding:0!important; text-align:center; width:100%!important; }
aside#compra_online	a							{ background:url(../img/common/assets/icos/eur_ico_compra_online_white.png) no-repeat 50% 0!important; border:none!important; font-size:14px!important; padding:35px 0 0 0!important; text-align:center; }
aside#compra_online_new  						{ margin:-11px 0 15px 0; }

section#catalogo #familias .link_over			{ display:none!important; }
p.entradeta										{ font:300 18px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; padding:30px 20px!important; }
.breadcrumbs 									{ display:none; }
ul#areaprivada									{ max-width:inherit!important; }

ul#idiomes_mobile  								{ float:right; margin:5px 0 0 0; width:auto; }
ul#idiomes_mobile li 							{ background:url(../img/common/assets/bcks/eur_bck_idiomes.png) no-repeat 90% 50%; padding:0 10px 0 0; }
ul#idiomes_mobile li a							{ color:#b8b6b9; display:inline-block; font:400 13px "lato", "proxima-nova", Arial, Helvetica, sans-serif; letter-spacing:0.06em; text-align:center; text-transform:uppercase; }
ul#idiomes_mobile li a.active					{ color:#796e65; font:900 13px "lato", "proxima-nova", Arial, Helvetica, sans-serif; }


.f-dropdown										{ margin:-1px 0 0 8px!important; max-width:275px!important; }
.f-dropdown li									{ border-bottom:1px dotted #796e65; }
.f-dropdown li a								{ color:#796e65; font:400 12px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:0.02em!important; margin:0; padding:12px 20px 12px 15px; text-transform:uppercase; }
.f-dropdown li a:hover							{ color:#796e65; font:400 12px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:0.02em!important; margin:0; padding:12px 20px 12px 15px; text-transform:uppercase; }
.bx-wrapper										{ margin:0 auto 30px!important; }

/* homepage */
section#homepage aside#noticias 				{ margin:-15px 0 15px 0!important; overflow:hidden; }
section#homepage aside#noticias ul li header h3	{ display:inline-block; margin:10px 0 15px 0; }
section#homepage aside#noticias ul li img		{ min-width:inherit; max-height:inherit; width:100%; }


/* quienes somos */
section#quienes_somos aside#content				{ border:none; margin-bottom:30px; padding:0!important; }
section#quienes_somos article					{ margin:10px 0!important; }
section#quienes_somos aside.datos div.panel		{ padding:20px 25px!important; width:100%; }
section#quienes_somos aside.datos div.panel	p	{ text-align:left; }
section#quienes_somos article#valores ul li		{ padding:0 25px 25px 0!important; text-align:center; }
section#quienes_somos article#valores ul li span{ font:900 28px "lato", "proxima-nova", Arial, Helvetica, sans-serif; }
section#quienes_somos header h3					{ margin-top:0!important; }


/* noticias */
section#noticias aside#noticias					{ margin:0 0 40px 0; }
section#noticias-ficha aside div#content header h3 { line-height:28px!important; }
section#noticias aside#noticias .slick-dots		{ display:none!important; }
section#noticias aside#noticias div.slick-slide { padding:0 10px!important; }
section#noticias aside#noticias div header h3	{ min-height:60px; }
section#noticias aside#noticias div.news_slideshow .slick-next { right:-20px!important; top:65%!important; }
section#noticias aside#noticias div.news_slideshow .slick-prev { left:-10px!important; top:65%; }

/* contacto */
section#contacto aside header h3				{ letter-spacing:-0.02em; margin:-5px 0 20px 0!important; }
section#contacto aside header h4				{ letter-spacing:-0.02em; }
section#contacto aside#form-contacto figure img	{ margin:0 0 20px 0; width:100%; }
section#contacto aside#form-contacto form ul li { margin:0 0 15px 0!important; }
form input.btn									{ font-size:20px!important; padding:25px; width:100%!important; }
section#contacto form p.checkbox label			{ margin:0!important; }
section#contacto aside#form-contacto			{ margin:0!important; }
section#contacto article ul 					{ padding:0!important; width:100%!important; }
section#contacto .embed-container				{ height:100%!important; padding-bottom:150%!important; }
section#contacto .embed-container
section#contacto article#nacional aside			{ margin:0; }
section#contacto article#nacional aside ul 		{ margin:0; }
section#contacto article#nacional aside ul li	{ margin:0; padding:10px 0; width:100%; }
section#contacto form p.checkbox input			{ float:left!important; margin:3px 0 0 0!important; width:auto!important; }
section#contacto form p.checkbox label			{ margin:0 40px 0 0!important; text-align:left; width:auto; }


/* footer */
footer											{ padding:20px 0; }
footer ul#marcas_footer							{ margin:0; }
footer ul#marcas_footer li						{ display:block; float:left; max-height:inherit!important; min-height:inherit!important; min-width:inherit!important; padding:0; width:17%; }
footer ul#contacto_footer li					{ font-size:10px; letter-spacing:-0.02em!important; }
footer ul#contacto_footer li.first strong		{ letter-spacing:0.02em!important; padding:40px 0 0 0!important; }

#nav > ul > li#menuheader11.es					{ display:none!important; }

li#menuheader11.es								{ display:none!important; }

.bx-controls-direction,
.bx-pager 										{ display:none!important; }

ul#social										{ margin:-10px 0 10px -5px!important; }



/* CATÁLOGO */
#catalogo #col-subnav							{ padding:0!important; }
#catalogo aside#side-nav						{ padding:30px 20px; }
aside#form fieldset input						{ width:78%; }
aside#form fieldset								{ padding:20px; }
ul#ads img										{ width:100%; }
div#familias 									{ margin:0!important; padding:0!important; width:100%; }
#catalogo #familias aside.familia				{ margin:0 0 40px 0; padding:0!important; }
#catalogo #familias ul li a						{ padding:7px 0!important; }
#catalogo #familias ul							{ min-height:inherit!important; }
#catalogo ul.items li						    { max-width:none!important; }

#callme-europastry								{ display:none!important; }

section#rrhh aside header#entradilla 			{ padding:30px; }

	aside#compra_online_new a { padding:6px 60px 7px 15px; }
	p#work a 	{ padding:12px 10px!important; }
	ul#social li { margin-right:2px!important; }

	footer ul#marcas_footer li.last img {max-width:80px!important; }
}



/* SMARTPHONES (landscape) ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 480px) and (max-width: 767px) {

/* Styles */

.row 											{ min-width:none!important; max-width:62.5em!important; padding:0 20px; }
section header h3								{ margin:0 0 10px 0; }
h1#logotip										{ margin:20px 0 30px 0!important; }
a.masinfo										{ display:inline-block; margin:0 0 20px 0!important; }
aside#compra_online								{ background:none!important; border:none!important; display:inline-block; margin:40px 0 0 0!important; padding:0!important; text-align:center; width:100%!important; }
aside#compra_online	a							{ background:url(../img/common/assets/icos/eur_ico_compra_online_white.png) no-repeat 50% 0!important; border:none!important; font-size:14px!important; padding:35px 0 0 0!important;  }
section#catalogo #familias .link_over			{ display:none!important; }
p.entradeta										{ font:300 18px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; padding:30px 20px!important; }
.breadcrumbs 									{ display:none; }
ul#idiomes_mobile								{ float:right; width:auto!important; }
ul#idiomes_mobile li							{ padding:0 10px 0 0; }
ul#areaprivada									{ margin:-10px 0 0 0; max-width:inherit!important; }


/* homepage */
section#homepage aside#noticias 				{ margin:-15px 0 15px 0!important; overflow:hidden; }
section#homepage aside#noticias ul li header h3	{ display:inline-block; margin:10px 0 15px 0; }
section#homepage aside#noticias ul li img		{ min-width:inherit; max-height:inherit; width:100%; }


/* quienes somos */
section#quienes_somos aside#content				{ border:none; margin-bottom:30px; padding:0!important; }
section#quienes_somos article					{ margin:10px 0!important; }
section#quienes_somos aside.datos div.panel		{ padding:20px 25px!important; width:100%; }



/* noticias */
section#noticias aside#noticias					{ margin:0 0 40px 0; }
section#noticias-ficha aside div#content header h3 { line-height:28px!important; }
section#noticias aside#noticias .slick-dots		{ display:none!important; }
section#noticias aside#noticias div.slick-slide { padding:0 10px!important; }
section#noticias aside#noticias div.news_slideshow .slick-next { right:-20px!important; top:65%!important; }
section#noticias aside#noticias div.news_slideshow .slick-prev { left:-10px!important; top:65%; }


/* contacto */
section#contacto aside header h3				{ letter-spacing:-0.02em; margin:-5px 0 20px 0!important; }
section#contacto aside header h4				{ letter-spacing:-0.02em; }
section#contacto aside#form-contacto figure img	{ margin:0 0 20px 0; width:100%; }
section#contacto aside#form-contacto form ul li { margin:0 0 15px 0!important; }
form input.btn									{ font-size:20px!important; padding:25px; width:100%!important; }
section#contacto form p.checkbox label			{ margin:0!important; }
section#contacto aside#form-contacto			{ margin:0!important; }

section#contacto article ul 					{ padding:0!important; width:100%!important; }
section#contacto .embed-container				{ height:100%!important; padding-bottom:150%!important; }
section#contacto .embed-container
section#contacto article#nacional aside			{ margin:0; }
section#contacto article#nacional aside ul 		{ margin:0; }
section#contacto article#nacional aside ul li	{ margin:0; padding:10px 0; width:100%; }
section#contacto form p.checkbox input			{ float:left!important; margin:3px 0 0 0!important; width:auto!important; }
section#contacto form p.checkbox label			{ margin:0 40px 0 0!important; text-align:left; width:auto; }

/* footer */
footer											{ padding:20px 0; }
footer ul#marcas_footer							{ margin:0; }
footer ul#marcas_footer li						{ display:block; float:left; max-height:inherit!important; min-height:inherit!important; min-width:inherit!important; padding:0; width:17%; }
footer ul#contacto_footer li					{ font-size:10px; letter-spacing:-0.02em!important; }
footer ul#contacto_footer li.first strong		{ letter-spacing:0.02em!important; padding:40px 0 0 0!important; }


li#menuheader11.es								{ display:none!important; }



/* CATÁLOGO */
#catalogo #col-subnav							{ padding:0!important; }
#catalogo aside#side-nav						{ padding:30px 20px; }
aside#form fieldset input						{ width:78%; }
aside#form fieldset								{ padding:20px; }
ul#ads img										{ width:100%; }
div#familias 									{ margin:0!important; padding:0!important; width:100%; }
#catalogo #familias aside.familia				{ margin:0 0 40px 0; padding:0!important; }
#catalogo #familias ul li a						{ padding:7px 0!important; }
#catalogo #familias ul							{ min-height:inherit!important; }
#catalogo ul.items li						    { max-width:none!important; }

#callme-europastry								{ display:none!important; }

section#rrhh aside header#entradilla 			{ padding:30px; }


}










/* TABLETS (landscape) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/* Styles */

.row 										{ padding:0 20px; }
aside#compra_online							{ background:rgba(0, 0, 0, 0) url("../img/common/assets/blts/eur_blt_link.png") no-repeat 2% 49% }
#nav > ul > li								{ padding:0 10px 0 6px; }
#nav > ul > li.last							{ padding:0 0 0 6px!important; }
#nav > ul > li a	 						{ letter-spacing:-0.02em; }

section#homepage aside#noticias ul li img	{ margin:0 30px 15px 0; min-width:inherit; }
section#quienes_somos article#valores ul li	{ padding:0 55px!important; }
section#contacto form p.checkbox label		{ margin:-3px 0 0 0!important; }
section#contacto form small					{ display:block; margin:-10px 0 0 0!important; }

footer ul#marcas_footer li					{ display:block; float:left; margin:0 10px 0 0; max-height:inherit!important; min-height:inherit!important; min-width:inherit!important; padding:0 10px; width:19%; }
footer ul#contacto_footer					{ margin-bottom:10px; }


/* CATÁLOGO */
#catalogo aside#side-nav					{ padding:10px!important; }
aside#form fieldset							{ padding:10px!important; }
aside#form fieldset input					{ -webkit-appearance:none; width:75%!important; }
#catalogo #familias figure span.link_over,
#catalogo #gamas figure span.link_over  	{ margin:105px 0 0 0!important; }
#catalogo #familias ul li a					{ font-size:13px!important; letter-spacing:-0.02em; padding:7px 0!important; }
#catalogo #familias ul li span				{ margin:0 10px 0 0!important; }
#catalogo ul.items li						{ max-width:32%; }


/* FRIART */
section#friart .slick-slide p 				{ bottom:30px!important; padding:0 180px!important; }
section#friart aside#porque ul.left li		{ margin:0 0 40px 0; }
section#friart aside#porque ul.right li		{ margin:0 0 100px 0; }
section#friart aside#porque div.clip header h4 { font:900 28px "lato", "proxima-nova", Arial, Helvetica, sans-serif; margin:105px 0 0 0; }
section#friart aside#porque p.panel			{ margin:0; }
}



/* TABLETS (portrait) ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

/* Styles */

.row 											{ padding:0 20px; }
aside#compra_online								{ background:rgba(0, 0, 0, 0) url("../img/common/assets/blts/eur_blt_link.png") no-repeat 2% 49% }
#nav > ul > li									{ padding:0 10px 0 6px; }
#nav > ul > li.last								{ padding:0 0 0 6px!important; }
#nav > ul > li a	 							{ letter-spacing:-0.02em; }

section#homepage aside#noticias ul li img		{ margin:0 0 15px 0; }

section#quienes_somos article#valores ul li		{ padding:0 55px!important; }
section#contacto form p.checkbox label			{ margin:-3px 0 0 0!important; }
section#contacto form small						{ display:block; margin:-10px 0 0 0!important; }

section#homepage aside#noticias					{ margin:0 0 0 0!important; }
section#homepage aside#noticias header h3 		{ margin:0 0 24px 0!important; }

section#homepage aside#noticias ul li header h3 { margin: inherit!important; }

aside#marcas ul li 								{ width:49.5%!important; }
p.entradeta										{ padding:30px; }
ul#escritos li									{ width:100%!important; }
section#contacto article#nacional aside ul li	{ min-height:140px; }
section#contacto article#nacional aside ul li p { letter-spacing:-0.04em; }

footer ul#marcas_footer li						{ display:block; float:left; margin:0 10px 0 0; max-height:inherit!important; min-height:inherit!important; min-width:inherit!important; padding:0 10px; width:18.9%; }
footer ul#contacto_footer						{ margin-bottom:10px; }


/* CATÁLOGO */
#catalogo aside#side-nav					{ padding:10px!important; }
aside#form fieldset							{ padding:10px!important; }
aside#form fieldset input					{ -webkit-appearance:none; width:75%!important; }
#catalogo #familias figure span.link_over,
#catalogo #gamas figure span.link_over  	{ margin:105px 0 0 0!important; }
#catalogo #familias ul li a					{ font-size:13px!important; letter-spacing:-0.02em; padding:7px 0!important; }
#catalogo #familias ul li span				{ margin:0 10px 0 0!important; }
#catalogo ul.items li						{ max-width:31.5%; }

/* FRIART */
section#friart .slick-slide p 				{ bottom:10px!important; font-size:13px!important; padding:0 100px!important; }
section#friart aside#porque					{ background-size:95%; }
section#friart aside#porque ul.left li		{ letter-spacing:-0.04em; margin:0 0 20px 0; }
section#friart aside#porque ul.right li		{  letter-spacing:-0.04em; margin:0 0 100px 0; }
section#friart aside#porque div.clip header h4 { font:900 24px "lato", "proxima-nova", Arial, Helvetica, sans-serif; margin:120px 0 0 0; }
section#friart aside#porque p.panel			{ margin:0; }
section#friart div#content ul				{ margin:0; padding:0; }

}







/* MAINNAV ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* General styles for all menus */

.cbp-spmenu 									{ background:#2f2f2f; position:fixed; }
.cbp-spmenu::after								{ bottom:0; content:""; background:url(../img/common/assets/bcks/eur_bck_mobile_nav.png) no-repeat 0% 0%; left:0; opacity:0.5; position:absolute; right:0; top:0; z-index: -1; }
.cbp-spmenu h3 									{ background:url(../img/common/assets/blts/eur_blt_mainnav_mobile.png) no-repeat 50% 100%; color:#fff; margin:0; padding:15px 0 15px 0; text-align:center; text-transform:uppercase; }
.cbp-spmenu a.first								{ border:none!important; background:none; display:block; font:700 20px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:0.02em; padding:0!important; text-align:center; }
.cbp-spmenu a.first:hover						{ background:none!important; }
.cbp-spmenu a 									{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 90% 50%; display:block; color:#fff; font:400 18px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:-0.02em; padding:15px 0 15px 20px!important; text-align:left; }
.cbp-spmenu a:hover 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 90% 50%; }
.cbp-spmenu a:active 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 90% 50%; color:#fff; }
.cbp-spmenu ul 									{ border-top:1px dotted rgba(255,255,255,0.4)!important; margin-left:0; }


/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical 							{ height:100%; overflow:scroll; top:0; width:320px; z-index:1000; }
.cbp-spmenu-vertical a 							{ border-bottom:1px dotted rgba(255,255,255,0.4)!important; padding:1em; }


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left 								{ left:-320px; }
.cbp-spmenu-right 								{ right:-320px; }
.cbp-spmenu-left.cbp-spmenu-open 				{ left:0px; }
.cbp-spmenu-right.cbp-spmenu-open 				{ right:0px; }


/* Push classes applied to the body */

.cbp-spmenu-push 								{ left:0; overflow-x:hidden; position:relative; }
.cbp-spmenu-push-toright 						{ left:260px; }


/* Transitions */

.cbp-spmenu, .cbp-spmenu-push 					{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }


/* Botó Obrir Menú per a mòbils */

.main  											{ background:none!important; display:block; height:50px; margin:0; padding:10px 0; z-index:99999; width:100%; }
.main ul 	 									{ margin:0 0 0 -10px; }
.main ul li  									{ float:left; list-style-type:none; margin:0; }
.main ul li button 								{ background:url(../img/common/assets/icos/eur_ico_push_nav.png) no-repeat 65% 50%; border:none; cursor:pointer; display:block; height:32px; font-size:0em; padding:0; width:32px; }
.main ul li button:hover 						{ background:url(../img/common/assets/icos/eur_ico_push_nav.png) no-repeat 65% 50%; }
.main ul li small 								{ color:#796e65; font:600 13px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:0em; line-height:32px!important; margin:0 0 0 6px; text-transform:uppercase; }



/* MAINNAV LANDSCAPE ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.cbp-spmenu::after								{ bottom:0; content:""; background:url(../img/common/assets/bcks/eur_bck_mobile_nav.png) no-repeat 0% 0%; background-size:contain; left:0; opacity:0.5; position:absolute; right:0; top:0; z-index: -1; }
.cbp-spmenu-vertical 							{ height:100%; min-height:800px!important; overflow:scroll; top:0; width:570px; z-index:1000; }
.cbp-spmenu-vertical a 							{ border-bottom:1px dotted rgba(255,255,255,0.4)!important; padding:1em; }
.cbp-spmenu-left 								{ left:-570px; }
.cbp-spmenu-right 								{ right:-570px; }
.cbp-spmenu-left.cbp-spmenu-open 				{ left:0px; }
.cbp-spmenu-right.cbp-spmenu-open 				{ right:0px; }
.cbp-spmenu a 									{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 95% 50%; display:block; color:#fff; font:400 18px "lato", "proxima-nova", Arial, Helvetica, sans-serif!important; letter-spacing:-0.02em; padding:15px 0 15px 20px!important; text-align:left; }
.cbp-spmenu a:hover 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 95% 50%; }
.cbp-spmenu a:active 							{ background:url(../img/common/assets/blts/eur_blt_li_mainnav_mobile.png) no-repeat 95% 50%; color:#fff; }
.cbp-spmenu-push-toright 						{ left:500px; }

}