@charset "utf-8";img, object, embed, video{max-width:100%;}
.ie6 img{width:100%;}
body{background-color:#0C0;text-align:center;margin:0 0;padding:0;}
i{font-weight:300;color:#000;background-color:#FFF;padding:0px;margin:5px;line-height:150%;}

a p{text-align:center;font-size:16px;font-family:tahoma;padding:0%;margin: 0 0 4% 0;}

a{text-decoration:none;color:black;background-color:transparent;padding-bottom:0%;padding-top:0%;margin-top:0%;margin-bottom:0%;}


#LayoutDiv2 p:hover{top: 1px;
left: 1px;
-moz-box-shadow: 3px 3px 2px hsla(0,0%,0%,.3);
-webkit-box-shadow: 3px 3px 2px hsla(0,0%,0%,.3);
box-shadow: 3px 3px 2px hsla(0,0%,0%,.3);
background-color: hsla(99, 90%, 50%, .3);
font-size:16px;
}

p{font-weight:bold;padding-left:4%;padding-right:0%;margin:1% 0px 6% 0px;text-align:left;color:black;}

#LayoutDiv2 p{font-weight:bold;}
#LayoutDiv2 p{ position: relative;
   min-height: 16px;
   width:100%;
   max-height: 29px;
   margin: 1px 0px 1px 0px;
   padding: 5px 0px 5px 0px;
   -moz-border-radius: 90px;
   -webkit-border-radius: 90px;
   border-radius: 90px;
   border-top: 1px solid #fff;
   background-color: hsla(39, 90%, 50%, .7);
   background-image: -moz-linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 30px );
   background-image: linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 30px );
   -moz-box-shadow: 10px 10px 8px hsla(0,0%,0%,.3);
   -webkit-box-shadow: 10px 10px 8px hsla(0,0%,0%,.3);
   box-shadow: 10px 10px 8px hsla(0,0%,0%,.3);
   //text-shadow: 2px 1px 1px hsla(0,0%,100%,.8);
   word-wrap:break-word;}

