﻿        @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

        fieldset, label {
            margin: 0;
            padding: 0;
        }

        body {
           /*margin: 20px;*/
        }

        h1 {
            font-size: 1.5em;
            margin: 10px;
        }

        /****** Style Star Rating Widget *****/

        .rating {
            border: none;
            float: left;
          
        }

            .rating > input {
                display:none;
            }

            .rating > label:before {
                margin: 5px;
                font-size: 1.25em;
                font-family: FontAwesome;
                display: inline-block;
                content: "\f005";
                cursor:pointer;
            }

            .rating > .half:before {
                content: "\f089";
                position: absolute;
            }

            .rating > label {
                color: #FDF9D1;
                float: right;
            }

         

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { /* hover previous stars in list */
    color: #FFD700;
} 

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #b6ff00;
} 

.rating.active > input:checked ~ label { 
    color: #FFD700;  
}
.rating.active:hover > input:checked ~ label {
    color: #FDF9D1;
}

.rating.active > input:checked + label:hover, /* hover current star when changing rating */
.rating.active > input:checked ~ label:hover,
.rating.active > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.active > input:checked ~ label:hover ~ label {
    color: #FFD700;
} 
 .mapa 
{
    float:left;
    margin-top:10px;
    width:100%;
    height:400px;
}