/* Header de la ficha (titulo, población, provincia, cordenadas y rating  */



#header_zona



    {



    width:         100%;



    margin-bottom: 1.5em;



    border-bottom: 10px solid #E0EDFF;



    



    }







#header_zona p.ubicacion



    {



    padding-left: 30px;



    background: #fff url(../images/mark.gif) 0em 0em no-repeat;



    float:      left;



    width:      50%;



    /*border: 1px dashed #f00;*/







    }







#header_zona#testRater



    {



    float: right;



    margin-left:1em;



    width: 35%;



    border: 1px solid #000;   



   }







/* Mapa con panoramio y expandir */



#map_container



    {



    width: 45%;



    float: left;



    margin-bottom: 0em;



    }







#map



    {



    width:  100%;



    height: 22em;



    }







#expandmap



    {



    width:      100%;



    text-align: left;



    margin-bottom: 0.5em;



    }







#expandmap a



    {



    font-family: Helveica, Arial;



    }







#panoramio



    {



    padding: 0.5em 0;



    }







#panoramio a



    {



    padding:    0em 0em 0.4em 24px;



    background: #fff url(../images/panoramio.png) 0em 0em no-repeat;



    }











/* columna contenido */



#contenido_ficha



    {



    width: 52%;



    float: right;



    }







h1



    {



    margin-top:    1em;



    margin-bottom: 0.3em;



    font-size:     1.8em;



    }







h2



    {



    font-size:      1.1em;



    padding-bottom: 0.3em;



    border-bottom:  1px solid #29498C;



    width:          100%;



    margin:         3em 0em 1em 0em;



    }







h2 span



    {



    font-weight: normal;



    }







#contenido_ficha p { }







#contenido_ficha ul



    {



    margin-left: 1.5em;



    }







#contenido_ficha li



    {



    padding: 0.2em 0;



    }







#contenido_ficha p.autor_zona



    {



    margin-top: 1.5em;



    }







#contenido_ficha p.autor, #contenido_ficha p.autor2



    {



    color: #29498C;



    font-size: 0.9em;



    font-family: Helvetica, Tahoma, Arial, sans-serif;



    padding: 0.4em 0em 0em 0.65em;



    }







#contenido_ficha p.autor2



    {



    background-color: #EFEBEF;



    padding-top: 0.5em;



    margin-bottom: 0em;



    }



    

#contenido_ficha #notasimportantes{

    background-color: #fff;

    border: 1px solid #FF8400;

    padding: 1.3em 0.5em 0.5em 0.8em;

    font-size: 0.9em;   

    background: #fff url(../images/aviso.gif) 0.7em 0.9em no-repeat;     

    margin: 2em 0;

}

#contenido_ficha #notasimportantes p.titulonotas{

    padding-left: 2.2em;

    margin-bottom: 1em;

}

p.responsabilidad  {

    margin-top: 3em;

    font-style: italic;

    color: #777;

    font-size: 0.7em;

    padding: 0 1em;

}















#contenido_ficha p.comentario, #contenido_ficha p.comentario2



    {



    border-bottom: 1px solid #dedede;



    color: #333;



    padding: 0em 0em 1em 0.5em;



    font-family: Helvetica, Tahoma, Arial, sans-serif;



    }







#contenido_ficha p.comentario2



    {



    background-color: #EFEBEF;



    padding-top: 0.5em;



    margin-bottom: 1em;



    }







#contenido_ficha p.comentario span strong {



/*font-weight: bold;*/



}







#contenido_ficha p.comentar



    {



    color:     #ff8000;



    font-size: 1em;



    font-weight: bold;



    margin-top: 2em;



    padding-left: 0.7em;



    }







a.addcomment



    {



    padding: 0.4em 25px;



    border: 1px solid #ccc;



    background: #FFFBDE url(../images/comment.gif) 0.3em 0.3em no-repeat;



    font-size: 0.9em;



    text-decoration: none;



    }







a.addcomment:hover



    {



    /*    background-color: #FFDB00;*/



    text-decoration: underline;



    }











/* ====== FORMULARIO fotos ========================================== */







form.ficha_form



    {



    padding: 0.5em 0em 1em 0.7em;



    margin: 1em 0em 4em 0em;



    /*border: 1px solid #f00;*/



    height: auto;



    }







