@import url('https://fonts.googleapis.com/css?family=Advent+Pro:400,700');

*:focus {
    outline: none !important;
}

.zero {
	padding:					0px;
	margin:						0px;
}

/* GLOBAL */
body {
	margin:						0px;
	padding:					0px;
	background-color:			#fff;
	font-family: 				'Advent Pro', sans-serif;
	font-size:					20px;
	font-weight:				400;
	letter-spacing:				0.5px;
	overflow-y:					visible !important;
}
@media screen and (max-width: 1290px) {
	body {
		margin:						0px;
		padding:					0px;
		background-color:			#fff;
		overflow:					hidden;
		overflow-y:					scroll;
		font-family: 				'Advent Pro', sans-serif;
		font-size:					18px;
	}
}

.flexicen {
  display: 						flex;
  flex-wrap: 					wrap;
  text-align: 					center;
  justify-content: 				center;
}

.conte_tx {
	margin: 					0px 0px 50px 0px;
	padding: 					1% 10%;
	text-align: 				justify;
	font-size:					20px;
}
@media screen and (max-width: 1690px) and (min-width: 1291px) {
.conte_tx {
	padding: 					1% 8%;
	
}
}

@media screen and (max-width: 1290px) and (min-width: 992px) {
.conte_tx {
	padding: 					1% 6%;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.conte_tx {
	padding: 					1% 3%;
}
}

@media screen and (max-width: 767px) {
.conte_tx {
	padding: 					1% 2%;
	font-size:					16px;
}
}

h1 {
	font-weight:				700;
	color:						#337d7c;
}

/* CABECERA */
.idioma {
	color:						#fff;
	font-weight:				700;
	font-size:					16px;
	padding:					10px;
	margin:						0px;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	cursor: 					pointer;
}
.idioma:hover {
	 background-color:			#337d7c;
}

.idioma img {
	width: 						30px;
	height: 					auto;
	vertical-align: 			middle;
	margin: 					0px 5px 0px 0px;
	border: 					1px #ddd solid;
}

.minisoc {
	padding: 					0px;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	cursor: 					pointer;
}
.minisoc:hover {
	 background-color:			#fff;
}
.minisoc img {
	width:						42px;
	height: 					42px;
	opacity: 					1;
}
.minisoc:hover img {
	 opacity: 					0.5;
}

.sepes_social {
	display: 					block;
	position: 					absolute;
	top:						8%;
	right: 						5%;
	width: 						4%;
	min-width: 					42px;
}

.sepes_social div {
	width: 						100%;
	padding: 					2%;
	cursor: 					pointer;
}

.sepes_social img {
	width:						100%;
}

/* ENTRADA */
#zona_menu {
	background:					url(../_images/fondo.jpg);
	background-repeat:			no-repeat;
	background-size:			100% auto;
	background-position:		bottom center;
	min-height:					500px;
	margin:						0% 0% 2% 0%;
	padding:					5%;
}
@media screen and (max-width: 767px) {
#zona_menu {
	background-size:			200% auto;
	background-position:		bottom right;
}
}

.menu_item {
	width:						18%;
	margin:						1%;
	height:						150px;
	border:						1px #fff solid;
	position:					relative;
	background:					rgba(051,125,124,0.4);
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	cursor: 					pointer;
}

.menu_item .titulo {
	font-weight:				700;
	font-size:					24px;
	text-align:					center;
	position:					absolute;
	display:					block;
	width:						100%;	
	bottom:						40%;
	left:						0%;
	color:						#fff;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
}

.menu_item .icono {
	font-size:					48px;
	text-align:					center;
	position:					absolute;
	display:					block;
	width:						20%;	
	top:						30%;
	left:						40%;
	color:						#337d7c;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	opacity: 					0;
	-ms-transform: 				scale(2);
    -webkit-transform: 			scale(2);
    transform: 					scale(2);					
}

.menu_item:hover {
	background-color: 			#fff;
	border: 					1px #337d7c solid;
}

.menu_item:hover .titulo {
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}

.menu_item:hover .icono {
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}


@media screen and (max-width: 1290px) and (min-width: 992px) {
.menu_item .titulo {
	font-size:					20px;
}
.menu_item .icono {
	font-size:					44px;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.menu_item {
	width:						30.3%;
	margin:						1%;
	height:						130px;
}
.menu_item .titulo {
	font-size:					20px;
}
.menu_item .icono {
	font-size:					40px;
}
}

@media screen and (max-width: 767px) and (min-width: 501px){
.menu_item {
	width:						30.3%;
	margin:						1%;
	height:						120px;
	
	background: 				rgba(255,255,255,0.5)!important;
	border: 					1px #337d7c solid;
}
.menu_item .titulo {
	font-size:					18px;
	
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}
.menu_item .icono {
	font-size:					36px;
	
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}
}

@media screen and (max-width: 500px) {
.menu_item {
	width:						48%;
	margin:						1%;
	height:						90px;
	
	background: 				rgba(255,255,255,0.5)!important;
	border: 					1px #337d7c solid;
}
.menu_item .titulo {
	font-size:					16px;
	
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}
.menu_item .icono {
	font-size:					30px;
	
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}
}

/* PATROCINADORES */
.patro {
	width: 						50%;
	max-width: 					150px;
	margin: 					1% 2%;
	cursor: 					pointer;
}
.patro img {
	width: 						100%;
}

/* ShareButtons */
#share-buttons img {
	max-width:					52px;
}

