*{ margin:0px; padding:0px; }

body{ font-family: lucida grande, trebuchet ms, arial, verdana, sans-serif; font-size:13px; color:#333; background-color:#fcfcfc; text-align:left; }

#wrapper {
	background:#fff none repeat scroll 0%;
	border:1px solid #eee;
	width:520px;
	margin:10pt auto;
}

#header {
	background:#F3F3F3 url(img/header_bg.jpg) no-repeat;
	padding:8px;
	font-size:90%;
}

#footer {
	background:#F3F3F3 url(img/footer_bg.jpg) no-repeat;
	padding:8px;
	font-size:90%;
}

#content {
	margin:0 auto; width:70%; height:280px;
}

.inner-wrapper {
	background: url(img/inicio_bg.jpg) no-repeat;
	padding:10px 0;
	height:360px !important;
	height /**/: 380px; /*width + padding + borders*/
}
.results-inner-wrapper {
	background: url(img/results_bg.jpg) no-repeat;
	padding:10px 0;
	height:360px !important;
	height /**/: 380px; /*width + padding + borders*/
}


/*********
 Comunes */
.clearer { clear:both;	height: 0px; font-size: 0px; border:0px solid #f00; line-height:0px; margin:0px; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.nodisplay { display:none; }
.error { color:#e00; }

a { color:#333; }
img { border:0px; }

.text, textarea, select{
	padding:2px;
	font: normal 12px 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
    line-height:1.4em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(/img/fieldbg.gif) repeat-x top;
    color:#333;
}

select {padding:0px;}
input:focus, textarea:focus { background: #ffffd0; }

.selectedCell { background-color: #e9e9e9; }
.unselectedCell { background-color: #ffffff; }
.resaltado { background-color: #D3FFC5; }


.blueBox, .grayBox, .yellowBox, .lightGrayBox, .redBox, .greenBox, .message{	margin:0px 0px 10px 0px; padding:5px; font-size:.9em; text-align:justify; }
.redBox{ border: 1px solid #ab6464; background-color: #fbdfcf; }
.greenBox{ border: 1px solid #359545; padding-left:85px; background: #CEE6C3 url(img/accept.png) 65px 3px no-repeat; }
.blueBox, .message{ border-top: 2px solid #A5ADC9; border-bottom: 2px solid #A5ADC9; background: #ECEDF4; }
.blue2Box{ border: 1px solid #A5ADC9; background: #ECEDF4; }
.grayBox{ border: 1px solid #c2c2c1; background: #F4F4F4; }
.yellowBox{ border-top: 2px solid #FAD426; border-bottom: 2px solid #FAD426; background: #FCF7C1; }
.lightGrayBox{ border: 1px solid #c2c2c1; background: #F9F9F9; }


/****************
 Header y Footer*/
.left { text-align:left; }
.right { text-align:right; margin-top:-17px; }


/*********
 Content */
h1 { font-size:120%; text-align:center; margin:25px auto; width:80%; }

#content ul{ list-style:none; }
#content ul li{ display:block; padding:4px 10px; margin-top:10px; line-height:12px; font-size:11px; font-weight:bold; height:34px !important; height /**/: 42px; /*width + padding + borders*/ color:#fff;  background:#fff url(img/li_opcion_normal.jpg) no-repeat;}

#content .info { text-align:center; margin:5px auto; color:#999; font-size:80%; }

#content.resultados { width:60%; }
#content.resultados table { margin:0 auto; }
#content.resultados table th{ font-size:90%; font-weight:bold; padding:2px; }
#content.resultados table td{ font-size:80%; padding:2px; text-align:left; }

#content .final { margin:10px 0; }
#content .final div { text-align:center;}
#content .tiempo { color:#777; margin:0 0 20px 0;  }
#content .ademas { margin:10px 0; color:#777; }
#content .ademas a{ text-decoration:none; color:#33e; }
#content #puntaje-final { font-size:50px; font-weihght:bold; }
#content #puntaje-final .puntos { font-size:10px; font-weihght:normal; }

#content .recomienda p { margin:5px 0 5px 5px; color:#555; font-size:90%; }
#content .recomienda p.enviar { margin:15px 0 5px 0; padding:5px 0; text-align:center; }


.correcto  { background-color: #CEE6C3; }
.incorrecto{ background-color: #fbdfcf; }