@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'patrick_handregular';
    src: url('../fonts/patrickhand-regular-webfont.eot');
    src: url('../fonts/patrickhand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/patrickhand-regular-webfont.woff2') format('woff2'),
         url('../fonts/patrickhand-regular-webfont.woff') format('woff'),
         url('../fonts/patrickhand-regular-webfont.ttf') format('truetype'),
         url('../fonts/patrickhand-regular-webfont.svg#patrick_handregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body, html{
background: #d1b681; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #d1b681 0%, #a07656 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d1b681), color-stop(100%,#a07656)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #d1b681 0%,#a07656 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #d1b681 0%,#a07656 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #d1b681 0%,#a07656 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #d1b681 0%,#a07656 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1b681', endColorstr='#a07656',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-size:cover;
background-image: url('../images/background.jpg');

}

html{
height:100%;	
}

body{
height:100%;
margin: 0;
background-repeat: no-repeat;
background-attachment:fixed;
color:#744927;	

}



.title{
	width:100%;
	height:auto;
	text-align:center;
	
}

h3{
    font-size: 53px;
    color: #8a6d3b;
    background-color: #eae0c2;
    padding: 20px;	
}

.buttons{
width:100%;
text-align:center;	
}

.buttons li{
list-style:none;
margin-bottom:3%;	
}

.buttons img{
cursor:pointer;	
}

.image_background{
	position: absolute;
    top: 350px;
}

.title img{
height: auto;
    width: 50%;	
}

.aim p, #topText{
       color: #8a6d3b;
    background-color: #eae0c2;
    padding: 10px;
    border: solid 2px #8a6d3b;
    width: 100%;
    font-size: 30px;
    font-family: 'patrick_handregular';
    border-radius: 10px;
}
}


input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #8a6d3b;
}

.btn {
	-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
	-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.btn:active {
	position:relative;
	top:1px;
}

	
	a {
    color: #544427;
    text-decoration: none;
}

th{
background-color: #E4DABD;	
}

.btn-info {
    background-color: #d1b681 !important;
    border-radius:15px;
	border:2px solid #333029;
    color: #504229  !important;
	z-index:999;
}

button.btn.btn-info.btn-lg {
    position: absolute;
    right: 10px;
    top: 10px;
}

.modal-content {
    
    background-color: #a07656 !important;
    color: #fcf8e3 !important;
}

button.btn.btnReturn {
    position: absolute;
    left: 20px;
    top: 10px;
}
#listOptions .item {margin:5px auto}
#feedback {margin:0; padding:0; list-style:none}
.feedback-item {height:90px; font-size:80px; line-height:45px; color:#eae0c2; text-align:left;}
.feedback-item span {}

/*1_1 -----------------------------------------------------------------------------------------------------------------------*/


.answer{display:none}
#btnShowAnswer {display:none}
#wrapper {height:100px; position:relative}

#wrapper .btn {position:absolute; bottom:0px; font-size: xx-large;}

/*1_2 --------------------------------------------------------------------------------------------------------------------------*/



.firstColumn{
background-color:#694A33;
color:#fcf8e3;	
}

td, th {
    padding: 10px;
}
/*1_3 ------------------------------------------------------------------------------------------------------------------------------*/		

.ui-sortable li {
    background-image: url("../images/flour.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
    text-align: center;
    font-size: 3em;
    padding-top: 10px;
    color: #654B1E;
}

button#print {
    float: right;
}

button#reset{
float:right;
margin-left:10px;	
}

#imageList li{
list-style:none;	
}

#imageList li img{
padding:5px;;	
}

#listOptions{
    font-family: 'patrick_handregular';
}
		
		.ui-sortable li, .tOne{cursor:pointer;}
		
		
	
		
		
		
		
		
		#nav {width:100%; margin:20px auto;}
		#extensionTask ol li {margin-bottom:2em;}
		.ui-widget-header {background:#A07656; color:#FFF;}
		.ui-corner-all {border-radius:0;}
		.ui-dialog {padding:0;}
		
		#topText ul {
    list-style: none;
	
}

ul.ui-sortable {
    list-style: none;
}


		
		
		@page {
			size:a4;
			margin:10mm;
		}
		@media print {
		h1 {font-size:22px;}
		h3 {font-size:16px;}
		.content {
			padding-bottom:10px;
			padding-right:10px;
			padding-left:10px;
			display: block!important;
			border: solid;
			margin: 20px auto
		}
		}
		
		
		
		/*1_2 -------------------------------------------------------------------------------------------------*/
		.row {margin-top:10px; margin-bottom:10px;}
	td,th{padding:10px;}
	.edit{min-height:80px;}
	
	td span {font-size:20px; cursor:pointer;}
	td span:hover {color:#3a8;}	

	.modal-header {border-bottom:none;}
	.modal-body img {width:100%;}
	
	#checkAnswer1, #checkAnswer2 {
    float: right;
}
		
		
		.checkAnswer, .checkAnswer1 {
    float: right;
}

.modal-body p {
    font-size: 24px;
}