/*
 * Fichero: public.css ,v4.0px 11/04/2008 Francisco Javier Lopez
 *
 * 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 <vanessa.martin@net2u.es>
 * Comentarios
 */

 /* INDICACIONES DE USO EN GENERAL */
 /*
   1- La estructura basica de una web seria:
    <div id="web">
      <div id="pcab">Precabecera</div>
      <div id="cab">Cabecera</div>
      <div id="scab">Subcabecera</div>
      <div id="ctd">
        <div id="lat">Lateral</div>
        <div id="dts">datos</div>
      </div>
      <div id="pie">Pie</div>
    </div>

  Cuando os encontreis con .XX son para que pongais vosotros vuestra
  personalizaci�n. Si teneis estructuras de columnas acordaros de denominarlas
  como 'c1', 'c2', asi con todo.

  Si teneis H1, H2, H3, ..., y teneis varios formatos intentar nombrarlo como
  su peso semantico esto es: un H3 que es titulo de seccion llamarlo .scc, o si es
  un titulo de un apartado pues llamarlo .apdo, asi correlativamente.

  Si se van detectando tipos de datos semanticamente los iremos poniendo, asi
  como ir acoplando los patrones conforme se vayan teniendo.


  2- Esto vale no solo para este estilo si no para los grupos de:
  web-pre, pcab, cab, scab, pie, si queremos poner elementos en columnas
  intetaremos no definir las columas como tal si no describirlas como por
  ejemplo:
    #pcab .c1 {  }
    #pcab .c2 {  }

  3. En el caso de que sobre todo en los elementos de cabecera o pie existan una
  navegaci�n menor como por ejemplo: "inicio, mapa web, contacto" Se ha definido
  un estilo en cada uno de esos grupos con el estilo ".nav"

*/


