html,body {
	height:100%; /* necesario para las sub-alturas */
}

body {
	margin:0;
	padding:0;
	background:#919191 url(../img/fondo.gif) fixed;
}

body, div, p {
	font-family: arial, sans-serif;
	font-size:0.95em;
	color:#000;
	padding:0;
	margin:0;
}

span { margin:0; padding:0; }

div#principal {
	position:relative; /* necesario para el posicionamiento */
	margin:0 auto; /* lo centramos, aunque no funciona para explorer 5 */
	width:988px;
	height:auto !important; /* para los navegadores de verdad */
	height:100%; /* Para que explorer lo interprete como alto mínimo */
	min-height:100%; /* para los navegadores de verdad */
	background:#f0f0f0;
	border-left:1px solid #000;
	border-right:1px solid #000;
	
}

div#cabecera {
	background:#eaf118 url(../img/logo.jpg);
	height: 109px;
	border-bottom:1px solid #000;
}

div#lateral {
	float: left;
	width: 163px;
	padding: 8px 0 30px 7px; /* El padding de abajo debe ser igual a la altura del footer (el padding abajo era 150px) */
	background: #ccc;
}

div#contenido {
	padding: 10px;
	padding-bottom: 150px; /* Este padding debe ser igual a la altura del footer */
	padding-top: 40px; /* Para el degradado de puntos */
	margin-left: 170px; /* 150px del ancho del lateral más 20px del padding del mismo */
	background: #fff url(../img/degra.gif) left top repeat-x;
}

div#pie {
	position:absolute;
	width:988px;
	height: 120px; /* Antes era de 30 */
	color: #fff;
	bottom:0; /* lo encajamos al fondo de todo */
	background:#006699 url(../img/pie.jpg) no-repeat;
	border-top:1px solid #000;
}

#contenido span.iw {
	margin-left: 35px;
	display: block;
	padding-bottom: 20px;
}

span.sense {
    position:relative;
    float:left;
	border:2px solid #088cad;
	width:234px; height:60px;
    margin-left:40px;
    margin-top:19px;
	padding:2px;
}

#creador, #envio, #test, #resultados, #error, #recuperar, #respuestas, #portada, #dinero, #condiciones, #contacto, #licencias, #ayuda {
	width:726px;
	margin-left: 35px;
	margin-bottom:20px;
	border:1px solid #c0c0c0;
	background: url(../img/crea.jpg) left top no-repeat;
	padding-top:50px; /* Por la imagen crea.jpg */
	padding-bottom:50px; /* Por la imagen crea.jpg */
	overflow:hidden;
}

#envio { background: url(../img/pasa.jpg) left top no-repeat; }
#test { background: url(../img/haz.jpg) left top no-repeat; }
#resultados { background: url(../img/resultado.jpg) left top no-repeat; }
#error { background: url(../img/error.jpg) left top no-repeat; }
#recuperar { background: url(../img/recuperar.jpg) left top no-repeat; }
#respuestas { background: url(../img/respuestas.jpg) left top no-repeat; }
#licencias { background: url(../img/licencias.jpg) left top no-repeat; }
#contacto { background: url(../img/contacto.jpg) left top no-repeat; }
#ayuda { background: url(../img/ayuda.jpg) left top no-repeat; }
#condiciones { background: url(../img/condiciones.jpg) left top no-repeat;}
#dinero { background: url(../img/dinero.jpg) left top no-repeat; }
#portada { background:none; border:0; padding-top:10px; }

#creador p, #envio p, #test p,  #resultados p, #error p, #recuperar p, #respuestas p, #portada p, #dinero p, #condiciones p, #contacto p,  #licencias p, #ayuda p {
	width:706px;
	padding:0px 10px 0px 10px;
}

#error p {
    text-align:center;
	padding-top: 15px;
	font-size: 1.5em;
}

#recuperar p, #dinero p, #contacto p {
	padding-top: 15px;
	font-size: 1.10em;
}

#ayuda p, #licencias p {
	padding-top: 15px;
}

#portada p {
	padding:0 0 15px 0;
}

