p {
padding-right: 20px;
padding-left: 10px;
font-size: 15px;
font-family: calibri;
color:#FFFFFF;
text-align: left;
}

ul {
padding-right: 20px;
padding-left: 30px;
font-size: 15px;
font-family: calibri;
color:#EDE9C4;
text-align: left;
}

b {
color: white;
}

a:link {
color: white;
}

a:visited {
color: white;
}

a:hover {
color: white;
}

/*selected link*/
a:active{
color: white;
}


h1 {
font-size:22px;
width: 93%;
margin: 0;
padding: 0;
color:#30888e;
font-family:Bodoni MT;
font-variant:small-caps;
}

h2 {
color:#00d7b5;
font-size:19px;
width: 93%;
margin: 0;
padding:0;
margin-right: 10px;
margin-left: 10px;
border: 0px solid;
border-color:white;
font-family:'arapey';
font-variant:small-caps;
letter-spacing:0.8px;
}

/* color:#30888e;
font-family:Bodoni MT;
font-variant:small-caps; */


@font-face {
    font-family: 'arapey';
    src: url('font/arapey-regular-webfont.woff2') format('woff2'),
         url('font/arapey-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}



h3 {
font-size:18px;
width: 93%;
margin: 0;
padding:0;
margin-right: 10px;
margin-left: 10px;
border: 0px solid;
border-color:white;
font-family:Bodoni MT;
}

h4 {
width: 93%;
margin: 0;
padding:0;
margin-top: -5px;
margin-right: 10px;
margin-left: 10px;
background-color: #000000;
border: 9px solid;
border-color: black;
}

hr{
border:0;
border-top:1px solid white;
}


/* span {
text-decoration:none;
font-size:16px;
color:#FFFFFF;
} */

/* .info { color: green; } */

/* .hint {
text-decoration:none;
font-size:16px;
color:#AAAAAA;
} */

.titulo_eventual{
margin: 0px 0px 0px 20px;
font-size: 22px;
color: #EDE9C4;
font-family: Arial;
}

.piefoto {
position: absolute;
text-align: right;
bottom: 20px;
left: 26px;
font-size:12px;
color: yellow;
background-color: #5e6060;
padding: 1px 3px 1px 3px;
}

.txtpiefoto{
padding: 4px 5% 3px 5%;
font-size:13px;
color:white;
font-style:italic;
text-align: left;
}


i{
font-size:15px;
color:white;
font-style:italic;
}

.txtpiefotoderecha{

text-align: right;
font-size: 14px;
color:#30888e;
font-style: italic;
padding: 5px 50px 0px 0px;
}

.dire{
padding: 3px;
font-size:14px;
font-style:italic;
color: #FFFFD1;
}

.municipios{
padding: 3px;
font-size:16px;
font-style:italic;
color: #FFFFD1;
}

/* este estilo es para poner la fecha de la foto */

.caja{
position: relative;
display: inline-block;
}

.txtvideo{
cursor: pointer;
color: #00FFFF;
}

.comentarios{
padding: 3px;
font-size:14px;
color: #FFFFD1;
}

.button {
  background-color: #f4511e;
  border: none;
  color: white;
  padding: 8px 8px;
  text-align: center;
  font-size: 16px;
  margin: 4px 20px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
border-radius: 8px;
}

.button:hover {opacity: 1}

.resumenficha {
margin: 0px 18px 8px 18px;
background-color: #ffffff;
padding: 8px 8px 8px 8px;
/* border-radius: 18px 0px 0px 18px; */
opacity: 1;
}

.vermas {
margin: 8px 18px 8px 18px;
/* background-color: #ffffff; */
padding: 8px 8px 8px 8px;
/* border-radius: 18px 0px 0px 18px; */
opacity: 1;
}

.cuerpoguiahabana {
margin: 8px 0px 8px 0px;
background-color: #ffffff;
padding: 8px 8px 8px 8px;
border-radius: 0px 0px 0px 0px;
opacity: 1;
}

.guiahabanacredito {
text-align: right;
font-size: 14px;
color:#30888e;
font-style: italic;
padding: 0px 10px 0px 0px;
}

.buscador {
padding: 4px 4px 4px 10px;
/* font: bold 15px 'Raleway', sans-serif; */
background-color: #8b9aa9;
color: white;
border: 0;
outline: none;

/* border-radius: 10px  10px  10px 10px; */
/* border-color: #000000; */
/* border-style: solid; */
/* border-width: 3px; */
}

img {
width: 89%;
margin-top: 10px;
margin-bottom: 10px;
/* border-color: #2D3E50; */
/* border-style: solid; */
/* border-width: 5px; */
/* border: 5px solid rgba(101, 116, 133, 1); */
border-width: 0px;
/* border-radius: 15px; */
border-radius: 0px;

box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);

display: block;
margin-left: 10px;
/* margin-left: auto; */
/* margin-right: auto; */

}



.datos_iniciales {
width: 89%;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 15px;
border-width: 0px;
border-radius: 15px;
display: block;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
/* background-color: #f0f0f0; */
background-color: #ffffff;
padding: 10px 5px 20px 5px;
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}


.img_vv {
width: 93%;
margin-right: 10px;
margin-left: 10px;
margin-bottom: -15px;
border-color: black;
border-style: solid;
border-width: 9px 9px 45px 9px;
border-radius: 0px;
}

/* video, iframe {
width:89%;
margin-right: auto;
margin-left: auto;
margin-bottom: -5px;
border-color: black;
border-radius: 15px;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
display: block;
margin-left: auto;
margin-right: auto;
} */

video, iframe {
width:89%;
margin-right: auto;
margin-left: auto;
margin-bottom: -5px;
border-color: black;
/* border-style: solid; */
/* border-width: 9px 9px 15px 9px; */
border-radius: 15px;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);

display: block;
margin-left: 10px;
margin-right: auto;
}



.ubicar { color:#EDE9C4;text-decoration:none;cursor:default;font-size:0.8rem }
.panos { color:#B6D1F0;text-decoration:none;cursor:pointer;font-size:1rem }
.panos_handheld { color:#B6D1F0;text-decoration:none;cursor:pointer;font-size:1.2rem }
.dire { color:#E1E1E1;text-decoration:none;cursor:default;font-size:0.85rem }