@charset "iso-8859-1";
/* CSS Document */

/*--------------------------RESET----------------------------*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}/*ol,ul{list-style:none}blockquote:before,blockquote:after,q:before,q:after{content:none}*/


body, html {
/*    height: 100%;*/
    margin: 0;
	padding:0;
}

.bg {
	background-image: url("img/2021-top-graduation-upf-bsm.jpg");	
	background-color: #F2F2F2;
	height: 100%;  min-height: 100%;  padding-bottom: 15%;
	background-position:  top;    background-repeat: no-repeat; 
}

.contingutweb {width:900px;text-align:center; margin:auto; padding-top:35px; height:100%; }
.contingutweb {position:relative; top: 20px;}
.bottom {width:900px;text-align:center; margin:auto; padding-top:35px;position:relative; top: 20px; display:block !important;clear: both;}


/*TEXTOS*/
.liniaesq {text-align:left}
.liniadreta {text-align:right}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:45px; color:#F2F2F2; font-weight:bold; padding:40px 0; line-height: 40px}
.anyh1 {font-size:62px; font-weight:bolder; line-height: 70px}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#383A43; font-weight:bold; padding-bottom:20px; text-transform:uppercase}
h3{font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#383A43; font-weight:bold; padding-bottom:10px}
h4{font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#383A43; padding-bottom:10px}
p, ul, li{font-family:Arial, Helvetica, sans-serif; font-size:15px; color: #383A43; padding-bottom:10px; line-height:20px}
ul {margin: 10px}

/*------------------------------REVISAR-----------*/ .prog p{padding-bottom:5px} 
a{font-weight:bold; color:#383A43}
strong{ font-weight:bold}
em {font-style:italic}

.mini {font-size:11px; color:#F2F2F2; font-weight:bold; background-color:#383A43; text-align:right; padding:5px 35px; margin:0;}
.mini a{text-decoration:none; font-weight:bold; border: 1px solid #F2F2F2; padding:2px 4px; color:#F2F2F2}
.copyright {font-size:11px; text-align:left;/*padding:10px 35px;*/}
.cta {font-size: 21px; text-align:center; font-weight:normal}


/*MENU*/
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-bottom:50px;
	vertical-align:top;
	float:left;
	text-transform:uppercase;
}
/*100% vertical */#menu{ position: relative; }
#menu a {color: #383A43; /* Make the links appear below each other */display: block;  padding: 12px;  text-decoration: none; border-bottom: 1px solid #383A43; font-weight: normal}
#menu a:hover {color: #c8102e;}
#menu a.active {font-weight:bold; color: #c8102e;}
/*#menu a.active:before{ content:"> "}*/


/*SEPARACIÓ entre MENUi CONTINGUTS*/
#textos {margin-left:400px;}


/* CALENDARI*/
.name::before { content:"· "; color: #383A43}
.prog  {padding-left:20px}
.dia {font-style: italic; color: #c8102e}
.name {}


/*STREAMING I VIDEO*/
/*#flumotion_iframe_player {width:450px; height:250px;margin-bottom:20px}*/
.video {width:500px; height:281px;margin-bottom:20px}


@media only screen and (max-width: 768px) {
	#menu {width: 100%; font-size:15px; padding-bottom:20px; vertical-align:top;float: none; padding-right:0 !important;} 
/*	.logo { content:url(https://www.bsm.upf.edu/graduacio/img/2019-bsm-logo-300.png); height:98px}*/
	#textos {margin-left:0!important}
	h1{padding: 0 0 10px 0 !important; font-size:30px }
	.contingutweb {width:80%; height:100% !important;  margin:auto; padding-top:35px; padding-right:0 !important }
	.contingutweb {top: 60px !important;}
	.bottom {width:80%!important; display:block !important;}
	.bg{background-image: url("img/2021-top-graduation-upf-bsm.jpg");
		width: 100% !important; height: 100% !important; margin:auto !important; background-size: auto !important}
	#prestreaming, #mapagoogle, #playerElementccauditori  {width: 95% !important; }
	.video {width: 338px !important; height: 190px !important}
	.galeria img, .galeria iframe {width: 95% !important}
}

@media only screen and (max-width: 400px) {
#playerElementccauditori {width:300px !important; height:167px !important;}
#prestreaming {width: 300px !important; height: 200px !important}
.video {width: 300px !important; height: 169px !important}
.contingutweb {padding-top:0}
.contingutweb {top: 100px !important;}
.bottom {margin-top:80px !important;}
#mapagoogle {width: 225px !important; height: 400px !important}
}