/* MENU INTERNO */
#zona_menu_interna {
	height:						100px;
	margin:						0%;
	padding:					0%;
	overflow: 					hidden;
	background-color: 			#fff;
}

.menu_item_int {
	width:						10%;
	margin:						5px 0.3%;
	height:						90px;
	border:						1px #fff solid;
	position:					relative;
	background:					rgba(051,125,124,0.6);
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	cursor: 					pointer;
}

.menu_item_int .titulo {
	font-weight:				700;
	font-size:					18px;
	text-align:					center;
	position:					absolute;
	display:					block;
	width:						100%;	
	bottom:						40%;
	left:						0%;
	color:						#fff;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
}

.menu_item_int .icono {
	font-size:					28px;
	text-align:					center;
	position:					absolute;
	display:					block;
	width:						20%;	
	top:						30%;
	left:						40%;
	color:						#337d7c;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	opacity: 					0;
	-ms-transform: 				scale(2);
    -webkit-transform: 			scale(2);
    transform: 					scale(2);					
}

.menu_item_int:hover {
	background-color: 			#fff;
	border: 					1px #337d7c solid;
}

.menu_item_int:hover .titulo {
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}

.menu_item_int:hover .icono {
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}


@media screen and (max-width: 1290px) and (min-width: 992px) {
.menu_item_int .titulo {
	font-size:					20px;
}
.menu_item_int .icono {
	font-size:					44px;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.menu_item_int {
	width:						30.3%;
	margin:						1%;
	height:						130px;
}
.menu_item_int .titulo {
	font-size:					20px;
}
.menu_item_int .icono {
	font-size:					40px;
}
}

@media screen and (max-width: 767px) and (min-width: 501px){
.menu_item_int {
	width:						30.3%;
	margin:						1%;
	height:						120px;
	
	background: 				rgba(255,255,255,0.5)!important;
	border: 					1px #337d7c solid;
}
.menu_item_int .titulo {
	font-size:					18px;
	
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}
.menu_item_int .icono {
	font-size:					36px;
	
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}
}

@media screen and (max-width: 500px) {
.menu_item_int {
	width:						48%;
	margin:						1%;
	height:						90px;
	
	background: 				rgba(255,255,255,0.5)!important;
	border: 					1px #337d7c solid;
}
.menu_item_int .titulo {
	font-size:					16px;
	
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}
.menu_item_int .icono {
	font-size:					30px;
	
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}
}

/* Ponentes */
div.contepone {
	padding:				10px;
	min-height:				260px;
}

div.contepone div.deta {
	font-size:				16px;
	cursor:					pointer;
}
div.contepone div.deta table {
	margin:					10px 0px 0px 0px;
	color:					#9b0092 !important;
	-ms-transition: 		all ease-in-out .4s;
	-moz-transition: 		all ease-in-out .4s;	
	-webkit-transition: 	all ease-in-out .4s;
	transition: 			all ease-in-out .4s;
}
div.contepone div.deta table:hover {
	color:					#000 !important;
}

div.contepone div.deta span.glyphicon {
	padding:				0px 3px 0px 0px;
	font-size:				22px;
}

div.contepone div.row {
	padding:				0px;
	margin:					0px;
}

div.contepone div.abs {
	padding:				10px !important;
	margin:					0px;
	font-size:				14px;
	display:				none;
}

div.contepone img {
	width:					100%;
	height:					auto;
	max-width:				230px;
}

/* Plano */
div.imgcontrols div {
	font-weight:			700;
	color:					#fff;
	text-align:				center;
	padding:				5px;
	background-color:		#0044a6;
	width:					25%;
	display:				block;
	float:					left;
}

div.imgcontrols div.boton {
	cursor:					pointer;
	-ms-transition: 		all ease-in-out .4s;
	-moz-transition: 		all ease-in-out .4s;	
	-webkit-transition: 	all ease-in-out .4s;
	transition: 			all ease-in-out .4s;
}
div.imgcontrols div.boton:hover {
	color:					#0044a6;
	background-color: 		#fff;
}

/* Botones Generales */
.boto_item {
	width:						25%;
	min-width: 					350px;
	margin:						5px auto;
	height:						120px;
	border:						1px #fff solid;
	position:					relative;
	background:					rgba(051,125,124,0.6);
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	cursor: 					pointer;
}

.boto_item .titulo {
	font-weight:				700;
	font-size:					18px;
	text-align:					center;
	position:					absolute;
	display:					block;
	width:						100%;	
	bottom:						40%;
	left:						0%;
	color:						#fff;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
}

.boto_item .icono {
	font-size:					28px;
	text-align:					center;
	position:					absolute;
	display:					block;
	width:						20%;	
	top:						30%;
	left:						40%;
	color:						#337d7c;
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	opacity: 					0;
	-ms-transform: 				scale(2);
    -webkit-transform: 			scale(2);
    transform: 					scale(2);					
}

.boto_item:hover {
	background-color: 			#fff;
	border: 					1px #337d7c solid;
}

.boto_item:hover .titulo {
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}

.boto_item:hover .icono {
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}


@media screen and (max-width: 1290px) and (min-width: 992px) {
.boto_item .titulo {
	font-size:					20px;
}
.boto_item .icono {
	font-size:					44px;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.boto_item {
	width:						30.3%;
	margin:						1%;
	height:						130px;
}
.boto_item .titulo {
	font-size:					20px;
}
.boto_item .icono {
	font-size:					40px;
}
}

@media screen and (max-width: 767px) and (min-width: 501px){
.boto_item {
	width:						30.3%;
	margin:						1%;
	height:						120px;
	
	background: 				rgba(255,255,255,0.5)!important;
	border: 					1px #337d7c solid;
}
.boto_item .titulo {
	font-size:					18px;
	
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}
.boto_item .icono {
	font-size:					36px;
	
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}
}

@media screen and (max-width: 500px) {
.boto_item {
	width:						48%;
	margin:						1%;
	height:						90px;
	
	background: 				rgba(255,255,255,0.5)!important;
	border: 					1px #337d7c solid;
}
.boto_item.titulo {
	font-size:					16px;
	
	bottom:						15%;
	left:						0%;
	color:						#337d7c;
}
.boto_item .icono {
	font-size:					30px;
	
	opacity: 					1;
	top:						20%;
	-ms-transform: 				scale(1);
    -webkit-transform: 			scale(1);
    transform: 					scale(1);
}
}

/* Multitabs */
.tablink {
	width:						15%;
	min-width: 					250px;
	margin:						5px auto;
	height:						50px;
	position:					relative;
	background:					rgba(051,125,124,0.6);
	-ms-transition: 			all ease-in-out .4s;
	-moz-transition: 			all ease-in-out .4s;	
	-webkit-transition: 		all ease-in-out .4s;
	transition: 				all ease-in-out .4s;
	cursor: 					pointer;
	border: 					1px #fff solid;
	color:						#fff;
}
@media screen and (max-width: 500px) {
.tablink {
	width:						40%;
}
}
.tablink:hover {
	color:						#337d7c;
	background-color: 			#fff;
	border: 					1px #337d7c solid;
}
	
.tab_actual {
	background-color: 			#000!important;
	color:						#fff!important;
}

.seccion {
	text-align: 				center!important;
}

/* MENU MOBIL */
#call_smartphone {
	text-align: 				center;
	font-size: 					32px;
	color:						#337d7c;
	display: 					none;
	background:					rgba(051,125,124,0.1);
}
@media screen and (max-width: 1500px) {
#call_smartphone {
	display: 					block;
}
#zona_menu_interna {
	display: 					none;	
	}
}

/* PROGRAMA */
table.programa {
	width:						100%;
	font-size: 					22px;
}

table.programa tr:nth-child(even) {
    background-color: 			#eee;
}

table.programa td {
	padding:					5px;
}

table.programa tr.cabecera td {
	font-size:					1.2em;
	font-weight: 				700;
	text-align: 				center;
}

table.programa tr.dato td:nth-child(1) {
	min-width:					80px;
	text-align: 				center;
	font-weight: 				400;
}

table.programa tr.dato td:nth-child(2) {
	min-width:					80px;
	text-align: 				center;
}

table.programa tr.dato td:nth-child(3) {
	width: 						100%;
}

table.programa div.foto {
	display: 					table-cell;
	width: 						110px;
	padding: 					5px;
}
table.programa div.foto img {
	height: 					90px;
	width: 						auto;
}
table.programa div.text {
	display: 					table-cell;
}

table.programa tr.resumen td {
	font-size:					1.2em;
	font-weight: 				400;
	text-align: 				center;
}

.banderita {
	position: 					absolute;
	bottom:						3%;
	right:						10%;
	width: 						48px;
	height: 					48px;
}
.banderita img {
	width: 						100%;
}

.logo_comercial {
	width: 						100px!important;
	height: 					auto!important;
}