/* Mides Mapa Salat:*/
label.maplabel {
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
}

label.maplabel:hover {
    color: #FFA500;
    font-size: 11px;
    font-weight: normal;
}

#divMapa {
    background-image: url(../img/MapaParlarSalatCostaBrava.png);
    height: 810px;
    width: 820px; 
    background-repeat: no-repeat;
}

/*.cerca{
    width: 100%;
    color: white;
}*/
.posicio{
    padding-left: 4%;
    padding-top: 95%;
}

/*Punts en mapa*/
#span1{/*Begur*/
    left: 617px;/* 597px original + 20px padding-left*/
    top: 435px;
    position: absolute;
    color: #ffffff;
}
#span2{/*Blanes*/
    left: 308px;/* 288px original + 20px padding-left*/
    top: 708px;
    position: absolute;
    color: #ffffff;
}
#span3{/*Cadaqués*/
    left: 666px;/* 646px original + 20px padding-left*/
    top: 98px;
    position: absolute;
    color: #ffffff;
}
#span4{/*Lloret de Mar*/
    left: 346px;/* 326px original + 20px padding-left*/
    top: 686px;
    position: absolute;
    color: #ffffff;
}
#span5{/*Palafrugell*/
    left: 580px;/* 560px original + 20px padding-left*/
    top: 467px;
    position: absolute;
    color: #ffffff;
}    
#span6{/*Calella de Palafrugell*/
    left: 596px;/* 575px original + 20px padding-left*/
    top: 497px;
    position: absolute;
    color: #ffffff;
}
#span7{/*Llafranc*/
    left: 606px;/* 586px original + 20px padding-left*/
    top: 483px;
    position: absolute;
    color: #ffffff;
}
#span8{/*Palamós*/
    left: 546px;/* 526px original + 20px padding-left*/
    top: 539px;
    position: absolute;
    color: #ffffff;
}
#span9{/*Sant Feliu de Guíxols*/
    left: 478px;/* 458px original + 20px padding-left*/
    top: 606px;
    position: absolute;
    color: #ffffff;
}
#span10{/*Tossa de Mar*/
    left: 409px;/* 389px original + 20px padding-left*/
    top: 662px;
    position: absolute;
    color: #ffffff;
}


/*Busqueda*/
.search {
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}

/*Titulo*/
.titulo{
    /*padding-left: 30px;*/
    color:white; 
    font-family: Georgia;
    /*font-weight: 500;*/
    font-size: 250%;
    font-weight: bold;
}

/*Links inicials*/

.links{
    color: #103c93 !important;
    font-size:150%; 
    font-weight: bold;
}

.links:hover {
    color: #00adeb !important;
    font-size:150%; 
    font-weight: bold;
}


/*imagen logo cabecera*/
.img{
    width:60px;
    height:60px;
    border-radius: 75px; 
}

/*imagen logo inici*/
.imgInici{
    width:1150px;
    height:1150px;
    border-radius: 75px; 
    opacity: 0.6;
}

body{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ac6f2+0,f2f2f2+100 */
    background: rgb(138,198,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(138,198,242,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(138,198,242,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(138,198,242,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac6f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
}

footer{
    border-radius: 3px;
    color: white ;
    background-color: #3277B3;
}

a{
    text-decoration:none;
    color:#3277B3 !important;
}

a:hover{
    color:#3277B3 !important;
}

.cercat{
    padding-top: 8px;
    font: oblique bold 125% cursive;
}

textarea {
    resize: none;
}

.parentTranscripcio {
  /*background-color:#CCCCCC;*/
  position:relative;
  contain: content; 
  height:45px;
  padding-left: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.childTranscripcio {
  /*background-color:#CCCCCC;*/
  position:relative;
  right:0px;
  top:0px;
  font-size: 16px;
}

.parentTranscripcioF {
  /*background-color:#CCCCCC;*/
  position:relative;
  contain: content; 
  height:50px;
  padding-left: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.childTranscripcioF {
  /*background-color:#CCCCCC;*/
  position:relative;
  right:0px;
  top:2px;
  font-size: 16px;
}

#loadingPage2, #loadingPage3 {
    color: #3277B3;
    font-size: 26px;
    height:810px;
    padding-left: 40%;
    padding-top: 20%;
}