/*/////////////////////////////////////////////////////////////////////////////*/
/* BASICOS --------------------------------------------------------------------*/
*{padding:0;margin:0;}
html {margin:0;padding:0}
body {margin:0; padding:0; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
p, a, form, label, input, select, textarea {margin:0;padding:0;text-decoration:none;border:none;}
ul, ol, dl, dt, dd, li {margin:0;padding:0;list-style-type:none}
a img, img {border:0}
a { outline:none;}
/*-----------------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////*/
/* ESTRUCTURA -----------------------------------------------------------------*/
#TODO { margin:0 auto; width:960px; padding-top:10px}
#CABECERA { margin:8px 0 14px 0}
#GRID { display:block; overflow:hidden; margin:0 0 0 0;}
#COLMENU {  display:inline; width:207px; margin: 0 10px 0 3px; float:left; overflow:hidden}
#COLCONTENIDO { display:inline; width:736px; margin: 0 0 0 0; float:left}
/**/
/*MODULOS DE CONTENIDO -----------------------------------------------------------------*/

#COLCONTENIDO .Titular { display:block; width:736px;height:23px;background-color:#333333; margin:0 0 17px 0; position:relative}
#COLCONTENIDO .Titular.PestanasMenu {height:auto}
#COLCONTENIDO .Titular h1 { font-size:11px; color:#FFFFFF; padding: 5px 0 0 10px; font-weight:bold}
#COLCONTENIDO .Titular .MenuSoporte { background:url(../images/fondo-menusoporte.gif) 0 0 no-repeat; width:82px; height:23px; position:absolute; top:0; right:15px; text-align:center;}
#COLCONTENIDO .Titular .MenuSoporte img { margin:6px 6px 0 0}
#COLCONTENIDO .Columna01 { display:inline; float:left; width:530px; margin:0 10px 0 0}
#COLCONTENIDO .Columna02 { display:inline; float:left; width:196px; margin:0 0 0 0}
#COLCONTENIDO .Columna03 { display:inline; float:left; width:736px; margin:0 0 0 0}
/*PESTANAS*/
.Pestanas {background:url(../images/fondo-pestanas.gif) 0 bottom no-repeat;padding-bottom:17px}
.Pestanas ul {clear:both;overflow:hidden;height:26px;margin:15px 0 0 5px}
.Pestanas ul li {float:left;display:inline;font-size:12px;font-weight:bold;margin:0 3px;text-align:center;font-size:14px;font-weight:bold;background:url(../images/li-pestanas.gif) 0 0 no-repeat}
.Pestanas ul li a {display:block;font-size:12px;background:url(../images/li-pestanas.gif) 0 0 no-repeat;}
.Pestanas ul li a strong {padding:6px 10px;display:block;color:#353535;background:url(../images/li-pestanas.gif) right -50px no-repeat;}
/**/
.Pestanas ul li a:hover, .Pestanas ul li a.activo {color:#FFF;text-decoration:none;background-position:0 -89px !IMPORTANT}
.Pestanas ul li a:hover strong, .Pestanas ul li a.activo strong {color:#FFF;background-position:right -139px !IMPORTANT;}


/* MODULOS 1 COLUMNA -----------------------------------------------------------------*/
.Mod1col { margin:0 0 6px 0; position:relative;}
.Mod1col .modTop { display:block; width:100%; height:18px}
.Mod1col .modTop h1 { font-size:11px; color:#FFFFFF; padding: 2px 0 0 10px}
.Mod1col .modBorder { padding: 10px 0 0 0; border:1px solid #999999; border-top:none; border-bottom:none}
.Mod1col ul.MenuLista { margin: 0 0 0 10px}
.Mod1col ul.MenuLista li { background:url(../images/ico-manzana.gif) 0 0 no-repeat; padding: 0 0 5px 14px} 
.Mod1col ul.MenuLista li a { font-size:11px; font-weight:bold; color:#333333; text-decoration:none }
.Mod1col ul.MenuLista li a:hover {  color:#666666; text-decoration:underline}
.Mod1col #Contador { font-size:27px; color:#FFFFFF; font-weight:bold; position:absolute; top:50px; left:76px; width:36px; height:26px; display:block}
.Mod1col .modBody { padding:0 10px 0 10px; display:block; }
.Mod1col .modBody p {padding:0 0 9px 0;}
.Mod1col .modBody .FormEncuesta { line-height:14px; margin-bottom:15px}
.Mod1col .modBody .FormEncuesta p { padding-bottom:5px; *padding-bottom:0; _padding-bottom:0}
.Mod1col .modBody .FormEncuesta label { font-weight:bold}
.Mod1col .modBody .FormEncuesta input { padding:0; margin:0 5px 0 0; position:relative; top:2px;}
.Mod1col .ModFoto { background:url(../images/fondo-modfoto.jpg) 0 0 repeat-x; text-align:center; border-left:1px solid #909090; border-right:1px solid #909090}
/**/
/* MODULOS 2 COLUMNAS -----------------------------------------------------------------*/
.Mod2col { margin:0 0 6px 0; position:relative;}
.Mod2col .modTop { display:block; width:100%; height:18px}
.Mod2col .modTopSinH1 { display:block; width:100%; height:3px; overflow:hidden}
.Mod2col .modTop h1 { font-size:11px; color:#FFFFFF; padding: 2px 0 0 10px}
.Mod2col .modBorder { padding: 0; border:1px solid #999999; border-top:none; border-bottom:none}
.Mod2col .modBodyTop { background:url(../images/modbodytop.jpg) 0 0 no-repeat; padding:20px 0 0 0; display:block; overflow:hidden;}
.Mod2col .modBodyBottom { background:url(../images/modbodybottom.jpg) 0 bottom no-repeat; padding:0 0 20px 0; margin:0 0 0 0; display:block; overflow:hidden;}
.Mod2col .modBody { background:url(../images/modbody.jpg) 0 0 repeat-y; padding:0 0 0 30px; display:block; _height:35px}
.Mod2col .imgFl { float:left; height:68px; overflow:hidden; display:inline}
/**/
/* MODULOS 3 COLUMNAS -----------------------------------------------------------------*/
.Mod3col { margin:0 0 6px 0; position:relative;}
.Mod3col .modTop { display:block; width:100%; height:18px}
.Mod3col .modTopSinH1 { display:block; width:100%; height:3px; overflow:hidden}
.Mod3col .modTop h1 { font-size:11px; color:#FFFFFF; padding: 2px 0 0 10px}
.Mod3col .modBorder { padding: 0; border:1px solid #999999; border-top:none; border-bottom:none}
.Mod3col .modBodyTop { background:url(../images/modbodytop.jpg) 0 0 no-repeat; padding:20px 0 0 0;}
.Mod3col .modBodyBottom { background:url(../images/modbodybottom.jpg) 0 bottom no-repeat; padding:0 0 20px 0;}
.Mod3col .modBody { padding: 0 14px 30px 16px}
.Mod3col .modBody h2 { padding: 25px 0 15px 10px; font-size:16px; margin: 0 0 0 0}
.Mod3col .modBody p { padding-bottom: 15px; font-size:11px;}
.Mod3col .modBody p a { color:#333333; text-decoration:underline}
.Mod3col .modBody .modBg { background:url(../images/modbg.gif) 0 0 repeat-y; padding:0 20px 0 24px; height:100%; overflow:hidden;}
.Mod3col .modBody .modBg p { color:#7a7a7a; padding: 15px 0 0 0; font-size:11px !important}
.Mod3col .modBody .modBg h3 { color:#7a7a7a; background:url(../images/bologris.gif) 0 6px no-repeat; padding-left:7px; font-size:11px}
.Mod3col .modBody .modBg .imgFL { float:right;display:inline;background:url(../images/fondo-img-modbg.gif) 0 0 repeat-y;padding:0 0 0 10px;margin:5px 0 10px 10px}
.Mod3col .modBody .modBg .imgFL img { border:1px solid #c3c3c3;}
/**/

.Mod3col .BreadCrums { position:absolute; top:18px; right:0; display:block; height:17px; padding-left:5px; width:auto; _width:220px }
.Mod3col .BreadCrums.MinWidth { width:60px }
.Mod3col .BreadCrums.verde { background:url(../images/bread-crums-verde-left.gif) left 0 no-repeat}
.Mod3col .BreadCrums.gris { background:url(../images/bread-crums-gris-left.gif) left 0 no-repeat}
.Mod3col .BreadCrums ul { padding-top:2px; height:15px; padding-right:5px}
.Mod3col .BreadCrums.verde ul {background:url(../images/bread-crums-verde-right.gif) right 0 no-repeat}
.Mod3col .BreadCrums.gris ul {background:url(../images/bread-crums-gris-right.gif) right 0 no-repeat}
.Mod3col .BreadCrums li { display:inline; font-weight:bold; margin-right:10px}
.Mod3col .BreadCrums li a { color:#FFFFFF; }
.Mod3col .BreadCrums li a.Inicio { background:url(../images/fondo-inicio.gif) right 2px no-repeat; padding:0 6px 0 10px}
.Mod3col .BreadCrums.gris li a.Volver { background:url(../images/fondo-volver-gris.gif) 0 4px no-repeat; padding:0 0 0 15px;}
.Mod3col .BreadCrums.verde li a.Volver { background:url(../images/fondo-volver.gif) 0 4px no-repeat; padding:0 0 0 15px;}
.Mod3col .BreadCrums li a:hover { text-decoration:underline}
/**/
.Mod3col .BloqueFondo { margin: 0 0 20px 0}
.Mod3col ul.ComentariosTop { margin:0 0 0 0; padding:5px 0 0 10px; width:300px;}
.Mod3col ul.ComentariosTop li { display:inline; font-size:11px;color:#333333; font-weight:bold;}
.Mod3col ul.ComentariosTop li a.Last { background:none}
.Mod3col ul.ComentariosTop li a{color:#333333;font-weight:bold;background:url(../images/fondo-li-comentarios.gif) right 2px no-repeat;padding:0 6px 0 0;margin:0 2px 0 0}
.Mod3col ul.ComentariosTop li a:hover {text-decoration:underline}
.Mod3col ul.ComentariosTop li a.active {text-decoration:underline}
.Mod3col ul.Comentarios { background:url(../images/lineapuntos.gif) 0 bottom repeat-x; margin:0 0 10px 0; padding:0 0 5px 0;}
.Mod3col ul.Comentarios li { display:inline; font-size:11px;color:#333333; font-weight:bold;}
.Mod3col ul.Comentarios li a.Last { background:none}
.Mod3col ul.Comentarios li a { color:#333333;font-weight:bold;background:url(../images/fondo-li-comentarios.gif) right 2px no-repeat;padding:0 6px 0 0;margin:0 2px 0 0}
.Mod3col ul.Comentarios li a:hover {text-decoration:underline}
.Mod3col ul.Comentarios li a.active {text-decoration:underline}
/**/
ul.ListaBolo { padding: 6px 0 0 0}
ul.ListaBolo li { background:url(../images/bolonegro.gif) 0 5px no-repeat; padding:0 0 9px 8px}
ul li a { color:#4c7600; text-decoration:none}
ul li a:hover { text-decoration:underline}
/**/
/* ESTILOS DE ENLACES EN MODULOS ----------------------------------------------------------*/
div.LinkList { padding: 0 2px}
div.LinkList ul li { display:block; height:16px; width:100%; padding:5px 0 0 0; margin-top:2px; text-align:right}
div.LinkList ul li a { background-position: right 4px; background-repeat: no-repeat; padding:0 16px 0 0; margin-right:6px; font-weight:bold}
div.LinkList.LinkGreen ul li { background:url(../images/fondo-linklist-green.gif) 0 0 repeat-x}
div.LinkList.LinkGreen ul li a { color:#FFFFFF; background-image:url(../images/fondo-a-green.gif)}
div.LinkList.LinkGrey ul li { background:url(../images/fondo-linklist-grey.gif) 0 0 repeat-x}
div.LinkList.LinkGrey ul li a { color:#333333; background-image:url(../images/fondo-a-grey.gif)}
div.LinkList.LinkDarkGrey ul li { background:url(../images/fondo-linklist-darkgrey.gif) 0 0 repeat-x}
div.LinkList.LinkDarkGrey ul li a { color:#FFFFFF; background-image:url(../images/fondo-a-darkgrey.gif)}
/* ESTILOS DE ENLACES PAGINA LISTADO ----------------------------------------------------------*/
.BloqueListado { padding-top:40px;}
.BloqueListado li { margin-bottom:2px; padding:8px 0 0 0;display:block; width:700px; height:36px; background-color:#e6e6e6;}
.BloqueListado li a {display:block;width:670px;height:18px;color:#7a7a7a;background:url(../images/ico-flecha02.gif) 0 0 no-repeat;padding-left:20px;margin:0 0 0 10px; font-weight:bold; font-size:11px }
/**/
/* MODULO PIE DE PAGINA -----------------------------------------------------------------*/
#PIE { display:block; width:954px; height:18px; background-color:#a8a8a8; text-align:center; color:#FFFFFF; font-size:10px; padding:7px 0 0 0; margin:40px 0 10px 0}
#PIE a { color:#FFFFFF; font-size:10px; text-decoration:none}
#PIE a:hover { text-decoration:underline}
/**/
/* PAGINA VIDEO ----------------------------------------------------------------- */
#FLASH { display:block; overflow:hidden; text-align:center}
/**/
/* ESTILOS DE COLOR ----------------------------------------------------------------- */
.Green { color:#4f7a00}
.Negro { color:#333333}
.OrangeBold { color:#df6710; font-weight:bold}
/**/
.RedBG { background-color:#ee3b33;}
.OrangeBG { background-color:#df6710;}
.GreenBG { background-color:#7eba11;}
.GreenBG h1 { color:#333333 !important}
/**/
/* FORMULARIOS ----------------------------------------------------------------- */
input.Radio { margin:0; padding:0; border:none}
input.TXT { color:#7a7a7a; border:1px solid #CCCCCC; height:16px; padding:0 3px}
input.CK { border:none; display:block }
textarea.TXT01 { color:#7a7a7a; border:1px solid #CCCCCC; height:16px; padding:0 3px; width:574px; height:200px}
textarea.TXT02 { color:#7a7a7a; border:1px solid #CCCCCC; height:16px; padding:0 3px; width:550px; *width:545px; _width:545px; height:200px}
.ModForm01 { padding:30px 0; display:block;}
.ModForm01 table { width:650px}
.ModForm01 label { font-weight:bold; color:#7a7a7a; font-size:11px}
.ModForm01 p { color:#7a7a7a; font-size:11px}
.ModForm01 table th { width:80px; vertical-align:top; text-align:right; padding:0 5px 0 0}
.ModForm01 table td {  vertical-align:top; padding:0 0 10px 0}
.ModForm01 table td.PaddingNo {  vertical-align:top; padding:0 0 2px 0}
/**/
.ModForm02 { padding:0 0 20px 0; display:block;}
.ModForm02 table { width:650px; margin: 20px 0 10px 0}
.ModForm02 label { font-weight:bold; color:#7a7a7a; font-size:11px}
.ModForm02 p { color:#7a7a7a; font-size:11px}
.ModForm02 table th { width:80px; vertical-align:top; text-align:right; padding:0 5px 0 0}
.ModForm02 table td {  vertical-align:top; padding:0 0 10px 0}
.ModForm02 table td.PaddingNo {  vertical-align:top; padding:0 0 2px 0}
.ModForm02 .Enviar { text-align:right; padding:0 20px 0 0}
/**/
p.Condiciones { line-height:20px}
p.Condiciones label { font-weight:normal; float:left; padding-left:5px}
p.Condiciones label a { font-weight:normal; color:#7a7a7a !important}
p.Condiciones input { float:left; padding-left:8px; margin-top:3px; *margin-top:0; _margin-top:0}
/**/

/* CLASES GENERICAS ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.CLEAR { clear:both}
.MarginTop20px { margin-top:15px}
.Alto660px { height:660px}
.LienaPuntos { background:url(../images/lineapuntos.gif) 0 0 repeat-x; display:block; height:1px; width:100%; overflow:hidden}
.LienaPuntosGris { background:url(../images/lineapuntos_gris.gif) 0 0 repeat-x; display:block; height:1px; width:100%; overflow:hidden}
.Ancho224px { width:224px}
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */