@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/

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: 'SourceSansProBold';
    src: url('sourcesanspro-bold-webfont.eot');
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansProRegular';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('sourcesanspro-semibold-webfont.eot');
    src: url('sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-semibold-webfont.woff') format('woff'),
         url('sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* END FONTS */

/* MAIN */
body {
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border:0px none;
	font: 16px 'SourceSansProRegular', Arial, Helvetica, sans-serif;
	color:#333;
	line-height: 17px;
}
b, strong {
	font-family: 'SourceSansProBold';
	font-weight: normal;
}
.logo{
	position:absolute;
	right:16px;
	top:17px;
	z-index:99999;
	overflow:hidden;
}
.medio {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-336px;
	margin-top:-210px;
	width: 672px;
	height: 420px;
	background-color:#fff;
}
.medio:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height:0px;
	border-bottom:7px solid lightblue;
	/*border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;*/
	z-index:1000;
}
.medio:after{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width: 100%;
	height:0px;
	border-top:7px solid lightblue;
	/*border-top-left-radius:8px;
	border-top-right-radius:8px;*/
	z-index:1000;
}
.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 */
.toolbar {
	position: absolute;
	bottom: 44px;
	left:0px;
	height: 0px;
	width: 100%;
	text-align:center;
	margin:0px;
	padding:0px;
	z-index:9999;
}
.counter {
	height: 38px;
	width: 80px;
	background-color: #999;
	display: inline-block;
	text-align: center;
	font: 18px 'SourceSansProBold';
	color: white;
	line-height: 38px;
	position: absolute;
	left: 41px;
	margin: 0;
	border-radius: 10px;
}
.arrowLeft {
	height: 38px;
	width: 38px;
	background-color: #999;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	font: 28px 'smsymbol2',Arial,sans-serif;
	color: white;
	line-height: 40px;
	position: absolute;
	left: 0;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
}
.arrowRight {
	height: 38px;
	width: 35px;
	padding-left: 3px;
	background-color:#999;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	font: 28px 'smsymbol2',Arial,sans-serif;
	color: white;
	line-height: 40px;
	position: absolute;
	left: 124px;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
}
.arrowLeftT {
	height: 32px;
	width: 32px;
	background-color:#999;
	display:inline-block;
	border-radius: 9px;
	text-align: center;
	font: 24px 'smsymbol2';
	color: white;
	line-height: 36px;
	position:absolute;
	left:0px;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}

.arrowRightT {
	height: 32px;
	width: 32px;
	background-color:#999;
	display:inline-block;
	border-radius: 9px;
	text-align: center;
	font: 24px 'smsymbol2';
	color: white;
	line-height: 36px;
	position:absolute;
	left:124px;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}
.nocnt {
	left:70px;
}
.arrowToc {
	height: 32px;
	width: 32px;
	background-color:#999;
	display:inline-block;
	text-align: center;
	font: 32px 'smsymbol2';
	color: white;
	border-radius: 9px;
	line-height: 34px;
	position:absolute;
	left:35px;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}
.tcont {
	display:inline-block;
	position:relative;
	height:38px;
	min-width:162px;
	top:-4px;
}
.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;
}
.anarr{
	font: 24px 'smsymbol2';
	line-height:12px;
	background:none;
	color:#999;
	width:12px;
	height:10px;
	margin-left:4px;
	margin-right:4px;
}
/* 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{
	width: auto;
	background-color:#FFF;
	padding: 4px 8px;
	color:#999;
	font:18px "SourceSansProSemibold";
	margin-left:2px;
	line-height:24px;
	height:24px;
	display:inline-block;
	border-radius: 12px;
	cursor:pointer;
}
.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;/*#FFF;*/
	z-index:10000;
}
#spinnerC {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}


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

/*.ldpnt{
	top:10px;
	font-size: 12px;
	color: #FFF;
	position:absolute;
	left:40%;
	min-width:40px;
	width:40px;
	padding:2px;
	height:40px;
	line-height:40px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border: 4px solid #FFF;
	background: #666;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;

}*/
.ldbck{
	position:absolute;
	left:40%;
	width:200px;
	height:25px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid white;
	background: #CCC;
}
.ldtop{
	position:absolute;
	left:40%;
	width:200px;
	line-height:25px;
	height:25px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid white;
	background: #F60;
	background-image:url(../data/res/prog.gif);
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:white;
	overflow:hidden;
}

