@charset "utf-8";

/*@font-face {  declare fonts 
	font-family:Arial, Helvetica, sans-serif;
	src: url("../fonts/lindedaxoreg.eot");
	src: local("../fonts/lindedaxoreg"), local("../fonts/lindedaxoreg"),
		url("../fonts/lindedaxoreg.woff") format("woff"),
		url("../fonts/lindedaxoreg.otf") format("opentype"),
		url("../fonts/lindedaxoreg.ttf") format('truetype'),
		url("../fonts/lindedaxoreg.svg#lindedaxoreg") format("svg");
		}*/
		
@media screen and  (max-width:700px) {
	
	
	.adfiles{
	width:203px;
	background-color:#FFF;
	min-height:56px;
	max-height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	margin-bottom:0px;
	border: thin solid #999;
	overflow-y:hidden;
	overflow-x:hidden;
	}	

	.content {
	position:relative;
	top:0px;
	float:left;
	width:300px;
	height:auto;
	margin-top:17px;
	left:10px;
/*	background-color:pink;*/
	}
	
	.content video{
	width:300px;
	height:auto;
	}
	
	.instructions{
	top:120px;
	float:left;
	width:310px;
	height:auto;
	padding-left:0px;
	padding-right:10px;
	padding-top:17px;
	padding-bottom:0px;
	background:#434749;
	border-right-style: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	}
	
	.act_title_simple{
	float:left;
	margin-top:0px;
	margin-left:15px;
	width:230px;
	min-height:70px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-indent:0px;
	color:#FFF;
	font-weight: normal;
	}
	
	.instructions_a{
	float:left;
	margin-top:20px;
	width:310px;
	height:auto;
	display:block;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:12pt;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	text-align:left;
	line-height:normal;
	text-indent:0px;
	color: #515252;
	border-left-width: none;
	border-left-style: none;
	border-left-color: none;
	border-top-style: none;
	}
	
	.instructions_b{
	float:left;
	display:inline-block;
	width:300px;
	height:22px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-indent:0;
	display:block;
	padding-top:3px;
	color: #515252;
	background-color:#F3F3F3;
	}
	
	.instructions_i
	{
	display:none;
	}
	
	
	
/*-------------------------------templates_mobile---------------------------------------------*/
/*choices in a table*/
#cit_sp
{
	display:block;
	width:280px;
	margin-left:10px;

}
#cit_pc
{
	display:none;
	
}



/*reveal content by line*/
.revbtn {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	margin-bottom:0px;
	width: 200px;
	height: 107px;
	padding:10px;
	padding-right:90px;
	cursor:pointer;
	position:inherit;
	/*background-image: url(../images/img_reveal/mobile_reveal.png);
	background-repeat: no-repeat;*/
	}
	
.revbtn_sel {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	margin-bottom:0px;
	width: 200px;
	height: 107px;
	padding:10px;
	padding-right:90px;
	float:left;
	cursor:pointer;
	position:inherit;
	/*background-image: url(../images/img_reveal/mobile_reveal_sel.png);
	background-repeat: no-repeat;*/
	}
	
	
.revbtn_act {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	margin-bottom:-2px;
	width:200px;
	height:107px;
	padding:10px;
	padding-right:90px;
	float:left;
	cursor:pointer;
	position:inherit;
/*	background-image: url(../images/img_reveal/mobile_reveal_sel.png);
	background-repeat: no-repeat;*/
	}
	
.reveal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height:11pt;
	margin-left: 0px;
	width: 278px;
	height: 100px;
	padding:10px;
	list-style-position:inside;
	/*background:#F3F3F3;*/
	background:#FFF;
	float:left;
	position:relative;
	top:0;
	left:0;
	border: thin solid #DEDEDE;
	}
	
.reveal li{
	padding-left:15px;
	text-indent:-15px;
	}
	
.item_reveal{
	margin-bottom:9px;
  	width:300px;
	height:auto;
	background:#F3F3F3;
	
	float:left;
	}

.revealLine{
	  width: 300px;
	  height:auto;
	  float:left;
	  margin-top:10px;
	  }
	
/*reveal content all area*/

.agrupa
{
	display:block;
	width:300px;
	height:auto;
	margin-bottom:0;
	
}

.alinha
{
	display:block;
	width:300px;
	position:inherit;
	float:left;
	top:0px;
	left:0px;
	margin-bottom:5px;
}

.revbtnAllContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #515252;
	display:block;
	margin-bottom:5px;
	width: 200px;
	height: 107px;
	padding:10px;
	padding-right:90px;
	cursor:pointer;
	position:inherit;
	float:left;
/*	background-image: url(../images/img_reveal/mobile_reveal.png);
	background-repeat: no-repeat;*/
	}
	
