@media all {

  /*--- [ Redefinir etiquetas ] ---------------*/

  BODY {
    margin: 5px 0px 5px 5px;
    background: #FFFFFF url(../imag/afnd_body.gif);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em; 
    font-weight: normal;
    color : #284E7B;
    text-align: left;
  }
  H1 {
    margin: 0px 0px 5px 0px;
    padding: 8px 15px 10px 35px;
    background-color: inherit;
    background: url(../imag/fnd_titulo.gif) no-repeat;
    font-size: 1.3em;
    font-weight: bolder;
    text-decoration: none;
    color: #FFF;
  }
  H2 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    background-color: inherit;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
  }
  H2 A {
    background-color: inherit;
    font-size: 1em;
    font-weight: bold;
    color: #C62415;
    text-decoration: none;
  }
  H3 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    background-color: inherit;
    font-size: 1.1em;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
  }
  H3 A {
    background-color: inherit;
    font-size: 1em;
    font-weight: bold;
    color: #C62415;
    text-decoration: none;
  }
  H4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    background-color: inherit;
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
  }
  A {
    background-color: inherit;
    font-size: 1em;
    font-weight: normal;
    color: #C62415;
    text-decoration: none;
  }
  A:hover {
    text-decoration: underline;
  }
  
  CODE {
    display: block;
    margin: 0;
    padding: 3px;
    background-color: #F0F0F0;
    font-size: 1em;
    font-weight: normal;
    color: #000;
    text-align: left;
    text-decoration: none;
  }
  
  IMG {
    border: #000 0px none;
  }
  
  HR {
    height: 5px;
    background-color: #FF9900;
  }

  /*--- [ Formularios ] ---------------*/

  FORM {
    margin: 0;
    padding: 3px;
    text-align: left;
  }
  INPUT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: #000000 1px solid;
    padding: 2px 2px 2px 2px;
    background: #FFFFFF;
    font-size: 1em;
    color: #000000;
  }
  TEXTAREA {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: #000000 1px solid;
    padding: 2px 2px 2px 2px;
    background-color: #FFFFFF;
    font-size: 1.2em;
    color: #000000;
  }
  SELECT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: #000000 1px solid;
    padding: 2px 2px 2px 2px;
    background-color: #FFFFFF;
    font-size: 1em;
    color: #000000;
  }
  INPUT.fRad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: #000 0px solid;
    padding: 2px 2px 2px 2px;
    font-size: 1em;
    color: #000000;
  }
  INPUT.fCmd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: #284E7B 1px solid;
    padding: 2px 2px 2px 2px;
    background-color: #284E7B;
    font-size: 1em;
    color: #FFF;
  }
  LABEL {
    font-weight: bold;
  }

  /*--- [ Estructura de la pagina ] ---------------*/

  #maq_contenedor {
    margin: 0;
    text-align: left;
    width: 990px;
    background: #FFFFFF;
    color: inherit;
  }
  #maq_cabecera {
    clear: both;
    height: 148px;
    margin: 0px;
    border: 0px solid #CCC;
    padding: 0px;
    background: url(../imag/fnd_cabecera.jpg) no-repeat;
  }
  #maq_mnu_cab {
    clear: both;
    height: 54px;
    margin: 0px 0px 5px 0px;
    border: 0px solid #CCC;
    padding: 0px 0px 0px 40px;
    background: url(../imag/fnd_mnu_cab.jpg) no-repeat;
    color: #FFF;
  }
  #maq_cuerpo {
    clear: both;
    width: 990px;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background: url(../imag/fnd_cuerpo.php);
  }
  #maq_col_left {
    float: left;
    width: 200px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #FFF;
    /*background: #EEE;*/
  }
  #maq_contenido {
    float: left;
    width: 590px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    font-size: 1em;
  }
  #maq_col_right {
    float: right;
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: inherit;
  }
  #maq_nav_pie {
    clear: both;
    margin: 0px;
    border: 1px solid #CCC;
    padding: 10px;
  }
  #maq_pie {
    clear: both;
    height: 47px;
    margin: 0px;
    border: 0px solid #CCC;
    padding: 0px;
    background: url(../imag/fnd_pie.jpg) no-repeat;
    color: #FFF;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
  }

  /*--- [ Menus ] -------------------------*/
  
  #maq_mnu_cab A {
    color: #FFF;
    text-decoration: none;
  }
  #maq_mnu_cab FORM {
    float: left;
  }
  #maq_mnu_cab UL {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
  }
  #maq_mnu_cab LI {
    display: inline;
    margin: 0px;
    padding: 0px 15px 0px 0px;
  }
  #maq_mnu_cab_enlac {
    float: left;
    padding: 7px 0px 0px 10px;
  }
  #maq_mnu_cab_enlac  A:hover{
    text-decoration: underline;
  }
  #maq_mnu_cab_navega {
    clear: both;
    padding: 8px 0px 0px 0px;
    font-weight: bold;
    color: #000;
  }
  #maq_mnu_cab_navega A:hover{
    text-decoration: underline;
  }
  #maq_col_left A {
    color: #FFF;
    text-decoration: none;
  }
  #maq_col_left A:hover {
    text-decoration: underline;
  }
  .maq_col_left_sec {
    margin: 0px 10px 5px 10px;
    padding: 0px 0px 5px 20px;
    background: url(../imag/fnd_flecha_n1.gif) no-repeat;
    border-bottom: 2px solid #D04639;
    font-weight: bold;
  }
  .maq_col_left_sec UL{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
  }
  .maq_col_left_sec LI{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 15px;
    background: url(../imag/fnd_flecha_n2.gif) no-repeat;
  }

  /*--- [ Modulos generales ] -------------*/
  
  .mModCatVer {
    margin: 0px 0px 10px 0px;
    border: 1px solid #A00;
    padding: 10px;
    background: #FEE;
  }
  .mModCatLis {
    margin: 0px 0px 10px 0px;
    border: 1px solid #AA0;
    padding: 10px;
    background: #FF0;
  }
  .mModEleLis {
    margin: 0px 0px 10px 0px;
    border: 1px solid #0A0;
    padding: 10px;
    background: #EFE;
  }
  .mModEleVer {
    margin: 0px 0px 10px 0px;
    border: 0px solid #0A0;
    padding: 0px 10px 0px 15px;
  }
  .mModEnlLis {
    margin: 0px 0px 10px 0px;
    border: 1px solid #C62415;
    padding: 10px;
  }
  .mModEnlLis UL {
    margin: 5px 0px 0px 10px;
    padding: 0px;
  }
  .mModEnlLis LI {
    margin-left: 10px;
    padding-left: 5px;
  }
  .mModRelLis {
    margin: 0px 0px 10px 0px;
    border: 1px solid #C62415;
    padding: 10px;
  }
  .mModRelLis UL {
    margin: 5px 0px 0px 10px;
    padding: 0px;
  }
  .mModRelLis LI {
    margin-left: 10px;
    padding-left: 5px;
  }
  .mModValLis {
    margin: 0px 0px 10px 0px;
    border: 1px solid #00A;
    padding: 10px;
    background: #EEF;
  }
  .mModValAdm {
    margin: 0px 0px 10px 0px;
    border: 1px solid #00A;
    padding: 10px;
    background: #DDF;
  }
  .mModFrmVer {
  }
  .mModFrmEnv {
  }

  /*--- [ Modulos especificos ] -----------*/

  .mModEleLisInformacion {
    margin: 0px 0px 10px 0px;
    border: 0px solid #0A0;
    padding: 0px 10px 0px 15px;
  }
  .mModEleLisNoticias {
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dotted #C62415;
    padding: 0px 10px 10px 15px;
  }
  .mModEleLisContenidos {
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dotted #C62415;
    padding: 0px 10px 10px 15px;
  }
  .mModEleLisFiestas {
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dotted #C62415;
    padding: 0px 10px 10px 15px;
  }
  .mModEleLisRecetas {
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dotted #C62415;
    padding: 0px 10px 10px 15px;
  }

  /*--- [ Tags ] --------------------------*/
  
  .mTagEleLisRecetas {
    float: left;
    width: 125px;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    background-color: #EAEDE6;
    text-align: center;
  }
  .mTagEleLisVideos {
    margin: 0px 5px 5px 0px;
    padding: 5px;
    background-color: #EAEDE6;
    border-bottom: 2px dotted #D3DDE6;
    text-align: left;
  }
  .mTagEleLisVideosLista {
    float: left;
    width: 300px;
  }
  .mTagEleLisVideosGrande {
    float: left;
    width: 250px;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    background-color: #EAEDE6;
    border-right: 2px dotted #D3DDE6;
    text-align: center;
  }
  
  /*--- [ Zonas dinámicas ] ---------------*/
  
  #maq_col_right FORM {
    padding: 0;
  }

  /* Productos destacados */
  #maq_destac {
    padding: 0px 0px 0px 7px;
    margin: 0px 0px 0px 0px;
  }
  #maq_destac_cab {
    height: 31px;
    padding: 10px 0px 0px 37px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_destac_cab.gif) no-repeat;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFF;
  }
  #maq_destac_cuerpo {
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_destac_cuerpo.gif) repeat-y;
    text-align: left;
    font-size: 0.9em;
  }
  #maq_destac_cuerpo A{
    font-weight: bold;
  }
  #maq_destac_pie {
    height: 19px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_destac_pie.gif) no-repeat;
  }

  /* Acceso a clientes*/
  #maq_acceso {
    padding: 0px 0px 0px 7px;
    margin: 0px 0px 0px 0px;
  }
  #maq_acceso_cab {
    height: 26px;
    padding: 10px 0px 0px 37px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_acceso_cab.gif) no-repeat;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFF;
  }
  #maq_acceso_cuerpo {
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_acceso_cuerpo.gif) repeat-y;
    text-align: left;
    font-size: 0.9em;
  }
  #maq_acceso_cuerpo A{
    font-weight: bold;
  }
  #maq_acceso_pie {
    height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_acceso_pie.gif) no-repeat;
  }

  /* Aviso */
  #maq_aviso {
    padding: 0px 0px 0px 7px;
    margin: 0px 0px 0px 0px;
  }
  #maq_aviso_cab {
    height: 26px;
    padding: 10px 0px 0px 37px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_acceso_cab.gif) no-repeat;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFF;
  }
  #maq_aviso_cuerpo {
    padding: 0px 20px 0px 15px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_acceso_cuerpo.gif) repeat-y;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
  }
  #maq_aviso_cuerpo A{
    font-weight: bold;
  }
  #maq_aviso_pie {
    height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_acceso_pie.gif) no-repeat;
  }

  /* Cesta de la compra */
  #maq_cesta {
    padding: 0px 0px 0px 7px;
    margin: 0px 0px 0px 0px;
  }
  #maq_cesta_cab {
    height: 29px;
    padding: 10px 0px 0px 37px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_cesta_cab.gif) no-repeat;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFF;
  }
  #maq_cesta_cuerpo {
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_cesta_cuerpo.gif) repeat-y;
    text-align: left;
    font-size: 0.9em;
  }
  #maq_cesta_pie {
    height: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../imag/fnd_cesta_pie.gif) no-repeat;
  }

  /*--- [ Adornos varios ] ----------------*/

  .maq_separa {
    clear: both;
    height: 10px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: url(../imag/fnd_cuerpo.php);
  }
  .cAvisoPrecio {
    margin: 10px;
    padding: 10px;
    border: #C62415 1px solid;
    background: #F9E9E9;
    font-size: 1.1em;
    font-weight: bold;
    color: #C62415;
    text-align: center;
  }

  /*--- [ Secciones ] ---------------------*/
  .mSecFiestas {
    color: #FFF;
    background: url(../imag/sec_fiestas.jpg) no-repeat;
    padding: 5px 0px 5px 33px;
  }
  .mSecContenidos {
    color: #FFF;
    background: url(../imag/sec_contenidos.jpg) no-repeat;
    padding: 5px 0px 7px 33px;
  }
  .mSecNoticias {
    color: #FFF;
    background: url(../imag/sec_noticias.jpg) no-repeat;
    padding: 5px 0px 5px 33px;
  }
  .mSecFotos {
    color: #FFF;
    background: url(../imag/sec_fotos.jpg) no-repeat;
    padding: 5px 0px 10px 33px;
  }
  .mSecVideos {
    color: #FFF;
    background: url(../imag/sec_videos.jpg) no-repeat;
    padding: 5px 0px 10px 33px;
  }
  .mSecRecetas {
    color: #FFF;
    background: url(../imag/sec_recetas.jpg) no-repeat;
    padding: 5px 0px 10px 33px;
  }
  .mSecTienda {
    color: #FFF;
    background: url(../imag/sec_tienda.jpg) no-repeat;
    padding: 5px 0px 10px 33px;
  }

  /*--- [ Elementos ayuda ] ---------------*/

  .limpiar {
    clear:both;
  }
  .sangria_izq {
    margin-left: 15px;
  }
  .sangria_izq_dcha {
    margin-left: 15px;
    margin-right: 10px;
  }
  .sangria_dcha {
    margin-right: 10px;
  }
  .alinear_dcha {
    text-align: right;
  }
  .caja {
    border: 1px #DAE3F2 solid;
    background: #F0F1F2;
    padding: 5px;
  }
  .tResal {
    font-weight: bold;
  }

  /*--- [ Elementos ayuda ] ---------------*/
  #est_buscador {
    padding: 5px;
  }
  #est_estadistica {
    font-weight: bold;
  }
}

/*--- [ Estilos para impresora ] ----------*/

@media print{
  #maq_cabecera, #maq_nav_cab, #maq_col_left, #maq_col_right, #maq_separa, #maq_nav_pie, #maq_pie{
    display: none;
  }
  #maq_contenido {
    font-size: 0.8em;
  }
  h1 {
    font-size: 1.3em;
  }
  h2 {
    font-size: 1.2em;
  }
}