.playButton,.playButton:visited {
	position:absolute;
	right:35px;
	top:45%;
	width:56px;
	height:56px;
	background:#F6A800;
	border-radius:28px;
	font: 38px 'smsymbol2';
	color:white;
	text-decoration:none;
	text-align:center;
	line-height:60px;
	letter-spacing:-5px;
}
.playButton:hover,.playButton:active {
	background:#EE7F00;
}
.tinyAudioButton,.tinyAudioButton:visited {
	width:32px;
	height:32px;
	background:#999;
	border-radius:32px;
	font: 24px 'smsymbol2';
	color:white;
	border:2px solid #CCC;
	text-decoration:none;
	text-align:center;
	line-height:36px;
	display:inline-block;
}
.tinyAudioButton:hover,.tinyAudioButton:active {
	background:#218b29;
	border-color:#218b29;
}


.globe {
	position: absolute;
	background-color: #FFF;
	padding: 15px 30px 15px 30px;
	margin: 0px;
	border-radius: 8px;
	border: 2px solid #666;
	text-align: center;
	overflow:visible !important;
}
.garrLeft{
}
.garrLeft:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-right: 15px solid #666;
	border-bottom: 14px solid transparent;
	top:17px;
	left:-15px;
}
.garrLeft:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-right: 14px solid #FFF;
	border-bottom: 12px solid transparent;
	top:19px;
	left:-13px;
}
.garrBL{}
.garrBL:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
border-style: solid;
border-width: 15px 15px 0;
border-color: #666666 transparent;
display: block;
/*z-index: 1;
	border-top: 14px solid transparent;
	border-right: 15px solid #666;
	border-bottom: 14px solid transparent;*/
	bottom:-17px;
	left:15px;
}
.garrBL:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
border-style: solid;
border-width: 15px 14px 0;
border-color: #FFFFFF transparent;
display: block;
/*z-index: 1;
	border-top: 12px solid transparent;
	border-right: 14px solid #FFF;
	border-bottom: 12px solid transparent;*/
	bottom:-15px;
	left:16px;
}

.garrRite:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-left: 15px solid #666;
	border-bottom: 14px solid transparent;
	top:17px;
	right:-15px;
}
.garrRite:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-left: 14px solid #FFF;
	border-bottom: 12px solid transparent;
	top:19px;
	right:-13px;
}


#enun {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:65px;
	border: 0px none;
	background-color: #f1cc7d;
	color: #000;
	margin: 0px;
	padding: 2px;
	text-align: left;
	text-decoration: none;
	font: 18px 'SourceSansProSemibold';
	/*border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;*/
}
#enun td {
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}

.txt {
	position: absolute;
}
.textBlock {
	position: absolute;
	background-color: #FFF;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #6E6E6E;
	padding: 10px 15px 10px 15px;
	margin: 0px;
	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*/
	text-align: center;
	text-decoration: none;
}
.inputTextBlock {
	position: absolute;
	background-color: #FFF8C9;
	color: #6E6E6E;
	padding: 10px 15px 10px 15px;
	margin: 0px;
	border-top: 1px solid #F6A800;
	border-bottom: 1px solid #F6A800;
}
.inputText {
	position: absolute;
	background: none;
	font: 16px 'SourceSansProRegular', Arial, Helvetica, sans-serif;
	color:#333;
	border:0px none;
	border-bottom: 3px solid #F6A800;
	line-height: 20px;
	padding: 3px;/*10px 15px 10px 15px;*/
	margin: 0px;
	text-align: center;
	text-decoration: none;
}
.bubble {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	width: 275px;
	height: 125px;
	padding: 10px;
	background: #FFF;
	border: #000 solid 2px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	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*/
	text-align: center;
	text-decoration: none;
}
.bubble:after {
	content: "";
	position: absolute;
	top: -17px;
	left: 236px;
	border-style: solid;
	border-width: 0 15px 18px;
	border-color: #FFF transparent;
	display: block;
	width: 0;
	z-index: 1;
}
.bubble:before {
	content: "";
	position: absolute;
	top: -20px;
	left: 235px;
	border-style: solid;
	border-width: 0 16px 19px;
	border-color: #000 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.bubbleTL {
}
.bubbleTL:after {
	left: 26px;
}
.bubbleTL:before {
	left: 25px;
}

