body {
	font-family: 'Roboto Slab', serif;
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#000;
	text-align:left;
	font-size:100%;
	font-weight:400;
}

img {margin-bottom:-5px;}

h1, h2, h3 {font-weight:400;margin:0;}
h4 {font-weight:300;}
a {text-decoration:none;}
a:hover {opacity:0.7;filter: alpha(opacity=70);}
p {margin:0;}
ul {line-height:1.6em;}

.abs {position:absolute;}
.absbot {bottom:0;}
.abstop {top:0;}
.zdown {z-index:-1;}
.z-up {z-index:100;}

#cookies {position:fixed;width:80%;height:50px;background-color:#009ee2;color:#FFF;text-align:center;padding:30px 10% 15px 10%;display:none;left:0;bottom:0;z-index:99;}
header {position:relative;width:100%;margin:0;padding:0;overflow:hidden;}
main {position:relative;width:100%;padding:0;overflow:hidden;}
footer {position:relative;width:90%;margin:0;padding:40px 5%;overflow:hidden;}
footer ul {margin:15px;padding:0;}
footer a {color:#FFF;font-weight:300;}
#refooter {position:relative;width:90%;margin:0;padding:10px 5%;overflow:hidden;text-align:center;font-size:0.9em;}
nav ul {list-style-type:none;margin:0;padding:0;}
nav ul li {display:inline;}
nav ul li a {color:#FFF;margin-right:20px;text-transform: uppercase;}
 
.fs15 {font-size:1.5em;}
.fs12 {font-size:1.2em;}
.fs08 {font-size:0.9em;}
.fs08b {font-size:0.8em;}
.fs65 {font-size:0.65em;}

.fw3 {font-weight:300;}
.fw4 {font-weight:400;}
.fw7 {font-weight:700;}

.mg0 {margin:0;}
.mgl15 {margin-left:15px;}
.mgr15 {margin-right:15px;}
.mgt15 {margin-top:15px;}
.mgb15 {margin-bottom:15px;}
.mgl25 {margin-left:25px;}
.mgr25 {margin-right:25px;}
.mgt25 {margin-top:25px;}
.mgb25 {margin-bottom:25px;}
.lh {line-height:2.5em;}
.pad15 {padding:15px;}
.padtopbot10 {padding:10px 0;}

.clr {position:relative;width:100%;clear:both;}
.h10 {height:10px;}
.h20 {height:20px;}
.h40 {height:40px;}
.h70 {height:70px;}
.h100 {height:100px;}

.fleft {float:left;}
.fright {float:right;}

.txleft {text-align:left;}
.txright {text-align:right;}
.txcenter {text-align:center;}

.touper {text-transform: uppercase;}
.underline {text-decoration:underline;}
.borderbt {border-bottom:1px solid #FFF;}
.borderbtblack {border-bottom:1px solid #000;}
.dnone {display:none;}
.ohidden {overflow:hidden;}

.mask {position:relative;width:90%;max-width:1500px;height:130px;margin:0 auto;overflow:hidden;background-color:#e8e8e8;}
.inner-mask {position:relative;height:130px;margin:0 auto;}
.botslider {position:relative;width:5%;height:30px;padding:40px 0 60px 0;margin:0;background-color:#fcc17b;color:#FFF;text-align:center;float:left;font-size:2em;}
.fila80 {position:relative;width:80%;max-width:1500px;margin:0 auto;overflow:hidden;}
.fila100 {position:relative;width:100%;margin:0;overflow:hidden;}
.col50 {position:relative;width:49%;}
.col33 {position:relative;width:33.333333%;}
.col30 {position:relative;width:32%;margin:0 0.65%;}
.col28 {position:relative;width:28%;margin:0 1%;}
.col25 {position:relative;width:24.5%;margin:0 0.25%;}
.col20 {position:relative;width:18%;margin:0 1%;}
.col15 {position:relative;width:14%;margin:0 1.3%;}

.flex-container {display:flex;}
/*
.col25left {position:relative;width:24.5%;margin:0 0.25% 0 0;}
.col25right {position:relative;width:24.5%;margin:0;}
*/


.w100 {width:100%;}
.h100 {height:100%;}

.blanc {color:#FFF;}
.taronja {color:#fcc17b;}
.marro {color:#6f6d60;}
.grisc {color:#dcdde1;}
.grism {color:#d3d3d3;}
.grisf {color:#636267;}

.bgblanc {background-color:#FFF;}
.bgtaronja {background-color:#fcc17b;}
.bgmarro {background-color:#6f6d60;}
.bggrisc {background-color:#dcdde1;}

/* ################################################################################################################################################ */


.point {cursor:pointer;}
.point:hover {opacity:0.7;filter: alpha(opacity=70);}

input[type = text], textarea, input[type = submit] {border:0 none;background-color:#e8e8e8;font-family:"Roboto", sans-serif;padding:5px;font-size:1.2em;font-weight:300;background-color:#FFF;}
input[type = submit] {font-family: 'Roboto Slab', serif;}

/* ################################################################################################################################################ */

img.logo {filter: grayscale(100%);}
img.logo:hover {filter: none;}

#burguerhome {position:absolute;z-index:100;top:250px;right:0;width:50px;height:50px;background-color:#000;}
#epgbhome {position:absolute;z-index:100;top:300px;left:100px;width:250px;height:150px;}
#burguer {position:absolute;z-index:100;top:0;right:0;width:50px;height:50px;background-color:#000;}
#epgb {position:absolute;z-index:100;top:25px;left:100px;width:250px;height:150px;}
.brd {box-sizing: border-box;border-left:1px solid #FFF;border-right:1px solid #FFF;}
#menuburguer {position:absolute;z-index:105;background-color:rgb(252,193,123);opacity:0.95;filter: alpha(opacity=95);color:#6f6d60;width:30%;max-width:400px;height:630px;top:0;right:0;display:none;padding:30px 0 0 0 ;}
#menuburguer a {color:#6f6d60;}
#burguer, #close {cursor:pointer;}
#burguer:hover, #close:hover, #closeform:hover {opacity:0.70;filter: alpha(opacity=70);}
.caixatx {min-height:120px;}
#info_curs img:hover {opacity:0.70;filter: alpha(opacity=70);}

#funda {position:fixed;width:100%;height:100%;background-color:rgb(111,109,96);opacity:0.80;filter: alpha(opacity=80);z-index:111;display:none;top:0;left:0;}
#contacte, #contactefull {position:absolute;width:60%;top:100px;left:20%;height:auto;overflow:hidden;background-color:#fcc17b;color:#6f6d60;display:none;z-index:112;padding:50px 0;}
p.horaris {line-height:1.9em;}
.legal h1, .legal h2, .legal h3, .legal p {margin:5px 0 15px 0;text-align:left;}
.legal a {color:#000;text-decoration:underline;}
select optgroup {font-weight:400;color:#222;}
select {width:100%;font-family:"Roboto",sans-serif;background-color:#e8e8e8;border:0 none;font-size:1em;padding:5px 10px;color:#555;}
.required {border:2px dotted red !important;padding:3px !important;background-color:#F9C7C7 !important;}