html{
overflow-y:scroll;
overflow-x:hidden
}

html, body {
margin: 0;
height:100%;
font : 0.9em 'arial';
color:#414142;
background-color:transparent;
overflow:auto;
padding:0;
background-color:#FFFFFF;
text-align: center;
}

section{
margin-bottom:3%
}

a{ 	text-decoration: none;
color:#464645;
outline:none;
font : 1.5em;

}

a:hover{ 
color: red;
text-decoration: none;
background-color:transparent;
outline:none;
}

img{
border:none;
}


#imgfranja{
  clear: both;
 
  width:100%;
  padding:0;
  top:0;
  margin:0;
 position: relative;
 margin-bottom: 2%;
 
   overflow:hidden;
}

#imgfranja img{
 
  width:100%;
  padding:0;
   top:0;
   margin:0;
  max-height:221px;
   position: relative;
   overflow:hidden
}



.bloque{
display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
width:100%;
max-width: 500px;

margin :1%;
vertical-align:top;
text-align: left;

}



 .bloque p{
text-align:left;
width:95%;
margin:0 auto;
padding-top:3%;
padding-bottom:3%;
font: 1.5em 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin:0 auto;
line-height:normal;

 
}

h1 {
color:#334390;
font: 15px/20px 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin:0 auto;

}

h2 {
color:#334390;
font: 13px/18px 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin:0 auto;
}

.logo{
font: 2em 'glacial_indifferenceregular',serif;
margin-top:0px;
margin-bottom:0;
padding:0.5%;
text-align:left;
color:#000000;
margin-left: 10%;
}

.logovive{
 
margin-top:0px;
margin-bottom:0;
margin:2%;

text-align:right;

}

ul li{list-style: none; border-left: 1px solid #ccc; padding-left: 30px; line-height: 30px;}


.verde{color: #6da601}

.verdenoti{color: #6da601; font-size:  1.9em; font-weight: bold;}
.verdenoti:hover{color: red; font-size:  1.9em;}

#pie{
margin:0 auto;
width: 100%;
min-height: 17px;
height:auto;
color:#959494;
text-align:center;
clear:both;
border-top: 1px dotted gray;
padding-top: 10px;

}

#pie a{

color:#ccc;
}

#pie a:hover{

color:#c5def4;
}

#close {
       float:   right;
       padding-right: 30%;
      width:  50px;
    }
    
    .restaurantes ul {
         
        min-height: 100px;
        max-width: 200px;
        border-top:  dotted 1px #5d9a2a;
        border-right:  dotted 1px #5d9a2a;
        border-bottom: dotted 1px #5d9a2a;
        text-align:   left;

 
    }

    .restaurantes ul li{
      border-left: 0;
      list-style: circle; 
      padding: 0;
 
 
    }

@media screen and (max-width: 560px) {
  h1 {
    font: 13px/18px 'glacial_indifferenceregular',serif;
    }
 ¨
.bloque p{
  margin: 5%;
  }
  
}