@font-face {
	font-family: 'corerhino35light';
	src: url('../Fonts/corerhino35light.eot');
	src:local('Core Rhino 35 Light'), local('../Fonts/corerhino35light'),
	url('../Fonts/corerhino35light.eot?#iefix') format('embedded-opentype'),
	url('../Fonts/corerhino35light.woff') format('woff'),
	url('../Fonts/corerhino35light.ttf') format('truetype'),
	url('../Fonts/corerhino35light.svg#corerhino35light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

body {
	margin: 10px;
	font-size: 16px;
	font-family: sans-serif;
}
h1, h2 {
	margin: 0 0 .5em 0;
}

h1.pdocTitle {
	font-size:160%;
	font-family: "corerhino35light",Arial,Helvetica,sans-serif;
	color : #2654a1;
}
h2 .pdocSubtitle {
	font-family: Arial,Helvetica,sans-serif;
	color : #2654a1;
}
img {
	max-width: 100%;
	max-height: 100%;
}
audio {
	max-width: 100%;
}
video {
	max-width: 100%;
	max-height:320px;
}

/* ======== TOP LEVEL ======= */


/* ~~~~~~~~~ pdocToc ~~~~~~~~ */

.pdocToc a {
	color: black;
}
.pdocToc li li a {
	color: #4f4f4f;
}
/* ~~~~~~~ pdocNavBar ~~~~~~ */
.pdocNavBar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.pdocNavBar.stick{
	position: relative !important;
}
.pdocNavBar .col {
	text-align: center;
}
.pdocNavBar .colFirst {
	text-align: left;
}
.pdocNavBar .colLast {
	text-align: right;
}
.pdocNavBar hr {
	clear: both;
}
.pdocNavBar a {
	border: none;
}
.pdocNavBar a:hover {
	background-color: transparent;
}
.pdocToc .pdocNavBar, .pdocToc .pdocNavBar div {
	padding-top: 0;
}
.pdocToc .pdocNavBar a {
	padding: 0;
}
.colFirst, .colLast {
	margin: 0;
}
.colFirst img, .colLast img {
	margin: 0;
}
.col {
	margin: 0;
	padding: 0 1% 0 1%;
}

/* ~~~~~~~ pquizCompositeNavigation ~~~~~~ */
.pquizCompositeNavigation {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.pquizCompositePrevious img,
.pquizCompositeNext img {
	max-width: 75%;
}

.pdocHeader {
	margin-bottom: 0;
}
.stick.pdocNavBar.pdocHeader {
	top: 0;
	background-color: #fff;
	z-index: 101;
	margin: 0;
}

.pquizQuiz hr {
	display: none;
	visibility:hidden;
	opacity:0;
}
.pdocNavBar.col111 {
	border-bottom: 1px solid #E63412;
	border-top: 0 none;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

/* ~~~~~~ didierSubject ~~~~~~ */

.didierSubject {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

	width: 200px;
	text-align: center;

	padding: 5px 10px;
	box-sizing: border-box;

	border: solid 2px red;
	background-color:red;
	color: #FFFFFF;

	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;

	font-size: 28px;
	line-height: 28px;

	margin: 0;
	margin-bottom: 10px;
	margin-left: calc(100% - 200px);

	z-index: 102;

	position: relative;
}

.pquizSubjectya_lo_se .didierSubject{
	border-color: #a6549c;
	background-color: #a6549c;
	color: #ffed00;
}
.pquizSubjectahora_tu .didierSubject{
	border-color: #ffed00;
	background-color:#FFFFFF;
	color: #908f8f;
}
.pquizSubjectgramatica .didierSubject{
	border-color: #4b5d9b;
	background-color:#4b5d9b;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
}
.pquizSubjectvocabulario .didierSubject{
	border-color: #668995;
	background-color:#668995;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
	width: 230px;
	margin-left: calc(100% - 230px);
}
.pquizSubjectproyecto .didierSubject{
	border-color: #FFFFFF;
	background-color:#FFFFFF;
	color: #e63412;
}
.pquizSubjecttodos_en_accion .didierSubject{
	border-color: #2654a1;
	background-color:#2654a1;
	color: #ffed00;
	width: 300px;
	margin-left: calc(100% - 300px);
}
.pquizSubjectdictado_flash .didierSubject{
	border-color: #87d1f4;
	background-color:#87d1f4;
	color: #e63412;
}
.pquizSubjectprojekt .didierSubject{
	border-color: #e63412;
	background-color:#FFFFFF;
	color: #e63412;
}

/* ~~~~~~~ didierMain ~~~~~~~ */

.didierMain {
	margin-left: 52px;
}

/* ===== DIVISION LEVEL ===== */

/*~~~~~~~ pdocDivision ~~~~~~ */

div.pdocDivision {
	border-left: 8px solid #dcdcdc;
}

/* ===== SECTION LEVEL ====== */


/* ~~~~~~~ pdocSection ~~~~~~ */

.pdocSection1,
.pdocSection2,
.pdocSection3,
.pdocSection4 {
	margin-bottom: 0.5em;
}

/* ~~~~~ pdocSection-box ~~~~ */

.pdocSection-box {
	margin: 1em 0 1em 0;
	padding: .5em 1em .5em 1em;
	border: 1px solid #000000;
	background-color: #efefef;
}
.pdocSection-box .pdocSectionTitle,
.pdocSection-box .pdocSectionSubtitle {
	text-align: center;
}
.pdocSection-article{
	border-radius: 0;
	padding: 10px 10px 5px 10px;
	background-color: #FFFFFF;
	box-sizing: content-box;

	-webkit-box-shadow: 3px 3px 10px 0 #ccc;
	-moz-box-shadow:	3px 3px 10px 0 #ccc;
	box-shadow:		 	3px 3px 10px 0 #ccc;

}
.pdocSection-article .pdocP {
	font-weight: normal;
}

.pdocNoteFooter {
	clear: both;
	text-align: left;
	margin-top: 1em;
	padding-top: .5em;
	font-size: 14px;
	border-top: 1px solid #E63412;
	margin-bottom: 90px;
}

.pdocSection-article .pdocNoteCall {
	color: #E63412;
	margin-left: 2px;
}

.pdocNoteFooter div {
	margin-bottom: 5px;
}
.pdocNoteFooter .pdocP{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
}

.pdocNoteFooter .eneNoteLink {
	font-size: 14px;
	color: #E63412;
}
.pdocNoteFooter .eneNoteLink:after {
	content: " : ";
	margin-right: 5px;
}

/* ~~~ pquizInstructions ~~~~ */

.pquizInstructions {
	font-weight: normal;
	/*
	display:inline-block;
	*/
	max-width: 100%;
}

/* ~~~~~~ didierButtons ~~~~~ */

.didierButtons {
	margin-top: 1em;
}

.didierButtons a.pquizButton {
	padding: 0;
	border: none;
	background: none;
	margin-right: .5em;
}

/* ~~~~ didierExplanation ~~~~ */

.didierExplanationText {
	display: none;
	margin-top: 1em;
	padding: .5em;
	border: 1px solid #7ac142;
}

.didierExplanationText h1 {
	margin: 0 0 .5em 0;
}
.didierExplanationText legend {
	color: #7ac142;
	font-weight: bold;
}

/* ~~~~ didierStrategy ~~~~ */

.didierStrategyText {
	display: none;
	margin-top: 1em;
	padding: .5em;
	border: 1px solid black;
}

.didierStrategyText h1 {
	margin: 0 0 .5em 0;
}

.didierStrategyText legend {
	color: black;
	font-weight: bold;
}

/* ~~~~~~ didierScript ~~~~~~ */

.didierScriptText {
	display: none;
	margin-top: 1em;
	padding: .5em;
	border: 1px solid #7f7f7f;
}
.didierScriptText h1 {
	margin: 0 0 .5em 0;
}

.didierScriptText legend {
	color: #7f7f7f;
	font-weight: bold;
}

/* ====== BLOCK LEVEL ======= */

/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */
.pdocP {
	margin-bottom:10px;
	color: #2c272a;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
}

.pdocSection-ex .pdocP {
	display: inline;
}

/* ~~~~~~~~ pdocList ~~~~~~~~ */

ol.composite > li {
	list-style-type: lower-alpha;
}

li.pquizChoice, ul.pdocList li {
	/*color: #777777;*/
	color: #2c272a;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
}

/* ~~~~~~~ pdocTable ~~~~~~~~ */

.pdocTableTitle {
    font-family: Arial,Helvetica,sans-serif;
}

.point .pdocTable {
	width: auto;
}

.point .pdocTable td {
	padding: .3em;
	font-family: monospace;
	font-size: 131%;
	font-weight: bold;
	border: 1px solid #999999;
}

/* ~~~~~~~ pdocMedia ~~~~~~~~ */

.pdocMedia {
	position: relative;
    font-family: Arial,Helvetica,sans-serif;
}

/* ~~~~~~~ pdocImage ~~~~~~~~ */

.pdocImage {
	max-width: 100%;
	max-height: 100%;
}

.pdocImageHotspot,
.pdocImageDropzone {
	float: left;
	position: relative;
	line-height: 0;
}

/* ~~~~~~ pquizDropzone ~~~~~~ */

.pdocHotspot,
.pdocHotspotSpot,
.pquizDropzone {
    font-family: Arial,Helvetica,sans-serif;
}

/* ~~~~~~ pquizChoices ~~~~~~ */

.pquizMatching td {
	border: none;
	vertical-align: bottom;
}
.pquizChoices.pquizChoicesHorizontal li {
	margin-right: 25px;
}
.pquizChoice.cat1, .pquizItem.cat1 { background-color: #E7A8FF; }
.pquizChoice.cat2, .pquizItem.cat2 { background-color: #96e1ea; }
.pquizChoice.cat3, .pquizItem.cat3 { background-color: #FFD6AC; }

.pquizItem, .pquizCategory, .pquizCategoryItem {
	background-color: rgba(158, 204, 71, 0.4);
	padding: .5em 1em;
	border: 1px solid #CCCCCC;
}

.pquizCategories .pquizCategory {
	background-color: rgba(204, 204, 204, 0);
	padding: .5em .3em .5em .5em;
	border: 1px solid #20bae2;

}
.pquizCategory.selected {
	background-color: rgba(32, 186, 226, 0.25);
	color: #000000;
}

/* ====== INLINE LEVEL ====== */

/* ~~~~~~~ pdocLabelEx ~~~~~~ */

.pdocLabelEx {
	font-style: normal;
}

/* ~~~~~~ pdocHighlight ~~~~~ */
.pdocHighlight,
h1 .pdocHighlight,
h2 .pdocHighlight,
h3 .pdocHighlight,
h4 .pdocHighlight,
.h1 .pdocHighlight,
.h2 .pdocHighlight,
.h3 .pdocHighlight,
.h4 .pdocHighlight {
	font-weight: bold;
}

.pdocSection-ex .pdocHighlight,
.pdocSection-ex .pdocHighlightUnderline {
	font-weight: normal;
}

.pdocHighlightColor {
	text-decoration: none;
	color: #00BDFF;
}

.pdocHighlightColor1,
.pdocHighlightColor2,
.pdocHighlightColor3,
.pdocHighlightColor4,
.pdocHighlightColor5 {
    font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-align: center;
	font-weight:bold;

	box-sizing: content-box;
	display: inline-block;
}

.pdocHighlightColor1 {
	padding: 5px 15px;
	background-color: #20bae2;
	color: #FFFFFF;
	border-radius: 5px;
}
.pdocHighlightColor2 {
	padding: 5px 15px;
	background-color: #e84122;
	color: #FFFFFF;
	border-radius: 5px;
}
.pdocHighlightColor3 {
	padding: 5px 15px;
	background-color: #4b5d9b;
	color: #FFFFFF;
}
.pdocHighlightColor4 {
	padding: 5px 15px;
	background-color: #de61a0;
	color:  #ffed00;
	border-radius: 5px;
}
.pdocHighlightColor5 {
	font-weight: normal;
	color: #444;
	font-size: 85%;
}
.pdocHighlightColor6 { color: #F5E378;}
.pdocHighlightColor7 { text-decoration: none; color: #00A259;}
.pdocHighlightColor8 { text-decoration: none; color: #6A5ACD;}
.pdocHighlightColor9 { text-decoration: none; color: #8B4513;}
.pdocHighlightColor10 { text-decoration: none; color: #E9967A;}
.pdocHighlightColor11 { text-decoration: none; color: #4682B4;}

.pquizInstructions .pdocP .pdocHighlightColor1,
.pquizInstructions .pdocP .pdocHighlightColor2,
.pquizInstructions .pdocP .pdocHighlightColor3,
.pquizInstructions .pdocP .pdocHighlightColor4{
	padding: 0;
	line-height: 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

/* ~~~~~ pdocMentioned ~~~~~~ */

.pdocHighlightBold .pdocMentioned {
	font-weight: bold;
}

/* ~~~~~~~~ pdocSmil ~~~~~~~~ */

.pdocSmil {
	background-color: #ffffc0;
}

/* ~~~~~~ pquizSliding ~~~~~~ */

.pquizSliding {
	text-decoration: underline;
	background-color: #d6dee4;
}

/* ~~~~~~~~~ blank ~~~~~~~~~~ */

textarea.pquizChoice {
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:21px;
	resize: none;
}

.pquizPoint,
.pdocTable td {
	color: #2c272a;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
}

/* ~~~~ pquizItems ~~~~ */

.pquizItems,
.pquizCategories,
.pquizCategoriesItems {
	background-color:#FFFFFF;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	float: left;
	margin-bottom: 1em;
	min-height: 2.8em;
	min-width: 8em;
	padding: 1em 0 0 1em;
}

.pquizQuiz {
	padding: 0 20px;
}

.pquizDots::before {
	color:#7ac142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.pquizQuiz .pquizButton {
	background: red none repeat scroll 0 0;
	border: 0 none;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	font-family: "corerhino35light",Arial,Helvetica,sans-serif;
	font-size: 25px;
	padding: 10px 20px 10px 20px;
}

.pquizButtons {
	background-color: #FFFFFF;
	text-align:center;
}

.pquizQuiz .pquizSubmit {
	background: #e84122 none repeat scroll 0 0;
}
.pquizQuiz .pquizRightAnswer {
	background: #9ecc47 none repeat scroll 0 0;
}
.pquizQuiz .pquizUserAnswer {
	background: #e84122 none repeat scroll 0 0;
}
.pquizQuiz .pquizRedo {
	background: #20bae2 none repeat scroll 0 0;
}

.pquizHelpText {
	display: none;
	margin-top: 1em;
	padding: .5em;
	border: 1px solid #de61a0;
}
.pquizHelpText legend {
	color: #de61a0;
	font-weight: bold;
}

input[type="text"],
input[type="password"],
textarea {
	background-color:#FFFFFF;
	border:1px #20BAE2 solid;
	padding:1px 5px;
	margin-bottom: 10px;

	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:21px;

	box-sizing: border-box;
}

input[type="text"][maxlength="1"],
input[type="password"][maxlength="1"],
textarea[maxlength="1"] {
	padding: 0px;
	text-align: center;
	width: 1.2em !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	outline: none;
	border:1px #f05023 solid;
}

.pquizText textarea {
	padding: 10px;
}
.pdocMedia textarea {
	padding:1px 5px;
	resize: none;
}
.pquizPoint.selected {
	background-color: #f68d1f;
	color: #FFFFFF;
}

input.answerKo[type="text"],
textarea.answerKo {
	border-bottom: 2px solid #f05023;
}
input.answerOk[type="text"],
textarea.answerOk {
	border-bottom: 3px solid #b1d64d;
}

.pdocTable th {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #20BAE2;
	border-bottom:1px solid #20BAE2;
	color:#FFFFFF;
	background-color:#20BAE2;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
}
.pdocTable th:first-child {
	border-left:1px solid #20BAE2;
}
.pdocTable th:last-child {
	border-right:1px solid #20BAE2;
}
.pdocTable td {
	border:1px solid #20BAE2;
}
.pdocTable table {
	border:1px solid #20BAE2 !important;
}

.pdocTable-noline-noexpand table{
	border:none !important;
}

.pdocNavBar hr {
	background-color:#e8e8e8;
	color:#e8e8e8;
}

.pquizCategoriesBasket {
	background-color: #FFFFFF;
	border: 2px solid #7ac142;
	border-radius: 0;
	box-shadow:none;
	float: left;
	margin: 1em 1em 1em 0;
}

.pquizCategoriesBasket .legend {
	background-color: #7ac142;
	border-radius:0;
	color: white;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
	padding: 0.5em 1em;
	text-align: center;
	white-space: nowrap;
}

.pdocAudioPlayer [data-player="cursor"] {
	background: #f05023 none repeat scroll 0 0;
}

.pquizGlobalScore.pquizScore {
	color: #2654a1;
	font-size: 30px;
	padding: 10px 0px 10px 0px;
}


.pquizCongratulateMessage .pquizMessageContent .pquizGlobalScore.pquizScore {
	display:none;
}
.pquizCongratulateMessage .pquizMessageContent p.pquizP {
	color: #393;
	font-size: 25px;
}

.pdocToc h1,
.pdocToc .h1
{
	text-align: center;
	background-color:#ffd200;
	background-image:url("../Images/header.jpg");
}

.noclue .pquizPoint {
	background-color: transparent;
}

.noclue .pquizPoint.pquizBgColor1, .pquizPoint.pquizBgColor1, .pquizBgColor1 {
	background-color: #ffd200;
}

.noclue .pquizPoint.pquizBgColor2, .pquizPoint.pquizBgColor2, .pquizBgColor2 {
	background-color: #f05023;
}

.noclue .pquizPoint.pquizBgColor3, .pquizPoint.pquizBgColor3, .pquizBgColor3 {
	background-color: #00bdff;
}
.pquizPoint.pquizBgColor1,
.pquizPoint.pquizBgColor2,
.pquizPoint.pquizBgColor3,
.pquizPoint.pquizBgColor4,
.pquizPoint.pquizBgColor5,
.pquizPoint.pquizBgColor6,
.pquizPoint.pquizBgColor7 {
	padding-left: .2em;
	padding-right: .2em;
}

.pquizPoint {
	background-color: #fde8d2;
}

.publiquiz input:disabled, .publiquiz textarea:disabled, .publiquiz select:disabled {
	color: #555;
	opacity: 1;
}

.pquizPoint.answerKo {
	border-bottom: 4px solid #f05023;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.pquizPoint.answerOk {
	border-bottom: 4px solid #b1d64d;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.pdocAnimButton, .pquizButton {
	text-shadow: none;
}
.pdocAnimButtons {
	display: none;
}

/* ------ pquizKeyboard ----- */

.pdocSpacerKeyboard {
	height: 84px;
}
.pquizKeyboard.fix {
	bottom: 5px;
	left: 10px;
}
.pquizKeyboard.withNav {
	bottom: 51px;
}
@media (max-width: 700px) {
	.pdocNoteFooter {
		margin-bottom: 150px;
	}
}


/* ---- TEST RESPONSIVE CAROLINE----*/

@media (min-width: 768px) and (max-width:1023px) {

	.pquizDropzone input[type="text"].pquizChoice{
		font-size: 14px;
	}
	.pdocAnimBlock textarea.pquizChoice {
		font-size: 14px;
		/* background-color: #a5aace; */
	}
	.pquizDropzone textarea.pquizChoice {
		font-size: 14px;
		height: 70%;
		/* background-color: #a5aace; */
	}

}


@media (max-width: 767px) {
	.pquizDropzone input[type="text"].pquizChoice {
		font-size: 12px;
	}
	.pdocAnimBlock textarea.pquizChoice {
		font-size: 12px;
		/* background-color: #9ecc47; */
	}
	.pquizDropzone textarea.pquizChoice {
		font-size: 12px;
		height: 80%;
		/* background-color: #9ecc47; */
	}
}