/* Imágenes utilizadas */
/* my_list.gif - Sustituye al punto de las listas no numeradas introducidas desde eXeLearning  */
/* my_ims_header.jpg - Imagen de fondo para el título de cada página en los IMS y en los documentos exportados como Página sola */
/* my_header.jpg - Imagen de la cabecera de los documentos exportados como Sitio web */
/* my_nav_bg.jpg - Imagen de fondo del menú al exportar como Sitio web */

/* EBAp incluir libreria CSS Awesome dentro de otro fichero CSS */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/* Colores */
body{
	color:#000; /* Cuerpo de texto */
	background:#ffffff; /* Color de fondo */
}
a{
	color:#38565F; /* Enlaces */
}
#header{
	color:#005F6F; /* Título del proyecto */	
}
#nodeTitle{
	color:#FFFFFF; /* Título de cada página */
}
#main #nodeDecoration{
	border-color:#E7EBEE; /* Borde del título de cada página */
	background-color:#6D95A1; /* Color de fondo */
	text-shadow:2px 2px 2px #466A76; /* Sombra del texto */
}
.iDeviceTitle{
	color: #38565F; /* Títulos de los iDevices */
}
.iDevice_inner{
	background-color:#F2F4EB; /* Fondo del cuerpo del iDevice */
	color:#2C4E46; /* Texto de los iDevices */
	border-color:#C7CFAB; /* Borde del cuerpo de los iDevices */
}
#siteFooter{
	color:#38565F; /* Texto del pie de página */
}
#siteFooter a{
	color:#6A3A4A; /* Enlaces del pie de página */
}
.pre-code{
	background:#243338; /* Color de fondo del código de ordenador intertado desde TinyMCE */
}

