@CHARSET "UTF-8";
/*$Id: stylesheet.css 98 2008-02-08 19:36:29Z miguelangel $*/
/* ============================================================================
 * Colores
 * ============================================================================
 */ 

/*
 * #0550ff  azul 1
 * #6688D9  azul 2 suave
 * #2A1BC4  azul 3 añil
 * #d6e8f9  azul celeste
 * #FF051A  rojizo
 * #FFD78E  naranja
 * #D9A766  marrón
 * #C41B7E  morado
 */

/* ============================================================================
 * Estilos generales
 * ============================================================================
 */

html {
    background-color: #ffffff;
}

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px; 
    color: #222222;
    text-align: center; /*aqui mandamos a centrar todo el contenido*/
}

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

p {
    font-size: 1em;
    margin-top: 0.5em;
		margin-bottom: 0.5em;
}

textarea {
    font-size: 1em;
}

img {
    border: 0em
}

blockquote {
    padding: 0.5em 1em
}

blockquote p {
    font-size: 1.2em;
    font-style: italic;
    color: #666;
}

blockquote p strong {
    font-weight: normal
}

ul, ol {
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 3em;
}

ul li {
    margin-top: .3em;
    margin-left: 3em;
}

ol li {
    margin-top: .3em;
    margin-left: 3em;
}

a:active, a:link, a:visited {
    color: #4a0b71;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

h1 {
    font: bold 2.0em arial, sans-serif;
    color:#2A1BC4;
    line-height: 1em;
    margin-bottom: 0.5em;
    border-bottom-style: none;
		
		display:list-item;
    list-style: url(../images/asterisk-big2.gif);
    list-style-position: inside;
    background-color: #fce9d5;
    padding: .2em; 
    padding-top: 0em; 
    _padding-top: 0;
    _padding-bottom: .0;
    margin-bottom: 0.7em;
}

h2 {
    font: bold 1.8em arial, sans-serif;
    color: #6688D9;
    margin-bottom: 0.2em;
}

h2 strong {
    color: #000
}

h3 {
    font: bold 1.5em arial, sans-serif;
    color: #6688D9;
    line-height: 1em;
    margin-bottom: 0.2em
}

h3 strong {
    color: #000
}

h4 {
    font: bold 1.5em arial, sans-serif;
    color: #333;
    line-height: 1em;
    margin-bottom: 0.2em
}

h5 {
    font: normal 1.2em arial, sans-serif;
    color: #333
}

h6 {
    font: bold 0.9em verdana, sans-serif;
    margin-bottom: 0.2em
}

.linea {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.puntos {
    border-bottom: 0.1em dotted #999;
    padding-top: 0.5em;
    margin-bottom: 0.5em
}

.separar {
    border-top: 1em solid #fff;
    clear: both
}

.clear {
    clear: both;
}
/* ============================================================================
 * Estructura general
 * ============================================================================
 */
/* Contenedor de la parte superior de la página */
#topcontainer {
		width: 100%; 
		margin: 0.5em auto;
    text-align: left;
}
 
#topcontainer #header {
    width: 65em; /* 780px */
    margin: 0.5em auto;
    text-align: left;
}

/* Contenedor del contenido de la página */
#maincontainer {
    width: 65em; /* 780px */
    margin: 0 auto;
    text-align: left;
		padding-bottom: 3em;
		
		aborder: 1px solid gray;
}

/* ============================================================================
 * Cabecera
 * ============================================================================
 */

#header h1 {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	float: left;
}

#header #marketing {
	width: 23em;
	border: 1px solid;
	text-align: left;
	font-size: 1.5em;
	padding: .6em;
	margin-right: 1em;
	float: right;
}

#header #publi_banner_superior {
	text-align: right;
	float: right;
	position: relative;
	margin-right: 1.2em; 
	background: #eee url('../images/publi/empty_banner_468x60p.jpg') top left no-repeat;
	
	width: 468px;
	height: 60px;
}

