/* 
Author: Iridia Estudio
Author URI: http://www.iridiaestudio.com/
*/
/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent}
body{line-height: 1}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after, 
q:before, q:after{
	content: '';
	content: none}
:focus{outline: 0}
ins{text-decoration: none}
del{text-decoration: line-through}
table{
	border-collapse: collapse;
	border-spacing: 0}
html { 
    min-height: 100% !important; 
    margin-bottom: 1px;
    overflow-y: scroll}
/* end css reset */
ul.lineal li{display: inline}
.clear {clear: both}
p.derecha {text-align: right}
p.centrado{text-align: center}
body {
	font-size: 11px;
	font-style: normal;
	font-family: Verdana, Helvetica, sans-serif;
	color: #5f5f5f;
	}
a{
    outline: 0 !important;
    color: #49608d}
    a:hover{
        color: #8998b5;}
    a.negro{
        color: #4b4b4b}
        a.negro:hover{color: #868686}
    a.a-texto{
        color: #5f5f5f}
        a.a-texto:hover{color: #999}
    a.ampliar{
        float: left;
        color: #d14976;
        background: url('../img/mas.png') no-repeat 0 1px;
        padding: 0 0 1px 15px}
        a.ampliar:hover{
            background: url('../img/mas2.png') no-repeat 0 1px;
            color: #d187a1}
#contenedor{
	width: 954px;
	background: #fff;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	margin-top: 13px;
	position: relative}
/* CABECERA */
#cabecera{}
    h1{
        margin-top: 40px}
    ul#menu{
         background: url(../img/punto-gris.png) repeat-x bottom left;
         height: 25px;
         float: left;
         width: 950px;
         margin: 30px 0 45px 0}
         ul#menu li{
             float: left;
             margin-right: 2px}
             ul#menu li a{
                 float: left;
                 display: block;
                 height:0 !important;
                 padding: 25px 0 0 0;
                 text-indent: -10000px;
                 overflow: hidden;
                 height /**/: 25px}
             /* RENUEVA */
             a.m-renueva{
                 background: transparent url(../img/m-renueva.png) no-repeat scroll 0px 0px;
                 width:170px}
                 a.m-renueva:hover,
                 li.seleccionado a.m-renueva{
                     background: transparent url(../img/m-renueva.png) no-repeat scroll 0px -25px}
             /* OTROS SERVICIOS */
             a.m-servicios{
                 background: transparent url(../img/m-servicios.png) no-repeat scroll 0px 0px;
                 width:124px}
                 a.m-servicios:hover,
                 li.seleccionado a.m-servicios{
                     background: transparent url(../img/m-servicios.png) no-repeat scroll 0px -25px}
             /* PREGUNTAS FRECUENTES */
             a.m-faqs{
                 background: transparent url(../img/m-faqs.png) no-repeat scroll 0px 0px;
                 width:165px}
                 a.m-faqs:hover,
                 li.seleccionado a.m-faqs{
                     background: transparent url(../img/m-faqs.png) no-repeat scroll 0px -25px}
             /* NOTICIAS */
             a.m-news{
                 background: transparent url(../img/m-news.png) no-repeat scroll 0px 0px;
                 width:77px}
                 a.m-news:hover,
                 li.seleccionado a.m-news{
                     background: transparent url(../img/m-news.png) no-repeat scroll 0px -25px}
             /* CENTROS */
             a.m-centros{
                 background: transparent url(../img/m-centros.png) no-repeat scroll 0px 0px;
                 width:75px}
                 a.m-centros:hover,
                 li.seleccionado a.m-centros{
                     background: transparent url(../img/m-centros.png) no-repeat scroll 0px -25px}
             /* CONTACTO */
             a.m-contacto{
                 background: transparent url(../img/m-contacto.png) no-repeat scroll 0px 0px;
                 width:82px}
                 a.m-contacto:hover,
                 li.seleccionado a.m-contacto{
                     background: transparent url(../img/m-contacto.png) no-repeat scroll 0px -25px}
    p#renueva-carnet{
        color: #999;
        position: absolute;
        top: 0px;
        left: 2px}
    #caja-contacto{
        position: absolute;
        top: 2px;
        right: 8px}
        #caja-contacto span.madrid{
            color: #333;}
        #caja-contacto p{
            margin-bottom: 12px;
            text-align: right}
            p.ph-contacto{
                margin-bottom: 10px !important}
            p.ph-madrid{
                margin-bottom: 9px !important}
/* CONTENIDO */
#contenido{}
    #contenido strong{
    	    color: #777}
    #columna1,
    #columna2,
    #columna3,
    #columna-grande{
        float: left}
    #columna1,
    #columna2{
        width: 301px;
        margin-right: 37px}
    #columna3{
        width: 271px}
        .sin-titulo{
            margin-top: 25px}
    #columna-grande{
        width: 640px;
        margin-right: 30px;
    }
    div.caja{
        background: url(../img/caja-top.png) no-repeat top left;
        padding: 5px 0 0 0}
        div.caja-contenido{
            background: url(../img/caja-middle.png) repeat-y top left;
            height: 1%}
            div.caja-contenido-inner{
                padding: 0 5px}
                div.interior-columna{
                    padding: 18px 20px 20px 14px}
                    .noticias div.interior-columna,
                    .faqs div.interior-columna{
                        padding-top: 5px}
                div.caja-noticias div.interior-columna{
                    padding-top: 12px !important}
        div.caja-pie{
            background: url(../img/caja-bottom.png) no-repeat top left;
            padding: 8px 0 0 0;
            margin-bottom: 8px}