.bubbleBL {
}
.bubbleBL:after {
	top:auto;
	bottom: -14px;
	left: 36px;
	border-width: 15px 18px 0;
}
.bubbleBL:before {
	top:auto;
	bottom: -17px;
	left: 35px;
	border-width: 16px 19px 0;
}

.author {
	position: absolute;
	font-weight: bold;
	text-align: right;
	color: #6E6E6E;
	font-size: 14px;
}
.genericLabel { 
	background: #FFD500;
	font: 16px 'SourceSansProSemibold';
	line-height:22px;
	min-width: 100px;
	position: absolute;
	padding: 5px;
	margin: 0px;
	/*height:22px;*/
	border-radius:8px;
	text-align:center;
	color:white;
}
.label {
	border: 4px solid #FFD500;
	background:white;
	/*font: 16px 'SourceSansProSemibold';*/
	line-height:22px;
	/*min-width: 100px;*/
	position: absolute;
	padding: 5px;
	margin: 0px;
	/*height:22px;*/
	border-radius:8px;
	text-align:center;
}
.sign {
	border: 4px solid #FFD500;
	background:white;
	width:30px;
	height:30px;
	line-height:30px;
	position: absolute;
	margin: 0px;
	border-radius:30px;
	text-align:center;
}
.labelInac{
	border-color:#CCC;
}


/*****************************/
/* estilo general de botones */
.uiButton { 
	background: #999; /* Old browsers */
	font: 18px 'SourceSansProSemibold';
	color: white;
	min-width: 90px;
	position: absolute;
	padding: 5px;
	margin: 0px;
	height:22px;
	cursor: pointer;
	border-radius:14px;
	text-align:center;
	right:20px;
	bottom:20px;
	text-decoration:none;
	line-height:22px;
}

.uiButton br { /* interlineado texto simplebuttons */
	line-height: 20px;
}

.uiButton:hover, .uiButton:active, .arrowLeft:hover, .arrowLeft:active, .arrowRight:hover, .arrowRight:active, .arrowToc:hover, .arrowToc:active, .barAnon:hover, .barAnon:active, .title:hover, .title:active {
	background: black;
	color:white;
	text-decoration:none;
}

.genericButton,
.genericButton:visited { 
	background: #FFDA8E;
	font: 16px 'SourceSansProSemibold';
	min-width: 120px;
	position: absolute;
	padding: 5px;
	margin: 0px;
	height:22px;
	cursor: pointer;
	border-radius:8px;
	text-align:center;
	text-decoration:none;
	line-height:22px;
	color:#333;
}

.genericButton br { /* interlineado texto simplebuttons */
	line-height: 20px;
	color:white;
}

.genericButton:hover, .genericButton:active {
	background: black;
	color:white;
	text-decoration:none;
}

.genericOK,.genericOK:hover,.genericOK:active {
	background-color: #3C0;
	color:white;
	cursor:default;
}
.genericKO,.genericKO:hover,.genericKO:active {
	background-color: #C00;
	color:white;
	cursor:default;
}

.chp, .chp:visited { 
	position:absolute;
	background: white;
	width: 200px;
	height:180px;
	cursor: pointer;
	border-radius:14px;
	border:4px solid blue;
	text-align:center;
	text-decoration:none;
	line-height:180px;
}
.chp > img {
	vertical-align:middle;
}
.grp { 
	position:absolute;
	background: white;
	border-radius:14px;
	border:4px solid blue;
}
.fraction { display: inline-block; position: relative; margin: 0 2px; min-width: 17px; min-height: 34px; vertical-align: middle;}
.fraction sub,
.fraction sup { position: absolute; font-size: 1em; padding: 1px 5px; top:-1px; }
.fraction sub { border-top: 1px solid; top: 17px; }

