/** Reset Browser's CSS Values **/

html,body,div,ul,li,h1,h2,h3,p,td { margin: 0; padding: 0; }
h1,h2,h3 { font-size: 1em; font-weight: normal; font-style: normal; }
div,h1,h2,h3,h4,h5,h6,p{ display: block;}

html,
body {
    margin:0;
    padding:0;
    height:100%;
	font-size:14px; 
	background: #e9540d;
/* background:url('imatges/fondo-1920.png') ; */
background-size: cover;

	font-family: 'Montserrat', arial, sans-serif;
}


.login #mare {width:960px; margin:auto; margin-top:0; margin-bottom:0; height: calc(100% - 203px); }
#mare {width:960px; margin:auto; margin-top:0; margin-bottom:0;height: calc(100% - 203px); 

}
.container {width:960px; margin:auto; margin-top:0; margin-bottom:0; position:relative;}
.login #logomajo {display:none}
.pagpremios #mare {height:auto; margin-top:0px; margin-bottom:80px;}


#capcelera {position:relative;  width:100%; margin:auto; height:120px; background:transparent url('imatges/puntosxcaja-kh7.png') no-repeat; padding-top:10px; background-position: 58% 20%;}




.login #capcelera {width:100%; background:transparent url('imatges/puntosxcaja-kh7.png') no-repeat; background-position: 12% 20%;}


@media screen and (max-width: 768px) {
	#capcelera {position:relative;  min-width:1024px; width:100%; margin:auto; height:120px; background:transparent url('imatges/puntosxcaja-kh7.png') no-repeat; padding-top:10px; background-position: center 20%;}
}


#content{position:relative;  width:940px; margin:0px auto; text-align:left;  padding:10px 15px 0px 15px; height:620px; margin-bottom:60px;}
.login #content{ height:calc(100% - 115px); background: transparent; margin-bottom:0px; padding-top:50px; 
background-position: right bottom 45px; background-size:110%;}



@media (max-width: 1000px) {
	.login #content{ background: transparent;}
}

#logo {position:absolute; right:-30px; top:0px; width:10px; display:none;}
#logo img { width:80%; height:auto;}
.login #logo {position:absolute; left:30px; top:0px;}

.copa {position:absolute; top:4px; left:0px; width:57px; height:108px; background:url(imatges/copa.png); display:none}
#retol {position:absolute; width:996px; height:90px;  text-indent:-10001px; left:-17px; top:88px; z-index:5; display:none}

#peu {position:fixed;  bottom:0px; width:100%; margin:0px auto; text-align:left; padding:20px 0px 10px;  color:#fff; font-size:0.90em; background:#e9540d; height:40px; }
.login #peu .container {margin-top:-70px;}
#peu a {color:#fff; text-decoration:none}

#peu a:hover {color:#25336d; text-decoration:none}

#peu .salir {display:block; float:right; padding:0px 4px; text-decoration: underline;}