form.ficha_form p



    {



    margin-bottom: 2em;



    font-size: 0.8em;



    font-family: Helvetica, Tahoma, Arial, sans-serif;



    color: #333;



    }







form.ficha_form label



    {



    display: block;



    float: left;



    font-size: 1em;



    font-weight: bold;



    text-align: left;



    color: #000;



    margin-top: 0.8em;



    }







form.ficha_form label input



    {



    display: block;



    height: 1em;



    margin: 0;



    padding: 0.1em;



    font-size: 1.2em;



    width:  21em;



    font-weight: normal;



    }







form.ficha_form label textarea



    {



    display: block;



    margin: 0;



    padding: 0.1em;



    font-size: 1.2em;



    width:  19.5em;



    font-weight: normal;



    }







form.ficha_form input.submit



    {



    clear:   both;



    display: block;



    margin-left: 7em;



    padding: 0.1em;



    font-size: 1em;



    }







form.ficha_form a



    {



    font-weight: normal;



    font-size: 0.9em;



    }







#tooltip.que_es



    {



    width:      250px;



    text-align: left;



    }







p.error_code



    {



    width:  89%;



    border: 1px solid #f00;



    background-color: #FFFBDE;



    padding: 1em;



    color:  #f00;



    text-align: center;



    }







.input_noticia{



    width: 23em;



}    



    



    



/* =================================================== */











/* columna mapa y fotos */



#mapa_fotos



    {



    width: 45%;



    float: left;



    /*border: 1px dashed #f0f;    */



    }







#caja_fotos



    {



    border: 1px solid #C9DAF0;



    margin-top: 1em;



    padding: 1em;



    font-family: Helvetica, Tahoma, Arial;



    }







#caja_fotos form



    {



    padding: 0em;



    }







#caja_fotos h2



    {



    margin: 0;



    border: none;



    color:  #333;



    margin-bottom: 0.3em;



    }







#fotos a



    {



    display: block;



    float: left;



    border: 1px solid #CCC;



    padding: 1px;



    margin: 0em 0.6em 0.6em 0em;



    }







#fotos p.bypanoramio



    {



    width:     91%;



    font-size: 0.8em;



    color:     #666;



    }







#zonas_cercanas



    {



    margin-left:  0;



    padding-left: 0;



    list-style:   none;



    font-size:    1.1em;



    }







#zonas_cercanas li



    {



    padding:          0.5em 0 1em 20px;



    background-image: url(../images/mark_peque.gif);



    background-repeat: no-repeat;



    background-position: 0 .5em;



    }







#zonas_cercanas li span



    {



    font-size: 0.9em;



    }











/* ======== RATER PLUGIN =============================== */







.stat



    {



    margin: 0em;



    



    }







.stat label



    {



    font-weight: bold; 



    }







    



.ui-rater > span



    {



    vertical-align: top; 



    }



 



.ui-rater-rating



    {



    margin-left: 0em;



    font-family: Verdana;



    font-size:   0.9em;



    }







.ui-rater-rateCount



    {



    font-family: Verdana;



    font-size: 0.9em;



    }



 



.ui-rater-rateCount em



    {



    font-size: 0.8em;



    }







.ui-rater-starsOff, .ui-rater-starsOn



    {



    display: block;



    height: 18px;



    background: url(../images/stars.gif) repeat-x 0 0px;



    }



  



.ui-rater-starsOn



    {



    display:   block;



    max-width: 90px;



    top:       0;



    background-position: 0-36px;



    }







.ui-rater-starsHover



    {



    background-position: 0-18px !important;



    }



   /*  



                                 */



    



    



/* ******** CSS FICHA ESCUELAS ********** */    

/* ************************************** */





.dato{



    width: 100%;



    margin: 1em 0;



    font-size: 1em;   



}







.dato .titulo{



    float: left;



    width: 30%;



    /*border: 1px dashed #00f;*/



    color: #295294;



    background-color: #E0EDFF;



    padding: 0.2em 0 0.2em 0.5em;



}







.dato .valor{



    float: right;



    width: 65%;



    /*border: 1px dashed #00f;*/



}