* {
  -webkit-touch-callout: none; /* anula el efecto visual del touch prolongado sobre el objeto */
  user-select: none; /* user-select, hace el objeto no seleccionable */
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* anula el feedback de color al hacer tap en un link */
  -webkit-tap-highlight-color: transparent; /* similar anterior en algunos android */
}

body { text-align:center; }

/* CSS Document */
.main, .sidebar { display:block; width:100%; }
/* modificaci�n de ui de jquery mobile*/
#selection .ui-dialog-contain { width: 92.5%; max-width: 60em; margin: 10% auto 2em auto; padding: 0; position: relative;	top: -4em; }
/*verificar en portrait y lanscape*/
#help .ui-dialog-contain { width: 80%; max-width: 80em; margin: 10% auto 2em auto; padding: 0;	position: relative; top: -5em; }
#help .ui-dialog-contain > .ui-content { max-height: 25em;}

/*Controla el fondo de los dialogos. Nivel de transparencia*/
.ui-dialog-background {   display: block !important;  opacity: 0.5;  -webkit-transition: opacity 0.5s ease-in; }
.ui-dialog-background.pop.in {  opacity: 1;   -webkit-transition: opacity 1s ease-in; }
.ui-dialog {  min-height: 100% !important;    background: transparent !important; }

.ui-content { left: 0;	right: 0;	width: 100%;	position: fixed;	z-index: 1000; }
/* header style */
.ui-header { font-family:Verdana, Arial, Helvetica, sans-serif !important; }
.ui-header h1, h2{ font-size: 0.8em !important; height: 2em !important; }

/* Adjust the width of Left panel*/
.ui-panel {  width: 12em; }
.ui-panel-closed { width: 0; }
.ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left { left: 12em;  right: -12em; }
.ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal { left: 0; right: 0;-webkit-transform: translate3d(12em,0,0);-moz-transform: translate3d(12em,0,0); transform: translate3d(12em,0,0);}

/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading { margin: 0; }
.ui-collapsible.ui-li-static { padding: 0; border: none !important; }
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {   border-top: none !important; }
/* End Left Panel */

.ui-listview li a{ font-size: 0.8em; }
.option { padding-left: 3em; }
	
/* Elementos propios */
.home-logo { position: absolute;  top: 50%;  left: 50%;  margin-top: -15em;  margin-left: -15em; }
/* Botones */
.btn-help { position:absolute; top: 80%; left:2.5em}
.btn-load { position:relative; float:right; padding-right: 2em; display:none;} 
.btn-pdf { position:absolute; top: 40%; left:2.6em}
.btn-audio { position:absolute; top: 80%; left:2.5em}
.btn-back { position:relative; float: left;}

/* Bloque com�n */
.btn-titulo { position: relative;   top: -2.1em;   left: 0.5em;    font-family:"Verdana";    font-size: 1.2em;    text-decoration:none; }

/* Bloque Video */


@media screen and (orientation:landscape){   /*horizontal*/
.home-ContentPanel {  height: 440px;	width: 100%;	background: url("../res/screen/android/screensl-xhdpi-landscape.png") no-repeat center center; background-size: cover;} 
.home-ContentPanel #imgBack { position: absolute; top: 38%;  left: 48%;  transform: translate(-50%, -50%); }
.home-ContentPanel #imgBack img { width: 50%; height: 50%; }
.home-ContentPanel #imgBack h1 {font-size: 1.5em !important; }

/* Bloque de menu principal */
.btn-theme { position:relative; left: 12em; }
.btn-survey { position:relative;   left: 9em; top:0.5em;}
.btn-configuration { position:relative;  left: 3em; top:2.5em;}

/* Bloque de menu survey y Configuration*/
.btn-survey_application, .btn-spanish { position:absolute;  left: 35%; top:30%;} 
.btn-survey_content, .btn-english { position:absolute;  left: 55%; top:30%;}

.block {padding-left: 15%;}
.ui-block { padding: 0.5em 1em 0 1em !important; text-align: center; vertical-align: center; width: 40% !important;}
.ui-block a { line-height: 0.2em;}
.back { text-align: left; }
 
#videosource  {	position: absolute;	top: 1em; left: 10em; } 
#video-controls { position: absolute; 	top: 5em; 	left: -5em; } 
#audioplayer {position:absolute; text-align:center; top: 85%; left: 10%; width:85%;}
#exercise, #guide, #pdfobject {position:absolute;  top: 5%; left: 10%; width:80%; height:80%; -moz-box-shadow: -5px 5px 5px #888888; /* Old Firefox */ box-shadow: -5px 5px 5px #888888; overflow:auto; -webkit-overflow-scrolling: touch;} 

/* Area de formulario */
.form-survey table  {width:45em; text-align:center; color:#FFF;}
.form-survey table th { width:3em; font-size:13px;}
.form-survey table legend { text-align:left; }
.form-survey { position:absolute; left:2em; width:85%; }
.form-survey legend { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.form-survey p { font-size:12px; font-style:italic; text-align:left;}

}