div.premio {position:relative; width:100%; background:#fff; margin:20px auto; margin-bottom:10px; padding-bottom:60px ; }

div.premio p {margin-bottom:10px}

div.fotos { position:relative; width:390px; padding:10px; float:left}
div.descrip {position:relative; width:430px; padding:10px; float:left; color:#eee; font-size:16px; padding-bottom:50px}

#bot1 {position:absolute; left:20px; top:10px}
#bot2 {position:absolute; left:390px; top:10px}

div#caixalogin {position:relative; margin-left:10%; margin-top:10%; background:rgba(255,255,255,0.4); width:210px; height:150px; padding:50px 80px; border:0px solid #333}

a {color:#fff}

input.botoform, a.botoform {
 
	width:210px;
	height:40px;
	text-align:center;
	font-size: 22px;
	color: #ffffff;
	font-weight:bold;
	padding-top: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 0px solid #28366f;
	text-decoration:none;
	text-transform:uppercase;
}

.botonssup input.botoform, .botonssup a.botoform {
 
	width:210px;
	height:40px;
	text-align:center;
	font-size: 22px;
	color: #ffffff;
	font-weight:bold;
	padding-top: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 0px solid #28366f;
	text-decoration:none;
	text-transform:uppercase;
}

.login a.botoform {background:#28366f;}

a.botoform {display:inline-block; 	color: #fff;}
a.marge {margin:7px 52px 0px 52px; background:transparent !important;}

input.botoform:hover, a.botoform:hover {
	color: #e9540d;

}

div.botonssup input.botoform:hover, div.botonssup a.botoform:hover {
	color: #25336d;

}

div.botonssup {width:100%; margin:auto; clear:both; background:transparent;}

.login div.botonssup {display:none}

a.bot-entrar {display:block; width:210px; height:18px; background:#033385; color:#fff; text-align:center; padding:10px 0; font-size:16px; text-decoration:none; text-transform: uppercase;}

div#caixalogin input {background:#4ac98a url(imatges/usuari.png) no-repeat; background-position: 183px 10px; width:188px; height:22px; padding:7px 10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:0px; margin-bottom:10px; color:#fff; font-size:16px}
div#caixalogin input[type=password] {background:#4ac98a url(imatges/candau.png) no-repeat; background-position: 183px 10px;}

div#caixalogin input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#fff; 
	opacity: 1; /* Firefox */
}

h3 {font-size:36px; margin:20px 0; color:#ed6430; display:block; width:100%; text-align:center; }
h4 {font-size:20px; margin:10px 0; color:#fff; display:block; width:100%; text-align:center;  font-weight:normal;}
/* inici */

h3.mecanica {color:#28366f; font-weight:bold; font-size:22px; margin:0px 0 10px 0; text-shadow: 4px 4px 3px rgba(45, 45, 45, 0.0);}

div#caixainfo {position:relative; width:450px; float:left; height: 520px; background:transparent; margin-top:15px; padding:0px; }
div#caixaintrainfo {width:430px;   min-height:260px;  padding:10px 10px; background: #68b42d;}
div#caixains {position:relative; width:450px; float:left; height: 520px;  margin-top:15px; font-size:1.1em; padding:0px;}
div#caixains p {margin:25px 0; line-height:1.2em; color:#000; font-weight:normal; font-size:1.10em; text-align:center;}
div#caixains p.biggus {font-size:1.4em; font-weight:bold; color:#e9540d}
div#caixains div.desti {background:#28366f; margin:10px 0; width:100%; padding:5px 0;}
div#caixains div.desti p {margin:15px 0; font-size:1.05em;}
div#caixains div.desti p.biggus {font-size:1.1em; color:#fff;}

div#caixains span {color:#e9540d}
div#caixains a {color:#000}
div#caixains div.desti span {color:#e9540d}

div#caixainsintro {background:#ffffff; padding:10px 10px; min-height:440px;}

div#caixapunts {width:98%; height:140px; font-size:1.1em; font-weight:bold; padding:10px;}
div.etiq, div.dad, div.etiq2  {position:relative; float:left; width:55%; height:15px; padding:12px 8px; border:0px solid black; font-size:1.15em; color:#fff;}
div.dad {width:35%; float:right; text-align:right}
div.dad span {font-size: 0.8em;}
div.etiq2  {width:90%}
div.liniall {position:relative; clear:both; border:0px solid black; height:34px; padding:3px; width:415px; color:#fff}
div.fotll {position:relative; float:left; width:54px; background:#fff; padding:5px; text-align:center;}
div.regll {position:relative; float:left; width:185px; padding:3px 5px; line-height:1.1em;}
div.puntll {position:relative; float:left; width:90px; padding:8px 2px; text-align:right; border:0px solid black}
div.botll {position:relative; float:left; width:57px; padding:8px 2px; text-align:right; border:0px solid black}


div#caixasoli {width:430px;   min-height:160px;  margin: 0; padding:10px 10px; background: #25336d;}


div.note {width:550px;  padding:10px 10px; text-align:center; color:#25336d; font-size:1.2em; margin:10px auto 0; clear:both; font-weight:bold}

div.destacat {width:380px; background:#28366f; color:#fff; padding:5px; text-align:center; margin:auto; margin-top:10px;}

div.negre {color:#fff !important}
div.roig {color:#28366f !important}
div.verd {color:#26326c !important}
div.blanc {color:#fff !important}
div.llegenda {width:16%; padding:5px 0; color:#fff; margin:5px auto; background:#fff; font-size:1.2em; font-weight:bold; color:#e9540d; float: left; display: block;}

div.llegenda2 {color:#25336d; text-align: center; padding: 10px 0; width: 42%; float: left; display: block; font-size: 0.85em;}

/* premis */
div.bossapremis {margin:0 0 45px 0; padding-bottom:20px;}
div#tirafotos {position:relative; margin:10px 0; height:100px}

div.marcfotos {position:relative; border:0px solid white; width:380px; height:380px; padding:10px; text-align:center; display:table-cell; vertical-align:middle}

div.polze {padding-right:10px; float:left}

div.punts {position:absolute; left:610px;  bottom:40px; width:100px; background:#e9540d; margin:10px auto; text-align:center; color:#fff;
padding:10px 20px;
}
div.punts h4 {color:#fff; font-size:24px; margin:0; font-weight:bold;}

a.solicitar, a.volver, a.confirmar, a.volverpremio {text-align: center;letter-spacing:0.01em;font-weight:bold; position:absolute; display:block; left:770px;  bottom:50px; padding:6px; color:#cc3300; font-size:16px; 
text-decoration:none; border:1px solid #cc3300;  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a.volver {left: 40px; color:#888; border:1px solid #888; }

a.confirmar {width:175px; position:relative; left:120px; bottom:0px; margin-top:20px}
a.volverpremio {width:60px; position:relative; left:190px; bottom:0px; margin-top:20px; color:#888; border:1px solid #888;}

/* pagina premios */

div.premio-petit {position:relative; margin-right:0px; margin-bottom:0px; margin-top:0px; width:229px; height:130px; background:#fff; float:left; border:1px solid #25336d; }
div.premio-petit div.thumb {position:absolute; left:4px; top:6px; width:120px; height:100px; text-align:center; background:#fff;}
div.premio-petit div.infothumb {position:absolute; left:122px; top:5px; width:98px; height:65px; text-align:center; 
	font-weight:normal; line-height:1.1em; display: flex;
  align-items: center; font-size: 0.90em;}
div.premio-petit div.punts {position:absolute; left:132px; top:60px; width:70px; height:26px; background:#e9540d; text-align:center; color:#fff; font-size:11px;
padding:4px 6px;
-webkit-box-shadow: 3px 3px 4px rgba(255, 255, 255, 0.1);
-moz-box-shadow:    3px 3px 4px rgba(255, 255, 255, 0.1);
box-shadow:         3px 3px 4px rgba(255, 255, 255, 0.1);
}
div.premio-petit h4 {color:#fff; font-size:14px; margin:0; font-weight:bold;  line-height:14px}

div.premio-petit a.solicitar { letter-spacing:0.01em; font-weight:bold; position:absolute; display:block; left:5px;  bottom:4px; padding:2px; color:#000 !important; font-size:11px; text-decoration:none; border:0px; background:transparent;  box-shadow:none}
div.premio-petit a.solicitar2 { letter-spacing:0.01em; font-weight:bold; position:absolute; display:block; right:5px;  bottom:4px; padding:2px;  font-size:11px; text-decoration:none; border:0px; background:transparent; color:#ff0000; box-shadow:none}

td.et, td.dad {font-size:1.3em; padding:5px; background:#f1f1f1}
td.et {font-weight:bold; }

div.pastilla1, div.pastilla2, div.pastilla3 {float:left; padding:5px; background:#eee; width:240px; margin-right:4px; color:#000;}
div.pastilla2, div.pastilla3 {float:left; padding:5px; background:#eee; width:190px}
a.po {color:#ff6500; display:block; float:right}


/* productos */
div.mostrador {position:relative; width:920px; height:auto;  margin:auto; margin-top:20px;  background:transparent; padding-top:2px; padding-left:10px; padding-bottom:10px}

.separapro {margin-right:20px !important}

div.aclariment {display:none; 
 line-height:14px;
width:220px; position:absolute; z-index:10;
	padding:10px 10px;
	
	color:#fff;
	background:#2ea1d5;
	background: -moz-linear-gradient(
		top,
		#2ea1d5 0%,
		#0e3887);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#2ea1d5),
		to(#0e3887));
	font-size:1.3em;
	-moz-box-shadow:
		9px 9px 7px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		9px 9px 7px rgba(0,0,0,0.5);
	box-shadow:
		9px 9px 7px rgba(0,0,0,0.5);
}
div.aclariment.p {font-size:0.9em;}

/* cookies */
#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	padding-bottom:40px;
	width:100%;
	text-align:center;
	min-height:110px;
	background-color: rgba(0, 0, 0, 0.8);
	color:#fff;
	z-index:99999;
}

.inner {
	width:100%;
	position:absolute;
	padding-left:5px;
	font-size:14px;
	top:20px;
	min-height:110px;
}

.inner a.ok {padding:4px;color:#fff; text-decoration:underline; background:#666; border-radius:4px; padding:3px 10px;}
.inner a.info {padding-left:5px;text-decoration:underline;color:#fff; background:#666; border-radius:4px; padding:3px 10px;}

/* bug firefox float enniuades */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}