mark{font-weight:bold;color:#06F;background-color:#FFC;padding:2px;line-height:160%;}
h1{font-family:Tahoma, Geneva, sans-serif;color:#06F;line-height:100%;background-color:#FFC;border-radius:25%;behavior:url(PIE.htc);}
h2{font-family:Tahoma, Geneva, sans-serif;font-size:16px;padding:5px;margin 0 auto;text-align:left;color:#06F;line-height:100%;background-color:yellow;}
h3{font-family:Tahoma, Geneva, sans-serif;color:#fff;background-color:#000;font-size:16px;line-height:20px;border-radius:15px;padding:10px;margin-bottom:2%;text-align:left;-moz-box-shadow:0px 0px 1px 3px #cfc;-webkit-box-shadow:0px 0px 1px 3px #cfc;box-shadow:0px 0px 1px 3px #cfc;behavior:url(PIE.htc);line-height:140%;}
img{margin-bottom:0%;margin-top:0%;}
blockquote{font-family:"Segoe UI", Segoe, Calibri, Arial, sans-serif;font-size:16px;font-color:#000;position:relative;min-height:42px;max-width:850px;margin:0 10px 0 10px;margin:0 auto;padding:10px 10px 25px 10px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;border-top:1px solid #fff;background-color:#ffffcc;word-wrap:break-word;behavior:url(PIE.htc);}
a.ubicacion{color:#0000D9;background:#ffcc99;width:100%;height:100%;text-decoration:none;font-weight:bold;display:block;text-align:center;}
a.ubicacion:hover{text-decoration:none;font-weight:bold;color:#ffff00;background:#000000;display:block;}
#pa{overflow-x:scroll;overflow-y:hidden;margin:auto;max-width:640px;}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

#pa::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #797979;
    border-radius: 20px;
}

#pa::-webkit-scrollbar:vertical {
    width:10px;
}

#pa::-webkit-scrollbar-button:increment,#pa::-webkit-scrollbar-button {
    display: none;
} 

#pa::-webkit-scrollbar:horizontal {
    height: 10px;
}

#pa::-webkit-scrollbar-thumb {
    background-color: #FF0000;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

#pa::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.publicidad{clear:both;margin:0 auto;max-width:1199px;width:100%;display:block;background:transparent;}
.google-maps{position:relative;padding-bottom:75%;//This is the aspect ratio
height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:0%;left:0%;width:100% !important;height:100% !important;}
.compartir{margin:0 auto;width:100%;display:block;}
#greenspaces{line-height:100%;text-align:left;background-color:#FFF;height:250px;overflow-y:scroll;overflow-x:hidden;border:3px solid #ffaa00;}
.espacios{line-height:100%;text-align:center;background-color:#FFF;height:100%;overflow:auto;border:3px solid #ffaa00;}
.gridContainer{margin-left:auto;margin-right:auto;width:95.36%;line-height:100%;padding-left:.5%;padding-right:.5%;background-color:#0C0;padding-bottom:0%;padding-top:0%;margin-top:0%;margin-bottom:0%;}

.fixed{position:fixed; bottom:0%;}


#LayoutDiv2{background-color:#CCC;background-image:url(fondo7.jpg);background-repeat: repeat;clear:both;float:left;margin-left:0%;margin-right:0%;width:16%;display:block;border:3px solid #ffaa00;clear:both;float:left;margin:0 auto;max-width:190px;
}

#LayoutDiv3{background-color:transparent;float:right;margin-left:0%;margin-right:0%;width:81%;max-width:2231px;display:block;font-size:1.3em;



}

#tooltip{text-align:center;font-size:20px;color:#00f;background:#ff0;position:absolute;z-index:100;padding:15px;border-radius:5px;}
#tooltip:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ff0;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px;}
#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #111;top:-20px;bottom:auto;}
#tooltip.left:after{left:10px;margin:0;}
#tooltip.right:after{right:10px;left:auto;margin:0;}
abbr{background-color:green;border-radius:5px;padding:0px;}
.ancla{float:none;text-decoration:none;color:#fff;text-align:center;background:orange;border:1px solid #111;padding:1px;margin:1px;position:absolute;line-height:230%;}
.divs{width:700px;height:80px;margin:1px;color:#fff;background:#111;border:1px solid orange;line-height:130%;}
#arriba, #abajo{width:200px;padding:1px;margin:0px;color:#fff;text-align:center;background:orange;border:1px solid #111;text-decoration:none;border-radius:5px;line-height:130%;}
.prueba{width:160px;padding:1px;margin:1px;color:#fff;text-align:center;background:orange;border:1px solid #111;text-decoration:none;line-height:130%;}

@media only screen and (max-width:399px){.gridContainer{margin-left:auto;margin-right:auto;width:95.36%;line-height:100%;padding-left:.5%;padding-right:.5%;background-color:#0C0;padding-bottom:0%;padding-top:0%;margin-top:0%;margin-bottom:0%;}
#LayoutDiv1{clear:both;float:left;margin-left:0;width:100%;display:block;}
#LayoutDiv2{position:fixed;bottom:0%;z-index:100;background-color:#CCC;background-image:url(fondo7.jpg);clear:both;float:left;margin-left:0%;margin-right:0%;margin:0 auto;text-align:center;width:100.0%;max-height:300px;display:none;font-size:92%;padding-left:0%;padding-bottom:0%;padding-top:0%;overflow:auto !important;border:3px solid #ffaa00;max-width:200px;
overflow-y:scroll;overflow-x:hidden;}


#LayoutDiv2::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #797979;
    border-radius: 20px;
}

#LayoutDiv2::-webkit-scrollbar:vertical {
    width:10px;
}

#LayoutDiv2::-webkit-scrollbar-button:increment,::-webkit-scrollbar-button {
    display: none;
} 

#LayoutDiv2::-webkit-scrollbar:horizontal {
    height: 0px;
}

#LayoutDiv2::-webkit-scrollbar-thumb {
    background-color: #FF0000;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

#LayoutDiv2::-webkit-scrollbar-track {
    border-radius: 10px;  
}




#LayoutDiv3{background-color:transparent;clear:both;float:left;margin-left:0%;margin-right:0%;width:100%;display:block;font-size:1.1em;}


}

@media only screen and (min-width:400px) and (max-width:480px){.gridContainer{margin-left:auto;margin-right:auto;width:95.36%;line-height:100%;padding-left:.5%;padding-right:.5%;background-color:#0C0;padding-bottom:0%;padding-top:0%;margin-top:0%;margin-bottom:0%;}
#LayoutDiv1{clear:both;float:left;margin-left:0;width:100%;display:block;}
#LayoutDiv2{position:fixed;bottom:0%;z-index:100;background-color:#CCC;background-image:url(fondo7.jpg);clear:both;float:left;margin-left:0%;margin-right:0%;margin:0 auto;text-align:center;width:100.0%;max-height:180px;display:none;font-size:90%;padding-left:0%;padding-bottom:0%;padding-top:0%;overflow:auto !important;border:3px solid #ffaa00;max-width:220px;}
#LayoutDiv3{background-color:transparent;clear:both;float:left;margin-left:0%;margin-right:0%;width:100%;display:block;font-size:1.0em;}
}

@media only screen and (min-width:481px) and (max-width:570px){.gridContainer{width:95.675%;padding-left:1.1625%;padding-right:1.1625%;}
#LayoutDiv1{clear:both;float:left;margin-left:0%;width:100%;display:block;}
#LayoutDiv2{background-color:#CCC;background-image:url(fondo7.jpg);clear:both;float:left;margin-left:0%;margin-right:0%;width:40%;display:block;font-size:90%;border:3px solid #ffaa00;margin: 0 auto;max-width:178px;
}
#LayoutDiv3{background-color:transparent;float:right;margin-left:0%;margin-right:0%;width:57%;display:block;font-size:1.0em;}
}
@media only screen and (min-width:571px) and (max-width:768px){.gridContainer{width:95.675%;padding-left:1.1625%;padding-right:1.1625%;}
#LayoutDiv1{clear:both;float:left;margin-left:0%;width:100%;display:block;}
#LayoutDiv2{background-color:#CCC;background-image:url(fondo7.jpg);clear:both;float:left;margin-left:0%;margin-right:0%;width:34%;display:block;font-size:90%;border:3px solid #ffaa00;margin: 0 auto;max-width:178px;}
#LayoutDiv3{background-color:transparent;float:right;margin-left:0%;margin-right:0%;width:65%;display:block;font-size:1.0em;}
}
@media only screen and (min-width:769px) and (max-width:900px){.gridContainer{width:95.675%;padding-left:1.1625%;padding-right:1.1625%;}
#LayoutDiv1{clear:both;float:left;margin-left:0%;width:100%;display:block;}

#LayoutDiv2{background-color:#CCC;background-image:url(fondo7.jpg);clear:both;float:left;margin-left:0%;margin-right:0.0%;width:25%;display:block;font-size:90%;border:3px solid #ffaa00;max-width:180px;
}

#LayoutDiv3{background-color:transparent;float:right;margin-left:0%;margin-right:0%;width:74%;display:block;font-size:1.2em;max-width:730px;margin: 0 auto;}
}
@media only screen and (min-width:901px) and (max-width:3232px){.gridContainer{width:95.2%;max-width:950px;padding-left:0;padding-right:0%;margin:auto;}

#LayoutDiv1{clear:both;width:100%;display:block;max-width:950px;margin: 0 auto;}

#LayoutDiv2{background-color:#CCC;background-image:url(fondo7.jpg);clear:both;float:left;margin-left:0%;margin-right:0.0%;width:25%;display:block;border:3px solid #ffaa00;max-width:185px;
}

#LayoutDiv3{background-color:transparent;float:right;margin-left:0%;padding-left:0%;margin-right:0%;width:77%;max-width:2231px;display:block;font-size:1.3em;max-width:731px;margin: 0 auto;}
}