/* * Fichero: public.css ,v1.0px 21/03/2006 Vanessa Martín Oliete * * Hoja de estilos para presentación de los elementos principales comunes a * toda la Web. Se establecen tamaños, fuentes, solores y otros atributos * en general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Fichero public.css * Version v1.0 * Autores Vanessa Martín Oliete * Comentarios */ /* * Fichero: public.css ,v2.0px 17/04/2007 Ana Noemi Fernandez Martinez * * Hoja de estilos para presentación de los elementos principales comunes a * toda la Web. Se establecen tamaños, fuentes, solores y otros atributos * en general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Fichero public.css * Version v2.0 * Autores Ana Noemi Fernandez Martinez * Comentarios */ /* ESTILOS GENERALES */ body {margin:0px auto;padding:0px auto;width:800px;color:#333;text-align:center;font-family:"Trebuchet MS",Arial,Verdana; font-size:11px;background:#C0C0C0; } html, body { } hr { display: none; } img {border:none;} /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ #web { padding:0px; margin:0px;width:98%;text-align:left;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_web.gif) top left repeat-y;} #cab { display:none; width:99%;float:left;color:#FFFFFF;padding:2px 0px 0px 37px; } #ctd {width:99%;float:left;} #lat { display:none;} #dts {width:99%;float:left;} #pie {float:left;width:783px;} #cab-imp { clear:both; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; width:98%; border-bottom:1px solid #ccc;} /* ESTILOS PARA LA CABECERA DE LA WEB */ #cab h1 {float:left;margin:6px 0px 0px 0px; padding:0px;width:131px;height:109px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/logo.gif) 0px 0px no-repeat;} #cab h1 span { display: none; } #cab h1 a {float:left;width:131px;height:109px; } #cab .banner{margin-left:10px;padding:0px 0px 0px 0px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_cab.gif) 0px 0px no-repeat;width:605px;height:115px;} #scab .dts1 { width:150px;float:left;height:17px;} #scab .dts2 { width:230px;float:left;height:17px; } #scab .dts3{position:relative;bottom:4px;right:100px;float:right;color:#215DA2;} #scab-dts2 h2 { display: none; } /*ESTILOS SUBCABECERA*/ #scab{} /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie-padd{ padding:0px 0px 0px 0px;margin:5px 0px 10px 10px; } #pie .caja1{font-family:Arial,Verdana;font-size:10px;color:#666666;float:left;padding:0px 0px 0px 12px;} #pie .caja2{ display:none;} #pie .nav { display:none;} #pie .banners {display:none;} /* ESTILOS PARA EL CONTENIDO Y DATOS */ .cont{float:left;margin:8px 0px 0px 0px;width:595px;} .cont-img-dch{width:210px;float:right;text-align:right;padding-left:15px;} .cont-img-dch-dts{float:right;background:url(/MODULOS/global/publico/interfaces/img/fnd-pie-ft.gif) 0px 2px repeat-x;width:210px;height:22px;font-size:10px;color:#1F2F6B;text-align:center;padding:4px 0px 0px 0px;} .cont2{float:right;margin:8px 0px 0px 0px;width:535px;} .cont-img-izq{width:240px;float:left;text-align:left;} .cont-img-izq-dts{float:left;background:url(/MODULOS/global/publico/interfaces/img/fnd-pie-ft.gif) 0px 2px repeat-x;width:225px;height:22px;font-size:10px;color:#1F2F6B;text-align:center;padding:4px 0px 0px 0px;} /* #dts h2 {color:#1F2F6B;font-size:15pt;font-weight:bold;} #dts h3.titulo {color:#000000;font-size:11pt;font-weight:bold;}*/ .ctd-padd { padding:0px 10px 0px 35px;} .ctd-padd-f1 { padding:0px 10px 0px 25px;} /* ESTILOS PARA MENUS DE NAVEGACION */ /* Menu de 1º Nivel, 2º Nivel y 3º Nivel anidados. Con el estilo ".act" estamos definiendo la opcion de menu actual */ #men { clear:both; margin:0px 0px 3px 0px; padding:0px; color:#FFF; width:150px;} *html #men { clear:both; margin:0px 0px 3px 0px; padding:0px; color:#FFF; width:126px;}/* IE6*/ #men ul { float:left; margin:0px 5px 5px 5px; padding:0px; width:95%; list-style-type:none; color:#FFFDF6;} #men li { clear:both; float:left; margin:0px; padding:2px 0px 0px 0px; font-size:12px; width:100%; font-weight:bold; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/linea_menu.gif) 0px 0px repeat-x;} #men li a { float:left; padding:3px 4px 0px 12px; width:100%; color:#FFF; text-decoration:none; } #men li a:hover { width:90%; color:#F3FA76; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fdo_enlace_menu.gif) bottom left repeat-x;} *html #men li a:hover { width:100%; color:#F3FA76; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fdo_enlace_menu.gif) bottom left repeat-x;} #men h2.men1 { clear:both; margin:0px 0px 5px 5px; padding:3px 0px 0px 10px; width:140px; height:20px; font-size:13px; font-weight:normal; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu1.gif) top left no-repeat;} #men h2.men2 { clear:both; margin:0px 0px 5px 5px; padding:3px 0px 0px 10px; list-style-type:none; width:140px; height:20px; font-size:13px; font-weight:normal; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu2.gif) top left no-repeat;} #men h2.men3 { clear:both; margin:0px 0px 5px 5px; padding:3px 0px 0px 10px; list-style-type:none; width:140px; height:23px; font-size:13px; font-weight:normal; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu3.gif) top left no-repeat;} #men ul li:first-child { background:none;} *html #men li.act { width:135px;} #men li.act a { float:left; padding:3px 0px 0px 0px; width:100%; color:#F3FA76; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fdo_enlace_menu.gif) bottom left repeat-x;} #men li.act a span { padding-left:12px; width:100%; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet3.gif) 0px 5px no-repeat;} /*ESTILOS PARA ESQUINAS REDONDEADAS*/ #nifty{margin-right: 1.2em ;width:188px;background: #BAE75D;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;background: #BAE75D;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} #nifty2{margin-right: 1.2em ;width:188px;background: #E0FF9A;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop2, b.rbottom2{display:block;background: #FFF} b.rtop2 b, b.rbottom2 b{display:block;height: 1px;overflow: hidden;background: #E0FF9A;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop2 b.r4, b.rbottom2 b.r4{margin: 0 1px;height: 2px} #nifty3{margin: 0 ;width:188px;background: #CEEF88 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_cajita.gif) top left repeat-x;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop3, b.rbottom3{display:block;background: #FFF} b.rtop3 b{display:block;height: 1px;overflow: hidden;background: #9ECA41;} b.rbottom3 b{display:block;height: 1px;overflow: hidden;background: #CEEF88;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop3 b.r4, b.rbottom3 b.r4{margin: 0 1px;height: 2px} #nifty4{margin-right: 1.2em ;width:188px;background: #BEDAE5;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop4, b.rbottom4{display:block;background: #FFF} b.rtop4 b, b.rbottom4 b{display:block;height: 1px;overflow: hidden;background: #BEDAE5;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop4 b.r4, b.rbottom4 b.r4{margin: 0 1px;height: 2px} #nifty5{margin-right: 1.2em ;width:188px;background: #88CCEF;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop5, b.rbottom5{display:block;background: #FFF} b.rtop5 b, b.rbottom5 b{display:block;height: 1px;overflow: hidden;background: #88CCEF;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop5 b.r4, b.rbottom5 b.r4{margin: 0 1px;height: 2px} #nifty6{margin: 0 ;width:188px;background: #4492BA;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop6, b.rbottom6{display:block;background: #FFF} b.rtop6 b, b.rbottom6 b{display:block;height: 1px;overflow: hidden;background: #4492BA;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop6 b.r4, b.rbottom6 b.r4{margin: 0 1px;height: 2px} #nifty7{margin: 0 ;width:188px;background: #CDDBDE;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop7, b.rbottom7{display:block;background: #FFF} b.rtop7 b, b.rbottom7 b{display:block;height: 1px;overflow: hidden;background: #CDDBDE;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop7 b.r4, b.rbottom7 b.r4{margin: 0 1px;height: 2px} #nifty8{margin: 0 ;width:156px;background: #2CAFD1 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu.gif) repeat-x;}/*se podria meter una imagen de fondo pero todas las pestañas tienes que tener el mismo tamaño*/ b.rtop8, b.rbottom8{display:block;background: #FFF} b.rtop8 b{display:block;height:1px;overflow: hidden;background: #1A8DAA;} b.rbottom8 b{display:block;height: 1px;overflow: hidden;background: #2CAFD1;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop8 b.r4, b.rbottom8 b.r4{margin: 0 1px;height: 2px} /*ESTILOS H1,H2, ...*/ h1{padding:7px 0px 10px 30px;margin:0px;font-size:11px;} h1.icono1{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_formacion.gif) top left no-repeat;color:#000;} h1.icono2{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_divulg.gif) top left no-repeat;color:#000;} h1.icono3{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_news.gif) top left no-repeat;color:#FFF;} h1.icono4{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_promo.gif) top left no-repeat;color:#000;} h1.icono5{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_oport.gif) top left no-repeat;color:#000;} h1.icono6{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_sect.gif) top left no-repeat;color:#FFF;} h1.icono7{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_canales.gif) top left no-repeat;color:#000;} h1.icono8{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_buscar.gif) top left no-repeat;color:#000;} h1.icono9{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_usu.gif) top left no-repeat;color:#000;} h4.subseccion { margin:10px 0px 5px 0px; padding:0px; font-size:11px; color:#333333;} /*ESTILOS PARA CAJAS*/ .caj-lst-home{background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_lst_home.gif) top left no-repeat;width:583px;padding:10px 0px 0px 20px;height:140px;} .caj-enl { width:80px;float:left;margin-top:5px;} .caj-bsc { background:#FFF url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_buscar.gif) top left no-repeat;float:left;margin-left:30px;} .caj-imp { float:right; margin:10px 20px 0px 0px;} .caj-nav-btt { clear:both; float:right; margin:10px auto; width:600px; text-align:center;}/* Caja de navegacion inferior*/ .caj-subtit { float:left; padding:0px 0px 0px 12px; width:93%; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;} .caj-f1 { float:left; margin:5px 0px; width:100%; background:#F2F2F2; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;} .caj-f1-padd { padding:5px 15px;} .caj-f2 { clear:both; float:left; margin:5px 0px; width:100%; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/fdo_caja.gif) top left repeat-X;} .caj-f2-padd { padding:2px 5px 5px 4px;} .caj-det { float:left; margin:0px 10px 0px 10px; width:93%;} /* Contiene el detalle del producto */ .caj-form { float:left; margin:0px 10px 0px 10px; width:93%;}/* Contiene margen para el interior de formularios*/ .caj-tit { clear:both; margin:10px 0px 10px 10px; }/*Estilo que contiene el titulo*/ .caj-btn { float:left; margin:10px 0px 0px 130px;}/*Estilo para caja que posiciona boton y notas en formularios*/ .caj-avi { float:left; width:90%; margin:5px 0px 5px 2%; padding:5px 5px 5px 10px; border-top:2px solid #BBE1E2;}/* Estilo para caja de notas o avisos*/ .caj-saludo { float:left; margin:0px 0px 0px 0px; width:490px;color:#1D589C; font-size:11px;} .caj-saludo-f1 { float:left; margin:0px 20px 0px 0px; width:70%;} .caj-saludo-f2 { float:left; width:29%;} .caj-abono { float:left; margin:5px; padding:5px 10px; width:100%; background:#F5F5F5; border-bottom:1px dashed #DBDADA;}/* Estilo de caja para abono */ .caj-curso { float:left; margin:5px 0px; padding:0px 0px 5px 0px; width:98%; background:#F5F5F5; border-bottom:1px dashed #DBDADA;}/* Estilo de caja para curso */ /*.caj-vol { float:left; width:60px;margin:0px 0px 0px 50px; }*//*Caja del enlace volver */ /* ESTILOS PARA LOS LISTADOS */ /* Listados para documentos */ .listado-doc2{} .listado-doc2 ul{margin:0px; padding:0px;list-style-type:none;} .listado-doc2 ul li{margin:0px; padding-left:5px;list-style-type:none;} .listado-doc2 ul li a{margin:0px; padding-left:12px;list-style-type:none;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet.gif) 0px 5px no-repeat;} /* Listados para enlaces */ .lst-canales { float:left;margin:0px;width:565px; } .lst-canales ul {float:left; margin:0px; padding:0px 0px 0px 0px; } .lst-canales li { background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;margin:0px; padding:0px 0px 2px 8px;list-style-type:none;color:#1F2F6B;} .lst-canales li a{color:#215DA2;text-decoration:none; padding: 0px 1px 0px 3px;} .lst-canales li a:hover{text-decoration:underline;} /* Listado para productos del canal*/ ul.lst-prod { float:left; margin:0px; padding:0px 0px; width:98%; } ul.lst-prod li { clear:both; margin:0px 0px 5px 0px; padding:0px 0px 5px 8px; width:97%;list-style-type:none; color:#353732; border-bottom:1px solid #E3E3E3;} ul.lst-prod li h4.des { margin:0px; padding:0px 0px 2px 10px; list-style-type:none; font-size:11px; color:#353732; font-weight:bold; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;} /* Listado para las sesiones*/ ul.lst-ses { margin:0px 5px; padding:0px;} ul.lst-ses li { margin:0px; padding:0px; list-style-type:none;} /* Listado formato 1*/ ul.lst-f1 { margin:0px 5px; padding:0px;} ul.lst-f1 li { clear:both; float:left; margin:5px 0px 5px 0px; padding:0px; width:99%; list-style-type:none;} /* Listado de documentos y cursos relacionados */ ul.lst-doc { margin:0px 10px; padding:0px;} ul.lst-doc li { margin:0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet2.gif) 0px 5px no-repeat;} ul.lst-doc a { color:#195CAA; font-size:11px; font-weight:normal; text-decoration:underline;} ul.lst-doc a:hover { text-decoration:underline;} .lst-caja{margin:0px;padding:0px;float:left;width:175px;} .lst-caja ul{margin:0px;padding:0px;list-style-type:none;} .lst-caja li{margin:0px;padding:0px;list-style-type:none;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha.gif) 0px 5px no-repeat;} .lst-caja li a{font-size:11px;color:#000;text-decoration:none;padding-left:10px;} ul.lst-ses { margin:0px 10px; padding:0px;} ul.lst-ses li { margin:0px; padding:0px 0px 0px 10px; list-style-type:none; border:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet2.gif) 0px 5px no-repeat;} ul.lst-ses a { color:#195CAA; font-size:11px; font-weight:normal; text-decoration:underline; border:none;} ul.lst-ses a:hover { text-decoration:underline;} .col3p1 { padding-top:20px; } .col3p1-c1 { float: left; width: 130px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo-dts.gif) 0px 0px repeat-x;} .col3p1-c2 { float: left; width: 310px;padding-left:17px;} .col3p1-c3 { float: right; width: 217px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo-dts.gif) 0px 0px repeat-x;} .col3p2{} .col3p2-c1{width:200px;float:left;} .col3p2-c2{width:160px;float:left;} .col3p2-c3{width:160px;float:left;} /*ESTILO PARA CUERPO */ .cpo { clear:both; padding:10px 0px; } .cpo ul { margin:5px 10px 5px 20px; padding:0px;} .cpo ul li { margin:0px; padding:5px 0px 5px 12px; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;} .cpo a { color:#195CAA; font-size:10px; font-weight:bold; text-decoration:underline;} .cpo a:hover { text-decoration:underline;} /* ESTILO DE BREADCRUMBS */ .bdc { display:none;} /* ESTILO PARA LA PAGINACION */ .pag { clear:both; float:left; margin:5px 12px; width:94%; } .pag a { color:#195CAA; font-size:11px; text-decoration:underline;} .pag a:hover {text-decoration:underline;} .pag .ley { color:#195CAA; font-size:11px; } /* Estilo de la leyenda de paginacion */ .pag .act strong { color:#333333; font-size:11px;} /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ /* Barra de opciones navegacion superior */ .nav-top { } .nav-top-padd { } /* Barra de opciones navegacion inferior */ .nav-btt { } .nav-btt-padd { } /* ESTILOS PARA CUALQUIER FORMULARIO */ /* Formulario Buscador */ /* Formulario general */ .formulario{padding:0px;margin:3px 0px 0px 10px;} .formulario fieldset{border:none;padding:0px; margin:0px;} .formulario fieldset legend{display:none;padding:0px; margin:0px;} .formulario fieldset label{float:left;text-align:left;padding:0px 0px 0px 0px;margin:0px;color:#333333;} .formulario fieldset label.sep{float:left;text-align:left;padding:0px 0px 0px 0px;margin:0px;color:#333333;width:25%;} .formulario input{font-size:10px; } .formulario fieldset .campos{margin-bottom: 3px; padding:1px;border:1px solid #7F9DB9;font-size:11px;} .formulario fieldset select{margin-bottom: 3px; padding:0px;border:1px solid #7F9DB9; font-size:11px;} .formulario fieldset .boton {font-weight:bold;margin:0px;padding:0px;color:#F6F6F6;border:1px solid #F6F6F6;width:60px;height:18px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_btn.gif) 0px 0px repeat-x;} .formulario fieldset .boton-f1 {font-weight:bold;margin:0px;padding:0px;color:#F6F6F6;border:1px solid #F6F6F6;width:120px;height:18px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_btn.gif) 0px 0px repeat-x;} .formulario fieldset .boton-des {font-weight:bold;margin:0px;padding:0px;color:#F6F6F6;border:1px solid #F6F6F6;width:120px;height:18px;background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_btn2.gif) 0px 0px repeat-x;} .formulario fieldset .btn-comprar { float:left; margin:0px; padding:0px; color:#1F4E92; font-size:10px; font-weight:bold; border:0px solid #fff; cursor:pointer; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_comprar.gif) 0px 0px repeat-x; } .formulario fieldset sup { color:#215DA2; font-size:11px; } /*ESTILOS MAPA WEB*/ ul.map-web { margin:10px 0px 0px 20px; padding:0px;} ul.map-web li { clear:both; float:left; width:100%; list-style-type:none;} ul.map-web li ul { margin:0px 0px 0px 20px; padding:0px;} ul.map-web li ul li { clear:both; float:left; list-style-type:none; } ul.map-web li ul li a { float:left; padding-left:8px; color:#195CAA; font-size:11px; font-weight:normal; text-decoration:underline; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet2.gif) 0px 5px no-repeat;} ul.map-web li ul li a:hover { text-decoration:underline;} ul.map-web li ul li ul { margin:0px 0px 0px 40px; padding:0px;} ul.map-web li ul li ul li { clear:both; float:left; list-style-type:none; } /* ESTILOS PARA TEXTO */ .txt { margin:0px; padding:0px; font-size:11px; color:#333333;} .antetitulo { font-size:10px;color:#333333;} .tit { margin:0px; padding:0px 0px 5px 23px; width:90%; font-size:14px; color:#1D589C; font-weight:bold; border-bottom:1px solid #ccc;} .subseccion { color:#333333; font-size:12px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;} .subtit { margin:0px 0px 5px 0px; padding:0px 0px 3px 0px; font-size:11px;color:#2F312C; border-bottom:4px solid #BBE1E2;} .subtitulo { font-size:11px;color:#215DA2;} .entradilla { font-size:10px;color:#2AABCC;} .nota { color:#215DA2;} .may { text-transform:uppercase;} .ndts { float:left; padding:2px 0px 2px 12px; color:#333333; font-size:11px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;} .des { margin:0px; padding:3px 0px 3px 5px; color:#787B80; font-size:11px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha3.gif) 100% 10px no-repeat;} /* Estilo para texto destacado */ .fec { color:#666666; font-size:11px;} /* Estilo de texto para la fecha */ .avi { float:left; padding:0px 0px 5px 24px; color:#215DA2; background:#ffffff url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_info.gif) 0px 0px no-repeat;} .err { color:#cc0000; font-size:11px;} .ok { float:left; padding:2px 0px 2px 12px; color:#333333; font-size:11px; font-weight:bold; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha2.gif) 0px 5px no-repeat;} /*.titulo{ font-size:18px;color:#215DA2;font-weight:bold;}*/ /* TABLA DE DATOS */ table.tabla-carrito { margin:0px; padding:0px; border-collapse:collapse; border:none;} .tabla-carrito thead th { padding:5px 2px; font-size:11px; color:#1D589C; text-transform:uppercase; border-bottom:1px solid #BCB6AD; } .tabla-carrito .producto td { padding:2px; font-size:11px; border-bottom:1px solid #CDC8C1; } .tabla-carrito td.productos { background:#D6E4EB; } .tabla-carrito td.precios { background:#EEF9D7; } .tabla-carrito td.precios-totales { background:#EEF9D7; } .tabla-carrito td.total-titulo { padding:2px 5px 2px 0px; font-size:13px; color:#333333; background:#FFFBE8; border-right:1px solid #BCB6AD; border-bottom:1px solid #493E2F; } .tabla-carrito td.total { padding:2px; font-size:14px; color:#4E4134; background:#FAE7B3; border-bottom:1px solid #493E2F; } /* ESTILOS PARA IMAGENES */ img { } a.img { } a.img:hover { } .img-sm { } /* Estilo para imagenes sin marcos */ .img-cm { color:#B7DFE9; } /* Estilo para imagenes con marcos */ .img-dch { float: right; } /* Estilos para imagenes que flotan a la derecha */ .img-dch-padd { padding:0px 8px 0px 8px; } .img-izq { float: left; } /* Estilos para imagenes que flotan a la izquierda */ .img-izq-padd { padding:2px 8px 2px 0px; } .img-pie { font-size:10px; color:#323232; text-align:center; } /* ESTILOS PARA ENLACES */ a {color:#195CAA;text-decoration:underline;} /* Enlaces en general */ a:hover { text-decoration:underline; } a.enl { color:#195CAA; font-size:10px; font-weight:bold; text-decoration:underline;} /* Enlaces en general */ a.enl:hover { text-decoration:underline; } a.enl-1 {color:#215DA2;text-decoration:none;padding:0px 0px 0px 8px;font-weight:bold; }/* Estilo para enlace */ a.enl-1:hover { } a.enl-2 {color:#215DA2;text-decoration:none;padding:5px 0px 2px 3px;font-weight:bold;font-size:10px; }/* Estilo para enlace */ a.enl-2:hover { } a.enl-log {color:#215DA2;text-decoration:none;padding:0px 0px 0px 8px;font-size:9px; }/* Estilo para enlace */ a.enl-log:hover { } a.categorias{} a.enl-ficha { padding-left:20px; color:#195CAA; font-weight:bold; font-size:10px; text-decoration:none; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_ficha.gif) top left no-repeat;} a.enl-ficha:hover { text-decoration:underline;} a.enl-comprar { padding-left:25px; color:#195CAA; font-weight:bold; font-size:10px; text-decoration:none; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_carrito.gif) top left no-repeat;} a.enl-comprar:hover { text-decoration:underline;} a.enl-ins { padding:0px 0px 0px 18px; color:#195CAA; font-weight:bold; font-size:10px; text-decoration:none; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_inscripcion.gif) top left no-repeat;}/*Enlace para inscribirse*/ a.enl-ins:hover { text-decoration:underline;} a.enl-imp { display:none;} a.enl-imp:hover { text-decoration:underline;} a.enl-vol { margin:0px 50px 0px 0px; padding:0px 0px 5px 12px; color:#94B832; font-weight:bold; font-size:10px; text-decoration:none; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/ico_volver.gif) 0px 5px no-repeat;} a.enl-vol:hover { text-decoration:underline;} /* ESTILOS PARA LAS ESQUINAS */ .esq-center { background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/esq_center.gif) top left repeat-Y;} .esq-top { background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/esq_top.gif) top left no-repeat;} .esq-bottom { padding:10px;background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/img/esq_bottom.gif) bottom left no-repeat; } .esq-padding { } /*ESTILOS PARA ANCHOS Y ALTURAS */ .an1 { width:210px;} .an2 { width:600px;} .an3 { width:110px;} .an4 { width:500px;} .an5 { width:70px;} .an6 { width:130px;} .an7 { width:120px;} .an8 { width:145px;} .al1 { height:50px;} .al2 { height:100px;} /* ESTILOS PARA LA LINEAS */ .lin-f1 {border-bottom:1px solid #D5D5D5;} .lin-f2 {border-bottom:1px solid #D5D5D5;} /* ESTILOS PARA FLOTAR Y ALINEAR */ .flo-izq { float: left; } .flo-dch { float: right; } .ali-izq { text-align: left; } .ali-dch { text-align: right; } .ali-cen { text-align: center; } .ali-top { vertical-align: top; } .ali-btt { vertical-align: bottom; } .ali-med { vertical-align: middle; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padd {padding:20px 0px 3px 10px; } .padd2 {padding:20px 20px 3px 0px; } .padd3 {padding:2px 0px 0px 8px; } .padd4 {padding:0px 0px 0px 40px; } .padd5 {padding:0px 0px 5px 0px; } .padd-top { padding:10px 0px 10px 0px; } .padd-btt { padding: 0px 0px 10px 0px; } .padd-btt-f2 { padding: 0px 0px 5px 0px; } .padd-izq { padding: 0px 0px 0px 5px; } .padd-dch { padding: 0px 10px 0px 0px; } .marg-top{margin-top:5px;} .padd-clm{padding:10px 10px 0px 15px;} .mg{margin:0px 0px 0px 10px;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borde{border:1px solid #FFFFFF;} .brr { clear: both; } .borrar { clear: both; } .ocu { display: none; } .con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .con {display:inline-block;} .con {display:block;} @media all { .con { display:block; }} /* Para Opera */ /* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */