/* eXeLearning Style Designer Compatible Style */
html{font-size:105%}
body{font:100%/1.5 'Open Sans',Arial,Verdana,Helvetica,sans-serif;padding:15px;margin:0;text-align:left}

h2{font-size:1.3em}
h3{font-size:1.2em}
h4{font-size:1.1em}
h5{font-size:1em}
p{margin:1em 0}
.score.js-feedback{margin-bottom:1em}

#header,#emptyHeader,#nodeDecoration{padding:0 20px;height:auto!important;height:120px;min-height:120px;font-size:1.6em;font-weight:300;border-style:1px;border-width:1px}
#headerContent{padding-top:70px}
#header h1,#nodeDecoration h1{margin:-.5em 0 1em 0;font-size:1em;text-align:left}
#nodeDecoration{margin-bottom:15px} /* Single page */

.nodeDecoration h1{font-size:1.5em}

/* iDevices */
.iDevice{margin:20px 0 30px 0}
.iDevice_header{letter-spacing:.5px;padding:.5em 40px .5em 0;height:auto!important;height:1.7em;min-height:1.7em;position:relative}
.iDevice_header[style]{background-image:none!important}
.iDeviceTitle{font-size:1.3em;vertical-align:bottom;top:auto;display:inline-block;font-weight:300;
padding:0 10px 0 35px;background-repeat:no-repeat;background-position:0 50%;margin:0}
.iDevice_header_noIcon .iDeviceTitle{background-image:none;padding-left:20px}
.iDeviceTitle{*display:inline;*line-height:2em}/* IE6, IE7 */
.iDevice_inner{padding:10px 20px;border-width:1px;border-style:solid;border-radius:5px}

/* Clearfix */
.iDevice_content{overflow:auto}
.FileAttachIdeviceInc .iDevice_content{margin-bottom:-.5em}

/* Hide/Show iDevice */
.toggle-idevice{display:block;margin:0;text-align:right}
.iDevice_header .toggle-idevice{position:absolute;top:14px;right:0}
.toggle-idevice a{display:inline-block;width:16px;height:16px;background:url(_style_icons.png) no-repeat -50px -50px;outline:none}
.toggle-idevice .show-idevice{background-position:0 -50px}
.toggle-idevice span{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}
.toggle-idevice a:hover,.toggle-idevice a:focus{filter:alpha(opacity=100);opacity:1}

/* iDevice title with background-color */
input.feedbackbutton{margin:0}
.iDevice_header{border-width:1px;border-style:solid;padding-left:13px;border-top-left-radius:5px;border-top-right-radius:5px}
.hidden-idevice .iDevice_header{border-radius:5px}
.iDevice_header .toggle-idevice{margin-right:15px}
.iDevice_inner{border-top-right-radius:0;border-top-left-radius:0;border-top:0}

.ExternalUrlIdevice iframe{border:0}

/* Reset base.css */
.block,.feedback{padding:0}
.feedback{font-family:inherit;font-size:1em}
li{list-style-position:outside}
.styled-qc{margin-top:2.5em}
.exe-dl .icon,.exe-dl-toggler a{width:24px;height:24px;border-radius:12px}
.exe-dl-toggler a{line-height:22px}
.js .exe-dl dd{margin-left:44px}
.exe-enlarge-icon b{font-size:1.2em}

/* Forms */
input,select{font-size:1em;font-family:inherit}
.iDevice_hint_title a{padding-left:25px}
.iDevice_buttons input{font-size:1em;margin-right:.5em;padding:.15em .45em}
.MultichoiceIdevice .feedback p:first-child{margin-top:0}
.MultichoiceIdevice .activity-form,.MultiSelectIdevice .activity-form{margin-bottom:1em}
.TrueFalseIdevice .activity-form{margin-top:1.5em}
.TrueFalseIdevice .activity-form:first-child{margin-top:0}
.TrueFalseIdevice label{margin:0 1em}
.MultichoiceIdevice input[type=radio],.MultiSelectIdevice input[type=checkbox],.QuizTestIdevice input[type=radio]{width:16px;height:16px;margin:5px 0 0 12px}
.custom-inputs .iDevice_answer-field{width:40px}
.custom-inputs  .iDevice_answer-content,.custom-inputs  .iDevice_answer-feedback{padding-left:55px}
.custom-inputs  .iDevice_answer-content{padding-top:4px}
.styledRadio,.styledCheckbox{margin-left:12px}
.MultichoiceIdevice .feedback{margin-top:1em}
.right-option,.wrong-option{font-style:italic}
.readingIdevice .iDevice_content:first-child p:last-child,
.CasestudyIdevice .iDevice_content:first-child p:last-child{margin-bottom:0}
.readingIdevice .feedbackbutton,
.CasestudyIdevice .feedbackbutton,
.ReflectionIdevice .feedbackbutton{margin:.5em 0 1em 0}
.TrueFalseIdevice .exe-radio-option.styledRadio{display:inline-block;vertical-align:middle;margin:-2px 5px 0 0}

