body { cursor: default; /*background:#F8ECE0;*/ margin:0 auto; -moz-user-select: none; -webkit-user-select: none; font-family:arial,sans-serif; }
h1{ font-size:40px; font-weight:bold; }
img, a, div, button, input {outline:0; outline: none;}
a{text-decoration:none;text-align:left;}
#content{ margin:0 auto; text-align:center; width:960px;
	//border:1px solid;
}

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}
header { text-align:center; vertical-align:middle; margin:0 auto; text-align:left; width:960px;
	//background-color: #D9E3C1;
}
header h2{ color:red; border:2px solid; text-align:left; padding:2px; }
header label{ background-color: #D9E3C1; font-size:40px; color:white; margin-left:170px; }
footer{ background-color: #D9E3C1; text-align:center; height:90px; }
footer label{ color:green ; font-size:20px; }
/*
#container{
margin:0 auto;
width:80%;
//border:1px solid;
}
*/



.ui-datepicker-year {
  display: inline-block;
        border: 2px solid #bbb;
        padding: 4px 3px 3px 5px;
        margin: 0;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #f8f8f8;
        
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
        
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
   }
  
a:hover, a:active, a:focus {
   outline: none;
 }

#npregunta h1{ font-size:30px; font-weight:bold; margin-left:-95px; }
#pregunta{ height:150px; margin:0 auto; width:96%;  font-size:28px; font-weight:bold; margin:-30px 0 0 120px; }
.respuesta{ font-size:28px; margin:-30px 0 0 40px; }
.resp{ width:90px;float:left;margin-left:25px;padding:3px; }
.resp img{ padding:15px; }
.chk{ margin-left:55px; }

input[type=radio] {
	border: 0px;
	width: 25px;
	height: 2em;
	-moz-transform:scale(2,2);
	-ms-transform: scale(2); /* IE */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
}

input[type=checkbox] {
	border: 0px;
	width: 22px;
	height: 1.8em;
	-moz-appearance: none;
	-moz-transform:scale(2,2);
	-ms-transform: scale(2); /* IE */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	background: #B5B5B5;
	box-shadow: inset rgba(110, 153, 53, 0.5) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
}

.texto_chk { font-size:38px; vertical-align: center; font-weight:bold; }
.texto_chk span { font-size:25px; }
#resultado{ width:80%; /*height:410px;*/ margin:0 auto; text-align:left; }
#load{ text-align:center;margin-top:100px;  }
#error{ margin-top:300px; text-align:center;color:red; font-weight:bold; }
#boton{ text-align:center; }
#button label{ cursor:pointer; color:green ; font-size:30px; }
#error_datos, #final, #error { margin:0 auto;text-align:center;color:red;font-size:50px;margin-top:100px;font-weight:bold; }
#fuera_de_servicio {text-align:center; margin-top:100px;font-size:40px;font-weight:bold;color:red; }
#seleccion{margin:0 auto;width:98%;}
#final {width:80%;display:none; border:1px solid; box-shadow: inset rgba(110, 153, 53, 0.5) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
	padding:10px;width:60%;clear:both;margin:0 auto;text-align:center;color:green;font-size:50px; margin-top:100px; font-weight:bold; display:none;}
	th { font-size:18px; font-weight:bold; padding:10px; }
	td{ padding:2px; }
	table, th, td { border:2px solid; }
	#mal { color:red; }
	#bien { color:green; }
	h3 { font-size:28px; font-weight:bold; }
	#bien, #mal { font-weight:bold; }
	#ipad-email{display: none;}
	#num,#edad, #ipad-email{background-color:#2f512a;color:white; text-align: center;:center;font-size:34px;width:280px;height:50px;font-weight:bold; }
	#comenzar{ width:30%;font-weight:bold;font-size:100%;display:none; }
	.important	{ color:red; }

	.styled-button-8 {
	outline:none;
		text-align:center;
		-moz-box-shadow: 0px 10px 14px -7px #000000;
		-webkit-box-shadow: 0px 10px 14px -7px #000000;
		box-shadow: 0px 10px 14px -7px #000000;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #658335), color-stop(1, #658335));
		background:-moz-linear-gradient(top, #658335 5%, #658335 100%);
		background:-webkit-linear-gradient(top, #658335 5%, #658335 100%);
		background:-o-linear-gradient(top, #658335 5%, #658335 100%);
		background:-ms-linear-gradient(top, #658335 5%, #658335 100%);
		background:linear-gradient(to bottom, #658335 5%, #658335 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#658335', endColorstr='#658335',GradientType=0);
		background-color:#658335;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		padding:13px 32px;
		text-decoration:none;
		text-shadow:0px 1px 0px #175e0c;
	}     

	#repe, #control{width:29%;font-weight:bold;font-size:100%;}

	#titulo{font-size:40px;font-weight:bold; padding:10px}

	#form_comenzar{font-size:32px;}

	
	.ui-datepicker { 
  margin-left: -300px;
  z-index: 1000;
}
	
	
	
.datepicker, .datepicker table {width:500px;}
.datepicker, .datepicker .datepicker-days table {font-size:30px;}
.datepicker .month, .datepicker-switch, .year, .dow {font-size:30px;}





.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }


-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;