/*        centros*/
    div.caja-grande{
        background: url(../img/top-caja-grande.png) no-repeat top left;
        padding: 5px 0 0 0}
        div.caja-grande-contenido{
            background: url(../img/bg-caja-grande.png) repeat-y top left;
            height: 1%}
            div.caja-grande-contenido-inner{
                padding: 0 5px;
                }
                div.interior-columna-grande{
                    overflow: hidden;
                    _display: inline-block;
                    padding: 22px 20px 20px 14px;
                    }
                div.interior-centro{
                    padding-bottom: 27px
                    }
        div.caja-grande-pie{
            background: url(../img/bottom-caja-grande.png) no-repeat top left;
            padding: 8px 0 0 0;
            margin-bottom: 8px}
        ul#lista-centros{
        }
            ul#lista-centros li{
                margin: 0 0 15px 0;
            }
            ul#lista-centros li a{
                padding: 0 0 0 20px;
                background: url(../img/bg-li-centro.png) no-repeat left center;
                color: #666;
            }
                ul#lista-centros li a:hover{
                    background: url(../img/bg-li-centro-on.png) no-repeat left center;
                    text-decoration: none;
                    color: #49608d;
                }
                ul#lista-centros li.seleccionada a{
                    background: url(../img/bg-li-centro-on.png) no-repeat left center;
                    text-decoration: none;
                    color: #49608d;
                }
                ul#lista-centros li.ultima{
                    margin-bottom: 8px;
                }
        h3.h3-columna-grande{
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-weight: normal;
            margin: 0 0 20px 0;
            font-size: 15px;
            color: #647494;
            border-bottom: 1px solid #d0d0e1;
            padding-bottom: 3px;
        }
        #imgs-centros{
            float: left;
            width: 255px;
        }
            img.mapa{
                margin: 0 0 18px 0;
            }
        #info-centros{
            float: left;
            margin: 0 0 0 16px;
            width: 323px;
        }
            img.logo-metro{
                display: inline-block;
                border-top: 5px solid red;
            }
            span.texto-metro{
                padding: 0 0 0 25px;
                margin: 0 0 0 10px;
                display: inline-block;
                background: url(../img/logo-metro.png) no-repeat left center;
            }
