/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,700&display=swap');

body{
	margin:0;
	padding:0;
	border:0;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size:16px;
	line-height:22px;
	text-align:justify;
	color:#000;
}

h1,h2,h3,h4,strong,b {
	font-weight: 700;
}

em {
	font-style: italic;
	font-weight: 300;
}

strong em {
	font-style: italic;
	font-weight: 700;
}

h1 {
	color: #03435C;
}

h2 {
	margin:0;
	font-size:30px;
	line-height:40px;
	color: #03435C;
	text-transform: uppercase;
}

h3 {
	margin:0;
	font-size:20px;
	line-height:20px;
	color: #0F7292;
}

h4 {
	margin:25px 0 10px;	
	font-size:16px;
	line-height:16px;
}

p {
	margin: 22px 0;
}

ul {
	list-style:square;
}

ul li {
	margin:14px 0 0;
}

a img {
	border:0 none;
}

a.link01:link,a.link01:visited{
	text-decoration:none;
	color:#fff;
}
a.link01:hover{
	color:#fff;
}

a.link02:link,a.link02:visited{
	text-decoration:none;
	color:#000;
}
a.link02:hover{
	color:#03435C;
}

a.link03:link,a.link03:visited{
	text-decoration:none;
	color:#03435C;
}
a.link03:hover{
	color:#000;
}

a.link04:link,a.link04:visited{
	text-decoration:none;
	color:#355998;
}
a.link04:hover{
	color:#fff;
}

a.link05:link,a.link05:visited{
	text-decoration:none;
	color:#434342;
}
a.link05:hover{
	color:#fff;
}

a.link06:link,a.link06:visited{
	text-decoration:none;
	color:#0F7292;
}
a.link06:hover{
	color:#03435C;
}

a.link07:link,a.link07:visited{
	text-decoration:none;
	color:#203a6c;
}
a.link07:hover{
	color:#fff;
}

.cont{
	margin:0 auto;
	padding:60px 0;
	width:940px;
}

.left{
	float:left;
}

.rght{
	float:right;
}

.cler,.clear{
	clear:both;
}

.link_form a {
	margin-bottom:14px;
	border:1px solid #000;
	padding:10px 6px 10px 45px;
	font-size:25px;
	line-height:25px;
	color:#000;
	background:#fff url('../img/link_form.png') 9px center no-repeat;
	display:inline-block;
}

.link_form a:hover {
	background-color: #eee;
}

.link_form a span {
	font-weight:bold;
}

#master {
	padding-top:40px;
} 

.cont_dest {
	padding:6px 9px;
	border:1px dashed #333;
	display:inline-block;
}

.cont_dest p {
	margin:0;
}

.text_dest {
	color: #0F7292;
}

.cont_colu {
	float: left;
}

/*TOP*/
#top {
	width:100%;
	background-color:#0F7292;
	position:fixed;
	top:0;
	z-index:99;
}

/*HEADER*/
header img {
	margin: 0 auto;
	max-width: 100%;
	display: block;
}

/*MENU PRINCIPAL*/
#top .cont, #top2 .cont {
	padding:0;
}

#menu_ppal, #menu_ppal2 {
	box-sizing: border-box;
	margin:0;
	padding:0;
	border-right: 1px solid #3A7B91;
	width: 100%;
	list-style:none;
	display: table;
}

#menu_ppal li,#menu_lang li, #menu_ppal2 li {
	margin:0;
	padding:0 10px;
	border-left: 1px solid #3A7B91;
	text-align:center;
	display: table-cell;
}

#menu_ppal li div, #menu_ppal2 li div {
	width:100%;
	display:table;
}

#menu_ppal li a,#menu_lang li a, #menu_ppal2 li a {
	width:100%;
	height:40px;
	font-weight:300;
	font-size:14px;
	text-transform: uppercase;
	display:table-cell;
	vertical-align:middle;
	line-height:25px;
}

#menu_ppal li:hover,#menu_lang li:hover, #menu_ppal2 li:hover{
	background-color:#03435C;
}

/*presentacion*/
#presentacion {
	background-color:#eee;
}

#presentacion p {
	width:445px;
}

#pres_firm {
	width: 170px;
}

