@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/
@media print {
	.car,#peloti, #tools, #menuse, .menut, .menuc, .menub, .menusep, #help {
		display:none !important;
	}
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
/*ol, ul { //=> ?????!!!!!!
    list-style: none;
}*/
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table, tbody {
	border-spacing:0;
}
/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/
/* END http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/

/* FONTS */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style:normal;
}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansProRegular';
    src: url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('sourcesanspro-semibold-webfont.woff') format('woff'),
         url('sourcesanspro-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'palotes';
    src: url('sminfpr-webfont.woff') format('woff'),
         url('sminfpr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'palotes';
    src: url('sminfpb-webfont.woff') format('woff'),
         url('sminfpb-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'smsymbol2';
    src: url('smsymbol2-webfont.woff') format('woff'),
         url('smsymbol2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fishfingers';
    src: url('fishfingers-webfont.woff') format('woff'),
         url('fishfingers-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fishfingers';
    src: url('fishfingers-webfont.woff') format('woff'),
         url('fishfingers-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* END FONTS */

/* MAIN */
body {
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border:0px none;
	font: 23px 'SourceSansProRegular', Arial, Helvetica, sans-serif;
	color:#333;
	line-height: 28px;
	overflow:hidden;
}
b, strong {
	font-family: 'SourceSansProBold';
	font-weight: normal;
}
.logo{
	position:absolute;
	right:16px;
	top:17px;
	z-index:99999;
	overflow:hidden;
}
.medio {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left:-480px;
	width: 960px;
	height: 600px;
	/*background-color:#fff;*/
	overflow:hidden;
	-webkit-transform-origin: 0px 0px 0px;
	-moz-transform-origin: 0px 0px 0px;
	-ms-transform-origin: 0px 0px 0px;
	-o-transform-origin: 0px 0px 0px;
	transform-origin: 0px 0px 0px;
}

.noRounded {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.spinner {
	width: 32px;
	height: 32px;
	margin-top: -10px;
	margin-left: -10px;
}

/* END MAIN */

/* barras de navegación */
.ptoolbar {
	position: absolute;
	bottom: 0px;
	left:0px;
	height: 60px;
	width: 100%;
	margin:0px;
	padding:0px;
	z-index:9999;
	background:#fff;
}
.toolbar {
	position: absolute;
	bottom: 0px;
	left:0px;
	height: 60px;
	width: 100%;
	margin:0px;
	padding:0px;
	z-index:9999;
	background-color:#333333;
	border-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top:1px solid white;
}
.counter {
	text-align: center;
	font: 22px 'Arial';
	font-weight: bold;
	/*margin-left: 10px;
	margin-right:10px;*/
	position:relative;
	line-height:38px;
	color:#CCC;
}
.barButton, .barButton:visited {
	position:relative;
	opacity:1;
	height: 41px;
	width: 41px;
	/*display: inline-block;*/
	text-decoration: none;
	cursor: pointer;
	overflow:hidden;
}
.barButton:hover, .barButton:active {
}
.closeButton, .closeButton:visited {
	position:relative;
	float:right;
	opacity:1;
	height: 41px;
	width: 41px;
	/*display: inline-block;*/
	text-decoration: none;
	cursor: pointer;
	overflow:hidden;
	top:-17px;
	right:-18px;
}
.closeButton:hover, .closeButton:active {
}
.home,.help,.hint,.mute,.unmute,.minihint,.minifwd,.minirwd,.check,.solution,.close,.play,.pause,.arrowLeft,.arrowRight,.chokay,.bigplay,.desplegar{
	/*background-image:url(../data/imgs/icos_sec_2015.png);*/
	background-repeat:no-repeat;
	background-size: 984px 328px;
}
.home, .home:visited {                  background-position: -246px    0px;}
.home:hover, .home:active {             background-position: -574px    0px;}
.help, .help:visited {                  background-position:  -82px  -41px;}
.help:hover, .help:active {             background-position: -410px  -41px;}
.hint, .hint:visited {                  background-position:    0px  -41px;}
.hint:hover, .hint:active {             background-position: -328px  -41px;}
.mute, .mute:visited {                  background-position: -164px    0px;}
.mute:hover, .mute:active {             background-position: -492px    0px;}
.unmute, .unmute:visited {              background-position: -205px    0px;}
.unmute:hover, .unmute:active {         background-position: -533px    0px;}
.check, .check:visited {                background-position: -287px    0px;}
.check:hover, .check:active {           background-position: -615px    0px;}
.solution, .solution:visited {          background-position:  -41px  -41px;}
.solution:hover, .solution:active {     background-position: -369px  -41px;}
.play, .play:visited {                  background-position:  -82px    0px;}
.play:hover, .play:active {             background-position: -410px    0px;}
.pause, .pause:visited {                background-position: -123px    0px;}
.pause:hover, .pause:active {           background-position: -451px    0px;}
.desplegar, .desplegar:visited {        background-position:  0px    -123px;}
.desplegar:hover, .desplegar:active { }
.close, .close:visited {                background-position:  -82px -123px;}
.close:hover, .close:active { }
.arrowLeft, .arrowLeft:visited {        background-position:  -41px    0px;}
.arrowLeft:hover, .arrowLeft:active {   background-position: -369px    0px;}
.arrowLeft.tInac {                      background-position: -697px    0px;}
.arrowRight, .arrowRight:visited {      background-position:    0px    0px;}
.arrowRight:hover, .arrowRight:active { background-position: -328px    0px;}
.arrowRight.tInac {                     background-position: -656px    0px;}
.bigplay {
	display: block;
	width: 90px;
	height: 90px;
	background-size: 984px 328px;
	background-position: -332px -125px;
	position: absolute;
	top:33%;
	left:45%;
	opacity:0.5;
}
#overplay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
}


.chokay {
	background-position: -205px -205px;
	width:41px;
	height:41px;
	position:absolute;
	right:15px;
	top:15px;
	display:inline-block;
}
.minihint {
	background-position: -92px -297px;
	width:20px;
	height:20px;
	display:inline-block;
	position:relative;
	top:2px;
}
.minifwd {
	background-position: -133px -297px;
	width:20px;
	height:20px;
	display:inline-block;
	position:relative;
	top:2px;
}
.minirwd {
	background-position: -174px -297px;
	width:20px;
	height:20px;
	display:inline-block;
	position:relative;
	top:2px;
}

.progressBar{
	height: 40px;
}
.progressBar .time{
	font: 16px SourceSansProSemibold;
	height:40px;
	line-height:38px;
	width:55px;
	text-align:left;
	padding-left:10px;
	color:#FFF;
}
.progressBar .back{
	position:relative;
	width:100%;
	background:#FFF;
	height:16px;
	margin: 9px 0px;
	border:1px solid #999;
	border-radius:18px;
	overflow:hidden;
	-webkit-box-shadow: 1px 1px 0px 0px #CCC;
	-moz-box-shadow:    1px 1px 0px 0px #CCC;
	box-shadow:         1px 1px 0px 0px #CCC;
}
.progressBar .top{
	position:relative;/*absolute;*/
	top:0px;/*-9px*/
	left:0px;
	width:100%;
	background:#7f7f7f;
	background:rgba(127,127,127,0.5);
	height:16px;
	margin: 0px;/*9px 0px;*/
	border-top-width:2px;
	border-radius:18px;
}

.progressBar .slider:after {
	content:" ";
	position:absolute;
	top:2px;
	left:1px;
	width:27px;
	height:27px;
	background:#CCC;
	-webkit-box-shadow: 0px 4px 3px 2px rgba(120, 120, 120, 0.2);
	-moz-box-shadow:    0px 4px 3px 2px rgba(120, 120, 120, 0.2);
	box-shadow:         0px 4px 3px 2px rgba(120, 120, 120, 0.2);
	border-radius:15px;
}
.progressBar .slider,.progressBar .slider:visited{
	position:absolute;
	left:183px;
	width:200px;
	width:29px;
	height:29px;
	border-radius:34px;
	top:15px;
	background:#CCC;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);
	cursor:pointer;
}
.progressBar .slider:hover:after{
	background:#e4e4e4;
	background: -moz-linear-gradient(top,  #fefefe 0%, #d2d2d2 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#d2d2d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#d2d2d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#d2d2d2 100%); /* W3C */
	cursor:pointer;
}
.progressBar .slider:active:after{
	background:#cccccc;
	background: -moz-linear-gradient(top,  #d9d9d9 0%, #9d9d9d 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #d9d9d9 0%,#9d9d9d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9d9d9 0%,#9d9d9d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9d9d9 0%,#9d9d9d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9d9d9 0%,#9d9d9d 100%); /* W3C */
	cursor:pointer;
}
.icono {
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: relative;
}
.icono img {
	width: 2400px;
	height: 1000px;
	position: absolute;
}

.clbtn{
	position:relative;
	display:inline-block;
	width:20px;
	height:19px;
	overflow:hidden;
}

.nocnt {
	left:70px;
}
.tcont {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:60px;
}
.tlft {
	text-align:left;
	margin-left:27px;
}
.tlft .tcont {
	min-width:645px;
}
.barTitle {
	height: 38px;
	width:auto;
	padding: 0px 10px;
	display:inline-block;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	text-align: center;
	font: 16px 'SourceSansProBold', Arial, sans-serif;
	color: black;
	line-height: 38px;
	margin-top:8px;
	position:absolute;
	left: 104px;
	margin:0;
}
.barAnonE {
	position:absolute;
	top:0px;
	right:47px;
}
.barAnon {
	height: 32px;
	width: 32px;
	background-color:#999;
	display:inline-block;
	text-align: center;
	font-family: 'SourceSansProBold', Arial, sans-serif;
	color: white;
	line-height: 32px;
	border-radius:26px;
	cursor:pointer;
}
.anonSelected,.anonSelected:hover,.anonSelected:active,.anonSelected:visited {
	color: #FFF;
	background-color: #000;
	cursor:default;
	text-decoration:none;
}
/* TOC */
.sheet {
	font-family: 'SourceSansProBold';
	border:3px solid #F7A800;
	border-radius: 12px;
	padding: 8px;
	background-color:#FFF;
	position: absolute;
	bottom: 66px;
	left:27px;
	padding-right:0px;
	z-index:9999;
}
.sheet:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-top: 15px solid #F6A800;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	bottom:-30px;
	left:34px;
}
.sheet:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-top: 15px solid #FFF;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	bottom:-26px;
	left:34px;
}

.scrollable {
	max-width: 600px;
	max-height: 220px;
	overflow:hidden;
	overflow-y: auto;
	display:inline-block;
	padding-right:1em;
}
.tContainer {
	position:relative;
	height:32px;
	width:150%;
	margin-bottom: 6px;
}
.tContainer:last-child{
	margin-bottom: 0px;
}
.title{
	color:#E85F21;
	font-size:50px;
	line-height:50px;
	position:absolute;
	top:75px;
	left:67px;
	width:225px;
	text-align:center;
	text-transform:uppercase;
}
.subtitle{
	color:#333;
	font-size:40px;
	line-height:40px;
	position:absolute;
	top:80px;
	left:67px;
	text-align:center;
	text-transform:uppercase;
}
.ffs {
	font-family: 'fishfingers';
}
.ffss {
	position:relative;
	top:0.1em;
}
.ffsl {
	position:relative;
	top:0.1em;
}
.ffsa {
	position:relative;
	top:0.1em;
	font-size:0.9em;
}

.titleSelected,.titleSelected:hover,.titleSelected:active,.titleSelected:visited {
	background-color:black;
	color:white;
	cursor:default;
}
.titleInactivo {
	color:#CCC;
}
.level2 {
	margin-left:20px;
}


/* END barras de navegación */


#spinner {
	position:absolute;
	width:100%;
	height:100%;
	background: #FFF url(../data/imgs/loading.gif) no-repeat scroll 50% 50%;
	z-index:10000;
}
#spinnerC {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	display: none;
}


.fr {
	/*background-color:#FFF;*/
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0px;
	top: 0px;
}

.ldbck{
	position:absolute;
	left:50%;
	width:300px;
	margin-left:-150px;
	top:50%;
	height:18px;
	margin-top:-9px;
	border-radius: 18px;
	border: 1px solid #333;
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 10%, #ededed 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#cccccc), color-stop(30%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 10%,#ededed 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 10%,#ededed 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 10%,#ededed 30%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 10%,#ededed 30%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.ldtop{
	position:absolute;
	left:50%;
	width:296px;
	margin-left:-147px;
	top:50%;
	height:14px;
	margin-top:-6px;
	border-radius: 12px;
	border: 0px none;
	background: #060;
}
.ldball{
	position:absolute;
	left:50%;
	width:20px;
	height:20px;
	margin-left:-148px;
	top:50%;
	margin-top:-9px;
	border-radius: 20px;
	border: 0px none;
	background: #333; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.75);
}

/* special stuff */
.flip {
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	image-rendering: -moz-crisp-edges;
}
.flipY {
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	image-rendering: -moz-crisp-edges;
}
.shadow {
	box-shadow: 4px 4px 12px rgba(0,0,0,0.7);
	-moz-box-shadow: 4px 4px 12px rgba(0,0,0,0.7);/*FF 3.5*/
	-webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.7);/*old webkits*/
}
.noshadow {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.desaturated {
    /*filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter></svg>#grayscale'); /* Firefox 3.5+ */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(100%);
}


/* SM Infantil 2016 */
#peloti,#tools,#tooltip{
	display:none;
}
#tooltip {
	position:absolute;
	padding:10px;
	background-color:#FFC;
	border:1px solid #996; 
	border-radius:6px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	z-index:9999;
}
#tools {
	position:absolute;
	width:193px;
	height:56px;
	top:10px;
	right:5px;
}
#menu {
	position:absolute;
	width:125px;
	height:110px;
	top:25px;
	left:30px;
	background-size:100% auto;
	background-position:0px 0px;
	background-repeat:no-repeat;	
}
#chapa,#chapa:hover,#chapa:visited,#chapa:active {
	position:absolute;
	right:-102px;
	top:5px;
	width:98px;
	height:127px;
	z-index:-1;
	cursor:pointer;
}
/*.menut{
	position:relative;
	width:auto;
	height:44px;
	top:0px;
	left:0px;
	background-size:754px 44px;
	background-position:top right;
	background-repeat:no-repeat;	
}
.menuc{
	position:relative;
	width:auto;
	height:auto;
	top:5px;
	background-size:754px 1px;
	background-position:top right;
	background-repeat:repeat;
}
.menub{
	position:relative;
	width:auto;
	height:40px;
	top:10px;
	background-size:754px 40px;
	background-position:top right;
	background-repeat:no-repeat;	
}
.menusep{
	position:relative;
	width:auto;
	height:38px;
	top:-20px;
    right: -5px;
	background-size:760px 38px;
	background-position:top right;
	background-repeat:no-repeat;
}
#menuse {
	position:absolute;
	height:auto;
	top:0px;
	left:-1275px;
	z-index:1;
}*/
#menuse {
	position:absolute;
	height:auto;
	top:0px;
	left:-1275px;
	z-index:1;
	background: rgba(128,208,63,0.2); /* Old browsers */
	background: linear-gradient(to right,  #F3F5E6 0%,#F9F9E3 41%, #E4F5D3 81%, #E6F6D8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 4px solid #BAA418;
	border-radius:26px;
}
.menusep{
	position:relative;
	width:auto;
	height:38px;
	top:-20px;
    right: -8px;
	background-size:760px 38px;
	background-position:top right;
	background-repeat:no-repeat;
}