/*        centros*/
    div.caja-destacada{
        border: 5px solid #b6bfd1;
        width: 288px;
        margin-bottom: 23px}
        div.caja-destacada-inner{
            padding: 18px 18px 20px 18px}
        div.caja-destacada-inner strong{
                color: #5f5f5f !important}
        div.caja-destacada-inner p{
            margin: 0 !important}
            div.caja-destacada-inner p.tel{
                margin-top: 8px !important}
                div.caja-destacada-inner p.tel strong{
                    color: #515151;}
            div.caja-destacada-inner p.mail{
                margin-top: 4px !important;
                margin-bottom: 11px !important}
    div.caja-simple{
        margin-top: 20px;
        border: 1px solid #d0d0e1}
        div.caja-simple-inner{
            padding: 24px 15px 20px 15px}
    #contenido p{
        margin-bottom: 12px;
        overflow: hidden;
        line-height: 17px}
        #contenido p.p-ampliar{
            line-height: 11px}
        p.ultimo{
            margin-bottom: 0 !important}
    h2,
    h3{
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight: normal}
        h2{
            margin: 0 0 7px 0;
            font-size: 17.5px;
            color: #647494;
            }
            h2.descuento{
                border-bottom: 4px solid #ccd3df;
                padding-bottom: 8px;
                margin-bottom: 16px !important}
        h3{
/*            font-size: 15px;*/
            font-size: 13px;
            font-weight: bold;
            line-height: 18px;
            margin-bottom: 8px;
            color: #3c506f;
            }
            h3.interna{
                margin-top: 21px !important
                }
            div.caja-noticias div.interior-columna h3{
                margin-bottom: 9px !important}
            h3.h3-contacto{
                margin-bottom: 14px !important;
            }
        h4{
            font-size: 11px;
            margin: 17px 0 6px 0}
    img.foto-carnet{
        margin: 9px 0 16px 0}
    ul.flechas{
        margin-top: 10px}
        div.caja-noticias div.interior-columna ul.flechas{
            margin-top: 0px !important}
        ul.nuestros-centros{
            margin-bottom: 10px !important}
    ul.flechas li{
        background: url(../img/flecha.png) no-repeat 0 5px;
        padding-bottom: 3px;
        padding-left: 14px;
        height: 1%;
        margin: 4px 0 0 0;
        line-height: 16px}
    p.p-descuento{
        line-height: 18px !important}
    label{
        margin-bottom: 5px;
        display: block;
        color: #5f5f5f}
        .contacto label{
            font-size: 10px;
            margin-bottom: 7px}
    input.texto,
    input#datepicker{
        border: 1px solid #d6d6e4;
        padding: 2px 5px;
        color: #616161;
        margin-bottom: 17px;
        font-size: 11px;
        background: url(../img/bg-input.png) repeat-x}
        input.texto{
            width: 225px}
            .contacto input.texto,
            textarea{
                background: none;
                width: 247px;}
            textarea{
                border: 1px solid #d6d6e4;
                padding: 2px 5px;
                color: #616161;
                font-family: arial, sans-serif;
                font-size: 12px}
        input#datepicker{
            width: 72px}
    div#opcionesCentros{
        overflow: hidden;
        margin: 0px 0 10px 0}
        div#opcionesCentros label{
            padding: 1px 0 0 19px;
            margin: 0 0 10px 0 !important}
        div#opcionesCentros input{
            float: left;
            clear: left;
            padding: 0 !important;
            margin: 0 !important}
    select#FormCentros{
        width: 200px;
        margin: 0 0 15px 0;
    }
    div.errorCentro{
        background: url(../img/alert-form.png) no-repeat right center;
        margin-right: 2px;
    }
    select#FormHora,
    select#FormMinutos{
        width: 55px}
    select#FormHora{
        margin-right: 10px}
    div.submit{
        margin-top: 19px}
    div.error,
    div.enviado{
        padding: 8px 10px;
        line-height: 15px;
/*        font-weight: bold;*/
        margin-bottom: 15px}
        div.error{
            color: #cc0000;
            background: #fae8e8}
        div.enviado{
            color: #2f5e00;
            background: #eaefe5}
    div.contenedor-paginacion{
        margin: 18px 0 10px 0;
        background: url(../img/linea-paginacion.png) no-repeat top left;
        width: 100%;
        padding: 13px 0 0 0}
        div.contenedor-paginacion-inner{
            background: url(../img/linea-paginacion.png) no-repeat bottom left;
            padding: 0 2px 13px 0}
    div.paging{
        text-align: right}
        div.paging a,
        a.volver{
            background: #dcdce9;
            border-top: none;
            border-right: 1px solid #a4a4c6;
            border-bottom: 1px solid #a4a4c6;
            border-left: none;
            text-decoration: none;
            padding: 0 8px}
            div.paging a:hover,
            a.volver:hover{
                color: #333}
        div.disabled{display: none}
        span.i a{}
        span.d{
            margin-left: 10px}
            span.unica-d{
                background: none !important}
            span.d-no-visible{
                display: none}
            span.d a,
            span.unica-d a{}
    ul.actualidad{
        margin-top: 18px;
    }
        .faqs ul.actualidad{
            margin-top: 16px;
        }
        ul.actualidad li{
            line-height: 16px;
            height: 1%;
            margin-top: 15px
            }
            .faqs ul.actualidad li{
                margin-top: 7px}
            ul.actualidad li span{
                padding: 0 5px}
            ul.actualidad li a{
                margin-top: 1px;
                padding: 3px 5px 5px 5px;
                display: block}
                ul.actualidad li a:hover{
                    color: #49608d;
                    background: #efeff5}
    p.fecha{
        margin-top: 17px;
        margin-left: 10px}
    h3.titulo-new{
/*        margin: 11px 0 9px 0;*/
        margin: 16px 0 9px 0;
        background: #efeff5;
        padding: 10px 10px}
    div.contenido-new{
        padding: 0 10px 0 10px}
        div.contenido-new p{
            margin-bottom: 7px !important}
    ul.lista-simple{}
        ul.lista-simple li{
            background: url(../img/guion-gris.png) no-repeat 0 8px;
            line-height: 16px;
            margin-bottom: 4px;
            padding: 0 0 0 10px}
        span.horas{
            margin-left: 98px}
    img.foto-centro{
        margin: 11px 0 7px 0}
    img.pie-renueva{
        margin: 11px 1px 0 0}
/* PIE */
#pie{
    width: 954px;
    margin: 35px 0 60px 0;
    color: #333;
    float: left;
    clear: left}
    #pie a.ampliar{
        float: right !important;}
    div.caja-larga{
        background: url(../img/caja-larga-top.png) no-repeat top left;
        padding: 6px 0 0 0}
        div.caja-larga-contenido{
            background: url(../img/caja-larga-middle.png) repeat-y top left;
            height: 1%}
            div.caja-larga-contenido-inner{
                padding: 5px 15px 7px 13px}
        div.caja-larga-pie{
            background: url(../img/caja-larga-bottom.png) no-repeat top left;
            padding: 8px 0 0 0}
    span.item-azul{
        background: url(../img/punto-azul.png) no-repeat 0 2px;
        color: #49608d;
        padding-left: 15px}
    span.separador-footer{
        background: url(../img/separador.png) no-repeat 0 2px;
        padding-left: 14px;
        margin-left: 13px}
    span.legal{}
        span.legal a{
            color: #999 !important}
    p.firma{
        text-align: right;
        margin: 3px 15px 0 0}