@font-face {    font-family: 'bold';    src: url('../fonts/opensans-bold-webfont.eot');    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),         url('../fonts/opensans-bold-webfont.woff') format('woff'),         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'regular';    src: url('../fonts/opensans-regular-webfont.eot');    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),         url('../fonts/opensans-regular-webfont.woff') format('woff'),         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'semibold';    src: url('../fonts/opensans-semibold-webfont.eot');    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),         url('../fonts/opensans-semibold-webfont.woff') format('woff'),         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');    font-weight: normal;    font-style: normal;}

.hide{

	display: none !important;
} 

.separador{padding:12px; border: 0;}

.gridCabecera {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
.gridCabecera1 { grid-area: 1 / 1 / 2 / 2; }
.gridCabecera2 { grid-area: 1 / 2 / 2 / 3; }

.gridMenulateral {display: grid;grid-template-columns: 22% 1fr;grid-template-rows: auto;grid-column-gap: 4%;grid-row-gap: 0px;}
.gridMenulateral1 { grid-area: 1 / 1 / 2 / 2; }
.gridMenulateral2 { grid-area: 1 / 2 / 2 / 3; }


.gridInfo {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 4%px;grid-row-gap: 0px;}
.gridInfo1 { grid-area: 1 / 1 / 2 / 3; }
.gridInfo2 { grid-area: 2 / 1 / 3 / 2; }
.gridInfo3 { grid-area: 2 / 2 / 3 / 3; }
.gridInfo4 { grid-area: 3 / 1 / 4 / 3; }


/*jquery validation*/
input.error, select.error {    border: 1px solid red !important;    background-color: rgba(255, 0, 0, 0.05);}
label.error {    font-family: 'Regular';    color: red;    padding: 0 0 1rem 1rem;    font-size: 0.9rem;    line-height: 1.6rem;    font-weight: 400;    margin: 0px 0px 6px 0px;}
#CYAYconformitat-error{	position: absolute;	top: -7px;	min-width: 220px;}
/*Fi jquery validation*/

#contenido{	width:100%;	margin: 0px auto;	position:relative;}
.contenido{	width:100%;	margin: 0px auto;	position:relative;}
.contenedor{	width:100%;	margin: 0px auto;	max-width: 1500px;padding: 0 2%;}
#novedad{	width:100%;	margin: 0px auto;	position:relative;	padding:0px; margin-bottom: 20px;}
.footer{	width:100%;	margin: 0px auto;	position:relative;	text-align:center;	background-color: #000;	color: #fff;	padding:20px 40px;margin-top: 80px;}
.borrarpeque{display: inline-block;}

#taulageneral{	width: 100%;	background-color: #fff;	padding:10px;	margin: 0px auto;	position:relative;}

.cajafederados{    background-color: #1a350c;    border-radius: 0px;    margin-top: 16px;    padding: 10px;    color: #ffffff;   min-width: 250px; max-width: 250px;    text-align: center;    font-family: 'bold';    font-size: 14px;   line-height: 14px; float: right;    width: 100%;}
.cajafederados img{width: 22px}
.cajafederados a{ color: #ffffff!important}

.barraazul{background-color: #1a350c;padding:12px;text-align:center;color:#ffffff;	font-size: 13px;font-family: 'semibold', tahoma, arial;}
.barraazul a{color:#ffffff!important;		font-size: 13px;text-transform: none;	font-style: normal;}
.barraazul img{width: 19px;margin-right: 15px;}

.cajacesto{border-radius: 9px;    min-width: 250px; max-width: 250px; width:100%;padding:10px; text-transform: none;color:#fff!important;  font-size: 18px;line-height: 20px ;font-family: 'bold';background: rgba(106,180,47,1);
background: -moz-linear-gradient(-45deg, rgba(106,180,47,1) 0%, rgba(80,150,22,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(106,180,47,1)), color-stop(100%, rgba(80,150,22,1)));
background: -webkit-linear-gradient(-45deg, rgba(106,180,47,1) 0%, rgba(80,150,22,1) 100%);
background: -o-linear-gradient(-45deg, rgba(106,180,47,1) 0%, rgba(80,150,22,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(106,180,47,1) 0%, rgba(80,150,22,1) 100%);
background: linear-gradient(135deg, rgba(106,180,47,1) 0%, rgba(80,150,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedab2', endColorstr='#509616', GradientType=1 ); }

.cajacesto:hover{}
.logo {    padding: 15px 0;    width: 100%;    max-width: 269px;    transition: 0.7s;}
.logo2{padding:15px 0; width: 100%; max-width:180px; transition: 0.7s;}

.textcesto{position: absolute;top:15px; text-align: right; right: 3.5%;font-family: 'bold', tahoma, arial;    font-size: 14px; text-transform: uppercase; line-height: 19px;}
.delcesto{	font-family: 'semibold', tahoma, arial;    font-size: 14px;    font-style: normal;    color: #fff;    line-height: 22px;    text-transform: none;    text-align: left!important;}
.subtitol_verd{	font-family: 'regular', tahoma, arial;	font-size: 22px;	font-style: normal;	color: #fff;	line-height: 30px;}
.box {color:#cedab2!important;font-size: 14px; padding-right:15px;margin-top: 10px;}
.box img { width: 13px;    float: right;    margin-top: 8px;}

.barraamarilla{background-color: #cedab2;padding:8px;text-align:center;color:#000; display:none;}
.minaltura{min-height: 66px!important;}
.minaltura2{padding: 10px; border-bottom: 1px solid #cccccc;min-height: 66px!important;}
.amarillo{color: #aed028!important;font-family: "regular", Helvetica, Arial, sans-serif;    font-size: 14px;    line-height: 1.42857143;}


.dades{line-height: 26px;    font-family: 'regular', arial, helvetica, sans-serif;    color: #efefef;    text-align: left;    font-size: 14px;	}
.dades span{	line-height: 28px;    font-family: 'regular', arial, helvetica, sans-serif;    color: #efefef;    text-align: left;    font-size: 14px;	}

.espc{      border: 0px solid;    width: 100px;    background-color: #161616;    text-align: center;    color: #fff;    height: 26px;    font-size: 11px;    color: #ffffff;    font-weight: normal;    padding-top: 0px;    font-family: 'regular', arial, helvetica, sans-serif;    position: absolute;    bottom: -14px;    z-index: 54;    right: 9px;    border-radius: 5px;	}

.titols{	font-family: 'regular', tahoma, arial;	font-size: 20px;	color: #212121;	text-align: left;	line-height: 18px;	text-transform: uppercase;	margin:0px;    font-weight: normal;    font-style: normal;}
.borrar{display: block;}
.mundial {
    position: sticky;
    top: 0;
    z-index: 12321;
    background-color: #fff;
    width: 100%;
    background-image: url(../gifs/head-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.mundial2{position: sticky; top:0; z-index: 12321; background-color:#fff; width:100%;
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
}


.aladerecha{text-align:right}
.bolon{background-color:#e4e4e4; padding:10px; border-radius:23px; text-align:center;font-family: 'bold'; font-size: 14px;margin: 0 3px; }
a.bolon2 {background-color:#1a350c; padding:10px; border-radius:23px; text-align:center;font-family: 'bold'; font-size: 14px;margin: 0 3px; color:#ffffff!important;}
a.bolon3 {background-color:#ababab; padding:10px 5px; border-radius:23px; text-align:center;font-family: 'bold'; font-size: 12px;margin: 0 3px; color:#ffffff!important;}

.inputespecial{padding: 10px;	font-family: 'regular', arial, helvetica, sans-serif;	width: 100%;	max-width: 300px;}
.espaciostd tr td{padding:8px 5px;}
.dades a{    color: #909090!important;}

.cajamenu{ border-radius: 0px;width:100%;padding:15px; background-color:#e184ba;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-align: left!important; text-transform: none; font-size: 16px;line-height: 20px ;font-family: 'bold'; -webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
.cajamenu:hover{background-color:#000;}
.cajamenu img {width:23px;margin-right: 11px;}

.deformatabla tr td {padding:10px 0; border-bottom: 1px solid #ccc; text-align: center;}
.deformtable  > tbody > tr > td{padding:  10px!important; border-bottom: 1px solid #ccc!important;}
.deformable > div {padding:  10px!important; border-bottom: 1px solid #ccc!important;}
.cajamenu1{ border-radius: 0px; font-style: normal; text-transform:uppercase!important;margin-right:4px;width:259px;float:left;padding:12px; background-color:#e184ba;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-align: left!important; font-size: 14px;line-height: 16px ;font-family: 'bold'; -webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
.cajamenu1:hover{background-color:#000;}
.cajamenu1 img {width:23px;; float:right;}


.detallecompra{text-align:center;padding-right:10px;}

.bottonmas{text-align:center;width:100%;padding:4px 15px; background-color:#1c4ea0;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-transform: uppercase; font-size: 16px;line-height: 20px ;font-family: 'bold'; -webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);}
.bottonmas:hover{background-color:#cedab2;color:#1c4ea0!important;}


.bottoncompra{text-align:center;float:right;width:100%;padding:14px 15px; background-color:#d52336;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-transform: uppercase; font-size: 16px;line-height: 20px ;font-family: 'bold'; -webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);}
.bottoncompra:hover{background-color:#cedab2;color:#d52336!important;}



.destaca{border-bottom:#1c4ea0 2px solid; background-color:#fff; display: flex;  padding: 35px;  margin-bottom: 30px;    margin-bottom: 30px; transition: 0.7s; border-radius:8px; }
.destaca:hover{-webkit-box-shadow: inset 0px 0px 65px 0px rgb(85 84 84 / 8%);-moz-box-shadow: inset 0px 0px 65px 0px rgb(85 84 84 / 8%);box-shadow: inset 0px 0px 65px 0px rgb(85 84 84 / 8%); transition: 0.7s;}


.destaca2 {    border: #1a350c 3px solid;    background-color: #ffffff;    padding: 35px;    margin-bottom: 30px;    display: inline-block;    width: 100%;    border-radius: 0px;    transition: 0.7s;}
.destaca2:hover{    border: #212121 3px solid;    background-color: rgb(85 84 84 / 8%);transition: 0.7s;}
.soloimg {width: 100%; border: 0;}
.textimg{	font-family: 'regular', tahoma, arial;	font-size: 18px;	font-style: normal;	color: #565656;	line-height: 22px;}

.mes_info{	font-family: 'regular', Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: normal;	color: #1a350c;	line-height: 27px;}

.disp {    font-family: 'regular', arial, helvetica, sans-serif;    font-size: 15px;    font-style: normal;    color: #1a350c;    line-height: 27px;    font-weight: bold;    position: relative;    top: 3px;}
.disp2 {      display: block;width: 100%;padding: 10px;  font-family: 'regular', arial, helvetica, sans-serif;    font-size: 15px;    font-style: normal;    color: #ffffff;    line-height: 27px;    font-weight: normal; background-color: #1a350c;margin-bottom: 10px;}

.cajaboton{    background-color: #1a350c; padding:3px 10px; font-size: 15px;  color:#ffffff!important;border-radius:3px;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
.cajaboton:hover{    background-color: #212121;}

.bolita ul li {margin-left: 25px;}
ul {margin:0px;padding:0px;}


.subtitol_gris{    font-family: 'bold', tahoma, arial;    font-size: 26px;    font-style: normal;    color: #fff;    line-height: 30px;}
.familia{	font-family: 'regular', tahoma, arial;	font-size: 18px;	font-style: normal;	color: #212121;	text-align: none!important;	padding: 5px;}
.menu{	font-family: 'regular', tahoma, arial;	font-size: 14px;	font-style: normal;	color: #818181;}
.titol_noticia{	font-family: 'regular', tahoma, arial;	font-size: 22px;	font-weight: normal;	color: #000000;	line-height: 30px;}
.no_disp{	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;    font-style: normal;    color: #ca1e1e;     font-weight: bold;}
.text{	font-family: 'regular', tahoma, arial;	font-size: 15px;	font-style: normal;	color: #565656;	line-height: 17px;}
.textlink{	font-family: 'regular', tahoma, arial;	font-size: 12px;	font-style: normal;	color: #565656;	line-height: 15px;}
.preciopvp{	font-family: 'bold', tahoma, arial;	font-size: 42px;    font-weight: normal;    font-style: normal;	color: #292929;	line-height: 42px;}

h1{	font-family: 'regular', tahoma, arial;	font-size: 30px;    font-weight: normal;    font-style: normal;	color: #292929;	margin:10px 0;	line-height: 32px;}
h2{	font-family: 'regular', tahoma, arial;	FONT-SIZE: 25px;	COLOR: #FFFFFF;	text-align: left;	line-height: 18px;	margin:0px;    font-weight: normal;    font-style: normal;}
h3{	font-family: 'regular', tahoma, arial;	FONT-SIZE: 18px;	COLOR: #595858;	text-align: left;	line-height: 18px;	margin:0px;    font-weight: normal;    font-style: normal;}
h4{	font-family: 'regular', tahoma, arial;	font-size: 26px;    font-weight: normal;    font-style: normal;	color: #292929;	margin:10px 0;	line-height: 32px;}

.texto{	font-family: 'regular', tahoma, arial;	font-size: 16px;	color: #0d0d0d;	text-align: left;	line-height: 20px;}
.textonegro{	FONT-FAMILY: 'helveticaneue-boldregular', arial;	FONT-SIZE: 13px;	COLOR: #0d0d0d;	text-align: left;	line-height: 18px;	font-weight: bold;    font-style: bold;}
.peque{	font-family: 'regular', tahoma, arial;	FONT-SIZE: 12px;	COLOR: #656565;	text-align: left;	line-height: 14px;}
.fecha{	font-family: 'regular', tahoma, arial;	FONT-SIZE: 13px;	COLOR: #0070ba;	text-align: left;	line-height: 18px;}
.blanco{	font-family: 'regular', tahoma, arial;	FONT-SIZE: 14px;	COLOR: #ffffff;	text-align: left;	line-height: 17px;    font-style: normal;}

.menu{	FONT-FAMILY: Arial, Helvetica, sans-serif;	FONT-SIZE:18px;	COLOR: #000000;	text-align: left;	line-height: 12px;}
.titular{	font-family: 'regular', tahoma, arial;	FONT-SIZE:30px;	COLOR: #3a3a3a;	text-transform: uppercase;	line-height: 28px;    font-weight: normal;    font-style: normal;	}

hr.linea{ 	height: 0px;	border: 0;	margin-top:10px;	margin-bottom: 10px;	border-bottom:	1px solid #cccccc;}
hr.linea2{ 	width: 100%;    height: 0px;    margin: 0px;    margin-top: 1px;    margin-bottom: 1px;    border: 0;    display: flex;    text-align: left;    border-bottom: 1px solid #565656;}
p{    margin:0px;	text-align: left;	font-family: 'regular', arial, helvetica, sans-serif;	font-size: 17px;	color: #0d0d0d;	text-align: left;	line-height: 24px;		text-align: justify;}

.searchbox{    border:0px;    background-color: #9b8d5d;    width: 55px;    height: 20px;	font-size: 12px;	color: #ffffff;	font-family: 'regular', tahoma, arial;		left:0px;}
.searchgran{		border-radius: 8px; 	background-color: #e184ba; 	padding:10px; 	font-size: 17px; 	color:#ffffff!important; 	-webkit-transition:background-color 300ms linear; 	-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear; 	border:0px; 	min-width: 150px; 	text-transform: uppercase;	font-family: 'regular', tahoma, arial;	}
.searchgran:hover{ background-color: #000;}

.input{	BORDER:0px;	FONT-SIZE: 12px;	COLOR: #4C2A29;	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;	BACKGROUND-COLOR: #FFFFFF;	padding:3px;	margin-top:5px;	width:95%;}
.input1{	border: 1px solid #cccccc;    font-size: 15px;    color: #000000;    font-family: 'regular', arial, helvetica, sans-serif;    background-color: #f2f2f2;    padding: 15px;    margin-top: 5px;    width: 95%;    border-radius: 4px 4px 4px 4px;}
.inputm{	BORDER:0px;	FONT-SIZE: 12px;	COLOR: #000000;	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;	BACKGROUND-COLOR: #e1d7b6;	padding:3px;	margin-top:5px;	width:200px;	border-radius:4px 4px 4px 4px;}
.input2{	BORDER:0px;	FONT-SIZE: 12px;	COLOR: #000000;	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;	BACKGROUND-COLOR: #e1d7b6;	padding:3px;	margin-top:5px;	width:90%;	border-radius:4px 4px 4px 4px;}
.input3{	border: 1px solid #cccccc;    font-size: 15px;    color: #000000;    font-family: 'regular', arial, helvetica, sans-serif;    background-color: #f2f2f2;    padding: 15px;    margin-top: 5px;    min-width: 28.1%;    border-radius: 4px 4px 4px 4px;}




.espc2{    border-top: 0px solid;    border-left: 0px solid;    border-right: 0px solid;    border-bottom: 0px solid;	background-image: url('../gifs/peq2.gif');	background-repeat: no-repeat;    width: 92px;    height: 28px;	font-size: 16px;	color: #ffffff;	font-weight: normal;	padding-top: 2px;	FONT-FAMILY: 'EnriquetaRegular',calibri, verdana, Arial;}
#navi li {		margin:6px 3px 3px 3px;		padding-right:9px;	padding-left:9px;	padding-top:11px;	float:left; 	font-family: 'regular', tahoma, arial;	font-size: 13px;	color: #818181;	list-style:none;	display:inline;	background-image:url(../gifs/punts_separa_menu.gif);	height:25px;}
#navi li:first-child{	background-image:none;}

/*  -------------- CABECERA FOTO */



.delogos{display:none;}


#novedad1{	width: 243px;	height: 209px;	float: center;	margin-top: 0px;	margin-left: 746px;	z-index: 12;	position:absolute;	padding:0px;}
#escudo{	width: 974px;	padding:0px;	height:209px;	z-index:21;	position:absolute;	margin-top: 0px;	margin-left: 15px;}
#menu{	padding:0px;	width:990px;	height:50px;	margin: 0px auto;	top:209px;	position:relative;	z-index:29;	background-image:url(../gifs/fons_menu.png);}
#menu2{	padding:0px;	width:974px;	height:35px;	margin: 0px auto;	top:209px;	position:relative;	z-index:29;	background-color:#f3e6bb;	text-align: center;-webkit-box-shadow: 0px 1px 8px -1px rgba(122,93,57,1);-moz-box-shadow: 0px 1px 8px -1px rgba(122,93,57,1);box-shadow: 0px 1px 8px -1px rgba(122,93,57,1);}



#taulageneral2{	width: 990px;	background-image:url(../gifs/fons_taula2.png);	padding:0px;	margin: 0px auto;	position:relative;}
#espacio{	width: 990px;	position:relative;	height:209px;}




article{	display: inline-block;}

#websites{	font-size:0;	text-align:left;	vertical-align:top;}
#websites article{	background:#ffffff;	border:1px solid #8ebb14;	border-radius:8px;	color: black;	font-size:12px;	margin:8px;	padding:10px;	width:180px;	text-align:left;	margin:0px;	margin-right:17px;	margin-bottom:25px;	vertical-align:top;}
#websites img {	padding-right:10px;	padding-bottom:10px;}
#websites2{	font-size:0;	text-align:left;	vertical-align:top;}
#websites2 article{	background:#ffffff;	border:1px solid #8ebb14;	border-radius:8px;	color: black;	font-size:12px;	margin:8px;	padding:11px;	width:175px;	text-align:left;	margin:0px;	margin-right:20px;	margin-bottom:20px;	vertical-align:top;}
#websites2 img {	padding-right:10px;	padding-bottom:10px;}


body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}
a:link {	color: #1c4ea0;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #1c4ea0;}
a:hover {	text-decoration: underline;	color: #1c4ea0;}
a:active {	text-decoration: none;	color: #1c4ea0;}
body,td,th {	font-family: 'regular', tahoma, arial;	font-size: 16px;	color:#565656;	line-height: 20px;	text-align: justify;} 

#box { margin: 0px; width: 98px; height: 28px; border: 0px solid black; position: relative; }
.ui-effects-transfer { background-image:url(../gifs/cesto.png); background-repeat:no-repeat;   z-index:100; }


@media screen and (max-width: 1366px) {
.cajamenu1 {    width: 255px;}
}



@media screen and (max-width: 1024px) {
.cajamenu1 {    width: 188px;    font-size: 13px;    line-height: 16px;    min-height: 57px;}
.searchgran {    padding: 9px;    font-size: 15px;}
}


@media screen and (max-width: 1023px) {
.cajamenu1{display: none;}
.gridMenulateral {display: grid;grid-template-columns: 0% 1fr;grid-template-rows: auto;grid-column-gap: 0%;grid-row-gap: 0px;}
.gridMenulateral1 { grid-area: 1 / 1 / 2 / 2; }
.gridMenulateral2 { grid-area: 1 / 2 / 2 / 3; }

.gridCabecera {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.gridCabecera1 { grid-area: 1 / 1 / 2 / 2; }
.gridCabecera2 { grid-area: 2 / 1 / 3 / 2; }


}

@media screen and (max-width: 820px) {
	.logo2 {    margin-left: 74px;padding: 9px 0;    margin-top: -10px;    max-width: 247px;    transition: 0.7s;}
}

@media screen and (max-width: 768px) {
.borrar{display: none;}
.titol_noticia{	font-size: 20px;	line-height: 24px;}
.inputespecial {    padding: 7px;}
.texto a > h1 {    font-size:20px;    margin: 10px 0;    line-height: 22px;}
}


@media screen and (max-width: 767px) {
	#CYAYconformitat-error{	position: absolute;	top: -26px;	min-width: 220px; left: -5px;}
	/*td{min-width: 150px}*/
	.separador{padding:7px; border: 0;}
	.desaparece{display: none;}
	.familia {    font-size: 14px;    padding: 4px;}
	.input1{    font-size: 14px;    padding: 7px;}
	.borrarpeque{display: none;}
	.cajafederados {    margin-top: -2px;  margin-bottom: 8px;    padding: 6px;    min-width: 250px;    max-width: 554px;  }
	.aladerecha{text-align:left}
	.dades {    line-height: 24px;    font-size: 13px;}
	.dades span {    font-size: 17px;}
	.detallecompra{text-align:center;padding: 12px 6px}
	h1{	font-size: 22px;	line-height: 22px;}
	.barraamarilla{background-color: #cedab2;padding:8px;text-align:center;color:#000; display:block; text-transform: uppercase;}
	#novedad{display:none;}
	.delogos{display:block;}
	.footer {    padding: 20px 20px;    margin-top: 50px;}
	.espc {    right: -11px;}
	.deformtable > tbody > tr > td {    padding: 2px!important;font-size: 12px;    line-height: 17px;    text-align: left;}
	.deformatabla tr td { padding: 2px!important;font-size: 12px;    line-height: 17px;    text-align: left;}
	.espaciostd > tbody > tr > td  {font-size: 14px;    line-height: 17px;}
	.minaltura {    padding: 7px;    min-height: auto !important;}
	.minaltura2 {    padding: 7px;    min-height: auto !important;}
	h4 {    font-size: 17px;    color: #292929;    margin: 7px 0;    line-height: 27px;}
	.destaca2 {    padding: 25px;}
	.subtitol_gris {    font-size: 21px;}
	.preciopvp {    font-size: 32px;    line-height: 32px;}
	.titol_noticia {    font-size: 20px;    line-height: 28px;}
}


@media screen and (max-width: 500px) {
.cajaboton {    display: block;text-align: center;}
}

.containerbird {
	pointer-events: none;
    z-index: 11;
    overflow: hidden;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 99%;
    min-height: 160px;
    top:80px;
}

.bird {
  background-image: url(../gifs/bird-cells.svg);
  background-size: auto 100%;
  width: 88px;
  height: 125px;
  will-change: background-position;
  -webkit-animation-name: fly-cycle;
  animation-name: fly-cycle;
  -webkit-animation-timing-function: steps(10);
  animation-timing-function: steps(10);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.bird--one {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.bird--two {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.bird--three {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.bird--four {
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.bird-container {
  position: absolute;
  top: 20%;
  left: -7.5vw;
  -webkit-transform: scale(0);
  transform: scale(0);
  will-change: transform;
  -webkit-animation-name: fly-right-one;
  animation-name: fly-right-one;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.bird-container--one {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.bird-container--two {
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.bird-container--three {
  -webkit-animation-duration: 14.6s;
  animation-duration: 14.6s;
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}
.bird-container--four {
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  -webkit-animation-delay: 10.25s;
  animation-delay: 10.25s;
}
@-webkit-keyframes fly-cycle {
  100% {
    background-position: -900px 0;
  }
}
@keyframes fly-cycle {
  100% {
    background-position: -900px 0;
  }
}
@-webkit-keyframes fly-right-one {
  0% {
    left: -10%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  10% {
    left: 10%;
    -webkit-transform: translateY(2vh) scale(0.4);
    transform: translateY(2vh) scale(0.4);
  }
  20% {
    left: 30%;
    -webkit-transform: translateY(0vh) scale(0.5);
    transform: translateY(0vh) scale(0.5);
  }
  30% {
    left: 50%;
    -webkit-transform: translateY(4vh) scale(0.6);
    transform: translateY(4vh) scale(0.6);
  }
  40% {
    left: 70%;
    -webkit-transform: translateY(2vh) scale(0.6);
    transform: translateY(2vh) scale(0.6);
  }
  50% {
    left: 90%;
    -webkit-transform: translateY(0vh) scale(0.6);
    transform: translateY(0vh) scale(0.6);
  }
  60% {
    left: 110%;
    -webkit-transform: translateY(0vh) scale(0.6);
    transform: translateY(0vh) scale(0.6);
  }
  100% {
    left: 110%;
    opacity: 1;
    -webkit-transform: translateY(0vh) scale(0.6);
    transform: translateY(0vh) scale(0.6);
  }
}
@keyframes fly-right-one {
  0% {
    left: -10%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  10% {
    left: 10%;
    -webkit-transform: translateY(2vh) scale(0.4);
    transform: translateY(2vh) scale(0.4);
  }
  20% {
    left: 30%;
    -webkit-transform: translateY(0vh) scale(0.5);
    transform: translateY(0vh) scale(0.5);
  }
  30% {
    left: 50%;
    -webkit-transform: translateY(4vh) scale(0.6);
    transform: translateY(4vh) scale(0.6);
  }
  40% {
    left: 70%;
    -webkit-transform: translateY(2vh) scale(0.6);
    transform: translateY(2vh) scale(0.6);
  }
  50% {
    left: 90%;
    -webkit-transform: translateY(0vh) scale(0.6);
    transform: translateY(0vh) scale(0.6);
  }
  60% {
    left: 110%;
    -webkit-transform: translateY(0vh) scale(0.6);
    transform: translateY(0vh) scale(0.6);
  }
  100% {
    left: 110%;
    opacity: 1;
    -webkit-transform: translateY(0vh) scale(0.6);
    transform: translateY(0vh) scale(0.6);
  }
}
@-webkit-keyframes fly-right-two {
  0% {
    left: -10%;
    opacity: 1;
    -webkit-transform: translateY(-2vh) scale(0.5);
    transform: translateY(-2vh) scale(0.5);
  }
  10% {
    left: 10%;
    -webkit-transform: translateY(0vh) scale(0.4);
    transform: translateY(0vh) scale(0.4);
  }
  20% {
    left: 30%;
    -webkit-transform: translateY(-4vh) scale(0.6);
    transform: translateY(-4vh) scale(0.6);
  }
  30% {
    left: 50%;
    -webkit-transform: translateY(1vh) scale(0.45);
    transform: translateY(1vh) scale(0.45);
  }
  40% {
    left: 70%;
    -webkit-transform: translateY(-2.5vh) scale(0.5);
    transform: translateY(-2.5vh) scale(0.5);
  }
  50% {
    left: 90%;
    -webkit-transform: translateY(0vh) scale(0.45);
    transform: translateY(0vh) scale(0.45);
  }
  51% {
    left: 110%;
    -webkit-transform: translateY(0vh) scale(0.45);
    transform: translateY(0vh) scale(0.45);
  }
  100% {
    left: 110%;
    -webkit-transform: translateY(0vh) scale(0.45);
    transform: translateY(0vh) scale(0.45);
  }
}
@keyframes fly-right-two {
  0% {
    left: -10%;
    opacity: 1;
    -webkit-transform: translateY(-2vh) scale(0.5);
    transform: translateY(-2vh) scale(0.5);
  }
  10% {
    left: 10%;
    -webkit-transform: translateY(0vh) scale(0.4);
    transform: translateY(0vh) scale(0.4);
  }
  20% {
    left: 30%;
    -webkit-transform: translateY(-4vh) scale(0.6);
    transform: translateY(-4vh) scale(0.6);
  }
  30% {
    left: 50%;
    -webkit-transform: translateY(1vh) scale(0.45);
    transform: translateY(1vh) scale(0.45);
  }
  40% {
    left: 70%;
    -webkit-transform: translateY(-2.5vh) scale(0.5);
    transform: translateY(-2.5vh) scale(0.5);
  }
  50% {
    left: 90%;
    -webkit-transform: translateY(0vh) scale(0.45);
    transform: translateY(0vh) scale(0.45);
  }
  51% {
    left: 110%;
    -webkit-transform: translateY(0vh) scale(0.45);
    transform: translateY(0vh) scale(0.45);
  }
  100% {
    left: 110%;
    -webkit-transform: translateY(0vh) scale(0.45);
    transform: translateY(0vh) scale(0.45);
  }
}