@font-face {    font-family: 'black';    src: url('../fonts/sourcesanspro-black-webfont.eot');    src: url('../fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'),         url('../fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'bold';    src: url('../fonts/sourcesanspro-bold-webfont.eot');    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),         url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'light';    src: url('../fonts/sourcesanspro-light-webfont.eot');    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'regular';    src: url('../fonts/sourcesanspro-regular-webfont.eot');    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'semibold';    src: url('../fonts/sourcesanspro-semibold-webfont.eot');    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),         url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'Socialmedia';    src: url('../fonts/SocialMediaCircled.eot');    src: url('../fonts/SocialMediaCircled.eot?#iefix') format('embedded-opentype'),       url('../fonts/SocialMediaCircled.ttf') format('truetype'),        url('../fonts/SocialMediaCircled.svg#SocialMediaCircled') format('svg');    font-weight: normal;   font-style: normal;    font-display: swap;}

.hide{

	display: none !important;
}

.superboton{background-color:#c7c7c7;padding:38px;border-radius: 6px;}
.volver{color:#000; font-size: 18px; font-family: 'bold'; text-transform: uppercase;}
a.volver{color:#000!important;}

.xarxaIco{font-family: 'Socialmedia'; color: #212121; font-size: 30px; line-height: 40px; transition: all 1s ease; cursor: pointer; float: left; margin: -8px 10px 0 0;}
.xarxaIco:hover{color: #467B71 !important; transition: all 1s ease;}

.detable {display: grid;grid-template-columns: 70% 30%;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;}
.detable1 { grid-area: 1 / 1 / 2 / 2; }
.detable2 { grid-area: 1 / 2 / 2 / 3; }

.parent {display: grid;grid-template-columns: 20% 80%;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }

.inputseguro_fecha_fin_text_class{	color: #797979;    font-weight: bold;    font-size: 16px;}
.recursos {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));    grid-column-gap: 3%;
	font-family: 'bold', tahoma, arial;
	font-size: 25px;
	text-align: left;
	line-height: 28px;
    font-weight: normal;
    font-style: normal;
}

/*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*/

.equip {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(48rem, 1fr));    grid-column-gap: 5%;}
.equip .card {    height: auto;    margin: 15px 0 50px 0;}
.apareceb{display: none;}

#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; background-color: #000000; position: relative;}
#novedad img{opacity: 0.5; }
.footer{	width:100%;	margin: 0px auto;	position:relative;	text-align:center;	background-color: #f8f8f8!important;	color: #000;	padding:20px 40px;margin-top: 80px;}
.borrarpeque{display: inline-block;}

.posicionamiento {width: 100%;    clear: both;    position: absolute;    margin-top: 16%; z-index: 5}
.posicionamiento h3{color: #fff; font-family: 'semibold'; font-size:75px; line-height:77px; text-transform: uppercase; text-align: center;margin: 0}
.posicionamiento h5{color: #fff; font-family: 'light'; font-size:32px; line-height:35px;  text-align: center;margin: 0}

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

.submenu {font-size: 14px; text-transform: uppercase;}
.numeritos img {width: 18px;}

.cajafederados{ letter-spacing: 1px;  background-color: #4a8b08;    border-radius: 506px;    margin-top: 16px;    padding: 10px;    color: #ffffff;   min-width: 390px; max-width: 390px;    text-align: center; text-transform: uppercase;   font-family: 'regular';    font-size: 14px;   line-height: 14px; float: right;    width: 100%; transition: 0.7s;}
.cajafederados img{width: 22px}
.cajafederados a{ color: #ffffff!important}
.cajafederados:hover{   background-color: #212121; transition: 0.7s;}

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

.cajacesto{ text-align: left; border-radius: 2px;  text-transform: uppercase;  min-width: 290px; max-width: 290px; width:100%;padding:10px; background-color:#5d958c;color:#fff!important;  font-size: 13px;line-height: 18px ;font-family: 'regular'; -webkit-box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.39);-moz-box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.39);box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.39);}
.cajacesto:hover{}
.logo{padding:15px 0 15px 0; width: 100%; max-width:200px ;transition: 0.7s; position: absolute; z-index: 5454; margin-left: 30px;}
.logo2{    padding: 11px 0 0 0;    width: 100%;    max-width: 31px;    transition: 0.7s; margin-left: 60px;}

.textcesto{letter-spacing: 1px; position: absolute;top:15px; text-align: right; right: 3.5%;font-family: 'semibold', tahoma, arial;    font-size: 14px; text-transform: uppercase; line-height: 19px; color: #fff;}
.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;}
.subtitol_verd a{	color: #fff;}
.box {color:#fff!important;font-size: 12px; padding-right:15px;margin-top: 10px;}
.box img { width: 13px;    float: right;    margin-top: 0px;}
.separar{display: inline-block; width: 50px;}
.lineabajo{border-bottom: 1px solid #cccccc;min-height: 33px!important; font-size: 14px; padding:4px 10px; }

.barraamarilla{background-color: #a0c1bc;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;}


.dades{line-height: 26px;    font-family: 'light', arial, helvetica, sans-serif;    color: #212121;    text-align: left;    font-size: 12px;letter-spacing: 1px;	}
.dades span{	line-height: 28px;    font-family: 'regular', arial, helvetica, sans-serif;    color: #212121;    text-align: left;    font-size: 12px;	letter-spacing: 1px;}
.amarillo{font-family: 'regular'!important;color: #fff!important;font-family: "regular", Helvetica, Arial, sans-serif;    font-size: 18px!important;    line-height: 1.42857143;}
.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: 2px;transition: 0.7s;	}
.espc:hover{background-color: #4a8b08; transition: 0.7s;}

.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: absolute;    top: 0px;    z-index: 9;    width: 100%;    transition: 0.5s;    height: 180px;}
.mundial2{position: sticky; top:0; z-index: 9; width:100%; transition: 0.5s
-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);background-color: rgba(0,0,0,0.85);    height: 114px;}
.aladerecha{text-align:right}
.bolon{background-color:#e4e4e4; padding:10px; border-radius:23px; text-align:center;font-family: 'semibold'; font-size: 14px;margin: 0 3px; }
a.bolon2 {background-color:#343434; padding:10px; border-radius:23px; text-align:center;font-family: 'semibold'; 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: 'semibold'; 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: #212121!important; text-transform: uppercase;}

.cajamenu{position: sticky; top: 140px; letter-spacing: 1px; border-radius: 6px;width:100%;padding:15px; background-color:#4a8b08;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-align: left!important; text-transform: none; font-size: 15px;line-height: 20px ;font-family: 'regular'; -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;}
.precios{font-family: 'bold';	font-size: 22px;	color: #4a8b08;	line-height: 30px; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.cajamenu1 {
    text-align: center;
    letter-spacing: 0px;
    border-radius: 46px;
    font-style: normal;
    text-transform: uppercase!important;
    margin-right: 4px;
    width: 258px;
    float: left;
    padding: 12px;
    background-color: #343434;
    margin-bottom: 4px;
    text-transform: none;
    color: #ffffff!important;
    font-size: 16px;
    line-height: 22px;
    font-family: 'regular';
    -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:#a0c1bc;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-transform: uppercase; font-size: 16px;line-height: 20px ;font-family: 'semibold'; -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:#a0c1bc;color:#4a8b08!important;}


.bottoncompra{text-align:center;float:right;width:100%;padding:14px 15px; background-color:#4a8b08;margin-bottom:4px;text-transform: none;color:#ffffff!important; text-transform: uppercase; font-size: 16px;line-height: 20px ;font-family: 'semibold'; -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:#212121;color:#fff!important;}



.destaca{border-bottom:#4a8b08 2px solid; background-color:#ffffff; display: flex; padding: 15px;}

.destaca:hover{-webkit-box-shadow: inset 0px 0px 65px 0px rgba(0,0,0,0.39);
-moz-box-shadow: inset 0px 0px 65px 0px rgba(0,0,0,0.39);
box-shadow: inset 0px 0px 65px 0px rgba(0,0,0,0.39);}


.destaca2{  background-color: #ffffff;  padding: 9%;    display: inline-block;    width: 100%; border-radius: 22px; margin-bottom: 30px;transition: 0.7s; box-shadow: 0px 0px 50px 0px rgb(19 19 28 / 24%); transition: 0.5s;}
.destaca2:hover{transition: 0.7s; box-shadow: 0px 0px 50px 0px rgb(19 19 28 / 44%); transition: 0.5s;}
.soloimg {width: auto; border: 0; max-height: 110px;}
.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: #343434;	line-height: 27px;}

.disp {    font-family: 'regular', arial, helvetica, sans-serif;    font-size: 15px;    font-style: normal;    color: #343434;    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: #343434;margin-bottom: 10px;}

.cajaboton{ font-family: 'light', arial, helvetica, sans-serif;   font-size: 12px; text-transform: uppercase; letter-spacing: 1px;  background-color: #343434; padding:3px 10px; color:#ffffff!important;border-radius:1px;-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: 'semibold', tahoma, arial;
    font-size: 26px;
    font-style: normal;
    color: #15393b;
    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;
}

.data_noticia
{
	font-family: 'regular', tahoma, arial;
	font-size: 11px;
	font-weight: bold;
	color: #3c3c3c;
}

.titol_noticia
{
	font-family: 'black', tahoma, arial;
	font-size: 29px;
	font-weight: normal;
	color: #212121;
	line-height: 32px;
}





.no_disp
{
	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #ca1e1e;
     font-weight: bold;
}



.text
{
	font-family: 'light', 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: 'semibold', tahoma, arial;
	font-size: 42px;
    font-weight: normal;
    font-style: normal;
	color: #292929;
	line-height: 42px;
}

h1
{
	font-family: 'regular', tahoma, arial;
	font-size: 40px;
    font-weight: normal;
    font-style: normal;
	color: #292929;
	margin:10px 0;
	line-height: 42px;
}
h2
{
	font-family: 'regular', tahoma, arial;
	FONT-SIZE: 25px;
	COLOR: #FFFFFF;
	text-align: left;
	line-height: 22px;
	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: 'light', tahoma, arial;
	font-size: 17px;
    font-weight: normal;
	color: #212121;
	text-align: left;
	line-height: 22px;
	    letter-spacing: 1.6px;
}
.textonegro
{
	FONT-FAMILY: 'regular', 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: 10px;
    margin-bottom: 10px;
    border: 0;
    display: flex;
    text-align: left;
    border-bottom: 1px solid #a0c1bc;
}
hr.lineap
{ 
	width: 100%;
    height: 0px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    display: flex;
    text-align: left;
    border-bottom: 1px solid #a0c1bc;
}
hr.lineapblanc
{ 
	height: 0px;
	border: 0;
	margin-top:10px;
	margin-bottom: 10px;
	border-top: 1px dashed #fff;
}

p
{
    margin:0px;
	font-size: 18px;
	color: #1c1c1c;
	line-height: 26px;	
	text-align: justify;
	font-family: 'light', arial, helvetica, sans-serif;
	font-weight: normal;    
	font-style: normal;
}

.searchbox
{
    border:0px;
    background-color: #9b8d5d;
    width: 55px;
    height: 20px;
	font-size: 12px;
	color: #ffffff;
	font-family: 'regular', tahoma, arial;	
	left:0px;
}
.searchboxbis
{
    border:0px;
    background-color: #82962a;
    width: 55px;
    height: 20px;
	font-size: 12px;
	color: #ffffff;
	font-family: 'regular', tahoma, arial;	
	left:0px;
}
.searchmedio
{
    BORDER:0px;
    BACKGROUND-COLOR: #9b8d5d;
    WIDTH: 110px;
    HEIGHT: 25px;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: 'regular', tahoma, arial;	
	left:0px;
	border-radius:1px;
}
.searchgran{
 	background-color: #343434;
 	border:1px solid #343434;
 	padding:14px;
 	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;
 	min-width: 150px;
 	text-transform: uppercase;
	font-family: 'regular', tahoma, arial;	
	border-radius: 500px;
}

.searchgran:hover{ 	background-color: #fff; color: #343434!important;	border:1px solid #343434;}
.searchgran:hover a{color: #343434!important;	}

.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%;
}
.cajones{background-color:#d9e3e1; padding: 33px; font-size:14px;line-height: 19px;}

.inputseguro
{
	border: 1px solid #c4c4c4;
    font-size: 15px;
    color: #000000;
    font-family: 'light', arial, helvetica, sans-serif;
    background-color: #fff;
    padding: 15px;
    margin-top: 5px;
    width: 100%;
    border-radius: 0px;
    margin-bottom: 20px;
}

.input1 {
    border: 1px solid #c4c4c4;
    font-size: 15px;
    color: #000000;
    font-family: 'light', arial, helvetica, sans-serif;
    background-color: #fff;
    padding: 9px;
    margin-top: 5px;
    width: 99%;
    border-radius: 0px;
}


.inputcasa
{
	BORDER:0px;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #e1d7b6;
	padding:3px;
	margin-top:5px;
	border-radius:1px;
}

.inputcasaverde
{
	BORDER:0px;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #d9e4cc;
	padding:3px;
	margin-top:5px;
	border-radius:1px;
	width: 90%;
}

.botoncasaverde
{
	BORDER:0px;
	FONT-SIZE: 16px;
	text-transform: uppercase;
	COLOR: #8ebb14;
	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #e5f1b4;
	padding:6px 19px 6px 19px ;
	border-radius:1px;
	font-weight: bold;
}


.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:1px;
}

.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:1px;
}

.input2data
{
	BORDER:0px;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: 'regular', Arial, Helvetica, sans-serif;
	background-image: url('../gifs/datas.gif');
	BACKGROUND-COLOR: #e1d7b6;
	padding:3px;
	margin-top:5px;
	height: 16px;
	width:90%;
	border-radius:1px;
}

.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: 2px;
}

.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:1px;
	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:1px;
	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: #4a8b08;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #4a8b08;
}
a:hover {
	text-decoration: underline;
	color: #4a8b08;
}
a:active {
	text-decoration: none;
	color: #4a8b08;
}
body,td,th {

font-family: 'light', tahoma, arial;
    font-size: 18px;
    font-weight: normal;
    color: #212121;
    text-align: left;
    line-height: 22px;
} 
	#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: 1680px) {
    .logo {        padding: 26px 0 15px 0;        width: 76%;        max-width: 166px;        transition: 0.7s;    }
}


@media screen and (max-width: 1440px) {
.parent {    grid-template-columns: 20% 75%;}
}

@media screen and (max-width: 1366px) {
.equip {    grid-template-columns: repeat(auto-fill, minmax(42rem, 1fr));    grid-column-gap: 4%;}
.titol_noticia {    font-size: 26px;    line-height: 32px;}
.posicionamiento {    margin-top: 19%;}
.posicionamiento h3 {    font-size: 47px;    line-height: 36px;}
.posicionamiento h5 {    font-size: 21px;    line-height: 25px;}
.cajamenu1 {    width: 227px;    padding: 12px;}
}


@media screen and (max-width: 1024px) {
.posicionamiento h3 {    font-size: 37px;    line-height: 36px;}
.posicionamiento h5 {    font-size: 21px;    line-height: 15px;}
.logo {    padding: 25px 0 15px 0;    width: 70%;    max-width: 140px;}
.cajafederados {    letter-spacing: 0px;    margin-top: 22px;    padding: 8px;    font-size: 12px; margin-bottom: 50px;}
.cajamenu1 {   width: 227px;  padding: 7px;}
.mundial {    position: absolute;    height: 180px;}
}


@media screen and (max-width: 1023px) {
	.logo {     padding: 12px 0 15px 50px;        width: 95%;        max-width: 220px;    }  
	.cajamenu1{display: none;}
	.parent {display: grid;grid-template-columns: 1fr;}
	.div1 { grid-area: 1 / 1 / 2 / 2; }
	.div2 { grid-area: 2 / 1 / 3 / 2; }
	#taulageneral {    padding: 25px;}
}

@media screen and (max-width: 768px) {
.borrar{display: none;}
.barraazul{ min-height: 64px;}	
.titol_noticia{	font-size: 20px;	line-height: 24px;}
}


@media screen and (max-width: 767px) {
.contenedor {    width: 98%;}	
.separar{display: block; width: 50px;}	
.logo {    padding: 1px 0 15px 0;    width: 100%;    position: relative;    max-width: 260px;    margin-left: 5px;}
.espc {    z-index: 1;}
.centrados{text-align: center;}
.borrarpeque{display: none;}
.cajafederados {    margin-top: -8px;  margin-bottom: 8px;    padding: 8px;    min-width: 250px;    max-width: 554px;    float: left;}
.aladerecha{text-align:left}
.dades {    line-height: 24px;    font-size: 13px;}
.dades span {    font-size: 17px;}
.detallecompra{text-align:center;padding-right:10px!important;padding-left:10px}
h1{	font-size: 20px;	line-height: 22px; text-align: left;}
.barraamarilla{background-color: #4a8b08;padding:8px;text-align:center;color:#fff; display:block; text-transform: uppercase; font-family: 'bold'; font-size: 14px;}
.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;}

h4 {    font-size: 17px;    color: #292929;    margin: 7px 0;    line-height: 27px;}
.destaca2 {    padding: 25px;}
#novedad {    margin-top: -58px;}
.posicionamiento{display: none;}
.equip {    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));    grid-column-gap: 2%;}
.textimg {    font-size: 16px;}
.mundial {    height: 33px;    margin-top: 0px;    padding-top: 28px; position: absolute;}
#novedad {    margin-top: 0px; display: none}
#novedad img {    margin-top: 24px;}
.detable {    grid-template-columns: 100%;}
#contenido{margin-top:5px!important; }
.empujar{margin-top:165px!important; }
.desempujar{padding-top: 30px!important;}
.apareceb{display: block; width: 100%;position: relative; z-index:1; top:0px; background-image: url('../upfiles/bweb/cabecera-mov.jpg'); background-size: cover;padding-top: 50%}
.aparecebhome{display: block; width: 100%;position: relative; z-index:1; top:0px; background-image: url('../upfiles/bweb/cabecera-mov.jpg'); background-size: cover;padding-top: 100%; background-position: center right;}
}


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