/* Licenses */
#packageLicense{margin:2.5em 0 1.5em 0;text-align:left;line-height:1.2em;font-size:.9em}
#packageLicense.cc{padding-left:95px;background:url(_style_licenses.png) no-repeat 0 0}
#packageLicense.cc-by-sa{background-position:0 -100px}
#packageLicense.cc-by-nd{background-position:0 -200px}
#packageLicense.cc-by-nc{background-position:0 -300px}
#packageLicense.cc-by-nc-sa{background-position:0 -400px}
#packageLicense.cc-by-nc-nd{background-position:0 -500px}
#packageLicense.cc-0{background-position:0 -600px}
#siteFooter{padding:20px}

/* Download package iDevice */
.download-packageIdevice .exe-download-package-link a{background:#333}

/* Lightbox */
.lightboxOverlay{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);opacity:0.95}
#lightbox .lb-caption{font-size:1em}

/* Effects - iDevices with emphasis */
.emphasis1 .exe-fx .fx-C2,
.emphasis1 .exe-fx .fx-C2 a,
.emphasis1 .fx-pagination a{
background:#ededed;
}

@media print {
    div.node{page-break-after:auto} /* base.css */
    .iDevice{margin-bottom:20px}
	html body{background:#fff;color:#000;font-size:11pt}
	@page{margin:1.5cm}
	/* Uncomment this to print URL after links:
	a{font-weight:bolder;text-decoration:none!important}
	a[href^=http]:after{content:" <" attr(href) "> "}
	*/
	#main .iDeviceTitle{background:none;padding-left:0}
	body #header,body #emptyHeader,body #nodeDecoration{height:auto!important;min-height:0;border:none;padding:0}
	body #headerContent{padding-top:40px}
	#packageLicense.cc{padding-left:0;text-align:center}
	.toggle-idevice{display:none}
}

/* eXeLearning Style Designer */
/********************SCORM*******************/
body.exe-ims,
body.exe-single-page,
body.exe-scorm{
	background-image:url(fondo_secundaria_b.jpg);
	background-size: cover;
}
body.exe-scorm #outer,
body.exe-ims #outer,
body.exe-single-page #content{
	background-color: #ffffff;
	max-width: 1350px;
	margin:0 auto;
	padding:5px;
}
/*** footer ***/
body.exe-scorm #footerContainer ,
body.exe-ims #footerContainer ,
body.exe-single-page #footerContainer {
	height: 124px;
	background: url(footer_secundaria.jpg) no-repeat 0 0;
	background-size: contain;
	background-color: transparent;
}

/**** header ****/
body.exe-scorm header#nodeDecoration,
body.exe-ims header#nodeDecoration,
body.exe-single-page header#header{
	padding: 0;
	margin: 0;
	border: none;
   background:url(cabecera_secundaria_b.png) no-repeat 0 0!important;
	background-size: contain !important;
    	
	}
body.exe-scorm #headerContent,
body.exe-ims #headerContent,
body.exe-single-page #headerContent{
	position: relative;
	margin-top: 0;
	padding: 0;
	padding-top: 138px;
	white-space:inherit;
	min-height: 115px;
	margin:0;
}
body.exe-scorm .ntx-center-title #textContainer,
body.exe-ims .ntx-center-title #textContainer,
body.exe-single-page .ntx-center-title #textContainer{
	height: 71px;
	position: relative;
}

body.exe-scorm #textTitle,
body.exe-ims #textTitle,
body.exe-single-page #textTitle{
	max-width: 830px;
	margin-left: 100px;
	overflow-wrap: break-word;
}
body.exe-scorm .ntx-center-title #textTitle,
body.exe-ims .ntx-center-title #textTitle,
body.exe-single-page .ntx-center-title #textTitle{
	margin:0;
	margin-left: 100px;
	position: absolute;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);
  	padding-bottom: 0;
  	overflow-wrap: break-word;

	}
body.exe-scorm #headerContainer,
body.exe-ims #headerContainer,
body.exe-single-page #headerContainer{
	position: relative;
	background: #00296B;
	color:#fff;
	min-height: 85px;
	font-size: 35px;
	font-weight: bold;
	line-height: 38px;
	margin-left: 0;
	margin-top: 0;
	padding: 38px 25px;
}


