/* TodoEspacios
// Esmeralda  - 23.06.2008
// Redbility
*/


/* Normalizacion */

* {margin:0; padding:0; border:0}
body {padding:0; font-family:Tahoma, Verdana, sans-serif; font-size:62.5%; background:#ffffff url(gfx/bgd-home.jpg) center top no-repeat; color:#666666;} 

/* Estructura general del site */

#general {position:relative; width:996px; margin:0 auto 0 auto; font-size:1.1em; background:#ffffff url(gfx/bgd-home.jpg) center top no-repeat} /* Tipo base:11px */
#general #header {position:relative; top:0px; height:103px;}
#general #header .logo {display:block; background:url(gfx/bgd-transparente.gif) 0 0 no-repeat;  width:284px; height:103px; text-indent:-10000px}
#general #header .logo {display:none}

.titular12 span {color:#f4b7e9}

 
/* modulo01*/
#general #content #modulo01 {position:relative; width:907px;height:357px; padding:0; margin:58px 0 -8px 0; background:url(gfx/bdg-home-cabecera.png) left 0px no-repeat;}

/* modulo01 - Menu */
#general #content #modulo01 .menu { margin:0 0 0 0; padding:0 0 0 10px; width:875px; height:51px;}
#general #content #modulo01 .menu ul.menu01 {display:block; padding:0; height:40px; padding:11px 0 0px 0; float:left;}
#general #content #modulo01 .menu ul.menu01 li {display:block; height:40px; margin:0; padding:0;  list-style-type:none; float:left; text-indent:-100000px}
#general #content #modulo01 .menu ul.menu01 li a {display:block; padding:0; margin:0; height:100%; width:100%}
#general #content #modulo01 .menu ul.menu01 li a.active {cursor:default}
#general #content #modulo01 .menu ul.menu01 li.inicio {background:url(gfx/bgd-sep-menu.gif) right 10px no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.inicio a {background:url(gfx/textos/txt-menu01-esp.gif) center center no-repeat; width:65px;}
#general #content #modulo01 .menu ul.menu01 li.inicio a:hover {background:url(gfx/textos/txt-menu01hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.inicio a.active {background:url(gfx/textos/txt-menu01hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.quienes {background:url(gfx/bgd-sep-menu.gif) right 10px no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.quienes a {background:url(gfx/textos/txt-menu02-esp.gif) center center no-repeat; width:144px}
#general #content #modulo01 .menu ul.menu01 li.quienes a:hover {background:url(gfx/textos/txt-menu02hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.quienes a.active {background:url(gfx/textos/txt-menu02hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.ventajas {background:url(gfx/bgd-sep-menu.gif) right 10px no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.ventajas a {background:url(gfx/textos/txt-menu03-esp.gif) center center no-repeat; width:89px}
#general #content #modulo01 .menu ul.menu01 li.ventajas a:hover {background:url(gfx/textos/txt-menu03hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.ventajas a.active {background:url(gfx/textos/txt-menu03hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu01 li.contacto a {background:url(gfx/textos/txt-menu04-esp.gif) center center no-repeat; width:92px}
#general #content #modulo01 .menu ul.menu01 li.contacto a:hover {background:url(gfx/textos/txt-menu04hover-esp.gif) center center no-repeat; }
#general #content #modulo01 .menu ul.menu01 li.contacto a.active {background:url(gfx/textos/txt-menu04hover-esp.gif) center center no-repeat; }

#general #content #modulo01 .menu ul.menu02 {display:block; background:none; height:40px; padding:11px 11px 0 0; float:right;}
#general #content #modulo01 .menu ul.menu02 li {display:block; background:none; padding:0; height:40px; list-style-type:none; float:left; text-indent:-100000px}
#general #content #modulo01 .menu ul.menu02 li.registrate a {background:url(gfx/textos/txt-menu05-esp.gif) center center no-repeat; width:98px}
#general #content #modulo01 .menu ul.menu02 li.registrate a:hover {background:url(gfx/textos/txt-menu05hover-esp.gif) center center no-repeat; }
#general #content #modulo01 .menu ul.menu02 li.registrate a.active {background:url(gfx/textos/txt-menu05hover-esp.gif) center center no-repeat; }
#general #content #modulo01 .menu ul.menu02 li.acceso a {background:url(gfx/textos/txt-menu06-esp.gif) center center no-repeat; width:150px}
#general #content #modulo01 .menu ul.menu02 li.acceso a:hover {background:url(gfx/textos/txt-menu06hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu02 li.acceso a.active {background:url(gfx/textos/txt-menu06hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu02 li.misespacios a {background:url(gfx/textos/txt-menu07-esp.gif) center center no-repeat; width:196px}
#general #content #modulo01 .menu ul.menu02 li.misespacios a:hover {background:url(gfx/textos/txt-menu07hover-esp.gif) center center no-repeat; }
#general #content #modulo01 .menu ul.menu02 li.misespacios a.active {background:url(gfx/textos/txt-menu07hover-esp.gif) center center no-repeat; }
#general #content #modulo01 .menu ul.menu02 li.misdatos a {background:url(gfx/textos/txt-menu08-esp.gif) center center no-repeat; width:100px}
#general #content #modulo01 .menu ul.menu02 li.misdatos a:hover {background:url(gfx/textos/txt-menu08hover-esp.gif) center center no-repeat;}
#general #content #modulo01 .menu ul.menu02 li.misdatos a.active {background:url(gfx/textos/txt-menu08hover-esp.gif) center center no-repeat;}

#general #content #modulo01 .menu ul.menu02 li a {display:block; padding:0px; margin:0px; height:100%; width:100%}
#general #content #modulo01 .menu ul.menu02 li.acceso {background:url(gfx/bgd-sep-menu.gif) left 10px no-repeat;}
#general #content #modulo01 .menu ul.menu02 li.misdatos {background:url(gfx/bgd-sep-menu.gif) left 10px no-repeat;}

/* modulo01 - presentacion */
#general #content #modulo01 .presentacion {width:349px; height:268px; float:left; margin:4px 7px 0 12px; padding:0; background:url(gfx/bgd-presentacion.png) 0 0 no-repeat;}
#general #content #modulo01 .presentacion * {margin:18px 0 0 18px}

/* modulo01 - menu zonal */
#general #content #modulo01 .menu03 {float:left;margin:16px 0 0 0; padding:0; width:230px; height:245px;}
#general #content #modulo01 .menu03 p {font-size:1.4em; color:#b0b0b0}
#general #content #modulo01 .menu03 ul {list-style-type:none;margin:0; padding:0}
#general #content #modulo01 .menu03 ul li{font-size:22px}

/* modulo01 - flechas asesoramiento y registro */
#general #content #modulo01 .flechas {position:absolute; bottom:25px; right:20px; width:270px; height:270px;}
#general #content #modulo01 .flechas .asesoramiento {display:block;float:left;margin:60px 0px 20px 0; padding:0 0 0 0px; width:150px; height:70px; text-indent:-10000px; }
#general #content #modulo01 .flechas .registro {display:block;clear:left;margin:0 0px 0 50px; padding:0 0 0 0px; width:200px; height:90px; text-indent:-10000px;}


/* modulo02*/
#general #content .modulo02-top { margin:0; padding:0; width:884px; height:17px; background:url(gfx/bgd-home-modulo02-top.png) left top no-repeat;}
#general #content .modulo02 {display:block; margin:0; padding:0 0 20px 14px; width:884px; background:url(gfx/bgd-home-modulo02.png) left bottom no-repeat;}

/* modulo02 - bloq 01*/
#general #content .modulo02 .bloq01 #flashhome {float:left;width:510x; height:209px; margin:0; padding:0}
#general #content .modulo02 .bloq01 .emocional01 {float:left;width:510x; height:209px; margin:0; padding:0}
#general #content .modulo02 .bloq01 .destacado {position:relative; float:left; width:349px; height:196px; margin:-3px 0 0 0; padding:0; background:url(gfx/bgd-home-destacado.png) left bottom no-repeat}
#general #content .modulo02 .bloq01 .destacado img {margin:18px 0 0 18px; padding:0;}
#general #content .modulo02 .bloq01 .destacado a.destacado-texto {position:absolute; left:18px; bottom:25px; display:block; width:291px; height:18px; padding:8px 11px 0px 11px; background:url(gfx/bgd-w80.png) 0 0 repeat; text-decoration:none; color:#888888; line-height:1.2em;  overflow:hidden}
#general #content .modulo02 .bloq01 .destacado a.destacado-texto:hover {height:auto}
#general #content .modulo02 .bloq01 .destacado a.destacado-texto .titulo {display:inline; font-size:1.18em; color:#4098ae; font-weight:bold; line-height:1.2em; padding:0 15px 0 0; background:url(gfx/bgd-up.gif) right 6px no-repeat}
#general #content .modulo02 .bloq01 .destacado .destacado-padding {position:absolute; display:block; left:18px; bottom:17px; display:block; width:291px; height:8px; padding:0 11px 0px 11px; background:url(gfx/bgd-w80.png) 0 0 repeat}

/* modulo02 - bloq 02*/

#general #content .modulo02 .bloq02 {float:left; margin:0 0 0 5px; padding:0;}
#general #content .modulo02 .bloq02 .titular3 {margin:0; padding:0 0 0 8px}

#general #content .modulo02 .bloq02 .galeria .bloque01 {width:167px; height:200px; float:left; margin:0; padding:0;}
#general #content .modulo02 .bloq02 .galeria .bloque01 a.titulo {display:block; width:120px;font-family:Tahoma, Verdana, Arial; font-weight:normal; color:#4098ae; padding:0 0 0px 11px; margin:0}
#general #content .modulo02 .bloq02 .galeria .bloque01 a.titulo:hover {text-decoration:underline;}
#general #content .modulo02 .bloq02 .galeria .bloque01 p {width:120px;font-family:Tahoma, Verdana, Arial; font-weight:normal; color:#888; padding:0 0 0px 11px; margin:0}

/* modulo02 - bloq 03*/
#general #content .modulo02 .bloq03 {float:right;margin:0 0px 0 0; padding:0 33px 0 0;}
#general #content .modulo02 .bloq03 .titular3 {margin:0; padding:0 0 0 8px}
#general #content .modulo02 .bloq03 .galeria .bloque01 {width:167px; height:170px; float:left; margin:0; padding:0;}
#general #content .modulo02 .bloq03 .galeria .bloque01 a.titulo {display:block; width:120px;font-family:Tahoma, Verdana, Arial; font-weight:normal; color:#4098ae; padding:0 0 0px 11px; margin:0}
#general #content .modulo02 .bloq03 .galeria .bloque01 a.titulo:hover {text-decoration:underline;}
#general #content .modulo02 .bloq03 .galeria .bloque01 p {width:120px;font-family:Tahoma, Verdana, Arial; font-weight:normal; color:#888; padding:0 0 0px 11px; margin:0}

/* modulo03*/
#general #content .modulo03 {width:841px;margin:14px 0 0 30px;}
#general #content .modulo03 .titular3{margin:0 0 7px 0; padding:0}

#general #content .modulo03 .bloq01 {width:483px; float:left}
#general #content .modulo03 .bloq01 .listadotriple ul {width:146px; float:left; padding-right:15px}

#general #content .modulo03 .bloq02 {float:left; width:300px; margin:0 0 0 30px}

#general #content .modulo04 {margin:7px 0 0 1px;}