@charset "utf-8";
/* CSS Document */

* { 
margin: 0;
padding: 0;
}

html, body {
   height: 100%;
   overflow: hidden;
    }


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color:#333333;
}

/*barra dalt home*/

#dalthome {
width: 100%;
height: 25px;
position: absolute;
top: 0;
left: 0;
background-color:#000000;
padding-top: 4px;
z-index: 9;
}

#dalthome p {
padding-left: 75px;
font-size: 20px;
}


#afegirdalt {
position: absolute;
top: 0;
left: 45px;
z-index:10;
}

/*mapa*/

#map {
height: 100%;
overflow:hidden;
}


/*barra baix*/

#barrabaix {
position: absolute;
width: 90%;
right: 0;
bottom: 0;
height: auto;
}

#logo {
position: absolute;
bottom: 25px;
right: 21px;
z-index:5;
}

#buscarmapa {
position: absolute;
bottom: 25px;
left: 0px;
width: auto;
z-index: 13;
padding: 3px 0;
}

#baixhome {
width: 100%;
height: 22px;
position: absolute;
bottom: 0;
right: 0;
background-color:#000000;
padding-bottom: 3px;
z-index: 6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.opcionsbaix {
display: inline;
position: absolute;
left: 15px;
bottom: 6px;
color: #fff;
}

#inputmapa {
width: 350px;
}

.credits {
display: inline;
position: absolute;
right: 25px;
bottom: 6px;
color: #ccc;
}

.credits img {
vertical-align: bottom;
margin-bottom: 1px;}

/**************
capa arxiu
***************/

#archive {
position: absolute;
top: 120px;
right: 20px;
width: 150px;
height: auto;
padding: 10px;
background-color:#000000;
font-size: 11px;
color: #fff;
z-index: 15;
}

#archive a {
display:block;
color: #99CC00;
text-decoration: none;
}

#archive a:hover {
color: #f06;
text-decoration: none;
}

#archive li {
display: block;
list-style-type: none;
border-bottom: 1px dashed #ccc;
padding: 1px 2px;
}

#archive li:hover {
background-color: #333333;
}

#archive a.complet {
font-weight: bold;
text-align: right;
margin-top: 6px;
color: #f06;
}

#archive a.complet:hover {
color: #fff;
}

#archive:active {
cursor: pointer;
cursor: move;
}

#archive input {
border: 1px solid #9c0;
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 7px 0px;
padding: 2px;
width: 137px;
height: 27px;
}

#archive input:focus {
background-color: #FFF;
border-color: #FF9900;
}

#tancar {
position: absolute;
top: 4px;
right: 3px;
}

#tancar a {
padding: 1px 3px;
color: #ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 8px;
border: 1px solid #999;
}

#tancar a:hover {
background-color: #666;
}



/**************
pas 2 + 3
***************/

#afegir {
background-color: #333;
height: auto;
overflow:auto;
}

#afegir h1 {
font-size: 16px;
}

#mes {
padding: 25px 0 10px 0;
border: 0;
}

#creanou {
float:left;
text-align: center;
width: 25%;
margin: 0 25px;
}

#pujafoto1 {
padding-top: 20px;
text-align: left;
color: #fff;
}

#pujafoto1 form {
margin: 5px 0;
}

#boto {
border: 0;
width: 162px;
height: 26px;
text-align: center;
margin-left: 40px;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#boto a {
padding: 6px 30px 6px 30px;
line-height: 32px;
font-size: 12px;
font-weight: bold;
color: #000;
background: url(../img/afegir_boto.gif) no-repeat center top;
white-space: nowrap;
}

#boto a:hover {
background: url(../img/afegir_boto.gif) no-repeat center bottom;
color: #fff;
}

#loading {
text-align: center;
color: #fff;
font-size: 16px;
font-weight: bold;
margin-top: 25px;
}

#loading img {
margin-bottom: 15px;
}

#iframe {
margin-top: 5px;
}

#recortr {

}

.gris10 {
text-align: left;
padding: 10px 0;
color: #999;
font-size: 9px;
}

#seleccio {
position: relative;
float:left;
width: 186px;
padding: 9px;
font-weight: bold; 
color: #000;
font-size: 14px;
/*background-color: #ccc;*/
margin: 7px 50px 7px 0;
/*border: 2px solid #fff;*/
}

#selecciofoto {
width: 177px;
height: 106px;
border: 3px solid #f06;
background-image:url(../../img/fons_transp.png);
margin: 4px 0 7px 0;
text-align: center;
}

#selecciofoto img {
max-width: 177px;
max-height: 106px;
}

#afegirimg {
position: absolute;
right: -35px;
bottom: -25px;
z-index: 12;
}

#arxiu {
float: left;
position: relative;
width: 412px;
margin-top: 15px;
}

#arxiu h1 {
padding-left: 8px;
color: #fff;
}


#arxiu form {
width: 110px;
position: absolute;
right: 0px;
top: 0;
}

#input1 {
width: 75px;
font-size: 11px;
border: 1px solid #000000;
background-color:#CCCCCC;
padding: 2px;
}

#input1:focus {
background-color:#fff;
}

#ok {
background-color:#CCCCCC;
border: 1px solid #000000;
}

#ok:active {
background-color:#ededed;
border: 1px solid #000000;
}

#arxiu td {
width: 50px;
height: 50px;
background-image:url(../../img/fons_transp.png);
background-color:#FFFFFF;
overflow:hidden;
padding: 1px;
border: 1px solid #fff;
}

#arxiu td img {
max-width: 48px !important;
max-height: 48px !important;
width: 48px;
height: 48px;
}

#arxiu td:hover {
border: 1px solid #f06;
}

#arxiu_paginacio {
font-size: 10px;
color: #ccc;
}

#paginacio_msg {
margin-left: 5px;}

#pag_cuts {
position: absolute;
right: 0px;
bottom: 0px;
}

#barratancar{
position: relative;
width: 100%;
height: 19px;
background-color:#000;
padding-top: 3px;
z-index:11;
}

#barratancar p {
padding-left: 75px;
}

#plega {
position: absolute;
left: 45px;
bottom: 0;
z-index:12;
}

/**************
bombolles mapa
***************/

#bubble {
background-color:#FFFFFF;
width: 260px;
color: #000;
}

#bubble .help {
color: #666;
font-size: 9px;
background-color: #f2f2f2;
padding: 3px;
margin: 2px 0;
}

.bubble_alert {
font-size: 16px;
font-weight: bold;
padding-bottom: 7px;
color: #FF9900;
}

#bubble_info {
text-align: right;
}

#bubble input, #bubble textarea {
width: 240px;
border: 1px solid #9c0;
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 5px 0px;
padding: 2px;
}

#bubble input:focus, #bubble textarea:focus {
background-color: #FFF;
border-color: #FF9900;
}

#missatge {
font-size: 15px;
padding-bottom: 6px;
margin-bottom: 4px;
width: 260px;
height: 55px;
overflow: auto;
/*border-bottom: 1px dashed #ccc;*/
}

#bubble .autor {
color: #999;
font-size: 12px;
}

#bomb_boto {
margin-top: 18px;
text-align: center;
}

#bomb_boto2 {
border: 0;
width: 73px;
height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 15px;
}

.bomb_boto2 a {
padding: 4px 30px 3px 30px;
line-height: 22px;
font-size: 12px;
font-weight: bold;
color: #000;
background: url(../img/bubble_boto.gif) no-repeat center top;
}

.bomb_boto2 a:hover {
background: url(../img/bubble_boto.gif) no-repeat center bottom;
color: #fff;
}

.bomb_boto2 a:active {
color: #000;
}

/*generiques*/

.esq {
float: left;}

.dre {
float: right;
}

.clear {
clear: both;
}

h2 {
font-size: 17px;
color: #fff;
}

.error {
color: #FF0000;
font-size: 14px;
font-weight: bold;
background-color:#FFFF00;
border: 2px solid #FF0000;
padding: 12px;}

/* links */

a { 
color: #9c0;
text-decoration: none;
}

a:hover {
color: #f06;
text-decoration: none;
} 

a:active {
color: #f06;
}

#afegir a {
color: #fff;
text-decoration: underline;
}

#creanou a:hover {
color: #f06;
text-decoration: underline;
}

#seleccio a {
color: #789f00;
font-size: 17px;
text-decoration: none;
}

#seleccio a:hover {
color: #f06;
text-decoration: none;
}

#arxiu_paginacio a:link {
padding: 2px 5px;
color: #fff;
text-decoration: none;
}

#arxiu_paginacio a:visited {
color: #ccc;
text-decoration: none;
}

#arxiu_paginacio a:hover {
color: #fff;
background-color: #FF0066;
text-decoration: none;
}

#arxiu_paginacio a:active {
color: #fff;
background-color:#99CC00;
text-decoration: none;
}

#barratancar a {
color: #f90;
text-decoration: none;
}

#barratancar a:hover {
color: #fff;
}


/*variades*/

#zoom_level {
position:relative;
}

#zoomnum {
position: absolute;
top: 22px;
left: 0;
width: 37px;
text-align: center;
font-size: 16px;
font-weight: bold;
}

.seleccio_0{

background-color:#cccccc;
}

.seleccio_1{

background-color:#ffffff;
}