a {cursor: pointer !important}

header {
	background: url('/banner.png') repeat #074E68;
/* 	margin-bottom: 1em; */
	padding: 22px 0px;
}

header h1 a{
	color: #FFF;
	margin-bottom: 0px;
}

header h4 {
	color: #CCC;
}

header .sub-nav {
	clear:right;
}

header a[data-dropdown="language-list"] {
	padding:.5em 3.5em .5em .5em !important;
}

.google-maps {
	position: relative;
	padding-bottom: 35%; // This is the aspect ratio
	height: 0;
	min-height: 38em;
	overflow: hidden;
}
.google-maps #map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.foot{
	background-color:black;
	color: white;
	text-align:center;
	padding-top:5px;
}

.foot p{
	font-size: 0.7rem !important;
	line-height: 0.2em;
}

.info{

	width:40em;
	position:absolute;
	top: 20%;
	right:3em;
	z-index: 1;
	float:right;
}

.info img{
	height:30em;
	margin-bottom:1em;
	border: 10px solid white;
	box-shadow: 10px 10px 5px #888888;
}

@media only screen {

	.foot p{
		font-size: 0.7rem !important;
		line-height: 1em;
	}
}

/* Botones cambio imagen */

.slick-dots li {
 list-style: none;
 display:inline-table
}
.slick-dots li.slick-active button::before {
    color: black;
    opacity: 0.75;
}
.slick-dots li button::before {
    color: white;
    content: "•";
    font-family: "slick";
    font-size: 50px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
.slick-dots li button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 5px;
    width: 20px;
}

.text_photos{
	float:right;
	-webkit-transform: rotate(345deg);
	-moz-transform: rotate(345deg);
	-o-transform: rotate(345deg);
	margin-top:-12em;
	/*margin-top:-8em;*/
	border-radius: 3px;
	text-shadow: 1px 1px #8181F7;
	left: -6em;
	color:red;
	background-color:white;
	z-index:1;
	position: relative;

	animation-name: parpadeo;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 3;

	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 3;
}

@-moz-keyframes parpadeo{
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