/*COMITES*/
#comites {
	background-color: #0F7292;
}
#comites .cont_colu.left {
	width: 33.3333%;
}
#comites .cont_colu.rght {
	width: 66.6666%;
}
#comites,#comites h2{
	color: #fff;
}
#comites h3{
	margin-top: 20px;
	color: #ACD6D4;
}
#comites p{
	margin-bottom: 0;
}
#comites .cont_colu.rght p {
	column-count: 2;
}

/*INFORMACIÓ GENERAL*/
#informacion-general {
	background-color:#eee;
}

#informacion-general h3 {
	margin-top:30px;
}

#info_mapa img {
	border:1px solid #317cbd;
	width:50%;
}

/*inscripcion//directo*/
#inscripcion {
	background-color:#F4F8FF;
}
#directo {
	background-color:#eee;
}

#inscripcion h3,#directo h3 {
	margin-top:30px;
}

/*COLABORADRES*/
#patrocinadores {
	background:#fff;
}

#taula_collaboradors .item {
	width:25%;
	float:left;
}

#taula_collaboradors .item img {
	width:100%;
	display: block;
}

/*PROGRAMA*/
#programa {
	background:#fff;
}

#programa h3 {
	margin:20px 0 14px;
	clear:both;
}

#programa ul,#programa ol {
	margin:14px 0 0;
}

#programa ul {
	list-style:square;
}

#programa .nodecoration{
	list-style: none;
}

#programa ul li,#programa ol li {
	margin-bottom:14px;
}

.prog_tabl {
	width:100%;
	border-collapse: collapse;
}

.prog_tabl td {
	padding:20px;
	border-top: 2px solid #99D7D5;
	border-left: 2px solid #eee;
}

.prog_tabl .frst td {
	border-top: 0 none;
}

.prog_tabl td.prog_hora {
	border-left: 0 none;
	width: 110px;
	font-weight:bold;
	font-size: 16px;
	color:#0F7292;
	vertical-align:top;
}
.prog_ti01 {
	font-size: 19px;
	color:#03435C;
}
.prog_ti02 {
	color:#0F7292;
}
.prog_tabl b {
	font-weight: 400;
	color:#0F7292;
}
.prog_tabl em strong {
	font-style: normal;
	font-weight: 400;
}

/*SECRETARIA TECNICA*/
#secretaria-tecnica {
	background-color:#DBEEFF;
}

/*COMUNICACIONES*/
#comunicaciones {
	background-color:#eee;
}
.comu_item span {padding-right: 24px;background: url('../img/video_play.png') right center no-repeat;display: inline-block}

/*EXPOSICIÓ VIRTUAL*/
#exposicion-virtual h3 {
	margin-top: 30px;
}
#expo_post .item {
	box-sizing: border-box;
	margin: 20px 0;
	padding: 10px;
	width: 25%;
	font-weight: bold;
	text-align: center;
	float: left;
}
#expo_post .item:hover {
	background-color: #D9FCFB;
}
#expo_post .item img {
	margin: 10px auto;
	width: 60%;
	display: block;
}
#expo_post .expo_down {
	margin-left: 6px;
	width: 22px;
	height: 22px;
	font-size: 0;
	line-height: 22px;
	background: url('../img/download_icon.png') center center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: top;
}

/*FOOT*/
#foot .cont {
	padding:40px 0;
}

#foot .left,#foot .cent,#foot .rght {
	width: 31.3333%;
	float:left;
}

#foot .cent,#foot .rght {
	margin-left: 3%;
}

#foot img {
	margin-top:18px;
	max-width: 100%;
	display: block;
}

#foot strong {
	font-size:18px;
	line-height:23px;
	color:#0F7292;
	display:block;
}

address {
	font-style:normal;	
}

address span {
	font-weight:bold;	
}

/*SCROLL ARROW*/
#scrl_tbot,#scrl_ttop {
	width:46px;
	height:46px;
	cursor:pointer;
	display:none;
	position:fixed;
	right:3%;
	bottom:30px;
}

#scrl_tbot {
	background:url('../img/scrl_tbot.jpg') left top no-repeat;
}

#scrl_ttop {
	background:url('../img/scrl_ttop.jpg') left top no-repeat;
}

#scrl_tbot:hover,#scrl_ttop:hover {
	background-position: right top;
}