#tapa {
    background: rgba(32,0,133,0.5);
    position: absolute;
    top: 0px;
    left: -960px;
    width: 100%;
    height: 100%;
}

#arw{
	/*cursor:pointer;*/
	border:0px none;
}
#ic1,#ic2,#ic3,#ic4,#ic5,#ic6,#ic7,#ic8,#ic9,#ic10,#ic11,#ic12,#ic13,#ic14,#ic15,#ic16{
	position:absolute;
	width:105px;
	height:105px;
	background-repeat:no-repeat;
	background-size:1050px 420px;
	background-position:0px 0px;
	cursor:pointer;
}
#ic1 {background-position:0px 0px;}
#ic2 {background-position:-105px 0px;}
#ic3 {background-position:-210px 0px;}
#ic4 {background-position:-315px 0px;}
#ic5 {background-position:-420px 0px;}
#ic6 {background-position:-525px 0px;}
#ic7 {background-position:-630px 0px;}
#ic8 {background-position:0px 0px;}
#ic9 {background-position:0px 0px;}
#ic10 {background-position:0px 0px;}
#ic11 {background-position:0px 0px;}
#ic12 {background-position:0px 0px;}
#ic13 {background-position:0px 0px;}
#ic14 {background-position:0px 0px;}
#ic15 {background-position:0px 0px;}
#ic16 {background-position:0px 0px;}
.menuItem {
	position:relative;
	color:#6C6854;
	font: 18px 'fishfingers';
	letter-spacing:1px;
	text-align: left;
	line-height:20px;
	padding:5px;
	margin-left:60px;
	margin-top:3px;
	margin-bottom:0px;
    min-width: 150px;
	max-width: 650px;
	cursor:pointer;
	z-index:1;
	
	background-color:#AFDC20;
    border-radius: 12px;
    display: block;
	margin-right: 70px;
}
.menuItem:before {
	content:"";
	position:absolute;
	top:0px;
	left:-5px;
	width:20px;
	height:30px;
	background-repeat:no-repeat;
	background-size:207px 60px;
	background-position:0px 0px;
	z-index:-1;
}
.menuItem:after {
	content:"";
	position:absolute;
	top:1px;
	right:-55px;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:300px 120px;
	background-position:0px 0px;
}
.menuItem:first-child{
	margin-top:10px;
}
.menuItem:last-child{
    margin-bottom: 15px;	
}
.current {
	background-color:#FDBA1B;
}
.current:before {
	background-position:0px -30px;
}

