/* ESTILOS GENERALES */
body {margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; background-color: #FFFFFF; }
input {margin:0px;padding:0px;border-top:1px solid #CBCBCB;border-left:1px solid #CBCBCB;border-right:1px solid #CBCBCB;border-bottom:1px solid #777777;color:#333;font-size:11px;font-family:Verdana, Arial, Helvetica;}
select {background-color:#F1F1F1;color:#333;font-size:11px;font-family:Verdana, Arial, Helvetica;}
textarea {background-color:#fff;color:#333;font-size:11px;font-family:Verdana, Arial, Helvetica;margin:0px;padding:0px;}
button {display:inline;margin:0px;padding:0px;width:30px;}
ul {margin:0px;padding:0px;}
li {list-type-style:none;}
p {margin:0px;padding:0px;}
h1,h2,h3,h4,h5 {margin:0px;padding:0px;}
form {margin:0px;padding:0px;}
table { border:0px solid #ffffff;}

/* ESTILOS CAJAS GLOBALES */
#web {margin:0px auto 0px auto; padding:0px; width:770px; text-align:left;}
#cabecera {width: 770px; height: 57px; border-bottom: 1px solid #333;background:#ffffff url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_cabecera.gif) repeat-x top left;}
#contenido {width: 770px;}
#datos {width:610px;float:left;}
#lateral {width:610px;float:left;}
#lateral-home {width:610px;float:left;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/punto_vert.gif) repeat-y top right;}
#lateral-registrarse {padding:10px 0px 10px 100px; width:100%;}
.lateral-columna-dcha {width:590px;margin:0px 0px 0px 10px;clear:both;}
.lateral-izda {width:450px;float:left;}
.lateral-dcha {width:160px;float:right;}
.lateral-izda-padding {padding:0px 10px 0px 10px;}
.lateral-dcha-padding {padding:0px 5px 0px 5px;}
#pie {float:left; width:770px; margin-top:10px; border-top:7px solid #f1f1f1;}
#esquemapopup { width:95%; margin-left:5px;}



/* ESTILOS PARA EL PATH */
.path-alinear {width:95%;}
.path {clear:both; float:left; width:100%;}
.path-padding {margin: 0px 0px 10px 10px; padding:10px 0px 0px 0px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/punto.gif) repeat-x left bottom;}
.path-contenido {width:95%; padding:0px 0px 10px 12px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/bullet_gris.gif) no-repeat left center;}
.path-contenido a {color:#F0072E; text-decoration:none;}
.path-contenido a:hover {text-decoration:underline;}
.path-actual {color:#000; font-size:11px; font-weight:bold;}

/* ESTILOS PARA LA CABECERA Y SUBCABECERA DE LA WEB */
#cabecera h1 {margin:0px; padding:0px;}
#cabecera h1 a {display: block; width: 285px; height: 50px; background: url(/MODULOS/_GLOBAL/extranet/interfaces/img/logo_conlinea.gif) no-repeat left; margin:7px 0px 0px 0px;padding:0px;float:left;}
#cabecera h1 a span { display: none;}
#cabecera #txt-cabecera {width:240px;margin-top:18px;float:left;}
#cabecera #collage {margin:7px 0px 0px 0px;width:238px;height:49px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/collage.jpg) no-repeat right;float:right;}
#cabecera #collage span{display:none;}
#subcabecera {margin:0px;padding:0px;width:770px;height:26px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_subcabecera.gif) repeat-x;clear:both;}
#subcabecera span {padding:2px 10px 0px 0px;display:block; text-align:right;}


/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie-padding {float:left; padding:10px 0px 0px 0px; width:770px; height:50px; text-align:center;}
#pie-padding-idiomas {padding:5px 0px;}
#pie-telefonos {margin-top:7px; text-align:center;}

/* POPUP */
#popup {width:94%;margin:10px 10px 10px 20px;}
.popup-cabecera {float:left;width:100%;border-bottom:1px solid #333;padding:10px 10px 10px 0px;}

/* ESTILOS PARA PAGINACION */
.paginacion {margin-right: 10px; padding:5px;font-weight: bold; color: #333; text-align:right; border-top:1px solid #D7D6D6;}
.paginacion a { color: #F0072E;text-decoration:none; font-weight: normal;border:0px;}
.paginacion a:hover { color: #F0072E;}
.paginacion-col2 {float:right; padding:5px;font-weight: bold; color: #333; text-align:right;}
.paginacion-col2 a { color: #F0072E;text-decoration:none; font-weight: normal;border:0px;}
.paginacion-col2 a:hover { color: #F0072E;}
.numero-pagina {color:#000000;font-weight:bold;}

/* ESTILOS PARA EL MENU  Y SUBMENU LATERAL DE LA WEB */
#menu {width:160px;min-height:400px;float:left;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_menu.gif) repeat-x top left;}
#menu ul {margin: 0px 0px 0px 0px;padding:0px;}
#menu ul li { list-style-type: none;margin:0px;padding:7px 0px 7px 0px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_listado.gif) repeat-x bottom left;}
#menu ul li a.off { display: block; width: 160px; color: #666; font-size:11px;font-weight: bold; text-decoration: none;}
#menu ul li a.off:hover { color: #333;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/marcador.gif) no-repeat top left;}
#menu ul li a.on {color:#F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/marcador.gif) no-repeat top left;text-decoration: none;font-weight:bold;}
#menu ul li a.off-submenu {padding-left:10px;text-decoration:none;font-weight: normal;}
#menu ul li a.off-submenu:hover {text-decoration:underline;background:none;}
#menu ul li a.on-submenu {padding-left:10px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat center left;text-decoration:none;font-weight:normal;color:#000;}
#menu .menu-padding{padding-left: 19px;}
.submenu {margin-left:20px;margin-top:5px;padding:0px;}
.submenu a {display: block; color: #666; font-size:10px;font-weight: bold; text-decoration: none;}
.submenu a:hover { color: #333;text-decoration:underline;}
.submenu a.on {color:#333;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat top left;text-decoration:none;padding-left:15px;}

/* ESTILOS INTERIORES */
.lateral-izda-noticias {width:410px;float:left;}
.lateral-dcha-noticias {width:200px;float:right;}
.lateral-izda-padding-noticias {padding:0px 10px 0px 10px;}
.lateral-dcha-padding-noticias {padding:0px 5px 0px 5px;}
.columna-fecha {width:80px;margin:0px 10px 0px 10px;float:left;}
.columna-titulos {width:480px;float:right;}
.columna-padding {margin-bottom:10px; padding:0px 0px 10px 0px; border-bottom:1px solid #D7D6D6;}
.lateral-garantias {float:left; width:370px; padding:0px 10px 0px 0px;}
.lateral-garantias2 {float:right; width:200px;text-align: justify;}

/* ESTILOS LOGIN */
#datos-home {width:565px;height:25px;margin:50px 0px 20px 140px; padding:0px;font-size:11px;}
#login { margin: 10px 0px 0px 140px; padding: 0px;}
#formulario-entrada { margin:10px 0px 20px 150px; padding:0px; width:250px;}
#formulario-entrada fieldset { border: 0px solid #FFFFFF; }
#formulario-entrada fieldset legend { margin: 0px; padding: 0px; display: none; }
#formulario-entrada fieldset label { float: left; padding: 2px 0px 0px 0px; width: 40%; text-align: right; }
#formulario-entrada fieldset .campos { margin:0px 0px 5px 8px; color: #333; width:120px; font-size: 11px; vertical-align: middle; background-color: #fff; border: 1px solid #5B97B1;}
#formulario-entrada fieldset .boton-login { margin:5px 0px 0px 180px;width:80px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton2.gif) no-repeat right; border:0px solid #ccc;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;cursor: pointer;color:#F0072E;font-weight:bold;text-transform:uppercase;}
#login-opciones {border-top:7px solid #D9D9D9;width:565px;margin:0px; padding-top:10px;}
#login-opciones .opcion1 {float:right; width:150px; margin:0px; padding:0px 10px 0px 10px;  background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat left;vertical-align:middle; }


/* ESTILOS H1, H2, H3 y H4 */
.titulos-padding {margin:0px 0px 0px 10px;}
.titulo {margin:4px 0px 10px 0px;padding:0px 0px 15px 5px;clear:both;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/banda_azul.gif) repeat-x left bottom;font-size:11px;color:#333;}
.titulo span {text-indent:5px;}
.subtitulo {margin:4px 5px 10px 10px;padding:0px 0px 15px 0px;clear:both;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/banda_roja.gif) repeat-x left bottom;font-size:11px;color:#333;}
.subtitulo span {text-indent:5px;}
.titulo-doscolores {margin:10px 0px 10px 0px;padding:0px 0px 15px 2px;clear:both;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/banda_roja.gif) repeat-x left bottom;font-size:11px;color:#333;}
.subtitulo2 {margin:0px;padding:0px 0px 0px 15px;clear:both;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/iconos/go.gif) no-repeat left center;font-size:9.5px;color:#333;}
.subtitulo-producto {float:left;width:100%;}
.subtitulo2-producto {float:left;width:100%;margin-top:10px;}
.subtitulo-producto-etiqueta {margin:0px;padding:15px 0px 10px 0px;color:#666;font-size:11px;font-weight:bold;}
.subtitulo-flechabajo {clear:both;margin:0px 0px 5px 0px;padding:10px 0px 15px 5px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/banda_roja.gif) repeat-x left bottom;}
.subtitulo-flechabajo h2 {width:100%;margin:0px;padding:0px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/bullet_down.gif) no-repeat right center;font-size:11px;color:#333;font-weight:bold;}
.subtitulo-flechabajo h3 {width:100%;margin:0px;padding:0px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/bullet_down.gif) no-repeat right center;font-size:11px;color:#333;font-weight:bold;}
.subtitulo-flechabajo h4 {width:100%;margin:0px;padding:0px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/bullet_down.gif) no-repeat right center;font-size:11px;color:#333;font-weight:bold;}


/* ARTICULOS: LISTADO Y DETALLE */
.listado-productos {float:left;width:auto}
#lateral-productos {width:765px;float:left; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_productos.gif) 148px 0px repeat-y;}
.lateral-izda-productos {width:55%;float:left;}
.lateral-dcha-productos {width:45%;float:left;}
.lateral-izda-padding-productos {padding:0px 5px 0px 5px;}
.lateral-dcha-padding-productos {padding:0px 5px 0px 5px;}
.productos-padding {margin:0px 0px 0px 5px; padding:5px 0px 5px 10px; width:315px; border-bottom:1px solid #c4c4c4;}
.productos-padding2 {margin:0px 0px 0px 5px; padding:5px 0px 5px 10px; width:570px; border-bottom:1px solid #c4c4c4;}
.imagen-listado-productos {float: left; width:62px; margin-right:10px;text-align:left;border:1px solid #C4C4C4;}
.texto-confoto-productos {float:left; margin:0px; padding:0px; width:75%;}

#lateral-productos-detalle {width:610px;float:left;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_detalle.gif) repeat-y top left;}
.lateral-izda-productos-detalle {width:180px;float:left;}
.lateral-dcha-productos-detalle {width:425px;float:right;}
.lateral-izda-padding-productos-detalle {padding:0px 5px 0px 10px;}
.lateral-dcha-padding-productos-detalle {padding:0px 5px 0px 5px;}
.productos-detalle-etiquetasueltas {float:left; padding:2px 0px 2px 0px; width:405px;text-align:left; font-weight:bold;border-bottom:1px solid #E8E8E8;}
.productos-detalle-etiquetas {float:left; width:410px;margin:0px; padding:0px 0px 2px 0px ;border-bottom:1px solid #E8E8E8;}
.productos-detalle-nombre {float:left; margin:0px; padding:0px; width:205px;text-align:left;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;}
.productos-detalle-valor {float:left; margin:0px; padding:0px; width:205px;text-align:left;font-size:11px;}


#productos-descripcion {float:left; width:410px;margin:0px;padding:0px;}
#productos-descripcion ul {margin:0px;padding:0px;}
#productos-descripcion ul li {list-style-type:none;margin:0px;padding:2px 0px 2px 10px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_negra.gif) no-repeat;}

#productos-encabezado {margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; border-top:1px solid #D7D6D6; border-bottom:1px solid #D7D6D6;}
.titulo-id {color:#F0072E;font-size:11px;}
.titulo-oscuro {color:#333;font-size:13px;font-weight:bold; text-transform:uppercase;}



/* ESTILOS ORDEN DE COMPRA */
#oc-columna1 {width:570px;margin:0px 0px 0px 7px;}
#oc-columna1-filtro{width:160px;margin:0px;padding:0px;float:left;}
#oc-columna1-buscador {width:390px;float:left;}
#oc-columna1-impresion {display:none;}

#oc-tabla-listado-titulo {width:590px;margin-top:20px;padding:0px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/banda_roja.gif) repeat-x bottom left;}
#oc-tabla-listado-titulo h4 {width:200px;margin:0px;padding:0px 0px 0px 5px;float:left;}
#oc-tabla-listado-titulo-opciones {width:100%;float:left;padding:15px 5px 15px 0px;text-align:right;}
#oc-busqueda-avanzada {width:130px;padding-top:10px;float:left;}

.oc-tabla-listado {display:block;width:590px;margin:10px 0px 0px 0px;padding-bottom:3px;border-bottom:1px solid #D7D6D6;}
.oc-tabla-listado-celdas {width:590px;border:0px solid #ffffff;}
.oc-tabla-listado-celdas thead tr {width:590px;height:22px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_tabla.gif) repeat-x top left;}
.oc-tabla-listado-celdas th {font-size:10px;color:#333;border-right:1px solid #fff;border-bottom:1px solid #FDBAB4;}
.oc-tabla-listado-celdas tr.color{background-color:#F1F1F1;}
.oc-tabla-listado-celdas tr td {padding:5px 5px 5px 4px;font-size:10px;}
.oc-iconos {float:left; width:auto;}
.oc-iconos-print {width:70px;margin:0px;padding:5px 0px 5px 22px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/iconos/print.gif) no-repeat center left;float:left;}
.oc-iconos-export {width:100px;padding:5px 0px 5px 25px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/iconos/export.gif) no-repeat center left;float:left;}
.oc-margen-left {display:block;float:left;margin-left:75px;}


/* ESTILOS DETALLE DE COMPRA */
.dc-padding {margin: 0px 0px 10px 10px; padding:10px 0px 0px 0px;}
.dc-columna1 {width:100%;margin:0px;padding:5px 0px 5px 0px;}
.dc-columna2 {width:100%;margin:0px;padding:5px 0px 0px 0px;border-bottom:1px solid #ccc;}
.dc-columna3 {width:100%;margin:0px;padding:5px 0px 5px 0px;}
.dc-columna4 {width:100%;margin:0px;padding:15px 0px 15px 0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.dc-columna3-padd {padding:0px 0px 0px 10px;}
.dc-input-grande {width:250px;margin-left:10px;}
.dc-tabla1 {width:740px;}
.dc-col-left {width:200px;height:20px;}
.dc-col-center {width:180px;height:20px;}
.dc-col-right {width:140px;height:20px;}
.dc-tabla2 {width:760px;padding:10px 0px 10px 0px;}
.dc-col2-left {width:150px;height:20px;}
.dc-col2-right {width:420px;height:20px;}
.dc-lineas {margin:0px; padding:0px; width:760px; height:300px; overflow:scroll;}
.dc-lineas-padd {padding:5px;}
.dc-lineas2 {margin:0px; padding:0px; width:750px;}
.dc-lineas2-padd {padding:5px 5px 0px 5px;}
.dc-tabla1 tr td {padding:3px 0px 3px 0px;}
.dc-lineas-opciones {float:right; margin:0px 5px 15px 5px; padding:0px 10px 5px 0px; width:740px; text-align:right; border-bottom:1px solid #7FB0C6;}
.dc-tabla-lineas {width:740px; border:0px solid #fff; border-collapse:collapse;}
.dc-tabla3 	{margin-left:10px; width:740px;}
.dc-lineas2-tabla {margin:5px 0px 0px 0px; width:750px; border-top: 1px solid #5B97B1; border-bottom: 1px solid #5B97B1;}
.dc-lineas2-tabla td {padding:5px 2px;background-color:#EFF5F8;}


/* ESTILOS PARA CARPETAS DE DETALLE ORDEN DE COMPRA */
#listado-carpetas {float: left;}
#listado-carpetas ul {margin:0px; padding:0px; }
#listado-carpetas li {float:left; list-style: none; margin: 0px 2px 0px 0px; }
#listado-carpetas li a 		 {float:left; padding:3px; color: #fff;  background-color: #5B97B1; font-size:11px; font-weight:bold; text-decoration: none;  border:0px solid #c8c7c6; }
#listado-carpetas li a:hover {color: #333; background-color:#BBD3DF; border: 0px solid #5B97B1;}

#listado-carpetas li a.carpeta-activa 		{ color:#333; background-color:#BBD3DF; text-decoration:none; }
#listado-carpetas li a.carpeta-activa:hover {color: #fff; background-color:#5B97B1; border: 0px solid #c8c7c6; }

#listado-carpetas li a.carpeta-activa2 		 { color:#333; background-color:#BBD3DF;  text-decoration:none;}
#listado-carpetas li a.carpeta-activa2:hover {color: #fff; background-color:#5B97B1; border: 0px solid #c8c7c6;  }


#datos-carpetas 		{clear:both;  border-top: 1px solid #5B97B1; border-bottom: 1px solid #5B97B1; background-color:#EFF5F8; }
.datos-carpetas-padding {margin:0px; padding:0px 0px 10px 0px;}


/* ESTILOS DE ANCHO */
.ancho750 	{width:750px;}
.ancho150 	{width:150px;}
.ancho120 	{width:120px;}
.ancho100 	{width:100px;}
.ancho90 	{width:90px;}
.ancho40 	{width:40px;}


/* ESTILOS DETALLE NOTAS DE ENTREGA */
.ne-tabla1 {width:580px;}
.ne-tabla2 {padding:5px 0px; width:100%; border-top:1px solid #ccc;  border-bottom:1px solid #ccc;}

/* ESTILOS LINEAS DE ARTICULOS EN FORMULARIO DE COMPRA */
.lineaeditada { background-color: #FEFFC1; }
.lineaguardada { background-color:#BDE3FD; }
.lineanueva { background-color: #F0F4F5; }

/* ESTILOS FAQS */
#faq {width:590px;}
#faqs-detalle {width:580px;padding-bottom:20px;border-bottom:1px solid #FFBFCA;}
.pregunta {width:95%;margin:0px 0px 0px 20px;padding:0px 0px 10px 20px;clear:both;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/bullet_rojo.gif) no-repeat left top;font-size:11px;color:#666;font-weight:bold;}
.caja-bullet {width:90%;margin:0px 0px 0px 50px;padding:0px 0px 0px 15px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/bullet_gris_claro.gif) no-repeat top left;}


/*CAJAS */
.caja {width:390px;margin:0px 0px 0px 10px;}
.caja h3 {width:100%; heigth:40px;margin:20px 0px 10px 0px;padding:0px 0px 15px 0px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/banda_azul.gif) repeat-x left bottom;font-size:11px;color:#333;}
.caja-listado{width:100%;margin:0px;padding:0px;}
.caja-opciones {list-style-type: none; width:100%;margin:0px;padding:0px 0px 0px 10px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_negra.gif) no-repeat top left;} 
.enlace-dcha {width:100%;text-align:right;}
.caja-lineas {margin: 0px 0px 5px 10px; padding:0px 0px 15px 15px; width:740px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/punto.gif) repeat-x left bottom;}
.caja-lineas2 {margin: 0px 0px 5px 10px; padding:0px 0px 15px 15px; width:585px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/punto.gif) repeat-x left bottom;}
/*CAJA CON IMG Y TEXTO -- ejemplo home */
.caja-imagen-texto {width:100%; padding-bottom:15px; text-align: left; border-bottom: 1px solid #C1BDBB;}
.marco {border: 1px solid #C1BDBB;}
.caja-imagen-texto2 {width:100%;padding:10px 0px 10px 0px; text-align:left; border-bottom: 1px solid #C1BDBB;}
.caja-imagen-texto3 {width:100%;text-align:left;}
.marco-izda {border:1px solid #bea09a;margin:0px 10px 0px 5px;float:left;}

/* CAJA TITULO (caja para titulo del distribuidor)*/
.caja-titulo { margin: 0px 0px 5px 2px; padding:12px 0px 8px 0px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/punto.gif) repeat-x left bottom;}

/*CAJA DESTACADO (caja para distribuidor en lateral menu)*/
.caja-destacado { padding:0px 0px 10px 0px; background-color:#ffffff; border-bottom:1px solid #C1BDBB;}

/* CAJA CATEGORIAS */
.caja-detalle {float:left; margin:0px; padding:0px 0px 15px 5px; width:99%;}
.caja-boton-detalle {list-style-type: none; width:90%;margin:3px 0px 0px 20px;padding:0px 0px 0px 20px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/iconos/go.gif) no-repeat top left;} 
.caja-flecha-detalle {list-style-type: none; width:90%;margin:3px 0px 0px 5px;padding:0px 0px 0px 10px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_negra.gif) no-repeat top left;} 
.caja-flecha2-detalle {list-style-type: none; width:90%;margin:3px 0px 0px 20px;padding:0px 0px 0px 10px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat top left;} 

/* ESTILOS ERRORES Y AVISOS */
.caja-aviso {clear:both; margin:15px 0px 5px 0px; padding:5px; text-align:center; font-weight:bold; border:1px solid #ccc;}

/* TEXTOS */
.texto-articulos {padding:0px 0px 10px 15px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666;font-weight:normal;}
.opciones-txt {color:#F0072E;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.fecha {font-size:11px;color:#999999;}
.antetitulo {color:#F0072E;font-size:9px;font-weight:normal;}
.titulo-noticias {color:#333;font-size:13px;font-weight:bold;}
.subtitulo-noticias {color:#666;font-size:11px;font-weight:normal;}
.destacado {color:#F0072E;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.destacado2 {color:#929292; font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.titulo-conlinea {margin:0px; padding:0px 10px 0px 0px; float:left; width:40px;color:#F0072E;font-size:11px;font-weight:bold;border-right:1px solid #727272;}
.peque {display:block;font-size:10px;}
.peque2 {font-size:10px;}
.peque-oscura {color:#333;font-size:10px;}
.txt-padding {display:block;padding-top:5px;}
.texto-confoto-izquierda {float:left; padding-left:10px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_negra.gif) no-repeat top left;}
.titulos-interiores {color:#333;font-weight:bold;font-size:11px;}
.mayusculas {text-transform:uppercase;}
.texto-oscuro {color:#666;font-size:11px;font-weight:bold;}
.texto-oscuro2 {color:#333;font-size:11px;}
.titular { color:#333;font-size:13px;font-weight:bold;}
.negrita {font-weight:bold;}
.texto-flecha {clear:both; margin:5px 0px 0px 5px; padding-left:10px; font-size:10px; color: #F0072E; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat top left;}
.texto-error { font-size:11px; color:#F0072E;}
.campo-obligatorio {color:#F0072E; font-size:10px; }
.titulo3 {color:#F0072E; font-size:10px;}
.aviso {display:block; margin:10px 5px 5px 0px; padding:5px; width:98%; font-size:11px; color:#F0072E; font-weight:normal; text-align:left; border:1px solid #F0072E;}
.aviso-ok {display:block; margin:10px 5px 5px 0px; padding:5px; width:98%; font-size:11px; color:#669900; font-weight:normal; text-align:left; border-bottom:1px solid #669900;}
.aviso-nok {display:block; margin:10px 5px 5px 0px; padding:5px; width:98%; font-size:11px; color:#F0072E; font-weight:normal; text-align:left; border-bottom:1px solid #F0072E;}
.titulo-f1 { color:#333;font-size:11px;font-weight:bold;}

/* ESTILOS PARA TABLAS */
.tabla-listado {display:block;width:100%;margin:0px;padding-bottom:3px;border-bottom:1px solid #D7D6D6;}
.tabla-listado-celdas {width:100%;border:0px solid #ffffff;}
.tabla-listado-celdas thead tr {width:100%;height:22px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_tabla.gif) repeat-x top left;}
.tabla-listado-celdas th {font-size:10px;color:#333;border-right:1px solid #fff;border-bottom:1px solid #FDBAB4;}
.tabla-listado-celdas tr td {padding:5px 5px 5px 4px;font-size:10px;}
.tabla-listado-celdas tr.color{background-color:#F1F1F1;}

.tabla-listado-celdas2 {width:100%;border:0px solid #ffffff;}
.tabla-listado-celdas2 thead tr {width:100%;height:22px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_tabla.gif) repeat-x top left;}
.tabla-listado-celdas2 th {font-size:10px;color:#333;border-right:1px solid #fff;border-bottom:1px solid #FDBAB4;}
.tabla-listado-celdas2 .conborde { border-top:1px solid #D7D6D6;}
.tabla-listado-celdas2 tr td {padding:5px 5px 5px 4px;font-size:10px;}
.tabla-listado-celdas2 tr.color{background-color:#F1F1F1;}
.padding-noregistros {margin-left:20px;margin-bottom:15px;padding-left:20px;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_negra.gif) no-repeat top left;}

.tabla-listado-celdas3 {width:100%;border:0px solid #ffffff;}
.tabla-listado-celdas3 thead tr { width:100%;height:22px;background:#ffffff url(/MODULOS/_GLOBAL/extranet/interfaces/img/fondo_tabla2.gif) repeat-x top left;}
.tabla-listado-celdas3 th { padding-left:3px; font-size:10px;color:#333; border-right:1px solid #fff; border-bottom:1px solid #7FB0C6;}


/* ESTILOS PARA FORMULARIOS */

#formulario { margin: 0px; padding: 5px 0px 5px 0px;width:auto;}
#formulario fieldset { border: 0px solid #FFFFFF; }
#formulario fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario fieldset label { float: left; padding: 2px 0px 0px 0px; width: 40%; text-align: left; color: #444444; clear: both; }


#formulario-recordar { margin: 0px; padding: 5px 0px 5px 15px; width:100%;}
#formulario-recordar fieldset { border: 0px solid #FFFFFF; }
#formulario-recordar fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario-recordar fieldset label { float: left; padding: 10px 0px 0px 0px; width: 35%; text-align: left; color: #444444;}
#formulario-recordar fieldset input.fcampo { width:140px; padding:3px; margin:0px 10px 0px 10px;}


#formulario-buscar-padding  {width:350px;}
#formulario-buscar-padding2 {width:570px;}
#formulario-buscar { margin:0px; padding:0px; width:auto;}
#formulario-buscar fieldset { border: 0px solid #FFFFFF; }
#formulario-buscar fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario-buscar fieldset label { float: left; padding: 2px 0px 0px 0px; width: 32%; text-align: left; color: #444444; clear: both; }
#formulario-buscar fieldset .input-ancho {width:150px;padding:3px;margin:0px; }
#formulario-buscar fieldset .formulario-buscar-boton {float:right; padding:0px 10px;}

#formulario-registro {margin: 0px; padding: 5px 0px 5px 0px; width:610px; }
#formulario-registro fieldset { margin:0px; padding:0px; border: 0px solid #FFFFFF;}
#formulario-registro fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario-registro fieldset label { clear:both; float: left; margin: 5px; width:25%;}
#formulario-registro fieldset .campo { width:360px; padding:3px; margin:0px 0px 5px 0px;}
#formulario-registro fieldset .campo2 { width:170px; padding:3px; margin:0px 0px 5px 0px;}
#formulario-registro fieldset .campo3 { width:525px; padding:3px; margin:0px 0px 5px 0px; background-color:#fff;}
#formulario-registro fieldset select {width:120px; margin:5px 0px 5px 0px;}
#formulario-registro fieldset .ancho-select {width:320px; margin:5px 0px 5px 0px;}

#formulario-preferencias {margin: 0px; padding: 5px 0px 5px 0px; width:590px; }
#formulario-preferencias fieldset { margin:0px; padding:0px; border: 0px solid #FFFFFF;}
#formulario-preferencias fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario-preferencias fieldset label { clear:both; float: left; margin: 5px; width:25%;}
#formulario-preferencias fieldset .campo { width:400px; padding:3px; margin:0px 0px 5px 0px;}
#formulario-preferencias fieldset .campo2 { width:120px; padding:3px; margin:0px 0px 5px 0px;}
#formulario-preferencias fieldset select {width:100px; margin:5px 0px 5px 0px;}

#formulario-modificacion {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 40px; width:90%;}
#formulario-modificacion fieldset { margin:0px; padding:0px; border: 0px solid #FFFFFF;}
#formulario-modificacion fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario-modificacion fieldset label { clear:both; float: left; margin: 5px; width:60%;}
#formulario-modificacion fieldset .campo { width:140px; padding:3px; margin:0px 0px 5px 0px;}
#formulario-modificacion fieldset select {width:100px; margin:5px 0px 5px 0px;}

.formulario-lineas {float:left; width:100%;}
.formulario-lineas .ancho-linea {width:185px;}
.formulario-lineas label {float:left; padding-bottom:3px; width:65px; text-align:left;}
.formulario-lineas input {float:left; text-align:left;}

#formulario-garantias { margin: 0px; padding: 5px 0px 5px 0px;width:auto;}
#formulario-garantias fieldset { border: 0px solid #FFFFFF; }
#formulario-garantias fieldset legend { margin: 0px; padding: 0px; display: none;}
#formulario-garantias fieldset label { float: left; padding: 2px 0px 2px 0px; width:250px; text-align: left; color: #444444; clear: both; }
#formulario-garantias fieldset sup 	{color:#F0072E;}



/* ESTILOS ELEMENTOS DE FORMULARIO */
.boton { margin:5px 0px 0px 0px;width:65px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton2 { margin:5px 0px 0px 0px;width:80px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton2.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton3 { margin:0px 1px 0px 0px;width:65px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton4 { margin:0px 1px 0px 0px;width:120px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton3.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton5 { margin:0px 1px 0px 0px;width:100px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton4.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton6 { margin:0px 1px 0px 0px;width:150px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton5.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton-aceptar { margin:0px 1px 0px 0px;width:100px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton4.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton-entrar {margin:5px 0px 0px 0px; width:80px; height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/boton.gif) no-repeat; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.boton-buscar {margin:5px 0px 0px 0px;width:100px;height:21px; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/btn_buscar.gif) no-repeat right; border:0px solid #ccc;color:#F0072E;font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-transform:uppercase;}
.selector {width:150px;background-color:#ffffff;}
.input-texto {width:90px;padding:3px;margin:0px;}
.input-oc {width:150px;padding:3px;margin:0px; }
.input-oc-grande {width:300px;padding:3px;margin:0px;}
.textoarea-peque {width:400px;height:55px;}
.textoarea-grande {width:400px;height:80px;}
.textoarea2-grande {width:450px;height:100px;}
.noeditable {background-color:#F1F1F1;}
.campo-sinestilo {padding:3px;margin:0px; width:55px; border:none;}
.campo-sinestilo2 {padding:3px;margin:0px; width:80px; border:none; background-color:#ffffff;}
.campo-sinestilo3 {padding:3px;margin:0px; border:none;}
.radioboton {border:none;}
.campos2 { margin:0px 0px 5px 0px; padding:2px; color: #666; width:350px; font-size: 11px; vertical-align: middle; background-color: #fff; border: 1px solid #5B97B1;}

/* ESTILOS PARA LOS ENLACES */
a.enlace-bullet {display:block;float:left;margin:0px; padding-left:10px;color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat left;text-decoration:none;}
a.enlace-bullet:hover {text-decoration:underline;}
a.enlace-bullet2 {padding-left:10px; color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/flecha_roja.gif) no-repeat left;text-decoration:none;}
a.enlace-bullet2:hover {text-decoration:underline;}
a.enlace { color: #F0072E;text-decoration:none;}
a.enlace:hover { color: #F0072E;text-decoration:underline;}
a.enlace-sin { color: #F0072E;text-decoration:none;}
a.enlace-oscuro {font-size:10px; color: #666;text-decoration:none;}
a.enlace-oscuro:hover {text-decoration:underline;}
a.enlace-mas {float:right;display:block;width:auto;margin-top:5px;padding-left:15px; text-align:right;color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/btn_mas.gif) no-repeat left;text-decoration:none;}
a.enlace-mas:hover {text-decoration:underline;}
a.enlace-mas-dcha {float:left;display:block;width:auto;margin-top:5px;padding-right:15px; text-align:right;color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/btn_mas.gif) no-repeat right;text-decoration:none;}
a.enlace-mas-dcha:hover {text-decoration:underline;}
a.enlace-mas-izda {margin-left:5px; padding-left:15px; text-align:left;color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/btn_mas.gif) no-repeat left;text-decoration:none;}
a.enlace-mas-izda:hover {text-decoration:underline;}
a.enlace-mas-f1 {float:left;display:block;width:auto;margin-top:8px;padding-left:15px; font-size:10px; text-align:left; color: #F0072E; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/btn_mas.gif) no-repeat left;text-decoration:none;}
a.enlace-mas-f1:hover {text-decoration:underline;}
a.enlace-ampliar {display:block;width:auto;margin-top:5px;padding-left:15px; text-align:left;color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/iconos/ampliar.gif) no-repeat left;text-decoration:none;}
a.enlace-ampliar:hover {text-decoration:underline;}
a.enlace-eliminar {display:block; width:40px; border:0px solid black;color: #F0072E;background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/eliminar.gif) no-repeat left;text-decoration:none;}
a.enlace-eliminar:hover {text-decoration:none;}
.seleccionar {padding:2px; width:20px;}
a.enlace-selec { text-decoration:none;border:1px solid black;}
.volver {margin-top:10px; padding:0px 0px 1px 10px; width:60px; border-bottom:3px solid #5B97B1; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet_left.gif) no-repeat left;}
.subir {margin:10px 5px 0px 10px; padding:0px 0px 1px 15px; width:70px; border-bottom:3px solid #5B97B1; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet_up.gif) no-repeat left;}
a.enlace-parpadear { width:83px; height:17px; color:#fff; text-decoration:none; background:url(/MODULOS/_GLOBAL/extranet/interfaces/img/parpadear.gif) no-repeat left;}
a.enlace-parpadear:hover {text-decoration:underline;}
a.enlace-parpadear spans {display:none;}




/* ESQUINAS REDONDEADAS */
.upperleft {width :100%;margin-left:auto;margin-right:auto; background:#f1f1f1 url(/MODULOS/_GLOBAL/extranet/interfaces/img/upperleft.gif) no-repeat top left;}
.upperright { background: url(/MODULOS/_GLOBAL/extranet/interfaces/img/upperright.gif) no-repeat top right;}
.lowerleft { background: url(/MODULOS/_GLOBAL/extranet/interfaces/img/lowerleft.gif) no-repeat bottom left;}
.lowerright {background: url(/MODULOS/_GLOBAL/extranet/interfaces/img/lowerright.gif) no-repeat bottom right; padding : 3% 3% 3% 3%;}


/* IMAGENES */
.imagen-izquierda { float: left; margin: 0px 14px 14px 10px;text-align:left;}
.imagen-conmarco-cita {float:left; width:150px; padding-right:10px; text-align: center;}
.imagen-conmarco-cita-padding {float:right;text-align:right;margin-top:5px;border-top: 1px solid #F0072E;}
.imagen-conmarco-texto {float:left; width:100%; text-align: center;}
.imagen-conmarco-texto-padding { float:right; margin-top:5px; padding:0px; text-align:right;border-top: 1px solid #F0072E;}

/* ESTILOS VARIOS */
.imagenes-bloquetexto {float:left; width:auto; margin:10px 0px 20px 50px;}
.ventana-iframe {margin:0px;padding:0px;width:100%;border-style:none;border:0px;}
.sangria {display:block;text-indent: 7px;}
.ocultar {display:none;}
.borrar {clear:both;}
.centrar{vertical-align:middle;}
.alinear-vertical {vertical-align:top;}
.alinear-abajo {vertical-align:bottom;}
.alinear-izquierda {text-align:left;}
.alinear-derecha {text-align:right;}
.alinear-centro {text-align:center;}
.flotar-derecha {float:right;}
.flotar-izquierda {float:left;}
.margen-left {margin-left:5px;}
.margen2-left {margin-left:10px;}
.margen3-left {margin-left:24%;}
.margen4-left {margin-left:330px;}
.margen-top {display:block;margin-top:10px;}
.margen2-top {margin-top:5px;}
.margen-bottom {display:block; margin-bottom:5px;}
.margen-right {display:block;margin-right:10px;}
.linea-gris {border-top:1px solid #ccc;padding-left:5px;padding-right:5px;}
.linea-separador {clear:both; margin:10px 7px 10px 0px; border-top:1px solid #7FB0C6; }
.linea-gris-abajo { margin:0px 0px 15px 8px; padding:0px 0px 5px 15px; border-bottom:1px solid #ccc;}
.linea-derecha {padding:0px 10px; border-right:1px solid #cccccc;}
.linea-derecha2 {margin:0px 5px; padding:0px 5px; border-right:1px solid #5B97B1;}
.contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contenedor {display:inline-block;}
.contenedor {display:block;}
@media all { .con { display:block; }} /* Para Opera */
/* Hides from IE-mac \*/ * html .contenedor { height: 1%; display:block;} /* End hide from IE-mac */