.revbtnAllContent_sel {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	margin-bottom:5px;
	width: 200px;
	height: 107px;
	padding:10px;
	padding-right:90px;
	float:left;
	cursor:pointer;
	position:inherit;
/*	background-image: url(../images/img_reveal/mobile_reveal_sel.png);
	background-repeat: no-repeat;*/
	}
	  
.revbtnAllContent_act {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	margin-bottom:-2px;
	width: 200px;
	height: 107px;
	padding:10px;
	padding-right:90px;
	float:left;
	cursor:pointer;
	position:inherit;
/*	background-image: url(../images/img_reveal/mobile_reveal_sel.png);
	background-repeat: no-repeat;*/
	}


.revealBlock{
	  width: 300px;
	  height:5000px;
	  float:left;
	  margin-top:10px;
	  }
	  
.revealAC {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height:11pt;
	/*margin-left: 5px;*/
	padding:10px;
	list-style-position:inside;
	width: 278px;
	height: 310px;
	background:#FFF;
	color: #515252;
	float:left;
	 /*comentado agora!!!!*/
	border: thin solid #DEDEDE;
	}
	
	.revealAC img{	
	width: 100%;
	height: 310px;
	}
	
.revealAC li{
	padding-left:15px;
	text-indent:-13px;
	}
	
.item_revealAC_container{
	width: 300px;
	  height:auto;
	  float:left;
	  margin-top:0px;
	}

/*matching pairs*/

.targetBox
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	background-color:#F3F3F3;
	height:auto;
	width: 300px;
	margin-bottom:10px;
	border: thin none #DEDEDE;
	text-align:center;
	}
	
	
.db_validateColor
{
	/*position:relative;
	top:0;
	left:0;*/

	float:left;
	display:none;
	background-color:pink;
	height: 135px;
	width: 5px;
	margin-left:0px;
	}	
	