.ic0{
	font:20px 'fishfingers';
	letter-spacing:1px;
	margin-left:55px;
	margin-top:-22px;
	margin-bottom:-5px;
	background:none;
	color:#6C6854;
	cursor:default;
}
.ic0:before,.menuItem.ic0:before,.menuItem.ic0:after{
	background:none;
}
.ic0:after{background-image:none;}
.ic1:after{background-position:    0px 0px;}
.ic2:after{background-position:  -30px 0px;}
.ic3:after{background-position:  -60px 0px;}
.ic4:after{background-position: -90px 0px;}
.ic5:after{background-position: -120px 0px;}
.ic6:after{background-position: -150px 0px;}
.ic7:after{background-position: -180px 0px;}
.ic8:after{background-position: -210px 0px;}
.ic9:after{background-position: -240px 0px;}
.ic10:after{background-position:-270px 0px;}
.ic11:after{background-position:   0px -30px;}
.ic12:after{background-position: -30px -30px;}
.ic13:after{background-position: -90px -40px;}
.ic14:after{background-position:-120px -40px;}
.ic15:after{background-position:-160px -40px;}
.ic16:after{background-position:-200px -40px;}
.ic17:after{background-position:-240px -40px;}
.ic18:after{background-position:-280px -40px;}
.ic19:after{background-position:-320px -40px;}
.ic20:after{background-position:-360px -40px;}
.ic21:after{background-position:   0px -80px;}
.ic22:after{background-position: -40px -80px;}
.ic23:after{background-position: -80px -80px;}
.ic24:after{background-position:-120px -80px;}
.ic25:after{background-position:-160px -80px;}
.ic26:after{background-position:-200px -80px;}
.ic27:after{background-position:-240px -80px;}
.ic28:after{background-position:-280px -80px;}
.ic29:after{background-position:-320px -80px;}
.ic30:after{background-position:-360px -80px;}
.ic31:after{background-position:   0px -120px;}
.ic32:after{background-position: -40px -120px;}
.ic33:after{background-position: -80px -120px;}
.ic34:after{background-position:-120px -120px;}
.ic35:after{background-position:-160px -120px;}
.ic36:after{background-position:-200px -120px;}
.ic37:after{background-position:-240px -120px;}
.ic38:after{background-position:-280px -120px;}
.ic39:after{background-position:-320px -120px;}
.ic40:after{background-position:-360px -120px;}

.helpb {
	position:absolute;
	top:490px;
	right:0px;
	width:61px;
	height:42px;
	cursor:pointer;
}