/*VIDEO BLOCK*/
.video-container {
	margin:30px 0;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vide_pass {
	margin:14px 0 0;
	padding:0 14px;
	border:1px dashed #f00;
	line-height:30px;
	color:#f00;
	display:inline-block;
}
.vide_pass p {
	margin:0;
}
/*PREMIOS*/
#premios {
	background-color: #fafafa;
}
#premios h3 {
	margin-top: 40px;
}
#premios p {
	margin-bottom: 0;
}
#premios small {
	font-size: 11px;
}
#premios ul,#premios li {
	margin-top: 0;
}
/*MOBILE*/
#menu_mobl {
	padding:0 10px 0 45px;
	height:40px;
	font-weight:bold;
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	color:#fff;
	background:url('../img/menu.png') 10px center no-repeat;
	float:left;
	cursor:pointer;
	display:none;
}
#menu_mobl:hover {
	background-color:#aaa;
}
.mobl_hide {
	display:block;
}
.mobl_show {
	display:none;
}
@media screen and (max-width: 1000px) {
	.cont{width:800px;}
	#sldr_cont img{max-width:100%;}
	#menu_secu li{width:33.3333%;display:block;}
	#menu_secu a{font-size:25px;line-height:25px;}
	#menu_terc .item{width:266px;}
}
@media screen and (max-width: 880px) {
	.cont{width:700px;}
	#sldr{height:auto;}
	#menu_secu a{padding-left:85px;font-size:20px;line-height:25px;}
	#menu_terc .item{width:233px;}
	#menu_terc a{padding-top:20px;height:64px;}
	#menu_terc .item a{width:233px;font-size:19px;line-height:23px;}
	.link_form a{margin-left:20px;}
	#presentacion .left,#presentacion .rght{float:none}
	#presentacion p{width: 100%;}
	.prog_tabl td.prog_hora{width: 110px}
	#comites .cont_colu.rght,#comites .cont_colu.left{width: 100%;float: none}
	#menu_ppal li{padding: 0 6px}
	#menu_ppal li a{font-size: 11px}
}
@media screen and (max-width: 750px) { 
	body{text-align:left;}
	.cont{width:600px;}
	#menu_mobl{display:block;}
	#menu_ppal, #menu_ppal2{width:40%;background-color:#0D7191;display:none;position:fixed;top:40px;left:0;}
	#menu_ppal{border-top:1px solid #3A7B91}
	#menu_ppal li, #menu_ppal2 li{padding:0;display:block;float:none;}
	#menu_ppal li a, #menu_ppal2 li a{padding:0 15%;border-bottom:1px solid #3A7B91;text-align:left;}
	#menu_secu #mese_itm1,#menu_secu #mese_itm2,#menu_secu #mese_itm3{background-size:60px;}
	#menu_secu a{padding-left:75px;font-size:18px;line-height:23px;}
	#menu_terc .item{width:auto;}
	#menu_terc .item a{font-size:17px;line-height:21px;}
	#logo_foot{width:200px;}
	#space_align_speakers span{ display:block;}
	header .mobl_hide{display: none}
	header .mobl_show{display: block}
}
@media screen and (max-width: 650px) {
	.cont{width:90%;}
	*{max-width:100%;}
	.mobl_hide, .show_middle{display:none !important;}
	.mobl_show{display:block !important;}
	#menu_ppal, #menu_ppal2{width:60%;height: 100vh}
	#sldr .cont,.cont_colu{width:100%;float:none;}
	table td{display:block;}
	#logo_foot{margin:30px auto 0;display:block;float:none;}
	a.link02{margin:20px 0;float:none;}
	#info_mapa img{box-sizing:border-box;width:100%;}
	h2{font-size:30px;line-height:36px;}
	#space_align_speakers{display: none;}
	.prog_tabl td.prog_hora{color: #fff;background-color: #317CBD}
	.prog_tabl tr:nth-child(2n) td.prog_hora{background-color: #317CBD}
	#taula_collaboradors .item{width: 33.3333%}
	#menu_ppal li a{font-size: 14px}
	#expo_post .item{width: 33.3333%}
}
@media screen and (max-width: 480px) { 
	#taula_collaboradors .item{width: 50%}
	#comites .cont_colu.rght p{column-count: 1}
	#foot .left,#foot .cent, #foot .rght{width: 100%;float: none}
	#foot .cent,#foot .rght{margin-left: 0}
	#foot img{margin: 18px 0;display: inline-block}
	#expo_post .item{width: 50%}
}
@media screen and (max-width: 450px) { 
	#menu_ppal, #menu_ppal2{width:100%;}
}