#contacto p.b {
	margin-left:23px;
}

span.aviso {
	position:relative;
	float:left;
	width:250px;
	border:2px solid #038ca9;
	border-left:4px solid #038ca9;
	padding:10px;
	margin: 18px 0 0 90px;
	color:#038ca9;
}

span.aviso2 {
	position:relative;
	float:left;
	width:725px;
	text-align:center;
    padding-top:20px;
}
span.aviso2 input {
	margin-top:8px;
}

span.aviso img {
	position:absolute;
	float:left;
	left:-77px;
	top:-13px;
}

span.tema_a, span.tema_b, span.tema_c, span.tema_d {
	position:relative;
	float:left;
	background: url(../img/barra_azul.gif) no-repeat;
	width:714px;
	height:48px;
	margin-left:5px;
	margin-top:10px;
	padding:0;
	padding-top:12px;
	font-size:150%;
	color:#fff;
	font-weight:bolder;
	font-family: verdana, sans-serif;
	text-indent:26px; }
span.tema_b { background: url(../img/barra_verde.gif) no-repeat; color:#404040; }
span.tema_c { background: url(../img/barra_rosa.gif) no-repeat; color:#fff; }
span.tema_d { background: url(../img/barra_gris.gif) no-repeat; color:#e4f012; }

div.cuerpo, #guardar, #datos {
	position:relative;
	float:left;
	background:#f0f0f0;
	width:679px;
	padding:0; margin:0;
	margin-left:15px;
	margin-top:-12px;
	padding-top:7px;
	padding-left:15px;
	line-height: 180%;
}

div.cuerpo ul.p, div.cuerpo ul.r, div.cuerpo ul.no-resp, div.cuerpo ul.res, #dinero ul {
	position:relative;
	float:left;
	width:667px;
	padding:0; margin:0;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:5px;
	list-style:none;
	line-height: 130%;
	border-top:1px solid #fff;
}

#dinero ul { margin-left:15px; }

div.cuerpo ul.no-resp { background: url(../img/alerta.jpg) repeat-y top right; }
div.cuerpo ul.p li , div.cuerpo ul.r li, div.cuerpo ul.no-resp li, div.cuerpo ul.res li { width:612px; margin-left:25px; text-indent:20px; background: url(../img/punto.gif) no-repeat; }

div.cuerpo ul.res li { color:#9f9f9f; background: url(../img/n.gif) no-repeat; }
div.cuerpo ul.res li.si { color:#000; background: url(../img/s.gif) no-repeat; }

div.cuerpo ul.r li, div.cuerpo ul.no-resp li  { text-indent:0; background: none; }
div.cuerpo ul.r li  input { vertical-align: sub;}
div.cuerpo ul.p li.guardar { text-align:center; background:none; padding-top:15px; margin-left:0;}
div.cuerpo ul.p li.texto { width:609px; margin-left:10px; background: #e0e0e0 url(../img/info.gif) 1% no-repeat; margin-top:10px; margin-bottom:15px; padding:2px; padding-left:24px; text-indent:0;}
div.cuerpo ul.p li.error { width:631px; margin-left:10px; background: #c00000; color:#e4f012; margin-top:10px; margin-bottom:15px; padding:2px; text-indent:10px;}
div.cuerpo ul.p li.edit { width:612px; margin-left:10px; text-indent:0px; background: none; margin-top:3px;}
div.cuerpo ul.p li.edit img { vertical-align:middle;}
div.cuerpo ul.p li.p, div.cuerpo ul.r li.p, div.cuerpo ul.res li.p { width:647px; text-indent:0; margin-left:10px; padding-bottom:4px; font-weight:bold; background: none; }
div.cuerpo ul.res li.p { color:#000; }
div.cuerpo ul.r li.p img { vertical-align: middle; }
div.cuerpo ul.p li.nav { position:relative; float:right; color:#fff; width:110px; top:-24px; margin-left:0; margin-right:10px; text-indent:0; background:none; background-color:#000; text-align:center; }
div.cuerpo ul.p li.add { position:relative; float:right;width:110px; padding:4px; color:#000; top:-32px; right:523px; text-indent:0; background:none; background-color:#e4f012; text-align:center; }
div.cuerpo ul.p li.nav a { color:#ef0bd2; text-decoration:none; }
div.cuerpo ul.p li.nav a:hover { color:#e4f012;}

div.cuerpo li.error ul {list-style:none; padding:0; margin:0;}
div.cuerpo li.error ul li {text-indent:0px; background:none; padding:0; margin:0; padding-left:5px;}

img.x { position:absolute; top:4px; left:630px; }


div.cuerpo input, div.cuerpo ul.p li input, div.cuerpo ul.p li.p img, #guardar ul input, #flotante input { vertical-align:middle; }
div.cuerpo ul.p li.p img { padding-left:4px; cursor: help; }
div.cuerpo ul.p li.p input.w { width:630px; }

div.cuerpo img.flecha { vertical-align:text-bottom; }

div.cuerpo a.f { color:#019cc8; text-decoration:underline; padding-right:29px; background: url(../img/flecha.gif) bottom right no-repeat; }
div.cuerpo a.f:hover { color:#000; background-color: #dcf812; background-image:none; padding:2px; text-decoration:none; }

img.f_abajo { margin-left:15px; }

a.info:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#f0f0f0; /* DEBE haber un color de fondo */
}

a.info span {
display: none; /* el elemento va a estar oculto */
}

a.info:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:-43px;; left:418px; /* donde va a estar */
width:250px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #09a1ae; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}

span.edita_valor {font-size:0.70em;}
span.edita_valor img {margin-left:-2px;}
span.p300 {position:relative; float:left; padding-top:4px;}

#guardar p, #guardar ul {
	position:relative;
	float:right;
	width:345px;
	padding:0; margin:0;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:5px;
	margin-right:15px;
	line-height: 120%;
	font-family: arial, sans-serif;}
#guardar ul { list-style:none; }
#guardar ul li { margin-top:2px;}
#guardar ul li.info { background:#e0e0e0; font-size:0.80em; line-height: 100%; padding:2px; margin-bottom:4px;}
#guardar ul li.error { position:relative; float:left; background: #c00000; color:#e4f012; padding:2px; overflow:hidden; }
#guardar ul li a, #datos a { text-decoration:underline; color:#019cc8;}
#guardar ul li.guardar{ text-align:center; padding-top:8px;}

#guardar li.error ul { 
width:335px;
padding:0; margin:0;
padding:2px;
margin-top:0px;
margin-right:0px;
}

#datos h1 {
width:632px;
padding:0; margin:0; margin-top:7px; margin-bottom:10px; margin-left:6px; padding-left:4px;
font-family: arial, sans-serif; font-size:1.75em; color:#088cad;
border-left:10px solid #c0c0c0; border-bottom:1px solid #c0c0c0;
}

#datos p {
width:612px;
padding:0px 10px 0px 10px;
line-height: 150%;
margin-top:8px;
}

#datos ul {
width:600px;
list-style:none;
padding:0; margin:0;
padding-top:15px;
padding-left:10px;
}
#datos ul li { margin-top:4px; }
#datos ul li.error {  background: #c00000; color:#e4f012; padding:2px; }
#datos ul li.enviar { width:370px; text-align:right }
#datos ul.mensaje li { margin-top:0; }
#datos ul.mensaje li.error { background: #e4f012; color:#000; padding:2px; }
#datos input.enlace { margin-left:10px; margin-top:8px; margin-bottom:10px; vertical-align:middle; }

.flotante {
background:#CC0000 none repeat scroll 0 0;
display:none;
left:40%;
top:0;
position:fixed;
text-align:center;
width:300px;
z-index:999;
}

.flotante p {
font-family: arial, sans-serif; font-size:0.80em; color:#fff;
text-align:left;
padding:5px; margin:5px; margin-top:0;
border-top:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
}

.flotante img.af {
margin-bottom:-15px;
}

img.separador {
margin:8px 0 8px 0;
}

img.recuerda {
position:relative;
float:right;
margin:-80px 15px 0 0;
}

span.datos {
position:relative;
float:left;
width:206px;
margin:20px 0 0 25px;
background-color:#038ca9;
color:#fff;
padding:8px;
font-size:11px;
}

span.datos img {
position:relative;
float:right;
margin-top:-82px;
margin-right:-22px;
}

#resultados ul.resultado {
    position:relative;
	float:left;
	width:667px;
	padding:0; margin:0;
	padding-top:7px;
	padding-bottom:10px;
	margin:5px 0 10px 25px;
	list-style:none;
	line-height: 130%;
    background: #f7cd24  url(../img/posit.jpg) no-repeat top right;
}

#resultados ul li.in {
position:relative;
float:right;
padding-right:60px;
font-size: 0.90em;
color:#9E8316;
}

#resultados ul li.ver, #resultados ul li.ver_no {
position:relative;
float:left;
margin:20px 0 0 17px;
padding-left:17px;
font-size: 0.90em;
color:#000;
background: url(../img/ver.gif) no-repeat left;
}

#resultados ul li.ver_no {
color:#9E8316;
background: url(../img/ver2.gif) no-repeat left;
}

#resultados ul li.ver a {
color:#1489f0; text-decoration:underline;
}

#resultados ul li.n {
position:relative;
float:left;
padding:5px;
padding-right:20px;
background: #fff;
margin:10px 0 0 15px;
font-size: 16px;
font-weight:bold;
border-bottom:2px solid #C8A61D;
border-left:2px solid #C8A61D;
}

