/* eXeLearning Style Designer Compatible Style */
html{font-size:105%; margin: 0 auto;}
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; color:#ffffff;}
.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,.MultiSelectIdevice input[type=checkbox],.QuizTestIdevice input[type=radio]{/*width:16px;height:16px;*/margin:5px 0 0 12px}
/* LVA Comento las dimensiones porque daba error*/.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}
/* 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-sa{background-position:0 -300px}
#packageLicense.cc-by-nc-nd{background-position:0 -400px}
#packageLicense.cc-0{background-position:0 -500px}
#siteFooter{padding:20px}
/* 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 */    #main{margin-left:0}
 /* base.css */    .iDevice{margin-bottom:20px}
	html body{background:#fff;color:#000;font-size:11pt}
	@page{margin:2cm}
	/* 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}
}
/* eXeLearning Style Designer */.iDevice_header{/*emTitleColor*/color:#00091c;/*emTitleBGColor*/background-color:#3bbbea;border-color:#ebe8e5;}
.iDevice_inner{/*emColor*/color:#000000;/*emBGColor*/background-color:#ffffff;border-color:/*emBorderColor*/#ebe8e5;}
.iDevice_inner a{/*emAColor*/color:#3bbbea;}
.iDevice_header .toggle-idevice a{/*emIconColor*/background-image:url(_style_icons_white.png);}
.iDeviceTitle{background-image:url(icon_star_white.png);}
.activityIdevice .iDeviceTitle{background-image:url(icon_assignment_white.png);}
.readingIdevice .iDeviceTitle{background-image:url(icon_unread_white.png);}
.FileAttachIdeviceInc .iDeviceTitle{background-image:url(icon_download_white.png);}
.WikipediaIdevice .iDeviceTitle{background-image:url(icon_description_white.png);}
.ListaIdevice .iDeviceTitle,.QuizTestIdevice .iDeviceTitle,.MultichoiceIdevice .iDeviceTitle,.TrueFalseIdevice .iDeviceTitle,.MultiSelectIdevice .iDeviceTitle,.ClozeIdevice .iDeviceTitle{background-image:url(icon_question_white.png);}
.preknowledgeIdevice .iDeviceTitle{background-image:url(icon_announcement_white.png);}
.GalleryIdevice .iDeviceTitle{background-image:url(icon_media_white.png);}
.objectivesIdevice .iDeviceTitle{background-image:url(icon_info_white.png);}
.ReflectionIdevice .iDeviceTitle{background-image:url(icon_account_white.png);}
.iDevice.emphasis0{/*noEmColor*/color:#000000;}
.emphasis0 a{/*noEmAColor*/color:#3bbbea;}
.toggle-em0 a{/*noEmIconColor*/background-image:url(_style_icons_black.png);}
body{/*fontFamily*/font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;/*bodyColor*/color:#000000;/*fontSize*/font-size:90%;/*contentBGColor*/background-color:#ffffff;}
a{/*aColor*/color:#3bbbea;}
#header,#emptyHeader,#nodeDecoration{height:auto!important;/*headerHeight*/height:80px;min-height:80px;/*headerBGColor*/background-color:#00091c;/*headerBGURL*/background-image:url(Logo_CDEI_40_exelearning.png);/*headerBGRepeat*/background-repeat:no-repeat;/*headerBGPosition*/background-position:50% 50%;border:1px solid /*headerBorderColor*/#ffffff;}
#headerContent{/*hideProjectTitle*/position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
#siteFooter{border:1px solid /*footerBorderColor*/#00091c;/*footerColor*/color:#000000;/*footerTextAlign*/text-align:center;/*footerBGColor*/background-color:#00091c;/*footerFontSize*/font-size:80%;}
#siteFooter a{/*footerAColor*/color:#3bbbea;}
/* eXeLearning Style Designer (custom CSS) */















@import url('https://fonts.googleapis.com/css?family=Exo');
h1, h2, .h2, h3, h4, h5 {font-family: 'Exo', sans-serif;color:#3bbbea;}
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');

.well {
    border: 1px solid #e0e0e0;
    padding: 20px 32px;
    margin-top: 0;
}

.wellGris {
    border: 1px solid #e0e0e0;
    padding: 20px 32px;
    margin-top: 0;
	background: #f9f9f9;
}

/*MEDIA OBJECT*/
.media-object{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.media-object .media-image{
  flex-shrink: 0;
  margin-right: 2em;
  color: #3bbbea;
}

/*LISTS*/

.list-inline{
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-inline > li {
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  vertical-align: top;
}

.list-unstyled{
  list-style: none;
  padding-left: 0;
}

.media-list{
  list-style: none;
  padding: 0;
}

.media-list li{
  padding: 10px;
  border: 1px solid #e0e0e0;    
  padding: 20px 30px;
}

.media-list p:last-child{
  margin-bottom: 0;
}

.media-list h2{
  font-size: 18px;
  margin-top: 0;
}

.media-list li + li{
  margin-top: 10px;
}

ol.media-list li{
  counter-increment: item;
}

ol.media-list li .media-image{
  width: 60px;
}

ol.media-list li .media-image:before{
  content: counter(item) ".";
  font-size: 64px;
}

/*Horizontal list*/
.media-list.horizontal{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.media-list.horizontal > li{
  flex: 1;
  text-align: center;
  margin: 10px 0;
}

.media-list.horizontal > li + li{
  margin-left: 15px;
}

.media-list.horizontal .media-object{
  flex-direction: column;
}

.media-list.horizontal .media-object .media-image{
  margin: 20px 0 20px;
}

.media-list.horizontal .media-content{
  width:100%;
}


/*FX EFECTOS */

/* ACORDEÓN */
.fx-accordion-title, .exe-accordion h2 {
    width: 100%;
    padding: 15px;
    display: inline-block;
    background: #3bbbea url(plus.png) no-repeat right center;
    transition: all linear 0.15s;
    color: #fff;
	padding-right: 40px;
}
 
.fx-accordion-title.active
  {
  background: #15bef0 url(minus.png) no-repeat right center;text-decoration:none};

  #main h2 {
    font-size: 1.4em;
    color: #ffffff;
}

 /*TABS*/

  .exe-fx.exe-tabs{
    border: 1px solid #e0e0e0;    
    box-sizing: border-box;
    width:100%;
    padding: 20px 32px;
    margin-top: 0;
  }

  .exe-tabs .fx-tab-content{
   background-color: transparent;
   padding: 10px 0;
 }

 .exe-tabs .fx-tab-content p:last-of-type{
  margin-bottom: 0;
}

.fx-tabs .fx-current a {
 font-weight: 500;
}

.exe-tabs .fx-tabs a {
  font-weight: bold;
  background: transparent;
  padding: 0;
  border: 0;
  border-bottom: 2px solid #2d2d2d;
  padding-bottom: 3.3px;
  color: #2d2d2d;
  text-decoration: none;
  min-width: 150px;
}

.exe-tabs .fx-tabs li{
  display: inline-block;
  margin-right: 10px;
}

.exe-tabs .fx-tabs li:last-child{
  margin-right: 0;
}


.exe-tabs .fx-tabs a:hover, .exe-tabs .fx-tabs a:active, .exe-tabs .fx-tabs a:visited , .exe-tabs .fx-tabs a:focus{
  text-decoration: none;
}


.fx-tabs .fx-current a{
  border-bottom-color: #3bbbea;
  color: #2d2d2d;
}


/*CAROUSEL*/

.fx-carousel-content{
  background: transparent;
  border: 1px solid #e0e0e0;    
  border-radius: 0;  
}

.exe-carousel h2 {
  text-align: center;
  color: #3bbbea;
}

.fx-pagination .fx-current a {
 background: #3bbbea;
 color: #fff;
 border-radius: 50%;
 width:30px;
 height: 30px;
 padding:0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

.fx-pagination a {
 background: none;
 color: #3bbbea;
}

.fx-pagination a:hover, .fx-pagination a:focus, .fx-pagination a:active, .fx-pagination a:visited {
  text-decoration: none;
  color: #3bbbea;  
}

.fx-pagination .fx-current a:hover, .fx-pagination .fx-current a:focus, .fx-pagination .fx-current a:active, .fx-pagination .fx-current a:visited {
  color: white;  
  background-color: #3bbbea;
}

.fx-carousel-pagination .fx-current a {
 background: #3bbbea;
 color: #fff;
}

.fx-carousel-pagination li{
  font-size: 1em;
  color: #3bbbea;
}

.fx-prev-next {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.fx-carousel-prev-next {
  background-repeat: no-repeat!important;
  background-position: center!important;
}

.fx-prev-next.fx-prev{
  background-image: url(icon-chevron-left-blue.png);
}

.fx-carousel-prev-next.fx-carousel-prev{
  background-image: url(icon-chevron-left-blue.png)!important;
}

.fx-prev-next.fx-next{
  background-image: url(icon-chevron-right-blue.png);
}

.fx-carousel-prev-next.fx-carousel-next{
  background-image: url(icon-chevron-right-blue.png)!important;
}

.sr-av, .js .js-sr-av, #skipNav a, .exe-hidden-accessible{
  display: none;
}

/*PAGINATED*/

.exe-paginated h2 {
  text-align: center;
  color: #3bbbea;
}

.exe-paginated, .js .exe-paginated{
  width: 100%;
}

.exe-paginated p:last-child{
  margin-bottom: 0;
}

.fx-page-content{
  background-color: transparent;
  border-radius: 0;
  padding: 20px 30px;  
  border: solid 1px #e5e5e5;
}

.exe-paginated.media h2 {
  text-align: left;
  margin-top: 0;  
}

.exe-paginated.media .fx-page-content{
  padding-left: 120px;
  background-position: left 30px center;
  background-repeat: no-repeat;
}

.exe-paginated.media.gear .fx-page-content{
  background-image: url(../img/icon-gear.png);
}

.exe-paginated.media.light-bulb .fx-page-content{
  background-image: url(../img/icon-light-bulb.png);
}

.exe-paginated.media.advantage .fx-page-content{
  background-image: url(../img/icon-advantage.png);
}

.exe-paginated.media.board .fx-page-content{
  background-image: url(../img/icon-board.png);
}

blockquote {
    background-image: url(fondoCita2.jpg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    background-size: cover;
    position: relative;
    padding: 19px;
font-family: 'Exo', sans-serif;   
   font-weight: bolder;
    color: #ffffff;
    padding: 25px 50px 25px;
    font-size: 25px;
    margin: 0;
    overflow: hidden;
    text-align: center;
}

.jumbotron {
    padding: 40px;
    margin-top: 0px;
    background-color: #c0c0c0;
    color: white;
	font-size: 30px;
	font-weight: bolder;
    border-radius: 25px;
	font-family: 'Amatic SC', cursive; 
	text-align: center;
}

/* FORMS */
select.formulario {
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  background-image: url(icon-chevron-down-gray.png);
  background-repeat: no-repeat;
  background-position: right 32px center;
}

textarea.formulario{
  resize: vertical;
}

.formulario {
  display: block;
  padding: 13px 32px;
  font-size: 14px;
  line-height: 1.25;
  color: #373737;
  background-color: #EBEBEB;
  border: 1px solid #979797;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
}

/* BOTONES EBOLO */
input.botonEbolo {
  border-width: 0px;
  box-sizing: initial;
}
  a.botonEbolo {
    text-decoration: none;
}
.botonEbolo {
    background: #3bbbea;
    display: inline-block;
  text-decoration:none;   
    margin: 10px 10px 10px 0;
    padding: 15px 30px;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-width: 150px !important;
    line-height: 1em;
}
  .botonEbolo:hover {
    background-color: #ffffff;
    box-shadow: 0 0 1px #808080;
    -moz-box-shadow: 0 0 1px #808080;
    -webkit-box-shadow: 0 0 1px #808080;
    color: #3bbbea;
}
/* BOTONES GENERALES COPIADO DE ORTHOQUICK*/
input[type="button" i]
  {
    border-width: 0px;
    box-sizing: initial;
    background: #3bbbea;
    display: inline-block;
    text-decoration:none;   
    margin: 10px 10px 10px 0;
    padding: 15px 30px;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-width: 150px !important;
    line-height: 1em;
}
input[type="button" i]:hover {
    background-color: #ffffff;
    box-shadow: 0 0 1px #808080;
    -moz-box-shadow: 0 0 1px #808080;
    -webkit-box-shadow: 0 0 1px #808080;
    color: #3bbbea;
}
/* POTENCIAR FEEDBACK */
.feedback {
      font-weight: bold;
}



/* TABLA */

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #15bef0;
	color: #ffffff;
    border-top: none;
    
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

@media screen and (max-width: 992px) {
  .media-list.horizontal  {
    flex-direction: column;
  }
}

/* TAMAÑO DE LETRA */

h5 {
    font-size: 21px;
    color: #3bbbea;
    padding-bottom: 6px;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 10px;
}

.portadaPizarra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 80px;
    height: 600px;
    background-image: url(portadaPizarra.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.portada {
    background-image: url(PortadaCampoFutbol.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    height: 417px;
    border-radius: 4px;
    /* color: #15bef0;*/
    padding-left: 93px;
    padding-right: 70px;
    font-weight: bold;
    font-size: 2.5em;
    /* display: block; */
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	display: flex;
	justify-content: center;
    align-items: center;
	color: #ffffff;
}

div#main {
    max-width: 850px;
    margin: auto;
}
div#nodeDecoration {
    display: none;
}
div#nodeDecoration {
    display: none;
}
.fx-timeline-container a.fx-timeline-expand {
    cursor: pointer;
    background: #3bbbea !important;
    border-radius: 4px;
    font-size: .95em;
    padding: 5px 10px;
    display: block;
}
.fx-timeline-major h2 a {
    background: #3bbbea !important;
}
.pagination {
    padding-top: 20px!important;
    padding-right: 0px;
    padding-bottom: 100px!important;
    padding-left: 0px;
}
button.botonEbolo {
    border: 0px !important;
}
