@charset "utf-8";

/* Importar fuente */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);   /* Roboto Condensed */

/* Contenedores de la infografía */

#infotop {
	width:640px;
	height:1654px;
	display:block;
}

#infomapa {
	width: 640px;
	height: 373px;
	background-image:url(imagenes/infografia_mapa.jpg);
	position:relative;
}

#infobottom {
	width: 640px;
	height: 532px;
}

/* Formato del cartel */

ul, li {
list-style-type:none;
}

#infomapa .cartel {
position:absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0.1s linear, opacity 0.2s linear;
-moz-transition: visibility 0.1s linear, opacity 0.2s linear;
-o-transition: visibility 0.1s linear, opacity 0.2s linear;
color: rgba(255,255,255,0);
display:none;

}

.cartel span {
font-size: 25px;
}
/* Efectos */

#infomapa a:hover div {
visibility:visible;
width:200px;
opacity: 1;
background-image:url(imagenes/hojas_laurel.png);
background-repeat:no-repeat;
background-position:center;
background-color:white;
color: #e75340;
font-family: Roboto Condensed, Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
height: 50px;
line-height:20px;
padding-top:5px;
text-align:center;
margin-left:-90px;
margin-top:-68px;
box-shadow: 1px 1px 3px #135355;
-moz-box-shadow: 1px 1px 3px #135355;
-webkit-box-shadow: 1px 1px 3px #135355;
border-radius:5px;
display:block;
z-index:10;
}

#infomapa a:hover div:after {
  position: absolute;
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #c10e0e;
  line-height:0px;
  left: 87px;
  top: 55px;
  content: '';
  opacity:0.7;
}

#infomapa a:link, #infomapa a:visited {
text-decoration:none;
color: #000;
}

#infomapa img {
position:absolute;
}

#infomapa a:hover img {
opacity: 0.6;
}

/* Corrección de tamaños */

.laroche span, .cartagena span {
font-size: 17px;
line-height:14px;
}

.santabarbara span {
font-size: 20px;
line-height:15px;
}

.sansebastian span {
font-size: 21px;
line-height:15px;
}

.buenosaires span, .gotemburgo span, .vinadelmar span {
font-size: 22px;
line-height:15px;
}

/* Puntos festivales */

.cannes {
	left: 317px;
	top: 144px;
}

.sarlat {
	left: 291px;
	top: 126px;
}

.rotterdam {
	left: 296px;
	top: 85px;
}

.biarritz {
	left: 275px;
	top: 140px;
}

.sansebastian {
	left: 265px;
	top: 148px;
}

.londres {
	left: 275px;
	top: 71px;
}

.brighton {
	left: 274px;
	top: 84px;
}

.laroche {
	left: 262px;
	top: 110px;
}

.gotemburgo {
	left: 343px;
	top: 22px;
}

.hamburgo {
	left: 334px;
	top: 68px;
}

.filmar {
	left: 323px;
	top: 102px;
}

.locarno {
	left: 327px;
	top: 111px;
}

.turin {
	left: 327px;
	top: 126px;
}

.lahabana {
	left: 172px;
	top: 175px;
}

.sundance {
	left: 111px;
	top: 139px;
}

.telluride {
	left: 120px;
	top: 136px;
}

.santabarbara {
	left: 101px;
	top: 147px;
}

.baja {
	left: 112px;
	top: 167px;
}

.morelia {
	left: 130px;
	top: 177px;
}

.toronto {
	left: 165px;
	top: 118px;
}

.nuevayork {
	left: 182px;
	top: 129px;
}

.abudhabi {
	left: 405px;
	top: 170px;
}

.melbourne {
	left: 569px;
	top: 310px;
}

.saopaulo {
	left: 228px;
	top: 276px;
}

.buenosaires {
	left: 209px;
	top: 302px;
}

.valdivia  {
	left: 181px;
	top: 333px;
}

.vinadelmar {
	left: 184px;
	top: 297px;
}

.tesalonica {
	left: 377px;
	top: 144px;
}

.belfort {
	left: 310px;
	top: 98px;
}

.cartagena {
	left: 181px;
	top: 199px;
}

/*


*/