#resultados ul li.n img {
position:absolute;
right:-18px;
top:-9px;
}

#resultados ul li.l {
position:relative;
float:left;
width:667px;
}

#resultados ul li span.u {
position:relative;
float:right;
font-size:11px;
padding:5px;
padding-top:7px;
margin: 10px 0 0 15px;
font-weight:bold;
}

#resultados ul li span.re {
position:relative;
float:right;
background: #EDF016  url(../img/barrita.gif);
height: 20px;
font-size: 1.25em;
padding:3px;
padding-top:5px;
margin:10px 20px 0 8px;
text-align:right;
border-bottom:2px solid #C8A61D;
border-left:2px solid #C8A61D;
}

#pie span {
position:relative;
float:right;
width:320px;
margin-right:40px;
margin-top:30px;
line-height:170%;
font-size:13px;
}

#pie span a {
color: #fff;
text-decoration:underline;
}

.bor {
    cursor: pointer;
}

.valor {
display:inline;
}

.valor-Off, .valor-On {
background:transparent url(../img/stars.gif) repeat-x scroll 0 0;
display:inline-block;
height:8px;
}
.valor-On {
background-position:0 -18px;
display:block;
max-width:80px;
top:0;
}
.valor-Hover {
background-position:0 -9px !important;
}

#lateral a.make {
display:block;
width:156px;
height:92px;
background: url(../img/crear1.jpg) no-repeat;
margin-bottom:12px;
}

