@media screen,print
{
    body 
    {
        vertical-align:top;
        margin:0;
        padding:0;
        border-top:#f5822c 3px solid;
        background:url(../i/fondo.png) no-repeat left top;
    }
    body, input, textarea, select, table
    {
        font:normal 11px/13px Arial, Verdana, sans-serif;
        color:#000000;
    }
    img
    {
        border: 0;
    }
    a, em
    {
        text-decoration: none;
        font-style: normal;
    }
    a
    {
        color:#F6812C;
    }
    em
    {
        color:#7E8792;
    }
    .colordestacado
    {
        color:#00599B;
    }
    .esquina
    {
        position: absolute;
    }
    .sup
    {
        top: 0;
    }
    .izq
    {
        left: 0;
    }
    .inf
    {
        bottom: 0;
    }
    .der
    {
        right: 0;
    }
    .primero
    {
        margin-top: 0;
    }
    .clear
    {
        clear: both;
        height: 0;
        line-height: 0;
    }
    h1,h2
    {
        font-size:10px;
        color:White;
        background:#7E8892 none;
        text-align:right;
        font-weight:normal;
        text-transform:uppercase;
        padding:2px 5px 2px 0;
    }
    td.etiqueta
    {
        vertical-align:top;
        text-align:right;
    }

    /*
    Bloques de texto
    */
    #envoltorio
    {
        margin:0 auto;
        padding:0;
        width:690px;
        position:relative;
    }
    #encabezadopag
    {
        position:relative;
        width:690px;
        padding-top:10px;
        border-bottom:solid 1px #CCCCCC;
        margin-bottom:26px;
    }
    #hPag
    {
        position:absolute;
        left:-94px;
        top:0;
    }
    #hPag a
    {
        display:block;
        width:249px;
        height:86px;
        background:url(../i/logoCidade.png) no-repeat left top;
    }
    #hPag a em
    {
        visibility:hidden;
    }
    .topica
    {
        width:400px;
        margin-left:290px;
        text-align:right;
        color:#7E8792;
        border-bottom:solid 1px #CCCCCC;
        line-height:18px;
    }
    .topica a 
    {
        color:Black;
        margin:0;
        padding:3px 3px;
    }
    .topica a.zadmin
    {
        background:#F6822C;
        margin-right:0;
    }
    .infosesion
    {
        text-align:right;
        margin:20px 0;
    }
    .infosesion a, .infosesion .infouser
    {
        color:#19171A;
        padding-left:20px;
        margin-left:3px;
        background-repeat:no-repeat;
        border-left:solid 1px #CCCCCC;
        background-image:url(../i/sp/master.gif);
    }
    .infosesion a.iniciarsesion
    {   
        background-position:3px top;
    }
    .infosesion a.editarperfil
    {
        background-position:3px -25px;
    }
    .infosesion a.cerrarsesion
    {
        background-position:3px -50px;
    }
    .infosesion .infouser
    {
        background-position:3px -75px;
    }
    #hPrograma
    {
        position:relative;
        top:1px;
        background:#F6822C none;
    }
    #hPrograma, h2.wc1
    {
        font-size:10px;
        text-align:right;
        width:275px; /* 280 - padding */
        padding:3px 5px 3px 0;
        text-transform:uppercase;
        color:White;
    }
    .destacado
    {
        font-size:10px;
        text-align:center;
        background:#F6822C none;
        padding:3px 5px;
        text-transform:uppercase;
        color:White;
    }
    #fechaActual
    {
        position:absolute;
        right:0;
        bottom:2px;
        text-align:right;
        color:#19171A;
        text-transform:uppercase;
        font-size:10px;
    }
    .c3x4
    {
        position:relative;
        clear:both;
        background:url('../i/bg3x4.gif') repeat-y right top;
    }
    .c3x4 .c1
    {
        position:relative;
        float:left;
        width:280px;
        vertical-align:top;
    }
    .c3x4 .c2, .c3x4 .derecha
    {
        position:relative;
        margin-left:290px;
        width:400px;
    }
    .c2
    {
        min-height:300px;
    }
    .c3x4 h1.derecha
    {
        width:395px; /* restamos padding */
    }
    .c2 h3
    {
        font-size:10px;
        background:#CCCCCC;
        text-transform:uppercase;
        color:#7E8792;
        text-align:center;
        padding:2px 0;
    }
    .c3x4 .c1 .margensup
    {
        margin-top:26px;
    }
    .descargo
    {
        position:absolute;
        bottom:0;
        right:0;
        color:#00599B;
    }
    .c3x4 .descargo
    {
        width:375px; /* 400-pad */
        margin-top:12px;
        padding:12px 5px 0 20px;
        border-top:solid 1px #CCCCCC;
    }
    .telefonoreservas, .telefonosoporte
    {
        position:absolute;
        /* text-transform:uppercase;color:#00599B;left:0;top:2px; */
        text-transform:lowercase;bottom:-15px;color:white;left:10px;
    }
    .condescargo
    {
        padding-bottom:58px;
    }
    .c2x5
    {
       position:relative;
       clear:both;
       background:url(../i/bg2x5.gif) repeat-y right top;
    }
    .c2x5 .c1
    {
        position:relative;
        float:left;
        width:180px;
    }
    .c2x5 .c2
    {
        position:relative;
        width:505px;
        margin-left:185px;
        padding-bottom:24px;
    }
    .c2x5 .c2 .margen
    {
        margin-left:20px;
    }
    .c2x5 .c2 h2, h2.divisor
    {
        text-transform:none;
        background:transparent none;
        text-align:left;
        font-size:11px;
        color:Black;
        padding-left:20px;
        border-bottom:solid 1px #CCCCCC;
    }
    .c2x5 .c2 .ancho
    {
        width:310px;
    }
    /* calendario */
    .cal
    {
        position:relative;
        width:380px;
        margin-left:20px;
        float:left;
    }
    .anchocal
    {
        width:186px;
    }
    .ccal1
    {
        position:relative;
        float:left;
        width:186px;
    }
    .ccal2
    {   
        position:relative;
        width:148px;
        margin-left:232px;
    }
    .ccal2 h3
    {
        margin-top:0;
    }
    .textopie
    {
        font-size:10px;
    }
    .c3x4 .c2 .margen
    {
        margin-left:20px;
    }
    .c3x4 .c2 .pad, .c2x5 .c2 .pad
    {
        padding-left:20px;
    }
    table.calendarioeventos
    {
        background:url(../i/grpx.gif) repeat-x left 18px;  
    }
    table.calendarioeventos th
    {
        text-transform:uppercase;
        color:#7E8792;
        text-align:right;
    }
    table.calendarioeventos td
    {
        font-size:10px;
        width:20px;
        text-align:right;
    }
     td.hoy
    {
        background:#005A9C;
        color:White;
    }
    td.marcado
    {
        background:#CCCCCC;
    }
    td.marcado a,
    td.activo a
    {
        color:#19171A;
    }
    td.activo
    {
        background:#F6822C;
    }
    .cal table.leyenda td
    {
        padding:2px 0;
    }
    .cal table.leyenda td.etiqueta
    {
        width:148px;
    }
    .cal table.leyenda td.activo,
    .cal table.leyenda td.marcado,
    .cal table.leyenda td.hoy
    {
        width:27px;
    }
    .selectormes
    {
        text-transform:uppercase;
        position:relative;
        width:100%;
        border-top:solid 1px #CCCCCC;
        padding:3px 0;
        margin-top:6px;
        font-size:10px;
        font-size:9px;
    }
    .selectormes .anterior
    {
        float:left;
        width:49%;
        text-align:center;
    }
    .selectormes .posterior
    {
        text-align:center;
        margin-left:50%;
        width:49%;
    }
    /*
    programación
    */
    table.programacion
    {
        width:680px;
        margin:18px 0;
        color:#7E8792;
    }
    table.programacion th
    {
        text-transform:uppercase;
        vertical-align:bottom;
    }
    table.programacion td
    {
        padding:6px 0 2px 0;
    }
    table.programacion td, table.programacion th
    {
        text-align:center;
        width:80px;
        border-bottom:solid 1px #CCCCCC;
    }
    table.programacion td.titulo, table.programacion th.titulo
    {
        width:300px;
        text-align:left;
    }
    /*
    Formulario de reservas
    */
    table.freservas .etiqueta
    {
        width:130px;
    }
    .c3x4 .c2 .ancho
    {
        width:205px;
    }
    .bordeinf
    {
        border-bottom:solid 1px #CCCCCC;
    }
    /*
    Pie de página
    */
    #piepagina
    {
        clear:both;
        text-align:right;
        text-transform:lowercase;
        background:#CCCCCC;
        color:White;
        padding:2px 15px;
        width:660px;
    }
    /*
    Gestión
    */
    .c2x5 .c2 table th
    {
        text-align:left;
        color:#7E8792;
        font-weight:normal;
    }
    .c2x5 .c2 td.tituloactividad, .c2x5 .c2 th.tituloactividad
    {
        width:175px;
    }
    .c2x5 .c2 td.corto
    {
        width:50px;
    }
    .c2x5 .c2 td.anchomedio,.c2x5 .c2 th.anchomedio
    {
        width:155px;
    }
    table.grupos td, table.grupos th
    {
        border-bottom:solid 1px #CCCCCC;
        padding:3px 4px;
    }

    /*
    De público (publico.css)
    */

    .listados td, .listados th
    {
        border-style:none;
    }

    tr.pie td.cifra
    {
        color:#C01B3F;
    }
    .alinearconetiqueta
    {
        margin-left:148px;
    }
    .formcorto .etiqueta
    {
        width:80px;
    }
    .formcorto .alinearconetiqueta
    {
        margin-left:80px;
    }
    .corto
    {
        width:155px;
    }
    td.icono
    {
        width:20px;
    }
    img.icono
    {
        width:16px;
        height:16px;
    }
    .cifra
    {
        text-align:right;
    }
    .error
    {
        color:Red;
    }
    div.AspNet-TreeView ul
    {
	    margin:0 0 0 4px;
	    padding:0;
	    border:0;
    }
    div.AspNet-TreeView ul li ul
    {
        margin:0 0 0 10px;
    }
    div.AspNet-TreeView li.AspNet-TreeView-Leaf
    {
        margin-left: 14px;
    }

    div.AspNet-TreeView .AspNet-TreeView-Collapse,
    div.AspNet-TreeView .AspNet-TreeView-Expand
    {
        width:10px;
        cursor:pointer;
        margin-right: 2px;
        font-family: Courier; /* Por el espaciado fijo */
        font-size: large;
    }
    div.AspNet-TreeView .AspNet-TreeView-Collapse
    {
        background:url('../../i/sistema/flechaexpandido.gif') no-repeat 0 3px;
    }
    div.AspNet-TreeView .AspNet-TreeView-Expand
    {
        background:url('../../i/sistema/flechacontraido.gif') no-repeat 0 3px;
    }
    div.AspNet-TreeView li ul
    {
        margin-left:20px;
    }
    .AspNet-TreeView-Selected,
    .AspNet-TreeView-Selected a,
    .menu div.AspNet-TreeView ul li.AspNet-TreeView-Selected,
    .menu div.AspNet-TreeView ul li.AspNet-TreeView-Selected a,
    .menu div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected,
    .menu div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected a,
    .menu div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected li.AspNet-TreeView-Selected a
    {
	    color:#c01b3f;
    }
    .triplecol .colizq .menu div.AspNet-TreeView .AspNet-TreeView-Collapse
    {
        background:url('../../i/flechaexpandido.gif') no-repeat 0 3px;
    }
    .triplecol .colizq .menu div.AspNet-TreeView .AspNet-TreeView-Expand
    {
        background:url('../../i/flechacontraido.gif') no-repeat 0 3px;
    }

    div.AspNet-RadioButtonList
    {
        margin:0;
    }
    div.AspNet-RadioButtonList ul
    {
        margin:0;
        padding:0;
    }
    li.AspNet-RadioButtonList-Item
    {
        list-style-type:none;
        margin:0;
        padding:0;
    }
    *.logoxunta
    {
	    width:135px;
	    height:38px;
	    padding:0;
	    margin:0;
	    border:0;
    }
    /*
    de admin (admin.css)
    */
    .iconos img.separada
    {
        width:16px;
        height:16px;
        margin:0 5px 0 0;
        padding:0;
        border:0;
    }
    /*
    Añadidos 28/10/31
    */
    .c2 .resumenactividad
    {
       margin-left:20px;
    }
    .c2 .resumenactividad img
    {
        width:374px;
        height:133px;
    }
    .c2 .resumenactividad p
    {
        margin-right:3px;
    }
    .actividadesportada h2
    {
        text-align:left;
        font-size:11px;
        color:#7E8792;
        text-transform:uppercase;
        background:transparent url(../i/fileteAct.gif) no-repeat right 9px;
    }
    .actividadesportada ul
    {
        list-style-type:none;
        margin:0;
        padding:0;
    }
    .actividadesportada ul li
    {
        list-style-type:none;
        margin:0 0 12px 0;
        padding:0 0 12px 0;
        background:transparent url(../i/fileteAct.gif) no-repeat right bottom;
    }
    .actividadesportada ul li p, .directorioactividades td p
    {
        margin:0;
    }
    .actividadesportada h3,.directorioactividades td h3
    {
        text-transform:none;
        font-size:11px;
        color:#19171A;
        font-weight:bold;
        text-align:left;
        margin:0;
        padding:0;
        background:Transparent;
    }
    .actividadesportada h3 a,.directorioactividades h3 a
    {
        font-weight:normal;
    }
    img.verprograma
    {
        width:280px;
        height:82px;
        border:0;
    }
    table.directorioactividades
    {
        margin-top:30px;
    }
    table.directorioactividades td
    {
        vertical-align:top;
        width:290px;
        padding:12px 0;
        background:url(../i/fileteAct.gif) no-repeat 133px bottom;
    }
    table.directorioactividades td.fechasdisponibles
    {
        padding:4px 10px 4px 20px;
        width:370px; /* 400-padding */
        background-image:none;
    }
    table.directorioactividades tr.par td.fechasdisponibles
    {
        background:#CCCCCC;
    }
    .siluetacidade
    {
        position:absolute;
        top:0;
        left:0;
        margin:0;
        width: 235px; height: 39px;
        padding:0 35px 8px 20px; 
        background: url(../i/fileteAct.gif) no-repeat 133px bottom;
    }
    img.hc1
    {
        width:280px;
        height:133px;
        display:block;
        padding:0;
    }
    h3.vinetafilete,h3.vinetafiletegr
    {
        background:url(../i/rarrBgw.gif) no-repeat left 3px;
        border-bottom:solid 1px #CCCCCC;
        text-transform:none;
        font-size:11px;
        color:#19171A;
        font-weight:bold;
        text-align:left;
        padding:0 0 2px 12px;
    }
    h3.vinetafiletegr
    {
        background:url(../i/rarrBgr.gif) no-repeat left 3px;
    }
    .alinearavineta
    {
        padding-left:12px;
    }
    p.notapie
    {
        margin-top:48px;
        padding-top:2px;
        border-top:solid 1px #CCCCCC;
    }
    .clearfix:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .conpieprograma
    {
        padding-bottom:80px;
    }
    .c2 p.fechasdisponibles
    {
        padding:12px 4px 12px 20px;
        background:#CCCCCC;   
    }
    /* Cómo llegar */
    .botoneramapa
    {
        position: absolute; right: 0; top: 0; 
        width: 418px; height: 67px; 
        text-align: center;
       background: url(/i/sp/mapa.gif) repeat-x left 23px; 
       padding-top: 3px;
    }
    .botoneramapa a
    {
        position: absolute; top: 3px; width: 137px; 
        padding-bottom: 60px;
        text-align: center; 
        background-image: url(/i/sp/mapa.gif);
        background-repeat: no-repeat;
    }
    .botoneramapa a.bt1
    {
        left: 5px; 
        background-position: center -114px;
    }
    .botoneramapa a.bt2
    {
        left: 142px; 
        background-position: center -279px;
    }
    .botoneramapa a.bt3
    {
        left: 279px; 
        background-position: center -445px;
    }
    img.comollegar
    {
        width: 690px; height: 495px; margin: 0 0 47px 0;
        padding: 0; display: block; 
        position: relative; z-index: 2;
    }
    div.coordsgps
    {
        position: absolute; top: 24px; right: 420px; 
        text-align: right; font-size: 10px; line-height: 11px;
    }
}
@media print
{
     .noprint,.topica, .infosesion, .cal
     {
         display:none;
     }   
     .descargo
     {
         width:670px!important;
     }
     .c2x5 .c1
     {
         display:none;
     }
     .c2x5 .c2
     {
         margin-left:0;
         width:90%;
     }
     .c2x5 .c2 td.anchomedio, .c2x5 .c2 th.anchomedio
     {
         width:225px;
     }
     td a
     {
         color:#000000;
     }
     td.activo
     {
         border:solid 1px #CCCCCC;
     }
      td.activo a,td.activo
    {
        color:#00599B;
        font-weight:bold;
    }
    .c2x5 .c2 td.tituloactividad, .c2x5 .c2 th.tituloactividad
    {
        width:280px;
    }
}