@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(open-sans.woff2) format('woff2'), url(open-sans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(open-sans-bold.woff2) format('woff2'), url(open-sans-bold.woff) format('woff');
} 

body{
        
    font:1em/1.5 'Open Sans',Arial,Verdana,Helvetica,sans-serif;
    padding:15px;
    margin:0;
    text-align:left;
    color:#333333;
    background:#ffffff
    }

    #contenedor{
	
	margin: auto;
	width: 900px;
	}
	
	.retroImg{
	width: 17px;
    margin-bottom: 3px;
		
	}
	
	.btn{
	padding: 11px;
    color: #ffffff;
    background: #1273a3;
    border: 0px;
    cursor: pointer;
	}
	
	.oculto{
		display:none;	
		
	}
	button.reset:hover, button.reset:focus, button.submit:hover, button.submit:focus, button.button:hover, button.button:focus, button.save-content:hover, button.save-content:focus, input.reset:hover, input.reset:focus, input.submit:hover, input.submit:focus, input.button:hover, input.button:focus, input.save-content:hover, input.save-content:focus, .ui-button.reset:hover, .ui-button.reset:focus, .ui-button.submit:hover, .ui-button.submit:focus, .ui-button.button:hover, .ui-button.button:focus, .ui-button.save-content:hover, .ui-button.save-content:focus {
			background-image: none !important;
			background-color: #325271;
			text-decoration: none;
			border-color: #4CC3F4 !important;
			}
			@media (min-device-width: 1030px)
			button.reset:hover, button.reset:focus, button.submit:hover, button.submit:focus, button.button:hover, button.button:focus, button.save-content:hover, button.save-content:focus, input.reset:hover, input.reset:focus, input.submit:hover, input.submit:focus, input.button:hover, input.button:focus, input.save-content:hover, input.save-content:focus, .ui-button.reset:hover, .ui-button.reset:focus, .ui-button.submit:hover, .ui-button.submit:focus, .ui-button.button:hover, .ui-button.button:focus, .ui-button.save-content:hover, .ui-button.save-content:focus {
			background-image: none !important;
			background-color: #325271;
			text-decoration: none;
			border-color: #4CC3F4 !important;
			}
			table.content-frame input, table.content-frame select, table.content-frame textarea {
			margin: 0 4px;
			}
			button.reset, button.submit, button.button, button.save-content, input.reset, input.submit, input.button, input.save-content, .ui-button.reset, .ui-button.submit, .ui-button.button, .ui-button.save-content {
			-webkit-border-radius: 15px;
			-khtml-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			border-radius: 15px;
			background-position: 0 50%;
			background-repeat: repeat-x;
			background-image: url("../images/button_bg.png") !important;
			height: 27px;
			padding: 2px 10px 4px;
			line-height: 22px;
			border: 1px solid #13385c !important;
			cursor: pointer !important;
			min-width: 30px;
			margin-left: 5px !important;
			overflow: visible;
			color: #FFF !important;
			font-weight: bold !important;
			}
			button.reset, button.submit, button.button, button.save-content, input.reset, input.submit, input.button, input.save-content, .ui-button.reset, .ui-button.submit, .ui-button.button, .ui-button.save-content {
 
			background-position: 0 50%;
			background-repeat: repeat-x;
 			height: 27px;
			padding: 2px 10px 4px;
			line-height: 22px;
			border: 1px solid #50616d !important;
			cursor: pointer !important;
			min-width: 30px;
			margin-left: 5px !important;
			overflow: visible;
			color: #FFF !important;
			font-weight: bold !important;
			}
			input, label, select {
			vertical-align: middle;
			}
			button, input, textarea, select, body, td, div {
			font-size: 22px;
			font-family:  arial, sans-serif;
			}
			* {
			padding: 0;
}

@media print {
  button, input, textarea, select, body, td, div {
			font-size: 18px;
			font-family: arial, sans-serif;
			}
}

.titulo1{   
 font-size: 17px;
    font-weight: bold;
	}
#resultados{
background:url('../images/resultado.jpg') center; 
min-width:266px; 
max-width:266px; 
min-height:114px;
max-height:114px;
margin: auto;
}

#repetir{
background:url('../images/repetir.jpg') center;
min-width:266px; 
max-width:266px; 
min-height:114px;
max-height:114px;
cursor: pointer;
}

.numberCirculo {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 2px;
font-size: 15px;
line-height: 1em;
border: 2px solid #B7BC3E;
position: relative;
color: #B7BC3E;
margin-right: 7px;
}

.numberCirculo .height_fix {
margin-top: 100%;
}
		
.numberCirculo .content {
position: relative;
left: 3px;
top: 50%;
 width: 100%;
text-align: center;
margin-top: -10px;
}

.titulo{
 
font-size: 20px;
}

.num{
margin-left: 14px;
font-size: 23px;
color: #F2706C;
}

.materia,.bloque{
 
font-size: 20px;
}

.leccion{
position: relative;
top: -92px;
left: 66px;
color: #ffffff;
}

.comprobacion{
color: #2295A7;
font-size: 20px;
}

.subraya{
font-size: 18px;
}