#lateral a.make:hover {
background: url(../img/crear2.jpg) no-repeat;
}

#lateral ul {
 width:148px;
 padding: 8px 0 0 8px ;
 margin:0;
 list-style:none;
 background: url(../img/fondob.jpg) repeat-x top left;
 line-height: 140%;
  }

#lateral ul a {font-size:13px; color:#000; text-decoration:none;}  #lateral ul a:hover {color:#f713a9; }

#lateral span.olvido {
 display:block;
 width:156px;
 height:174px;
 background: url(../img/olvido.jpg) no-repeat;
 margin-bottom:10px;
 }

 #lateral span.no-email {
 background: url(../img/olvido2.jpg) no-repeat;
 }

 #lateral span.recordado {
 background: url(../img/olvido3.jpg) no-repeat;
 }

#lateral span.olvido input.t {
position:relative;
float:left;
width:108px;
margin-left:7px;
margin-top:145px;
border:1px solid #000;
font-size:11px;
 }

#lateral span.olvido input.no-val {
background:#ea300b;
 }

#lateral span.olvido input.b {
position:relative;
float:left;
margin-left:4px;
margin-top:145px;
 }

#recuperar span {
position:relative;
float:left;
border:1px solid #000;
margin: 30px 0 30px 200px;
padding:20px;
background:#f0f0f0 url(../img/fondob.jpg) repeat-x;
 }

 #recuperar span strong {