#main_side #publi_caja_lateral_portada {
	padding: 0; 
	background: #eee url('../images/publi/empty_caja_200x200p.jpg') top left no-repeat;
	width: 200px;
	height: 200px;
}

/* ============================================================================
 * Menú
 * ============================================================================
 */
#menubar_container {
    float: left;
    width: 100%;
    left: 0em;

    background: url("../images/bg2.gif") repeat-x;		 
		border-bottom: 1px solid black;
    margin-top: .3em;
					
   q_background: none;
   q_margin-top: 0;
}

#menubar {
    _margin-left: 4em;
			
    position: relative;
		top: 1px;
		
    width: 65em; /* 780px */
    margin: 0 auto auto;
}

#menubar li a {
	border-bottom: 1px solid black;
}

#menubar li.activetab a {
  border-bottom: 1px solid white;
}

#menubar2_container {
    float: left;
    width: 100%;
    left: 0em;
		
		height: 0;
		position: relative;
    top: .8em;
		left: -2em;
	
	 _top: 3em;	
   _margin-top: 0;
}

#menubar2 {
    width: 65em; /* 780px */
    margin: 0 auto auto;
}

#menubar2 ul {
    list-style-type: none;
    margin: 0;
}

#menubar2 li {
    margin: 0;
    float: right;
}

#menubar2 li a {
    display: block;
    background-color: #FFD78E;
    color: #000000;
    padding: 0.4em 0.6em 0.6em 0.6em;
    text-decoration: none;
    font-size: 0.93em;
    font-weight: bold;
    margin-left: .5em;
}

#menubar2 li a:hover {
    text-decoration: none;
    background-color: #FFe79E;
} 

#menubar2 li a img {
	position: relative;
	top: .4em;
	margin-right: .4em;
}

#adminactions_menubar_container {
    float: left;
    width: 100%;
    left: 0em;
    background-color: gray;
		margin-bottom: .5em;
		padding-bottom: .2em;
		padding-top: .3em;
}

#adminactions_menubar {
    width: 65em; /* 780px */
    margin: 0 auto auto;
}

#adminactions_menubar ul {
    list-style-type: none;
		padding: 0;
		margin: 0;
}

#adminactions_menubar li {
    margin: 0;
    float: left;
}

#adminactions_menubar li a {
    display: block;
    background-color: #fff78E;
    color: #000000;
    padding: 0.3em 0.6em 0.4em 0.6em;
    text-decoration: none;
    font-size: 0.93em;
    font-weight: bold;
    margin-left: .5em;
}

#adminactions_menubar li a:hover {
    text-decoration: underline;
    background-color: #FFD78E;
}


/* ============================================================================
 * Content
 * ============================================================================
 */
#content {
    padding: 2em;
}

#content_main {
    clear: both;
}

/* ============================================================================
 * Privacy page
 * ============================================================================
 */
#privacy_content {
  padding-right: 1em;
  margin-bottom: 1em;
}

/* ============================================================================
 * Main page
 * ============================================================================
 */
#main_content {
	width: 500px;
	float:left;
	padding-right: 1em;
	border-right: 1px dashed blue;
	margin-bottom: 1em;
}

#main_content p, #main_content li  {
	font-size: 1.1em;
}

#main_side {
	width: 200px;
	float:right;
}

.sidebox {
  padding: .5em;
	margin-bottom: 1em;
	border: 1px dotted #ccc;
}

.sidebox a {
	font-weight: normal;
}

.bg1 {
	background: #ececec;
}

.bg2 {
  background: #f5f9d3;
}

.bg3 {
  background: #f8e7ff;
}

.sidebox .banner {
	margin-left: 1em;
}

#main_list .number {
	font-size: 1.3em;
	font-weight: bold;
	padding: .5em;
	line-height: 1.3em;
	background: #6270D5;
	color: white;
	text-align: center;
	width: 1.2em;
	float: left;
	 margin-left: 2em;
	margin-bottom: .3em;
	margin-right: .5em;
}