.strikeout {
	text-decoration:line-through;
	color:red;
	border:1px solid red;
	padding:2px 5px;
}
.chkButton,.chkButton:visited { 
	background: white;
	font: 16px 'SourceSansProRegular';
	min-width: 120px;
	position: absolute;
	padding: 5px;
	padding-left: 48px;
	margin: 0px;
	height:32px;
	cursor: pointer;
	border-radius:14px;
	border:4px solid blue;
	text-align:center;
	text-decoration:none;
	line-height:32px;
	color:#333;
}
.chkButton,.chkButton:hover,.chkButton:active,.chkButton:visited{
	border:4px solid blue;
}
.chkButton:before {
	content:"";
	position:absolute;
	left:5px;
	top:4px;
	width:35px;
	height:35px;
	background-image:url(../data/res/botones.svg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-color:#F6A800;
	border-radius:55px;
}
.chkButton:hover:before,.chkButton:active:before{
	background-position: -36px 0px;
}

.chkButtonOK,.chkButtonKO,.chkButtonOK:hover,.chkButtonOK:active,.chkButtonOK:visited,.chkButtonKO:hover,.chkButtonKO:active,.chkButtonKO:visited{
	border-color: blue;
}
.chkButtonOK:before,.chkButtonOK:hover:before,.chkButtonOK:active:before,.chkButtonOK:visited:before{
	background-position: -72px 0px;
}
.chkButtonKO:before,.chkButtonKO:hover:before,.chkButtonKO:active:before,.chkButtonKO:visited:before{
	background-position: -108px 0px;
}
/*.radio, .radio:visited, .radio:hover, .radio:active {
	border:0px none;
}*/

.radio {
	width:35px;
	height:35px;
	background-color:#F6A800;
	border-radius:18px;
	overflow:hidden;
	position:relative;
}
.checkbx {
	width:34px;
	height:34px;
	background-color:#ffd500;
	border-radius:8px;
	overflow:hidden;
	position:relative;
}
.cb {
	position:absolute;
	left:0px;
	top:-35px;
}
.cActive{
	left: -35px;
}
.cOK{
	left: -70px;
}
.cKO{
	left: -105px;
}
.rb {
	position:absolute;
	left:0px;
	top:0px;
}
.abs {
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}
.cover {
	position:absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0);
}
.rActive{
	left: -36px;
}
.rOK{
	left: -72px;
}
.rKO{
	left: -108px;
}
.radioButton { 
	position: absolute;
	background: white;
	min-width: 120px;
	width:93%;
	/*height:48px;
	border: 4px solid #ffd500;*/
	cursor: pointer;
	border-radius:15px;
	padding:0;
	padding-right:5px;
	vertical-align:middle;
	cursor:pointer;
}
.rbOK{
	border-color: #EE7F00;
}

.radioButton td {
	border:0;
	padding:0;
	vertical-align:middle;
}
radio {
	height:35px;
	line-height:35px;
	padding-left:45px;
}
radio:before {
	content:"•";
	position:absolute;
	left:0px;
	top:0px;
	width:35px;
	height:35px;
	background:red;
}
.drgOK,.drgOK:hover,.drgOK:visited,.drgOK:active{
	background:#33CC00;
}
.drgOK:before{
	content:'';
	position:absolute;
	background-image:url('../data/res/botones.svg');
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	background-position: -50px 0px;
	background-size: 140px;
}
.drgKO,.drgKO:hover,.drgKO:visited,.drgKO:active{
	background:#FF6600;
}
.drgKO:before{
	content:'';
	position:absolute;
	background-image:url('../data/res/botones.svg');
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	background-position: -75px 0px;
	background-size: 140px;
}
.drgNO,.drgNO:before,.drgNO:after{
	background-image:none;
}
.tInac, .tInac:hover, .tInac:active{
	background-color:#BCBCBC;
	color:white;
	cursor:default;
}