display:block;
color: #c00000;
 }

#recuperar span input {
vertical-align:middle;
 }

 #recuperar span input.tx {
border:1px solid #000;
font-size:15px;
 }

span.c_val {
    display: inline-block;
    background: url(../img/editar2.gif) no-repeat;
    width: 53px;
    height: 13px;
}

span.c_val_on {
    background: url(../img/editar1.gif) no-repeat;
}

#portada ul.a, #portada ul.b {
position:relative;
float:left;
width:720px;
padding:0; margin:0;
padding-top:7px;
padding-bottom:7px;
margin-top:5px;
margin-left:5px;
list-style:none;
line-height: 130%;
}

#portada ul.a li, #portada ul.b li {
position:relative;
width:400px;
float:left;
color:#0093c9;
font-size:14px;
font-weight:bold;
padding: 15px 0 15px 0;
}

#portada ul.b li {
color:#eb039a;
}

#portada ul.b li {
float:right;
}

#portada ul.a li.img, #portada ul.b li.img {
width:300px;
float:right;
padding:0;
}

#portada ul.b li.img {
float:left;
}

#portada ul.a li.crear {
text-align:center;
padding-top:30px;
}

#dinero li {
padding-bottom:20px;
}

#dinero li.t {
font-weight:bold;
padding-bottom:8px;
}

#dinero img {
padding-right:10px;
}

#condiciones h4 {margin-left:10px; color:#f20fa0;}
#ayuda h4 {margin-left:10px; color:#019cc8; font-size:14px; text-transform:uppercase; padding-top:10px; margin-bottom:-7px;}
#ayuda h5 {margin-left:10px; font-weight:bold; text-transform:uppercase; margin-bottom:-7px;}
span.nada {display:none;}

span.cuentatxt {
position:relative;
float:left;
font-size: 8pt; 
color: #00312e;
font-family: Arial, sans-serif; 
margin-left: 35px;
}

span.enviarcont {
position: relative; 
float: right; 
margin-right: 124px;
margin-top:2px;
}

#contacto input, #contacto textarea {
border:1px solid #404040;
}

#contacto textarea {
margin:15px 0 2px 30px;
}

#ayuda a { color:#f426a9; text-decoration:none; font-weight:bold; line-height:170%;}

#ayuda img {margin:15px 0 5px 0; border:1px solid #c0c0c0;}
#ayuda img.cap1 {margin-left:190px;}
#ayuda img.cap2 {margin-left:140px;}
#ayuda img.cap3 {margin-left:265px;}
#ayuda img.cap4 {margin-left:210px;}
#ayuda img.cap5 {margin-left:50px;}


.boton_no {border:0; padding:0; margin:0; margin-left:10px;}
.boton_si {margin-bottom:27px;}

.propio {position:relative; float:left; margin-top:40px; border:1px solid #000;}
.copiar {display:none;}
.copialo {display:inline; margin-bottom:-5px;}
.infoff {display:inline;}
.infoie {display:none;}
.userff {display:inline;}
.userie {display:none;}
.copia_e {display:none;}
.copiar_eff {display:inline; margin-bottom:-5px;}
img.a_rosa {margin: 8px 0 10px 25px;}

a.e_x, div.b_cat, div#p_Personalizada { display:none; }

form#modelo_edicion, li.error {display:none}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
    
#select {
    clear: both;
    text-align: center;
    margin: 15px auto;
    padding-top:25px;
}

#select span { 
    background: #97dd00;
    display: block;
    clear: both;
    font-size: small;
    margin: 15px auto;
    padding: 5px;
    width: 70%;
}

a.fb {
display:block;
margin-bottom:10px;
margin-top:-4px;
}