#main_list p {
	height: 2.7em;
}

#main_bullets .bullet {
  line-height: 1.3em;
  width: 1.2em; 
  float: left; 
	margin-left: 3em;
  margin-bottom: .3em;
  margin-right: 1em;
	padding-right: .5em;
}

#main_bullets p {
  height: 2.0em;
}

/* ============================================================================
 * Usuarios
 * ============================================================================
 */
#user_create_form {
  width: 45em;
}

#user_create_form tr {
	vertical-align: bottom;
}

#login_form {
	width: 40em;
}

#login_form tr {
  vertical-align: bottom;
}

#user_edit_form  {
  width: 45em;
}

#user_edit_form tr {
  vertical-align: bottom;
}

#require_password_form {
  width: 35em;
}

#require_password_form tr {
  vertical-align: bottom;
}

/* ============================================================================
 * List of texts
 * ============================================================================
 */
#texts_list {
	width: 100%;
}
#texts_list thead {
	color: black;
  background-color: #FFD78E;
}
#texts_list #title {
	width: 15em;
}

/* ============================================================================
 * Text test
 * ============================================================================
 */
#text_test_title {
	margin-bottom: .4em;
}

#text_test_main #row_1 {
	display: inline-block;
	margin-bottom: .5em;
}
	
#text_test_main #row_1 #col_1 {
	width: 49em;	
	margin-right: 1em;
	float: left;
}

#text_test_main #row_1 #col_2 {
	float: right;	
}

#text_model_box {
  width: 30em;
	float: left; 
}

#text_model_box #title {
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	
	padding-bottom: 0;
  height: 2.4em;
	_height: 2.2em;
	_overflow: hidden;
	margin-bottom: 1em;
} 

#text_model_box #mensaje_text_model {
  height: 2.7em;
  margin-bottom: 1em;
} 

#text_model {
  font-size: 1.1em;
	font-family: monospace;
	background-color: #f5f5f5;
	 
	width: 25em !important;
  height: 13.3em !important;
}

.text_model_unprotected {
  background-color: #fffbdb !important;
}

#text_out_box {
  width: 30em;
	float: left; 
	margin-left: 1em;	
}
 
#text_out {
	margin-top: .48em;
	_margin-top: .4em;
  font-size: 1.1em;
  font-family: monospace;
	
	width: 25em !important;
  height: 10em !important;
  _height: 9em !important;
}

#text_model {
}

#text_out {
}

.text_out_protected {
	background-color: #ffecd9;
}

.colapsible_item_closed {
   background: url("../images/form_btn_zoom_in.gif") left no-repeat;
}

.colapsible_item_open {
   background: url("../images/form_btn_zoom_out.gif") left no-repeat;
}

.colapsible_item, .colapsible_item a, .colapsible_item a:active, .colapsible_item a:link {
	margin-bottom: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: blue;
	text-decoration: none;
}

.colapsible_item {
  padding-left: 2em;
}

.colapsible_content {
	margin-top: .5em;
}

#options_content {
	margin-top: .5em;
	overflow: hidden;
}

.option_title {
	margin-left: 3em;
	width: 15em;
	font-weight: bold;
	float: left;
	
	border-bottom: 1px dashed gray;
	height: 2em;
	margin-right: 3em;
}

.option_description {
	margin-top: .3em;
	margin-left: 26em;
	font-size: .8em;
	
	*margin-left: 26em;
	_margin-left: 30em;
}

#results_panel, #elapsed_panel {
	text-align: center; 
}

#results_panel #resultado {
	background: inherit;
}

#elapsed_panel #tiempo {
  font-family: Courier New, Courier, monospace;
	font-weight: bold;
  font-size: 2.5em; 
  color: #2A1BC4;
}

#results_panel #score {
  width: 49em;
  float: left; 
  margin-bottom: .5em;
}

#publi_caja_lateral_prueba { 
	background: #eee url('../images/publi/empty_caja_200x200p.jpg') top left no-repeat;
	width: 125px;
	height: 125px; 
	padding: 0;
	margin: 0 0 .5em 0;
	float: right;
	text-align: center;
}



#tabla_resultados {
	margin-left: auto;
	margin-right: auto;
}

#tabla_resultados th {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d0d0d0;
	font-size: 1em;
	padding-top: 1em;
}

#tabla_resultados td {
	color: #707050;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: .4em;
	padding-right: 1em;
  text-align: right;
	vertical-align: bottom;
}

#tabla_resultados td.lastcol {
	padding: 0;	
}

#tabla_resultados em {
	font-style: normal;
	color: red;
}

#text_main_col {
	width: 49em;
	float: left;
}

/* ============================================================================
 * Text create / edit
 * ============================================================================
 */
#text_create_form, #text_edit_form {
  width: 50em;
}

#text_create_form #title, #text_edit_form #title {
  width: 43em;
}

#text_create_form #body, #text_edit_form #body {
  width: 48em;
}

/* ============================================================================
 * Other
 * ============================================================================
 */
#about {
	width: 40em;
	margin-left: auto;
	margin-right: auto;
}

/* ============================================================================
 * Forms
 * ============================================================================
 */
fieldset {
  border: 0;
}

fieldset input, textarea {
  background-color: #fffbdb;
  border: 1px solid blue;
}

form {
  margin-top: 2em;
  margin-left: auto;
	margin-right: auto;
  margin-bottom: 2em;
  width: 90%;
}

fieldset th, fieldset label  {
  font-weight: bold;
	width:  20em;
}

fieldset td {
  width: 70%;
}

fieldset td input {
  width: 100%;
}

/* ============================================================================
 * Footer
 * ============================================================================
 */
#footer {
	clear: both;
	text-align: left;
}

#footer #copyright {
	color: #a0a0a0;
	
	font-size:     0.9em;
	font-weight: bold;
	float: left;
		
	width: 55em; 
}

#footer #copyright a {
   color: #707070;
}

#footer #tecnicae {
	float:right;
}

#mensaje_final {
    font-size: 0.7em;
    font-style: italic;
    clear: both;
    text-align: right;
    width: 100%;
}

#page_bottom {
	border-top: 3px solid #ccc;
  background: url("../images/bg3.gif") repeat-x;    
}

#page_bottom_container {
	width: 65em; /* 780px */
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.2em;
	padding-bottom: 2em;
	padding-left: 1em;
  padding-right: 1em;
}

#reciprocal_links {
	border-top: 1px #a0a0a0 solid;
	padding-top: 1em;
	
	margin-top: 5em;
	text-align: left;
  font-size: 8pt;
  font-weight: normal;
  color: #666;
} 

#reciprocal_links a {
  font-weight: normal;
  color: #777;
}

#meters { 
  text-align: left;
  margin-top: 1em;
}

.form_error {
   color: #d8732f;
	 display: inline;
}

#nojavascript_warning {
	margin-bottom: 1em;
}

#ie6message {
	border: 1px solid red;
	background: #fff7c2;
	font-size: .9em;
	padding: .5em;
	text-align: left;
}

#siteclosed_message {
	background: red;
	color: white;
}

#siteclosed_message p {
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}

.tooltip {
  padding: 0;  
  background-color:#FFF49B;  
  border: 1px solid #666;  
  overflow:auto;  
	font-size: .8em;  
	color:#333;  
	text-align:left;  
	width: 15em;
}

.tooltip_header {
	font-size: 1.2em;  
	background: #E0E5FF;	
	padding: 5px;
}

.tooltip_body {
  padding: 5px;
}

.redirectWarning {
	width: 500px;
}

.redirectWarning .modal_header {
	background: #ff6;
	padding: 5px;
}

/* ============================================================================
 * BOXES
 * ============================================================================
 */
.box1 {
  padding: 1em;
  border: 1px #6688D9 solid;
}