/* ESTILOS GENERALES */
/*
  Definici�n de estilos gglobales para la web.
  Evitar definir estilos generales para h1,h2,h3,h4,h5,input,...
*/
body {background:#FFFFFF; margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:11px; text-align:center; line-height:15px; }
input, textarea, select { border:1px solid #82817F; font-family:Arial, Verdana, Helvetica,sans-serif; font-size:10px; background:#fff;}
select, textarea { margin-bottom:7px;}
html, body { }
td {  }
hr { display: none; }
h2 {font-size:18px; color:#000;}

/* ESTILOS CAJAS GLOBALES. GRID GLOBAL */
/*
  Estructura de datos de grid globales para los esquemas:
  web-pre -> Caja web que engloba la pre home
  web		-> Caja web que engloba todo
  pcab	-> Caja precabecera
  cab		-> Caja cabecera
  scab	-> Caja subcabecera
  ctd		-> Caja contenido que engloba laterales y datos
  dts		-> Caja datos
  pie		-> Caja pie
*/

#web {width:752px;margin:0px auto 0px auto; text-align:center; }
#pcab {height:125px;margin:0px 0px 0px 0px;}
#cab {clear:both;text-align:center;}
#ctd {clear:both; margin:0px 0px 0px 0px; }
#ctd2 {clear:both; margin:15px 0px 0px 0px;}
#lat {float:left; width:185px;text-align:left; margin-top:0px;margin-right:10px;}
#dts {width:550px;float:right;padding:0px; text-align:left; }
#pie {clear:both; font-size:10px;border-top: 1px solid #C5C0BF; }

/* ESTILOS PARA LA WEB */
/*
  Definicion de los estilos necesarios para hacer que si es liquida al
  redeimensionarse haya un ancho minimo para que el dise�o no se estropee.

  La estructura en HTML seria asi:
  <div id="web">
    <div id="web-blo"><div id="web-min"><div id="web-con">
      Lorem ipsum
    </div</div></div>
  </div>

  Ejemplo de utilizacio�n: Si la web debe de ajustarse a ajustarse al 100% pero con
  minimo de 750px de ancho, los estilos deberian ser:
    #web { width: 100%; min-width: 750px; text-align: left; }
    #web-blo {  }
    #web-min { padding-left: 750px; }
    #web-con { margin-left: -750px; position: relative; }
    * html #web-min { padding-left: 750px; }
    * html #web-con { margin-left: 750px; position: relative; }
    html #web-min, * html #web-con, * html #web-blo { height:1px; }
*/



/* ESTILOS PARA LA PRECABECERA */
#pcab h1 {float:left; width:233px; height:125px; text-indent:-1000px;background:url(/MODULOS/global/publico/interfaces/img/logo.gif) 0px 0px no-repeat; margin:0px 0px 0px 0px;}
#pcab ul {margin:50px 0px 0px 0px; float:right;}
#pcab ul li {float:left; display:inline; padding-left:5px; line-height:10px;}
#pcab ul li a {font-size:12px;text-decoration:none; font-weight:bold; color:#000;}
#pcab ul li a:hover { border-bottom:2px solid #B70C11;}
#pcab ul li a.on { border-bottom:2px solid #B70C11;}
#pcab2 h1{float:left; width:233px; height:125px; text-indent:-1000px;background:url(/MODULOS/global/publico/interfaces/img/logo.gif) 0px 0px no-repeat; margin:0px 0px 0px 0px;}

/* ESTILOS PARA LA CABECERA DE LA WEB */
#cab {}


/* ESTILOS PARA LA SUBCABECERA */
#scab {}

/*ESTILOS CONTENIDO*/

#ctd .col1{width:195px;float:left; text-align:left; padding:0px;margin:0px;}
#ctd .col1 dl{margin:0px;padding:0px;}
#ctd .col1 dt{padding:0px;width:65px;height:63px;float:left; border-bottom:1px solid #C5C0BF;margin:6px 0px 0px 0px;}
#ctd .col1 dd{padding:0px;float:left;width:122px;height:63px; border-bottom:1px solid #C5C0BF;margin:6px 0px 0px 0px;}
#ctd .col1 dd span.titulo{font-size:15px; color:#B70C11;}
#ctd .col1 dd.fin,#ctd .col1 dt.fin{border-bottom:0px;}
#ctd .col2{height:460px; float:left;text-align:left;width:180px; }
#ctd .col2 h2{margin:0px;padding-bottom:3px;font-size:16px; color:#B70C11; font-weight:bold;border-bottom:1px solid #C5C0BF; }
#ctd .col3{height:460px; float:right;  text-align:left;}
#ctd .col3 h2{margin:0px;font-size:16px; color:#B70C11;padding-bottom:3px; font-weight:bold; border-bottom:1px solid #C5C0BF;}




/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie .c1{float:left;text-align:left;}
#pie .c2{float:right;text-align:right;}
#pie .c2 ul{padding:0px;margin:0px;}
#pie .c2 ul li{display:inline;}
#pie .c2 ul li a{text-decoration:underline;color:#000;}

#pie2 .c1{float:left;text-align:left;}
#pie2 .c2{float:right;text-align:right;}
#pie2 .c2 ul{}
#pie2 .c2 ul li{display:inline;}
#pie2 .c2 ul li a{text-decoration:underline;color:#000;}

/* ESTILOS PARA EL MENU LATERAL */
#lat .men { }
#lat .men ul{ margin-top:5px;}
#lat .men ul li{font-size:11px; padding-left:20px;}
#lat .men ul li a{color:#000; }
#lat .men ul li a:hover{color:#B70C11;  }
#lat .men ul li ul li a.on{  }

#lat .men h2 { font-weight:bold; border-bottom:1px solid #C5C0BF; font-size:16px; color:#B70C11; margin:0px; padding:0px; }
#lat .men h3 { background:url(/MODULOS/global/publico/interfaces/img/bullet.gif) 0px 15px no-repeat;  font-size:14px; padding:10px 0px 0px 20px;}

/* ESTILOS PARA EL CONTENIDO Y DATOS */
#dts .menu ul{margin:25px 0px 0px 0px; float:right;}
#dts .menu ul li{float:left; display:inline; padding-left:5px; line-height:10px;}
#dts .menu ul li a{text-decoration:none; font-weight:bold; color:#000;}
#dts .menu ul li a:hover{border-bottom:2px solid #B70C11;}
#dts .menu ul li a.on{border-bottom:2px solid #B70C11;}
#dts .cntd {float:right;text-align:left;}
#dts .cntd ul{padding:0px;margin-top:8px;}
#dts .cntd ul li{background:url(/MODULOS/global/publico/interfaces/img/bullet-dts.jpg) 0px 5px no-repeat;padding-left:13px;}
#dts strong {color:#B70C11;font-weight:bold;}
#dts .cntd a {color:#B70C11;text-decoration:none;}
/*#dts .cntd h2 {font-size:12px; color:#D67606; font-weight:bold;}*/

/* ESTILOS PARA LOS LISTADOS */

/* Listados para destacados */
.lst-dest {margin:5px 0px 5px 0px;padding:0px 0px 3px 0px;height:120px; border-bottom:1px solid #C5C0BF; }
.lst-dest span.titulo{ font-size:12px; color:#D67606; font-weight:bold; }
.lst-dest span.entrad{ font-size:11px; font-weight:bold; }

/* Listados para noticias */
.lst-not{height:89px;clear:both;margin:5px 0px 5px 0px;padding:0px 0px 3px 0px; border-bottom:1px solid #C5C0BF;}
.lst-not img{float:left;padding:0px 0px 0px 0px;margin:0px 10px 65px 0px;}
.lst-not titulo{padding:0px 0px 0px 0px;}
.lst-not span.fecha{color:#778402; font-weight:bold;}
.lst-not a img {margin:0px;padding:0px;}
.lst-not ul {  }
.lst-not li {  }
.lst-not dl {  }
.lst-not dt {  }
.lst-not dd {  }


/* TABLA DE DATOS */
/* Tabla de datos normal */

/* Tabla para el calendario normal */
table.tbl-cal {  }
table.tbl-cal caption {  } /* Estilos para caption de la tabla */
table.tbl-cal caption a {  }
table.tbl-cal caption a:hover {  }
.tbl-cal th {  } /* Estilos para cabecera de tabla */
.tbl-cal th a {  }
.tbl-cal th a:hover {  }
.tbl-cal td {  } /* Estilos para los dias futuros */
.tbl-cal td a {  }
.tbl-cal td a:hover {  }
.tbl-cal td.hoy {  } /* Estilos para el dia de hoy */
.tbl-cal td.hoy a {  }
.tbl-cal td.hoy a:hover {  }
.tbl-cal td.ant {  } /* Estilos para los dias pasados */
.tbl-cal td.ant a {  }
.tbl-cal td.ant a:hover {  }
/* Tabla para el calendario citas */
table.tbl-cit {  }
table.tbl-cit caption {  }
table.tbl-cit caption a {  }
table.tbl-cit caption a:hover {  }
.tbl-cit tr th {  } /* Estilos para caption de la tabla */
.tbl-cit tr th a {  }
.tbl-cit tr th a:hover {  }
.tbl-cit td {  } /* Estilos para los celdas en general */
.tbl-cit td.hoy {  } /* Estilos para el dia de hoy */
.tbl-cit td.hoy a {  }
.tbl-cit td.hoy a:hover {  }
.tbl-cit td.lib {  } /* Estilos para los dias libres */
.tbl-cit td.lib a {  }
.tbl-cit td.lib a:hover {  }
.tbl-cit td.nlib {  } /* Estilos para los dias ocupados */
/* Tabla de datos normal, especial o personlizada: Formato 1 */
table.tbl-f1 {  }
table.tbl-f1 caption {  }
.tbl-f1 th {  }
.tbl-f1 td {  }

/* ESTILOS PARA CAJA CON FORMATOS */

/*caja para boton*/
.caj-btn{background:#B70C11;height:16px;color:#fff;}
.caj-btn2{background:#B70C11;height:16px;color:#fff;}

/*caja para relacioneado*/
.caj-rel{background:#D4D3D3;width:100%;}
.caj-rel-padd{padding:10px;}
.caj-rel h2{font-size:14px;background:url(/MODULOS/global/publico/interfaces/img/bullet.gif) 0px 5px no-repeat;padding-left:15px;}
/* Caja de Ayuda */
.caj-ayu {  }
.caj-ayu-padd {  }
/* Caja de error */
.caj-err {  }
.caj-err-padd {  }
.caj-err strong {  }
/* Caja de 'No hay datos en listado */
.caj-ndts {  }
.caj-ndts-padd {  }
.caj-ndts strong {  }
/* Caja para contenidos anexos */
.caj-anx {  }
.caj-anx-padd {  }
/* Caja para contenidos notas */
.caj-not {  }
.caj-not-padd {  }
/* Caja resultados */
.caj-res {  }
.caj-res-padd {  }
/* Caja para la autentificacion */
.caj-aut {  }
.caj-aut-padd {  }
/* Caja para contenido destacado */
.caj-des {  }
.caj-des-padd {  }
.caj-des-scc {  }
/* Caja Tooltip */
#caj-ttip {  }
#caj-ttip-img {  }
/* Caja para personalizable: formato 1 */
/*
  Recordar que debeis comentar donde la empleais, eso os servira con el tiempo a
  encontrar las cosas
*/
.caj-f1 {  }
.caj-f1-padd {  }

/* ESTILOS PARA LAS PESTA�AS */
/*
  La "f1" indica el tipo formato y personalizaci�n. El listado corresponde a su
  representacion grafica. El estilo ".pesfX-cpo", correspende al cuerpo de la
  carpeta y padd a su margen. El estilo "act" corresponde a la pesta�a actual.

  Ejemplo:
    <div class="pesf1">
      <ul>
        <li class="act"><a href="">...</a></li>
        <li><a href="">...</a></li>
      </ul>
    </div>
    <div class="pesf1-cpo">
      <div class="pesf1-padd">
        Lorem ipsum dolor sit amet
      </div>
    </div>

  En caso que hubiera dos tipos de pesta�as, se denominarian: pesf2, pesf3,...
  asi correlativamente
*/
.pesf1 {  }
.pesf1 ul {  }
.pesf1 ul li {  }
.pesf1 ul li a {  }
.pesf1 ul li a:hover {  }
.pesf1 ul li.act a {  }
.pesf1 ul li.act a:hover {  }
.pesf1-cpo {  }
.pesf1-padd {  }

/* ESTILOS PARA EL POPUP */
#pop {  }
#pop-padd {  }

/* ESTILOS PARA COLUMNAS GENERALES */
/*
  Seccion donde definios los estilos globales para columnas.

  No se puede definir 'border', ni 'padding', ni 'margin'. Asi logramos que estos estilos
  lo emlemos para cosas genericas. A veces en portadas sobre todo necesitaremos
  definir estilos algo mas particulares pero para ello utilizaremos de las CSS
  el apartado 'ESTILOS PARA COLUMNAS PERSONALIZADAS'.
*/
/* 2 Columnas 50%-50& */
.col2f1 {  }
.col2f1-c1 { float: left; width: 49%; }
.col2f1-c2 { float: right; width: 49%; }
/* 2 Columnas 70%-30% */
.col2f2i {  }
.col2f2i-c1 { float: left; width: 69%; }
.col2f2i-c2 { float: right; width: 29%; }
/* 2 Columnas 30%-70% */
.col2f2d {  }
.col2f2d-c1 { float: left; width: 29%; }
.col2f2d-c2 { float: right; width: 69%; }
/* 2 Columnas 60%-40% */
.col2f3i {  }
.col2f3i-c1 { float: left; width: 59%; }
.col2f3i-c2 { float: right; width: 39%; }
/* 2 Columnas 40%-60% */
.col2f3d {  }
.col2f3d-c1 { float: left; width: 39%; }
.col2f3d-c2 { float: right; width: 59%; }
/* 2 Columnas 20%-80% */
.col2f4d {  }
.col2f4d-c1 { float: left; width: 19%; }
.col2f4d-c2 { float: right; width: 79%; }
/* 2 Columnas 80%-20% */
.col2f4i {  }
.col2f4i-c1 { float: left; width: 79%; }
.col2f4i-c2 { float: right; width: 19%; }
/* 3 Columnas 33%-33%-33% */
.col3f1 {  }
.col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; }
.col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; }
.col3f1-c3 { float:right; width:32%; }
/* 3 Columnas grid 1 33%-66% */
.col3f1g1 {  }
.col3f1g1-c1 { float:left; width:32%; }
.col3f1g1-c2 { float:right; width:66%; }
/* 3 Columnas grid 2 66%-33% */
.col3f1g2 {  }
.col3f1g2-c1 { float:left; width:66%; }
.col3f1g2-c2 { float:right; width:32%; }
/* 4 Columnas 25%-25%-25%-25% */
.col4f1 {  }
.col4f1-c1 { float:left; margin:0% 1.333% 0% 0%; width:24%; }
.col4f1-c2 { float:left; margin:0% 1.333% 0% 0%; width:24%; }
.col4f1-c3 { float:left; margin:0% 0% 0% 0%; width:24%; }
.col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%; }
/* 4 Columnas grid 1 25%-50%-25% */
.col4f1g1 {  }
.col4f1g1-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; }
.col4f1g1-c2 { float:left; margin:0% 0% 0% 0%; width:49%; }
.col4f1g1-c3 { float:right; margin:0% 0% 0% 0%; width:24%; }
/* 4 Columnas grid 2 25%-25%-50% */
.col4f1g2 {  }
.col4f1g2-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; }
.col4f1g2-c2 { float:left; margin:0% 0% 0% 0%; width:24%; }
.col4f1g2-c3 { float:right; margin:0% 0% 0% 0%; width:49%; }
/* 4 Columnas grid 3 50%-25%-25% */
.col4f1g3 {  }
.col4f1g3-c1 { float:left; margin:0% 1.5% 0% 0%; width:49%; }
.col4f1g3-c2 { float:left; margin:0% 0% 0% 0%; width:24%; }
.col4f1g3-c3 { float:right; margin:0% 0% 0% 0%; width:24%; }
/* 5 Columnas 20%-20%-20%-20% */
.col5f1 {  }
.col5f1-c1 { float:left; margin:0% 1.2% 0% 0%; width:19%; }
.col5f1-c2 { float:left; margin:0% 1.2% 0% 0%; width: 19%; }
.col5f1-c3 { float:left; margin:0% 1.2% 0% 0%; width: 19%; }
.col5f1-c4 { float:left; margin:0% 0% 0% 0%; width:19%; }
.col5f1-c5 { float:right; margin:0% 0% 0% 0%; width:19%; }

/* ESTILOS PARA COLUMNAS PERSONALIZADAS */
/*
  Estilos empleados para modelos de columnas que se han de personalizar porque
  el dise�o lo requiere.

  Un ejemplo de como nombrarlas es:
    - Si tenemos que hacer dos columnas seria asi
    .col2p1 {  } 'Con el respectivo comentario de donde se emplea'
    .col2p1-c1 {  }
    .col2p1-c2 {  }
    - Si tenemos que hacer tres columnas:
    .col3p1 {  } 'Con el respectivo comentario de donde se emplea'
    .col3p1-c1 {  }
    .col3p1-c2 {  }
    .col3p1-c3 {  }

  Si tenemos mas de dos modelos de personalizacion de columnas, es decir dos modelos
  diferentes de dos columnas, las nombraremos: col2p1 y a la siguiente col2p2, recordando
  siempre el comentar donde se emplea.
*/
.colXp1 {  }
.colXp1-c1 {  }
.colXp1-c2 {  }
.colXp1-c3 {  }

/* FONDOS ESPECIALES */
.fdo-XXX {  }

/* ESTILOS PARA BREADCRUMS */
.bdc {  }
.bdc-padd {  }
.bdc strong {  }
.bdc a {  }
.bdc a:hover {  }

/* ESTILO PARA LA PAGINACION */
.pag {  }
.pag a.ini {  } /* Estilo para ir al inicio del listado paginado */
.pag a.ini:hover {  }
.pag a.ant {  } /* Estilo para retroceder un paso en el listado paginado */
.pag a.ant:hover {  }
.pag a.fin {  } /* Estilo para ir al final del listado paginado */
.pag a.fin:hover {  }
.pag a.sig {  } /* Estilo para avanzar un paso en el listado paginado */
.pag a.sig:hover {  }
.pag .ley {  } /* Estilo de la leyenda de paginacion */
.pag .ley strong {  }
.pag .res {  } /* Estilo el texto de resultados */
.pag .act {  } /* Estilo que indica la pagina en la que estamos */
.pag .act strong {  }

/* 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 {  }


/*.form .an-sel-pq { width:112px;}*/

/*Formulario login*/
.form-log {margin:0px;padding:8px;border:2px solid #C5C0BF;}
.form-log fieldset {margin:0px;padding:0px;}
.form-log fieldset h2 {font-size:16px; color:#B70C11;padding-bottom:10px;_padding-bottom:9px;}
.form-log fieldset p {font-size:12px;}
.form-log fieldset legend { display:none;}
.form-log fieldset label.lbl-1 {width:50px;float:left;margin-top:7px; }
.form-log fieldset .cps { margin-top:7px; }
.form-log fieldset .btn { float:right;width:68px; height:18px; margin:5px 0px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_suscripcion.jpg) 0px 0px no-repeat;}


/* Formulario Buscador */
.form-bus { }
.form-bus fieldset {  }
.form-bus legend {  }
.form-bus .lbl {  }
.form-bus .cps {  }
.form-bus .btn {  }
/* Formulario general */
.form {border:2px solid #C5C0BF;width:600px;padding:8px;   }
.form fieldset { margin:0px;padding:0px;  }
.form fieldset legend {font-size:16px; color:#B70C11;padding-bottom:3px;  }
.form fieldset label{float:left;width:160px; text-align:left;}
.form fieldset .lbl { float:left;margin-bottom:7px; }
.form fieldset .lbl-1 { float:left;margin-bottom:7px;width:120px; }
.form fieldset label sup{color:#B70C11;}
.form fieldset p {font-size:12px;}
.form fieldset .btn1 { float:right;width:68px; height:18px; margin:5px 35px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_guardar.jpg) 0px 0px no-repeat;}
.form fieldset .btn2 { float:right;width:68px; height:18px; margin:5px 35px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_cancelar.jpg) 0px 0px no-repeat;}
.form fieldset .btn3 { float:right;width:68px; height:18px; margin:5px 35px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_enviar.jpg) 0px 0px no-repeat;}
.btn4 { float:left;width:68px; height:18px; margin:5px 0px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_volver.jpg) 0px 0px no-repeat;}
.btn5 { float:left;width:68px; height:18px; margin:5px 0px 0px 8px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_imprimir.jpg) 0px 0px no-repeat;}
.form fieldset .lbl-gr {  }
.form fieldset .lbl-md {  }
.form fieldset .lbl-pq {  }
.form fieldset .cps { margin-bottom:7px;}
.form fieldset .cps-gr {  }
.form fieldset .cps-md {  }
.form fieldset .cps-pq {  }
.form fieldset .cps-err {  }
.form fieldset .rad {  }
.form fieldset .chx {  }
.form fieldset .tex {  }
.form fieldset .tex-gr {  }
.form fieldset .tex-md {  }
.form fieldset .tex-pq {  }
.form .btn {  }
.form .btn:disabled {  }
.form .btn-gr {  }
.form .btn-md {  }
.form .btn-pq {  }
.form .dist-btn {  }
.form .obl {  }
.form .avi {  }
/* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */
.form-fil {  }
/* Formulario de autentificacion de entrada a la web se anida con el estilo "form" */
.form-aut {  }
/* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */
.form-fil {  }
/* Formulario de XXX para cajas ventanas se anida con el estilo "form" */
/*
  Ejemplo de como anidar: <form class="form form-xxx"></form>
*/
.form-XXX {  }

/* ESTILOS PARA TEXTO */
.txt {  }		/* Estilo para el texto en general */
.ent {  }		/* Estilo para la entradilla */
.ent-f1 {  }	/* Esilo para la entradilla con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */
.des {color:#B70C11;  }		/* Estilo para destacado */
.des-f1 {  }	/* Esilo para destacado con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */
.esp {  }		/* Estilos especiales de color, indicar donde se usa y porque */
.esp-f1 {  }	/* Estilos especiales de color, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */
.fec {  }		/* Estilo para campo de fecha */
.fec-ini {  }	/* Estilo para campo de fecha de inicio */
.fec-fin {  }	/* Estilo para campo de fecha de final o utlima fecha */
.fec-crt {  }	/* Estilo para campo de fecha critica */
.tit { font-size:12px; color:#D67606; font-weight:bold; }		/* Estilo para el titulo */
.tit-f1 {  }	/* Estilo para el titulo, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */
.ant {font-size:10px;color:#778402;  }		/* Estilo para antetitulos */
.ent {color:#B70C11;font-style:italic;}
.sub {  }		/* Estilo para la subcabecera */
.dscp {  }		/* Estilo para utilizar cuando descripcion */
.res {  }		/* Estilo para la resaltados */
.not {  }		/* Estilo para notas */
.ane {  }		/* Estilos para anexos */
.ok {  }		/*	Estilo para Ok en resultados */
.nok {  }		/* Estilo para resultados no Ok en resultados */
.pvp {  }		/* Estilo para precio */
.pvp-des {  }	/* Estilo para destacado */
.pvp-ant {  }	/* Estilo para precio anterior */
.ndts {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */
.err {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */

/* ESTILOS PARA EL CUERPO */
.cpo {  }
.cpo strong {  }
.cpo ul {  }
.cpo li {  }
.cpo ul {  }
.cpo li {  }
.cpo p {  }

/* ESTILOS PARA IMAGENES */
img {  }
a.img { }
a.img:hover {  }
.img-sm {  } /* Estilo para imagenes sin marcos */
.img-cm {  } /* Estilo para imagenes con marcos */
.img-dch { float: right; } /* Estilos para imagenes que flotan a la derecha */
.img-dch-padd {  }
.img-izq { float: left; } /* Estilos para imagenes que flotan a la izquierda */
.img-izq-padd {  }

/* ESTILOS PARA ENLACES */
a { text-decoration:none;color:#FFF; } /* Enlaces en general */
a:hover {  }
a.enl {  }/* Estilo para enlace */
a.enl:hover {  }
a.enl-pq {  } /* Enlaces peque�os */
a.enl-pq:hover {  }
a.enl-des {  } /* Enlaces destacados */
a.enl-des:hover {  }
a.enl-mas { /* Enlaces mas informacion */ }
a.enl-mas:hover {  }
a.enl-fot {  } /* Enlaces foto */
a.enl-fot:hover {  }
a.enl-vid {  } /* Enlaces video */
a.enl-vid:hover {  }
a.enl-aud {  } /* Enlaces video */
a.enl-aud:hover {  }
a.enl-swf {  } /* Enlaces flash */
a.enl-swf:hover {  }
a.enl-pdf {  } /* Enlaces pdf */
a.enl-pdf:hover {  }
a.enl-amp {  } /* Enlaces ampliar foto */
a.enl-amp:hover {  }
a.enl-doc {  } /* Enlaces para documentos */
a.enl-doc:hover {  }
a.enl-imp {  } /* Enlaces para impresion */
a.enl-imp:hover {  }
a.enl-top {  } /* Enlaces subir */
a.enl-top:hover {  }
a.enl-vol {  } /* Enlaces volver */
a.enl-vol:hover {  }
a.enl-ant {  } /* Enlaces para anterior */
a.enl-ant:hover {  }
a.enl-sig {  } /* Enlaces siguiente */
a.enl-sig:hover {  }
a.enl-hoy {  } /* Enlaces hoy */
a.enl-hoy:hover {  }
a.enl-ema {  } /* Enlaces email */
a.enl-ema:hover {  }
a.enl-gua {  } /* Enlaces guardar */
a.enl-gua:hover {  }
a.enl-res {  } /* Enlaces restuarar */
a.enl-res:hover {  }
a.enl-sal {  } /* Enlaces salir */
a.enl-sal:hover {  }
a.enl-ayu {  } /* Enlaces ayuda */
a.enl-ayu:hover {  }
a.enl-edi {  } /* Enlaces editar */
a.enl-edi:hover {  }
a.enl-nedi {  } /* Enlaces no editar  */
a.enl-nedi:hover {  }
a.enl-vis {  } /* Enlaces previsualizar  */
a.enl-vis:hover {  }
a.enl-rdo {  } /* Enlaces resaltado */
a.enl-des:hover {  }
a.enl-ndes {  } /* Enlaces no resaltado */
a.enl-ndes:hover {  }
a.enl-min {  } /* Enlace minimizar */
a.enl-min:hover {  }
a.enl-max {  } /* Enlaces maximizar */
a.enl-max:hover {  }

/* ESTILOS PARA LA LINEAS */
.lin-f1 {border-bottom:5px solid #B70C11;  }

/* 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; }


/*ANCHOS*/
.an1{width:400px;}
.an2{width:280px;}
.an3{width:120px;}
.an4{width:500px;}
.an5{width:550px;}
.an6{width:180px;}
/* ESTILOS PARA ESPACIOS Y DIMENSIONES */
.padd {  }
.padd-top { padding: 10px 0px 0px 0px; }
.padd-btt { padding: 0px 0px 10px 0px; }
.padd-izq { padding: 0px 0px 0px 5px; }
.padd-dch { padding: 0px 0px 10px 0px; }
.padd-pie { padding: 0px 0px 0px 200px;}
.padd1{padding:5px 0px 0px 0px;}
.padd2{padding:0px 10px 10px 0px;}
.padd3{padding:0px 10px 10px 0px;}
.padd4 {padding:0px 0px 80px 8px;}
.padd5 {padding:0px 8px 0px 0px;}
/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.brr { clear: both; }
.ocu { display: none; }
.sinb{border:none;}
.con:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.con { display : inline-block; }
* html .con { height : 1%; }
.con { display : block; }