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

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

.ns {
	display: none !important;
}

#salas {
	display: flex;
	justify-content: space-between;
	padding: 30px 0 60px 0;
	width: 940px;
	margin: 0 auto;
}

#salas span {
	color: #36bca6;
	font-weight: bold;
}

#salas button {
	min-width: 140px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 46px;
	letter-spacing: 1px;
	text-align: center;
	display: inline-block;
	color: #fff;
	background-color: #365B98;
	border: none;
	cursor: pointer;
}

.header-movil {
	display: none;
}

header{
	border-bottom: 5px #eee solid;
}

@media screen and (max-width: 1024px) {
	.header-normal {
		display: none;
	}

	.header-movil {
		display: initial;
	}
}

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

h1 {
	color: #36bca6;
}

h2 {
	margin:0;
	font-size:30px;
	line-height:40px;
	color: #36bca6;
}

h3 {
	margin:0;
	font-size:20px;
	line-height:20px;
	color: /*#36bca6*/#262626;
}

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:#36bca6;
}

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

a.link04:link,a.link04:visited{
	text-decoration:none;
	color:#36bca6;
}
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:#36bca6;
}
a.link06:hover{
	color:#000;
}

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;
}

/*TOP*/
#top {
	width:100%;
	background-color:#36bca6;
	position:fixed;
	top:0;
	z-index:99;
}
#top2 {
	width:100%;
	background-color:#36bca6;
	/*position:fixed;*/
	top:0;
	z-index:99;
	border-bottom: 5px solid #eee;
}

/*HEADER*/
header {
	display: table;
}

header > div{
	display: table-cell;
	vertical-align: bottom;
}

#head_text {
	padding-left: 30px;
	border-left: 4px solid #000;
}

header h1 {
	margin:0;
	font-size:36px;
	line-height:46px;
}

header h2 {
	font-size:20px;
	line-height:24px;
	color: #36bca6;
}

header p {
	margin-bottom: 0;
	font-size:18px;
	line-height:24px;
}

header img {
	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 #fff;
	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 #fff;
	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:bold;
	font-size:15px;
	display:table-cell;
	vertical-align:middle;
	line-height:25px;
}

#menu_ppal li:hover,#menu_lang li:hover, #menu_ppal2 li:hover{
	background-color:#36bca6;
}

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

#presentacion .left,#presentacion .rght {
	width:445px;
}

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

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

#info_mapa img {
	border:1px solid #36bca6;
	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 h3 {
	margin: 40px 0 10px;
}

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

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

.coll_bann {
	margin-top: 40px;
	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: 0 none;
	background-color:#f6f6f6;
}

.prog_tabl tr:nth-child(2n) td {
	background-color:#fdfdfd;
}
.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:#36bca6;
	vertical-align:top;
}
.prog_tabl td.prog_hora2{
	background-color:#36bca6;
	width:100px;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
	text-align: right;
}
.prog_tabl td.prog_hora3{
	background-color:#3dbcf1 !important;
	width:100px;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
	text-align: right;
}
.prog_ti01,.prog_ti02 {
	font-size: 18px;
	color:#36bca6;
}
.prog_ti02 {
	font-weight: normal;
	color:#36bca6;
}
.prog_ti02 span {
	font-weight: bold;
}
.prog_tabl b {
	font-weight: normal;
	color:#36bca6;
}
.prog_taul {
	color:#36bca6;
}
.prog_curs {
	height:60px;
	display:block;
}
.prog_curs2 {
	height:60px;
	display:inline-block;
}
#space_align_speakers span{
	 display:none;
}
#videos ol{
	background-color: #fff;
}
#videos ol li{
	padding: 14px 16px;
}

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

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

#logo_foot {
	margin-top:62px;
	width: 300px;
}

#foot_hash {
	height:190px;
	font-size:77px;
	text-align:center;
	line-height:190px;
	color:#fff;
}

#foot_hash p {
	margin:0;
}

address {
	margin:40px;
	font-style:normal;	
}

address strong {
	margin-bottom:18px;
	font-size:18px;
	line-height:23px;
	color:#36bca6;
	display:block;
}

address span {
	font-weight:bold;	
}

.foot_fi01 {
	background-color:#36bca6;
}

.secrepetit h2{
	font-size: 20px;
}
.secrepetit address{
	font-size: 12px;
}

#foot .foot_fi01 .cont {
	padding: 40px 0;
}

#foot .foot_fi01 h3 {
	margin: 0 0 30px;
	color:#fff;
}

/*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.png') left top no-repeat;
}

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

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

/*DATES CLAU*/
#page_dtcl {
	border-top:5px solid #3dbcf1;
	border-bottom:1px solid #3dbcf1;
}
#page_dtcl h3 {
	border-bottom:2px solid #3dbcf1;
}
#page_dtcl a {
	font-weight:bold;
}

.sess_info .prog_titl02 {
	text-transform:uppercase;
}

.prog_pdfs:link,.prog_pdfs:visited {
	padding-right:20px;
	color:#36bca6;
	background:url('../img/icono_pdf.gif') right center no-repeat;
}

.prog_pdfs:hover {
	color:#434342;
}

.preg_pone {
	padding-right:14px;
	height:20px;
	text-decoration:underline;
	background:url(../img/icono_mano.gif) right top no-repeat;
	cursor:pointer;	
	color:#000000;
}
.preg_pone:hover {
	color:#666;
}
/*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%;
}
/*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;
}
a.link, a.link:visited{
	color:#3cbcf1;
	text-decoration: none;
}
a.link:hover{
	color:#2e78bf;
}
@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;}
	#foot_hash{font-size:60px;}
	#presentacion .left,#presentacion .rght{width: 100%;float:none}
	header > div{display: block}
	#head_imag{margin-top: 30px;text-align: right}
	#head_imag img{display: inline-block}
	.foot_fi01 .left,.foot_fi01 .rght{float: none;}
	.foot_fi01 .rght{margin-top: 30px;}
}
@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:#2e78bf;display:none;position:fixed;top:40px;left:0;}
	#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 #3dbcf1;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;}
	#foot_hash{font-size:50px;}
	#logo_foot{width:200px;}
	#space_align_speakers span{ 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,#comite p{width:100%;float:none;}
	table td{display:block;}
	#foot_hash{font-size:30px;}
	#logo_foot{margin:30px auto 0;display:block;float:none;}
	address.rght{margin:20px 0 30px;width:100%;text-align:center;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: #36bca6}
	.prog_tabl tr:nth-child(2n) td.prog_hora{background-color: #36bca6}
	/*.prog_tabl tr:nth-child(2n) td.prog_hora{background-color: #3dbcf1}*/
	header h1{margin-bottom: 14px;font-size: 30px;line-height: 30px}
	#head_text{padding-left: 5%}
	#taula_collaboradors .item{width: 33.3333%}
}
@media screen and (max-width: 480px) { 
	#taula_collaboradors .item{width: 50%}
}
@media screen and (max-width: 450px) { 
	#menu_ppal, #menu_ppal2{width:100%;}
	#foot_hash{font-size:23px;}
}