.rounded{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
}
.norounded{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
}

.tlr {
	border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px; /*FF 3.5*/
}
.trr {
	border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px; /*FF 3.5*/
}
.blr {
	border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px; /*FF 3.5*/
}
.brr {
	border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px; /*FF 3.5*/
}

.white {
	background:none;
	background-color: #FFF;
}
.white:hover {background:none;background-color: #FFF;}
.white:active {background:none;background-color: #FFF;}

.orange {
	background:none;
	background-color: #EF7907;
}
.orange:hover {background:none;background-color: #F90;}
.orange:active {background:none;background-color: #C30;}

.red {
	background:none;
	background-color: #A86055;
}
.red:hover {background:none;background-color: #ED8878;}
.red:active {background:none;background-color: #BF6D61;}

.green {
	background:none;
	background-color: #667A67;
}
.green:hover {background:none;background-color: #A2C8A7;}
.green:active {background:none;background-color: #033;}

.blue {
	background:none;
	background-color: #8399C8;
}
.blue:hover {background:none;background-color: #95ADE3;}
.blue:active {background:none;background-color: #768AB5;}

.deepblue {
	background:none;
	background-color: #039;
}
.deepblue:hover {background:none;background-color: #06C;}
.deepblue:active {background:none;background-color: #009;}

.yellow {
	background:none;
	background-color: #D7B75C;
}
.yellow:hover {background:none;background-color: #FADE35;}
.yellow:active {background:none;background-color: #C6B02A;}


.borderYellow {
	border: 4px solid #D7B75C;
}
.borderYellow:hover {border: 4px solid #FADE35;}
.borderYellow:active {border: 4px solid #C6B02A;}

.borderPink {
	border: 4px solid #C36;
}
.borderPink:hover {border: 4px solid #F6C;}
.borderPink:active {border: 4px solid #903;}

.deepblueBlock{
	padding: 9px;
	background:none;
	background-color: #039;
}


.palotes {
	font-family: 'palotes';
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.plain {
	font-style: normal;
	font-weight: normal;
}
.px13 {
	font-size: 13px;
	line-height: 15px;
}
.px14 {
	font-size: 14px;
	line-height: 16px;
}
.px16 {
	font-size: 16px;
	line-height: 18px;
}
.px18 {
	font-size: 18px;
	line-height: 20px;
}
.px20 {
	font-size: 20px;
	line-height: 23px;
}
.resalto {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}
.resaltoBlack {
	font-weight: bold;
	font-size: 16px;
	color: #6E6E6E;
	line-height: 18px;
}
.textWhite {
	color: #FFF;
}


/* 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;
}
.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%);
}

/* video controls */
.video-control{
	position:absolute;
	bottom:7px;
	left:0px;
	width:100%;
	height:32px;
	background:#FFD300;
	border-radius:10px;
}
.play-pause{
	border-right:2px solid #EEBB00;
	font-family:"smsymbol2";
	color:white;
	width:53px;
	text-align:center;
	font-size:24px;
	/*line-height:32px;*/
	cursor:pointer;
	vertical-align:middle;
}
.fullscreen{
	border-left:2px solid #EEBB00;
	font-family:"smsymbol2";
	color:white;
	width:53px;
	text-align:center;
	font-size:24px;
	line-height:32px;
	cursor:pointer;
}
.time{
	border-left:2px solid #EEBB00;
	/*font-family:smsymbol2;*/
	color:white;
	width:53px;
	text-align:center;
	/*font-size:24px;*/
	line-height:32px;
}
.progress-bg{
	border-top: 3px solid white;
}
.progress-tp{
	border-top: 3px solid #F6A800;
}
.progress-ov{
	border-top: 3px solid rgba(0,0,0,0);
}
.progress-ov:before{
	content:"";
	position:absolute;
	height:32px;
	top:-16px;
	left:0px;
	width:100%;
}
.progress-slider{
	width:18px;
	height:18px;
	border-radius:18px;
	border: 4px solid #FFEDDD;
	background:#F6A800;
	position:absolute;
	top:2px;
	cursor:pointer;
}