.targetText
	{
	display:block;
	float:left;
	background-color: #F3F3F3;
	height:130px;
	width: 130px;
	padding:5px;
	padding-top:0px;
	padding-left:80px;
	padding-right:80px;
	color:#515252;
	background-image: url(../images/matching/area1.png);
	background-repeat: no-repeat;
	background-position: center top;	
	}
	
	.droppable 
	{
	display:block;
	float:left;
	height: 135px;
	width: 239px;
	padding:8px;
	top:0;
	/*margin-right:10px;*/
	overflow:hidden;
	/*background-color:#0099FF;*/
	background-image: url(../images/matching/area_a.png);
	background-repeat: no-repeat;	
	}
	
	.itemMsp
	{
	float:left;
	display:block;
	height: 135px;
	width: 234px;
	margin-bottom:12px;
	/*background-color:#FFCC33;*/
	position:relative;
	top:0px;
	}
	
	.itemMspZero
	{
	float:right;
	display:block;
	height: 135px;
	width: 241px;
	margin-bottom:12px;
	/*background-color:#FFCC33;
	position:relative;
	top:0px;*/
	}
	

	.itemMsp_btngroup
	{
	position:static;
	float:left;
	display:block;
	height: 136px;
	width: 37px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:7px;
	margin-bottom:5px;
	background-image: url(../images/matching/area_b.png);
	background-repeat: no-repeat;	
	}
	.itemMsp_btnUp
	{
	display:block;
	height: 68px;
	width: 37px;
	background-image: url(../images/matching/arrow_up.png);
	background-repeat: no-repeat;
	cursor:pointer;
	opacity:0.5;
	}
	
	.itemMsp_btnDown
	{

	display:block;
	height: 68px;
	width: 37px;
	background-image: url(../images/matching/arrow_down.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}
	

.draggable
	{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#515252;
	/*float:left;*/
	border: thin solid #DEDEDE;
	background-color: #F3F3F3;
	height: 85px;
	width: 235px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	}
	
	.dragImage{
		position:relative;
		top:0px;
		float:left;
		display:inline-block;
		height: 85px;
		width: 130px;
		margin-top:0px;
		margin-bottom:0px;
		/*margin-right:5px;*/
		}
	
	
	
	matching { 
	
	}
	.db_validate {
		position:relative;
		top:20px;
		left:145px;
		float:left;
		clear:left;
		display:block;
		width:125px;
		height:13px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size: 12px;
		padding:15px;
		background-color:#555a5e;
		cursor:pointer;
		background-image: url(../images/img_common/confirm_arrow.png);
		background-repeat: no-repeat;
		background-position: right top;
		 }
	.db_comments
	{ 
	float:right;
	width:250px;
	height:250px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	display:none;
	}
	
	.db_correctFeedback
	{
	float:left;
	clear:left;
	width:300px;
	height:250px;
	margin-right:10px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	display:none;
	}
	
	.db_wrongFeedback
	{
	float:left;
	clear:left;
	width:300px;
	height:250px;
	margin-right:10px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	display:none;
	}
	.dropBlock{ 
		float:left;
	   margin-top:10px;
	   width:692px;
	   height:460px;
	}
.dragBox{ 
		float:right;
		margin:0px;
	   width:270px;
	   height:400px;
	   border: none;
	/*   background-color:#0C3;*/
	}

 /*template multiple Answer*/
 .answerchoiceBlock
   {
	  position:absolute;
	  top:450px;
	   float:right;
	   margin-top:0px;
	   width:280px;
	   height:470px;	  
	  
	  }

	.emptyanswerItem
   {
		/*display:none;*/
		
	  }
	  
  .answerchoiceItem
   {
	float:left;
	margin-bottom:20px;
	width:240px;
	min-height:25px;
	max-height:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	padding-left:60px;
	padding-top:5px;
	background-image: url(../images/img_multiAnswer/check_emp.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  }
	  
	.answerchoiceItemDone
   {
	float:left;
	margin-bottom:20px;
	width:240px;
	min-height:25px;
	max-height:auto;
	padding-top:5px;
	padding-left:60px;
	background-image: url(../images/img_multiAnswer/check_emp.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  }
	  
	.answerchoiceItemSel
   {
	float:left;
	margin-bottom:20px;
	width:240px;
	min-height:25px;
	max-height:auto;
	padding-top:5px;
	padding-left:60px;
	background-image: url(../images/img_multiAnswer/check_sel.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  }
	  
	
	  
	  .answerchoiceText
   {
	width:275px;
	height:50px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
	vertical-align: middle;	   	  
	  }
	  
	.answervalidate
	{
	/*position:relative;
	bottom:0px;*/
	margin-top:20px;
	float:right;
	display:block;
	width:125px;
	height:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	padding:15px;
	background-color:#555a5e;
	cursor:pointer;
	background-image: url(../images/img_common/confirm_arrow.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
	.answercomments
	{
	position:relative;
	margin-top:10px;
	float:left;
	width:300px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	display:none;
	}
	.answercorrectFeedback
	{
	display:none;
	}
	
	.answerwrongFeedback
	{
	display:none;
	}
	
	.answerhighlight_correct {
		background-image: url(../images/img_multiAnswer/check_cor.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		 }
		 
	.answerhighlight_correctNC {
		background-image: url(../images/img_multiAnswer/check_corNC.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		 }
		 
	.answerhighlight_wrong {
		 background-image: url(../images/img_multiAnswer/check_wro.png);
		background-repeat: no-repeat;
		background-position: 0px 0px; 
		 }


 /*template multiple choice*/
 .contImg_cb{
	 position:absolute;
	 top:20px;
			display:block;
			margin-top:10px;
			width:300px;
			height:auto;
			/*background-color:#060;*/
		}
		
		 .contImg_cb img{
			width:300px;
			height:auto;
			margin-bottom:0px;
			/*background-color:#060;*/
		}
 .choiceBlock
   {
	   /*float:left;
	   margin-top:10px;
	   width:330px;
	   height:515px;*/
	   
	   position:absolute;
	  	top:450px;
	   float:right;
	   margin-top:0px;
	   width:280px;
	   height:515px;	
	   
	   
	   
	  }
	  
  .choiceItem
   {
	float:left;
	margin-bottom:20px;
	width:240px;
	min-height:25px;
	max-height:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	padding-left:60px;
	padding-top:5px;
	background-image: url(../images/img_multiChoice/radio_emp.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  }
	  
	.emptychoiceItem
   {
/*	float:left;
	margin-bottom:20px;
	width:275px;
	height:50px;
	display:block;*/

	  }
	  
	.choiceItemDone
   {
	float:left;
	margin-bottom:20px;
	width:240px;
	min-height:25px;
	max-height:auto;
	padding-top:5px;
	padding-left:60px;
	background-image: url(../images/img_multiChoice/radio_emp.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  }
	  
	.choiceItemSel
   {
	float:left;
	margin-bottom:20px;
	width:240px;
	min-height:25px;
	max-height:auto;
	padding-top:5px;
	padding-left:60px;
	background-image: url(../images/img_multiChoice/radio_sel.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	  }
	  
	
	  
	  .choiceText
   {
	width:275px;
	height:50px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
	vertical-align: middle;	   	  
	  }
	  
	.comments
	{
	position:relative;
	float:left;
	width:300px;
	height:auto;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#515252;
	font-size: 12px;
	display:none;
	}
	.correctFeedback
	{
	display:none;
	}
	
	.wrongFeedback
	{
	display:none;
	}

	.validate
	{
	margin-top:10px;
	float:right;
	display:block;
	width:125px;
	height:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	padding:15px;
	background-color:#555a5e;
	cursor:pointer;
	background-image: url(../images/img_common/confirm_arrow.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
	
	.highlight_correct {
		background-image: url(../images/img_multiChoice/radio_cor.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		 }
		 
		.highlight_correctNC {
		background-image: url(../images/img_multiChoice/radio_corNC.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		 }
		 
	.highlight_wrong {
		 background-image: url(../images/img_multiChoice/radio_wro.png);
		background-repeat: no-repeat;
		background-position: 0px 0px; 
		 }
 

/*template text and image - multiple option*/
/*option1 - full area video/animation*/
		.contVid_full{
		float:left;
		display:block;
		margin-top:10px;
		width:300px;
		height:auto;
		/*border: 2px solid #666;	
		background-color:#060;*/
		}
		.vid{
			width:300px;
			height:auto;
		}

/*option2 - image on left 2/3 text on right1/3*/
		.contImg_op2{
			float:left;
			display:block;
			margin-top:10px;
			width:300px;
			height:auto;
			clear:left;
		}
		.contText_op2{
			float:left;
			display:block;
			margin-top:10px;
			width:270px;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 10pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
		}
	
/*option3 - image on left 1/2 text on right1/2*/

		.contImg_op3{
			float:left;
			display:block;
			margin-top:10px;
			width:300px;
			height:auto;
		}
			.contImg_op3 img{
			width:100%;
			height:auto;
		}

		.contText_op3{
			float:left;
			display:block;
			margin-top:10px;
			width:300px;
			height:500px;
			list-style-position:inside;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height:12pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
		}
		
		.contText_op3 li{
			padding-left:15px;
			text-indent: -13px;
		}

/*option4 - 2 images on top, 2 text blocks on bottom*/

		.contImg_op_l{
			float:left;
			display:block;
			margin-top:10px;
			width:300px;
			height:auto;
		}
		
		.contImg_op_full{
			float:left;
			display:block;
			margin-top:10px;
			width:692px;
			height:360px;
			/*background-color:#060;*/
			/*background-color:#060;*/
		}
		.contImg_op_r{
			float:right;
			display:block;
			margin-top:10px;
			width:340px;
			height:360px;
			/*background-color:#060;*/
			/*background-color:#060;*/
		}
		
		.contText_op_l{
			float:left;
			display:block;
			margin-top:10px;
			width:340px;
			height:515px;
			list-style-position:inside;
			height:140px;
			/*background-color:#0CC;*/
			font-family:Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height:12pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
		}
		
		.contText_op_l li{
			padding-left:15px;
			text-indent:-15px;
		}
		.contText_op_r{
			float:right;
			display:block;
			margin-top:10px;
			width:325px;
			height:140px;
			/*background-color:#0CC;*/
			font-family:Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height:12pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
			padding-left:15px;
		}
		
.contText_op_full{
	float:left;
	display:block;
	margin-top:10px;
	width:auto;
	list-style-position:inside;
	height:140px;
	/*background-color:#0CC;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
	color: #515252;
	font-weight: normal;
	line-height:11pt;
		}
		.contText_op_full li{
			padding-left:15px;
			text-indent:-15px;
			}
		
/*option5 - 2 blocks with 2 images on top and 2 text blocks on bottom*/

		.contImg_op_l_small{
			float:left;
			display:block;
			margin-top:10px;
			width:340px;
			height:150px;
			/*background-color:#060;*/
		}
		.contImg_op_r_small{
			float:right;
			display:block;
			margin-top:10px;
			width:340px;
			height:150px;
			/*background-color:#060;*/
		}
		
		.contText_op_l_small{
			float:left;
			display:block;
			margin-top:10px;
			width:340px;
			height:90px;
			/*background-color:#0CC;*/
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
		}
		.contText_op_r_small{
			float:right;
			display:block;
			margin-top:10px;
			width:340px;
			height:90px;
			background-color:#0CC;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
		}
		
/*option6 - 2 images on top, 2 text blocks on bottom*/

		.contImg_op_l_medium{
			float:left;
			display:block;
			margin-top:10px;
			width:340px;
			height:165px;
			background-color:#060;
		}
		
		.contText_op_r_medium{
			float:right;
			display:block;
			margin-top:10px;
			width:340px;
			height:165px;
			background-color:#0CC;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11pt;
			text-align:left;
			color: #515252;
			font-weight: normal;
		}	
	
	
	
	
	
	
}