body.exe-scorm #iconHeaderContainer,
body.exe-ims #iconHeaderContainer,
body.exe-single-page #iconHeaderContainer{
	background: transparent url(img_ud06.png) 0% 0% no-repeat padding-box;
    width: 72px;
    height: 72px;
    position: relative;
    float: left;
    margin-top: 3px;

}

body.exe-scorm #iconHeaderContainer.ud01,
body.exe-ims #iconHeaderContainer.ud01,
body.exe-single-page #iconHeaderContainer.ud01{
	background: transparent url(img_ud01.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud02,
body.exe-ims #iconHeaderContainer.ud02,
body.exe-single-page #iconHeaderContainer.ud02{
	background: transparent url(img_ud02.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud03,
body.exe-ims #iconHeaderContainer.ud03,
body.exe-single-page #iconHeaderContainer.ud03{
	background: transparent url(img_ud03.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud04,
body.exe-ims #iconHeaderContainer.ud04,
body.exe-single-page #iconHeaderContainer.ud04{
	background: transparent url(img_ud04.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud05,
body.exe-ims #iconHeaderContainer.ud05,
body.exe-single-page #iconHeaderContainer.ud05{
	background: transparent url(img_ud05.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud06,
body.exe-ims #iconHeaderContainer.ud06,
body.exe-single-page #iconHeaderContainer.ud06{
	background: transparent url(img_ud06.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud07,
body.exe-ims #iconHeaderContainer.ud07,
body.exe-single-page #iconHeaderContainer.ud07{
	background: transparent url(img_ud07.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud08,
body.exe-ims #iconHeaderContainer.ud08,
body.exe-single-page #iconHeaderContainer.ud08{
	background: transparent url(img_ud08.png) 0% 0% no-repeat padding-box;
}
body.exe-scorm #iconHeaderContainer.ud09,
body.exe-ims #iconHeaderContainer.ud09,
body.exe-single-page #iconHeaderContainer.ud09{
	background: transparent url(img_ud09.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud10,
body.exe-ims #iconHeaderContainer.ud10,
body.exe-single-page #iconHeaderContainer.ud10{
	background: transparent url(img_ud10.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud11,
body.exe-ims #iconHeaderContainer.ud11,
body.exe-single-page #iconHeaderContainer.ud11{
	background: transparent url(img_ud11.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud12,
body.exe-ims #iconHeaderContainer.ud12,
body.exe-single-page #iconHeaderContainer.ud12{
	background: transparent url(img_ud12.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud13,
body.exe-ims #iconHeaderContainer.ud13,
body.exe-single-page #iconHeaderContainer.ud13{
	background: transparent url(img_ud13.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud14,
body.exe-ims #iconHeaderContainer.ud14,
body.exe-single-page #iconHeaderContainer.ud14{
	background: transparent url(img_ud14.png) 0% 0% no-repeat padding-box;
}

body.exe-scorm #iconHeaderContainer.ud15,
body.exe-ims #iconHeaderContainer.ud15,
body.exe-single-page #iconHeaderContainer.ud15{
	background: transparent url(img_ud15.png) 0% 0% no-repeat padding-box;
}
body.exe-scorm #nodeTitle,
body.exe-ims #nodeTitle,
body.exe-single-page #nodeTitle{
	font-weight: bold;
}
@media screen and (min-width: 640px) and (max-width: 820px){
	body.exe-scorm header#nodeDecoration,
	body.exe-ims header#nodeDecoration,
	body.exe-single-page header#header{
    	background:url(cabecera_secundaria_b_tablet.png) no-repeat 0 0!important;
    	background-size: contain !important;
    	
	}
	#headerContent{
		max-width: 100%;
	}
}

@media only screen and (min-width: 360px) and (max-width: 639px) {
	

	body.exe-scorm header#nodeDecoration,
	body.exe-ims header#nodeDecoration,
	body.exe-single-page header#header{
    	background:url(cabecera_secundaria_b_mobile.png) no-repeat 0 0!important;
    	background-size: contain !important;
    	
	}
	
}
.iDevice_header{
/*emTitleBGColor*/
background-color:#ffffff;border-color:#dddddd;
}
.iDevice_inner{
/*emBGColor*/
background-color:#ffffff;border-color:/*emBorderColor*/
#dddddd;
}
.iDeviceTitle{
background-image:url(icon_star.png);
}
.activityIdevice .iDeviceTitle{
background-image:url(icon_assignment.png);
}
.readingIdevice .iDeviceTitle{
background-image:url(icon_unread.png);
}
.FileAttachIdeviceInc .iDeviceTitle{
background-image:url(icon_download.png);
}
.WikipediaIdevice .iDeviceTitle{
background-image:url(icon_description.png);
}
.ListaIdevice .iDeviceTitle,.QuizTestIdevice .iDeviceTitle,.MultichoiceIdevice .iDeviceTitle,.TrueFalseIdevice .iDeviceTitle,.MultiSelectIdevice .iDeviceTitle,.ClozeIdevice .iDeviceTitle{
background-image:url(icon_question.png);
}
.preknowledgeIdevice .iDeviceTitle{
background-image:url(icon_announcement.png);
}
.GalleryIdevice .iDeviceTitle{
background-image:url(icon_media.png);
}
.objectivesIdevice .iDeviceTitle{
background-image:url(icon_info.png);
}
.ReflectionIdevice .iDeviceTitle{
background-image:url(icon_account.png);
}
body{
/*fontFamily*/
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
/*bodyColor*/
color:#333333;
/*fontSize*/
font-size:110%;
/*contentBGColor*/
background-color:#eaf1f7;
}
a{
/*aColor*/
color:#2495ff;
}
#header,#emptyHeader,#nodeDecoration{
height:auto!important;
/*headerHeight*/
height:300px;min-height:300px;
/*headerBGColor*/
background-color:#ffd494;border:1px solid /*headerBorderColor*/
#ffffff;
}
#headerContent{
/*headerTitleTopMargin*/
padding-top:200px;
/*headerTitleFontFamily*/
font-family:Arial, Verdana, Helvetica, sans-serif;
/*headerTitleColor*/
color:#ffffff;
/*headerTitleFontSize*/
font-size:180%;
}
#siteFooter{
border:1px solid /*footerBorderColor*/
#dddddd;
/*footerBGColor*/
background-color:#ffffff;
}
/* eXeLearning Style Designer (custom CSS) */

/******************NETEX***********************/
/****** iDevice*******************/
.iDevice_header {
	background: #003F88 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px 5px 0px 0px;
	opacity: 1;
	border-width: 0;
	padding-top:10px ;
	padding-bottom:10px


}
.iDevice_header .iDeviceTitle{
	color:#ffffff;
	font-weight: bold;
}

.iDeviceTitle {
    height: auto!important;
    min-height: 1.125em;
    line-height: 1em;
    font-size: 1.75em;
    vertical-align: bottom;
    top: auto;
    display: inline-block;
    font-weight: 700;
    padding: 0 45px 0 98px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin: 0;
    color: #FFF;
}
.iDevice_inner{

	background: #EFFEFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 5px 5px;
	opacity: 1;
	font-size: 1.125em;

}
.js .em_iDevice{
	position:relative;
	padding-top:20px;

}

.icon_wrapper {
	/*width: 132px;
    height: 132px;*/
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    width: 100px;
    height: 100px;
    background-size: contain;
}

#main-wrapper {
	background-color: #fff;
}
.toggle-idevice a {
	background: transparent url('arrow_up.png') 0% 0% no-repeat padding-box;
    width: 26px;
	height: 17px;
	-webkit-transform: matrix(-1, 0, 0, -1, 0, 0);
	transform: matrix(-1, 0, 0, -1, 0, 0);
}

.iDevice_header .toggle-idevice {
	top:18px;
}
.toggle-idevice .show-idevice {
 	background-position: 0;
	-webkit-transform: matrix(-1, 0, 0, -1, 0, 0);
	transform: matrix(-1, 0, 0, -1, 0, 0);

}

.toggle-idevice .hide-idevice {
    background: transparent url('arrow_up.png') 0% 0% no-repeat padding-box;
    width: 26px;
	height: 17px;
	-webkit-transform: none;
	transform: none;

}

.iDevice_header.iDevice_header_noIcon{
	padding-top:18px;
	padding-bottom:18px;
}



/**** recuerda ****/
.em_iDevice_recuerda .icon_wrapper{
	width: 300px;
	left: 58px;
}


.em_iDevice_recuerda .iDevice_header {
	background-color: #4183C2;
	box-shadow: none;

	}

.em_iDevice_recuerda .iDevice_inner{
		
	background:#4183C2 0% 0% no-repeat padding-box;
	border:none;
	padding-left:58px;
	padding-right: 55px;
	color:#fff;
	
}

html{font-size:100%}
body{
	font:100%/1.5 Verdana, 'Open Sans',Arial, Helvetica,sans-serif;
	padding:15px;
	margin:0;
	text-align:left
	font-size:100%;
}