/* Otras definiciones */
.exe-table {border: 0px;}
.exe-table thead th {background-color: orange; color: white;} /* EBAP */
.exe-table thead th:empty, .exe-table thead td:empty {background-color: white; border: 0px;} /* EBAP */
/* table tbody th:nth-child(1) {background-color: #f4f4f4;} /* EBAP Cabeceras de la izquierda de la tabla */
.exe-table tbody tr:hover:nth-child(2n-1) th {background-color: #e6ffe6;} /* EBAP */
.exe-table tbody tr:hover th {background-color: #e6ffe6;} /* EBAP */
.exe-table tbody tr:hover td {background-color: #e6ffe6;} /* EBAP */
.exe-table tbody tr:hover:nth-child(2n-1) td {background-color: #e6ffe6;} /* EBAP */
.exe-table tfoot th {background-color: #fff5e6;} /* EBAP */
.exe-table tfoot th:empty, .exe-table tfoot td:empty {background-color: white; border: 0px;} /* EBAP */
th, td {padding: 5px 10px;} /* EBAP */
body{font:16px Arial,Verdana,Helvetica,sans-serif;padding:15px;margin:0px;text-align:left;line-height: 120%}
#nodeTitle{font-size:1.5em;margin:0;text-align:left;font-weight:bold;padding:15px !important;}
#main #nodeDecoration{padding:20px 15px 5px 15px;margin-bottom:15px;background-repeat:no-repeat;background-position:right 0;border-width:1px;border-style:solid;background-image:url(my_ims_header.jpg);text-align:left}
#header{height:auto;padding:0;font-size:1.5em;font-weight:bold}
#header h1{margin:0;font-size:1em}
#main ul li{width:auto;list-style-image:url(my_list.gif);margin-bottom:0.2em}
#wikipedia-content ul li{list-style-image:none;margin-bottom:auto}
#main h2{font-size:1.4em}
#main h3{font-size:1.3em}
#main h4{font-size:1.2em}
#main h5{font-size:1.1em}
.iDevice{margin:10px 0 20px 0}
.iDeviceTitle{font-size:1.2em;vertical-align:bottom;top:auto}
#main .iDeviceTitle{display:inline;font-size:1.2em}

/* iDevice icons */
.iDevice_icon{width:30px;height:auto;margin-right:5px} /* Legacy: old iDevices */
.iDevice_header{background-image:url(icon_generic.gif);padding:5px 0 5px 37px;margin-bottom:3px}
.activityIdevice .iDevice_header{background-image:url(icon_activity.gif)}
.readingIdevice .iDevice_header{background-image:url(icon_reading.gif);padding-left:41px}
.ListaIdevice .iDevice_header,
.QuizTestIdevice .iDevice_header,
.MultichoiceIdevice .iDevice_header,
.TrueFalseIdevice .iDevice_header,
.MultiSelectIdevice .iDevice_header,
.ClozeIdevice .iDevice_header{background-image:url(icon_question.gif);padding-left:35px}
.CasestudyIdevice .iDevice_header{background-image:url(icon_casestudy.gif)}
.preknowledgeIdevice .iDevice_header{background-image:url(icon_preknowledge.gif);padding-left:39px}
.GalleryIdevice .iDevice_header{background-image:url(icon_gallery.gif);padding-left:38px}
.objectivesIdevice .iDevice_header{background-image:url(icon_objectives.gif)}
.ReflectionIdevice .iDevice_header{background-image:url(icon_reflection.gif)}

/* Download package iDevice */
.download-packageIdevice .exe-download-package-link a{background:#38565F}

.iDevice_content{overflow:auto}
.iDevice_inner{padding: 10px 20px;border-width:1px;border-style:solid;border-radius:10px}
/* base.css */
.block,.feedback{padding:0}
input.feedbackbutton{margin:0}
.feedback{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1em}
li{list-style-position:outside}
.exe-dl .icon{line-height:17px}
.js .exe-dl dd{margin-left:34px}
.exe-enlarge-icon b{font-size:1.7em}
/* Hide/Show iDevice */
.toggle-idevice{margin:12px 0 0;text-align:right;display:block}
.iDevice_header .toggle-idevice{float:right;padding-top:2px;margin:0}
.toggle-idevice a{display:inline-block;width:16px;height:16px;background:url(my_hide_show.gif) no-repeat 0 -16px}
.toggle-idevice .show-idevice{background-position:0 0}
.toggle-idevice span{position: absolute; overflow:hidden;clip:rect(0,0,0,0);height:0}
.fx-accordion-title {background-color: #f4f4f4;} /* EBAP */
.fx-accordion-title h2 {color: black;} /* EBAP */
.fx-accordion-title:hover {background-color: #e6ffe6;} /* EBAP */
.exe-accordion .active h2 {font-size: 20px !important; line-height: 20px !important;} /* EBAP */
.fx-accordion-title .active:hover {background-color: #f4f4f4;} /* EBAP */
.exe-accordion {border: 1px solid rgb(207,207,207,0.3);} /* EBAP */
.exe-tabs .fx-tabs .fx-current a {color: black; background: #f4f4f4; margin-right: 2px; font-size: 20px; line-height: 20px;} /* EBAP */
.exe-tabs .fx-tabs .fx-current a:hover {color: black; background-color: #f4f4f4 !important;} /* EBAP */
.exe-tabs .fx-tabs a {color: rgba(0,0,0,0.5); background: #cfcfcf; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 2px; font-weight: bold; text-decoration: none !important;} /* EBAP */
.exe-tabs .fx-tabs a:hover {color: black; background-color: #e6ffe6 !important;} /* EBAP */
.exe-tabs .fx-tab-content {background: #f4f4f4; border-top-left-radius: 0px;} /* EBAP */
.fx-pagination a {text-decoration: none !important;} /* EBAP */
.fx-pagination a:hover {color: black; background-color: #e6ffe6;} /* EBAP */
.fx-pagination .fx-current a {font-size: 20px; line-height: 20px; font-weight: bold;} /* EBAP */
.fx-page-content {background: #f4f4f4;} /* EBAP */
.fx-carousel-content {background: #f4f4f4;} /* EBAP */
.fx-timeline-expand {font-size: 18px!important; background-color: green !important; color: white !important; padding: 5px 10px !important;} /* EBAP */
/* .fx-timeline-expand::after {content: " tot";} */
.fx-timeline-container a.fx-timeline-expand {text-decoration: none !important;} /* EBAP */
.fx-timeline-toggler .expanded {background-color: red !important; color: white !important;} /* EBAP */
.fx-timeline-major h2 a {background: rgba(0,0,0,0.4) !important; border: 1px solid black; text-decoration: none !important;} /* EBAP */
.fx-timeline-major h2 a:hover {color: black; background-color: #e6ffe6 !important;} /* EBAP */
.fx-timeline-event-trigger .open {background: rgba(255,255,255) !important; border: 2px solid rgba(0,0,0,0.3);}
.fx-timeline-major h3::before {content: "——"; margin: 0px 0px 0px -25px;} /* EBAP */
.fx-timeline-minor h3 a {background: rgba(0,0,0,0.1) !important; border: 1px solid rgba(0,0,0,0.3); margin: 10px 0px; padding: 4px 10px 4px 10px; border-radius: 4px; text-decoration: none !important;} /* EBAP */
.fx-timeline-minor h3 a:hover {color: black; background-color: #e6ffe6 !important;} /* EBAP */
.fx-timeline-event {padding: 1px 4px 2px 53px;} /* EBAP */
.exe-block-warning {color: black; background: #dcdcdc; border: 2px solid #a9a9a9 !important; display: table-cell; vertical-align: middle; height: 92px;} /* EBAP */
/* .exe-block-warning {color: black; background: #dcdcdc; border: 2px solid #a9a9a9 !important; min-height: 92px;} /* EBAP */
#block-EBAP-warning-ico {background: #dcdcdc url('lee.png') no-repeat 10px 50% !important; background-size: 72px 72px !important;}
#block-EBAP-warning-ico p {padding-left: 82px;}
.exe-block-alert {color: black; background: #fff8c4; border: 2px solid #f2c779 !important; display: table-cell; vertical-align: middle; height: 92px;} /* EBAP */
/* .exe-block-alert {color: black; background: #fff8c4; border: 2px solid #f2c779 !important; min-height: 92px;} /* EBAP */
#block-EBAP-alert-ico {background: #fff8c4 url('warning.png') no-repeat 10px 50% !important; background-size: 72px 72px !important;}
#block-EBAP-alert-ico p {padding-left: 82px;}
.exe-block-danger {color: black; background: #ffecec; border: 2px solid #f5aca6 !important; display: table-cell; vertical-align: middle; height: 92px;} /* EBAP */
/* .exe-block-danger {color: black; background: #ffecec; border: 2px solid #f5aca6 !important; min-height: 92px;} /* EBAP */
#block-EBAP-danger-ico {background: #ffecec url('alert.png') no-repeat 10px 50% !important; background-size: 72px 72px !important;}
#block-EBAP-danger-ico p {padding-left: 82px;}
.exe-block-info {color: black; background: #e3f7fc; border: 2px solid #8ed9f6 !important; display: table-cell; vertical-align: middle; height: 92px;} /* EBAP */
/* .exe-block-info {color: black; background: #e3f7fc; border: 2px solid #8ed9f6 !important; min-height: 92px;} /* EBAP */
#block-EBAP-info-ico {background: #e3f7fc url('info.png') no-repeat 10px 50% !important; background-size: 72px 72px !important;}
#block-EBAP-info-ico p {padding-left: 82px;}
.exe-block-success {color: black; background: #e9ffd9; border: 2px solid #a6ca8a !important; display: table-cell; vertical-align: middle; height: 92px;}
/* .exe-block-success {color: black; background: #e9ffd9; border: 2px solid #a6ca8a !important; min-height: 92px;} /* EBAP */
#block-EBAP-config-ico {background: #e9ffd9 url('config.png') no-repeat 10px 50% !important; background-size: 72px 72px !important;}
#block-EBAP-config-ico p {padding-left: 82px;}
#block-EBAP-like-ico {background: #e9ffd9 url('like.png') no-repeat 10px 50% !important; background-size: 72px 72px !important;}
#block-EBAP-like-ico p {padding-left: 82px;}
/* Cuadros con banner */ 
.infobox-EBAP-container {
    position: relative;
    display: inline-block;
    margin: 0px 5px 5px 5px;
    padding: 0;
    width: auto;
	vertical-align: top;
}
.infobox-EBAP {
    width: 230px;
    /* background: #424242; */
    padding: 10px 10px 10px 10px;
    margin:10px;
    color: #fff;
    font-size: 90%;
    position: relative;
    z-index: 90;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6a6b6b), to(#424242));
    background-image: -moz-linear-gradient(top,#6a6a6a,#424242);
}
.infobox-EBAP h3 {
    /* background: #3198dd; */
    width: 260px;
    color: #fff;
    padding: 15px 5px;
    margin: 0;
    font-size: 26px !important;
	line-height: 26px !important;
    text-align: center;
    font-weight: bold;
    position: relative;
    left: -20px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#33acfc), to(#3198dd));
    background-image: -moz-linear-gradient(top,#33acfc,#3198dd);
    /* text-shadow: #2187c8 0 -1px 1px; */
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.infobox-EBAP a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox-EBAP a:hover, .infobox-EBAP a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
	
@media all and (max-width: 600px) {
	#main #nodeDecoration{background-image:none}
}

/* EBAP */
@media only screen and (max-width: 600px) {
	/* [Tablas] --------------------------------------------------------------------------------------------------------------------------- */
	/* Force table to not be like tables anymore */
	table, tbody, th, td, tr {
		display: block;
		width: auto !important;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead th {
		display: none;
		/* position: absolute;
		top: -9999px;
		left: -9999px; */
	}
	tfoot th {
		display: none;
		/* position: absolute;
		top: -9999px;
		left: -9999px; */
	}
	/* tr {
		border: 1px solid #ccc;
	} */
	#EBAPcalendari th {
		border: 1px solid #eee; 
		text-align: left !important;
	}
	#EBAPcalendari td {
		/* Behave  like a "row" */
		border: 1px solid #eee; 
		position: relative;
		padding-left: 30%;
		font-size: 13px;
		text-align: right !important;
	}
	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
		font-size: 13px;
		text-align: center !important;
	}
	#EBAPcalendari td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-size: 10px;
		text-align: left;
	}
	/* 	Label the data */
	.EBAPcalendari_1 td:nth-of-type(1):before { content: "Obertura"; }
	.EBAPcalendari_1 td:nth-of-type(2):before { content: "Tancament"; }
	/* #EBAPcalendari td:nth-of-type(3):before { content: "Favorite number"; }
	#EBAPcalendari td:nth-of-type(4):before { content: "Favorite Color"; }
	#EBAPcalendari td:nth-of-type(5):before { content: "Wars of Trek?"; }
	#EBAPcalendari td:nth-of-type(6):before { content: "Secret Alias"; }
	#EBAPcalendari td:nth-of-type(7):before { content: "Date of Birth"; }
	#EBAPcalendari td:nth-of-type(8):before { content: "Dream Vacation City"; }
	#EBAPcalendari td:nth-of-type(9):before { content: "GPA"; }
	#EBAPcalendari td:nth-of-type(10):before { content: "Arbitrary Data"; } */
	
	/* [Cajas de texto con icono] --------------------------------------------------------------------------------------------------------------------------- */
	#block-EBAP-warning-ico {background: #dcdcdc url('lee.png') no-repeat 5px 50% !important; background-size: 48px 48px !important;}
	#block-EBAP-warning-ico p {padding-left: 44px;}
	#block-EBAP-alert-ico {background: #fff8c4 url('warning.png') no-repeat 5px 50% !important; background-size: 48px 48px !important;}
	#block-EBAP-alert-ico p {padding-left: 44px;}
	#block-EBAP-danger-ico {background: #ffecec url('alert.png') no-repeat 5px 50% !important; background-size: 48px 48px !important;}
	#block-EBAP-danger-ico p {padding-left: 44px;}
	#block-EBAP-info-ico {background: #e3f7fc url('info.png') no-repeat 5px 50% !important; background-size: 48px 48px !important;}
	#block-EBAP-info-ico p {padding-left: 44px;}
	#block-EBAP-config-ico {background: #e9ffd9 url('config.png') no-repeat 5px 50% !important; background-size: 48px 48px !important;}
	#block-EBAP-config-ico p {padding-left: 44px;}
	#block-EBAP-like-ico {background: #e9ffd9 url('like.png') no-repeat 5px 50% !important; background-size: 48px 48px !important;}
	#block-EBAP-like-ico p {padding-left: 44px;}
}