#header,#emptyHeader{text-align:left;height:100px;padding-left:20px;font-size:1.2em;line-height:100px;color:#fff;background:#1679C3;text-shadow:1px 1px 1px #333;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3} /* Header is also in single page */
#header h1{margin:0;font-size:1em}
#nodeDecoration{text-align:left;padding:1em 20px;margin-bottom:2em;background:#1679C3;text-shadow:1px 1px 1px #333;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3}
#nodeTitle,.nodeTitle{font-size:1.5em;margin:0;font-weight:bold;color:#fff} /* .nodeTitle when single page */
.nodeTitle{padding:.1em 0 .6em 0;border-bottom:1px solid #1679C3;margin-top:1em}
h2{font-size:1.4em;color:#666}
#main .iDeviceTitle{display:inline;font-size:1.2em}
h3{font-size:1.25em;color:#777}
#main h4{font-size:1.2em}
#main h5{font-size:1.1em}
.iDevice{margin:2em 0}
.iDevice_icon{width:23px;height:auto;margin-right:5px} /* Icons: "Iconic" (Creative Commons by-sa), by P. J. Onori (http://www.somerandomdude.com/work/iconic/) */

/* iDevice icons */
.iDevice_header{background:url(../images/icon_generic.gif) no-repeat 0 5px;padding-left:40px;margin-bottom:10px}
.activityIdevice .iDevice_header{background-image:url(icon_activity.gif)}
.readingIdevice .iDevice_header{background-image:url(icon_reading.gif)}
.ListaIdevice .iDevice_header,
.QuizTestIdevice .iDevice_header,
.MultichoiceIdevice .iDevice_header,
.TrueFalseIdevice .iDevice_header,
.MultiSelectIdevice .iDevice_header,
.ClozeIdevice .iDevice_header{background-image:url(icon_question.gif)}
.CasestudyIdevice .iDevice_header{background-image:url(icon_casestudy.gif)}
.preknowledgeIdevice .iDevice_header{background-image:url(icon_preknowledge.gif)}
.GalleryIdevice .iDevice_header{background-image:url(icon_gallery.gif)}
.objectivesIdevice .iDevice_header{background-image:url(../images/icon_objectives.gif)}
.ReflectionIdevice .iDevice_header{background-image:url(icon_reflection.gif)}

.iDeviceTitle{font-size:1.5em;vertical-align:top;top:-2px;color:#666;line-height:2em}
.iDevice_content{overflow:auto}
.iDevice_inner{padding: 10px 20px;border:1px solid #f0f0f0;background:#f9f9f9;color:#444}
#packageLicense{font-size:.95em}
#siteFooter{padding-left:20px;height:50px;line-height:50px;background:#666;color:#fff;font-size:.95em}
#siteFooter a{color:#FFF;text-decoration:underline}
input,select,textarea{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1em}
#lbOverlay{background-color:#f3f3f3}
#lbOuterContainer{border-color:#ddd}
.ExternalUrlIdevice iframe{border:none}
/* Lightbox */
.exeImageGallery{width:100%}
/* base.css */
.block,.feedback{padding:0}
.feedback{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1em}
li{list-style-position:outside}
#wikipedia-content ul li{list-style-image:none;margin-bottom:auto}
.exe-dl .icon{line-height:16px}
.js .exe-dl dd{margin-left:34px}
.styled-qc{margin-top:2.5em;padding-left:3.8em}
.styled-qc:before{top:10px}
/* Form buttons */
.iDevice_inner input[type=submit],.feedbackbutton{background:#888;border:0;padding:3px 5px;color:#fff;border-radius:5px;text-shadow:1px 1px 1px #000;box-shadow:1px 1px 3px 0 #ccc;margin-bottom:1em}
.iDevice_inner input[type=submit]:hover,.feedbackbutton:hover{background:#555;color:#f3f3f3;box-shadow:none}
/* 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(_simplepoint_navigation.png) 0 -100px}
.toggle-idevice .show-idevice{background-position:-50px -100px}
.toggle-idevice span{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}

.FreeTextIdevice{max-width:900px;margin:2em auto;font-size:1.3em;line-height:2em}
.exe-fx{font-size:.85em}
.iDevice_content_wrapper{overflow:hidden}
.FreeTextIdevice .figcaption{font-size:.85em}
.FreeTextIdevice li{margin:.5em auto;color:#555}
.FreeTextIdevice .pre-code{font-size:1.1em}
.FreeTextIdevice iframe,.FreeTextIdevice video,.FreeTextIdevice audio,.FreeTextIdevice object{margin-top:1em;margin-bottom:1em}
/* Effects */
.fx-carousel-pagination a,.fx-pagination a{padding:3px 20px;margin:1px 4px}
.fx-page-content,.fx-carousel-content{padding:1px 25px .5em 25px}
.fx-timeline-container a.fx-timeline-expand{padding:0 15px}
.fx-timeline-event{padding-left:21px;color:#777!important;margin-top:1em;margin-bottom:1.5em}
/* Licenses */
#packageLicense{text-align:left;margin:0;background:#000;color:#fff;line-height:25px;font-size:.75em;padding:0 20px}
#packageLicense p{margin:0}
#packageLicense a{color:#fff}